SISTEM INFORMASI PRODUK KAMERA DIGITAL BERBASIS WEB

  SISTEM INFORMASI PRODUK KAMERA DIGITAL BERBASIS WEB Skripsi Ditujukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Jurusan Teknik Informatika Oleh : Dwiandono Tanjung A NIM : 005314048 TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS SANATA DHARMA YOGYAKARTA 2007

WEB-BASED DIGITAL CAMERA PRODUCT

  

A Thesis

Presented as Partial Fulfillment of the Requirements

to Obtain the Sarjana Teknik Degree

in Informatics Engineering

  

By :

Dwiandono Tanjung A

NIM : 005314048

  

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

2007

  

PERNYATAAN

Dengan ini saya sebagai penulis tugas akhir menyatakan dengan

sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian

karya orang lain, kecuali pemikiran, metode atau hasil penelitian orang lain yang

diambil disebutkan dengan jelas sebagai acuan.

  Yogyakarta, September 2007 Dwiandono T. A Penulis

HALAMAN PERSEMBAHAN

  

“Segala perkara dapat kutanggung di dalam Dia

yang memberi kekuatan kepadaku”

Filipi 4 : 13

  

Tuhan tidak pernah berjanji

Langit akan selalu biru

Bunga bertaburan di seluruh jalan kehidupan kita

Tuhan tidak pernah berjanji

  

Jika ada matahari maka tidak ada hujan

Jika ada kesukaan maka tidak ada kecemasan

Ada kedamaian maka tidak ada kesakitan

Tetapi Tuhan menjanjikan kekuatan untuk tiap hari

  

Kelegaan bagi yang letih dan berbeban berat

Terang bagi yang berjalan dalam kegelapan

Anugerah bagi yang mendapat percobaan

Pertolongan dari Nya

  

Perhatian yang tak mengecewakan

Dan kasih yang tak pernah padam

Karya sederhana nan penuh perjuangan ini,

Kupersembahkan untuk :

  

Tuhan Yesus Kristus

Nothing imposible in You .

  

Mamah & Papah tercinta

atas segala pengorbanan dan kasihnya

yang menjadikanku lebih berarti.

  

Adik ku, Kristova

atas segala dukungannya.

Yang selalu di hatiku, Fida

yang telah Tuhan berikan untuk mewarnai hari-hariku.

Sahabat dan almamaterku…

v MOTTO : Dibelakangku ada kekuatan yang tak terbatas Didepanku ada kemungkinan tak berakhir Disekelilingku ada kesempatan yang tak terhitung bersamaNya aku belajar mencari selaksa makna Ketika aku tak yakin dan takut

Kusandarkan kerapuhanku dalam pelukkanNya

Kubiarkan tanganNya mendekapku Segalanya kan terjadi indah pada waktunya vi

  

ABSTRAK

Memilih kamera digital sebenarnya gampang-gampang susah terutama bagi

pengguna yang masuk dalam kategori pemula atau amatir, karena kamera digital

mempunyai jenis yang bermacam-macam dan fitur yang terkadang membuat kita

bingung untuk memilih yang sesuai dengan kebutuhan kita.

Sistem Informasi Produk Kamera Digital Berbasis Web ini ditujukan pada

konsumen atau pengguna kamera digital untuk memberikan informasi tentang

berbagai jenis dan spesifikasi kamera digital, serta membantu pencarian kamera

berdasarkan kriteria tertentu.

Dalam pembuatan Sistem Informasi ini digunakan beberapa perangkat lunak

pendukung yaitu Macromedia Dreamweaver sebagai editor HTML, sedangkan

untuk akses ke database menggunakan script PHP, dan media penyimpanan data

menggunakan MySQL.

  

ABSTRACT

For beginners or amateurs, choosing a digital camera that fits their needs is

relatively difficult. These days, digital cameras has many distinctive features and

types that sometimes makes us rather difficult in choosing those which are

appropriate with our needs.

  This digital camera product web-based information system is spesifically

designed for consumers or digital camera users to provide information about

various types and spesifications of digital cameras, as well as to help users to find

the camera according to certain criteria.

  In the development of this information system, Macromedia Dreamweaver

is used as the supporting softwares for HTML editor, while PHP scripting is used

for accessing the database and MySQL is used to store the back up data.

KATA PENGANTAR

  Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang telah

memberikan rahmat dan kasih karuniaNya sehingga penulis dapat menyelesaikan

skripsi ini, sebagai salah satu syarat untuk memperoleh gelar Sarjana Teknik pada

Program Studi Teknik Informatika, Fakultas Sains Dan Teknologi, Universitas Sanata

Dharma.

  Penulis mengucapkan terima kasih yang sebesar-besarnya kepada semua

pihak yang telah banyak membantu penulis dalam menyelesaikan skripsi ini, terutama

kepada :

  

1. Bapak Ir. Greg. Heliarko S.J.,S.S.,B.S.T.,M.Sc.,M.A., selaku dekan Fakultas

Sains Dan Teknologi, Universitas Sanata Dharma.

  

2. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku Ketua Jurusan Teknik

Informatika Universitas Sanata Dharma.

  

3. Ibu P.H. Prima Rosa, S.Si.,M.Sc., selaku dosen pembimbing skripsi dan sekaligus

selaku dosen penguji yang telah bersedia menguji dan telah meluangkan waktu untuk memberikan bimbingan dan motivasi sehingga skripsi ini menjadi lebih sempurna.

  

4. Ibu A. Rita Widiarti, S.Si.,M.Kom., selaku dosen penguji yang telah bersedia

menguji dan memberi saran sehingga skripsi ini menjadi lebih sempurna.

  

5. Bapak St. Wisnu Wijaya, S.T.,M.T., selaku dosen penguji yang telah bersedia menguji dan memberi saran sehingga skripsi ini menjadi lebih sempurna.

ix x

  

6. Bapak H. Agung Hernawan, S.T., selaku dosen penguji yang telah bersedia

menguji dan memberi saran sehingga skripsi ini menjadi lebih sempurna.

  

7. Karyawan di sekretariat Fakultas Sains Dan Teknologi, Universitas Sanata

Dharma.

  

8. Teman-temanku angkatan 2000 & 2001, teman-teman seperjuanganku, thanks

buat dukungan dan semangatnya.

  

9. Sahabat-sahabatku Agus, Yopi, Billy, Aseng, Gunadi, dan Beben, thanks untuk

persahabatan ini, kalian sangat berarti dalam hidupku. God bless you all!!

  

10. Teman-teman kost ku; Rommi, Zulfan, Bondan, Jayadi, Karim, Edo, Bona, Jaya,

Febri, Danang, Siska, Hilman, Dede dan semuanya, fire in the hall!!!

  11. Seluruh civitas akademik Universitas Sanata Dharma, Yogyakarta.

  

12. Dan seluruh pihak yang telah ikut ambil bagian dalam penyelesaian laporan tugas

akhir ini yang tidak dapat penulis sebutkan satu - persatu.

  Penulis menyadari bahwa skripsi ini mempunyai banyak kekurangan yang

harus diperbaiki. Untuk itu penulis sangat mengharapkan saran dan kritik yang

membangun sehingga skripsi ini dapat menjadi lebih baik.

  Yogyakarta, September 2007 Penulis

  

DAFTAR ISI

HALAMAN JUDUL ................................................................................................. i

HALAMAN PERSETUJUAN.................................................................................. ii

HALAMAN PENGESAHAN ................................................................................. iii

HALAMAN PERNYATAAN .................................................................................. iv

HALAMAN PERSEMBAHAN .............................................................................. v

HALAMAN MOTTO ............................................................................................... vi

ABSTRAK ............................................................................................................... vii

ABSTRACT

  .............................................................................................................. viii

KATA PENGANTAR ............................................................................................. ix

DAFTAR ISI ............................................................................................................ xi

DAFTAR GAMBAR .............................................................................................. xvi

DAFTAR TABEL................................................................................................. xviii

  

BAB I PENDAHULUAN ......................................................................................... 1

  1.1 Latar Belakang Masalah........................................................................ 1

  1.2 Rumusan Masalah ................................................................................. 2

  1.3 Tujuan Dan Manfaat Penelitian ............................................................ 2

  1.4 Batasan Masalah ................................................................................... 2

  1.5 Metodologi Penelitian ........................................................................... 3

  1.6 Sistematika Penulisan ........................................................................... 4

xi

  xii

  2.4 Mengenal MySQL............................................................................... 15

  2.9.1 Context Diagram ..................................................................... 24

  2.9 Data Flow Diagram (DFD) ................................................................. 24

  2.8 Use Case Diagram............................................................................... 22

  2.7 Bagan Alir Sistem ............................................................................... 21

  2.6 Diagram Arus Data ............................................................................. 20

  2.5.2 Bentuk-Bentuk Normalisasi .................................................... 19

  2.5.1 Merancang Model Konseptual Basis Data.............................. 18

  2.5 Basis Data ........................................................................................... 17

  2.3.2 Cara Kerja PHP ......................................................................... 15

  

BAB II LANDASAN TEORI .................................................................................. 6

  2.3.1 Kelebihan PHP ......................................................................... 14

  2.3 Mengenal PHP .................................................................................... 12

  2.2.2.1 Perintah-Perintah HTML .............................................. 10

  2.2.2 Tag-Tag Dalam File HTML ...................................................... 10

  2.2.1 Cara Kerja HTML ........................................................................ 9

  2.2 Mengenal Bahasa HTML...................................................................... 8

  2.1.1 Sejarah World Wide Web ............................................................ 6

  2.1 Pengertian Web atau Situs .................................................................... 6

  2.9.2 DFD Leveled........................................................................... 24

  xiii

  2.10 Entity Relationship Diagram............................................................. 25

  2.10.1 Komponen ERD ....................................................................... 25

  2.10.2 Kardinalitas Relasi ................................................................... 26

  

BAB III ANALISA DAN PERANCANGAN SISTEM......................................... 27

  3.1 Analisa Sistem..................................................................................... 27

  3.1.1 Analisa Kebutuhan .................................................................. 27

  3.1.2 Studi Kelayakan ...................................................................... 28

  3.2 Analisis Sumber Daya......................................................................... 28

  3.3 Perancangan Umum ............................................................................ 29

  3.3.1 Diagram Use Case................................................................... 30

  3.3.2 Diagram Alir Data (DAD) ...................................................... 30

  3.3.3 Diagram Konteks (Context Diagram)..................................... 31

  3.3.4 Diagram Berjenjang ................................................................ 32

  3.3.5 DAD Level 0 ........................................................................... 32

  3.3.6 DAD Level 1 ........................................................................... 33

  3.4 Perancangan Sistem ............................................................................ 34

  3.4.1 Perancangan Database................................................................ 34

  3.4.1.1 E-R Diagram ................................................................. 34

  3.4.1.2 Relasi Antar Tabel ........................................................ 34

  3.4.1.3 Perancangan Tabel Basis Data ...................................... 35

  3.4.2 Perancangan Antarmuka ............................................................ 36

  3.4.2.1 Antarmuka Administrator ............................................. 36

  3.4.2.2 Antarmuka User ............................................................ 40

  xiv

  

BAB IV IMPLEMENTASI SISTEM ..................................................................... 41

  4.1 Koneksi Basis Data ............................................................................. 41

  

4.2 Implementasi Sistem Untuk Administrator......................................... 42

  4.2.1 Verifikasi Password ................................................................... 42

  4.2.2 Halaman Administrator.............................................................. 44

  4.2.3 Halaman Untuk Menambah Data Kamera ................................. 46

  4.2.4 Halaman Untuk Update Data Kamera........................................ 48

  4.2.5 Halaman Untuk Menghapus Data Kamera ................................ 51

  4.2.6 Halaman Untuk Menambah Data Keterangan Kamera.............. 51

  4.2.7 Halaman Untuk Update Data Keterangan Kamera .................... 53

  4.2.8 Halaman Untuk Menghapus Data Keterangan Kamera ............. 54

  4.2.9 Halaman Untuk Menghapus Data Spesifikasi Kamera.............. 54

  4.2.10 Halaman Untuk Update Data Spesifikasi Kamera ................... 56

  4.2.11 Halaman Untuk Menghapus Data Spesifikasi Kamera............ 58

  

4.3 Implementasi Sistem Untuk Pengguna ................................................ 58

  4.3.1 Menu Daftar Kamera.................................................................. 59

  4.3.2 Menu Pencarian Kamera ............................................................ 61

  

BAB V ANALISIS HASIL..................................................................................... 62

  5.1 Analisis Hasil Implementasi Program................................................. 62

  5.1.1 Analisis Hasil Aplikasi Pendukung (PHP & MySQL) ............. 62

  5.12 Analisis Hasil Proses Pencarian Kamera .................................. 62

  

5.2 Analisisi Kelebihan Dan Kelemahan Sistem ...................................... 63

  xv

  

BAB VI PENUTUP................................. ............................................................... 64

  6.1 Kesimpulan......................................................................................... 64

  6.2 Saran............................. ..................................................................... 64

DAFTAR PUSTAKA ............................................................................................. 65

LAMPIRAN

  

DAFTAR GAMBAR

Halaman

Gambar 2.1 Struktur Pembacaan Web Server ..................................................... 15Gambar 2.2 Use Case Diagram............................................................................ 23Gambar 3.1 Use Case Diagram Sistem................................................................ 30Gambar 3.2 Diagram Konteks ............................................................................. 31Gambar 3.3 Diagram Berjenjang ......................................................................... 32Gambar 3.4 DAD Level 0 .................................................................................... 32Gambar 3.5 DAD Level 1 .................................................................................... 33Gambar 3.6 E-R Diagram .................................................................................... 34Gambar 3.7 Relasi Antar Tabel............................................................................ 34Gambar 3.8 Form Login Admin .......................................................................... 37Gambar 3.9 Form Menu Utama Untuk Admin .................................................... 37Gambar 3.10 Form Tambah Data .......................................................................... 38Gambar 3.11 Form Edit Data................................................................................. 38Gambar 3.12 Form Spesifikasi .............................................................................. 39Gambar 3.13 Form Memiliki ................................................................................. 39Gambar 3.15 Form Menu Utama User............................. ..................................... 40Gambar 4.1 Antarmuka Login Untuk Administrator........................................... 42Gambar 4.2 Antarmuka Halaman Administrator................................................. 45Gambar 4.3 Antarmuka Halaman Tambah Data Kamera .................................... 47Gambar 4.4 Antarmuka Halaman Update Data Kamera...................................... 49 xvi

  xvii

Gambar 4.5 Antarmuka Halaman Tambah Data Keterangan Kamera................. 52Gambar 4.6 Antarmuka Halaman Update Data Keterangan Kamera .................. 53Gambar 4.7 Antarmuka Halaman Tambah Spesifikasi........................................ 55Gambar 4.8 Antarmuka Halaman Update Spesifikasi ........................................ 57Gambar 4.9 Antarmuka Halaman Pengguna ....................................................... 59Gambar 4.10 Antarmuka Daftar Kamera Untuk Pengguna ................................... 60Gambar 4.11 Antarmuka Detail Kamera Untuk Pengguna.................................... 60Gambar 4.12 Antarmuka Pencarian Untuk Pengguna ........................................... 61

  

DAFTAR TABEL

Tabel 2.1 Komponen Diagram Arus Data................................. ............................. 21Tabel 2.2 Komponen Bagan Alir Sistem................................ ................................ 22Tabel 3.1 Tabel Admin................................. .......................................................... 35Tabel 3.4 Tabel Kamera.......................................................................................... 35Tabel 3.5 Tabel Spesifikasi ..................................................................................... 36Tabel 3.6 Tabel Memiliki........................................................................................ 36

  

xviii

BAB I PENDAHULUAN

1.1 LATAR BELAKANG MASALAH

  Teknologi internet yang semakin hari semakin berkembang dengan pesat,

dengan berbagai fasilitas dan kemudahan telah dimanfaatkan hampir oleh semua

orang, sehingga seolah-olah internet telah menjadi bagian kehidupan masyarakat

yang tak terpisahkan. Berbagai informasi yang disajikan seperti berita terkini, olah

raga, ilmu pengetahuan, kurs, cuaca, e-mail, hiburan, dan masih banyak lainnya

telah memanjakan masyarakat pengguna internet. Sehingga pada akhirnya,

kebutuhan terhadap akses internet akan menjadi menu pokok dalam keseharian.

  Di Indonesia sendiri, teknologi internet ini sudah banyak dipergunakan

seperti di perusahaan-perusahaan swasta maupun pemerintah yang digunakan

untuk berbisnis maupun hanya untuk hiburan saja. Produk kamera digital adalah

salah satu di antara sekian banyak produk yang banyak ditawarkan dalam

beberapa situs di internet. Tetapi pada setiap kali ingin membeli kamera digital,

konsumen pasti akan dihadapkan pada persoalan yang sama yaitu menentukan

pilihan dari sekian banyak pilihan kamera digital yang telah beredar di pasaran.

Memilih kamera digital sebenarnya gampang-gampang susah terutama bagi

pengguna yang masuk dalam kategori pemula atau amatir, karena kamera digital

mempunyai berbagai jenis yang bermacam-macam dan fitur seperti harga,

spesifikasi dan teknologi yang menyertai produk tersebut.

  2 Fitur-fitur tersebut yang terkadang membuat konsumen bingung untuk memilih

yang sesuai dengan kebutuhannya. Berdasarkan permasalahan tersebut, maka

pada karya tulis ini akan dirancang suatu Sistem Informasi Produk Kamera Digital

Berbasis Web yang dapat dipergunakan untuk mencari berbagai jenis kamera

digital yang telah beredar di pasaran.

  1.2 RUMUSAN MASALAH Berdasarkan kondisi yang disebutkan pada subbab latar belakang di atas,

maka pada tugas akhir ini, permasalahan yang akan menjadi fokus utama penulis

adalah bagaimana merancang dan membuat sistem informasi yang tepat dalam

pencarian produk kamera digital sebelum membelinya di pasaran.

  1.3 TUJUAN DAN MANFAAT PENELITIAN Tujuan dan manfaat yang ingin di capai adalah :

  

1. Membangun sistem informasi dengan mengunakan teknologi Web untuk

membantu konsumen dalam pencarian produk kamera digital.

  2. Membantu suatu perusahaan tertentu untuk mempromosikan produk

kamera digital tersebut di pasaran, khususnya melalui media internet.

1.4 BATASAN MASALAH

  Setelah mengamati dan mempelajari serta mengingat luasnya

permasalahan yang dapat ditemukan pada perancangan sistem ini, maka batasan

masalah yang digunakan dalam tugas akhir ini adalah:

  3

  1. Penelitian ini tidak membahas masalah keamanan (security) yang ada dalam sistem.

  2. Pada Sistem Informasi ini penulis hanya memfokuskan pada pelayanan informasi tentang kamera digital di mana pencarian informasi tersebut berdasarkan jenis, spesifikasi, dan harga.

  3. Sistem informasi ini tidak melayani pemesanan secara online.

1.5 METODOLOGI PENELITIAN

  Metodologi yang digunakan dalam penyusunan tugas akhir ini sebagai berikut:

  1. Pengumpulan data Tahap ini dilakukan untuk mengumpulkan data-data yang terkait, yaitu dengan mempelajari referensi-referensi yang berhubungan dengan data- data produk kamera digital, khususnya yang sedang berkembang di pasaran Indonesia pada saat ini.

  2. Pengembangan perangkat lunak Tahapan ini dilakukan untuk membuat aplikasi yang disusun berdasarkan data-data yang telah di peroleh, meliputi :

  a. Analisis Data Analisis ini dilakukan untuk mengolah data yang sudah diperoleh dan

mengelompokan data sesuai dengan kebutuhan perancangan.

  b. Desain Sistem Tahap ini merupakan tahap penerjemah data yang telah dianalisis ke

dalam bentuk yang mudah di mengerti oleh pemakai (user).

  4 c. Pengkodean Tahap ini dilakukan sebagai pemecah masalah yang telah dirancang ke dalam bahasa pemrograman komputer yang telah ditentukan sebelumnya.

  d. Pengujian Sistem Tahap ini dilakukan untuk menguji sistem yang telah selesai dibuat, dengan menguji pada kondisi-kondisi yang berbeda untuk menciptakan suatu aplikasi yang interaktif sesuai dengan kebutuhan pengguna (user).

1.6 SISTEMATIKA PENULISAN

  Untuk memenuhi persyaratan suatu karya tulis skripsi maka perlu disusun

dengan kerangka kerja secara sistematis agar dapat memberikan kemudahan di

dalam mewujudkan penulisan karya tulis yang baik. Adapun sistematika dari

penulisan karya tulis ini dengan perincian pembahasan adalah sebagai berikut :

  BAB I : Pendahuluan Bab ini berisi latar belakang masalah, batasan masalah, tujuan dan manfaat penelitian, rumusan masalah, metodologi penelitian dan sistematika penulisan.

BAB II : Landasan Teori Bab ini berisi teori-teori tentang Web, HTML, konsep pemrograman PHP, konsep basis data, DAD, bagan alir sistem, dan database MySQL.

  5

  BAB III : Analisa dan Perancangan Sistem Bab ini berisi analisa terhadap sistem serta perancangan Sistem Informasi Pencarian Produk Kamera Digital yang akan dibangun. Pada

  bab ini juga berisi diagram alir sistem, software dan hardware yang digunakan, tabel DAD, perancangan tabel basis data berikut relasi

antar tabel, perancangan masukan dan perancangan keluaran..

  BAB IV : Implementasi Sistem Bab ini berisi penjelasan langkah-langkah pembuatan program, yaitu bagan alir program dan cara kerja program serta analisa hasil program, berupa contoh-contoh pemakaiannya.

  BAB V : Analisis Hasil Bab ini berisi tentang analisis dari hasil implementasi sistem dan analisa dari penerapan sistem tersebut. BAB VI : Penutup Bab ini berisi kesimpulan dari perancangan sistem yang telah dilakukan dan saran-saran demi pengembangan sistem selanjutnya.

BAB II LANDASAN TEORI

2.1 Pengertian Web atau Situs

  Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan

untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari

semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu

rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan

dengan link-link.

2.1.1 Sejarah World Wide Web

  Sejarah Web bermula di European Laboratory for Particle Physics

(CERN), di kote Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan

suatu organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989,

TIM Berners dan peneliti lainnya dari CERN mengusulkan suatu protocol system

distribusi informasi di Internet yang memungkinkan para anggotanya yang

tersebar di seluruh dunia dapat saling membagi informasi dan bahkan untuk

menampilkan informasi tersebut dalam bentuk grafik.

  Web browser pertama di buat dengan berbasiskan pada teks. Untuk

menyatakan suatu link, di buat sebarisan nomor yang mirip dengan suatu nomor

untuk melakukan navigasi di dalam Web. Kebanyakan software tesebut di buat

untuk computer-komputer yang menggunakan Sistem Operasi UNIX, dan belum

  7

banyak yang bisa dilakukan oleh pemakai komputer saat itu yang telah

menggunakan Windows. Tetapi semua ini berubah setelah munculnya browser

Mosaic dari National Center for Supercomputing Applications (NCSA).

  Di bulan Mei 1993, Marc Andressen dan beberapa murid dari NCSA

membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan

yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik

perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian

NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis

UNIX, NeXT, Windows dan Macintosh.

  Pada tahun 1994, Marc Andressen meninggalkan NCSA, dan kemudian

bersama Jim Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape

versi pertama. Kehadiran Netscape ini menggantikan kepopuleran Mosaic sebagai

Web browser dan bahkan sampai saat ini Netscape merupakan browser yang

banyak digunakan setelah Internet Explorer dari Microsoft. Pada tahun yang sama

  

CERN dan MIT mendirikan suatu konsorsium yang dinamakan World Wide Web

Consorium (W3C) yang bertugas untuk membangun standar bagi teknologi Web.

  Pada awal perkembangannya, sewaktu browser masih berbasiskan teks

hanya terdapat sekitar 50 Web site. Di akhir tahun 1995 jumlah ini telah

berkembang mencapai sekitar 300.000 Web site. Dan perkiraan sekarang ini

jumlah pemakai Web telah mencapai sekitar 30-an juta pemakai diseluruh dunia.

  8

2.2 Mengenal Bahasa HTML

  Hypertext Markup Language ( HTML ) adalah suatu sistem penulisan

perintah dan formatting hypertext sederhana yang di tulis ke dalam dokumen teks

ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata

lain, dokumen yang di buat dalam aplikasi pengolah kata dan di simpan ke dalam

format ASCII normal sehingga menjadi homepage dengan tambahan perintah-

perintah HTML. Dokumen HTML di sebut markup language karena mengandung

tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan

tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan

menggunakan perintah-perintah HTML memungkinkan user untuk melakukan

fungsi-fungsi berikut ini :

  1. Menentukan ukuran dan alur teks

  2. Mengintegrasikan gambar dengan teks ( in-line )

  3. Membuat links

  4. Mengintegrasikan file audio dan video

  5. Membuat form interaktif HTML lebih menekankan pada penggambaran komponen-komponen,

struktur dan formatting di dalam halaman Web daripada menentukan

penampilannya. Sedangkan Web browser digunakan untuk menginterpretasikan

perintah-perintah HTML yang disisipkan ke dalam teks dan menampilkan

susunan halaman ke style built-in browser dengan menggunakan font, tab, warna,

garis, dan perataan teks yang dikehendaki ke komputer yang menampilkan

halaman Web.

  9 Struktur penulisan pemrograman HTML yang baik pada dokumen HTML

adalah penulisan Tag-Tag yang ditempatkan pada dokumen yang terbagi ke dalam

area deskriptif dan fungsional.

  Perintah-perintah HTML biasa di sebut dengan Tag. Tag merupakan cara

untuk memodifikasi dokumen teks normal yang akan ditampilkan di dalam Web

browser . Tag HTML ditulis ke dalam dokumen ASCII dan menyediakan

instruksi-instruksi ke browser yang berhubungan dengan formatting halaman,

termasuk yang di luar tag, seperti gambar, audio, dan video. Tag HTML selalu

dimunculkan sebagai suatu kata atau frase yang ditempatkan diantara tanda

kurung sudut ( < > ). Isi dari tanda kurung sudut adalah perintah HTML itu

sendiri. Struktur dokumen HTML terdiri dari:

  a. baris yang berisi informasi versi HTML yang digunakan

  b. deklarasi bagian header dengan elemen body

  c. deklarasi bagian body dengan elemen body atau frameset

2.2.1 Cara Kerja HTML

  Cara kerja HTML diawali dengan permintaan suatu halaman Web oleh browser.

  Berdasarkan URL (Uniform Resouce Locator) atau dikenal dengan

alamat Internet, browser mendapatkan alamat dari Web server, mengidentifikasi

halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan

oleh Web server.

  Kemudian Web server akan mencarikan berkas yang diminta dan

memberikan isinya ke browser. Browser yang mendapatkan isinya segera

  10

melakukan proses penerjemahan kode HTML dan menampilkannya ke layar

pemakai.

2.2.2 Tag-Tag dalam file HTML

2.2.2.1 Perintah-perintah HTML

  Berikut ini adalah beberapa contoh perintah-perintah yang digunakan dalam file HTML, yaitu: < HTML >

Tag ini merupakan inisialisasi file HTML. Setiap akan membuat Web harus

diakhiri dengan tag < HTML >. Untuk membedakan tag awal dan tag akhir,

digunakan karakter slash ( / ) pada tag akhir, dan ditempatkan sebelum nama tag.

  Misalnya < / HTML > < HEAD >

Tag ini merupakan pembuka dari dokumen HTML yang berisi informasi yang

menjelaskan dokumen HTML < TITLE >

Tag ini bukan merupakan bagian dari teks dokumen dan tidak boleh mengandung

tag lain. Tag ini sebagai label untuk jendela dari browser

  < BODY >

Tag ini memiliki atribut bgcolor (untuk menentukan warna background), text

(untuk menentukan warna teks), size (untuk menentukan ukuran huruf).

  <ADDRESS > Tag ini untuk memberikan informasi pembuat situs Web dan menampilkan alamat

  11 < UL >

Tag ini digunakan untuk membuat list dengan bulletizing. Di dalam tag "UL" diisi

dengan tag "LI", ditulis sebanyak list yang dibutuhkan. UL memiliki atribut tipe

yaitu :

• circle ( berbentuk lingkaran )
• disc ( berbentuk bulatan penuh )
• square ( berbentuk kotak )

  < OL >

Tag ini digunakan untuk membuat list dengan menggunakan nomor / bukan

bullet . Di dalam tag "OL" di isi dengan tag "LI", di tulis sebanyak list yang

dibutuhkan. OL memiliki atribut tipe yang terdiri dari:

• a ( urutan secar alfabet dengan huruf kecil )
• i ( urutan secara i, ii, dan seterusnya )
• A ( urutan secar alfabet dengan huruf kapital )

  < HR > Tag untuk membuat garis horizontal, HR memiliki atribut :

• align : untuk perataan ( left / center / right )
• width : untuk menentukan ukuran tebal tipisnya garis
• noshade : untuk menghilangkan bayangan abu-abu dibawah garis
• color : untuk menentukan warna garis

  12 < ACRONYM > Tag ini untuk menuliskan akronim < IMG SRC > Tag ini untuk menyisipkan gambar < H1 > Tag ini adalah heading. Mulai dari h1 sampai dengan h6 < FONT COLOR > Tag ini adalah tag untuk menentukan warna tulisan

  < FONT SIZE > Tag ini adalah tag untuk menentukan ukuran huruf < FONT FACE >

Tag ini adalah tag untuk menentukan jenis huruf yang dipilih

< P >

Tag ini sebagai awal suatu paragraf. Tag ini mempunyai atribut align, seperti

"left" yang membuat paragraf menjadi rata kiri, "right" yang membuat paragraf

menjadi rata kanan dan "center" membuat paragraf menjadi berada di tengah

2.3 Mengenal PHP

  PHP di kenal sebagai sebuah bahasa script yang menyatu dengan tag-tag HTML, dieksekusi di dalam server, dan digunakan untuk membuat halaman Web yang dinamis seperti halnya Active Server Pages (ASP) atau Java Server Page (JSP).

  13 Selain itu PHP juga adalah sebuah bahasa script server-side yang bisa

digunakan dengan bahasa HTML atau dokumennya secara bersamaan untuk

membangun sebuah aplikasi di Web yang sangat banyak kegunaannya. PHP ini

mirip dengan bahasa C dan PERL yang mempunyai banyak kesederhanaan dalam

pemrosesan perintah dan sangat kompatibel digunakan dengan aplikasi database

yang ada. Karena memang PHP berasal dari bahasa C dan PERL. Versi pertama

PHP dibuat pada tahun 1995, kemudian pada tahun 1996 diluncurkan versi

keduanya yang diberi nama PHP/F1, pada pertengahan tahun 1997 versi ketiga di

rilis. Barulah pada bulan oktober tahun 2000 versi terakhir PHP 4.0 diluncurkan,

Banyak penyempurnaan yang telah dilakukan pada versi ini yaitu : integrasi Zend

Engine , Build in HTTP Session, dan tidak lagi menggunakan library tambahan

(Kadir, 2002).

  Adapun database yang didukung PHP saat ini antara lain:

1. dBASE ( dBASE III+, Visual dBASE, Visual FoxPro, dan semacamnya ),

  2. DBM,

  3. FilePro ( Personix, Inc ),

  4. Informix,

  5. Ingres,

  6. Interbase,

  7. Microsof Access,

  8. MSQL,

  9. MySQL,

  10. Oracle,

  14

11. Postgre SQL, 12. Sybase.

  Selain mampu membangun komunikasi ke database, PHP juga

mendukung komunikasi dengan layanan lain melalui protokol IMAP, SNMP,

NNTP, POP3, atau bahkan HTTP.

2.3.1 Kelebihan PHP Beberapa kelebihan lain dari PHP adalah sifatnya shareware (gratis).

  

Tidak perlu membayar apapun untuk menggunakan perangkat lunak ini.

Perangkat lunak ini dapat di download mmudian

walaupun masih tergolong program baru, tetapi PHP sudah banyak melalui

pembaruan lewat versi-versi terbarunya.

  PHP memiliki life cycle yang singkat, sehingga PHP selalu up to date mengikuti perkembangan teknologi inteternet.

  PHP dapat di pakai hampir oleh semua Web server yang ada di pasaran

(misalnya Apace, Xitami, AOLServer, fhttpd, phttd, Microsoft IIS, dan lain-lain)

yang dijalankan pada berbagai Sistem Operasi seperti Linux, FreeBSD, Unix,

Solaris, dan Windows.

  PHP telah banyak di dukung oleh paket database baik yang komersil

maupun yang nonkomersil seperti postgreQSL, mSQL, MySQL, Oracle, Infomix,

Microsoft SQL Server, dan lain-lain (Kadir, 2002).

  15

2.3.2 Cara Kerja PHP

  Pada dasarnya prisip kerja PHP hampir sama dengan prinsip kerja kode

HTML. Hanya saja, ketika berkas PHP yang di minta didapatkan oleh Web server,

isinya segera di kirim ke mesin PHP dan mesin inilah yang memproses dan

memberikan hasilnya (berupa kode HTML) ke Web server. Kemudian Web server

menyampaikan ke klien. Proses eksekusi kode PHP yang disisipkan pada halaman

HTML secara diagram dapat digambarkan sebagai berikut (Nugroho, 2004) :

  

.php doc

PHP engine

  3 php

  2

  4

  1

  5

  6

client web server HTML format

Gambar 2.1 Struktur pembacaan Web server

2.4 Mengenal MySQL

  MySQL adalah salah satu jenis database server yang sangat terkenal

buatan T.c.X Data konsul AB, Swedia. Kepopulerannya disebabkan MySQL

menggunakan SQL sebagai bahasa dasar untuk mengakses database-nya.

  

Database server ini sedikit unik, karena bila digunakan di software non

  16 Microsoft, MySQL adalah gratis, untuk memperoleh software ini bisa di

download pada alamat Dan bila digunakan di Microsoft

Windows, sifatnya adalah shareware.

  MySQL termasuk jenis RDBMS (Relational Database Management

Sistem ). Itulah sebabnya istilah seperti tabel, baris, dan kolom digunakan pada

MySQL. Pada MySQL, sebuah database mengandung satu atau lebih tabel. Suatu

tabel terdiri dari sejumlah baris dan setiap baris mengandung satu atau lebih

kolom. Dengan utilitas yang terbatas pada MySQL, mungkin para DBA yang

terbisaa dengan SQL server akan merasa kesulitan dengan MySQL, karena

banyak kemampuan yang dibuang di MySQL. Di sisi lain, MySQL ini menjadi

lebih mudah dipelajari.

  MySQL di rancang untuk dapat berjalan sampai 100 akses secara

simultan, selain itu MySQL juga di rancang untuk dapat berjalan cepat. Oleh

karena itu MySQL menghilangkan kemampuan seperti transectional processing.