situs oleh-oleh khas yogyakartarepository.usd.ac.id/32174/2/025314034_full.pdf · skripsi diajukan...

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.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

30

Gambar 3.3 Gambar Bagan Berjenjang

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

32

Gambar 3.4 Overview 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

34


Gambar 3.6 Overview diagram level 1 proses 3

35


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




36

3.1.2.5 DFD Gabungan

DFD Gabungan untuk Situs oleh-oleh khasYogyakarta dapat dilihat pada

Gambar 3.9.

37

Gambar 3.9 DFD Gabungan

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">  </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">  </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">  </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

situs oleh-oleh khas yogyakartarepository.usd.ac.id/32174/2/025314034_full.pdf · skripsi diajukan...

Documents