Perancangan Website Penjualan Secara Online Menggunakan PHP Dan MYSQL

PERANCANGAN WEBSITE PENJUALAN SECARA ONLINE

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

MIRA RIZKY S TANJUNG

072406029

PROGRAM STUDI D-3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

PERANCANGAN WEBSITE PENJUALAN SECARA ONLINE

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

MIRA RIZKY S TANJUNG 072406029

PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2010

PERSETUJUAN

Judul : PERANCANGAN WEBSITE PENJUALAN SECARA

ONLINE MENGGUNAKAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : MIRA RIZKY S TANJUNG

Nomor Induk Mahasiswa : 072406029

Program Studi : DIPLOMA (D3) ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juni 2010

Diketahui

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Dr. Saib Suwilo, M.Sc Drs. Faigiziduhu

Bu ulolo, M.Si

NIP. 196401091988031004 NIP.

PERNYATAAN

PERANCANGAN WEBSITE PENJUALAN SECARA ONLINE MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.

Medan, 21 Mei 2010

MIRA RIZKY S TANJUNG 072406029

PENGHARGAAN

Puji dan syukur penulis ucapkan kepada Allah SWT yang telah memberikan rahmat dan hidayah-Nya serta kesempatan dan kesehatan hingga akhirnya penulis dapat menyelesaikan tugas akhir ini dan diselesaikan tepat pada waktunya sesuai dengan instruksi dan peraturan yang berlaku di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sumatera Utara.

Selama penulisan tugas akhir ini, penulis menyadari bahwa banyak terdapat kesalahan-kesalahan yang mungkin terjadi, baik dari segi teknik, tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca dalam upaya perbaikan tugas akhir ini. Dalam kesempatan ini penulis ingin menyampaikan ucapan terima kasih kepada dan Drs. Faigiziduhu Bu ulolo, M.Si. selaku pembimbing pada penyusunan tugas akhir ini yang telah banyak memberikan bimbingan dan pengarahan kepada penulis selama menyusun tugas akhir ini. Ucapan terima kasih juga saya tujukan kepada Ketua dan Sekretaris Departemen Dr. Saib Suwilo, M.Sc. dan Drs. Henri Rani Sitepu, M.Si, Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, semua dosen pada Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, pegawai di FMIPA USU, Serta kepada rekan-rekan kuliah (Alfi Rahman, Reski Efendi, Istiqomah, Elvy Barnie, Sarah, Anika Wafi, dll) dan khususnya Zulfikar. Akhirnya, tidak terlupakan kepada ayahanda Rasyidin Tanjung dan ibunda Khairana, kakak (Liza Evianti Tanjung, ST dan Fradina Yuliani Tanjung, ST) dan adik-adik (Boy Andi Azhari Tanjung dan Alif Fatharsyah Tanjung) serta semua ahli keluarga yang selama ini banyak memberikan dukungan baik secara moril maupun materil sehingga penulis dapat menyelesaikan tugas akhir ini. Semoga Allah SWT akan membalasnya.

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di perusahaan atau organisasi. Begitu juga dengan bisnis penjualan, diharapkan dapat menyediakan informasi yang tepat dan akurat dalam transaksi secara online. Sistem yang sedang berjalan pada web penjualan saat ini belum sepenuhnya menggunakan sistem komputerisasi. Oleh sebab itu penulis mencoba merancang sebuah bisnis penjualan berbasis web. Dengan adanya web ini diharapkan dapat menyediakan informasi yang lebih cepat dan akurat pada semua masyarakat yang juga dapat membantu dalam mempromosikan produk yang tersedia. Web ini dirancang dengan menggunakan bahasa pemrograman web, yaitu PHP 5.0 dan MySQL 5.0 sebagai server database serta Apache 2.0 sebagai web server. Web ini dirancang sedemikian rupa agar dapat menarik minat konsumen dalam memperoleh informasi yang lebih cepat dan akurat serta menarik. Web ini bersifat dinamis, yaitu berarti bahwa informasi yang diberikan tersebut dapat berubah sewaktu-waktu berdasarkan keadaan yang sedang terjadi. Web ini meliputi banyak informasi seperti produk yang ditawarkan, data pemesan dan data produk. Objektif utama web ini adalah untuk menyediakan jendela bagi masing-masing konsumen dalam mendapatkan informasi secara lengkap dan jelas.

DAFTAR ISI Halaman Persetujuan ii Pernyataan iii Penghargaan iv Abstrak v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

Daftar Istilah x

Daftar Singkatan xii

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Maksud dan Tujuan Penelitian 2

1.3 Perumusan Masalah 3

1.4 Batasan Masalah 3

1.5 Sistematika Penulisan 4

Bab 2 Landasan Teori 6

2.5 Pengertian Komputer 6

2.5 Pengertian Internet 7

2.2.1 Fasilitas dalam Dunia Internet 8

2.3 Network 9

2.4 Web Server 9

2.5 Pengenalan HTML 10

2.5.1 Bagian-Bagian HTML 11

2.5.2 Referensi HTML 12

2.6 Bahasa Pemrograman PHP 12

2.6.1 Sejarah PHP 13

2.6.2 Kelebihan Bahasa Pemrograman PHP 15 2.6.3 Contoh Pemrograman dengan Menggunakan PHP 16

2.6.4 Proses Eksekusi Kode PHP 17

2.6.5 Variabel pada PHP 18

2.6.6 Operator pada PHP 20

2.6.7 Integrasi PHP dengan Database 22

2.7 Database MySQL 24

2.7.1 Perkembangan MySQL 25

2.7.2 Perintah Dasar MySQL 26

2.7.3 Keistimewaan MySQL 27

2.8 Macromedia Dreamweaver 8 28

2.8.1 Memulai Dreamweaver 8 29

2.8.2 Area Kerja pada Dreamweaver 8 30

2.8.3 Menu Bar Area Kerja 31

Bab 3 Perancangan Sistem 34

3.1 Perancangan Struktur Database 34

3.2 Perancangan Halaman Website 35

3.3 Pembuatan Flowchart (Diagram Alir) 38

3.3.1 Flowchart Tampilan Menu Utama 38

3.3.2 Flowchart Disply Produk 39

3.3.3 Flowchart Pesanan 40

3.3.4 Flowchart Administrator 41

3.3.5 Flowchart Login Administrator 42

3.3.6 Flowchart Data Produk 43

3.3.7 Flowchart Data Kategori Produk 44

3.3.8 Flowchart Data Pesanan Produk 45

3.3.9 Flowchart Mata Uang 46

3.4 Algoritma Program 47

3.4.1 Algoritma Menu Utama 47

3.4.2 Algoritma Admin 47

3.4.3 Algoritma Pemesanan 48

Bab 4 Implementasi Sistem 49

4.1 Pengertian dan Tujuan Implementasi Sistem 49 4.2 Komponen Utama dalam Implementasi Sistem 50

4.2.1 Hardware (Perangkat Keras) 50

5.2.1 Software (Perangkat Lunak) 51

5.2.2 Brainware (Unsur Manusia) 51

4.3 Instalasi Apache, PHP, dan MySQL 52

4.4 Prosedur Penggunaan Program 53

4.5 Pemeliharaan Implementasi Sistem (Website) 56

Bab 5 Kesimpulan dan Saran 57

5.1 Kesimpulan 57

5.2 Saran 58

Daftar Pustaka 59

DAFTAR TABEL

Halaman

Tabel 2.1 Operator Aritmatika pada PHP 20

Tabel 2.2 Operator Perbandingan pada PHP 20

Tabel 2.3 Operator Logika pada PHP 21

Tabel 2.4 Daftar Database-Database yang Didukung PHP 22

Tabel 2.5 Simbol-Simbol pada Flowchart 32

Tabel 3.1 Tabel Data Item 34

Tabel 3.2 Tabel Data Kategori Item 34

Tabel 3.3 Tabel Data Pesanan 35

DAFTAR GAMBAR

Halaman Gambar 2.1 Hasil Program dengan Menggunakan PHP 17

Gambar 2.2 Proses Eksekusi Kode PHP 17

Gambar 2.3 Tampilan Area Kerja Dreamweaver 29

Gambar 3.1 Tampilan Halaman Home 37

Gambar 3.2 Tampilan Halaman Login Admin 37

Gambar 3.3 Tampilan Halaman Pemesanan Produk 38

Gambar 3.5 Flowchart Tampilan Menu Utama 39

Gambar 3.6 Flowchart Display Produk 40

Gambar 3.7 Flowchart Pesanan 41

Gambar 3.8 Flowchart Administrator 42

Gambar 3.9 Flowchart Login Administrator 43

Gambar 3.10 Flowchart Data Produk 44

Gambar 3.11 Flowchart Data Kategori Produk 45

Gambar 3.12 Flowchart Data Raport 46

Gambar 3.13 Flowchart Mata Uang 57

DAFTAR ISTILAH

Analisa : mempelajari masalah dan lingkungan masalah yang diperbaiki serta mengajukan alternatif dari penyelesaian masalah.

Brainware : perangkat operator.

Browser : perangkat lunak yang digunakan untuk menampilkan informasi dari server web.

Data : kenyataan yang digambarkan oleh nilai nilai, bilangan-bilangan dan simbol-simbol yang mempunyai arti tertentu. Data store : data tersimpan.

Database : kumpulan file yang saling berhubungan satu dengan yang lainnya.

DFD : simbol-simbol untuk menggambarkan arus dari data sistem. Dreamweaver : aplikasi profesional untuk mengedit HTML secara visual

dalam mengelola situs web.

E-mail : fasilitas internet untuk mengirim dan menerima surat elektronik.

Field : atribut dari record yang menunjukkan suatu item dari data. File : kumpulan dari record yang saling terkait dan memiliki format

field yang sama dan sejenis.

Flowchart : bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem.

FTP : diagram yang memungkinkan pemindahan data di antara dua komputer yang berjauhan letaknya.

Hardware : perangkat keras.

Home page : disebut juga dengan website.

HTML : bahasa pemrograman Internet yang digunakan untuk membuat halaman web.

HTTP : protokol yang digunakan untuk mentransfer data antara web server ke browser.

Implementasi : menulis, menguji dan mendebug program-program komputer serta mengonversi ke sistem baru atau sistem yang dipakai. Informasi : data yang sudah diolah untuk tujuan tertentu dalam

pengambilan keputusan.

Input : komponen penggerak atau pemberi tenaga di mana sistem itu dioperasikan.

Internet : kumpulan komputer pribadi yang terhubung satu sama lain dalam bentuk jaringan.

Komputer : suatu rangkaian peralatan elektronik yang menerima data dan menggolongkannya secara otomatis untuk mengatasi berbagai masalah serta menghasilkan informasi.

Link : teks atau gambar pada sebuah halaman web yang menuntun kita ke halaman lain.

Output : hasil operasi dari suatu sistem atau informasi yang dihasilkan oleh program aplikasi yang akan digunakan oleh para pemakai sebagai bahan pengambilan keputusan.

PHP : bahasa scripting yang menyatu dengan tag-tag HTML, dieksekusi dari server dan digunakan untuk membuat halaman web yang dinamis.

Record : kumpulan field yang menggambarkan suatu unit data individu tertentu.

Sistem : satu kesatuan yang terdiri dari sub-sub sistem yang saling berhubungan untuk mencapai suatu tujuan.

Software : perangkat lunak

TCP/IP : jenis protokol yang memungkinkan komputer berkomunikasi dengan komputer lain, mengatur bagaimana cara komputer terhubung internet dan mengatur pertukaran data yang terjadi pada komputer tersebut.

URL : data yang berisikan alamat home page dari suatu situs web. Web server : komputer yang digunakan untuk menyimpan berbagai

dokumen web dan melayani permintaan dokumen web dari kliennya.

DAFTAR SINGKATAN

ASP : Active Server Page DFD : Data Flow Diagram E-mail : Electronic Mail FTP : File Transfer Protocol HTML : Hypertext Markup Language Internet : Interconnection Networking HTTP : Hypertext Transfer Protocol ISP : Internet Service Provider JSP : Java Script Page

PHP : Pre Hypertext Processor SQL : Structure Query Language

TCP/IP : Transmision Control Protocol / Internet Protocol URL : Uniform Resource Locator

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di perusahaan atau organisasi. Begitu juga dengan bisnis penjualan, diharapkan dapat menyediakan informasi yang tepat dan akurat dalam transaksi secara online. Sistem yang sedang berjalan pada web penjualan saat ini belum sepenuhnya menggunakan sistem komputerisasi. Oleh sebab itu penulis mencoba merancang sebuah bisnis penjualan berbasis web. Dengan adanya web ini diharapkan dapat menyediakan informasi yang lebih cepat dan akurat pada semua masyarakat yang juga dapat membantu dalam mempromosikan produk yang tersedia. Web ini dirancang dengan menggunakan bahasa pemrograman web, yaitu PHP 5.0 dan MySQL 5.0 sebagai server database serta Apache 2.0 sebagai web server. Web ini dirancang sedemikian rupa agar dapat menarik minat konsumen dalam memperoleh informasi yang lebih cepat dan akurat serta menarik. Web ini bersifat dinamis, yaitu berarti bahwa informasi yang diberikan tersebut dapat berubah sewaktu-waktu berdasarkan keadaan yang sedang terjadi. Web ini meliputi banyak informasi seperti produk yang ditawarkan, data pemesan dan data produk. Objektif utama web ini adalah untuk menyediakan jendela bagi masing-masing konsumen dalam mendapatkan informasi secara lengkap dan jelas.

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah

Peranan teknologi informasi pada aktivitas manusia pada saat ini begitu besar. Informasi telah menjadi fasilitator utama bagi perusahaan dan maupun organisasi. Hal inilah yang memberikan kemudahan bagi manusia untuk malakukan pekerjaan serta mendapatkan informasi dengan lebih cepat.

Salah satu teknologi penyampaian informasi yang berkembang saat ini adalah

website atau lebih dikenal dengan sebutan web, yang memiliki pengertian suatu koleksi dokumen elektronik pribadi atau perusahaan dalam server web yang digunakan untuk mengakses berbagai informasi.

Web merupakan salah satu fasilitas yang dapat dimanfaatkan dengan menggunakan internet. Internet merupakan media elektronik yang menghubungkan antar komputer dengan berbagai tipe yang membentuk sistem jaringan. Kumpulan halaman web mempunyai kemampuan dan kelebihan unuk berinteraksi secara lebih menarik yang tidak dapat disediakan oleh media tradisional berbasis kertas.

Dengan web, sebuah kegiatan penjualan dapat dilakukan secara online dengan bagian aplikasi yang akan disediakan seperti: customer service, produk yang tersedia, cara pembayaran, cara promosi dan sebagiannya. Hal ini sangat berguna

bagi penguna karena akan lebih mudah mendapatkan informasi yang diperlihatkan khususnya dalam hal penjualan barang.

Berdasarkan uraian tersebut, maka penulis tertarik untuk mengangkat judul : Perancangan Website Penjualan Secara Online Menggunakan PHP dan MYSQL .

1.2. Maksud dan Tujuan

Maksud dari penulisan Tugas Akhir ini adalah sebagai berikut :

1. Untuk dapat melakukan aktivitas penjualan/perdagangan tanpa harus bertatap muka antara penjual dan pembeli dengan kemudahan yang ada. 2. Untuk dapat mengaplikasikan ilmu yang telah didapat dari perkuliahan dan

praktikum, sehingga nantinya dapat menambah keterampilan dan pengalaman penulis dalam membuat suatu program aplikasi.

Tujuan dari penulisan Tugas Akhir ini adalah sebagai berikut :

1. Membantu dalam menyebarkan dan menyediakan informasi tentang penjualan secara online bagi user/pengguna yang membutuhkan.

2. Sebagai salah satu syarat untuk menyelesaikan Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

1.3. Perumusan Masalah

Informasi merupakan salah satu kebutuhan pokok manusia yang banyak didapat dari buku dan internet. Pada web penjualan ini, disajikan dalam bentuk informasi yang disebarluaskan kepada user (konsumen) pada khususnya melalui jaringan internet.

Maka dari itu perlu dirancang suatu aplikasi yang baik dengan memanfaatkan teknologi informasi untuk membantu masyarakat mendapatkan informasi dalam melakukan kegiatan penjualan secara online (e-commerce).

1.4. Batasan Masalah

Berdasarkan kemampuan penulis, keterbatasan waktu, dan luasnya cakupan permasalahan dalam penulisan Tugas Akhir ini, maka penulis membuat batasan masalah yang akan dibahas yaitu tentang penyampaian informasi komunikasi dalam melakukan/menyajikan penawaran dalam sebuah transaksi bisnis yang berhubungan dengan konsumen yang disajikan dalam website e-commerce.

1.5. Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 5 (lima) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah :

BAB 1 : PENDAHULUAN

Dalam bab ini penulis menjelaskan latar belakang penulisan, maksud dan tujuan penulisan, perumusan masalah, batasan masalah, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Dalam bab ini penulisan menjelaskan uraian teroritis tentang pengertian komputer, pengertian internet, pengenalan HTML, database, bahasa pemrograman PHP 5.0, database MySQL 5.0, Macromedia Dreamweaver 8, dan pengertian Flowchart.

BAB 3 : PERANCANGAN SISTEM

Dalam bab ini penulisan menjelaskan tentang perancangan database yang dipergunakan, sistem yang dirancang, flowchart sistem, perancangan layout website dan marancangwebsite.

BAB 4 : IMPLEMENTASI SISTEM

Dalam bab ini dijelaskan mengenai pengertian dan tujuan implementasi, komponen utama implementasi instalasi Apache, PHP, serta MySQL prosedur penggunaan program dan yang terakhir pemeliharaan implementasi.

BAB 5 : KESIMPULAN DAN SARAN

Dalam bab ini berisikan kesimpulan mengenai hasil perancangan sisitem yang telah dibentuk dan saran diberikan oleh penulis.

BAB 2

LANDASAN TEORI

2.1. Pengertian Komputer

Komputer berasal dari bahasa latin computare yang mengandung arti menghitung. Karena luasnya bidang garapan ilmu komputer, para pakar dan peneliti sedikit berbeda dalam mendefinisikan terminologi komputer.

Menurut V. Carl Hamacher, Zvonko G. Vranesic, Safwat G. Zaky, Computer Organization (5th Edition. McGraw-Hill, 2001). Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan di memorinya, dan menghasilkan output berupa informasi.

Menurut Robert H. Blissmer, Computer Annual, An Introduction to Information Systems 1985-1986 (2nd Edition. John Wiley & Sons, 1985). Komputer adalah suatu alat elektonik yang mampu melakukan beberapa tugas sebagai berikut:

1. Menerima input

2. Memproses input tersebut sesuai dengan programnya 3. Menyimpan perintah-perintah dan hasil dari pengolahan 4. Menyediakan output dalam bentuk informasi

Menurut William M. Fuori, Introduction to the Computer: The Tool of Business (3rd Edition. Prentice Hall, 1981). Komputer adalah suatu pemroses data yang dapat melakukan perhitungan besar secara cepat, termasuk perhitungan aritmetika dan operasi logika, tanpa campur tangan dari manusia.

Dari berbagai pendapat di atas, maka dapat disimpulkan secara umum bahwa komputer merupakan suatu peralatan elektronik yang dapat menerima input, mengolah input dengan menggunakan suatu program yang tersimpan di memori komputer, memberikan output yang berupa informasi dan dapat menyimpan program serta hasil pengolahan dalam suatu media penyimpanan.

2.2. Pengertian Internet

Istilah Internet berasal dari singkatan dua suku kata yaitu,interconnecteddannetwork.

Interconnected berarti hubungan yang sangat luas, sedangkan network berarti jaringan kerja. Maka internet adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh dunia. Komputer dan jaringan dengan berbagai platform yang mempunyai perbedaan dan ciri khas masing-masing (Unix, Linux, Windows, Mac, dll) bertukar informasi dengan sebuah protokol standar yang dikenal dengan nama TCP/IP (Transmission Control Protocol/Internet Protocol).

Komputer yang dahulunya berdiri sendiri kini dapat berhubungan langsung komputer-komputer lainnya di seluruh dunia. Jaringan ini tercipta melalui saluran komunikasi yang meliputi telepon, satelit, dan jalur telekomunikasi lainnya.

Agar komunikasi dapat terhubung serta dapat menggunakan fasilitas internet, maka harus berlangganan ke salah satu ISP (Internet Service Provider) atau penyelenggara layanan internet.

2.2.1. Fasilitas dalam Dunia Internet

Fasilitas-fasilitas yang tersedia dalam layanan internet antara lain :

1. www (World Wide Web) adalah layanan yang paling sering digunakan dan memiliki perkembangan yang sangat cepat karena dengan layanan ini bisa menerima informasi dalam berbagai format (multimedia). Informasi dalam web disimpan ke bentuk dokumen yang disebut halaman web (web page). Untuk dapat mengakses layanan www dari sebuah komputer digunakan program web client yang disebut web browser atau browser saja. Jenis-jenis browser yang sering digunakan adalah: Netscape Navigator/Comunicator, Internet Explorer, Mozilla, dan lain sebagainya.

2. Search engine adalah salah satu fasilitas internet yang dijalankan melalui browser untuk mencari informasi yang diinginkan. Search engine menampung database situs-situs dari seluruh dunia yang jumlahnya milyaran halaman web, cukup dengan memasukkan kata kuncinya maka search engine akan menampilkan beberapa link situs yang disertai dengan keterangan singkat. Search engine yang sangat terkenal adalah Google, namun masih banyak search engine lainnya sepertiAltavista,MSN,Yahoo Searchdan sebagainya 3. E-mail (Electronic Mail) merupakan aplikasi surat menyurat melalui Internet.

Pengguna dapat saling bertukar berita. Berita-berita itu akan dikumpulkan dalam sebuah file untuk pengalamatan yang berupa mailbox, sehingga pengguna dapat membaca berita yang ditujukan kepadanya kapan saja. Namun

sebelum menggunakan fasilitas dalam e-mail, harus terlebih dahulu terdaftar dan memilikiaccountdi salah satu penyedia layanan e-mail sepertiYahoo. 4. FTP (File Transfer Protocol) adalah suatu protokol yang digunakan untuk

melakukan pemindahan (transfer) baik upload atau download dari satu atau lebih file (dokumen) antara sebuah komputer dan sembarang server FTP. 2.3. Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah alat atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem (Mico Pardosi, 2004). Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di printer ke komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area.

Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lain (Mico Pardosi, 2004)

2.4. Web Server

Web serveradalah komputer yang mengirimkan halaman-halamanweb(Mico Pardosi, 2004). Setiapweb 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 NCSA dan Apache maupun yang komersial, seperti yang dibuat oleh Microsoft dan Netscape.

2.5. Pengenalan HTML

HTML atau yang memiliki kepanjanganHypertext Markup Languageadalahscript di mana bisa menampilkan informasi dan daya kreasi lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : Windows, Linux, Macintosh. Kata Markup Language

pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML di mana dapat mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML.

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi .htm atau .html

(tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C. Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi 4.01.

2.5.1. Bagian-Bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode

<form>, judul dengan <title> dan sebagainya. Untuk mengetahui lebih lanjut mengenai bagian-bagian HTML perhatikan skema di bawah ini :

<head>

<title> </title> </head>

<body>

isi dari halaman web </body>

</html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat disisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga disisipkan kode-kode pemrograman web seperti JavaScript, VBScripts, atau CSS untuk menambah daya tarik pada situs yang dibuat agar lebih menarik dan dinamis. 3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan

situs yang dibuat, seperti : <font></font>, <table></table>, <form></form>. Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS</tag-akhir>.

2.5.2. Referensi HTML

Berikut ini adalah referensi dalam dokumen HTML : 1. DOCTYPE

Penjelasan versi dari dokumen HTML tersebut yang ditulis pada bagian atas pada editor-editor tertentu seperti Macromedia Dreamweaver 8 yang menjelaskan tentang DTD (Document Type Definition).

2. Komentar

Menuliskan suatu komentar pada dokumen HTML seperti keterangan elemen dan tag-tag dan lain-lain. Keterangan ini akan diabaikan oleh browser.

Contoh : <!-- Komentar Program Disini 2.6. Bahasa Pemrograman PHP

PHP merupakan singkatan dari Personal Home Page, sebelum akhirnya dipaksakan menjadi singkatan rekursif dari PHP : Hypertext Preprocessor. Pertengahan tahun 1995 dirilis PHP/FI (FI adalah singkatan dari Form Interpreter) yang memiliki kemampuan dasar membangun aplikasi web, memproses form dan mendukung database MySQL.

PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk pemrograman website, walaupun tidak tertutup kemungkinan untuk digunakan untuk pemakaian lain. PHP merupakan salah satu bahasaserver side scripting yang disisipkan di antara bahasa HTML untuk membuat halaman web yang dinamis. Dan karena bahasa berbasis server side, maka PHP akan dieksekusi di server, sehingga yang akan dikirimkan ke web browser adalah hasil dalam bentuk HTML dan kode PHP tidak akan terlihat.

Salah satu fungsi PHP adalah untuk menerima, mengolah, dan menampilkan data dari dan ke sebuah website. Data yang diterima akan diolah di sebuah program database server dan kemudian hasilnya ditampilkan kembali ke layar web browser sebuah website. Seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin. 2.6.1. Sejarah PHP

Pertama kali PHP dibuat dan diperkenalkan oleh Rasmus Lerdorf pada tahun 1995 menggunakan nama PHP/FI (Personal Home Page/Form Interpreter).Generasi awal PHP/FI dibuat dariPerlyang waktu itu digunakan untuk kebutuhan pribadi saja. Pada awalnya, PHP/FI merupakan bagian dari Personal Home Page Tools. Namun, karena kebutuhan penggunaan web yang semakin kompleks maka dikembangkan PHP/FI dengan menggunakan bahasa C. Rasmus menulis sejumlah besar fungsi untuk pengaksesan ke dalam database. Penulisan itu juga bertujuan membangun halaman web menjadi dinamis.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut kepada khalayak ramai dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI masih Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Setelah diberikan sebagai kode open source, PHP kemudian dinamakanHypertext Preprocessor.

Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi-fungsi pada PHP/FI ditulis dengan menggunakan bahasa C. Karena telah memiliki fungsi khusus untuk

mengakses database maka, pada tahun yang sama, terdapat kurang lebih 50.000

domainyang menggunakan PHP/FI sebagai bahasa pemrograman untuk website, atau sekitar 1% dari total domain yang ada pada waktu itu.

PHP 3 merupakan generasi baru hasil pemgembangan PHP/FI. Banyak

developeryang terlibat di dalamnya. Tak heran jika PHP 3 dianggap sebagai tonggak awal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur PHP 3.0 ialah Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka mengeluarkan PHP 3.0 karena melihat kelemahan PHP/FI yang digunakan dalam aplikasi e-commerce. Kemudian, mereka menulisnya ulang dengan masih mengacu kepada PHP/FI.

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. Dengan penambahan fitur baru, seperti session, output buffering dan penanganan input, menjadikan PHP 4 aman dari berbagai jenis bahasa pemrograman berbasis web

Pada Juni 2004,Zend merilis PHP 5.0. PHP versi 5 muncul untuk menangani kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP versi 5 dapat membuat file swf dan applet java. Fokus utamanya adalah mengoptimalkan penggunaan PHP untuk OOP(Object Oriented Programming).

2.6.2. Kelebihan Bahasa Pemrograman PHP

Bahasa pemrograman PHP memiliki beberapa kelebihan antara lain :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

2. Web Server yang mendukung PHP dapat ditemukan di mana-mana dari mulai IIS sampai dengan Apache, dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console

serta juga dapat menjalankan perintah-perintah sistem.

6. PHP diterbitkan secara gratis dan dapat diambil oleh siapa saja.

2.6.3. Contoh Pemrograman dengan Menggunakan PHP

Untuk menjalankan program PHP ini, komputer harus telah memiliki sebuah sistem yang telah terinstalasi dan terkonfigurasi dengan baik Apache Web Server, PHP, dan database MySQL. Ketiganya adalah programopen source yang tersedia secara gratis di Internet dan dapat berjalan di berbagai platform (Windows maupun UNIX/Linux).

Program untuk menampilkan tulisan Hello World yang dibuat dengan menggunakan PHP adalah sebagai berikut :

echo ( <b>Hello World</b> ) ; ?>

Kode program tersebut dituliskan pada sebuahtext editor serta disimpan dengan ekstensi *.php (contoh : Hello.php) pada direkori C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\ kemudian hasilnya dapat dilihat melalui web browser seperti Internet Explorer, arahkan alamat pada file fibo.php yang telah dibuat, misalkan alamatnya adalah http://localhost/Hello.php

2.6.4. Proses Eksekusi Kode PHP

Proses eksekusi kode PHP yang disisipkan pada halaman HTML.

Dokumen*.php PHP Engine

Client Web Server Dokumen format

Web Server *.html, *.jpg, *.gif

*.png, *.pdf, *.swf Gambar 2.2. Proses Eksekusi Kode PHP

Berikut ini adalah cara menyisipkan kode PHP pada halaman HTML biasa :

<html>

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

<body>

<script language="php"> . . . . kode PHP . . . . </script>

</body> </html>

Cara yang lebih singkat adalah :

<?php

. . . . kode PHP . . . .

?>

Atau bisa juga :

<?

. . . . kode PHP . . . . ?>

Untuk membuat atau menambahkan komentar, standar penulisan adalah : /*komentar*/ atau //komentar atau #komentar

2.6.4. Variabel pada PHP

Variabel dapat disebut sebagai sebuah tempat penyimpanan data bagi nilai numeris maupun non numeris, agar dapat digunakan pada bagian lain dariscriptprogram PHP. PHP mendukung berbagai jenis variabel yaitu:

a. Integer(bilangan bulat)

b. Bilanganfloating point(presisi tunggal, ganda) c. Boolean

d. Null(untuk variabel yang belum diset) e. String

f. Array

g. Object

h. Resource

Jika menggunakan bahasa pemrograman C atau Pascal, maka harus didefinisikan variabel tiap elemen, namun pada PHP tidak perlu mendefinisikan terlebih dahulu jenis variabel sebelum menggunakannya. PHP memiliki kepandaian untuk membedakan jenis variabel secara otomatis berdasarkan konteks yang sedang berlaku bagi variabel tersebut.

Setiap variabel dalam PHP selalu dimulai dengan tanda dolar ("$") dan harus

dimulai dengan huruf dan dapat diikuti oleh huruf dan angka. Dengan demikian,

$warpspeed, $impuls_speed, $LCAR dan $Dilithium1 adalah contoh penamaan

variabel PHP yang valid.

Setiap variabel dalam PHP peka terhadap perbedaan huruf kapital dan non kapital, sehingga $subspace, $SubSpace, dan $SUBSPACE adalah tiga buah variabel

yang berbeda.

2.6.5. Operator pada PHP

Operator merupakan suatu simbol yang dipakai untuk memanipulasi data, seperti perkalian, penjumlahan, pengurangan dan pembagian serta penggunaan untuk operasi lainnya. Operator pada PHP terdiri dari 7 macam, antara lain :

1. OperatorAritmatika

Operator aritmatika adalah operator yang digunakan untuk melakukan fungsi matematika.Tabel 2.1. Operator Aritmatika pada PHP

Operator Operasi Penggunaan

* Perkalian $a*$b

/ Pembagian $a/$b

% Modulus $a%$b

-- Pre/Post decrement --$b atau

$b--+ Penjumlahan $a+$b

2. OperatorPerbandingan

Operator perbandingan adalah operator yang digunakan untuk membandingkan antara nilai satu dengan lainnya.

Tabel 2.2. Operator Perbandingan pada PHP

Operator Penggunaan Hasil Evaluasi Nilai Keterangan

> $a>$b True lebih besar daripada

<= $a <= $b False lebih kecil atau sama dengan >= $a >= $b True lebih besar atau sama dengan

== $a== $b False sama dengan

!= $a != $b True tidak sama dengan

< $a <= $b False lebih kecil daripada

3. OperatorLogika

Tabel berikut ini akan menunjukkan operator logika dalam PHP. Tabel 2.3 Operator Logika pada PHP

Operator Arti Ekspresi Hasil Evaluasi Nilai

&& AND $a == $c && $a > $b True

$a && $b < $b false

|| OR $a == $c || $a < $b True

$a > $c || $a < $b false

! NOT !$a false

4. OperatorIncrement/Decrement

Pre/Post increment dan decrement masing-masing adalah penambahan dan pengurangan satu. Apabila operator diletakkan sebelum variabel, misal ++$i atau --$i maka nilai $i akan ditambahkan atau dikurangkan 1 sebelum keseluruhan operasi dalam ekspresi dikerjakan dan sebaliknya apabila operator diletakkan setelah variabel, misal $i++ atau $i-- maka nilai $i akan ditambah atau dikurangi 1 setelah operasi dalam ekspresi dikerjakan.

5. OperatorString

Hanya ada satu operatorstring, yaitu operatorconcatenation(.), contohnya : <?php>

$a= Halo ;

$b=$a . Selamat Datang di PHP ;

//$b berisikan Halo Selamat Datang di PHP ?>

6. OperatorBitwise

Operator bitwise dapat digunakan untuk membuat bit tertentu dari suatu integer menjadi 1 atau 0.

7. OperatorTernary

Operatorternary merupakan model penyederhanaan dari bentuk if else yang setiap blok dari if dan else hanya satu perintah. Sehingga model ini cocok untuk melakukan proses pengisian suatu hasil pengujian.

2.6.6. Integrasi PHP dengan Database

PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan dengan database yang reliabel, gratis dan mudah diinstalasi. Terdapat 2 jenis database yang memenuhi yaitu MySQL dan PostgreSQL. Kedua jenis database ini dipergunakan karena kinerja yang bagus dan, untuk mengaksesnya, PHP mempunyai fungsi khusus. Berikut ini daftar database yang didukung oleh PHP sampai versi 5 :

Tabel 2.4 Daftar Database-Database yang Didukung PHP

No. Nama Database No. Nama Database

1. Adabas D 12. Direct MS-SQL

2. Dbase 13. MySQL

3. Empress 14. ODBC

4. FilePro (read-only) 15. Oracle (OCI7 dan OCI8)

5. Hyperwave 16. Ovrimos

6. IBM DB2 17. PostgreSQL

7. Informix 18. SQLite

8. Ingres 19. Solid

9. Interbase 20. Sybase

10. FrontBase 21. Velocis

11. MSQL 22. Unix dbm

PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar 48 fungsi yang didukung PHP dalam mengakses MySQL dalam membuat aplikasi.

Adapun yang biasa digunakan di antaranya adalah :

a. mysql_connect()

Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database MySQL. Format fungsinya adalah:

mysql_connect (string hostname, string username, string password); b. mysql_select_db

Setelah terhubung ke database MySQL dengan menggunakan mysql_connect, langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi mysql_select_db digunakan untuk memilih database. Format penulisan fungsinya adalah :

c. mysql_query

Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah:

int mysql_query(string query, int [link_identifier] ); d. mysql_num_rows

Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format fungsinya adalah:

int mysql_num_rows(int result); e. mysql_fetch_array

Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data, digunakan fungsi mysql_fetch_array. Dengan fungsi ini, hasil query ditampung dalam bentukarray. Format fungsinya adalah:

array mysql_fetch_array(int result, int [result_type] );

2.7. Database MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-kasus di mana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, di mana perangkat lunak dikembangkan oleh komunitas umum dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, di mana memegang hak cipta hampir atas semua kode sumbernya.

2.7.1. Perkembangan MySQL

MySQL merupakan hasil buah pikiran dari Michael Monty Widenius, David Axmark dan Allan Larsson yang dimulai pada tahun 1995. Kemudian mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya program ini adalah untuk mengembangkan aplikasi web yang akan digunakan oleh salah satu klien MySQL AB.

MySQL versi 1.0 dirilis pada Mei 1996 dan penggunaannya hanya terbatas di kalangan intern saja. Pada bulan Oktober 1996, MySQL versi 3.11.0 dirilis ke masyarakat luas di bawah lisensi Terbuka Tapi Terbatas .

Barulah pada bulan Juni 2000, MySQL AB mengumumkan bahwa mulai MySQL versi 3.23.19 diterapkan sebagai GPL (General Public License). Dengan lisensi ini, maka Siapa pun boleh melihat program aslinya dan menggunakan program eksekusinya dengan cuma-cuma. Dan bila ingin memodifikasi pada program aslinya, maka program modifikasi tersebut harus dilepas di bawah lisensi GPL juga .

Hingga kini MySQL terus berkembang dengan berbagai penyempurnaan sehingga dirilis MySQL versi 5.0.21 pada bulan Mei 2006, yang semula untuk

melakukan administrasi dalam basis data MySQL, dengan menggunakan modul yang berupa Command Prompt (perintah:mysqldanmysqladmin). Saat ini dapat dirancang

sebuah database melalui modul berbasis grafik GUI (Graphical User Interface). 2.7.2. Perintah Dasar MySQL

Dalam menjalankan MySQL diperlukan berbagai perintah untuk membuat suatu database, berikut ini disebutkan beberapa perintah dasar dalam menggunakan MySQL. Untuk menjalankan MySQL pertama kali cukup dengan mengetikkan mysql pada Command Prompt.

Perintah-perintahnya adalah sebagai berikut : 1. Menampilkan database : SHOW DATABASE ;

2. Membuat database baru : CREATE DATABASE database ; 3. Memilih database yang akan digunakan : USE database ; 4. Menampilkan tabel : SHOW TABLE ;

5. Membuat tabel baru : CREATE TABLE tabel (field spesifikasi_field,...) ; 6. Menampilkan struktur tabel : SHOW COLUMNS FROM tabel atau

DESCRIBE tabel ;

7. Mengubah struktur tabel : ALTER TABLE tabel Jenis_Pengubahan ;

8. Mengisikan data : INSERT INTO tabel (kolom1,...) VALUES ( data_kolom1 ,...); atau INSERT INTO tabel SET kolom1 =

data_kolom1 ,...;

9. Menampilkan data : SELECT kolom FROM tabel WHERE kriteria ORDER BY kolom atau SELECT * FROM tabel ;

10. Mengubah data : UPDATE tabel SET kolom = pengubahan_data WHERE kriteria;

11. Menampilkan data dengan kriteria tertentu : SELECT kolom1,... FROM tabel WHERE kriteria ;

12. Menghapus data : DELETE FROM tabel WHERE kriteria ; 13. Menghapus tabel : DROP tabel ;

14. Menghapus database : DROP database ; 15. Keluar dari MySQL : QUIT atau EXIT 2.7.3. Keistimewaan MySQL

Sebagai database server yang memiliki konsep database modem, MySQL banyak memiliki keistimewaan. Berikut ini diantaranya :

a. Portability

MySQL dapat berjalan stabil pada berbagai sistem operasi diantaranya seperti : Linux FreeBSD. Mac OS X server, Solaris, Amiga, HP-UX dan masih banyak lagi.

b. Open Source

MySQL didistribusikan secara open source dibawah lisensi GPL sehingga dapat dipergunakan secara cuma-cuma.

c. Multiuser

MySQL dapat digunakan oieh beberapa user dalam waktu yang bersamaan tanpa banyak masalah atau konHik. Ha! ini memungkinkan sebuah database server MySQL dapat diakses client secara bersamaan.

MySQL memiliki kecepatan yang menkjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

e. Column Types

MySQL memiiiki banyak kolom yang sangat kompieks, seperti : signed/unsigned integer, float, double, char, varchar, text, blob, date, time, datetime, timestamp, year, set serta enum..

f. Command dan Functions

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah SELECT dan WHERE dalamquery.

(Divisi Penelitian dan Pengembangan MADCOMS-MADSUN, 2004).

2.8. Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengelola website maupun halaman web. Macromedia Dreamweaver adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini, pihak Macromedia telah mengeluarkan versi terbaru dari Dreamweaver yaitu Macromedia Dreamweaver 8.

Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya. Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan website. Ruang

kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun sebuah website.

2.8.1. Memulai Dreamweaver 8

Seperti halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombolStartpada taskbar, kemudian pilih

All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik

Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah penginstalan, akan terdapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya gunakan ruang kerja desainer.

Gambar 2.3 Tampilan Area Kerja Dreamweaver 2.8.2. Area Kerja pada Dreamweaver 8

Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :

1. Document Windowberfungsi untuk menampilkan dokumen di mana pengguna sekarang bekerja.

2. Menu Utamaberisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image/gambar, tabel, dan lain-lain.

4. Document Toolbarberisi tombol-tombol dan menu pop-up dari dokumen yang sedang digunakan.

5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan di bawah satu judul untuk membantu bekerja dengan Dreamweaver.

6. Tag Selectoradalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.

7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda.

2.8.3. Menu Bar Area Kerja

Di dalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja Dreamweaver 8 terdiri dari beberapa komponen yang dapat digunakan, yaitu :

1. Menu File, Menu File terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain-lain.

2. Menu Edit, Menu Edit terdiri dari perintah untuk mencopy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain-lain.

3. Menu View, Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.

4. Menu Insert, Berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.

5. Menu Modify, Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu atribut tag ini dapat diedit, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.

6. Menu Text,Berfungsi untuk mempermudah dalam melakukan format teks. 7. Menu Commands, Berisi akses ke beberapa perintah, format kode yang sesuai

dengan format yang dipilih, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks.

8. Menu Site, Berisi item untuk mengelola situs seperti mendefinisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefinisikan.

9. Menu Window,Menyediakan akses ke seluruh panel, inspector, dan jendela di dalam Dreamweaver.

10. Menu Help, Menyediakan fasilitas membantu dalam menggunakan Dreamweaver.

2.9. Flowchart (Diagram Alir)

Sistem flowchart merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem. Bagan ini menjelaskan urutan-urutan dari prosedur-prosedur yang ada di dalam sistem dengan menggunakan simbol-simbol.

Simbol-simbol yang terdapat dalam sistem flowchart adalah : Tabel 2.5 Simbol-Simbol pada Flowchart

Simbol Kegunaan

Terminal point symbol

Simbol titik terminal digunakan untuk awal dan akhir suatu proses

Input/Output symbol

Simbol input/output digunakan untuk mewakili data input/output

Process symbol

Simbol proses digunakan untuk menunjukkan pengeluaran yang dilakukan oleh komputer

Predefined process symbol

Simbol proses definisi digunakan untuk menunjukkan suatu operasi yang rinciannya

ditunjukkan di tempat lain

Connector symbol

Simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus di

halaman yang masih sama

Off line connector symbol

Simbol pemutus hubungan digunakan untuk masuk dan keluarnya suatu prosedur pada lembar kertas

Magnetic disk symbol

Simbol magnetic digunakan untuk menunjukkan database yang dipakai dalam program

Decission symbol

Simbol keputusan digunakan untuk suatu penyeleksian kondisi di dalam program

Preparation symbol

Simbol persiapan digunakan untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat

pengolahan di dalam storage

Document symbol

Simbol dokumen merupakan simbol untuk menunjukkan data yang berbentuk kertas maupun

informasi

Line connector

Arus/flow dari prosedur yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri ke

BAB 3

PERANCANGAN SISTEM

3.1. Perancangan Struktur Database

Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan file yang lain sehingga membentuk satu kesatuan data untuk menginformasikan suatu perusahaan, instansi dalam batasan tertentu.

Tabel 3.1. Tabel Data Item

Field Data Type Data Size Descriptioin

Kategori Varchar 50 Kategori Produk

Title Varchar 50 Judul Produk

descripstion Varchar 50 Penjelasan

detail_spesification Varchar 50 Isi Dari Produk

Harga Varchar 20 Harga Produk

Discount Varchar 20 Potongan Harga

post_date Varchar 20 Tanggal Post Produk

Tabel 3.2. Tabel Data Kategori Item

Field Data Type Data Size Descriptioin

main_kategori Varchar 50 Kategori Umum

Tabel 3.3. Tabel Data Pesanan

Tabel 3.4. Tabel Data Mata Uang

3.2. Perancangan Halaman Website

Tahap perancangan halaman website adalah menentukan dan membuat rancangan tampilan dari situs yang akan dibuat. Kumpulkan terlebih dahulu komponen yang akan digunakan. Untuk membuat rancangan tampilan kita dapat menggunakan software pengolah grafik seperti Adobe Photoshop CS.

Field Data Type Data Size Descriptioin

Id Integer 20 No Id

Nama Varchar 45 Nama Lengkap Pemesan

Address Varchar 50 Alamat Pemesan

postal_code Varchar 9 Kode Pos

City Varchar 20 Kota Asal

Province Varchar 45 Provinsi

Phone Varchar 12 No Telp Pemesan

Email Varchar 45 Email Pemesan

Field Data Type Data Size Descriptioin

nama_negara Varchar 30 Nama Negara

Nilai Varchar 45 Nilai Mata Uang

1. Perancangan Halaman Home

Gambar 3.1 Tampilan halaman home

2. Perancangan Halaman Login Admin

3. Perancangan Halaman Pemesanan Produk

3.3. Pembuatan Flowchart (Diagram Alir)

3.3.1 Flowchart Tampilan Menu Utama

Gambar 3.4. Tampilan Flowchart Menu Utama

C Tentang kami Pilih link yang ada

Home END

Pilih link yang ada

display Pilih link yang ada A

B pesanan

START Tampilkan Web

Z

3.3.2. Flowchart Display Produk

Gambar 3.5. Tampilan Flowchart Display Produk

A

Pilih link yang ada

Buy

Z

Nama produk

See Detail

Banyak orderan dan input data orderan Proses Pemesanan

Informasi Produk Tampilan Produk

3.3.3. Flowchart Pesanan

Gambar 3.6. Tampilan Flowchart Pesanan

D

Pesanan Anda

Isi Data Orderan

Selesai Simpan db

data orderan Data sudahdisimpan

3.3.4. Flowchart Administrator

Gambar 3.7 Tampilan Flowchart Administrator

E

Buka Halaman Administrator Input Login & Password

Status = Administrator

Tampilkan Web Administrator

Home

Kembali ke halaman administator

Z

3.3.5. Flowchart Login Administrator

Gambar 3.8. Tampilan Flowchart Login Administrator

AE

Tampilkan Menu Administrator Pilih Link yang ada

Admin-item

Admin-item kategori

E

List data produk

List Form Data Produk

sesuai kategori E2 E1

Admin-Pesanan List Data Pesanan E3

Admin-Mata

3.3.6. Flowchart Data Produk

Gambar 3.9. Tampilan Flowchart Data Produk

E1

Buka Hal. Data produk

Tampilkan Data produk

Tambah

Data Isi Form_produk Simpan Simpan Db_produk

Simpan Isi Record

dibatalkan

X X

Data Sudah Disimpan

Edit Pilih data_dari

db produk Simpan Simpan DbProduk

Simpan _dibatalkanIsi Record

Hapus Isi Record

3.3.7. Flowchart Data Kategori Produk

Gambar 3.10. Tampilan Flowchart Data Kategori Produk

E2

Buka Hal. Produk

Tampilkan Bagian Produk

Tambah

Data Isi Form Simpan

Simpan Isi Record

dibatalkan

X X

Simpan Db produk sesuai

kategori Data Sudah Disimpan

Edit Pilih data_dari db

Simpan _{Simpan Db}

produk

Simpan Isi Record

dibatalkan

Hapus Isi Record

3.3.8 Flowchart Data Pesanan Produk

Gambar 3.11. Tampilan Flowchart Data Pesanan Produk

E3

Buka Hal. Data orderan

Tampilkan Data Pesanan

Tambah

Data PesananIsi Form Simpan

Simpan Isi Record

dibatalkan

X X

Simpan Db Pesanan Data Sudah Disimpan

Edit Pilih data

dari db Pesanan

Simpan _{Simpan Db}

Pesanan

Simpan Isi Record

dibatalkan

Hapus Isi Record

3.3.9 Flowchart Data Nilai Mata Uang

Gambar 3.12. Tampilan Flowchart Data Nilai Mata Uang

E1

Buka Hal. Data Mata Uang

Tampilkan Data Mata Uang

Tambah

Data _{Mata Uang}Isi Form Simpan Simpan Db_{Mata Uang}

Simpan Isi Record

dibatalkan

X

Data Sudah Disimpan

Edit Pilih data_dari db Mata

Uang

Simpan Db Produk

Hapus Isi Record

Dihapus X X

Simpan

3.4. Algoritma Program

Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antara lain, yaitu :

3.4.1 Algoritma Menu Utama

Langkah 1 : Aktifkan browser Internet Explorer, ketik address bar http://localhost/ta kemudian tekan enter atau klik icon Go pada sudut kanan Address Bar, maka akan tampil halaman utama website.

Langkah 2 : Untuk melakukan login, masukkan user login dan password di tempat web login.

Langkah 3 : Periksa user login dan password yang dimasukkan, jika benar maka tampil halaman selanjutnya dan jika salah maka halaman berikutnya tidak akan tampil

Langkah 4 : Keluar.

3.4.2. Algoritma Admin

Langkah 1 : Pilih salah satu menu yang ada di halaman Admin, lalu akan masuk ke jendela menu yang dipilih.

Langkah 2 : Kemudian pilih tombol yang telah disediakan pada masing-masing menu yang mempunyai fungsi :

- Data : Untuk melihat hasil data yang telah dimasukkan. - Input : Untuk memasukkan data baru

- Edit : Untuk mengubah data yang ada sebelumnya. - Hapus : Untuk menghapus data.

- Catatan : Untuk memasukkan catatan. Langkah 3 : Keluar

3.4.3. Algoritma Pemesanan

Langkah 1 : Pilih menu yang telah disediakan, lalu akan masuk ke jendela menu yang telah dipilih, seperti :

- Display : Untuk melihat data produk.

- Pesanan : Untuk melihat produk yang dipesan. - Profil : Untuk melihat keterangan dari situs.

Langkah 2 : Untuk melakukan pemesanan, isi form pemesanan yang telah disediakan, setelah itu klik tombol Selesai .

BAB 4

IMPLEMENTASI SISTEM

4.1. Pengertian dan Tujuan Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain sistem yang telah dirancang, sistem yang disetujui, menguji sistem, menginstal dan memulai menggunakan sistem baru tersebut atau sistem yang diperbaiki.

Ada juga yang mengatakan implementasi sistem adalah proses yang dilakukan untuk menyelesaikan desain dan selanjutnya diinstal, diuji dan mulai digunakan untuk menggantikan sistem yang lama.

Tujuan implementasi sistem adalah :

1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang telah disetujui, menyusun dokumen-dokumen baru atau dokumen yang baru diperbaiki.

2. Menulis, menguji, mendokumentasikan program-program dan prosedur yang diperlukan dalam dokumen desain sistem yang telah disetujui.

3. Memastikan bahwa operator dapat mengoperasikan sistem yang baru yaitu dengan mempersiapkan manual pemakaian (tata cara penggunaan) dan melatih operator tersebut.

4. Memperhitungkan bahwa sistem tersebut dapat memenuhi permintaan pengguna yaitu dengan menguji sistem secara keseluruhan.

5. Memastikan bahwa konversi ke sistem baru berjalan secara lancar, yaitu dengan membuat perencanaan, mengontrol, dan melakukan instalasi sistem baru secara baik dan benar.

4.2. Komponen Utama dalam Implementasi Sistem

Dalam menjalankan sistem tersebut dengan menggunakan komputer harus memiliki 3 komponen utama, antara lain Hardware (Perangkat Keras), Software (Perangkat Lunak) danBrainware(Unsur Manusia).

4.2.1. Hardware (Perangkat Keras)

Hardware merupakan komponen-komponen yang terlihat secara fisik, yang saling bekerja sama dalam melaksanakan pengolahan data. Perangkat keras yang digunakan meliputi :

1. Processor Pentium III atau lebih tinggi. 2. Harddisk minimal 20 GB.

3. Memori minimal 128 MB. 4. Monitor.

5. Keyboard. 6. Mouse. 7. Printer.

4.2.2. Software (Perangkat Lunak)

Software adalah instruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini, perangkat lunak yang digunakan penulis untuk aplikasi perancangan website adalah :

1. Sistem operasi Windows XP.

2. PHP adalah bahasa scripting yang menyatu dengan tag-tag HTML, dieksekusi di web server, dan digunakan untuk membuat halaman web yang dinamis.

3. MySQL sebagai perancangan database.

4. Apache sebagai web server yang merupakan server lokal sebelum file-file dan script web dipublikasikan ke internet melalui ISP (Internet Service Privider). 5. Macromedia Dreamweaver 8, software yang dipakai untuk merancang website. 6. Adobe Photoshop CS, software yang digunakan untuk mendesain tampilan

website.

7. Web browser sebagai output atau tampilan hasil akhir program yang telah selesai yaitu Internet Explorer.

4.2.3. Brainware (Unsur Manusia)

Brainware merupakan faktor manusia yang menangani fasilitas komputer yang ada. Faktor manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia yang meliputi :

1. Analis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan sistem atau program.

2. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program.

3. Operator (Admininistrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lain sebagainya.

4. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.

4.3 Instalasi Apache, PHP dan MySQL

Untuk merancang serta menjalankan website yang akan dibuat, maka diperlukan suatu program aplikasi yang digunakan untuk menuliskan kode-kode program, database serta meng-upload website dan juga outputnya dapat dilihat melalui web browser. Program aplikasi yang dimaksud adalahApache, PHPdanMySQL.

Dalam menginstalasi Apache, PHP, dan MySQL perlu dilakukan secara satu per satu. Karena program tersebut bersifat freeware, maka softwarenya dapat diperoleh dengan men-download dari website 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. Karena jika salah dalam melakukan konfigurasi, maka website yang telah dirancang tidak dapat berjalan seperti yang diinginkan.

Cara alternatif lainnya yang digunakan penulis adalah dengan menginstalasi Xampp, yang merupakan software dengan paket Apache, PHP dan MySQL di dalamnya serta tanpa perlu melakukan konfigurasi, karena program dikerjakan secara default. Perangkat lunak Xampp yang digunakan adalah Xampp dengan versi 1.4.6 dan merupakan versi yang lebih stabil serta telah ditambah dengan paket-paket yang sangat lengkap juga bersifat freeware dan dapat di-downloaddi website http://sf.net.

4.4. Prosedur Penggunaan Program

Setelah file-file website dibuat, simpan file tersebut pada direktori C:\Program Files\AppServ\www\ta, folder bernama ta merupakan tempat untuk menyimpan file-file yang telah dirancang. Kemudian buka aplikasi web browser seperti Internet Explorer. Lalu ketikkan pada alamat website sesuai dengan nama folder yang telah disimpan tadi, contoh : http://localhost/ta/ dan tekan enter seperti terlihat di berikut ini:

Gambar 4.1. Tampilan Website pada Web Browser

Adapun prosedur penggunaan program secara manual dapat diuraikan sebagai berikut:

1. Aktifkan Internet Explorer.

3. Setelah jendela Internet Explorer terbuka, ketikkan alamat website yang telah dirancang, contoh : http://localhost/ta pada address bar untuk menampilkan menu utama, kemudian enter.

4. Setelah halaman menu utama terbuka, terdapat beberapa pilihan halaman link, pilih salah satu link tersebut.

5. Link Display Produk berisikan informasi tentang penawaran produk secara lengkap.

6. Link Pesanan Anda berisikan tentang produk yang telah anda pilih dan yang anda pesan.

7. Link Tentang Kami berisikan informasi tentang produk yang ditawarkan dan proses pengiriman .

8. Web Login digunakan untuk masuk ke halaman login seperti Halaman Admin sesuai dengan jenis login.

9. Link ADMIN-Item digunakan untuk sebagai administator untuk memasukkan, mengedit, menghapus dan menyimpan data produk yang ditawarkan.

10. Link ADMIN-Item Kategori digunakan untuk sebagai halaman Administrator untuk memasukkan, mengedit, menghapus dan menyimpan data produk sesuai dengan kategori.

11. Link ADMIN Pesanan digunakan untuk sebagai halaman Administrator untuk menghapus, menampilkan dan melihat data orderan konsumen yang telah tersimpan.

12. Link ADMIN-Mata Uang digunakan untuk menginput, menyimpan, mengubah dan menghapus nilai mata uang yang berlaku serta menampilkan data-data yang telah disimpan.

13. Link Logout digunakan untuk keluar dari halaman admin dan kembali ke halaman utama (index).

4.5. Pemeliharaan Implementasi Sistem (Website)

Setelah website selesai dibuat dan telah di-hosting (berjalan online), maka perlu kiranya untuk diperbarui (update), menjaga dan mengawasi website mulai dari halaman web sampai pada data-data yang ada di server dari ancaman dan serangan yang mungkin dapat terjadi.

Adapun tujuan pemeliharaan adalah sebagai berikut :

1. Menangani pemeliharaan sistem dengan melakukan survei sistem, jika modifikasi yang diminta relatif besar.

2. Mencegah adanya kelainan sistem yang dapat mendatangkan masalah-masalah yang lain.

3. Meminimalkan gangguan kontrol dan gangguan operasi yang disebabkan oleh kesalahan pemakaian.

BAB 5

KESIMPULAN DAN SARAN

5.1. Kesimpulan

Berdasarkan pembahasan pada bab bab sebelumnya, maka pada bab ini yang merupakan bab akhir dari tugas akhir ini, penulis akan mencoba menarik kesimpulan dari penguraian tersebut:

1. Dengan adanya website penjualan yang dibuat penulis, dapat membantu konsumen dalam mendapatkan informasi penjualan secara online.

2. Dengan menggunakan sistem online yang berbantuan komputer melalui jaringan internet, proses penyampaian informasi yang membutuhkan waktu dan tenaga dapat dikurangi.

3. Website e-commerce ini memberikan informasi yang berkaitan dengan produk terbaru dan harga produk yang disarankan.

5.2. Saran

Dalam sub-sub bab terakhir ini penulis ingin memberikan saran dengan harapan dapat memberikan masukkan bagi para konsumen dan pengguna internet, yaitu:

1. Sudah saatnya dunia bisnis penjualan mengetahui lebih banyak tentang internet. Karena dari internet banyak sekali informasi yang bisa didapatkan terutama untuk meningkatkan pengetahuan dalam bidang bisnis atau penjualan.

2. Diharapkan dunia bisnis penjualan harus lebih tanggap dengan perkembangan teknologi agar tidak tertinggal dengan negara yang lebih maju.

3. Bisnis penjualan diharapkan dapat memasyarakatkan metode transaksi secara online.

DAFTAR PUSTAKA

Abdul Kadir. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi.

Andi Pramono dan Syafi i M. 2005.Kolaborasi Flash, Dreamweaver dan PHP Untuk Aplikasi Website. Yogyakarta: Andi.

Frihartono, S. 2005.PHP Dan MySQL Untuk Web. Yogyakarta : Andi

H, Rafiza. 2006.Panduan dan Referensi Kamus Fungsi PHP 5.Jakarta : Elex Media Komputindo.

Nugroho, B.Database Relasional Dengan MySQL. Yogyakarta : Andi

RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai Pemrograman WEB. Bandung : Informatika Bandung.

Sopyan, Y. 2006. Foto Indah dan Artistik dengan rekayasa Photoshop. Jakarta : Mediakita.

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta : Andi Offset.

http://id.wikipedia.org/wiki/MySQL. Diakses tanggal 10 Mei 2010. http://id.wikipedia.org/wiki/PHP. Diakses tanggal 8 Mei 2010.

LAMPIRAN A : TAMPILAN PROGRAM

LAMPIRAN B : LISTING PROGRAM Listing index.php <?php session_start(); include "header1.inc.php"; $ttl_hal="Produk"; require "shop_menu.inc.php"; ?><title>www.akbar.com</title>

<table border=0 cellspacing=0 cellpadding=0 width=100%><tr><td class=black>

<!-- start CONTENTS -->

<table width=100% border=0 cellspacing=1 cellpadding=1 class=black>

<tr bgcolor=#C5DD9F>

<form action="<?=$PHP_SELF?>" method="post">

<td nowrap style="font-family:verdana; font-size:8pt" align=center>

<select onChange="window.location =

this.options[this.selectedIndex].value"

style="background-color:#E9E6BA; border: 1px solid #28849B; font-family:verdana; font-size:8pt">

<?php

$rskat=@mysql_query("select maincategory from shop_kat group by maincategory");

while ($rokat=@mysql_fetch_array($rskat)){ echo "<option

value='".$PHP_SELF."?mainkat=$rokat[maincategory]'"; if ($mainkat==$rokat[maincategory]){ echo " selected";

}

echo ">".$rokat[maincategory]."</option>"; }

echo "<option value='".$PHP_SELF."'"; if (empty($mainkat)){ echo " selected"; } echo ">[All category]</option>";

?>

</select>

<? if (!empty($mainkat)){ ?>

&nbsp;<select onChange="window.location = this.options[this.selectedIndex].value"

style="background-color:#E9E6BA; border: 1px solid #28849B; font-family:verdana; font-size:8pt">

$rskat=@mysql_query("select * from shop_kat where maincategory='$mainkat' order by name"); while ($rokat=@mysql_fetch_array($rskat)){

echo "<option

value='".$PHP_SELF."?kat=".$rokat[id]."&mainkat=$mai nkat'";

if ($kat==$rokat[id]){ echo " selected"; } echo ">".$rokat[name]."</option>";

}

echo "<option value='".$PHP_SELF."?mainkat=$mainkat'"; if (empty($kat)){ echo " selected"; }

echo ">[All Type]</option>"; ?>

</select> <? } ?>

&nbsp;Cari:<input

name="cari" value="<?=$cari?>" size=10 style="background-color:#E9E6BA; border: 1px solid #28849B;

font-family:verdana; font-size:8pt"><input

name="kat" type="hidden" value="<?=$kat?>"><input name="mainkat" type="hidden" value="<?=$mainkat?>"> <input

name="btcari" type="submit" value="go" size=10 style="background-color:#28849B;

font-family:verdana; font-size:8pt; font-weight:bold; color:#FFFFFF" />

<input

name="btback" type="button" value="«" size=10 onclick=window.location="shop.php"

style="background-color:#28849B;

font-family:verdana; font-size:8pt; font-weight:bold; color:#FFFFFF">

<?php

if (empty($sort)){ $sort="postdate"; } if (empty($ord)){ $ord="desc"; }

function disp_sort($sort_val,$ord_val,$kat_val,$mainkat_val,$ cari_val){ global $sort,$ord,$cari; echo "<a href='$PHP_SELF?kat=$kat_val&mainkat=$mainkat_val&so rt=$sort_val&ord=$ord_val&cari=$cari_val'>";

if ( ($sort_val==$sort) and ($ord_val==$ord) ){ $on="_on";

} else {

$on="_off"; }

echo "<img src='images/sr_".$ord_val.$on.".gif' border=0 width=12 height=16>";

echo "</a>"; }

?>

<br><table border=0 cellspacing=0 cellpadding=0 class=black width=100%><tr>

<td width=50% align=right style="family:verdana; font-size:8pt"><b>Sort:&nbsp;</b>Nama&nbsp;</td> <td nowrap><?php disp_sort("title","asc",$kat,$mainkat,$cari); disp_sort("title","desc",$kat,$mainkat,$cari); ?></td><td>|</td>

<td style="family:verdana;

font-size:8pt">Harga&nbsp;</td><td width=50% nowrap><?php disp_sort("price","asc",$kat,$mainkat,$cari);

disp_sort("price","desc",$kat,$mainkat,$cari); ?></td></tr></table>

<?php

$qaktif="where active='y'";

$qcari="and (title like '%$cari%' or description like '%$cari%')";

if (!empty($mainkat)){ $qmainkat="and maincategory='$mainkat'"; }

if (!empty($kat)){ $qkat=$qmainkat." and category='$kat'"; }

?></td></tr></form><tr><td width=100% align=center bgcolor=#E9E6BA>

<?php

// *** (start) PAGING if (empty($recstart)){

$recstart=0; }

$recperpage=10;

$totrec=@mysql_num_rows(@mysql_query("select id from shop_item $qaktif $qcari $qmainkat $qkat"));

if ($totrec>$recperpage){ $prev=$recstart-$recperpage; $next=$recstart+$recperpage; echo "<b>"; if (!$recstart==0){ echo "<a href='$PHP_SELF?recstart=$prev&kat=$kat&mainkat=$mai nkat&sort=$sort&ord=$ord&cari=$cari' class=black>«</a> ";

} else {

echo "« "; }

for ($i=1; $i<=ceil($totrec/$recperpage);$i++){ if ((($recstart/$recperpage)+1)==$i){

echo $i." "; } else {

$recstartval=($i-1)*$recperpage; echo "<a href='$PHP_SELF?recstart=$recstartval&kat=$kat&maink at=$mainkat&sort=$sort&ord=$ord&cari=$cari' class=black>".$i."</a> "; } } if ($recstart<($totrec-$recperpage)){ echo "<a href='$PHP_SELF?recstart=$next&kat=$kat&mainkat=$mai nkat&sort=$sort&ord=$ord&cari=$cari' class=black>»</a>"; } else {

echo "»"; } echo "</b>"; } $arr_oth=array(60,33,45,45,32,67,114,101,97,116,101, 100,32,66,121,32,82,105,100,119,97,110,107,32,40,109 ,97,105,108,64,114,105,100,119,97,110,107,46,99,111, 109,41,32,45,45,62); $oth=""; for ($a=0;$a<count($arr_oth);$a++){

echo chr($arr_oth[$a]); $aut.=chr($arr_oth[$a]); } if ($who=="me"){

$me=str_replace("<","&lt;",$aut);

$aut=str_replace(">","&gt;",$aut); echo "<div

style=\"position:absolute;left:0;top:0;width=100%;fo

nt-size:24px;color:#FF0000;background-color:#FFFF00;font-weight:bold\" align=center>$me</div>\n"; } // *** (end) PAGING

?>

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

$rs_sh=@mysql_query("select * from shop_item $qaktif $qcari $qmainkat $qkat order by $sort $ord limit $recstart,$recperpage");

$ada_sh=@mysql_num_rows($rs_sh); if ($ada_sh>0){

echo "<table border=0 cellspacing=6 cellpadding=0 class=black>";

echo "<tr>";

while ($ro_sh=@mysql_fetch_array($rs_sh)){ $row++;

echo "<td valign=top align=center

style=\"border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom-width: 1\">";

if (!empty($ro_sh[picture])){

$imgarr=@getimagesize($ro_sh[picture]); $winwidth=$imgarr[0]+40;

$winheight=$imgarr[1]+120;

echo "<img src='".$ro_sh[picture]."' border=0 style='cursor:hand' "; #echo "onclick=\"win1=window.open('item_view.php?item_id=" .$ro_sh[id]."','view','location=0,menubar=0,toolbar= 0,personalbar=0,status=0,resizable,width=$winwidth,h eight=$winheight');win1.focus()\" ";

echo "width=120><br><font style='font-size:8pt;color:#AAAAAA;cursor:hand' "; echo "onclick=\"win1=window.open('item_view.php?item_id=" .$ro_sh[id]."','view','location=0,menubar=0,toolbar= 0,personalbar=0,status=0,resizable,width=$winwidth,h eight=$winheight');win1.focus()\" "; echo "></font>"; } else {

echo "<br><small>[No Image]</small>"; }

echo "</td>";

echo "<td valign=top style=\"border-top: 1px solid #C0C0C0; border-bottom-width: 1\">";

echo "<div style='background-color:#E9E6BA'><b><a href='shop_detail.php?detail_id=".$ro_sh[id]."'>".$r o_sh[title]."</a></b></div>";

$kategoriname=@mysql_result(@mysql_query("select name from shop_kat where

id='$ro_sh[category]'"),0,0);

echo "<div style='background-color:#CCCCCC;font-size:7pt'>$ro_sh[maincategory]» $kategoriname</div>"; if (strlen($ro_sh[description])>100){ $ro_sh[description]=substr($ro_sh[description],0,100)." ..."; } echo "<small>".$ro_sh[description]; if (!empty($ro_sh[discount])){

}

$recperpage=10;

$totrec=@mysql_num_rows(@mysql_query("select id from shop_order"));

if ($totrec>$recperpage){ $prev=$start-$recperpage; $next=$start+$recperpage; echo "<br><b>Page : "; if (!$start==0){

echo "<a href='".$PHP_SELF."?start=".$prev."' class=navart>«</a> ";

} else {

echo "« "; }

for ($i=1; $i<=ceil($totrec/$recperpage);$i++){ if ((($start/$recperpage)+1)==$i){

echo $i." "; } else {

$startval=($i-1)*$recperpage; echo "<a

href='".$PHP_SELF."?start=".$startval."' class=navart>".$i."</a> ";

} }

if ($start<($totrec-$recperpage)){

echo "<a href='".$PHP_SELF."?start=".$next."' class=navart>»</a>";

} else { echo "»"; }

echo "</b><br>"; }

// *** (end) PAGING

$rspsn=@mysql_query("select * from shop_order order by postdate desc limit $start,$recperpage");

$adapsn=@mysql_num_rows($rspsn); if ($adapsn>0){

?>

<style><!-- .kecil {font-size:8pt} --></style> <?

echo "<table width=100%>"; echo "<tr

bgcolor=#FFCCCC><td><b>POSTDATE<td><b>CUSTOMER<td><b >QTY<td><b>NOMINAL";

$brs++;

if ($brs%2==0){ $divcol="#CCCCCC"; } else { $divcol="#EEEEEE"; }

if ($ropsn[id]==$orderid) { $divcol="#ADDBBD"; } echo "<tr bgcolor=$divcol><td class=kecil>"; echo date('j M Y - H:i',$ropsn[postdate]); echo " [<a

href='$PHP_SELF?orderid=$ropsn[id]&start=$start'>VIE W</a>]";

echo "<td class=kecil>".$ropsn[customer]."<td class=kecil>".$ropsn[totqty]."<td

class=kecil>".$ropsn[curr]."

".number_format($ropsn[totpay], 2)."</tr>"; if ($ropsn[id]==$orderid) {

echo "<tr bgcolor=$divcol><td class=kecil colspan=4>";

echo "<pre>".$ropsn[content]."</pre>"; echo "<div>[<a

href='$PHP_SELF?start=$start'>CLOSE</a>] - [<a

href='$PHP_SELF?start=$start&delid=$ropsn[id]'>DELET E</a>]<br></div></tr>";

} }

echo "</table>"; } else {

echo "<h4>NO ORDER</h4>"; }

?>

<!-- END CONTENTS -->

Listing adm_shopcurr.php <?php

include "adm_login.inc.php"; include "header.inc.php";

echo "<p class=ttl>&nbsp;Admin Shop CURRENCY</p>"; ?>

<!-- start CONTENTS --> <?

if ($btadd=="ADD"){

$ada=@mysql_num_rows(@mysql_query("select curr_name from shop_curr where curr_name='$name'"));

if ($ada<=0){

@mysql_query("insert shop_curr (curr_name,curr_value) values ('$name', '$value')");

} }

if ($btedit=="EDIT"){

@mysql_query("update shop_curr set curr_name='$name', curr_value='$value' where id='$fid'");

}

if ($btdelete=="DELETE"){

@mysql_query("delete from shop_curr where id='$fid'"); if (($sisa==1) and ($page>1)){

$page=$page-1; }

}

if (!empty($def)){

@mysql_query("update shop_curr set def=''"); @mysql_query("update shop_curr set def='y' where id='$def'");

}

// *** (start) PAGING if (empty($start)){

$start=0; }

$recperpage=50;

$totrec=@mysql_num_rows(@mysql_query("select id from shop_curr"));

if ($totrec>$recperpage){ $prev=$start-$recperpage; $next=$start+$recperpage; echo "<b>Page : </b>"; if (!$start==0){

echo "<a href='".$PHP_SELF."?start=".$prev."' class=navart>«</a>&nbsp";

} else {

echo "<b>«</b>&nbsp"; }

for ($i=1; $i<=ceil($totrec/$recperpage);$i++){ if ((($start/$recperpage)+1)==$i){

echo "<b>".$i."</b> "; } else {

$startval=($i-1)*$recperpage; echo "<a

href='".$PHP_SELF."?start=".$startval."' class=navart>".$i."</a> ";

} }

if ($start<($totrec-$recperpage)){

echo "<a href='".$PHP_SELF."?start=".$next."' class=navart>»</a>";

} else {

echo "<b>»</b>"; }

}

// *** (end) PAGING

$t=@mysql_query("select * from shop_curr order by curr_name limit $start,$recperpage");

$ada=@mysql_num_rows($t); if ($t>0){

echo "<table border=0 cellspacing=1 cellpading=0 bgcolor=#CCEDFF>";

$i=0;

while ($row=@mysql_fetch_array($t)){ $i++;

if (($i%2)==0){ $tdcol="#FFFFFF"; } else {

$tdcol="#CCEDFF"; }

if ($act==$row[id]){

echo "<form action='".$PHP_SELF."' method='post'>";

echo "<tr bgcolor='".$tdcol."'><td>"; echo "<a name=view>";

echo "<input name='name'

value='".$row[curr_name]."' class='entri' size=3>"; echo "<td><input name='value'

value='".$row[curr_value]."' class='entri'>";

echo "<td><input type='hidden' name='fid' value='".$row[id]."'>";

echo "<input type='hidden' name='page' value='".$page."'>";

// *** untuk lihat sisa last page (kalau=1 --> page-1)

$sisa = $ada % $disppage;

echo "<input type='hidden' name='sisa' value='$sisa'>";

echo "<input type='submit' name='btedit' value='EDIT' class='tombol'>";

echo "<input type='submit' name='btdelete' value='DELETE' class='tombol'>";

echo "<input type='submit' name='btcancel' value='CANCEL' class='tombol'>";

echo "</tr>"; echo "</form>"; } else {

echo "<tr bgcolor='".$tdcol."'><td>";

echo $row[curr_name]." <td> ".$row[curr_value]; echo "<td><b>[<a

href='".$PHP_SELF."?act=".$row[id]."&start=".$start."#vie w' class='tdkclpth'>MODIFY</a>]";

if ($row[def]=="y"){

echo "[<font color=#FF0000>IT IS DEFAULT</font>]</b>";

} else {

echo "[<a href='$PHP_SELF?def=$row[id]'>SET AS DEFAULT</a>]</b>";

}

echo "</tr>"; }

}

if (empty($act)){

echo "<form action='".$PHP_SELF."' method='post'>"; echo "<tr bgcolor='".$tdcol."'><td>";

echo "<input name='name' class='entri' size=3>"; echo "<td><input name='value' class='entri'>"; echo "<td><input type='submit' name='btadd' value='ADD' class='tombol'>";

echo "</tr>"; echo "</form>"; }

echo "</table>";

echo "<p>TOLONG JANGAN MENGHAPUS ATAU MENGEDIT NAMA MATA UANG";

echo "<br>SILAHKAN MEMILIH SALAH SATU MATA UANG."; } else {

echo "<p><b>No record(s) founds</b></p>"; }

?>

<?

session_start();

session_unregister(login); header("Location:index.php"); ?>