Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
DAFTAR ISI
Halaman Persetujuan
ii Pernyataan
iii Penghargaan
iv Abstrak
vii Daftar Isi
viii Daftar Tabel
xi Daftar Gambar
xii BAB 1 PENDAHULUAN
1 1.1 Latar Belakang
1 1.2 Identifikasi Masalah
3 1.3 Rumusan Masalah
3 1.4 Ruang Lingkup Maasalah
4 1.5 Maksud dan Tujuan Penelitian
4 1.6 Metodologi Penelitian
5 1.7 Tinjauan Pustaka
6 1.8 Sistematika Penulisan
7 BAB 2 LANDASAN TEORI
9 2.1 Pengertian Komputer
9 2.2 Pengertian internet
10 2.3 Pengenalan Web
11 2.3.1 Browser Web
12 2.3.2 Server Web
13 2.3.3 World Wide Web WWW
13 2.3.4 Website Dinamis dan Statis
14
2.3.5 Client Side dan Server Side 15
2.3.6 Hypertext Transfer Protokol HTTP 16
2.4 Hypertext Markup Language HTML 16
2.4.1 Tag-Tag HTML 17
2.4.2 Struktur Dokumen HTML 18
2.5 Penenalan Personal Home Page PHP 20
2.5.1 Sejarah PHP 21
2.5.2 Konsep Dasar PHP 22
2.5.3 Keistimewaan PHP 24
2.6 Pengenalan MySQL 25
2.6.1 Sejarah MySQL 25
2.7 CSS Cascading Style Sheet 26
2.8 Penenalan Macromedia Dreamweaver 8 27
BAB 3 GAMBARAN PERUSAHAAN
29
3.1 Sejarah PT. PLN Persero Udiklat Tuntungan 29
3.2 Makna Logo Perusahaan 29
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
BAB 4 PERANCANGAN SISTEM 31
4.1 Perancangan Sistem 31
4.1.1 Perencanaan, Perancangan dan tujuan 31
4.1.2 Memilih dan mempersiapkan tool 32
4.1.3 Mendesain Web 33
4.1.4 Mempersiapkan Database Server Struktur Tabel Berita 33
4.2 Flowchart Struktur Tabel Fasilitas 37
4.3 Mendesain LayoutTemplate Struktur Tabel Jadwal 38
BAB 5 IMPLEMENTASI SISTEM 42
5.1 Pengertian Implementasi Sistem 42
5.2 Tujuan Implementasi Sistem 42
5.3 Komponen Utama dalam Implementasi Sistem 43
5.4 Spesifikasi program 45
5.5 Instalasi Apache, PHP dan Mysql 46
5.6 Pengujian di Browser 49
5.7 Tampilan Halaman Website 51
5.8 Melakukan Upload File dan Database 54
5.9 Mempromosikan situs 56
BAB 6 KESIMPULAN DAN SARAN 57
6.1 Kesimpulan 57
6.2 Saran 57
Daftar Pustaka 58
LAMPIRAN
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
DAFTAR TABEL
Halaman Tabel 4.2.1 Struktur Tabel Admin
35 Tabel 4.2.2 Struktur Tabel Berita
35 Tabel 4.2.3 Struktur Tabel Produk
35 Tabel 4.2.4 Struktur Tabel Pemesanan
36 Tabel 4.2.5 Struktur Tabel Komentar
37
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
DAFTAR GAMBAR
Halaman
Gambar 3.2
Logo Perusahaan
30 Gambar 4.3 Flowchart rancangan aplikasi web situs
38 Gambar 4.4.1 Tampilan Adobe Photoshop CS2
39 Gambar 4.4.2 Layout Aplikasi Web yang dibentuk dengan Photoshop
40 Gambar 4.4.3 Tampilan Macromedia Dreamweaver 8
41 Gambar 5.5.1 Memilih komponen saat instalasi apache2triad
47 Gambar 5.5.2 Text lisensi pada apache2triad
47 Gambar 5.5.3 Lokasi Instalasi
48 Gambar 5.5.4 Pilihan Instalasi
48 Gambar 5.5.5 Proses Instalasi
49 Gambar 5.5.6 Setup selesai
49 Gambar 5.8 Peletakan Folder Berisi File-File Web Dalam Folder htdocs
50 Gambar 5.7.1 Halaman Index
51 Gambar 5.7.2 Halaman News
51 Gambar 5.7.3 Halaman Produk
52 Gambar 5.7.4 Halaman Profil
52 Gambar 5.7.5 Halaman Contact Us
53 Gambar 5.15 Halaman Admin
53 Gambar 5.14 Halaman Pemesanan
54
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkembangan dunia informasi dan komunikasi saat ini di internet sudah semakin pesat. Perkembangan yang demikian tersebut didukung oleh tersedianya perangkat
keras hardware dan perangkat lunak software yang semakin hari semakin hebat kemampuannya. Hampir setiap saat produsen perangkat teknologi komputer atau
telekomunikasi memperkenalkan teknologi terbaru. Perubahan yang terjadi pada komputer baik pada hadrware, software maupun peripheralnya memaksa kita untuk
selalu mengikutinya. Kondisi ini terjadi karna tuntutan dari para pemakai yang menghendaki agar berbagai teknologi yang baru dapat meng-up date teknologi
sebelumnya, sehingga tercapai tujuan peningkatan efisiensi dan efektifitas kerja. Semua perangkat yang dibutuhkan untuk mempermudah setiap pekerjaan hal inilah
yang selalu menjadi perhatian perusahaan-perusahaan pembuat software dan hardware.
Hingga saat ini teknologi informasi sudah merambah keseluruh kalangan masyarakat luas mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi,
dan lembaga atau organisasi lainnya telah banyak memanfaat aplikasi web dalam kegiatan penjualan, promosi, belajar dan kegiatan lainnya dimana dibutuhkan
pengiriman, penyebaran dan penerimaan informasi sehingga memberikan kemudahan bagi pengguna user yang membutuhkan. Informasi yang disajikan di dunia internet
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
sudah sangat global dan diusahakan on time sehingga waktu update suatu informasi sangatlah cepat. Aplikasi web pada mulanya hanya berupa situs web yang bersifat
statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat
dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain.
Berbagai macam teknologi internet yang bisa kita gunakan, salah satunya adalah World Wide Web atau yang biasa kita kenal dengan Web yang mampu
menyediakan infornasi dalam bentuk teks, gambar, suara maupun gambar bergerak animasi .
Sekilas dari uraian di atas, penjualan barang dagangan dengan menggunakan layanan internet memiliki peluang pasar yang besar. Dengan pertimbangan hal
tersebut maka penulis tertarik untuk membuat suatu implementasi web perusahaan konsultan dengan judul : “IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN
MYSQL DI CV. WIDYA TAMARA MEDAN ”.
1.2 Identifikasi Masalah
Masalah yang akan dipecahkan adalah Implementasi Web Berbasis PHP dan MySQL di CV. WIDYA TAMARA Medan dapat memanfaatkan aplikasi web dan website
sebagai suatu sarana untuk menyelesaikan proses kerja serta menyajikan informasi
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
dengan lebih cepat dan mudah bagi masyarakat umum dan kalangan instansi tersebut.
1.3 Rumusan Masalah
Permasalahan yang dihadapi dalam penelitian ini adalah bagaimana cara membuat suatu implementasi website di CV. WIDYA TAMARA Medan sehingga dapat
menjadi lebih baik dan propfesional dalam pemberian informasi yang baik kepada masyarakat luas.
Adapun dirumuskan permasalahan sebagai berikut :
Penyajian informasi perkuliahan dan fasilitas yang ada di instansi ini dapat disampaikan dengan baik.
Langkah-langkah yang dilakukan agar aplikasi web dapat diakses oleh user
pengguna dengan cepat dan mudah.
Ide-ide apa yang akan diterapkan sehingga membuat tampilan web banyak diminati userpengguna.
Informasi pada aplikasi web dapat di-update diperbaharui dengan mudah pada
waktu yang diinginkan.
1.4 Ruang Lingkup Masalah
Agar permasalah yang akan dibahas lebih terfokus, tidak meluas dan tidak menyimpang, penulis membatasi permasalahan yang akan dibahas. Adapun beberapa
hal yang akan dibahas dan dijabarkan, yaitu:
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
I. Data produk yang tersedia
II. Cara pembelian sebuah produk secara on-line III.
Cara pembayaran produk untuk pembelian sebuah produk secara on-line
1.5 Maksud Dan Tujuan Penelitian
Adapun maksud dilakukannya penelitian ini adalah untuk merancang suatu aplikasi web dinmis yang dimanfaatkan untuk menyebarkan informasi tentang penjualan
sepeda motor dengan cepat dan mudah diterima oleh masyarakat luas.
Adapun yang menjadi tujuan penulis melakukan penelitian adalah : 1. sebagai salah satu syarat untuk menyelesaikan Program Study Diploma III
Ilmu Komputer. 2. Membantu masyarakat dalam menemukan informasi yang up to date tentang
produk-produk sepeda motor yang beredar di pasaran. 3. Untuk menunjukkan penggunaan dari PHP dan MySQL dalam membangun
suatu aplikasi web dinamis serta hubungannya dengan bahasa pemrograman web dan aplikasi lainnya.
4. Mempermudah kinerja di CV. WIDYA TAMARA Medan dalam menyebarkan dan menyediakan informasi bagi userpengguna yang
membutuhkan.
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
1.6 Metodologi Penelitian
Adapun Metodologi penelitian yang dilalakukan penulis adalah: 1.
Penelitian Kepustakaan Library Research Disini penulis memanfaatkan buku-buku yang berhubungan dengan masalah
aplikasi web sehingga dapat membantu penyelesaian masalah dalam perancangan situs yang benar, serta mendukung Tugas Akhir ini untuk
menyusun landasan teoritis.
2. Penelitian Lapangan Field Research
Penelitian dilakukan langsung ke CV. WIDYA TAMARA Medan untuk memperoleh data yang diperlukan dalam penyusunan Tugas Akhir ini. penulis
melakukan pengumpulan data dengan cara bertanya langsung kepada karyawan yang terkait.
a. melakukan Wawancara interview
Penulis tanya jawab kepada staf dan karyawan yang berkaitan dengan masalah yang akan dipecahkan sehingga penulis memperoleh data-data
yang benar-benar akurat.
b. Pengamatan observasi
Penulis melakukan peninjauan secara langsung kelapangan dengan mengamati pelaksanaan sistem yang sedang berjalan dan mengamati
jalannya informasi yang ditinjau dari segi yang dianggap penting.
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
1.7 Tinjauan Pustaka
Banyak software yang terlibat dalam membanguni suatu web dinamis diantaranya adalah:
1. Aplikasi Web dengan PHP dan MySQL oleh Kasiman peranginrangin tahun 1997 penerbit ANDI, Yogyakarta. Buku Aplikasi Web dengan PHP dan
MySQL digunakan sebagai pedoman dalam pembuatan program website. a.
Analisis dan desain oleh Jogianto Hartono tahun 2005 penerbit ANDI, Yogyakarta. Digunakan untuk memandu penulis dalam menyelesaikan
perancangan sistem pada website yang akan dirancang. b.
Memanipulasi dan Memperbaiki Foto Digital dengan Adobe Photoshop CS tahun 2004, Yogyakarta. Digunakan untuk mendesain logo supaya lebih
menarik. c.
Mempercantik Web dengan CSS oleh Agnes Heni Triyuliana tahun 2006 penerbit ANDI, digunakan untuk mempercantik website melalui program css
yang akan dibuat.
1.8 Sistematika Penulisan
Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :
BAB 1 : PENDAHULUAN
Dalam bab ini penulis menguraikan Latar Belakang, Identifikasi Masalah, Rumusan Masalah, Ruang Lingkup Masalah, Maksud Dan Tujuan
Penelitian, Metode Penelitian, Tinjauan Pustaka, dan Sistematika Penulisan.
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
BAB 2 : LANDASAN TEORI
Dalam bab ini penulis menjelaskan beberapa hal yang berhubungan dengan implementasi aplikasi web yang ingin dibangun penulis yaitu pengertian web
atau World Wide Web, sejarah singkat internet serta teknologinya, pengenalan HTML HyperText Markup Language, PHP, MySQL dan
Macromedia Dreamweaver.
BAB 3 : SEKILAS GAMBARAN CV. WIDYA TAMARA MEDAN
Dalam bab ini penulis menyajikan tentang profil CV. WIDYA TAMARA Medan, Struktur Organisasi, uraian tugas dan tanggungjawab, ruang lingkup
pekerjaan, serta Misi dan Visi CV. WIDYA TAMARA Medan
BAB 4 : PERANCANGAN SISTEM
Dalam bab ini penulis menguraikan tentang perancangan sistem yang akan dirancang meliputi perancangan layout, perancangan database, gambaran
aplikasi web dan penggunaan Macromedia Dreamweaver sebagai editor perancang website.
BAB 5 : IMPLEMENTASI SISTEM
Dalam bab ini penulis menyajikan tentang pengertian implementasi aplikasi,
tujuan implementasi aplikasi, serta spesifikasi aplikasi. BAB 6 : KESIMPULAN DAN SARAN
Bab ini merupakan bab terakhir,dimana penulis mencoba menarik suatu kesimpulan serta memberikan saran-saran, dengan harapan dapat diterapkan
pada tempat yang penulis teliti.
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Komputer atau computer berasal dari bahasa yunani “computa” dalam bahasa inggris, “to compute”yang artinya menghitung, sehingga komputer menurut arti katanya
berarti Alat Hitung atau Mesin Hitung. Perkembangan teknologi dan ilmu komputer selanjutnya telah memberikan berbagai kemampuan lain pada komputer, sehingga
definisi komputer pun mengalami perubahan. Sekarang ini, proses menghitung merupakan sebagian saja dari kerja yang dapat dilakukan komputer. Banyak fungsi
lain yang dapat dilakukannya, seperti pengolahan data, permainan, pengolahan data, pengontrolan mesin, membuat grafik, melakukan analis statistik, merancang gambar
teknik dan sebagainya M.Fahkri husein, Aplikasi Komputer, 1994.
Komputer mempunyai arti yang sangat luas dan berbeda untuk ornag yang berbeda. Menurut Drs. Jhon J. Longkutoy komputer adalah alat pengolah data atau
alat pemecah persoalan yang mampu menghasilkan informasi yang diperlukan, tetapi penanganannya harus ditangani oleh orang-orang yang mahir ahli. Komputer juga
dapat diartikan sebagai alat elektronik yang mampu melakukan beberapa tugas sebagai berikut: menerima input, memproses input tadi sesuai dengan programnya,
menyimpan perintah-perintah dan hasil pengolahan, menyediakan output dalam
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
bentuk informasi. Jadi, komputer adalah alat yang memegang perana penting dalam pengolahan data.
2.2 Pengertian Internet
Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem jaringan yang
mencakup seluruh dunia jaringan global dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya. Internet adalah metode untuk menghubungkan
berbagai komputer ke dalam satu jaringan komputer global, melalui protokol yang disebut Transmission Control ProtokolInternet Protokol TCPIP. Protokol adalah
susatu petunjuk yang menunjukan pekerjaan yang akan dilakukan oleh pengguna pada internet, apakah akan mengakses situs Web, melakukan transfer file, mengirim
email dan sebagainya. Jaringan internet menyediakan beberapa aplikasi yang dapat digunakan user
internet: a.
E-mail b.
Mailling list c.
Newsgroup d.
File Transfer Protokol FTP e.
Gospher f.
Telnet g.
Talk, Chat h.
World Wide Web
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
2.3 Pengenalan Web
Pada tahun 1989 Tim Berners-Lee, seorang programmer computer berkebangsaan inggris yang bekerja pada Europan Physic Laboratory CERN di Genawa,Swiss,
melakukan sesuatu yang berada dari apa yang telah dilakukan sebelumnya. Dia mengkombinasikan hypermedia dengan sumber-sumber informasi internet yang
sangat luas. Sebelum ada web, kita dapat melakukan banyak hal yang menarik di internet, tetapi tak satupun dapat dilakukan dengan mudah.
Solusi Berners-Lee adalah teknologi hypertext untuk membentuk dokumen sebuah web. Tidak seperti kebanyakan buku atau kebanyakan database, web memiliki
banyak kemungkinan hubungan antar dokumen tanpa awal dan akhir. Semua detail tentang bagaimana informasi ini dijalin, disembunyikan dengan satu antar muka
hypertext berbasis karakter. Dengan web, seorang ahli fisika dapat dengan mudah melompat dari suatu artikel pada teori partikel disebuah mesin lokal ke suatu kamus
istilah-istilah fisika nuklir pada suatu system yang jauhnya ribuan mil.
Dokumen web harus ditulis dengan suatu format khusus yang memungkinkan hypertext harus saling terjalin untuk bekerja. Format ini adalah Hypertext Markup
language HTML. HTML merupakan bagian dari Standard Generalized Markup Language SGML. SGML merupakan standard dari International Standard
Organization ISO, untuk mendefenisikan format pada dokumen teks. Meskipun
SGML ditunjukan untuk desktop publishing, Burners-Lee dan rekan-rekannya
mengambil kemampuan hyperlink untuk membentuk dasar dokumen web yang pertama. Versi pertama ini yang kita jalankan dengan login WWW World Wide Web,
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
hanya mempunyai dua perintah: start a search dan follow a link. Namun ,banyak dat pada web tidak dalam format hypertext. Jadi, jadi keuntungan hypertext tidak jelas dan
web sering hadir secara sederhana.
2.3.1 Browser Web
Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis,
sehingga pemakai dapat dengan mudah melakukan ‘point dan click’ untuk pindah antardokumen.
Lynx adalah browser web yang masih menggunakan mode teks, yang akibatnya adalah tidak ada gambar yang dapat ditampilkan. Lynx ini ada pada lingkungan DOS
Disk Operating System dan .nix keluarga sistem operasi UNIX. Akan tetapi perkembangan dari browser mode teks ini tidaklah secepat browser web dengan GUI
Grafic User Interface.
Di saat perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer IE dan Netscape Navigator. Namun saat ini bermunculan browser web lain
yang turut meramaikan persaingan untuk merebut para pengguna internet. Di antara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN , Opera
dan Mozilla Firefox. Diantara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan.
Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009. USU Repository © 2009
2.3.2 Server Web
Server web adalah komputer yang mengirimkan halaman-halaman web.setiap web server mempunyai alamat Ip dan nama. Komputer dapat dijadikan sebagai web server
dengan diinstal software server dan menghubungkannya dengan internet, terdapat banyak software server baik yang gratis seperti yang dibuat oleh NCSH dan Apache,
maupun yang komersial, seperti yang dibuat Microsoft dan Netspace.
Browser web seperti IE atau Opera berkomunikasi melalui jaringan termasuk jaringan internet dengan server web, menggunakan HTTP. Browser akan
mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika
tersedia juga dengan menggunakan protokol HTTP.
2.3.3 World Wide Web WWW
