SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Jurusan Teknik Informatika
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
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
iv
HALAMAN PERSEMBAHAN
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
v
HALAMAN MOTTO
Jangan tunda hingga esok apa yang bisa kau kerjakan hari ini.
H idup itu pendek, m aka bergairahlah
Seorang juara ialah yang bangun ketika ia tak m am pu
Pikiran bukan sebuah bejana untuk diisi, m elainkan api untuk dinyalakan
K ehidupan yang m ati tersim pan dalam kenangan yang hidup
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
vi
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.
vii
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.
viii
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.
ix
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.
x
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
xi
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
xii
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
DAFTAR GAMBAR
Gambar
Keterangan
Halaman
2.1
Konsep dasar web browser dan web server
10
3.1
Use Case Diagram
27
3.2
Gambar Diagram Konteks
29
3.3
Gambar Bagan Berjenjang
30
3.4
Overview diagram level 0
31
3.5
Overview diagram level 1 proses 2
33
3.6
Overview diagram level 1 proses 3
34
3.7
Overview diagram level 1 proses 4
35
3.8
Overview diagram level 1 proses 6
35
3.9
DFD Gabungan
36
3.10
Gambar ER Diagram
38
3.11
Relasi Antar Tabel
38
3.12
Halaman Home User
40
3.13
Halaman Oleh-oleh
41
3.14
Halaman Daftar Anggota
41
3.15
Halaman Login Anggota
42
3.16
Halaman Buku Tamu
42
3.17
Halaman Home Toko
43
3.18
Halaman Login Admin
43
3.19
Halaman Home Admin
44
3.20
Halaman Ubah Password
44
4.1
Halaman Database oleh_oleh
47
4.2
Halaman Index
49
4.3
Halaman Oleh-oleh
52
4.4
Halaman daftar anggota
54
4.5
Halaman Simpan form daftar
56
4.6
Halaman Login anggota
57
4.7
Halaman Update oleh-oleh
59
xvi
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
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
xviii
BAB I
PENDAHULUAN
1.1
Latar Belakang
Di Yogyakarta banyak sekali terdapat toko yang menyediakan oleholeh 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.
1
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.
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.
6
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
Browser mengirim request
Server mengirimkan
dokumen yang diminta
(response)
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”
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 …. Informasi dalam file HTML dibagi menjadi dua bagian,
yaitu Header (tag …) yang digunakan untuk menyimpan informasi
administratif dan sebuah Body (tag …) yang digunakan untuk
meletakkan informasi-informasi yang akan ditampilkan.
Berikut ini merupakan struktur umum dokumen HTML:
< HT M L >
B a g i an H e a d
< BO D Y >
…Isi dokumen…
< /B O D Y >
< /H T M L >
2.3.2. Struktur Tag dan Atribut
Struktur tag HTML memiliki tiga bagian utama, yaitu:
< El e m e n t A t r i b u t = V a lu e >
a. Element
: nama tag HTML
b. Atribut
: atribut dari tag HTML yang digunakan
c. Value
: nilai dari atribut.
13
Sebagai contoh: < BO D Y
B G C O LO R = B l ue > .
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
nama_tag {
properti_1: nilai_1;
properti_n: nilai_n;
}
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 …. 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 . 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
CSS Internal
CSS Internal
Ini adalah contoh CSS Internal!
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 pada dokumen HTML tersebut dan letaknya di dalam
pasangan tag … sebagai berikut:
CSS Internal
CSS Internal
Ini adalah contoh CSS Internal!
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 serverside 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.
b.
c.
echo (“digunakan jika HTML editor tidak mengenal PHP”);
d.
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:
Dasar PHP
Berikut ini adalah cara penulisan sintaks PHP
// ini adalah komentar
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
$b
$c
$d
=
=
=
=
1234;
-1234;
0123;
0x12;
//desimal
//negatif
//octal
//hexadesimal
2. Floating point atau Double menyatakan tipe bilangan pecahan dan bilangan
pemangkatan. Contoh tipe data floating point:
$a = 1.234;
$b = 1.2e3;
//bentuk biasa
//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]
$kota[1]
$kota[3]
$hasil =
$music =
= “Yogyakarta”;
= “Jakarta”;
= “Bandung”;
array (70, 80, 75, 90);
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
Penjumlahan
Pengurangan
Perkalian
Pembagian
Sisa Pembagian
Penaikan
Penurunan
Prioritas
Ketiga
Ketiga
Kedua
Kedua
Kedua
Pertama
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.
digunakan adalah sebagai berikut:
Operator-operator
pembanding
yang
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. Operatoroperator yang digunakan adalah sebagai berikut:
Tabel 2.3. Daftar Operator Bitwise
Operator
&
||
^
~
>>
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
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
iv
HALAMAN PERSEMBAHAN
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
v
HALAMAN MOTTO
Jangan tunda hingga esok apa yang bisa kau kerjakan hari ini.
H idup itu pendek, m aka bergairahlah
Seorang juara ialah yang bangun ketika ia tak m am pu
Pikiran bukan sebuah bejana untuk diisi, m elainkan api untuk dinyalakan
K ehidupan yang m ati tersim pan dalam kenangan yang hidup
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
vi
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.
vii
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.
viii
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.
ix
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.
x
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
xi
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
xii
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
DAFTAR GAMBAR
Gambar
Keterangan
Halaman
2.1
Konsep dasar web browser dan web server
10
3.1
Use Case Diagram
27
3.2
Gambar Diagram Konteks
29
3.3
Gambar Bagan Berjenjang
30
3.4
Overview diagram level 0
31
3.5
Overview diagram level 1 proses 2
33
3.6
Overview diagram level 1 proses 3
34
3.7
Overview diagram level 1 proses 4
35
3.8
Overview diagram level 1 proses 6
35
3.9
DFD Gabungan
36
3.10
Gambar ER Diagram
38
3.11
Relasi Antar Tabel
38
3.12
Halaman Home User
40
3.13
Halaman Oleh-oleh
41
3.14
Halaman Daftar Anggota
41
3.15
Halaman Login Anggota
42
3.16
Halaman Buku Tamu
42
3.17
Halaman Home Toko
43
3.18
Halaman Login Admin
43
3.19
Halaman Home Admin
44
3.20
Halaman Ubah Password
44
4.1
Halaman Database oleh_oleh
47
4.2
Halaman Index
49
4.3
Halaman Oleh-oleh
52
4.4
Halaman daftar anggota
54
4.5
Halaman Simpan form daftar
56
4.6
Halaman Login anggota
57
4.7
Halaman Update oleh-oleh
59
xvi
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
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
xviii
BAB I
PENDAHULUAN
1.1
Latar Belakang
Di Yogyakarta banyak sekali terdapat toko yang menyediakan oleholeh 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.
1
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.
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.
6
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
Browser mengirim request
Server mengirimkan
dokumen yang diminta
(response)
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”
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 …. Informasi dalam file HTML dibagi menjadi dua bagian,
yaitu Header (tag …) yang digunakan untuk menyimpan informasi
administratif dan sebuah Body (tag …) yang digunakan untuk
meletakkan informasi-informasi yang akan ditampilkan.
Berikut ini merupakan struktur umum dokumen HTML:
< HT M L >
B a g i an H e a d
< BO D Y >
…Isi dokumen…
< /B O D Y >
< /H T M L >
2.3.2. Struktur Tag dan Atribut
Struktur tag HTML memiliki tiga bagian utama, yaitu:
< El e m e n t A t r i b u t = V a lu e >
a. Element
: nama tag HTML
b. Atribut
: atribut dari tag HTML yang digunakan
c. Value
: nilai dari atribut.
13
Sebagai contoh: < BO D Y
B G C O LO R = B l ue > .
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
nama_tag {
properti_1: nilai_1;
properti_n: nilai_n;
}
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 …. 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 . 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
CSS Internal
CSS Internal
Ini adalah contoh CSS Internal!
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 pada dokumen HTML tersebut dan letaknya di dalam
pasangan tag … sebagai berikut:
CSS Internal
CSS Internal
Ini adalah contoh CSS Internal!
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 serverside 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.
b.
c.
echo (“digunakan jika HTML editor tidak mengenal PHP”);
d.
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:
Dasar PHP
Berikut ini adalah cara penulisan sintaks PHP
// ini adalah komentar
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
$b
$c
$d
=
=
=
=
1234;
-1234;
0123;
0x12;
//desimal
//negatif
//octal
//hexadesimal
2. Floating point atau Double menyatakan tipe bilangan pecahan dan bilangan
pemangkatan. Contoh tipe data floating point:
$a = 1.234;
$b = 1.2e3;
//bentuk biasa
//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]
$kota[1]
$kota[3]
$hasil =
$music =
= “Yogyakarta”;
= “Jakarta”;
= “Bandung”;
array (70, 80, 75, 90);
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
Penjumlahan
Pengurangan
Perkalian
Pembagian
Sisa Pembagian
Penaikan
Penurunan
Prioritas
Ketiga
Ketiga
Kedua
Kedua
Kedua
Pertama
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.
digunakan adalah sebagai berikut:
Operator-operator
pembanding
yang
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. Operatoroperator yang digunakan adalah sebagai berikut:
Tabel 2.3. Daftar Operator Bitwise
Operator
&
||
^
~
>>