1 pembuatan web site lepkom aplikasi menggunakan

15
1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN PHP DAN MySQL Johan Firdaus Universitas Gunadarma [email protected] LePKom Aplikasi & Pemrograman Komputer adalah salah satu laboratorium pengembangan dari LePKom. Tujuan dari laboratorium ini adalah untuk memberikan pelatihan penggunaan software aplikasi dan teknik pemrograman kepada civitas akademika sesuai dengan program studi Fakultas Ilmu Komputer dan tuntutan pasar kerja. Dalam skripsi ini penulis menjelaskan cara pembuatan web site LePKom Aplikasi yang diharapkan mampu menjadi menyediakan semua informasi yang berhubungan dengan LePKom Aplikasi bagi praktikan, assisten, staff dan user umum. Sekaligus mempermudah praktikan, assisten dan staff dalam melakukan ujian. Selain itu, user juga dapat memberikan kritik dan saran kepada assisten dan staff melalui web site ini. Administrator web ini juga memiliki halaman tersendiri untuk melakukan perubahan data yang disimpan dalam database. Untuk membuat Web Site LePKom Aplikasi ini penulis menggunakan script PHP yang digunakan bersama dengan tag HTML dan sebagai database digunakan MySQL . Kata Kunci : Web, LePKom Aplikasi, PHP, MySQL PENDAHULUAN Lembaga Pengembangan Komputerisasi Universitas Gunadarma (LePKom – UG) merupakan salah satu lembaga pengembangan di Universitas Gunadarma (UG) yang menyelenggarakan kegiatan pendidikan dan pelatihan bagi mahasiswa di luar kegiatan kuliah dan praktikum. Kegiatan tersebut merupakan pembekalan materi kepada mahasiswa sebelum mereka lulus dari UG. LePKom Aplikasi & Pemrograman Komputer adalah salah satu laboratorium pengembangan dari LePKom. Tidak seperti beberapa laboratorium dari LePKom saat ini yang telah memiliki web site dan otomatisasi proses ujian, LePKom Aplikasi belum memiliki web site dan proses ujiannya masih dilakukan secara manual. Web site diperlukan untuk mempermudah LePKom Aplikasi dalam menyampaikan informasi, baik kepada praktikan, asisten ataupun kepada staf. Ujian yang terotomatisasi akan mengefektifkan penggunaan waktu dari praktikan pada saat melaksanakan ujian dan mempermudah asisten ataupun staf dalam melakukan proses penilaian. Tujuan dari penulisan ini adalah membuat web site untuk LePKom Aplikasi, yang isinya terdiri dari informasi workshop dan kursus, informasi user, aplikasi berbasis web untuk ujian dan untuk pembuatan mailing list, kritik dan saran dari praktikan dan juga manajemen

Upload: vanque

Post on 31-Dec-2016

234 views

Category:

Documents


6 download

TRANSCRIPT

Page 1: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

1

PEMBUATAN WEB SITE

LEPKOM APLIKASI MENGGUNAKAN PHP DAN MySQL

Johan Firdaus

Universitas Gunadarma

[email protected]

LePKom Aplikasi & Pemrograman Komputer adalah salah satu laboratorium

pengembangan dari LePKom. Tujuan dari laboratorium ini adalah untuk memberikan

pelatihan penggunaan software aplikasi dan teknik pemrograman kepada civitas akademika

sesuai dengan program studi Fakultas Ilmu Komputer dan tuntutan pasar kerja.

Dalam skripsi ini penulis menjelaskan cara pembuatan web site LePKom Aplikasi

yang diharapkan mampu menjadi menyediakan semua informasi yang berhubungan dengan

LePKom Aplikasi bagi praktikan, assisten, staff dan user umum. Sekaligus mempermudah

praktikan, assisten dan staff dalam melakukan ujian. Selain itu, user juga dapat memberikan

kritik dan saran kepada assisten dan staff melalui web site ini. Administrator web ini juga

memiliki halaman tersendiri untuk melakukan perubahan data yang disimpan dalam

database.

Untuk membuat Web Site LePKom Aplikasi ini penulis menggunakan script PHP

yang digunakan bersama dengan tag HTML dan sebagai database digunakan MySQL .

Kata Kunci : Web, LePKom Aplikasi, PHP, MySQL

PENDAHULUANLembaga Pengembangan Komputerisasi Universitas Gunadarma (LePKom – UG)

merupakan salah satu lembaga pengembangan di Universitas Gunadarma (UG) yang

menyelenggarakan kegiatan pendidikan dan pelatihan bagi mahasiswa di luar kegiatan kuliah

dan praktikum. Kegiatan tersebut merupakan pembekalan materi kepada mahasiswa

sebelum mereka lulus dari UG. LePKom Aplikasi & Pemrograman Komputer adalah salah

satu laboratorium pengembangan dari LePKom.

Tidak seperti beberapa laboratorium dari LePKom saat ini yang telah memiliki web

site dan otomatisasi proses ujian, LePKom Aplikasi belum memiliki web site dan proses

ujiannya masih dilakukan secara manual. Web site diperlukan untuk mempermudah LePKom

Aplikasi dalam menyampaikan informasi, baik kepada praktikan, asisten ataupun kepada staf.

Ujian yang terotomatisasi akan mengefektifkan penggunaan waktu dari praktikan pada saat

melaksanakan ujian dan mempermudah asisten ataupun staf dalam melakukan proses

penilaian.

Tujuan dari penulisan ini adalah membuat web site untuk LePKom Aplikasi, yang

isinya terdiri dari informasi workshop dan kursus, informasi user, aplikasi berbasis web untuk

ujian dan untuk pembuatan mailing list, kritik dan saran dari praktikan dan juga manajemen

Page 2: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

2

user. Web site ini diharapkan nantinya dapat mempermudah LePKom Aplikasi dalam

memberikan informasi dan mempermudah asisten ataupun staf dalam melakukan proses

penilaian.

Rumusan masalah penulisan ini adalah bagaimana cara membuat suatu web site

LePKom Aplikasi menggunakan PHP Version 4.3.7 dan MySQL.

TINJAUAN PUSTAKA

InternetSebagai gambaran umum, Internet adalah suatu jaringan komputer global yang

terbentuk dari jaringan komputer lokal dan regional, memungkinkan komunikasi data antar

komputer yang terhubung ke dalam jaringan tersebut (Dasar Pemrograman Web Dinamis

Menggunakan PHP, Abdul Kadir,2002).

World Wide Web (WWW)Salah satu layanan aplikasi di internet adalah World Wide Web (WWW). WWW atau

yang biasa disebut Web saja, bekerja menggunakan teknologi yang disebut hypertext, yang

kemudian dikembangkan menjadi protokol aplikasi yang disebut HTTP (Hypertext Transfer

Protocol) (Naskah Kursus Web Programming Using PHP And MySQL, Anonim, 2002).

Dengan fasilitas ini menjadikan web sebagai salah satu aplikasi yang paling luwes

untuk menjelajahi internet. Dengan menggunakan WWW, pengaksesan beragam sumber

informasi di internet dapat dilakukan melalui suatu cara yang umum. Dengan teknologi

hypertext akan menggabungkan beberapa jenis representasi dan metode pengaksesan

informasi dan menyajikannya dalam bentuk informasi seperti text, grafik, animasi dan

sebagainya.

Hypertext Transfer Protocol (HTTP)Web merupakan terobosan baru sebagai teknologi sistem informasi yang

menghubungkan data dari banyak sumber dan layanan yang beragam macamnya di internet.

Server dan browser web berkomunikasi satu sama lain dengan protokol yang memang dibuat

khusus untuk itu, yaitu HTTP. HTTP bertugas menangani permintaan-permintaan dalam

(request) dari browser untuk mengambil dokumen web.

HTTP bisa dianggap sebagai sistem yang bermodel sebagai client-server. Browser

web, sebagai clientnya, mengirimkan permintaan kepada server web untuk mengirimkan

dokumen web yang dikehendaki pengguna. Server web lalu memenuhi permintaan ini dan

mengirimkannya melalui jaringan kepada browser. Setiap permintaan akan ditangani dan

dilayani sebagai suatu koneksi terpisah yang berbeda.

HTTP bekerja diatas TCP (Transmission Control Protocol) yang menjamin sampainya

data di tujuan dalam urutan yang benar. Bila suatu kesalahan terjadi selama proses

Page 3: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

3

pengiriman, pihak pengirim akan mendapat pemberitahuan bahwa telah terjadi

ketidakberesan.

HTMLHypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis

halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks

(Teknologi e-Learning BerbasisPHP dan MySQL, Antonius Aditya Hartanto dan Onno W.

Purbo, 2002). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang

untuk tidak tergantung dari sistem operasi tertentu. HTML dibuat oleh Tim Berners-lee ketika

masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal

tahun 1990 HTML mengalami perkembangan yang pesat , setiap pengembangan HTML pasti

akan menambahkan kemampuan dan fasilitas yang lebih baik dari sebelumnya. Namun

perkembangan tersebut tidak sampai mengubah cara kerja dari HTML.

Web Dinamis

Di masa awal web (awal 1990-an), web server yang ada praktis berfungsi hanya

sebagai file server (bedanya, protokol yang dipakai adalah HTTP). Yang dikerjakan oleh web

server saat itu hanyalah mentransfer file, terutama file HTML, GIF dan JPEG kepada klien

yang memintanya.

Tampilan dan isi halaman web, selama file yang bersangkutan tidak diubah oleh

pembuat situs, akan tetap dari request ke request. Jenis halaman web seperti ini disebut

statik. Mekanisme seperti ini pada waktu itu sudah memadai.

Bahasa markup hiperteks (HTML) telah membedakan Web dari layanan internet yang

lain, karena informasi yang diberikan lewat Web terasa saling terkait melalui hyperlink.

Namun karena situs web semakin kompleks, terutama berkat kalangan komersial yang mulai

menampilkan produknya di internet, di sisi server, web mulai berubah.

Munculah kebutuhan-kebutuhan baru untuk:

Ø Berinteraksi lebih dengan pengunjung situs.

Ø Menampilkan informasi perusahaan yang berasal dari database.

Ø Menampilkan halaman yang memproses informasi dari klien, terupdate otomatis dan

berbeda tampilan sesuai kondisi tertentu,

Apa yang harus berada di sisi server kini tak cukup lagi hanya kumpulan file statik,

tapi program aplikasi dan database. Situs web seperti ini yang disebut situs web dinamis.

Page 4: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

4

Web Based Application

Web based Application atau aplikasi berbasis web adalah aplikasi yang di

rancang khusus agar dapat jalankan di web. Web based Application ini merupakan

sebuah dynamic web yang biasanya di buat dengan menggunakan bahasa server side.

Web-Based Application dapat digunakan melalui berbagai koneksi dan semua

sistem operasi dapat mengaksesnya, membuatnya menjadi platform independent.

Tidak ada penginstallan ataupun perawatan di butuhkan untuk menggunakannya.

Akses dapat diatur dan dibatasi jika dibutuhkan. Internet Compilers Package (ICP)

adalah salah satu contoh web based application di bidang software-engineering yang

saat ini digunakan di University of Wyoming, Laramie.PHP

PHP berasal dari PHP : Hypertext Preprocessor, sebenarnya adalah produk yang

aslinya bernama Personal Home Page Tools (Pemrograman Web dengan PHP, Betha

Sidik, 2001). PHP merupakan script untuk pemrograman script web server side, artinya

sintaks dan perintah yang diberikan akan sepenuhnya dijalankan di server, atau dengan kata

lain aplikasi akan menampilkan hasil di web browser, tetapi prosesnya secara keseluruhan

dijalankan di webserver. Sintaks yang digunakan dalam PHP memiliki banyak kemiripan

dengan bahasa C. Kekuatan PHP yang paling utama adalah konektifitas database dengan

web.

Session dan CookieAplikasi yang melakukan otentikasi (login pemakainya) membutuhkan model yang

bukan connectionless agar semua aktifitas user dapat diketahui mulai dari saat user login

sampai dengan ketika user logout (keluar aplikasi). PHP mempunyai mekanisme yang

disebut session dan cookies. Session dan cookies merupakan cara yang digunakan untuk

mengetahui state/koneksi dari seorang pengunjung dari sebuah komputer sedang/telah

melakukan koneksi kepada server atau belum.

Kondisi connectionless menyebabkan pengunjung tidak dapat dideteksi dengan

akurat, karena setiap kali akses dianggap sebagai pengunjung baru, dengan adanya session

dan cookies maka setiap pengunjung dari setiap komputer akan dicatat kejadiannya, jika

pengunjung melakukan akses lagi ke dalam server maka kita tidak perlu mencatat sebagai

pengunjung baru.

Session dan cookies berbeda dalam mengimplementasi data state/koneksi. Session

akan mencatat data koneksi pada server sedangkan cookies mencatat data pada client

(browser).

Page 5: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

5

MySQLMySQL merupakan software open source yang pada awalnya dikembangkan pada

platform sistem operasi Linux namun kemudian dikembangkan untuk penggunaan pada

platform Windows. Operasi dasar yang dapat dilakukan pada MySQL meliputi pembuatan

(create) database, modifikasi database dan operasi Query (operasi yang digunakan untuk

menampilkan atau mengambil data dari database).

ApacheApache [http://www.apache.org] merupakan web server yang terpopuler saat ini.

Menurut survey netcraft lebih dari 50% situs di Internet menggunakan Apache sebagai Web

server. Server Apache sangat luwes, memenuhi standar HTTP/1.1, mengimplementasikan

protokol terbaru dan sangat luwes dikon_gurasi serta dapat ditambahkan modul lainnya

melalui module Apache. Tersedia untuk berbagai sistem operasi.

Apache menyediakan fasilitas yang kaya, yang sangat dibutuhkan suatu server

serius, seperti otentikasi, pengaturan akses direktori, virtual host, kemampuan URL rewritting,

dan juga alias. Kemampuan melakukan content negotiation membuat Apache mampu

melayani beragam client secara otomatis, baik untuk berbagai browser yang memiliki

kemampuan berbeda ataupun untuk divais akses yang berbeda. Fungsi log yang dimiliki oleh

Apache dapat dikirim melalui proses piping, sehingga dapat dilakukan rotasi log, filter log,

serta melakukan pemisahan log secara langsung.

Awalnya Apache dikembangkan berdasakan keinginan untuk memperbaiki Web

server yang saat itu populer (NCSA web server). Tetapi akhirnya mengalami perombakan

dan penulisan ulang dan menjadi Web server yang berdiri sendiri dan berbeda dengan

NCSA. Kini malah mengalahkan kepopuleran NCSA Web server. Pada tahun 1999 dibentuk

Apache Software Foundation untuk mengurus perkembangan Apache ini. Apache telah

membuktikan sebagai web server yang cepat, stabil dengan fitur yang paling kaya di antara

web server lainnya. Saat ini proyek Apache telah berkembang dan tidak hanya sekedar Web

server.

Macromedia Dreamweaver MXDreamweaver MX adalah suatu bentuk program editor web yang dibuat oleh

macromedia. Dengan adanya program ini kita tidak perlu lagi mengetik semua script-script

format HTML, PHP, ASP maupun bentuk program lainnya karena script-script tersebut dapat

langsung dibuat oleh dreamweaver.

Editor Dreamweaver MX mempunyai sifat yang WYSIWYG artinya “apa yang kamu

lihat akan kamu peroleh (What You See Is What You Get)”. Dengan kelebihan ini

penggunanya dapat langsung melihat web hasil buatannya tanpa harus dibuka di browser.

Seperti program editor-editor web lain, Dreamweaver MX juga memiliki dua bentuk

layar, yaitu bentuk halaman design dan halaman code. Hal ini akan mempermudah kita

dalam menambahkan script yang berbasis PHP maupun Javascript. Dreamweaver MX selain

Page 6: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

6

mendukung pembuatan web yang berbasis HTML, juga dapat mendukung program web yang

lain, diantaranya PHP, ASP, Perl, Javascript, dan lain-lain.

METODE PENELITIANAdapun metode penulisan yang akan digunakan dalam penulisan ini adalah studi

pustaka, melalui buku dan literatur lainnya yang relevan dengan masalah yang dibahas

antara lain yaitu tentang e-learning, PHP, MySQL dan lain-lain.

Untuk data materi kursus diperoleh dari modul kursus yang diberikan pada peserta

praktikum. Selain itu, penulis juga melakukan pencarian data tambahan melalui internet dan

mengunjungi web lembaga pendidikan yang telah menerapkan metode e-learning sebagai

bahan perbandingan

PEMBAHASANDalam pembuatan situs web LePKom Aplikasi ini, penulis telah melakukan delapan

tahapan yang dikerjakan secara berurutan. Tahapan tersebut adalah perancangan secara

umum, perancangan spesifikasi kegiatan, menentukan penggunaan hardware dan software,

pembuatan navigasi, membuat storyboard, membuat databases, perancangan halaman web

dengan menggunakan software dan pembuatan script. Berikut ini akan dibahas satu persatu

mengenai setiap tahapan dari pembuatan situs web LePKom Apliasi ini.

Perancangan Secara UmumSebuah situs web harus mempunyai rancangan yang tepat, user friendly dan berbobot

agar user mendapatkan kepuasan, kenyamanan serta informasi yang diinginkan pada saat

mengakses situs tersebut. Syarat utama sebuah situs yang baik adalah situs yang mengerti

kebutuhan dan keinginan para user. Situs yang baik mengutamakan nilai keindahan dan

keluwesan bentuk. Tidak kaku, tidak monoton dan modern. Waktu tampil (loading time) juga

harus diperhatikan secara seksama. Situs web yang memiliki waktu tampil yang lama akan

membosankan para pengunjungnya. Sebagian besar para pengunjung akan menutup situs

lalu berpindah ke situs lain. Sebuah situs yang baik akan terus dikunjungi dan di senangi oleh

para user. Untuk itulah diperlukan pembaharuan tampilan, koreksi, update, informasi terbaru,

dan layanan tambahan lainnya.

Situs web LePKom Aplikasi merupakan sebuah situs yang menyediakan informasi

mengenai segala sesuatu yang berhubungan dengan LePKom Aplikasi. Di dalam situs ini,

user dibagi-bagi menjadi empat kelompok yang terdiri dari umum, praktikan, asisten dan

admin.

Situs web ini dikelola oleh seorang admin yang dapat menambah ataupun menghapus

user. Admin juga dapat menambah, mengedit ataupun menghapus kursus, jadwal dan soal.

Pada pembuatan situs web ini, model struktur navigasi yang digunakan adalah

Composite. Tombol – tombol navigasi pada halaman web dibuat agar dapat menuju ke setiap

Page 7: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

7

halaman dengan cepat.. Halaman – halaman HTML serta script-script PHP yang ada di situs

ini dibuat dengan software Dreaweaver MX.

Perencanaan Spesifikasi Kegiatan

Berikut ini akan disebutkan spesifikasi kegiatan-kegiatan yang dapat dilakukan dalam

menggunakan situs ini :

1. Khusus untuk Admin

1. Meliahat, menambah, mengupdate ataupun menghapus data user.

2. Melihat, menambah, mengupdate ataupun menghapus kursus.

3. Melihat, menambah, mengupdate ataupun menghapus soal kursus.

4. Melihat, menambah, mengupdate ataupun menghapus jadwal.

5. Melihat, menambah, mengupdate ataupun menghapus data peserta kursus.

6. Mengoreksi nilai peserta ujian..

7. Melihat, menambah, mengupdate ataupun menghapus news.

8. Melihat, menambah, mengupdate ataupun menghapus data poling.

9. Melihat hasil poling.

10. Membuat e-mail untuk milis.

11. Membaca dan menghapus kritik dan saran dari praktikan.

2. Khusus untuk Assisten

1. Melihat dan memperbaiki data pribadi.

2. Melihat jadwal kursus.

3. Melihat nilai peserta kursus.

4. Melihat, menambah, mengupdate ataupun menghapus news sesuai level izin dari

news.

5. Melihat nilai peserta kursus.

6. Melihat data poling.

7. Melihat hasil poling.

8. Membaca kritik dan saran dari praktikan.

3. Khusus untuk Praktikan

1. Melihat dan memperbaiki data

pribadi.

2. Mengerjakan soal ujian.

3. Melihat data kursus.

4. Melihat news dengan level izin

praktikan.

5. Mengisi poling.

6. Mengisi kritik dan saran untuk

praktikan dan assisten.

Page 8: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

8

4. Untuk Umum

1. Melihat halaman home.

2. Melakukan login.

3. Melihat halaman about.

Spesifikasi Perangkat Yang Digunakan

Perangkat Keras :

1. ASUS P4S553-X

2. INTEL PENTIUM 4A 2400MHz

3. 256 MB (PC 2700 DDR SDRAM)

4. SPC PEACOCK 14”

5. MAXTOR 20 Gb, 5400 rpm, Ultra-ATA/100

Perangkat lunak:

1. PHP : PHP v4.3.7

2. Web Server : Apache HTTP Server v1.3.22

3. Web browser : Microsoft Intenet Explorer v5.0

4. Database Server : MySQL v3.23.53

5. Script Editor : Macromedia Dreamweaver MX

6. Web Editor : Macromedia Dreamweaver MX

Sebenarnya spesifikasi hardware untuk membangun situs web ini tidak perlu sama

dengan spesifikasi yang digunakan oleh penulis, yang terpenting adalah hardware tersebut

dapat menjalankan software yang digunakan oleh penulis.

Page 9: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

9

Pembuatan Struktur Navigasi1. Navigasi Untuk User Umum

Gambar 1 Navigasi Untuk User Umum

2. Navigasi Untuk User Praktikan

Gambar 2 Navigasi Untuk User Praktikan

Keterangan :

A1 = index.php

B1 = edit_data_user.php

C1 = soal.php

D1 = kursus.php

E1 = news.php

E2 = lihat_news.php

F1 = isi_poling.php

G1 = tambah_pendapat.php

G2 = tambah_pendapat_detail.php

H1 = about.php

I1 = logout.php (Bagian user umum)

3. Navigasi Untuk User Assisten

C1 D1 E1 F1 G1 H1 I1B1

E2 G2

LOGIN.PHP ABOUT.PHP

BAGIAN ASSISTEN BAGIAN PRAKTIKANLIHAT_NEWS.PHP

INDEX.PHP

A1

Page 10: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

10

Gambar 3 Navigasi Untuk User Assisten

Keterangan :

A1 = index.php

B1 = edit_data_user.php

C1 = nilai_user.php

D1 = data_news.php

D21 = tambah_news.php

D22 = edit_data_news.php

D23 = hapus_data_news.php

D24 = lihat_news.php

E1 = data_poling.php

E2 = hasil_poling.php

F1 = data_pendapat.php

F2 = hapus_pendapat.php

G1 = about.php

H1 = logout.php(Bagian user umum)

C1 D1 E1 F1 G1 H1

A1

B1

D21

C2D22

D23

D24

E2 F2

Page 11: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

11

4. Navigasi Untuk User Admin

Gambar 4 Navigasi Untuk User Admin

U1

A1 B1

B21

B22

B23

C1

C21

C22

C23

C24

C31

C32

C33

E1

E21

E22

E23

E24

F1

F21

F22

F23

F24

G1 H1

H1

D1

D21

D22

D23

D24

D31

D32

D33

I1 J1

Page 12: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

12

Keterangan :

U1 = login_admin.php

A1 = index.php

B1 = data_user.php

B21 = tambah_user,php

B22 = hapus_user.php

B23 = edit_data_user.php

C1 = data_kursus.php

C21 = tambah_kursus.php

C22 = edit_data_kursus.php

C23 = hapus_kursus.php

C24 = data_soal.php

C31 = tambah_soal.php

C32 = edit_data_soal.php

C33 = hapus_soal.php

D1 = data_real.php

D21 = tambah_real.php

D22 = edit_data_real.php

D23 = hapus_real.php

D24 = data_detail_kursus.php

D31 = tambah_peserta.php

D32 = koreksi.php

D33 = hapus_peserta.php

E1 = data_news.php

E21 = tambah_news.php

E22 = edit_data_news.php

E23 = hapus_data_news.php

E24 = lihat_news.php

F1 = data_poling.php

F21 = tambah_poling.php

F22 = edit_data_poling.php

F23 = hapus_data_poling.php

F24 = hasil_poling.php

G1 = milis.php

H1 = data_pendapat.php

H2 = hapus_pendapat.php

I1 = about.php

J1 = logout.php(Bagian user umum)

Storyboard Tahapan ketiga dari proses pembuatan halaman web adalah membuat storyboard.

Storyboard adalah suatu gambaran singkat atau rancangan umum tampilan dari halaman

web, yang dilengkapi dengan penjelasan mengenai halaman web tersebut. Storyboard dapat

dibuat dalam penggalan-penggalan gambar. Dalam membuat storyboard hal yang perlu

diperhatikan adalah tetap mengikuti rancangan struktur navigasi. Hal ini bertujuan agar

setiap tahapan desain menjadi lebih terarah

Pembuatan Database Proses pembuatan database untuk situs web LePKom Aplikasi ini melalui beberapa

tahapan. Tahapan-tahapan tersebut terdiri dari pembuatan ERD, normalisasi, perancangan

relationship dan pembuatan database ke dalam database server. Di bawah ini adalah

Relationship dari database yang di gunakan oleh penulis.

Page 13: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

13

Gambar 5 Relationship Database Appl

Page 14: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

14

Pembuatan Web Site dengan Software Dreamweaver MX Hampir seluruh tampilan halaman pada situs ini didisain dan dirancang dengan

mengunakan Macromedia Dreaweaver MX. Merancang halaman dengan Dreamweaver, kita

hanya perlu meletakkan dan merancang objek – objek yang diinginkan lalu biarkan software

tersebut yang men-generate listing html-nya untuk kita.

Pembuatan Script PHP Tahap berikutnya dari pembuatan situs web LePKom Aplikasi adalah pembuatan

script PHP. Script PHP ini berfungsi untuk membuat web tampil dinamis, karena nantinya

output web ini tergantung dari input dari user.

PENUTUPKesimpulan

Setelah penyusunan penulisan ini selesai, maka penulis dapat menyimpulkan

bahwa web LePKom Aplikasi merupakan salah satu sarana yang mempermudah tugas dari

staff dan assisten LePKom Aplikasi dalam menyampaikan informasi yang berkatian dengan

Lab LePKom Aplikasi.

Bagi peserta kursus, web ini dapat digunakan sebagai sarana komunikasi antara

mereka dengan pihak lab. Web ini juga digunakan oleh peserta kursus untuk mengerjakan

soal ujian.

Karena menggunakan database untuk menyimpan informasi dalam web ini, maka

administrator web dapat dengan mudah mengubah isi dari suatu informasi atau

menambahkan materi baru tanpa harus membuat sebuah file baru.

Situs web LePKom Aplikasi dibuat dengan menggunakan teknologi PHP 4.37,

MySQL, dan dreamweaver MX diuji dengan mengunakan web server Apache 1.3.23 dan

Apache 2.1.

SaranDengan terbatasnya waktu dan kemampuan untuk menyelesaikan tugas akhir ini

maka program yang dikembangkan masih jauh dari sempurna. Untuk meningkatkan fungsi

web ini penulis memberikan saran sebagai berikut:

a. Untuk halaman tertentu (misalnya halaman nilai), sebaiknya dibuat script untuk mencetak

informasi yang ada ke dalam bentuk kertas

b. Sebaiknya tampilan dibuat lebih menarik dengan animasi flash ataupun gif.

c. Soal ujian yang ada sebaiknya tidak hanya berbentuk pilihan ganda tetapi juga dapat

berbentuk essay.

Page 15: 1 PEMBUATAN WEB SITE LEPKOM APLIKASI MENGGUNAKAN

15

DAFTAR PUSTAKA[ABD02] Abdul Kadir, Dasar Pemrograman Web Dinamis Menggunakan PHP, cetakan

pertama, Penerbit Andi, Yogyakarta, 2002.

[ACH05] Achour, Mehdi, et all., PHP Manual, PHP Documentation Group, 2005.

http://www.php.net/download-docs.php.[ANO02] Anonim, Naskah Kursus Web Programming Using PHP And MySQL, Lembaga

Pengembangan Komputerisasi Universitas Gunadarma, Depok, 2002.

[ANT02] Antonius Aditya Hartanto dan Onno W. Purbo, Teknologi e-Learning BerbasisPHP

dan MySQL, cetakan pertama, PT. Elex Media Komputindo, Jakarta,2002.

[BET01] Betha Sidik, Pemrograman Web dengan PHP, cetakan pertama, CV. Informatika,

Bandung, 2001.

[BET01] Betha dan Husni I. Pohan, Pemrograman Web dengan HTML, cetakan pertama,

Informatika, Bandung, 2001.

[LOW02] Lowery, Joseph W, Dreamweaver MX Bible, Wiley Publishing. Inc, Indianapolis, IN,

2002.

[WIN00] Windiaprana Ramelan, I Made Wiryana, dan Ratih Dewanti, Pengantar

Internet,Lembaga Pengembangan Komputerisasi Universitas Gunadarma, Depok,

2000.