situs oleh-oleh khas yogyakartarepository.usd.ac.id/32174/2/025314034_full.pdf · skripsi diajukan...
TRANSCRIPT
SITUS OLEH-OLEH KHAS YOGYAKARTA
SKRIPSI
Diajukan untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Informatika
Disusun Oleh :
Agung Tri Nugroho
025314034
JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
2007
YOGYAKARTA SOUVENIR SITE
A Thesis
Presented as Partial Fulfillment of the Requirements
to Obtain the Sarjana Teknik Degree
in Informatic Engineering
by
Agung Tri Nugroho
025314034
DEPARTEMENT OF INFORMATIC ENGINEERING
FACULTY OF SCIENCE AND TECHNOLOGY
SANATA DHARMA UNIVERSITY
YOGYAKARTA
2007
iv
PERNYATAAN KEASLIAN KARYA
Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis tidak
memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan,
acuan, dan daftar pustaka, sebagaimana layaknya karya ilmiah.
Yogyakarta, September 2007
Agung Tri Nugroho
Penulis
v
HALAMAN PERSEMBAHAN
SegSegSegSegala perkara dapat kutanggung diala perkara dapat kutanggung diala perkara dapat kutanggung diala perkara dapat kutanggung didalam Dia dalam Dia dalam Dia dalam Dia
yang memberi kekuatan kepadaku.yang memberi kekuatan kepadaku.yang memberi kekuatan kepadaku.yang memberi kekuatan kepadaku.
FILIPI 4:FILIPI 4:FILIPI 4:FILIPI 4:13131313
Kupersembahkan skripsi ini untuk :
Tuhan Yesus Kristus pembimbing, pelindung, penebus dosa dan
juru selamatku.
Papa dan Mama tercinta atas segala cinta kasih, semangat, doa
dan dukungan secara moril dan materiil selama ini.
Kedua kakakku tercinta Leny dan Lena
Almamaterku Teknik Informatika, khususnya angkatan 2002
vi
HALAMAN MOTTO
Jangan tunda hingga esok apa yang bisa kau kerjakan hari in i.
H idup itu pendek, m aka bergairahlah
Seorang juara ialah yang bangun ketika ia tak m am pu
P ikiran bukan sebuah bejana untuk diisi, m elainkan api untuk dinyalakan
K ehidupan yang m ati tersim pan dalam kenangan yang h idup
A ll things are possible through prayer
K au takkan jadi pem berani bila hanya m engandalkan hal-hal luar biasa terjadi
pada dirim u
K ita sendiri, bukan orang lain , yang bisa m em bebaskan pikiran kita
vii
ABSTRAKSI
Saat ini pariwisata berkembang dengan pesat, salah satu faktor
pendukungnya adalah oleh-oleh. Situs oleh-oleh khas Yogyakarta merupakan
sarana sarana bagi toko penjual oleh-oleh untuk mempromosikan produknya di
internet dan memudahkan pengunjung situs untuk mengetahui oleh-oleh apa saja
yang menjadi ciri khas Yogyakarta.
Situs ini menyediakan fasilitas untuk pendaftaran anggota bagi toko yang
berminat untuk menjadi anggota. Dengan adanya fasilitas ini maka dapat
meminimumkan penyalahgunaan data oleh-oleh. Pemilik toko dapat dengan cepat
dan mudah untuk mengupdate oleh-oleh dan memiliki kebebasan dalam
pengelolaan data oleh-oleh. Sedangkan bagi pengunjung situs juga mendapatkan
informasi yang lebih lengkap karena situs menyediakan informasi oleh-oleh dari
banyak toko yang terdapat di Yogyakarta.
Pembuatan situs ini menggunakan bahasa script PHP, database MySQL
dan Web Server Apache.
viii
ABSTRACT
Nowadays, tourism developed rapidly. One of the supporting factors was
souvenir. Souvenir became an important factor to support tourism development.
Site of Yogyakarta Souvenirs was a medium for souvenir sellers to promote their
product through the internet and to make the site visitors easier to know about
special souvenirs from Yogyakarta.
The site provided a facility to register shops which wanted join to be
member. Through this facility, it could minimize the souvenir lists abuse. The
shop owner could update souvenir data more easily dan faster as soon as possible.
In addition, they were free to manage the data of souvenir. While, the site visitors
also got more complete information because this site provided souvenir
information from many shops in Yogjakarta.
The making of this site used PHP script language with MySQL for
database, and Apache for Web Server.
ix
KATA PENGANTAR
Puji serta syukur saya panjatkan kepadaYesus Kristus, karena atas berkat
dan rahmat-Nya saya dapat menyelesaikan tugas akhir ini dengan baik dan lancar.
Dalam proses penulisan tugas akhir ini saya menyadari bahwa ada begitu
banyak pihak yang telah memberikan perhatian dan bantuan dengan caranya
masing-masing sehingga tugas akhir ini dapat selesai tepat waktu dan lancar. Oleh
karena itu saya ingin mengucapkan terima kasih antara lain kepada :
1. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku Ketua Jurusan Teknik dan
Dosen Pembimbingku, yang telah meluangkan waktu untuk memberikan
bimbingan, dan dukungan sehingga saya dapat menyelesaikan tugas akhir
ini dengan baik.
2. Bapak DS. Bambang Soelistijanto, S.T., M.Sc. dan Bapak Alb. Agung
Hadhiatma, S.T., M.T. selaku panitia penguji yang telah memberikan
banyak kritik dan saran demi sempurnanya tugas akhir saya.
3. Pak Bele, Mas Danang, Pak Dar, seluruh staff dan dosen pengajar di
Universitas Sanata Dharma pada umumnya dan Jurusan Teknik Informatika
pada khususnya yang telah memberikan bantuannya terutama dalam proses
pengerjaan tugas akhir ini.
4. Mama dan Papa, kakakku Cie Leny dan Cie Lena tercinta, Ko Ferry. Terima
kasih atas doa, semangat, dukungan dan cintanya sehingga saya bisa
menyelesaikan studi dengan lancar.
5. Keponakanku Abell tersayang yang telah memberikan keceriaan dan cahaya
terang seisi rumah.
x
6. Sahabatku Antonius Willy yang telah banyak membantu dalam
menyelesaikan tugas akhir ini.
7. Seseorang yang sangat kucintai dan telah membuatku selalu bahagia.
8. Teman-teman TI seperjuangan angkatan 2002: Mc De, Pram, Ase , Albert,
Bowo, Andi Raharjo, Nata, Handie, Pristo, Andika, Hasto, Yohana, Kristi,
Tere, Ika, Gwendy, Widy, Niko, Andre, serta teman-teman yang tidak dapat
saya sebut satu persatu, terima kasih atas bantuan, keakraban, dan
kebersamaannya selama ini
9. Sahabat-sahabat baikku Ondy, Budi Gendut, Dicky, Adi Gemblung, Maman,
Benny Bendot, Bayu, Jimmy, Hendra Ganyong, Prast, Agung Jabrik, Njoo
dan teman-teman kos Tasura 52 yang tidak dapat saya sebutkan satu persatu,
terima kasih atas semua dukungan, doa dan dorongan semangatnya untuk
menyelesaikan tugas akhir ini.
10. Lina, Intan, Nandut, Uthi, Devy Widya, Pipit, Puput, Yuli, Yenny, Elisa,
Mbak Heny, Ika, Maya, Niken, Ida, Elisa. Terima kasih telah membuatku
mempunyai semangat berlipat untuk menyelesaikan tugas akhir ini.
11. Semua wanita yang sudah menerima cintaku dan menjadi bagian hidupku,
dan yang menolak cintaku dan yang tidak bisa kumiliki. Terima kasih atas
semua yang telah membuat jantung ku berdebar-debar karenanya ☺.
12. Teman-temanku di Magelang, Agung Nanang, Adi Eli, Andre, Temmy,
Ganjar, Yuyun, Indra, Mbak Titik, Devy, Arif. Terima kasih atas
dukungannya selama ini.
xi
13. Teman-teman Anilop F.C atas dukungan dan kebersamaan kita selama ini
yang tidak akan pernah kulupakan.
14. Bapak Ir. Gregorius Heliarko SJ, SS, BST, MA, M.Sc selaku Dekan
Fakultas Sains Dan Teknologi Universitas Sanata Dharma.
15. Dan seluruh pihak yang telah ambil bagian dalam proses penulisan tugas
akhir ini yang tidak bisa saya sebutkan satu per satu.
Dengan rendah hati saya menyadari bahwa tugas akhir ini masih jauh dari
sempurna, oleh karena itu berbagai kritik dan saran untuk perbaikan tugas akhir
ini sangat saya harapkan. Akhir kata, semoga tugas akhir ini bermanfaat bagi
semua pihak. Terima kasih.
Yogyakarta, 30 September 2007
Penulis
xii
DAFTAR ISI
Halaman Judul............................................................................................ i
Halaman Persetujuan ................................................................................. ii
Halaman Pengesahan.................................................................................. iii
Halaman Pernyataan...................................................................................... iv
Halaman Persembahan................................................................................... v
Halaman Motto................................................................................................ vi
Abstraksi........................................................................................................... vii
Abstract............................................................................................................. viii
Kata Pengantar................................................................................................ ix
Daftar Isi.......................................................................................................... xii
Daftar Gambar................................................................................................ xvi
Daftar Tabel.................................................................................................... xviii
BAB I PENDAHULUAN ........................................................................... 1
1.1 Latar Belakang Masalah ....................................................................... 1
1.2 Rumusan Masalah ................................................................................ 2
1.3 Batasan Masalah.................................................................................... 2
1.4 Tujuan Penelitian .................................................................................. 3
1.5 Metodologi Penelitian ........................................................................... 3
1.6 Sistematika Penulisan ........................................................................... 4
BAB II LANDASAN TEORI ..................................................................... 6
2.1 Teknologi Informasi ............................................................................. 6
xiii
2.2 Teknologi Internet ................................................................................. 7
2.2.1 HTTP ........................................................................................ 8
2.2.2 WWW ................................................................ .......................... 9
2.2.3 URL .................................................... ......................................... 10
2.3 Pengantar HTML .................................................................................. 11
2.3.1 Struktur Umum Dokumen HTML ............................................... 12
2.3.2 Struktur Tag dan Atribut.............................................................. 12
2.4 CSS ...................................................................................................... 13
2.5 Apache Web Server .............................................................................. 15
2.6 PHP ...................................................................................................... 16
2.6.1 Dasar-dasar PHP.......................................................................... 18
2.6.2 Variabel dan Tipe Data ................................................................ 19
2.6.3 Konstanta dan Operator................................................................ 21
2.6.4 Fungsi .......................................................................................... 24
2.7 MySQL ................................................................................................ 24
BAB III ANALISA DAN PERANCANGAN SISTEM ............................. 27
3.1 Analisa Sistem....................................................................... ................... 27
3.1.1 Use Case Diagram......................................................................... . 27
3.1.2 DFD ........................................................................... ................... 28
3.1.2.1 Proses Modelling ..................................................... ....... 28
3.1.2.2 Diagram Konteks ........................................................... 28
3.1.2.3 Bagan Berjenjang ........................................................... 29
3.1.2.4 Overview Diagram ......................................................... 31
3.1.2.4.1 Overview Diagram Level 0 .............................. 31
xiv
3.1.2.4.2 Overview Diagram Level 1 .............................. 33
3.1.2.5 DFD Gabungan .............................................................. 36
3.1.3 Permodelan Data (ER Diagram)................................................... 38
3.2 Disain Sistem ........................................................................................ 38
3.2.1 Disain Database.............................................................................. 38
3.2.1.1 Disain Logikal ............................................................... 38
3.2.1.2 Desain Fisikal ................................................................. 39
3.2.2 Disain User Interface .................................................................. 40
BAB IV IMPLEMENTASI SISTEM ........................................................ 45
4.1 Pembuatan Database ............................................................................. 45
4.2 Koneksi Database .................................................................................. 47
4.3 Pembuatan Antar Muka Pemakai (User Interface) ................................. 49
4.3.1 Halaman Index ........................................................................... 49
4.3.2 Halaman Oleh-oleh ..................................................................... 52
4.3.3 Halaman daftar anggota .................................................. .............. 54
4.3.4 Halaman Simpan form daftar ....................................................... 56
4.3.5 Halaman Login anggota............................................................... 57
4.3.6 Halaman Update oleh-oleh .......................................................... 59
4.3.7 Halaman Tambah oleh-oleh ......................................................... 60
4.3.8 Halaman Ubah profil toko ........................................................... 62
4.3.9 Halaman Buku tamu.................................................................... 64
4.3.10 Halaman Tambah buku tamu....................................................... 65
4.3.11 Halaman Home Admin ............................................................... 66
4.3.12 Halaman Hapus buku tamu......................................................... 69
xv
4.3.13 Halaman Data Toko.................................................................... 70
4.3.14 Halaman Ubah Password ............................................................ 75
BAB V ANALISA HASIL .......................................................................... 77
5.1 Kelebihan Situs ..................................................................................... 77
5.2 Kekurangan Situs .................................................................................. 77
BAB VI KESIMPULAN DAN SARAN...................................................... 78
6.1 Kesimpulan .......................................................................................... 78
6.2 Saran ..................................................................................................... 78
DAFTAR PUSTAKA ................................................................................. 79
xvi
DAFTAR GAMBAR
Gambar Keterangan Halaman
2.1 Konsep dasar web browser dan web server 10
3.1 Use Case Diagram 27
3.2 Gambar Diagram Konteks 29
3.3 Gambar Bagan Berjenjang 30
3.4 Overview diagram level 0 31
3.5 Overview diagram level 1 proses 2 33
3.6 Overview diagram level 1 proses 3 34
3.7 Overview diagram level 1 proses 4 35
3.8 Overview diagram level 1 proses 6 35
3.9 DFD Gabungan 36
3.10 Gambar ER Diagram 38
3.11 Relasi Antar Tabel 38
3.12 Halaman Home User 40
3.13 Halaman Oleh-oleh 41
3.14 Halaman Daftar Anggota 41
3.15 Halaman Login Anggota 42
3.16 Halaman Buku Tamu 42
3.17 Halaman Home Toko 43
3.18 Halaman Login Admin 43
3.19 Halaman Home Admin 44
3.20 Halaman Ubah Password 44
4.1 Halaman Database oleh_oleh 47
4.2 Halaman Index 49
4.3 Halaman Oleh-oleh 52
4.4 Halaman daftar anggota 54
4.5 Halaman Simpan form daftar 56
4.6 Halaman Login anggota 57
4.7 Halaman Update oleh-oleh 59
xvii
4.8 Halaman Tambah oleh-oleh 60
4.9 Halaman Ubah profil toko 62
4.10 Halaman Buku tamu 64
4.11 Halaman Tambah buku tamu 65
4.12 Halaman Home Admin 62
4.13 Halaman Hapus buku tamu 69
4.14 Halaman Data Toko 70
4.15 Halaman Ubah Password 75
xviii
DAFTAR TABEL
Tabel Keterangan Halaman
2.1 Tabel OperatorAritmatika 22
2.2 Tabel Daftar Operator Logika 23
2.3 Tabel Daftar Operator Bitwise 23
2.4 Tabel Daftar Operator Penugasan 23
3.1 Tabel input output proses modeling 28
3.2 Tabel Toko 39
3.3 Tabel Oleh-oleh 39
3.4 Tabel Buku Tamu 39
3.5 Tabel Admin 40
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Di Yogyakarta banyak sekali terdapat toko yang menyediakan oleh-
oleh yang beraneka ragam seperti bakpia, geplak, dan masih banyak yang
lain. Karena Yogyakarta merupakan salah satu tujuan pariwisata yang
berkembang dengan pesat dan juga untuk turut mendukung pengembangan
pariwisata di Yogyakarta, sehingga akan lebih menarik menginformasikan
tentang oleh-oleh khas Yogyakarta sebagai alternatif pilihan sebelum
berkunjung ke Yogyakarta.
Dengan terus berkembangnya teknologi, web berkembang menjadi alat
bantu yang tidak hanya mampu menyediakan informasi, namun juga
merupakan alternatif pilihan dalam menjelajah dunia lewat internet. Dengan
internet informasi yang tersebar mengenai oleh-oleh khas di Yogyakarta
akan memudahkan dan membantu toko penjual oleh-oleh dalam
mempromosikan produknya supaya diketahui kalangan umum beserta lokasi
tempat penjualannya.
Dari latar belakang itulah penulis tertarik untuk mengembangkan situs
oleh-oleh khas Yogyakarta menggunakan PHP dan MySQL.
2
1.2 Rumusan Masalah
Dari latar belakang masalah di atas maka rumusan masalahnya adalah
sebagai berikut : Bagaimana merancang dan membangun sebuah situs untuk
memudahkan toko-toko mempromosikan oleh-oleh, mempublikasikan dan
lebih mengenalkan oleh-oleh khas Yogyakarta kepada masyarakat secara
luas.
1.3 Batasan Masalah
Batasan Masalah dalam pembuatan Situs Oleh-oleh Khas Yogyakarta
yaitu :
1. Oleh-oleh yang akan di tampilkan hanya terbatas kepada toko yang
sudah mendaftar dan berstatus aktif.
2. Fasilitas pencarian oleh-oleh dibatasi berdasarkan nama oleh-oleh, nama
toko, jenis oleh-oleh, dan lokasi.
3. Aplikasi yang dibuat mengabaikan masalah transmisi data dan
keamanan situs web.
4. Pembangunan Situs Oleh-oleh Khas Yogyakarta ini menggunakan PHP
dan MySQL.
3
1.4 Tujuan Penelitian
Tujuan dari pembangunan Situs Oleh-oleh Khas Yogyakarta ini
adalah:
1. Mengembangkan aplikasi website oleh-oleh khas Yogyakarta dengan
menggunakan perangkat lunak PHP dan MySQL.
2. Untuk memudahkan dan membantu toko penjual oleh-oleh dalam
mempromosikan produknya dan lebih memperkenalkan oleh-oleh khas
Yogyakarta kepada masyarakat secara luas
1.5 Metodologi Penelitian
Metodologi yang digunakan dalam pembuatan Situs Oleh-oleh khas
Yogyakarta melalui langkah-langkah sebagai berikut:
1. Studi Literatur
Dilakukan dengan mempelajari literature seperti buku, tutorial, maupun
internet yang ada kaitannya dengan pengembangan dan pembangunan
tugas akhir.
2. Analisis Sistem
Pada tahap ini dilakukan permodelan sistem kedalam bentuk use case,
Data Flow Diagram (DFD), dan Entity Relationship Diagram (ERD).
3. Disain Sistem
Pada tahap ini dilakukan disain sistem secara umum, yang meliputi
disain database, disain user interface, dan disain struktur menu.
4
4. Implementasi
Pada tahap ini dilakukan pengimplementasian sistem berdasarkan
analisis dan disain sistem yang telah dibuat.
5. Evaluasi
Pada tahap ini dilakukan pengujian apakah hasil sesuai dengan
rancangan yang diinginkan, evaluasi terhadap system dan mencari
kesalahan-kesalahan yang mungkin terjadi.
1.6 Sistematika Penulisan
Sistematika penulisan yang digunakan dalam penyusunan laporan Tugas
Akhir adalah :
BAB I PENDAHULUAN
Bab ini berisi tentang latar belakang masalah, rumusan masalah,
batasan masalah, tujuan dan manfaat penuliisan, metodologi
penelitian dan sistematika penulisan Tugas Akhir.
BAB II LANDASAN TEORI
Bab ini berisi landasan teori tentang pemrograman PHP dan
MySQL, serta HTML yang digunakan dalam pembuatan program.
BAB III ANALISA DAN PERANCANGAN SISTEM
Bab ini mambahas tentang pembahasan program yang akan dibuat,
seperti desain sistem dalam bentuk diagram, perancangan
antarmuka, perancangan database serta perancangan teknologi
yang akan digunakan.
5
BAB IV IMPLEMENTASI SISTEM
Bab ini membahas pengimplementasian rancangan program yang
sudah dibuat menggunakan pemrograman web PHP MySql.
BAB V ANALISA HASIL
Bab ini membahas tentang analisa hasil implementasi dari program
yang sudah dibuat.
BAB VI PENUTUP
Bab ini berisi kesimpulan dan saran.
6
BAB II
LANDASAN TEORI
2.1. Teknologi Informasi
Beberapa referensi mendefinisikan Teknologi Informasi sebagai suatu
teknik untuk mengumpulkan, menyiapkan, menyimpan, memproses,
mengumumkan, menganalisa dan menyebarkan informasi. Teknik-teknik tersebut
didukung oleh dua komponen pokok komputer yaitu, perangkat keras dan
perangkat lunak. Berbagai macam perangkat keras komputer antara lain: personal
komputer, komputer mini dan mainframe, notebook, palmtop, printer, modem,
keyboard, mouse, monitor dan lain sebagainya. Sedangkan perangkat lunak
komputer antara lain terdiri dari kelompok: sistem operasi, database, sistem
aplikasi dan bahasa pemrograman.
Kumpulan perangkat keras dan perangkat lunak tersebut membentuk
teknologi yang digunakan sebagai penyedia layanan kebutuhan sistem informasi,
seperti: Electronic Data Interchange (EDI), Internet, Intranet, Extranet, Data
Mining, ISDN, VSAT, dan lain sebagainya. Dengan demikian cakupan Teknologi
Informasi menjadi cukup luas, tidak terbatas pada komputer atau internet saja,
namun termasuk juga peralatan-peralatan elektronika digital lain yang berbasis
komputasi baik yang digunakan secara stand alone maupun terhubung ke suatu
jaringan.
7
2.2. Teknologi Internet
Secara teknis, internet atau international networking merupakan dua
komputer atau lebih yang saling berhubungan membentuk jaringan komputer
hingga meliputi jutaan komputer di dunia (internasional), yang saling berinteraksi
dan bertukar informasi. Sedangkan dari segi ilmu pengetahuan, internet
merupakan sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan
milyaran) informasi atau data yang dapat berupa teks, gambar, suara maupun
animasi dan lain-lain dalam bentuk media elektronik (Yuhefizar-2003).
Komunikasi pada jaringan komputer diatur oleh protokol-protokol yang
mempunyai tugas dan fungsi berbeda satu dengan yang lain. TCP/IP
(Transmission Control Protocol/Internet Protocol) adalah protokol yang
digunakan untuk mengatur komunikasi dalam jaringan komputer yang meliputi
tugas dan fungsi proses transfer informasi sepanjang jaringan. Protokol TCP
bertanggung jawab memecah informasi ke dalam beberapa paket, sedangkan IP
bertanggung jawab dalam menangani transmisi data yang sebenarnya yaitu
mengangkut (mentransfer) paket-paket tersebut sesuai dengan tujuannya.
Kemudian protokol TCP kembali bertugas menyatukan kembali paket-paket ke
dalam urutan yang benar.
Beberapa hal yang menyebabkan jaringan dan Teknologi Internet populer
sebagai media komunikasi data (Wigrantoro&Mirna-2003) :
a. Distribusi geografis mencakup seluruh dunia.
b. Kecepatan operasi sesuai dengan waktu yang sesungguhnya (real-time speed).
8
c. Akses internet bersifat universal, siapapun dapat mengakses internet dengan
jaringan internet.
d. Teknologi Internet yang terbuka (open standard) sehingga tidak tergantung
kepada satu vendor tertentu. Implementasi Teknologi Internet, TCP/IP,
tersedia di semua platform komputer (Microsoft Windows, Apple, UNIX,
Linux, dan lainlainnya).
e. Teknologi Internet juga memungkinkan konvergensi berbagai aplikasi menjadi
satu. Sebagai contoh, saat ini telah dimungkinkan untuk mengirimkan data,
suara, dan bahkan gambar melalui satu media Internet. Implikasinya adalah
penghematan biaya bagi pihak terkait dalam mendistribusikan informasi
dalam bentuk data, teks, suara dan gambar.
2.2.1. HTTP
Hypertext Transfer Protocol merupakan suatu protokol yang mengatur
komunikasi antara web server dan browser sebagai client. Koneksi web server dan
browser bersifat stateless, artinya koneksi dibangun ketika browser mengirimkan
request ke web server dan pemutusan koneksi ketika browser telah menerima
response dari web server. Protokol ini bertugas menangani permintaan-permintaan
browser untuk mengambil dokumen-dokumen web yang disimpan pada server.
Setiap request dari browser akan dilayani dan ditangani sebagai satu koneksi yang
terpisah.
Protokol HTTP merupakan suatu protokol sederhana berbasis teks yang
mendukung beberapa metode sebagai berikut (Restyandito-2004):
9
b. HEAD : web server hanya mengembalikan header fields tanpa data yang
disimpan pada URL dalam request.
c. GET: mengambil data apa saja yang disimpan pada URL dalam request.
Parameter dalam request harus disimpan dalam URL.
d. POST : mengambil data apa saja yang disimpan pada URL dalam request.
parameter untuk request disimpan dalam header fields khusus.
e. DELETE : menghapus data pada URL di web server, biasanya tidak diijinkan
karena alasan keamanan.
f. TRACE, CONNECT, OPTIONS : metoda untuk menganalisis dan mendebug
koneksi, biasanya tidak pernah dipakai oleh pemakai.
2.2.2. WWW
World Wide Web atau web adalah salah satu dari sekian banyak layanan
yang terdapat di internet. Layanan ini paling banyak digunakan di internet untuk
menyampaikan informasi karena sifatnya mendukung multimedia. Artinya
informasi tidak hanya disampaikan melalui teks, tapi juga gambar, video dan
suara.
Pada prinsipnya WWW berkerja dengan menampilkan file-file HTML dari
web server yang diminta oleh web browser. File HTML berisi instruksi-instruksi
(tag) yang digunakan untuk membentuk tampilan baik teks, gambar maupun
suara.
10
Gambar 2.1. Konsep dasar web browser dan web server
WWW bekerja merdasarkan pada tiga mekanisme berikut:
a. Protokol standard aturan yang di gunakan untuk berkomunikasi pada jaringan
komputer, Hypertext Transfer Protocol (HTTP) merupakan protokol untuk
WWW.
b. Address WWW memiliki aturan penamaan alamat web yaitu URL (Uniform
Resource Locator) yang di gunakan sebagai standard alamat internet.
c. HTML digunakan untuk membuat dokumen yang dapat di akses melalui web
brower.
2.2.3. URL
Universal Resource Identifier (URL) merupakan alat yang digunakan untuk
mengidentifikasikan sebuah obyek abstrak atau nyata (link). Sebuah URL
mempunyai tiga bagian dengan contoh sebagai berikut:
“http://www.usd.ac.id/info/index.html”
a. Nama protokol yang dipakai untuk mengakses sumber (contoh:”http”).
b. Nama komputer atau hostname yang menyediakan sumber
Contoh: “www.usd.ac.id”
c. Nama file lengkap dengan directory dimana file index.html disimpan
Contoh:”info/index.html”
Browser mengirim request
Server mengirimkan dokumen yang diminta
(response)
11
2.3. Pengantar HMTL
HTML (HyperText Mark up Language) merupakan suatu metoda untuk
mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.
HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya
yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan
sebagai program.
Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi
menjadi (JonMMx 2000):
a. Hypertext atau link hypertext adalah kata atau frase yang dapat menunjukkan
hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika
pengguna mengklik pada kata atau frase untuk mengikuti link ini maka web
browser akan memindahkan tampilan pada bagian lain dari naskah atau
dokumen yang dituju.
b. Markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu
yang dapat memberikan suatu format pada dokumen yang akan ditampilkan
pada World Wide Web.
c. Language. HTML merupakan kumpulan dari beberapa instruksi yang dapat
digunakan untuk mengubah-ubah format suatu naskah atau dokumen.
Dengan demikian banyak hal yang dapat dilakukan dengan menggunakan
HTML untuk membuat sebuah web yang memberikan tampilan yang baik sesuai
dengan keinginan pemilik web maupun pengembang web, yaitu antara lain:
a. Menentukan format suatu teks maupun dokumen HTML
b. Membuat daftar (list) dalam bentuk kelompok-kelompok
12
c. Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama
d. Menyisipkan citra atau gambar, suara dan gambar bergerak
e. Menampilkan informasi dalam bentuk tabel
f. Membentuk sebuah dokumen yang terdiri dari gabungan banyak dokumen
dalam bentuk frame.
2.3.1. Struktur Umum Dokumen HTML
Dalam dokumen HTML, seluruh isi dari halaman terletak dalam pasangan
tag <html>…</html>. Informasi dalam file HTML dibagi menjadi dua bagian,
yaitu Header (tag <head>…</head>) yang digunakan untuk menyimpan informasi
administratif dan sebuah Body (tag <body>…</body>) yang digunakan untuk
meletakkan informasi-informasi yang akan ditampilkan.
Berikut ini merupakan struktur umum dokumen HTML:
<HTML>
<HEAD> Bagian Head
</HEAD>
<BODY>
…Isi dokumen…
</BODY>
</HTML>
2.3.2. Struktur Tag dan Atribut
Struktur tag HTML memiliki tiga bagian utama, yaitu:
<Element Atribut = Value>
a. Element : nama tag HTML
b. Atribut : atribut dari tag HTML yang digunakan
c. Value : nilai dari atribut.
13
Sebagai contoh: <BODY BGCOLOR = Blue> . BODY merupakan element dengan
atribut BGCOLOR berwarna biru. Hasil yang akan ditampilkan dari penggunaan
tag ini adalah warna biru pada background halaman web.
2.4. CSS
Pada dasarnya, setiap dokumen HTML disusun menggunakan tag-tag
HTML yang memiliki atribut-atribut khusus menurut tag yang digunakan, dimana
atribut tersebut berfungsi untuk menentukan format tampilan dari dokumen
HTML tersebut. Untuk membentuk tampilan yang sama pada setiap dokumen
HTML sehingga tampilan website akan lebih konsisten, maka diperlukan
pengaturan atribut-atribut dari tag yang digunakan dalam setiap pembuatan sebuah
dokumen. Dengan penggunaan CSS, style tampilan dan struktur informasi dapat
dipisahkan sehingga akan menghemat waktu dan tenaga dalam pembuatan
dokumen HTML dalam jumlah yang banyak.
CSS (Cascading Style Sheets) digunakan dalam dokumen HTML untuk
menciptakan suatu kumpulan style yang dapat digunakan untuk memperluas
kemampuan HTML dalam mengatur tampilan dokumen HTML tersebut.
Pengaturan style menggunakan CSS tidak terbatas pada sebuah dokumen saja
melainkan style yang sama dapat digunakan pada seluruh dokumen HTML yang
menyusun sebuah website. Dengan kata lain, pendefinisian style hanya dilakukan
sekali saja dan style tersebut akan berlaku untuk setiap tag HTML yang digunakan
dan telah didefinisikan dalam CSS. Format penulisan style CSS adalah sebagai
berikut:
14
<STYLE>
nama_tag { properti_1: nilai_1;
properti_n: nilai_n;
}
</STYLE>
Nilai untuk nama properti tidak boleh ditulis dalam tanda petik seperti yang biasa
dilakukan pada penulisan nilai untuk atribut pada tag HTML. Nilai properti
bersifat case sensitive, artinya huruf kapital dan kecil dibedakan. Pada CSS nama
properti selalu menggunakan huruf kecil.
Berdasarkan sifatnya, CSS dibagi menjadi dua bagian yaitu internal dan
eksternal. CSS Internal adalah format style yang terdapat dokumen HTML,
letaknya di dalam pasangan tag <head>…</head>. Sedangkan CSS eksternal
adalah format style yang terpisah dengan dokumen HTML dan merupakan file
dengan ekstensi *.css yang dapat di link ke dokumen HTML dengan
menggunakan tag <link>. Letaknya sama dengan CSS internal tetapi dibedakan
cara penulisan dan pemanggilan file CSS tersebut. Untuk melihat lebih jelas
perbedaan antara kedua CSS tersebut dapat dilihat pada contoh a dan b berikut:
a. CSS Internal
<HTML>
<HEAD>
<TITLE>CSS Internal</TITLE>
<STYLE TYPE = “text/CSS”>
<!—
H1 { font-size: 14pt;
font-style: italic;
color: green; }
-->
</STYLE>
</HEAD>
<BODY>
<H1>CSS Internal</H1>
Ini adalah contoh CSS Internal!
</BODY>
</HTML>
15
b. CSS Eksternal
File style.css berisi format style untuk tag H1 sebagai berikut:
H1 { font-size: 14pt;
font-style: italic;
color: green; }
Selanjutnya file style.css ini dapat di link ke dokumen HTML dengan cara
menggunakan tag <link> pada dokumen HTML tersebut dan letaknya di dalam
pasangan tag <head>…</head> sebagai berikut:
<HTML>
<HEAD>
<TITLE>CSS Internal</TITLE>
<LINK REL=”stylesheet” TYPE=”text/CSS” HREF=”style.css”>
</HEAD>
<BODY>
<H1>CSS Internal</H1>
Ini adalah contoh CSS Internal!
</BODY>
</HTML>
2.5. Apache Web Server
Web server merupakan sebuah perangkat lunak yang bekerja pada komputer
server yang berfungsi sebagai media atau alat untuk memberikan layanan pada
web seperti proses pengolahan data dalam bentuk teks, gambar dan suara. Pada
saat terjadi permintaan atau request dari browser client seperti: Internet Explorer,
Netscape, Mozilla dan lain sebagainya, maka web server akan memproses
permintaan tersebut dan memberikan hasilnya (response) kembali kepada web
browser di komputer client. Komunikasi antara web browser dengan web server
menggunakan protokol HTTP (Hypertext Transfer Protocol) yang berjalan pada
port 80.
16
Apache merupakan web server yang mendukung PHP dalam menghasilkan
web dinamis. Apache bersifat freeware (gratis) namun memiliki dukungan teknis
dan dokumentasi yang lengkap dari pembuatnya (www.apache.org). Apache dapat
berjalan pada berbagai platform system operasi seperti Windows, Linux,
FreeBSD, dan Famili unix lainnya dengan perfomansi dan konsumsi sumber daya
yang tidak terlalu banyak.
Beberapa kelebihan Apache sebagai web server yang banyak digunakan
sebagai sarana di internet adalah sebagai berikut (Teguh-2001):
a. Freeware (software gratis)
b. Proses instalasi dan konfigurasi mudah
c. Mampu beroperasi pada berbagai jenis platform sistem operasi
d. Apache Web server mudah dalam menambahkan periferal lainnya ke dalam
platform web servernya, misalnya: untuk menambahkan modul, cukup hanya
menset file konfigurasinya agar mengikutsertakan modul itu kedalam
kumpulan modul lain yang sudah dioperasikan.
e. Performansi dan konsumsi sumberdaya (resource) dari web server apache
tidak terlalu banyak, hanya sebesar 20 MB untuk file-file dasarnya dan setiap
daemonnya hanya memerlukan seandar 950 KB memory per-child.
2.6. PHP
PHP pertama kali diperkenalkan oleh Rasmus Lerdorf pada tahun 1994 pada
situs pribadinya untuk mencatat siapa saja yang mengakses daftar riwayat hidup
online-nya. Versi-versi selanjutnya yang dikembangkan oleh pihak lain
menghasilkan aplikasi PHP berupa parser engine (mesin pengurai) yang dapat
17
mengolah macro khusus, pencacah (counter), buku tamu, dan utilitas lain yang
digunakan dalam pembuatan home page. Perkembangan PHP kemudian semakin
bertambah pesat dengan adanya dukungan terhadap server database yang
menggunakan format mSQL.
PHP (Hypertext Preprocessor) adalah bahasa script yang umum digunakan
untuk proses pengembangan web yang menghasilkan website-website dinamis
dan interaktif. PHP merupakan bahasa pemrograman web yang bersifat server-
side dan HTML embedded scripting, artinya pada saat browser client melakukan
request, server mengolah sintaks dan perintah-perintah PHP dan kemudian
mengirimkan response ke browser client tersebut dalam bentuk HTML biasa. Arti
yang kedua adalah sintaks PHP dapat disisipkan pada dokumen HTML yaitu
diantara tag-tag HTML yang menyusun sebuah dokumen HTML.
Solusi yang ditawarkan dengan menggunakan PHP sebagai bahasa
pemrograman web dinamis adalah keluwesan dalam penggunaan sintaks dan
perintah-perintahnya, sehingga para developer web tidak mengalami kesulitan
dalam proses update (menambah, mengedit, menghapus) informasi yang terdapat
dalam website. Kelebihan-kelebihan PHP dalam pengembangan aplikasi web
antara lain:
a. Script PHP dapat diintegrasikan ke dalam dokumen HTML, sehingga para
developer web lebih berkonsentrasi pada penyajian isi informasi website.
b. PHP kompatibel dengan berbagai jenis sistem operasi, web server dan
browser.
c. Mudah dipahami dan dipelajari.
18
d. Bersifat Open Source, script PHP dipublikasikan secara umum dan dapat
diperoleh secara gratis dimana saja. Hal ini memungkinkan para pengembang
web untuk saling bertukar pikiran dalam menghasilkan website-website yang
dinamis dan interaktif.
e. Konektivitas PHP terhadap berbagai jenis database lebih fleksible. Database
yang dapat didukung PHP seperti: Oracle, MySQL, dBase, mSQL, FilePro,
ODBC, Postgres, Sysbase, Velocis Informix, Unix dbm, IBM DB2, Solid, dan
lain sebagainya.
f. PHP juga mendukung koneksi dengan protokol HTTP, IMAP, SNMP, NNTP
dan POP3.
2.6.1. Dasar-dasar PHP
Seperti yang telah dikemukakan sebelumnya, sintaks PHP dapat disisipkan
pada tag-tag HTML yang menyusun sebuah halaman web. Ada empat macam cara
penulisan sintaks PHP, yaitu:
a. <? echo (“ini adalah script PHP”); ?>
b. <?php echo (“ini juga script PHP”); ?>
c. <script language=”php>
echo (“digunakan jika HTML editor tidak mengenal PHP”);
</script>
d. <% echo (“sintaks ini mirip dengan ASP”); %>
Contoh a dan b merupakan sintaks PHP yang sering digunakan pada
umumnya. Sintaks pada contoh c digunakan bila HTML editor tidak mengenal
PHP. Sedangkan pada contoh d, penulisan sintaks PHP dapat menggunakan cara
19
penulisan sintaks pada ASP (Active Server Pages) yang merupakan salah satu
bahasa pemrograman web. Seperti pada bahasa pemrograman lain, setiap akhir
baris sintaks PHP selalu diakhiri dengan tanda titik koma (;).
Dalam PHP juga terdapat komentar-komentar yang disertakan oleh
programer untuk memberi keterangan mengenai sintaks yang bersangkutan. Cara
penulisan komentar adalah dengan menggunakan tanda // jika komentar hanya
terdiri dari satu baris dan tanda /* komentar */ jika komentar lebih dari satu baris.
Berikut ini merupakan contoh dasar penulisan sintaks PHP yang disisipkan
pada dokumen HTML:
<HTML>
<HEAD><TITLE>Dasar PHP</TITLE>
<BODY>
<H1>Berikut ini adalah cara penulisan sintaks PHP</H1>
// ini adalah komentar
<?php
echo(“Cara penulisan pertama”);
?>
</BODY>
</HTML>
2.6.2. Variabel dan Tipe Data
Variabel berfungsi menyimpan suatu nilai dan nilai tersebut dapat berubah
sewaktu-waktu. Dalam membuat suatu nama variabel, nama yang dipilih harus
memenuhi aturan pengenal (identifier). Indentifier dalam PHP terdiri dari
fungsi,variabel dan classes. Aturan identitier dalam PHP adalah (Teguh-2003):
a. Tidak boleh menggunakan tanda baca dalam mendefinisikan sebuah identifier.
b. Dimulai dengan huruf, angka atau underscore ( _ ). Misalnya: _kamu,
ac_milan.
20
c. Variabel dalam PHP diawali dengan tanda $ (dolar). Misalnya: $a=3,
$data=”ini adalah String”.
d. Identifier dalam PHP sangat sensitive, kecuali fungsi-fungsi yang telah
disediakan oleh PHP.
e. Nama fungsi tidak boleh sama dengan nama fungsi yang terdapat pada PHP.
f. Nama variabel tidak boleh sama dengan nama fungsi yang telah ditetapkan
dalam PHP.
Tipe data dalam PHP adalah variabel yang dapat ditentukan secara otomatis
oleh PHP yang bergantung pada operasi yang sedang dilakukan menggunakan
variabel tersebut. Beberapa tipe data dasar dalam PHP antara lain:
1. Integer menyatakan tipe bilangan bulat dengan jangkauan –2.147.483.648
sampai 2.147.483.647. Integer dapat dinyatakan dengan bilangan octal,
desimal dan hexadesimal. Contoh tipe data Integer:
$a = 1234; //desimal
$b = -1234; //negatif
$c = 0123; //octal
$d = 0x12; //hexadesimal
2. Floating point atau Double menyatakan tipe bilangan pecahan dan bilangan
pemangkatan. Contoh tipe data floating point:
$a = 1.234; //bentuk biasa
$b = 1.2e3; //bentuk exponensial
3. String menyatakan tipe data teks berupa sederetan karakter yang tidak
menyatakan bilangan. Misalnya berupa nama barang atau nama orang. Contoh
tipe data string:
$a = “ini adalah string”;
21
4. Array merupakan tipe data terstruktur yang berguna menyimpan sejumlah data
yang bertipe sama.
Contoh tipe data array:
$kota[0] = “Yogyakarta”;
$kota[1] = “Jakarta”;
$kota[3] = “Bandung”;
$hasil = array (70, 80, 75, 90);
$music = array (“Jazz”, “Rock”, “Dangdut”);
5. Object merupakan tipe data yang dapat berupa bilangan, variabel dan fungsi.
Contoh pembuatan object:
Class kuda {
Function kudalah() {
echo ”menjadi seekor kuda”;
}
}
$keledai = new kuda;
$keledai -> kudalah();
2.6.3. Konstanta dan Operator
Konstanta merupakan variable yang nilainya tetap. Konstanta hanya diberi
nilai pada awal program dan nilainya tidak pernah berubah selama program
berjalan. Konstanta juga tidak memerlukan sintak “$” untuk menyatakannya.
Untuk menyatakannya, PHP memiliki fungsi tertentu yaitu define(). PHP juga
telah mendefinikan beberapa konstanta, misalnya PHP_VERSION yaitu konstanta
yang memberikan informasi tentang versi PHP yang digunakan; konstanta TRUE
telah diberi nilai 1 dan FALSE dengan nilai 0. Sintak dan contoh untuk membuat
konstanta sendiri adalah :
define (“nama_konstanta,”nilai konstanta”);
define (“PHI”, 3.14);
22
Operator adalah simbol yang digunakan untuk memanipulasi data dalam
sebuah operasi, seperti penambahan dan pengurangan. Ada operator yang
menggunakan satu operan dan ada pula yang menggunakan dua operan. Operator
dapat dikelompokkan dalam empat kelompok, yaitu operator aritmatika, operator
logika, operator bitwise, dan operator penugasan.
a. Operator aritmatika, adalah operator yang berhubungan dengan fungsi
matematika. Operator yang digunakan adalah sebagai berikut:
Tabel 2.1 Daftar Operator Aritmatika
Operator Kegunaan Prioritas
= Penjumlahan Ketiga
- Pengurangan Ketiga
* Perkalian Kedua
/ Pembagian Kedua
% Sisa Pembagian Kedua
++ Penaikan Pertama
-- Penurunan Pertama
Dalam penggunaan operator aritmatika terdapat prioritas yang merupakan urutan
pengerjaan operator dalam sebuah proses perhitungan. Artinya dalam proses
pengerjaan sebuah expresi yang menggunakan beberapa operator, maka operator
dengan prioritas pertama akan diproses terlebih dahulu. Bila dalam sebuah
ekspresi terdapat lebih dari satu operator yang mempunyai prioritas sama, maka
pengerjaan akan dimulai dari operator yang paling kiri.
b. Operator logika adalah operator yang digunakan untuk membandingkan dua
buah operand dan menghasilkan nilai benar atau salah. Hasil pembandingan
berupa 1 jika operasi pembandingan bermakna benar atau 0 jika operasi
pembandingan bermakan salah. Operator-operator pembanding yang
digunakan adalah sebagai berikut:
23
Tabel 2.2. Daftar Operator Logika
Operator Keterangan
== Sama dengan
< Kurang dari
> Lebih dari
<= Kurang dari atau sama dengan
>= Lebih dari atau sama dengan
!= Tidak sama dengan
< > Tidak sama dengan
c. Operator bitwise adalah operator yang membandingkan binary. Operator-
operator yang digunakan adalah sebagai berikut:
Tabel 2.3. Daftar Operator Bitwise
Operator Keterangan
& AND
|| OR
^ XOR
~ NOT
>> Pergeseran bit ke kiri
<< Pergeseran bit ke kanan
d. Operator penugasan adalah operator yang digunakan untuk operasi pemberian
atau pendefinisian nilai. Operator-operator yang digunakan adalah sebagai
berikut:
Tabel 2.4. Daftar Operator Penugasan
Operator Keterangan
+= Menambahkan variabel di sisi kiri dengan nilai di sisi kanan
-= Mengurangi isi variabel di sisi kiri dengan nilai di sisi kanan
/= Membagi vaiabel di sisi kiri dengan nilai di sisi kanan
%= Memperoleh sisia pembagian antara variabel di sisi kiri dengan nilai di sisi kanan
&= Melakukan operasi “AND” terhadap variabel di sisi kiri dengan nilai di sisi kanan
|= Melakukan operasi “OR” terhadap variabel di sisi kiri dengan nilai di sisi kanan
^= Melakukan operasi “XOR” terhadap variabel di sisi kiri dengan nilai di sisi kanan
.= Melakukan operasi konkatenasi terhadap variabel di sisi kiri Dengan nilai di sisi kanan
24
2.6.4. Fungsi
Fungsi merupakan sekumpulan perintah operasi program yang dapat
menerima argumen input dan dapat memberikan hasil output berupa sebuah nilai
atau sebuah hasil operasi. Fungsi dideklarasikan dengan statement function diikuti
nama fungsi dan beberapa variable input jika ada. PHP kaya dengan fungsi-fungsi
untuk mengolah string, kode html, file dan terutama akses terhadap berbagai
macam database. Dokumentasi lengkap dapat ditemukan dalam manual PHP.
Dalam pemograman, ada dua macam subrutin yaitu prosedur dan fungsi.
Perbedaannya adalah jika fungsi berguna untuk mengembalikan nilai tertentu
sedangkan prosedur tidak mengembalikan nilai tersebut. Sintak fungsi dalam PHP
adalah :
Function nama_function (argumen)
{ kode perintah }
2.7. MySQL
Mysql adalah salah satu perangkat lunak database yang sering dipakai dan
diintegrasikan dengan web server apache. Mysql merupakan perangkat lunak
database yang tangguh karena mampu melakukan operasi yang multithread,
artinya mysql dapat membagi pekerjaannya dalam beberapa proses dan dapat
dikerjakan dalam waktu yang bersamaan serta dapat beroperasi pada banyak
platform sistem operasi yang berbeda seperti Windows, Linux, FreeBSD,
NetBSD, SunOS, Solaris dan lain sebagainya. Dengan mysql, suatu database
dapat dengan mudah diakses dari halaman web sehingga membuat suatu halaman
25
web lebih dinamis dan interaktif karena informasi yang berasal dari database
dapat langsung ditampilkan sesuai permintaan pengunjung.
MySQL menggunakan bahasa standar Structured Query Language (SQL)
untuk mengakses server database. Bahasa ini pada awalnya dikembangkan oleh
IBM, namun telah diadopsi dan digunakan sebagai standar industri. Dengan
menggunakan SQL, proses akses database menjadi lebih user-friendly
dibandingkan dengan menggunakan dBASE atau Clipper yang masih
menggunakan perintah-perintah pemrograman murni.
Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam
tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri atas
baris-baris data yang berada dalam satu atau lebih kolom. Baris pada tabel sering
disebut sebagai instance dari data, sedangkan kolom sering disebut sebagai
attributes atau field. Keseluruhan tabel itu dihimpun dalam satu kesatuan yang
disebut database.
Beberapa perintah SQL yang dapat digunakan untuk mengolah data-data
pada database dapat dilihat dalam lima pengelompokan perintah sebagai berikut:
1. Data Definition Language (DDL)
Perintah SQL yang digunakan untuk menjelaskan objek dari database. Objek
yang dimaksud adalah database, table, index dan view. DDL digunakan untuk
mendefinisikan kerangka database. Perintah yang digunakan adalah:
Create : untuk membuat atau menciptakan objek database
Alter : untuk memodifikasi atau mengubah objek database
Drop : untuk menghapus objek database
26
2. Data Manupulation Language (DML)
Digunakan untuk memanipulasi isi database, dengan perintah :
Select : digunakan untuk mengambil data dari database
Delete : digunakan untuk menghapus data pada database
Insert : digunakan untuk menambahkan data ke database
Update : digunakan untuk memodifikasi data pada database
3. Security
Adalah perintah-perintah yang digunakan untuk menjamin keamanan data.
Perintah yang digunakan antara lain:
Grant : memberi akses kepada user tertentu untuk akses ke database
Revoke : mencabut hak akses dari user
4. Integrity
Adalah perintah-perintah yang digunakan untuk menjaga kesatuan data.
Contoh: recover table : untuk memperbaiki tabel pada database.
5. Auxiliary
Perintah-perintah pelengkap atau tambahan seperti: unload dan rename
27
BAB III
ANALISA DAN PERANCANGAN SISTEM
3.1 Analisa Sistem
Dalam tahap analisis sistem ini akan disajikan pemodelan sistem
dalam bentuk Use Case Diagram, ERD dan DFD untuk Situs Oleh-oleh
Khas Yogyakarta.
3.1.1 Use Case Diagram
Use Case Diagram dari Situs Oleh-oleh khas Yogyakarta dapat dilihat
pada Gambar 3.1.
Gambar 3.1 Use Case Diagram
28
3.1.2 DFD
3.1.2.1 Proses Modeling
Proses modeling digunakan untuk mengorganisasikan dan
mendokumentasikan proses dari sistem. Tabel input output proses modeling untuk
Situs Oleh-oleh Khas Yogyakarta dapat dilihat pada tabel 3.1.
Tabel 3.1 Tabel input output proses modeling
ENTITAS INPUT OUTPUT
User Kata kunci pencarian, data
buku tamu
Data oleh-oleh yang dicari,
data buku tamu.
Admin
Username dan password
admin, data admin, hapus toko,
aktifkan toko, hapus buku
tamu.
Informasi data Toko,
Informasi update data admin,
status logout admin.
Toko
Username dan password toko,
data toko, account toko, data
oleh-oleh toko
Informasi data toko,
Informasi oleh-oleh toko,
Informasi update data
member, Informasi update
oleh-oleh member, Informasi
update account toko, Status
logout toko.
3.1.2.2 Diagram Konteks
Diagram Konteks digunakan untuk merepresentasikan elemen sistem
sebagai sebuah proses tunggal dengan input dan output data yang
ditunjukkan oleh panah masuk dan keluar. Diagram konteks untuk Situs
Oleh-oleh Khas Yogyakarta dapat dilihat pada Gambar 3.2.
29
3.2 Gambar Diagram Konteks
3.1.2.3Bagan Berjenjang (Decomposition Diagram)
Bagan berjenjang digunakan untuk menggambarkan
dekomposisi/hirarki dari sistem. Penggambaran bagan berjenjang untuk
Situs Oleh-oleh Khas Yogyakarta dapat dilihat pada Gambar 3.3
31
3.1.2.4 Overview Diagram
Berikut ini adalah overview diagram untuk Situs Oleh-oleh Khas
Yogyakarta :
3.1.2.4.1Overview Diagram Level 0
33
3.1.2.4.2 Overview Diagram Level 1
Overview Diagram level 1 proses 2
Gambar 3.5 Overview Diagram level 1 proses 2
35
Overview Diagram level 1 proses 4
4.1p
Melihat oleh-
oleh
pengunjung
c
D4 oleh2
Data oleh-oleh
4
4.2p
Melihat buku
tamu
D1 buku_tamu
Informasi data buku tamu yang dilihat
Data buku tamu
Informasi data oleh-oleh yang dilihat
Gambar 3.7 Overview Diagram level 1 proses 4
Overview Diagram level 1 proses 6
Gambar 3.8 Overview Diagram level 1 proses 6
36
3.1.2.5 DFD Gabungan
DFD Gabungan untuk Situs oleh-oleh khasYogyakarta dapat dilihat pada
Gambar 3.9.
38
3.1.3 Permodelan Data (ER Diagram)
Gambar ER Diagram untuk Situs Oleh-oleh Khas Yogyakarta dapat dilihat
pada Gambar 3.9.
Gambar 3.10 Gambar ER Diagram
3.2 Disain Sistem
Dalam tahap disain sistem ini akan disajikan mengenai disain database
dan disain user interface untuk Situs Oleh-oleh Khas Yogyakarta Berbasis
Web.
3.2.1 Disain Database
3.2.1.1 Disain Logikal
Gambar 3.11 Relasi Antar Tabel
39
3.2.1.2 Disain Fisikal
Disain fisikal dari sistem yang dibuat adalah sebagai berikut :
1. Tabel Toko
Tabel 3.2 Tabel Toko
Nama Field Tipe
Data
Ukuran Field
id_toko varchar 5
password varchar 20
nama_toko varchar 30
alamat varchar 50
no_telepon varchar 15
lokasi enum
status enum
2. Tabel Oleh-oleh
Tabel 3.3 Tabel Oleh-oleh
Nama Field Tipe
Data
Ukuran Field
id_oleh varchar 5
id_toko varchar 5
nama_oleh varchar 30
jenis enum
gambar varchar 50
deskripsi longtext
3. Tabel Buku Tamu
Tabel 3.4 Tabel Buku Tamu
Nama Field Tipe
Data
Ukuran Field
no_urut int 5
tanggal varchar 25
nama varchar 25
isi longtext
40
4. Tabel Admin
Tabel 3.5 Tabel Admin
Nama Field Tipe
Data
Ukuran Field
id_admin varchar 15
nama_admin varchar 25
password varchar 15
3.2.2 Disain User Interface
Desain user interface untuk Situs Oleh-oleh Khas Yogyakarta adalah
sebagai berikut :
1. Halaman Home User
Gambar 3.12 Halaman Home User
41
2. Halaman Oleh-oleh
Gambar 3.13 Halaman Oleh-oleh
3. Halaman Daftar Anggota
Gambar 3.14 Halaman Daftar Anggota
42
4. Halaman Login Anggota
Gambar 3.15 Halaman Login Anggota
5. Halaman Buku Tamu
Gambar 3.16 Halaman Buku Tamu
43
6. Halaman Home Toko
Gambar 3.17 Halaman Home Toko
7. Halaman Login Admin
Gambar 3.18 Halaman Login Admin
Username :
Password :
Login
44
8. Halaman Home Admin
Gambar 3.19 Halaman Home Admin
9. Halaman Ubah Password
Gambar 3.20 Halaman Ubah Password
45
BAB IV
IMPLEMENTASI SISTEM
Setelah selesai merancang dan menganalisa sistem yang akan dibuat,
langkah selanjutnya adalah mencoba mengimplementasikan sistem.
Sistem ini dibuat dan diuji coba dengan menggunakan spesifikasi Software
dan Hardware sebagai berikut :
Spesifikasi Software :
1. Sistem Operasi Windows XP Professional.Service Pack 2
2. Macromedia Dreamweaver 8
3. PHP Triad 2.2 terdiri dari Apache 1.3.23, MySQL 3.23.48, PHP 4.1.1
4. Internet Explorer 6.0
5. Mozilla Firefox 1.5
6. Notepad
Spesifikasi Hardware :
1. Prosessor AMD Athlon 2500+
2. Memory 256 MB
3. HardDisk 40 GB
4.1 Pembuatan Database
Adapun langkah pembuatan database Situs Oleh-oleh Khas
Yogyakarta adalah sebagai berikut :
46
Database terdiri dari empat tabel yaitu tabel toko, tabel oleh2, tabel
buku_tamu, dan tabel admin.
1. Tabel Admin, tabel dibuat dengan sintak SQL sebagai berikut:
CREATE TABLE admin (
id_admin varchar(15) NOT NULL default '',
nama_admin varchar(25) NOT NULL default '',
password varchar(15) NOT NULL default '',
PRIMARY KEY (id_admin)
) TYPE=MyISAM;
2.Tabel Buku Tamu, tabel dibuat dengan sintak SQL sebagai berikut:
CREATE TABLE buku_tamu (
no_urut int(5) NOT NULL default '0',
tanggal varchar(25) NOT NULL default '',
nama varchar(25) NOT NULL default '',
isi longtext NOT NULL,
PRIMARY KEY (no_urut)
) TYPE=MyISAM;
3.Tabel Oleh2 , tabel dibuat dengan sintak SQL sebagai berikut:
CREATE TABLE oleh2 (
id_oleh varchar(5) NOT NULL default '',
id_toko varchar(5) NOT NULL default '',
nama_oleh varchar(30) NOT NULL default '',
jenis enum('makanan','pakaian','kerajinan','lain-
lain') NOT NULL default 'lain-lain',
gambar varchar(50) NOT NULL default '',
deskripsi longtext NOT NULL,
PRIMARY KEY (id_oleh)
) TYPE=MyISAM;
47
4. Tabel Toko , tabel dibuat dengan sintak SQL sebagai berikut:
CREATE TABLE toko (
id_toko varchar(5) NOT NULL default '',
password varchar(20) NOT NULL default '',
nama_toko varchar(30) NOT NULL default '',
alamat varchar(50) NOT NULL default '',
telepon varchar(15) NOT NULL default ''
lokasi
enum('sleman','bantul','jogja','kulonprogo','gunu
ngkidul') NOT NULL default 'sleman',
status enum('nonaktif','aktif') NOT NULL default
'nonaktif',
PRIMARY KEY (id_toko)
) TYPE=MyISAM;
Hasil terakhir database oleh_oleh menggunakan MySQL dapat
dilihat pada gambar 4.1.
Gambar 4.1 Halaman Database oleh_oleh
4.2 Koneksi Database
Untuk menghubungkan / mengkoneksikan database dengan sistem,
digunakan sintak sebagai berikut :
48
<?php
$user = "root";
$pass = "";
$db = "oleh_oleh";
$server = "localhost";
// membuat koneksi
$koneksi = mysql_connect($server, $user, $pass);
if(!$koneksi)
{
echo("Koneksi ke database gagal");
exit;
}
// pilih database
$cekdb = mysql_select_db($db);
if(!$cekdb)
{
echo("Database tidak ditemukan");
}
?>
Dalam melakukan koneksi, empat variabel yang dideklarasikan adalah :
1. server = digunakan untuk menunjuk nama host dari komputer
server.
2. user = digunakan untuk menunjuk nama user yang bertugas
sebagai administrator database dalam MySQL.
3. pass = password administrator database MySQL.
4. db = digunakan untuk menunjuk nama database yang akan diakses.
49
4.3 Pembuatan Antar Muka Pemakai (User Interface)
Disini akan dijelaskan bagaimana pembuatan user interface situs
oleh-oleh khas Yogyakarta.
4.3.1 Halaman Index
Gambar 4.2 Halaman index
Pada halaman index pengguna dapat melakukan berbagai hal,
diantaranya adalah :
1. Melihat oleh-oleh yang ditawarkan toko.
2. Pendaftaran untuk menjadi anggota.
3. Login anggota untuk toko yang telah terdaftar dan aktif menjadi
anggota.
4. Mengisi buku tamu
Tampilan halaman index dibuat dengan menggunakan file index.php.
Isi file index.php adalah sebagai berikut:
<head> <title>Situs Oleh-oleh</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_health_nutr.css" type="text/css" /> <script language="JavaScript" type="text/javascript"> //--------------- LOCALIZEABLE GLOBALS --------------- var d=new Date(); var monthname=new
50
Array("January","February","March","April","May","June","July","August","September","October","November","December"); //Ensure correct for language. English is "January 1, 2004" var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE --------------- </script> <style type="text/css"> <!-- .style1 {font-size: 12px} --> </style>
</head> <body bgcolor="#F4FFE4"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#D5EDB3"> <td colspan="3" rowspan="2"><img src="mm_health_photo.jpg" alt="Header image" width="382" height="101" border="0" /></td> <td height="50" colspan="3" id="logo" valign="bottom" align="center"
nowrap="nowrap">Situs Oleh-oleh Khas Yogyakarta </td> <td width="674"> </td> </tr> <tr bgcolor="#D5EDB3">
<td height="51" colspan="3" id="tagline" valign="top" align="center"> </td>
<td width="674"> </td> </tr> <tr> <td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr>
<tr> <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr> <tr bgcolor="#99CC66"> <td colspan="7" id="dateformat" height="20"> <script
language="JavaScript" type="text/javascript"> document.write(TODAY); </script> </td> </tr> <tr> <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr>
<tr> <td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr> <td width="166" valign="top" bgcolor="#5C743D">
<table border="0" cellspacing="0" cellpadding="0" width="197" id="navigation"> <tr> <td width="167"> <br /> <br /></td> </tr> <tr>
<td width="167"><a href="index.php" class="navText">Home</a></td> </tr> <tr> <td width="167"><? echo"<a href=tampil_oleh.php?kategori=semua
51
class=navText>Oleh-oleh</a>"; ?></td> </tr>
<tr> <td width="167"><a href="form_daftar.php" class="navText">Daftar Anggota </a></td> </tr> <tr> <td width="167"><a href="login_toko.php" class="navText">Login Anggota </a></td>
</tr> <tr> <td width="167"><a href="lihat_bukutamu.php" class="navText">Buku Tamu </a></td> </tr> </table> <br />
<br /> <br /> <br /> </td> <td width="82"> </td> <td colspan="5" valign="top"><img src="mm_spacer.gif" alt="" width="305"
height="1" border="0" /><br /> <br />
<br /> <table border="0" cellspacing="0" cellpadding="0" width="674"> <tr> <td width="674" class="pageName">Home</td> </tr> <tr> <td class="bodyText"><p class="style1">Selamat datang di Situs Oleh-oleh
Khas Yogyakarta </p> <p class="style1">Website ini merupakan fasilitas yang disediakan untuk memudahkan toko penjual oleh-oleh dalam mempromosikan dan mengenalkan oleh-oleh khas Yogyakarta.</p> <p class="style1">Semoga website ini dapat membantu Anda merencanakan pencarian oleh-oleh apabila mengadakan kunjungan wisata di Yogyakarta. </p></td> </tr>
</table> <br /> <br /> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="20" id="leftcol"> <tr>
<td width="10"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td> <td width="10"> </td> </tr> </table></td> </tr> <tr>
<td width="166"> </td> <td width="82"> </td> <td width="158"> </td> <td width="262"> </td> <td width="35"> </td> <td width="131"> </td> <td width="674"> </td>
</tr> </table> </body> </html>
52
4.3.2 Halaman Oleh-oleh
Gambar 4.3 Halaman Oleh-oleh
Gambar 4.3 muncul jika pengunjung ingin melihat oleh-oleh yang
ada. Halaman Oleh-oleh juga di lengkapi dengan fasilitas pencarian
dimana pengunjung dapat melakukan pencarian berdasarkan kategori yang
ada.
Script untuk melakuikan pencarian dan menampilkan data oleh-
oleh ini adalah :
<?php include("connect_db.php"); include "config.php"; if ($kategori=='semua') {
$query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko order by nama_oleh"); $jml = ceil(mysql_num_rows($query) / $bt_pph); if (!isset ($page)) { $page = 0;
} $offset = $page * $bt_pph; $query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko order by nama_oleh LIMIT $offset, $bt_pph"); } else {
$kategori = $_POST['kategori']; $katakunci = $_POST['katakunci']; if($kategori=='oleh')
{
53
$query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and o.nama_oleh='$katakunci' order by nama_oleh"); $jml = ceil(mysql_num_rows($query) / $bt_pph);
if (!isset ($page)) { $page = 0; } $offset = $page * $bt_pph; $query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and o.nama_oleh='$katakunci' order by nama_oleh LIMIT $offset, $bt_pph");
} else if($kategori=='toko') { $query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and t.nama_toko='$katakunci' order by nama_oleh"); $jml = ceil(mysql_num_rows($query) / $bt_pph);
if (!isset ($page)) { $page = 0; } $offset = $page * $bt_pph;
$query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and t.nama_toko='$katakunci' order by nama_oleh LIMIT $offset, $bt_pph");
} else if($kategori=='jenis') { $query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and o.jenis='$katakunci' order by nama_oleh"); $jml = ceil(mysql_num_rows($query) / $bt_pph); if (!isset ($page))
{ $page = 0; } $offset = $page * $bt_pph; $query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and o.jenis='$katakunci' order by nama_oleh LIMIT $offset, $bt_pph"); }
else if($kategori=='lokasi') { $query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and t.lokasi='$katakunci' order by nama_oleh"); $jml = ceil(mysql_num_rows($query) / $bt_pph); if (!isset ($page))
{ $page = 0; } $offset = $page * $bt_pph; $query = mysql_query("select * from oleh2 o, toko t where o.id_toko=t.id_toko and t.lokasi='$katakunci' order by nama_oleh LIMIT $offset, $bt_pph"); }
} $jumlah = mysql_num_rows($query); while($row = mysql_fetch_array($query)) { $id_oleh = $row[id_oleh]; $id_toko = $row[id_toko];
$nama_toko = $row[nama_toko]; $alamat = $row[alamat]; $telepon = $row[telepon]; $lokasi = $row[lokasi]; $nama_oleh = $row[nama_oleh];
54
$jenis = $row[jenis]; $gambar = $row[gambar]; $deskripsi = $row[deskripsi]; echo ("<br>
<table border='0'> <tr> <td valign='top'><img src='$gambar' height=100 width=100></td> <td></td> <td width='400'><b>Nama oleh-oleh</b> : $nama_oleh<br>
<b>Nama toko</b> : $nama_toko<br> <b>Alamat toko</b> : $alamat<br> <b>Lokasi toko</b> : $lokasi<br> <b>Telepon</b> : $telepon<br> <b>Jenis</b> :$jenis<br> <b>Deskripsi</b> : $deskripsi<br></td> </tr>
</table>"); } $x = 0; for ($i=0; $i<$jml ; $i++) {
$x = $x + 1; $isi_hal .="[<a href
='tampil_oleh.php?page=$i'>$x</a>] "; } ?>
4.3.3 Halaman daftar anggota
Gambar 4.4 Halaman daftar anggota
Apabila pengunjung ingin menjadi anggota maka akan muncul
tampilan seperti pada Gambar 4.4. pada halaman ini pengunjung harus
55
mengisi data secara lengkap sebelum di simpan. Script untuk memasukkan
data pendaftaran anggota adalah :
<form action="simpan_formdaftar.php" method="post">
<tr> <td>Username</td> <td> </td> <td colspan="2"><input type="text" name="username" rows="8" cols="30"></textarea> </td> </tr> <tr>
<td>Nama Toko </td> <td>:</td> <td colspan="2"> <input type="text" name="namatoko" rows="8" cols="30"></textarea> </td> </tr> <tr>
<td>Password</td> <td>:</td> <td colspan="2"> <input type="password" name="password" rows="8" cols="30"></textarea> </td> </tr> <tr>
<td>Alamat </td> <td>:</td> <td colspan="2">
<input type="text" name="alamat" rows="8" cols="30"></textarea> </td> </tr> <tr> <td>Telepon </td>
<td>:</td> <td colspan="2"> <input type="text" name="telepon" rows="8" cols="30"></textarea> </td> </tr> <tr> <td>Lokasi </td>
<td>:</td> <td colspan="2"><select name="lokasi"> <option value="sleman">Sleman</option> <option value="bantul">Bantul</option> <option value="jogja">Jogja</option> <option value="kulonprogo">Kulonprogo</option> <option value="gunungkidul">Gunungkidul</option>
</select> </td> </tr> <tr> <td width="63"> </td> <td width="10"> </td> <td colspan="2"> </td>
</tr> <tr> <td valign="top"> </td> <td valign="top"> </td> <td width="107">
<input name="simpan" type="submit" value="simpan"> </td>
56
<td width="104"> <input name="batal" type="submit" value="batal"> </td> </tr> </form>
4.3.4 Halaman Simpan form daftar
Gambar 4.5 Halaman Simpan form daftar
Pada Gambar 4.5 menunjukkan kepada pengunjung yang telah
mengisi data secara lengkap untuk menunggu proses pendaftaran. Script
yang digunakan adalah :
<?php include("connect_db.php"); $query = mysql_query('Select * from toko') or die(mysql_error()); $username= $_POST['username']; $namatoko = $_POST['namatoko'];
$alamat = $_POST['alamat']; $telepon = $_POST['telepon']; $password = $_POST['password'];
$lokasi = $_POST['lokasi']; if($simpan) { $query = mysql_query("select * from toko where id_toko='$username'");
if(empty($namatoko) or empty($alamat) or empty($telepon) or empty($password) or empty($username)) { echo "Anda belum mengisikan dengan lengkap!<br> -------------------<br> <a href = form_daftar.php>[kembali]</a>"; }
else if (mysql_num_rows($query) > 0) { echo "Ditemukan duplikasi username '$username'!<br> -------------------<br> <a href = form_daftar.php>[kembali]</a>"; } else
{ $query = "insert into toko (id_toko,password,nama_toko,alamat,telepon,lokasi) values ('".trim($username)."','".trim($password)."','".trim($namatoko)."','".trim($alamat)."','".trim($telepon)."','".trim($lokasi)."')"; $hasil = mysql_query($query) or die(mysql_error());
57
echo "Form Pendaftaran telah disimpan.<br> tunggu beberapa hari untuk pengaktifan<br> -------------------<br> <a href = index.php> OK</a>";
} } else if ($batal) { echo "Anda membatalkan penyimpanan.<br> -------------------<br> <a href = index.php>OK</a>";
} ?>
4.3.5 Halaman Login anggota
Gambar 4.6 Halaman Login anggota
Halaman login ini (Gambar 4.6) digunakan anggota untuk masuk
ke menu anggota dengan terlebih dahulu menginputkan username dan
password. Script untuk mengenali dan mencocokkan username dan
password adalah :
<?php
} else { include "config.php"; include "dbfunctions.php"; include ("connect_db.php"); opendb();
$baca=querydb("select * from toko where id_toko='$username'and status='aktif'" ); $dt=mysql_fetch_array($baca); closedb();
58
$USERNAME = $dt["id_toko"]; $PASSWORD = $dt["password"]; if (empty($username) or (empty($password)))
{ echo '<script>'; echo 'alert("Username/password Anda belum diisi.\nSilahkan login kembali");'; echo 'window.navigate("login_toko.php");'; echo '</script>'; }
else if ($username == $USERNAME AND $password == $PASSWORD) { session_register("SES_USERNAME"); session_register("SES_PASSWORD"); $SES_USERNAME = $USERNAME; $SES_PASSWORD = $PASSWORD;
opendb(); $query = mysql_query("select * from toko where id_toko='$username'"); $hasil = mysql_fetch_array($query);
closedb();
echo ("<br><br><br><br><br><br> <table align='center' width='29%' border='4' bgcolor='#F0F0F0' bordercolorlight='#0000FF' bordercolordark='#000066'> <tr><td align='center' valign='middle'> Selamat datang<br> -------------------<br> <a href =
login_aktif.php?id_toko=$username>OK</a> </td></tr> </table>"); } else { echo '<script>';
echo 'alert("Username/password Anda salah.\nSilahkan login kembali");'; echo 'window.navigate("login_toko.php");'; echo '</script>'; } } ?>
59
4.3.6 Halaman Update oleh-oleh
Gambar 4.7 Halaman Update oleh-oleh
Halaman ini digunakan untuk mengelola data oleh-oleh. Pada
halaman ini anggota dapat melakukan tambah, edit, maupun hapus data
oleh-oleh. Berikut ini adalah script dari halaman update oleh-oleh :
<?php
include("connect_db.php"); include "config.php"; $query = mysql_query("select * from oleh2 o,
toko t where t.id_toko='$id_toko' and o.id_toko=t.id_toko order by nama_oleh"); $jml = ceil(mysql_num_rows($query) / $bt_pph); if (!isset ($page)) { $page = 0; }
$offset = $page * $bt_pph; $query = mysql_query("select * from oleh2 o, toko t where t.id_toko='$id_toko' and o.id_toko=t.id_toko order by nama_oleh"); $jumlah = mysql_num_rows($query); while($row = mysql_fetch_array($query)) {
$id_oleh = $row[id_oleh]; $id_toko = $row[id_toko]; $nama_toko = $row[nama_toko]; $alamat = $row[alamat]; $telepon = $row[telepon]; $lokasi = $row[lokasi]; $nama_oleh = $row[nama_oleh];
$jenis = $row[jenis]; $gambar = $row[gambar]; $deskripsi = $row[deskripsi];
60
echo ("<br> <table border='0'> <tr> <td valign='top'><img src='$gambar'
height=100 width=100></td> <td></td> <td width='400'><b>Nama oleh-oleh</b> : $nama_oleh<br> <b>Nama toko</b> : $nama_toko<br> <b>Alamat toko</b> : $alamat<br> <b>Lokasi toko</b> : $lokasi<br>
<b>Telepon</b> : $telepon<br> <b>Jenis</b> :$jenis<br> <b>Deskripsi</b> : $deskripsi<br></td> <td><a href=edit_oleh.php?id_toko=$id_toko&id_oleh=$id_oleh>edit</a> <a href=hapus_oleh.php?id_toko=$id_toko&id_oleh=$id_oleh>hapus</a></td>
</tr> </table>"); } $x = 0; for ($i=0; $i<$jml ; $i++)
{ $x = $x + 1;
$isi_hal .="[<a href ='update_oleh.php?id_toko=$id_toko&page=$i'>$x</a>] "; } ?>
4.3.7 Halaman Tambah oleh-oleh
Gambar 4.8 Halaman Tambah oleh-oleh
Jika anggota ingin menambah data oleh-oleh maka harus mengisi
form seperti Gambar 4.8. Script untuk memasukkan data adalah :
61
<form action="simpan_formoleh.php" method="post" enctype="multipart/form-data"> <tr> <td>ID Toko </td>
<td>:</td> <td colspan="2"><input type="text" name="id_toko" rows="8" cols="30" readonly="readonly" value="<?print("$id_toko");?>" /></td> </tr> <tr> <td>ID Oleh-oleh </td> <td>:</td>
<td colspan="2"><input type="text" name="id_oleh" rows="8" cols="30"> </textarea> </td> </tr> <tr> <td>Nama Oleh-oleh </td>
<td>:</td> <td colspan="2"><input type="text" name="nama_oleh" rows="8" cols="30"> </textarea> </td> </tr>
<tr> <td>Jenis Oleh-oleh </td>
<td>:</td> <td colspan="2"><select name="jenis"> <option value="makanan">makanan</option> <option value="pakaian">pakaian</option> <option value="kerajinan">kerajinan</option> <option value="lain-lain">lain-lain</option> </select> </textarea> </td>
</tr> <tr> <td>Deskripsi </td> <td>:</td> <td colspan="2"><textarea name="deskripsi" rows="8" cols="30"></textarea>
</td> </tr> <tr> <td>Gambar</td> <td>:</td> <td colspan="2"><input type="file" name="gambar"></td>
</tr> <tr> <td width="110"> </td> <td width="26"> </td> <td colspan="2"> </td> </tr> <tr>
<td valign="top"> </td> <td valign="top"> </td> <td width="62"><input name="simpan" type="submit" value="simpan"> </td> <td width="201"><input name="batal" type="submit" value="batal"> </td> </tr>
</form>
62
4.3.8 Halaman Ubah profil toko
Gambar 4.9 Halaman Ubah profil toko
Halaman ini digunakan untuk mengubah profil toko yang telah
menjadi anggota apabila ada perubahan dari nama, alamat, telepon,
maupun lokasi seperti pada Gambar 4.9. Script untuk mengubah profil
toko adalah :
<tr> <td class="bodyText"><p align="left" class="style1"> <?php
include("connect_db.php"); $query = "Select * from toko where id_toko='$id_toko'"; $hasil = mysql_query($query) or die (mysql_error()); $row = mysql_fetch_array($hasil); $id_toko = $row[id_toko]; $password = $row[password];
$nama_toko = $row[nama_toko]; $alamat = $row[alamat]; $telepon = $row[telepon]; $lokasi = $row[lokasi]; print("<input type=hidden name=id_toko value=$id_toko>"); ?>
<table border="0"> <form action="simpan_ubahprofil.php" method="post"> <tr> <td>ID Toko </td> <td>:</td> <td colspan="2"><input type="text" name="id_toko" rows="8" cols="30" readonly value="<?print("$id_toko");?>" /></td>
</tr> <tr> <td>Nama Toko </td> <td>:</td> <td colspan="2">
63
<input type="text" name="namatoko" rows="8" cols="30" value="<?print("$nama_toko");?>"></td> </tr> <tr>
<td>Alamat </td> <td>:</td> <td colspan="2"> <input type="text" name="alamat" rows="8" cols="30" value="<?print("$alamat");?>"></td> </tr> <tr>
<td>Telepon </td> <td>:</td> <td colspan="2"> <input type="text" name="telepon" rows="8" cols="30" value="<?print("$telepon");?>"></td> </tr> <tr>
<td>Lokasi </td> <td>:</td> <td colspan="2"><select name="lokasi"> <option value="sleman">Sleman</option> <option value="bantul">Bantul</option>
<option value="jogja">Jogja</option> <option value="kulonprogo" selected="selected">Kulonprogo</option>
<option value="gunungkidul">Gunungkidul</option> </select> </td> </tr> <tr> <td width="63"> </td> <td width="10"> </td> <td colspan="2"> </td> </tr>
<tr> <td valign="top"> </td> <td valign="top"> </td> <td width="107"> <input name="simpan" type="submit" value="simpan"> </td>
<td width="104"> <input name="batal" type="submit" value="batal"> </td> </tr> </form> </table> </p> </td>
</tr> </table> <br /> <br /> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="20" id="leftcol"> <tr>
<td width="10"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td> <td width="10"> </td> </tr> </table></td> </tr> </table>
</body> </html> <?php } ?>
64
4.3.9 Halaman Buku tamu
Gambar 4.10 Halaman Buku tamu
Halaman Buku tamu adalah halaman dimana setiap pengunjung
dapat memberikan tanggapan maupun komentar mengenai situs oleh-oleh
seperti nampak pada Gambar 4.10. Script dari buku tamu adalah :
<?php
include("connect_db.php"); include "config.php"; $query = mysql_query("select * from buku_tamu
order by no_urut DESC"); $jml = ceil(mysql_num_rows($query) / $bt_pph); if (!isset ($page)) { $page = 0; }
$offset = $page * $bt_pph; $query = mysql_query("select * from buku_tamu order by no_urut DESC LIMIT $offset, $bt_pph"); $jumlah = mysql_num_rows($query); while($row = mysql_fetch_row($query)) { $no_urut = $row[0];
$tanggal = $row[1]; $nama = $row[2]; $isi = $row[3]; echo ("<br> <b>$no_urut.</b><br> <b>Tanggal kirim</b> : $tanggal<br> <b>Pengirim</b> :$nama<br>
<b>Isi</b> : $isi<br>"); } $x = 0; for ($i=0; $i<$jml ; $i++) {
65
$x = $x + 1; $isi_hal .="[<a href ='lihat_bukutamu.php?page=$i'>$x</a>] "; }
?>
4.3.10 Halaman Tambah buku tamu
Gambar 4.11 Halaman Tambah buku tamu
Seperti dapat di lihat pada Gambar 4.11, pengunjung cukup
mengisi nama dan komentar maupun tanggapan yang ingin diberikan.
Script untuk menambah buku tamu adalah :
<?php include("connect_db.php"); $query = mysql_query('Select * from buku_tamu') or die(mysql_error()); $no_urut = mysql_num_rows($query) + 1;
$tanggal = date("d M Y"); $nama = $_POST['nama']; $isi = $_POST['isi']; if($simpan) { if(empty($isi) or empty($nama)) { echo "Anda belum mengisikan apa-apa!<br>
-------------------<br> <a href = form_bukutamu.php>[kembali]</a>"; } else { $query = "insert into buku_tamu (no_urut,tanggal,nama,isi)
values ('".trim($no_urut)."','".trim($tanggal)."','".trim($nama)."','".trim($isi)."')"; $hasil = mysql_query($query) or die(mysql_error());
66
echo "Buku Tamu telah disimpan.<br> -------------------<br> <a href = lihat_bukutamu.php> OK</a>";
} } else if ($batal) { echo "Anda membatalkan penyimpanan.<br> -------------------<br> <a href = lihat_bukutamu.php>OK</a>";
} ?>
4.3.11 Halaman Home Admin
Gambar 4.12 Halaman Home Admin
Pada halaman ini admin dapat mengelola data buku tamu, data
toko, ubah password. Script dari Gambar 4.12 adalah :
<?php include "config.php"; include "authentication_admin.php"; if(!authen ()) {
?> <br><br><br><br><br><br> <table align="center" width="29%" border="4" bgcolor="#F0F0F0" bordercolorlight="#0000FF" bordercolordark="#000066"><tr><td align="center" valign="middle"> Anda tidak berhak mengakses halaman ini.<br> Silakan Anda <a href="login_admin.php">LOGIN</a> sebagai administrator.
</td></tr></table> <?php } else { ?> <link rel="stylesheet" href="../mm_health_nutr.css" type="text/css" />
<script language="JavaScript" type="text/javascript"> var d=new Date();
67
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); //Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(); <style type="text/css"> <!-- .style1 {font-size: 12px} --> </style> </head>
<body bgcolor="#F4FFE4"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#D5EDB3"> <td colspan="3" rowspan="2"><img src="../mm_health_photo.jpg" alt="Header image" width="382" height="101" border="0" /></td> <td height="50" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap">Situs Oleh-oleh Khas Yogyakarta </td>
<td width="674"> </td> </tr> <tr bgcolor="#D5EDB3"> <td height="51" colspan="3" id="tagline" valign="top" align="center"> </td>
<td width="674"> </td> </tr>
<tr> <td colspan="7" bgcolor="#5C743D"><img src="../mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr> <td colspan="7" bgcolor="#99CC66" background="../mm_dashed_line.gif"><img src="../mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr> <tr bgcolor="#99CC66"> <td colspan="7" id="dateformat" height="20"> <script language="JavaScript" type="text/javascript"> document.write(TODAY); </script> </td> </tr> <tr>
<td colspan="7" bgcolor="#99CC66" background="../mm_dashed_line.gif"><img src="../mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr> <tr> <td colspan="7" bgcolor="#5C743D"><img src="../mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr> <tr> <td width="166" valign="top" bgcolor="#5C743D"> <table border="0" cellspacing="0" cellpadding="0" width="197" id="navigation"> <tr> <td width="167"> <br />
<br /></td> </tr> <tr> <td width="167"> <?php echo "<a href=home_admin.php?id_admin=$id_admin class=navText>Home</a>"; ?></td>
</tr> <tr> <td width="167"> <?php echo "<a href=tampil_bukutamu.php?id_admin=$id_admin
68
class=navText>Buku Tamu</a>"; ?> </td> </tr>
<tr> <td width="167"> <?php echo "<a href=edit_toko.php?id_admin=$id_admin class=navText>Data Toko</a>"; ?> </td> </tr>
<tr> <td width="167"> <?php echo "<a href=ubah_pass.php?id_admin=$id_admin class=navText>Ubah Password</a>"; ?> </td>
</tr> <tr> <td width="167"><a href="logout_admin.php" class="navText">Logout </a></td> </tr>
</table> <br />
<br /> <br /> <br /> </td> <td width="82"> </td> <td colspan="5" valign="top"><img src="../mm_spacer.gif" alt="" width="305" height="1" border="0" /><br /> <br /> <br />
<table border="0" cellspacing="0" cellpadding="0" width="674"> <tr> <td width="674" class="pageName">Home</td> </tr> <tr> <td class="bodyText"><p class="style1">Selamat datang di Situs Oleh-oleh Khas Yogyakarta </p>
<p class="style1">Website ini merupakan fasilitas yang disediakan untuk memudahkan toko penjual oleh-oleh dalam mempromosikan dan mengenalkan oleh-oleh khas Yogyakarta.</p> <p class="style1">Semoga website ini dapat membantu Anda merencanakan pencarian oleh-oleh apabila mengadakan kunjungan wisata di Yogyakarta. </p> </td> </tr>
</table> <br /> <br /> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="20" id="leftcol"> <tr> <td width="10"><img src="../mm_spacer.gif" alt="" width="10"
height="1" border="0" /></td> <td width="10"> </td> </tr> </table></td> </tr> </table> </body>
</html> <?php } ?>
69
4.3.12 Halaman Hapus buku tamu
Gambar 4.13 Halaman Hapus buku tamu
Pada halaman ini admin dapat menghapus buku tamu satu per satu
maupun semua buku tamu yang ada. Script untuk menghapus buku tamu
adalah :
<?php include("connect_db.php"); include "config.php"; $query = mysql_query("select * from buku_tamu order by no_urut DESC"); $jml = ceil(mysql_num_rows($query) / $bt_pph);
if (!isset ($page)) { $page = 0; } $offset = $page * $bt_pph; $query = mysql_query("select * from buku_tamu order by no_urut DESC LIMIT $offset, $bt_pph");
$jumlah = mysql_num_rows($query); while($row = mysql_fetch_row($query)) { $no_urut = $row[0];
$tanggal = $row[1]; $nama = $row[2]; $isi = $row[3];
echo ("<br> <b>$no_urut.</b> || <a href='hapus_bukutamu.php?no_urut=$no_urut&id_admin=$id_admin'>hapus</a><br> <b>Tanggal kirim</b> : $tanggal<br> <b>Pengirim</b> : $nama<br> <b>Isi</b> : $isi<br>");
}
70
$x = 0; for ($i=0; $i<$jml ; $i++) { $x = $x + 1;
$isi_hal .="[<a href ='tampil_bukutamu.php?id_admin=$id_admin&page=$i'>$x</a>] "; } ?> <br><tr colspan=\"4\"><td><b><font color="#0033FF">>>Halaman :</font></b> <?
echo "$isi_hal <b><font color=\"#0033FF\"><<<br>"; if (mysql_num_rows($query) > 0) { echo("<br><a href='bersih_bukutamu.php?id_admin=$id_admin'>hapus semua</a><br>"); } ?>
</p> </td> </tr> </table> <br />
<br /> <br /> <br />
<table border="0" cellspacing="0" cellpadding="0" width="20" id="leftcol"> <tr> <td width="10"><img src="../mm_spacer.gif" alt="" width="10" height="1" border="0" /></td> <td width="10"> </td> </tr> </table></td>
</tr> </table> </body> </html> <?php } ?>
4.3.13 Halaman Data Toko
Gambar 4.14 Halaman Data Toko
71
Halaman ini digunakan admin untuk mengganti status dari anggota
untuk diterima menjadi anggota atau tidak. Apabila diterima maka status
berubah menjadi aktif dan pengguna yang mendaftar tersebut dapat
menjadi anggota. Script untuk menerima dan menghapus toko adalah :
<?php include "config.php"; include "authentication_admin.php"; if(!authen ()) {
?> <br><br><br><br><br><br> <table align="center" width="29%" border="4" bgcolor="#F0F0F0" bordercolorlight="#0000FF" bordercolordark="#000066"><tr><td align="center" valign="middle"> Anda tidak berhak mengakses halaman ini.<br> Silakan Anda <a href="login_admin.php">LOGIN</a> sebagai administrator.
</td></tr></table> <?php } else { ?> <head>
<title>Situs Oleh-oleh</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="../mm_health_nutr.css" type="text/css" /> <script language="JavaScript" type="text/javascript"> //--------------- LOCALIZEABLE GLOBALS --------------- var d=new Date(); var monthname=new
Array("January","February","March","April","May","June","July","August","September","
October","November","December"); //Ensure correct for language. English is "January 1, 2004" var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(); //--------------- END LOCALIZEABLE --------------- </script> <style type="text/css"> <!--
.style1 {font-size: 12px} --> </style> </head> <body bgcolor="#F4FFE4"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#D5EDB3">
<td colspan="3" rowspan="2"><img src="../mm_health_photo.jpg" alt="Header image" width="382" height="101" border="0" /></td> <td height="50" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap">Situs Oleh-oleh Khas Yogyakarta </td> <td width="674"> </td> </tr> <tr bgcolor="#D5EDB3">
<td height="51" colspan="3" id="tagline" valign="top" align="center"> </td> <td width="674"> </td> </tr> <tr>
72
<td colspan="7" bgcolor="#5C743D"><img src="../mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr>
<td colspan="7" bgcolor="#99CC66" background="../mm_dashed_line.gif"><img src="../mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr> <tr bgcolor="#99CC66"> <td colspan="7" id="dateformat" height="20"> <script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td> </tr> <tr> <td colspan="7" bgcolor="#99CC66" background="../mm_dashed_line.gif"><img src="../mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr>
<tr> <td colspan="7" bgcolor="#5C743D"><img src="../mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr>
<td width="166" valign="top" bgcolor="#5C743D"> <table border="0" cellspacing="0" cellpadding="0" width="197"
id="navigation"> <tr> <td width="167"> <br /> <br /></td> </tr> <tr> <td width="167"> <?php
echo "<a href=home_admin.php?id_admin=$id_admin class=navText>Home</a>"; ?></td> </tr> <tr> <td width="167"> <?php echo"<a href=tampil_bukutamu.php?id_admin=$id_admin class=navText>Buku
Tamu</a>"; ?> </td> </tr> <tr> <td width="167">
<?php echo "<a href=edit_toko.php?id_admin=$id_admin class=navText>Data Toko</a>"; ?> </td> </tr> <tr> <td width="167">
<?php echo "<a href=ubah_pass.php?id_admin=$id_admin class=navText>Ubah Password</a>"; ?> </td> </tr> <tr>
<td width="167"><a href="logout_admin.php" class="navText">Logout </a></td> </tr> </table> <br /> <br />
73
<br /> <br /> </td> <td width="82"> </td> <td colspan="5" valign="top"><img src="../mm_spacer.gif" alt="" width="305"
height="1" border="0" /><br /> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="674"> <tr> <td width="674" class="pageName">Data Toko </td> </tr>
<tr> <td class="bodyText"><table width="99%" border="1"> <tr> <td width="10%"><div align="center">ID Toko </div></td> <td width="18%"><div align="center">Nama Toko </div></td> <td width="24%"><div align="center">Alamat</div></td> <td width="11%"><div align="center">Telepon</div></td>
<td width="11%"><div align="center">Lokasi</div></td> <td width="10%"><div align="center">Status</div></td> <td colspan="3"><div align="center">Aksi</div></td> </tr> <tr>
<td><?php include("connect_db.php");
$query = mysql_query ("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query)) { $id_toko=$row[0]; echo("$id_toko<br>"); } ?></td> <td><?php
include("connect_db.php"); $query = mysql_query ("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query)) { $nama_toko=$row[2]; echo("$nama_toko<br>"); }
?></td> <td><?php include("connect_db.php"); $query = mysql_query ("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query)) { $alamat=$row[3];
echo("$alamat<br>"); } ?></td> <td><?php include("connect_db.php"); $query = mysql_query ("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query))
{ $telepon=$row[4]; echo("$telepon<br>"); } ?></td> <td><?php include("connect_db.php");
$query = mysql_query ("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query)) { $lokasi=$row[5]; echo("$lokasi<br>");
74
} ?></td> <td width="10%"><?php include("connect_db.php");
$query = mysql_query ("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query)) { $status=$row[6]; echo("$status<br>"); } ?></td>
<td width="8%"><div align="center"> <?php include("connect_db.php"); $query = mysql_query("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query)) { $id_toko=$row[0];
$status=$row[6]; if ($status == 'aktif') { echo ("<br>"); }
else {
echo("<a href='terima_toko.php?id_admin=$id_admin&id_toko=$id_toko'>terima</a><br>"); } } ?> </div></td> <td width="8%"><div align="center"> <?php
include("connect_db.php"); $query = mysql_query("select * from toko order by id_toko") or die(mysql_error()); while($row=mysql_fetch_row($query)) { $id_toko=$row[0]; echo("<a href='hapus_toko.php?id_admin=$id_admin&id_toko=$id_toko'>hapus</a><br>");
} ?> </div></td> </tr> </table> <p class="style1"></p> </td>
</tr> </table> <br /> <br /> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="20" id="leftcol"> <tr>
<td width="10"><img src="../mm_spacer.gif" alt="" width="10" height="1" border="0" /></td> <td width="10"> </td> </tr> </table></td> </tr> </table>
</body> </html> <?php } ?>
75
4.3.14 Halaman Ubah Password
Gambar 4.15 Halaman Ubah Password
Halaman ini digunakan untuk mengubah password admin supaya
bisa meminimumkan penyalahgunaan wewenang sehingga keamanan data
dari situs tetap terjaga. Script yang digunakan adalah :
<?php include("connect_db.php"); $query = "Select * from admin where id_admin='$id_admin'";
$hasil = mysql_query($query) or die (mysql_error()); $row = mysql_fetch_array($hasil); $id_admin = $row[id_admin]; $nama_admin = $row[nama_admin]; print("<input type=hidden name=id_admin value=$id_admin>"); ?><br><br> <table border="0">
<form action="simpan_pass.php" method="post"> <tr> <td>ID admin </td>
<td>:</td> <td colspan="2"> <input type="text" name="id_admin" id="id_admin" readonly value="<?print("$id_admin");?>"> </td> <td width="85">Nama admin</td>
<td width="7">:</td> <td width="156"><input type="text" name="nama_admin" id="nama_admin" readonly="readonly" value="<?print("$nama_admin");?>"></td> </tr> <tr> <td colspan="7"><br><i>- - huruf</i> <b><u>BESAR</u></b> <i>dan huruf</i> <b><u>kecil</u></b> <i>berpengaruh - -</i></td>
</tr> <tr> <td width="161">Password lama </td> <td width="10">:</td> <td colspan="5"> <input type="password" name="pass_lama" id="pass_lama" maxlength="15"> </td>
</tr>
76
<tr> <td width="161" valign="top">Password baru </td> <td width="10" valign="top">:</td> <td colspan="5">
<input type="password" name="pass_baru" id="pass_baru" maxlength="15"> </td> </tr> <tr> <td valign="top">Konfirmasi Password baru </td> <td valign="top">:</td>
<td colspan="5"> <input type="password" name="pass_baru2" id="pass_baru2" maxlength="15"> </td> </tr> <tr> <td valign="top"> </td> <td valign="top"> </td>
<td colspan="5"> </td> </tr> <tr align="left"> <td valign="top"> </td> <td valign="top"> </td>
<td width="91"><span class="style15"> <input name="ubah" type="submit" value="ubah" /></td>
<td width="77"><input type="submit" name="batal" value="batal" /></td> </tr> </form> </table> </td> </tr> </table>
<br /> <br /> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="20" id="leftcol"> <tr>
<td width="10"><img src="../mm_spacer.gif" alt="" width="10" height="1" border="0" /></td> <td width="10"> </td> </tr> </table></td> </tr>
</table> </body> </html> <?php } ?>
77
BAB V
ANALISA HASIL
Dari hasil uji coba perangkat lunak Situs Oleh-oleh Khas Yogyakarta
diperoleh hasil bahwa sistem ini berfungsi dan berjalan dengan baik untuk
menawarkan oleh-oleh khas Yogyakarta kepada masyarakat luas.
Situs oleh-oleh khas yogyakarta yang penulis buat ini memiliki kelebihan
dan kekurangan. Adapun kelebihan dan kekurangan yang dimiliki oleh situs ini
antara lain :
5.1. Kelebihan Situs
Kelebihan yang dapat diperoleh dari situs yang dibuat adalah
sebagai berikut :
1. Terdapat fasilitas pengaktifan anggota yang mendaftar oleh admin
sehingga meminimumkan penyalahgunaan pemasukan data oleh-
oleh.
2. Memudahkan toko yang terdaftar dapat mengupdate oleh-olehnya
dengan cepat
5.2. Kekurangan Situs
1. Tampilan keseluruhan situs masih sederhana.
2. Belum adanya fasilitas apabila toko yang terdaftar lupa password.
3. Menu yang tersaji terlalu sedikit.
78
BAB VI
PENUTUP
6.1 Kesimpulan
Kesimpulan yang dapat diambil setelah melakukan analisa dan
implementasi Situs Oleh-oleh Khas Yogyakarta adalah sebagai berikut :
1. Situs ini dapat memudahkan toko-toko penjual oleh-oleh
mempromosikan oleh-olehnya kepada masyarakat luas
2. Situs ini mampu memberikan informasi oleh-oleh khas Yogyakarta
dan membantu pengunjung dalam mencari oleh-oleh yang
dipromosikan.
6.2 Saran
Dari sistem yang dibuat ini, masih dibutuhkan beberapa saran bagi
pengembangan sistem ini menuju arah yang lebih baik dan bermanfaat,
diantaranya adalah sebagai berikut :
1. Tampilan di buat lebih menarik.
2. Diberikan fasilitas apabila toko lupa password.
3. Ditambahkan pilihan menu yang lebih banyak.
4. Dilengkapi dengan layanan pembelian secara on-line.
79
DAFTAR PUSTAKA
Jogiyanto, Analisis dan Desain. Sistem Informasi: Pendekatan terstruktur, teori
dan praktek aplikasi bisnis, Andi, Yogyakarta, 2001.
Sutarman, S.Kom, Membangun Aplikasi Web dengan PHP dan MySQL, Graha
Ilmu, Yogyakarta, 2003.
Whitten, Bentley Dittman, System Analysis and Design Method 6th
Edition,
Irwin/McGraw-Hill, New York, 2004.
Sidik, Betha, MySQL Untuk Pengguna, Administrator, dan Pengembangan
Aplikasi Web, Informatika Bandung, Bandung, 2003.
Purwanto, Yudhi, Pemrograman Web dengan PHP, Elex Media Komputindo,
Jakarta, 2001.
Oetomo, Budi Sutedjo Dharmo Oetomo, Perancangan dan Pembangunan Sistem
Informasi, Andi, Yogyakarta, 2002.
Prasetyo, Didik Dwi, Solusi Menjadi Web Master melalui Manajemen web
dengan PHP, Elex Media Komputindo, Jakarta, 2005
Jogiyanto, Sistem Teknologi Informasi – Edisi III, Andi, Yogyakarta, 2005.
Nugroho, Bunafit. (2004). Aplikasi Pemrograman Web Dinamis denganPHP dan
MySQL. Yogyakarta : Gava Media
Nugroho, Bunafit. (2004). Aplikasi PHP & MySQL dengan Editor Dreamweaver
MX. Yogyakarta : Andi