PEMBUATAN WEB SITE
LEPKOM APLIKASI MENGGUNAKAN PHP DAN MySQL
Johan Firdaus Universitas Gunadarma lordcaocao2025@yahoo.com
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.
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
Internet
Sebagai 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 adalahWorld Wide Web(WWW). WWW atau yang biasa disebutWeb saja, bekerja menggunakan teknologi yang disebuthypertext, 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.
Serverdanbrowserweb 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.
pengiriman, pihak pengirim akan mendapat pemberitahuan bahwa telah terjadi ketidakberesan.
HTML
Hypertext 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,
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 diweb 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 Cookie
Aplikasi 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.
MySQL
MySQL 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).
Apache
Apache [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 MX
Dreamweaver 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.
mendukung pembuatan web yang berbasis HTML, juga dapat mendukung program web yang lain, diantaranya PHP, ASP, Perl, Javascript, dan lain-lain.
METODE PENELITIAN
Adapun 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
PEMBAHASAN
Dalam 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 penggunaanhardware dansoftware, 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 Umum
Sebuah situs web harus mempunyai rancangan yang tepat,user friendlydan 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.
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.
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
Pembuatan Struktur Navigasi
1. 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 I1
B1
E2 G2
LOGIN.PHP ABOUT.PHP
BAGIAN ASSISTEN BAGIAN PRAKTIKAN
LIHAT_NEWS.PHP INDEX.PHP
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
C2
D22
D23
D24
4. Navigasi Untuk User Admin
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
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.
PENUTUP Kesimpulan
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.
Saran
Dengan 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.
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.
