Implementasi Web Dinamis Berbasis Php Dan MySQL Di CV. Widya Tamara Medan

(1)

Nurjanah : Implementasi Web Dinamis Berbasis Php Dan MySQLl Di CV. Widya Tamara Medan, 2009.

IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN MYSQL

DI CV. WIDYA TAMARA MEDAN

TUGAS AKHIR

NURJANNAH

062406096

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2009

(2)

IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN MYSQL

DI CV. WIDYA TAMARA MEDAN

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

NURJANNAH 062406096

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2009

(3)

iii

PERSETUJUAN

Judul : IPLEMENTASI WEB DINAMIS BERBASIS PHP

DAN MYSQL DI CV. WIDYA TAMARA MEDAN

Kategori : TUGAS AKHIR

Nama : NURJANNAH

Nomor Induk Mahasiswa : 062406096

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juni 2009

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Dr. Saib Suwilo, M.Sc Drs. Agus Salim Harahap, M.Si

(4)

PERNYATAAN

IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN MySQ DI CV. WIDYA TAMARA MEDAN

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, 22 Mei 2009

NURJANNAH NIM. 062406096

(5)

PENGHARGAAN

Bismillaahirrahmaanirrahiim

Assalamu’alaikum warahmatullahi wabarakatuh.

Syukur alhamdulillah, penulis ucapkan kehadirat Allah SWT karena dengan Rahmat

dan Hidayah-Nya penulis dapat menyelesaikan Tugas Akhir ini dan tidak lupa pula Shalawat beriringkan Salam penulis hadiahkan kepada Nabi Besar Muhammad SAW dan para sahabatnya yang telah membawa kita ke jalan yang lurus dan berilmu pengetahuan.

Penulisan Tugas Akhir yang berjudul “IMPLEMENTASI WEB DINAMIS

BERBASIS PHP DAN MYSQL DI CV.WIDYA TAMARA MEDAN” ini

merupakan salah satu syarat untuk menyelasaikan Pendidikan Program Diploma III Jurusan Ilmu Komputer Universitas Sumatra Utara.

Dalam menyelesaikan Tugas Akhir ini, Penulis mendapatkan banyak bantuan, bimbingan dan dorongan, baik moril maupun material dari berbagai pihak. Maka pada kesempatan ini penulis dengan tulus hati menyampaikan penghargaan dan ucapan terima kasih yang setinggi-tingginya kepada :

1. Bapak Prof. Dr. Eddy Marlianto, M.Sc sebagai Dekan FMIPA USU.

2. Bapak Dr. Saib Suwilo, M.Sc sebagai Ketua Departemen Program Studi D3 Ilmu Komputer FMIPA USU.

3. Bapak Drs. Agus Salim Harahap, M.Sc selaku pembimbing I yang telah banyak meluangkan waktunya untuk dapat memberikan bimbingan dan arahan kepada penulis dalam menyalesaikan Tugas Akhir ini.

(6)

5. Bapak Darwin selaku Manajer CV.WIDYA TAMARA MEDAN yang memberikan kesempatan untuk dapat meraih data riset seakurat mungkin guna keberhasilan proyek dari Tugas Akhir ini.

6. Yang teristimewa, Ayahanda Alm.Zakaria dan Ibunda Jamaliah yang saya sangat cintai yang selalu mendo’akan dan memberi nasehat yang akan selaluku ingat sepanjang masa beserta keluarga besarku terutama kak gab (Nur’ainun) dan kak teh (Nur’aini) yang selalu memberikan dukungan baik moril maupun materil. Serta do’a yang penulis harapkan selalu ada dalam setiap langkah dan usaha dan tak mungkin terlupakan adikqu yang maniz“dek nas” yang selalu menyenangkan hatiqu ”thank’s for all”.

7. Spesial untuk sahabat-sahabat terdekat ku : chungma / khatimah ( soulmatequ ) yang paling sabar sedunia,,,hehe..., cimut / aisyah alias sumo yang kemayu, c’vie / elvi si darting tapi baik hatinya, cipit/iyat yang gak pernah pelit dengan ilmunya, c’entung / ri2n yang baik hati.... dan masih banyak lagi ngak disebut jangan marah ya,,,,,, maklum lah amnesia sejenak...Kalian penyemangatqu, tiada hari tanpa kalian. Trima kasih sahabat-sahabat ku.

8. Buat seluruh teman-teman stambuk 06 kom B Komputer yang selalu menjaga Kekompakannya antara Kom dan stambuk, serta anak-anak parkir FMIPA yang selalu memberikan semangat. Khususnya Kom B’05 yang selalu saling membantu memberikan informasi yang terbaru baik tugas, ujian maupun TA hingga selesailah kita semua.

Akhir kata, semoga Tugas Akhir ini dapat bermanfaat khususnya bagi Penulis sendiri dan umumnya bagi pihak-pihak lain yang berkepentingan, walaupun

(7)

vii

penulis menyadari bahwa Tugas Akhir ini masih jauh ari kesempurnaan. Untuk itu penulis mengharapkan saran dan kritik yang membangun.

Wassalam.

Medan, 22 Mei 2009

Nurjannah

(8)

viii

ABSTRAK

Kajian ini bertujuan untuk membangun sebuah aplikasi website yang dinamis pada

CV.WIDYA TAMARA . Website ini dikembangkan dengan menggunakan perangkat lunak atau software Macromedia Dreamweaver 8, Apache versi 2.2 , PHP (Hypertext

Processor) versi 5.2, MySQL (Structure Query Language) versi 5.0 dan

menggunakan bantuan, Adobe Photoshop CS2, serta web browser Internet Explorer

6.0. Website ini bertujuan untuk menyajikan informasi tentang CV.WIDYA TAMARA di Medan serta mempermudah masyarakat dalam memperoleh informasi mengenai

(9)

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

(10)

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 Layout/Template 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

(11)

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

(12)

xii

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

(13)

xiii

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

(14)

xiv

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

(15)

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 user/pengguna.

 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:

(16)

xvi

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 user/pengguna yang membutuhkan.

(17)

xvii

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.

(18)

xviii

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.

(19)

xix

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.

(20)

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

(21)

xxi

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 Protokol/Internet Protokol (TCP/IP). 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

(22)

xxii

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),

(23)

xxiii

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.

(24)

xxiv

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)

World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu layanan

yang didapat oleh pemakai komputer yang terhubung ke internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

Kini internet identik dengan web, karena kepopuleran web sebagai standar

(25)

xxv

informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).

web seakan lebih populer daripada email, walaupun secara statistik email

masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai

interfacenya.

Internet identik dengan web, karena popularitasnya sebagai penyedia informasi

dan interface yang dibutuhkan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cuma-cuma sampai dengan yang komersial, semuanya ada. Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri (informasi) di internet ( L.Hakim dan U .Musalini, Cara Mudah

Memadukan Web Design dan Web Programming , 2004).

2.3.4 Website Dinamis dan Statis

Website statis adalah situs yang isinya bersifat statis (Andi dan Madcoms, 2005 : 3).

Sebuah website yang statis didukung oleh file HTML yang berdiri sendiri tanpa didukung oleh bahasa pemrograman lain. Pengertian statis disini kita dapat merubahnya akan tetapi kita harus terlebih dahulu mengedit ulang file-file HTML tersebut. Dan hal ini sangat membutuhkan waktu yang sangat lama, maka dari itu kita

(26)

xxvi

harus menyisipkan bahasa pemrograman lain didalamnya seperti : ASP, PHP,

ColdFussion, Java dan sebagainya. Dengan adanya pengguna bahasa pemrograman

tersebut maka perubahan dari website ini tergantung pada kita.

Sebuah website yang memiliki database yang dapat menghubungkan antara pengunjung situs dengan administrator situs tersebut serta dapat melakukan perubahan atau penambahan halaman situs dengan menggunakan bahasa pemrograman disebut dengan website dinamis.

2.3.5 Client Side dan Server Side

Client side adalah jenis script yang dikelola oleh client sendiri atau dengan kara lain

web server akan mengirimkan file tersebut utuh dengan script di dalamnya tanpa harus dikelola terlebih dahulu. Contoh dari client side adalah javasript. Server side adalah jenis script yang harus dikelola terlebih dahulu pada server dan akan mengirimkan hasil pengolahan script tersebut dalam bentuk HTML.

Client Side dan Server Side sama-sama memiliki keuntungan. Akan tetapi

seorang webmaster akan lebih suka menggunakan server side untuk menyembunyikan scriptnya, sehingga akan menjamin faktor keamanan dan terlepas dari ancaman orang-orang yang ingin berbuat jahat. Dalam pengolahan server side harus didukung oleh webserver yang mmpunyai kenerja yang baik. Hal ini disebabkan oleh adanya permintaan terhadap data/ informasi yang terlebih dahulu melalui webserver dan kemudian webserver menerjemahkan ke dalam bentuk HTML.

(27)

xxvii

2.3.6 Hypertext Transfer Protokol (HTTP)

HTTP (hypertext transer protokol) merupakan protokol yang digunakan untuk mentransfer data atau dokumen antara web server ke web browser (Netscape, Internet

Explorer dll). Dan protokol ini sewaktu melakukan transfer, dokumen atau data

webnya dengan menggunakan format HTML.

Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk

2.5 Hypertext Markup Language (HTML)

Hyper Text Markup Language( HTML) merupakan standard bahasa yang digunakan

untuk menampilkan dokumen web. Yang bias anda lakukan dengan HTML yaitu: 1. Mengontrol tampilan dari web page dan isinya

2. Mempublikasikan dokumen secara online sehingga bias diakses dari seluruh dunia

3. Membuat online form yang bias digunakan untuk menangani

pendaftaran, transaksi secara online

4. Menambah objek-objek seperti image, audi, video,dan juga java applet dalam dokumen HTML

(28)

xxviii

Browser merupakan software yang diinstall di mesin client yang

berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering digunakan bias any Internet Explorer, Netscape Navigator dan masih banyak yang lainnya. Untuk membuat dokumen HTML digunakan suatu program editor . Ada banyak HTML editor yang bias digunakan diantaranya: Microsoft Front Page, notepad dan Macromedia Dreamweaver. Selain HTML editor yang disebutkan diatas masih banyak lagi HTMl HTML editor yang bias kita gunakan dan kita dapati di internet.

2.5.1 Tag-Tag HTML

Command HTML biasanya disebut Tag, tag digunakan untuk menetukan tampilan dari dokumen HTML.

contoh : setiap dokumen HTML diawali dn diakhiri dengan tag HTML <HTML>

. . . </HTML>

Tag tidak Case Sensitive, jadi anda bias menggunakan <HTML> atau <html> keduanya menghasilkan output yang sama . Bentuk dari Tag HTML sebagai berikut: <ELEMENT ATTRIBUTE = value>

Element - nama Tag Attribute – atribut dari tag Value – nilai dari atribut

(29)

xxix

Contoh :

BODY merupakan elemen, BGCOLOR (Background) merupakan atribut yang memiliki nilai lavender.

2.5.2 Struktur Dokumen HTML

Dokumen HTML bisa menjadi tiga bagian utama :

1. HTML

Setiap dokumen HTML harus diawali dengan tag <html>. Tag ini digunakan oleh

webserver dan web browser untuk berkomunikasi. Tag ini akan memberitahukan web browser bahwa yang dikirim adalah dokemen HTML. Tag ini harus beda di baris

pertama pada dokumen HTML. Tag <html> mempunyai tag penutup yaitu </html>, tag ini digunakan untuk memberitahu browser akhir dari dokumen HTML. Tag penutup untuk tag <html> adalah </html>. Tag penutup ini harus berada di baris terkahir pada dukemen HTML.

Contohnya: <html>

(30)

xxx

2. HEAD

Bagian header dari dokumen HTML diapit oleh tag <head></head> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya

browser. Selain itu bookmark juga menggunakn tag TITLE untuk memberikan mark

suatu website. Browser menyimpan “title”sebagai book mark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword.

Header juga memuat tag META yang biasanya diguakan untuk menetukan informasi tertentu mengenai dokumen HTML, anda bisa menetukan author name,

keyworps, dan layanan pada tag META.

Contohnya:

Author dari dokumen tesebut adalah “Bocah Gunung”

Atribut http-equiv dapat digunakan untuk meletakan nama HTTP server atribut untuk menciptakan HTTP header.

Contohnya :

<META http-equiv = “Expires”content=”Wed, 7 May 2003 20:30:40 GMT”> yang akan diciptakanHTTP header :

Expires:Wed, 7 May 2003 20:30:40 GMT

Sehingga jika dokumen di chaced, HTTp akan mengetahui kapan untuk meng-update dokumen tersebut pada cache.

(31)

xxxi

3. BODY

Dokumen body digunakan untuk menampilkan text, image link dan semua yang akan ditampilkan pada web page.

<title>Welcome to HTML</title> </head>

<p>Dokumen HTml yang pertama </p> </body>

</html>

2.5 Pengenalan PHP

PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah-perintah yang diberikan sepenuhnya akan dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemograman dan HTML sebagai pembangun halaman web.

PHP mudah dibuat dan cepat dijalankan. PHP dapat dijalankan dalam web

server yang berbeda dan dalam sistem operasi yang berbeda pula. PHP dapat berjalan

(32)

xxxii

sendiri diterbitkan secara gratis dan dapat berjalan pada web server Microsoft

Personal Web Server, Apache, IIS dan sebagainya .

2.5.1 Sejarah Personal Home Page ( PHP )

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah

Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan

PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

(33)

xxxiii

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek. Kelebihan PHP dari bahasa pemrograman lain Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai

IIS sampai dengan apache, dengan configurasi yang relatif mudah. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak (M.Syafii, Membangun

(34)

xxxiv

2.5.2 Konsep Dasar Personal Home Page ( PHP )

Konsep PHP diawali dengan tanda lebih kecil (< ) dan diakhiri dengan tanda lebih besar ( > ). Ada 4 cara untuk menuliskan script PHP yaitu :

1. <? Hallo ?> 2. <? php Hallo ?> 3. <% Hallo %>

4. < SCRIPT LANGUAGE = “PHP”>Hallo</SCRIPT>

Pemisah antar intruksi adalah titik koma (;) dan untuk membuat atau menambahkan komentar/standar penilisan adalah : /* komentar */, // komentar, #komentar. Cara penulisan dibedakan menjadi Embeded dan Non Embeded script.

a. Embeded Script Contohnya:

< html > < head >

< title >Coba< /title > < /head >

< body >

<?php”web master”?> < /body >

< /html >

Script di atas merupakan scripr yang sederhana. Script PHP disisipkan diantara tag-tag html.

(35)

xxxv

b. Non Embeded Script Contohnya:

<?php

echo”<html>”; echo”<head>”; echo”<title>”;

echo”Me and Web”; echo”</title>”; echo”</head>”; ”<body>”;

echo”<p> My web design </p>”; echo”</body>”;

echo”</html>”; ?>

Script ini digunakan murni pembuatan program dengan PHP, tag HTML yanga

dihasilkan untuk membuat dokumen merupakan bagian dari script PHP.

2.5.3 Keistimewaan PHP

Ada beberapa keunggulan PHP , diantaranya:

a. Life Cycle yang disingkat, sehingga PHP selalu up to date mengikut i

(36)

xxxvi

b. PHP banyak mendukumg paket database baik yang komersil maupun yang non komersil, seperti Postgresql, mysql, oralce, informix, dan hasil karya Microsoft yaitu sql server.

c. PHP dapat dipakai dihampir semua web server yang ada dipasarkan seperti apache, AOL server fhttpd, phpttd. Microsoft Iis dan juga dijalankan pada berbagai sistem operasi deperti Linux, FreeBSD, Unix,

Solaris maupun Windows.

2.6 Pengenalan MySQL

MySQL adalah Relational Database Management Sistem ( RDBMS ) yang didistribusikan secara gratis di bawah lisensi General Public license ( GPL ). Dimana setiap orang bebas untuk menggunakan, namun tidak boleh dijadikan produk turunan yang bersifat closed source atau komersil.

MySQL sebenarnya merupakn turunan salah satu konsep uatama dalam database sejak lama yaitu SQL (Structure Query Language). SQL adalah bahasa

standar yang digunakan untuk mengakses database server. Bahasa ini pada awalnya

dikembangkan oleh IBM, namun telah di adopsi dan digunakan sebagai standar industri. Dengan menggunakan SQL, proses akses database menjadi lebih

user-friendly dibandingkan dengan menggunakan perintah-perintah pemograman dBASE

(37)

xxxvii

2.6.1 Sejarah Singkat MySQL

Seri 3.22 MySQL mulai diadopsi banyak orang dan meningkat populasi penggunanya, maka di seri 3.23 dan 4.0-lah terjadi banyak peningkatan dari sisi teknologi. Ini tidak terlepas dari tuntutan pemakai yang semakin mengandalkan MySQL, namun membutuhkan fitur-fitur yang lebih banyak lagi.

Seri 3.23. Di seri 3.23 MySQL menambahkan tiga jenis tabel baru: pertama

MyISAM, yang sampai sekarang menjadi tipe tabel default; kedua BerkeleyDB, yang

pertama kali menambahkan kemampuan transaksi pada MySQL; dan ketiga InnoDB, primadona baru yang potensial.

Seri 4.x. Di seri yang baru berjalan hingga 4.0 tahap alfa ini, pengembang MySQL berjanji akan menjadikan MySQL satu derajat lebih tinggi lagi. Fitur-fitur yang sejak dulu diminta akan dikabulkan, seperti subselek (di 4.1), union (4.0),

foreign key constraint (4.0 atau 4.1—meski InnoDB sudah menyediakan ini di 3.23.x), stored procedure (4.1), view (4.2), cursor (4.1 atau 4.2), trigger (4.1). MySQL AB

tetap berdedikasi mengembangkan dan memperbaiki MySQL, serta mempertahankan MySQL sebagai database open source terpopuler.

(38)

xxxviii

2.7CSS (Cascading Style Sheet)

CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersama. Keuntungan menggunakn CSS yaitu jika kita ingin mengubah format dokumen, maka tidak perlu mengedit satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS langsung dalam kode HTML atau simpan file tersendiri berekstensi *.css. dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendefinisikan karakteristik tampilan (warna, style, dan posisi) suatu elemen pada dokumen HTML dalam bentuk properti elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan penyusunan struktur suatu halaman HTML dengan lebih fleksibel. CSS merupakan bagian/subset dari yang sangat berperan dalam DHTML (H. Supriansyah dan Kartoyo, 30 Menit Menjadi Webmaster, 2006).

(39)

xxxix

2.8 Pengenalan Macromedia Dreamweaver 8

Macromedia Dreamweaver 8 merupakan software yang dikenal sebagai software web

authoring tool, yaitu software untuk desain dan layout halaman web. Macromedia

Dreamweaver 8 adalah Macromedia Dreamweaver di tahun 2005 merupakan penyempurnaan dari versi sebelumnya dan tentu saja semakin mudah dalam penggunaannya.

Dreamweaver merupakan editor HTML yang professional untuk mendesain,

menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode

Design) dan dengan tampilan keduanya (Mode Split). Dreamweaver juga

menyediakan alat-alat bantu untuk mengembangkan kreativitas pembuatan web.

Saat ini dreamweaver merupakan software utama yang digunakan oleh web

desainer maupun web programming dalam membangun suatu situs web. Dreamweaver 8 memberikan kemudahan bagi penggunanya dalam menetukan ruang

kerja yang diinginkan. Tipe ruang kerja ditentukan berdasarkan kebutuhan maupun kebiasaan pemakainya. Runag kerja, fasilitas dan kemampuan dreamweaver maupun meningkatkan produktivitas dan efektivitas dalam desain maupun dalam membangun sebuah situs web. ( Bunafit Nugroho, PHP dan MySQL dengan Editor Dreamweaver

(40)

BAB 3

GAMBARAN PERUSAHAAN

3.1 Sejarah CV. WIDYA TAMARA Medan

Perusahaan ini dirintis oleh suami istri Darwin dan Alisa di Medan. Pada tahun1987 dimulai dari sebuah perencaaan untuk membangun sebuah showroom yamaha yang diberi nama CV. WIDYA TAMARA. Namun, baru bisa didirikan pada tahun 2000 dan terus berlanjut sampai saat ini. Walaupun Indonesia mengalami ketidakpastian ekonomi dan politik CV. WIDYA TAMARA tetap konsisten melebihi target penjualan, memperluas wawasan serta melanjutkan kebijakan yang sukses.

3.2Makna Logo Perusahaan

Logo bagi suatu perusahaan dapat dijadikan ciri – ciri ataupun sebagai manifestari dan identitas perusahaan tersebut. Dengan demikian logo suatu perusahaan akan mudah dikenal oleh pelanggan, relasi maupun masyarakat umum. Logo suatu perusahaan juga dapat memberikan informasi mengenai bidang kegatan perusahaan tersebut.

Seperti perusahaan lainnya, CV. WIDYA TAMARA juga memiliki logo sebagai salah satu lambang perusahaannya. Logo CV. WIDYA TAMARA berbentuk lingkaran yang didalamnya terdapat dua tanda “chek list”, warna logo perusahaan

(41)

xli

tersebut terdiri dari dua warna yakni biru sebagai warna lingkaran dan salah satu tanda chek list, dan warna merah terdapat disalah satu tanda chek list lainnya.

Gambar 3.2 Logo Perusahaan

Adapun makna dari logo atau lambang tersebut adalah :

Di dalam sebuah lingkaran terdapat dua buah chek list , chek list tersebut menggambarkan kebenara atau kejujuran sedangkan lingkaran adalah ruang lingkup.Maksudnya adalah CV. WIDYA TAMARA mengutamakan kejujuran atau ketrasfaran dalam melakukan transaksi pada customer.

(42)

xlii

BAB 4

PERANCANGAN SISTEM

4.1Perancangan Sistem

Perancangan sistem merupakan upaya dari sebuah instansi untuk mulai memiliki sistem yang baru. Perancangan sistem biasanya dilakukan setelah mendapatkan gambaran yang jelas tentang apa yang harus dilakukan dalam membuat sebuah situs. Untuk membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan pecobaan yang berulang-ulang karena menyangkut semua elemen yang menyangkut situs.Tahap awal dalam membangun sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan dan isi dari sebuah situs.

4.1.1 Perencanaan, Perancangan dan Tujuan

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Sebelum membangun situs, kita perlu dilakukan beberapa identifikasi awal, seperti:

 Situs apa yang ingin dibuat?

 Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut?

(43)

xliii

 Apa target yang ingin dicapai dari pembuatan situs tersebut?

Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs. karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

4.1.2 Memilih dan Mempersiapkan Tool

Sebelum membangun situs, kita harus memilih tool / software apa saja yang akan digunakan, karena menggunakan tool yang tepat akan mempercepat dan mempermudah kita dalam menyelesaikan situs yang akan kita bangun.

Tool / software yang penulis gunakan dalam menyelesaikan situs ini antara

lain :

1. Adobe Photoshop, yang merupakan salah satu software terbaik dalam

menangani bidang desain, baik desain grafik, manipulasi photo maupun desain web.

2. Macromedia Dreamweaver, merupakan software yang sangat bagus dalam

menangani tata letak ( layout ) halaman web.

3. Apache2triad, sebuah software yang di dalamnya meliputi:

Apache, adalah sebuah web server, karena situs yang dibuat nantinya

melibatkan pengolaan data di server, maka di komputer kita harus ada web

servernya. Dengan adanya web server, kita bisa mensimulasikan situs yang

(44)

xliv

PHP, merupakan skrip yang akan mengolah dan memproses data secara interaktif dan dinamis, skrip ini nantinya akan berjalan di sisi server untuk

melakukan pemrosesan datanya .

MySQL, merupakan database server, semua data yang kita miliki akan

disimpan ke dalam suatu tempat di server Yang ditempatkan dalam daabase

server, nantinya PHP dapat mengolah data tersebut lebih lanjut.

4.1.3 Mendesain Web

Pendesaian sebuah web berfungsi untuk membuat tampilan grafik yang nantinya akan diperlihatkan di dalam halaman web. Pada rancangan yang akan dibuat penulis dibutuhkan desain untuk header yaitu bagian paling atas dari suatu halaman web, pada area ini biasanya terdapat logo, fhoto mengenai situs yang akan dibuat dan navigasi. Selain desain untuk header juga ditambah desain dengan grafik-grafik aksesoris lainnya sebagai pelengkap seperti label, garis pembatas area, tombol dan aksesoris pelengkap lainnya.

4.2 Mempersiapkan Database Server

Dalam menyiapkan data diperlukan suatu media penyimpanan, dalam hal ini penyimpanan data diletakan pada database MySQL. Database ini memiliki server tersendiri yang telah ada pada saat kita menginstallkan tool XAMPP. Sebuah database harus memiliki komponen seperti tabel, dan tabel juga terdiri dari beberapa field.

(45)

xlv

Dalam rancangan sistem yang telah dibuat, penulis memasukan beberapa tabel dalam satu database diantaranya :

1. Tabel admin 2. Tabel Anggota 3. Tabel stok barang 4. Tabel News 5. Tabel Produk

Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman

web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.

Adapun database yang dibuat oleh penulis adalah database yamaha dengan tabel-tabel sebagai berikut:

4.2.1 Struktur Tabel Admin

Tabel admin berguna untuk mengedit, hanya bisa dilakukan oleh administrator . Tabel ini diberi nama admin dan mempunyai struktur sebagai berikut :

(46)

xlvi

Field Type Extra

int(10)

no auto_increment

Username varchar(25)

password varchar(25)

Tabel 4.2.1 Struktur Tabel Admin

4.2.2 Struktur Tabel Berita

Pada tahap perancangan ini, tabel berita yang berguna untuk menyimpan data berita dan diberi nama berita. Yang strukturnya adalah sebagai berikut :

Field Type Extra

int(10)

no auto_increment

Topik varchar(50)

Tgl varchar(30)

Jam varchar(30)

isi text

(47)

xlvii

4.2.3 Struktur Tabel Produk

Tabel untuk Fasilitas menggunakan nama produk yang digunakan untuk mengetahui produk yang tersedia . Tabel tersebut mempunyai struktur sebagai berikut:

Field Type Extra

int(10)

no auto_increment

Type varchar(50)

harga varchar(25)

gambar varchar(10)

Tabel 4.2.3 Struktur Tabel Produk

4.2.4 Struktur Tabel Pemesanan

Tabel lembaga berguna untuk melihat produk yang dipesan pelanggan. Tabel ini diberi nama pemesanan dan mempunyai struktur sebagai berikut :

(48)

xlviii

Field Type Extra

int(10)

no auto_increment

Ttl varchar(30)

Tgl varchar(30)

Hp varchar(20)

Email varchar(30)

Kota varchar(30)

Alamat varchar(50)

Jenis varchar(30)

Merk Varchar(50)

Warna varchar(30)

Dp varchar(30)

Lama varchar(30)

ctt text

Tabel 4.2.4 Struktur Tabel pemesanan

4.2.5 Struktur Tabel Komentar

Tabel komentar berguna untuk melihat komentar dari pengunjung. Tabel ini diberi nama komentar dan mempunyai struktur sebagai berikut :

(49)

xlix

Field Type Extra

int(10)

no auto_increment

Dari varchar(30)

Kota varchar(20)

Tgl varchar(30)

Jam varchar(30)

Email varchar(40)

Komentar text

Tabel 4.2.5 Struktur Tabel komentar

4.3Flowchart

Langkah selanjutnya adalah membuat outline atau garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau

flowchart (bagan alir) situs tersebut. Flowchart merupakan gambaran yang

menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang.

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana

(50)

Gambar 4.3 Flowchart Rancangan Aplikasi Web (situs)

4.4 Mendesain Layout/Template

Desain layout yang bagus dan menarik merupakan salah satu faktor agar situs diminati

para pengunjung. Perpaduan antara gambar-gambar dan teks-teks yang unik dapat menciptakan suatu layout yang atraktif. Adapun langkah-langkah umum yang penulis lakukan dalam mendesain layout adalah sebagai berikut:

1 Membuka software Adobe Photoshop CS2 sebagai software editor untuk mendesain layout. Tampilannya dapat dilihat seperti gambar berikut ini:

Index

Produk Profil Customer Forum

Book Mark

Home News Contact

FAQ

Permohona

(51)

Gambar 4.4.1 Tampilan Adobe Photoshop CS2

2 Membuat dokumen baru dengan ukuran panjang 900 pixel dan lebar 676 pixel. Kemudian mengisi warna background dengan warna putih (#FFFFFF).

3 Membuat layout baru dan mengisinya dengan gambar-gambar dan teks-teks yang dibutuhkan serta mengedit warna dari tiap-tiap gambar untuk menciptakan suatu

layout yang menarik dan atraktif.

4 Dengan memanfaatkan tool-tool yang ada di Photoshop seperti rectangular

marquee tool, gradient fill tool, pencil tool,brush tool dan text tool dan dengan

(52)

lii

Gambar 4.4.2 Layout Aplikasi Web yang dibentuk dengan Photoshop.

Membuka software Macromedia Dreamweaver 8 sebagai software pengatur letak

layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya

(53)

liii

Gambar 4.4.3 Tampilan Macromedia Dreamweaver 8

1. Membuka layout yang sebelumnya telah dibuat di Photoshop.

2. Mengatur tata letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, animasi, isi berita dan modul-modul lainnya di tempat yang telah ditentukan. 3. Menulis dan meletakkan skrip-skrip PHP, HTML, dan Javascript yang diperlukan

pada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia

Dreamweaver.

(54)

liv

BAB 5

IMPLEMENTASI SISTEM

5.1Pengertian Implementasi Sistem

Implementasi Sistem adalah prosedur yang dilakukan dalam menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya, menginstall dan memulai menggunakan sistem baru yang diperbaiki.

Adapun langkah- langkah yang dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

5.2Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:

1. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru denagn mudah dan mendapatkan informasi yang jelas.

(55)

3. Memperhitungkan bahwa sistem yang telah memenuhi permintaan pemakai ( user ) yaitu dengan menguji sistem secara menyeluruh.

4. Memastikan bahwa sistem yang telah berjalan lancar dengan mengontrol dan melakukan instalasi baru secara benar.

5.3Komponen Utama dalam Implementasi Sistem

Komponen-komponen yang sangat berperan dalam menunjang peranan sistem yang dirancang terhadap pengolahan data. Beberapa komponen yang dibutuhkan sistem untuk dapat beroperasi dengan baik,antara lain :

1. Hardware

Hardware adalah seluruh komponen perlatan-peralatan yang membentuk suatu sistem komputer dan perlatan lainnya yang memungkinkan komputer dapat melaksanakan tugasnya.

Dalam penyusunan sistem informasi ini penulis membutuhkan perangkat keras sebagai berikut:

a. CPU (Central Processing Unit)

Merupakan jantung dari komputer, komputer yang merupakan pusat pengolahan data serta pusat pengontrolan dari keseluruhan sistem komputer.

b. Memory

Merupakan tempat penampungan atau tempat menyimpan data untuk sementara.

c. Monitor

(56)

lvi

d. Keyboard

Merupakan alat input.

e. Modem

Yaitu singkatan dari modulator demodulator merupakan alat bantu komputer untuk proses komunikasi. Alat ini berfungsi mengubah signal analog menjadi sinyal digital dan sebaliknya.

2. Software

Merupakan koponen-komponen dari sistem pengolahan data yang diluar dari peralatan komputernya sendiri. Adapun software yang digunakan penulis adalah sebagai berikut:

a. Operating Sistem (Sistem Operasi). b. Bahasa Pemrograman PHP dan MySQL. c. Macromedia Dreamweaver.

2. Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer yang ada. Faktor manusia yang dimaksud adalah orang-orang yang memiliki keahlian dibidang komputer dan merupakan unsur manusia yang dibutuhkan, meliputi:

a. Analisa Sistem. b. Programmer.

c. Computer Operator. d. Data Entri Operator.

(57)

lvii

5.4Spesifikasi Program

Dalam melakukan implementsi sistem perancangan website diunit diklat tuntungan, spesifikasi program yang sudah dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software) dan perangkat operator (brainware).

1. Perangkat keras (Hardware) a. Microprocessor Pentium III.

b. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan c. Memori minimal 128 MB.

d. Monitor Super VGA e. Keyboard dan Mouse. f. Printer.

2. Perangkat Lunak (Software)

a. Sistem Operasi Windows XP. Penulis menggunakan sistem operasi Windows XP.

b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL (Structure Query Language) yang digunakan dalam mengolah dan mengelola database.

c. HTML Editor adalah software yang dipakai untuk mendesain web, seperti: Notepad, Microsoft frontpage, Macromedia Dreamweaver dan software. d. PHP sebagai bahasa pemrograman server side, dapat membuat perintah

query pada pemrogramannya seperti perintah dasar SQL.

e Web Server sebagai server lokal dalam pengetesan halaman web sebelum file-file dan script web dipublikasikan pada internet, seperti PWS (Personal Web Server) atau Apache Web Server seperti yang digunakan penulis.

(58)

lviii

f. Browser sebagai tempat melihat output atau tampilan halaman web, misal : Internet Explorer, Mozilla, Netscape Navigator, dan lain – lain.

3. Pengguna/ User (Brainware)

Pengguna atau user adalah orang yang mengerti dan mampu mengoperasikan sistem windows dan internet. Pengguna atau user ini terbagi 2, yaitu:

1. Administrator (programmer). 2. Pengunjung (Public).

5.5 Instalasi Apache, PHP dan Mysql

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache, http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.

Alternatif lain yang digunakan penulis adalah dengan menginstalasi Xampp. Perangkat lunak Xampp dengan versi 1.6.5 ini penulis download di situs http://sf.net.

Dengan menginstalasi Apache2triad secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu melakukan konfigurasi lagi.

(59)

lix

Adapun tahap-tahap instalasinya adalah sebagai berikut:

1. Buka file CD: Program/apache2triad1.4.4.exe, kemudian jalankan program tersebut sampai muncul gambar di bawah ini. Pilih komponen yang diperlukan. Jika anda bingung biarkan dan klik Next.

Gambar 5.5.1 Memilih komponen saat instalasi apache2triad.

2. Tampilan selanjutnya adalah text lisensi. Klik I agree jika anda setuju.

(60)

3. Tentukan folder tempat penyimpanan file-file apache2triad. Untuk mempermudah biarkan secara defauld, kemudian klik Next.

Gambar 5.5.3 Lokasi Instalasi

4. Masukkan password untuk mengakses server. Panjang password minimal 8 karakter dan maksimal 32 karakter, kemudian Klik tombol Next.

(61)

lxi

5. Tunggu proses instalasi sampai selesai. Klik OK setelah ada perintah untuk konfigurasi. Tunggu bebeapa saat smpai ada keterangan bahwa instalasi telah sukses. Kemudian restart komputer anda.

Gambar 5.5.5 Proses Instalasi

6. Jika sudah selesai akan tampil gambar di bawah ini:

(62)

lxii

5.6Pengujian di Browser

Setelah menginstalasi Xampp, maka aplikasi web telah dapat diujikan di komputer lokal. Adapun caranya adalah sebagai berikut:

1. Letakkan file-file yang membangun web tadi ke dalam suatu folder kemudian diletakkan di dalam folder htdocs, terlihat seperti gambar berikut:

Gambar 5.8 Peletakan Folder Berisi File-File Web Dalam Folder htdocs

2. Buka browser Internet Explorer.

3. Pada kotak URL ketikkan http://localhost/[namafolder]/home.php. Karena penulis meletakkan file-file web di folder showyamaha.

4. Setelah dilakukan Enter pada keyboard maka akan terlihat tampilan sebagai berikut:

(63)

lxiii

5.7Tampilan Halaman Website

Gambar 5.7.1 Halaman Index

(64)

lxiv

Gambar 5.7.3 Halaman Produk

(65)

lxv

Gambar 5.7.5 Halaman Contact Us

(66)

lxvi

Gambar 5.14 Halaman Pemesanan

5.8Melakukan Upload File dan Database

Upload adalah proses mentransfer file-file situs yang telah dibuat ke suatu server di internet, dengan tujuan agar situs tersebut dapat diakses oleh semua orang di seluruh

dunia yang terhubung ke internet.

Tempat meletakkan file-file situs di internet namanya server hosting atau web

hosting. Ada dua jenis web hosting, yaitu web hosting yang gratis dan web hosting

yang berbayar. Maksudnya, ada yang merelakan server hosting-nya untuk digunakan oleh siapa pun secara gratis, dengan ketentuan server host akan memasang iklan/banner di situs pelanggan dan nama alamat dari situs pun harus menyertakan nama situs server host, misalnya www.geocities.com/poltekkes. Sedangkan bila membeli domain dan hosting, nama alamat situs (URL) dapat diberikan sesuai keinginan dan tanpa dibumbui dengan iklan serta dilengkapi dengan fasilitas lainnya

(67)

lxvii

yang memudahkan dalam melakukan manajemen situs. Salah satu situs di Indonesia yang menyediakan hosting berbayar yaitu http://www.singcat.com.

Web hosting gratis bisa diperoleh dengan melakukan pencarian melalui search engine seperti Google atau Yahoo. Sebenarnya web hosting gratis ini telah banyak

disediakan di internet, namun kebanyakan hanya mendukung halaman situs yang statis.

Salah satu situs di internet yang menyediakan hosting gratis dan telah mendukung PHP dan MySQL yaitu http://www.tripod.co.uk. Web hosting ini dikatakan salah satu web hosting yang terbaik di Eropa. Web hosting ini menyediakan kapasitas free hosting sebesar 500 MB dan didukung juga dengan Frontpage dan

PHPMyAdmin. Proses pendaftarannya cukup sederhana seperti pengisian form email.

Setelah sukses mendaftar, diwajibkan untuk melakukan aktivasi dengan meng-klik

link yang dikirim ke email pendaftar. Setelah login ke situs tersebut, barulah dapat

melakukan upload file.

Dalam meng-upload file, web hosting telah memberikan fasilitas seperti

WebFTP (Lycos Tripod) atau File Manager (Singcat). Proses meng-upload dengan

fasilitas ini adalah dengan memasukkan file satu demi satu. Fasilitas lain yang bisa digunakan adalah dengan menggunakan aplikasi FTP (File Transfer Protocol) seperti

software WS_FTP atau Cute_FTP. Dengan mengetikkan alamat ftp server pada bagian Address, misalnya ftp.members.lycos.co.uk/PLN, dan koneksinya berhasil maka

proses peng-upload-an file dapat dilakukan dengan mudah yaitu dengan memindahkan

(68)

lxviii

Dalam meng-upload database ke web hosting, terlebih dahulu dilakukan

dumping. melalui perintah MySQL di komputer lokal. Kemudian hasil dumping

tersebut diupload dengan menggunakan fasilitas PHPMyAdmin yang disediakan web

hosting.

5.9Mempromosikan Situs

Salah satu cara agar situs dapat terlihat saat orang lain melakukan pencarian adalah dengan mempromosikan situs. Salah satu usaha yang dapat dilakukan adalah dengan mendaftarkan alamat situs ke mesin pencari/search engine. Dengan demikian, akan membuka kemungkinan lebih besar bahwa situs yang dibuat akan diakses oleh orang lain. Lain search engine, maka lain pula aturan atau cara pendaftarannya. Berikut cara mendaftarkan alamat situs di Google:

1. Ketikkan alamat situs http://www.google.com/addurl.comdi URL.

2. Mengisi alamat URL dan komentar, lalu diakhiri dengan klik tombol Add URL. 3. Tunggu kira-kira sebulan, kemudian coba ketikkan kata kunci situs yang telah

dibuat di search engine Google. Jika beruntung, situs tersebut akan tampil di salah satu daftar pencarian. Selain memerlukan waktu yang lama untuk validasinya, juga didukung faktor keberuntungan apakah situs tersebut diperbolehkan terdaftar di

search engine tersebut.

Salah satu alternatif lain adalah dengan menggunakan software sejenis URL

Submitter dan Indo URL Submitter yang mempunyai kemampuan untuk mendaftarkan

situs ke ribuan search engine secara otomatis. Software tersebut dapat di-download dari situs.

(69)

lxix

BAB 6

KESIMPULAN DAN SARAN

6.1Kesimpulan

1. PHP merupakan bahasa pemograman yang banyak digunakan dikalangan web developer karena kemudahan pemakaiannya dan sifatnya yang open source ( gratis ).

2. MySQL merupakan sebuah software gratis yang kemampuannya hampir sama bahkan bisa melebihi dari sebuah software yang komersil.

3. Penyebaran informasi itu memang sangat diperlukan, penyebaran informasi melalui teknologi internet lebih global karena bisa diakses dalam jangkauan yang luas.

6.2 Saran

1. Penulis menyadari bahwa apa yang telah dibuat penulis masih banyak kekurangan di sana sini, oleh karna itu masih diperlukan lagi pengembangan lebih lanjut untuk perbaikan ke depan.

2. Dapat dikembangkannya lebih banyak lagi software yang bersifat open source dengan kualitas bersaing, sehingga membantu kita dalam pembelajaran Teknologi Informasi.

3. Proses pembelajaran akan berkembang jika tidak fanatik terhadap satu sistem / tool saja, karena itu hanya sebagai alat bantu pemecahan masalah.

(70)

lxx

DAFTAR PUSTAKA

Hakim, L. dan Musalini, U . 2004. Cara Mudah Memadukan Web Design dan Web

Programming. Jakarta: PT Elex Media Komputindo.

Kadir, Abdul. 2001. Dasar Pemrograman Web Dinamis menggunakan PHP. Yogyakarta: Penerbit Andi.

Mulyana, Y.B. 2004. Trik Membangun Situs Menggunakan PHP dan MySQL. Jakarta: PT Elex Media Komputindo.

Rafiza, H. 2006. Panduan dan Referensi Kamus Fungsi PHP 5 untuk Membangun

Database Berbasis Web. Jakarta: PT Elex Media Komputindo.

Syafii, M. 2005. Membangun Aplikasi berbasis PHP dan MySQL. Yogyakarta: Andi Offset.

Supriansyah, H. Dan Kartoyo. 2006. 30 Menit Menjadi Webmaster :Bandung: OASE Media.

Utdirartatmo, Firrar. 2006. Pengembangan Situs Web. Bandung: Informatika Bandung.

(71)

lxxi

L

A

M

P

I

R

A

N

(72)

lxxii

LISTING PROGRAM

1.index.php

function mmLoadMenus() {

if (window.mm_menu_0519131609_0) return;

window.mm_menu_0519131609_0 = new Menu("root",55,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","midd le",3,0,1000,-5,7,true,false,true,0,true,true); mm_menu_0519131609_0.addMenuItem("jenas","location='form_permohonan.php'") ; mm_menu_0519131609_0.hideOnMouseOut=true; mm_menu_0519131609_0.bgColor='#555555'; mm_menu_0519131609_0.menuBorder=1; mm_menu_0519131609_0.menuLiteBgColor='#FFFFFF'; mm_menu_0519131609_0.menuBorderBgColor='#777777';

window.mm_menu_0519131759_0 = new Menu("root",99,18,"",12,"#FCFAF9","#FFFFFF","#7E95B5","#7E95B5","left","mid dle",3,0,1000,-5,7,true,false,true,0,true,true); mm_menu_0519131759_0.addMenuItem("permohonan","window.open('form_permo honan.php', '_top');"); mm_menu_0519131759_0.addMenuItem("faq","window.open('guru_ubah.php', '_top');"); mm_menu_0519131759_0.hideOnMouseOut=true; mm_menu_0519131759_0.bgColor='#555555'; mm_menu_0519131759_0.menuBorder=1; mm_menu_0519131759_0.menuLiteBgColor='#FFFFFF'; mm_menu_0519131759_0.menuBorderBgColor='#777777'; mm_menu_0519131759_0.writeMenus();

} // mmLoadMenus() //-->

</script>

<!--

.unnamed4 { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify

}

.style2 {

FONT-SIZE: 11px;

FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: justify;

(73)

lxxiii

color: #669ACC; }

.style4 {FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; color: #6AA0CC; }

.style7 { color: #FFFFFF; font-style: italic; font-size: 14px; } .style8 { color: #669ACC; font-weight: bold; }

.style9 {color: #FFFFFF} .style11 {color: #C25E5E} -->

</style>

<tr>

</tr> <tr>

<td width="101" valign="top"><a href="produk.php"><img src="images/lay_03.jpg" name="image2" width="101" height="27" border="0" id="image2"

onMouseOver="MM_showMenu(window.mm_menu_0519131759_0,0,27,null,'image 2')" onMouseOut="MM_startTimeout();" /></a></td>

(1)

xcvii

</tr>

</table></td> </tr>

<tr>

<marquee behavior="alternate" scrolldelay="70" class="style7"> Silakan Login terlebih

dahulu!

</marquee>

</font> </p> </td> </tr>

<tr>

<td><div align="center"><span class="style8">FORM LOGIN </span></div></td>

</tr> <tr>

<tr>

<td width="166"><div align="center"><span class="style9">Username </span>: </div></td>

</tr> <tr>

</label></td> </tr>

<tr>

<td><div align="center"><span class="style9">Password : </span></div></td>

</tr> <tr>

</label></td> </tr>

<tr>

</label></td> </tr>

</table>

(2)

</tr> </table>

<tr>

<tr>

<tr>

<td><p class="style6">KONTAK KAMI </p> <p class="style6"> </p></td>

</tr> <tr>

<p class="style32">Sangat mudah, aman dan nyaman untuk membeli motor pada kami secara <strong>Kredit</strong> maupun <strong>Cash, </strong>karena kami menerapkan sistem pembayaran di tempat, yaitu

<strong>"DP/Pembayaran dilakukan Pada Saat Motor Anda Terima"</strong></p>

</tr> <tr>

</map></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><span class="style12">• <span class="style32">Form Kontak ini hanya untuk mengirim pesan atau pertanyaan kepada kami</span>. </span></td>

</tr> <tr>

<td bgcolor="#FFFFFF"><span class="style12">• <span class="style32">Untuk mengajukan kredit motor pilih</span></span><a

href="form_permohonan.php" class="style40"> Form Permohonan Kredit </a></td> </tr>

(3)

xcix

<td bgcolor="#FFFFFF"><span class="style12">• <span

class="style32">Kami akan merespon pesan anda secepatnya.</span></span></td> </tr>

</tbody> </table></td> </tr>

<tr>

<tr>

</table></td> </tr>

<tr>

</table></td> </tr>

<tr>

<tr>

<td valign="top" width="566"><div align="center"

class="style39">Sebelum membeli motor secara Kredit atau Tunai / Cash , kami sarankan</div></td>

</tr> <tr>

<td valign="top"><div align="center"><span class="style17">untuk terlebih dahulu membaca<a href="faq.php" class="style5"> Frequently Asked Questions ( FAQ ) </a> </span></div></td>

</tr> <tr>

</tbody> </table></td> </tr>

</table>

<tr>

(4)

</tr> <tr>

8. admin.php <?php

session_start();

include "../koneksi.php";

if (!empty ($namauser) and ($passuser)) {

#linkbelakang a:link, #linkbelakang a:visited { display: block;

border-bottom: 2px solid #cccccc; border-top: 1px solid #ccccbb; font-weight: bold;

font-family:"Times New Roman", Times, serif; padding: 3px 0px 3px 10px;

color: #ff9999; font-size: 12px; text-decoration:none }

#linkbelakang a:hover{

background-color: #3399cc; border-top: 2px solid #cccccc; border-bottom: 1px solid #ccccbb; font-weight: bold;

text-decoration: none; }

.submenu{

display: block;

background-color:#3399CC; border-bottom: 2px solid #cccccc;

(5)

border-top: 1px solid #ccccbb; font-weight: bold;

font-family:"Times New Roman", Times, serif; padding: 3px 0px 3px 2px;

color:#33FFFF; font-size: 14px; text-decoration:none }

.horas {

color: #993300; font-weight: bold;

font-family: Geneva, Arial, Helvetica, sans-serif; }

.tipis {

FONT-SIZE: 15px;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #6AA0CC;

font-weight:bold } -->

</style>

<tr>

</tr>

<tr>

<div class="submenu" align="center">KELOLA DATABASE</div>

<a href="admin.php?opt=produk">Produk</a></div> <div id="linkbelakang" align="center">

href="admin.php?menu=admin_pesanan">Pemesanan</a></div> <div id="linkbelakang" align="center">

<a href="admin.php?menu=gallery">Berita</a></div> <div id="linkbelakang" align="center">

(6)

<a href="admin.php?menu=opini">Komentar</a></d

<div class="submenu" align="center">PENGATURAN</div>

<div id="linkbelakang" align="center"> <a href="admin.php?menu=password">Ganti Password</a></div>

<div id="linkbelakang" align="center"> <a href="../logout.php">Logout</a></div>

</td></tr> </table> </td>

<td width="73%" class="tipis" align="center" height="30" valign="top">Halaman Admin</td>

</tr> <tr>

<?php if(isset($opt))

{ include"$opt.php"; }

else{?><p class="horas">Selamat Datang Admin</p> <p class="horas">Have a nice day !! </p>

<? }?>

</td></tr></table> </td>

</tr> </table>

</td></tr></table> <?

} else {

$pesan="<br><br><br><center><font color='ff00ff'><b>Anda harus login dulu.</b></font></center>";

header("location:../index.php?err=$pesan"); }

Implementasi Web Dinamis Berbasis Php Dan MySQL Di CV. Widya Tamara Medan

IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN MYSQL

DI CV. WIDYA TAMARA MEDAN

TUGAS AKHIR

NURJANNAH

062406096

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2009

IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN MYSQL

DI CV. WIDYA TAMARA MEDAN

L

A

M

P

I

R

A

N

LISTING PROGRAM

Parts

Dokumen yang terkait

Sistem Informasi SMA Swasta Harapan 2 Medan Berbasis Web Dinamis Dengan PHP Dan MySql

Sistem Informasi Pada SMA Negeri 1 Barus Berbasis Web Dinamis Dengan Php Dan Mysql

Aplikasi Web Dinamis Menggunakan PHP Dan MySQL Pada International Education Centre, Inc

Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql

Sistem Informasi Pada CV. Techproduction Berbasis Web Menggunakan PHP Dan MySQL

Sistem Informasi Inventory di CV Mega Indo Menggunakan PHP dan MYSQL Berbasis Web

Pembangunan Situs web CV. Atikan Mandiri menggunakan PHP dan MySQL

DESAIN DAN IMPLEMENTASI WEB PENYALUR JASA ASISTEN RUMAH TANGGA BERBASIS PHP DAN MYSQL.

IMPLEMENTASI HERBAL ONLINE STORE BERBASIS PHP DAN MYSQL.

DESAIN DAN IMPLEMENTASI WEB PENYALUR JASA ASISTEN RUMAH TANGGA BERBASIS PHP DAN MYSQL

Dukungan

Links

Implementasi Web Dinamis Berbasis Php Dan MySQL Di CV. Widya Tamara Medan

IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN MYSQL

DI CV. WIDYA TAMARA MEDAN

TUGAS AKHIR

NURJANNAH

062406096

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2009

IMPLEMENTASI WEB DINAMIS BERBASIS PHP DAN MYSQL

DI CV. WIDYA TAMARA MEDAN

L

A

M

P

I

R

A

N

LISTING PROGRAM

Parts

Dokumen yang terkait

Sistem Informasi SMA Swasta Harapan 2 Medan Berbasis Web Dinamis Dengan PHP Dan MySql

Sistem Informasi Pada SMA Negeri 1 Barus Berbasis Web Dinamis Dengan Php Dan Mysql

Aplikasi Web Dinamis Menggunakan PHP Dan MySQL Pada International Education Centre, Inc

Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql

Sistem Informasi Pada CV. Techproduction Berbasis Web Menggunakan PHP Dan MySQL

Sistem Informasi Inventory di CV Mega Indo Menggunakan PHP dan MYSQL Berbasis Web

Pembangunan Situs web CV. Atikan Mandiri menggunakan PHP dan MySQL

DESAIN DAN IMPLEMENTASI WEB PENYALUR JASA ASISTEN RUMAH TANGGA BERBASIS PHP DAN MYSQL.

IMPLEMENTASI HERBAL ONLINE STORE BERBASIS PHP DAN MYSQL.

DESAIN DAN IMPLEMENTASI WEB PENYALUR JASA ASISTEN RUMAH TANGGA BERBASIS PHP DAN MYSQL

Dokumen yang Anda mencari sudah siap untuk unduhkan