TUGAS AKHIR PENGGUNAAN TEKNOLOGI INTERNET (E-COMMERCE) DALAM MELAKUKAN TRANSAKSI PERDAGANGAN (STUDI KASUS DI COMPUSHOP PT.

Transkripsi

1 TUGAS AKHIR PENGGUNAAN TEKNOLOGI INTERNET (E-COMMERCE) DALAM MELAKUKAN TRANSAKSI PERDAGANGAN (STUDI KASUS DI COMPUSHOP PT. SOLO JALA BUANA) Diajukan Untuk Memenuhi Tugas dan Syarat-syarat Guna Memperoleh Gelar Sarjana Teknik pada Fakultas Teknik Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta Oleh : AYUB INDRA PERDANA NIM : D JURUSAN ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2011

2

3

4

5 MOTTO If You Can't Explain it Simply, You Don't Understand It Well Enough. ~ Albert Einstein ~ Make It Simple But Not Simpler. ~ Albert Einstein ~ Bhinneka Tunggal Ika. ~ Mpu Tantular ~ v

6 ABSTRAKSI CompuShop merupakan toko yang menjual berbagai macam hardware dan software dan bernaung dibawah manajemen PT. Solo Jala Buana. Guna memperluas pemasaran produknya, maka dibangun sebuah sistem penjualan online dengan media internet dimana pembelian dan pembayaran bisa dilakukan secara online. Sistem penjualan online CompuShop dibangun menggunakan bahasa pemrograman PHP dan basis data MySQL. Sistem ini menjadikan kegiatan transaksi jual beli dapat berjalan dengan lancar, mudah, cepat dan akurat. Para calon pembeli dapat dengan mudah memilih, melihat, membeli serta membayar produk yang dibeli secara online. Pengujian sementara dilakukan menggunakan melalui localhost dengan web server Apache pada komputer stand alone, untuk pengujian lanjutan, sistem akan di-upload ke internet menggunakan web hosting yang mendukung bahasa pemrograman PHP dan memiliki server basis data MySQL. Sehingga dapat diketahui respon sistem jika diakses lebih dari satu user. Kata Kunci : Jual Beli, Internet, CompuShop, PHP, MySQL. vi

7 KATA PENGANTAR Puji syukur Alhamdulillah, penulis panjatkan kehadirat Allah SWT yang telah memberikan Rahmat, Hidayah dan Karunia-Nya, sehingga penulis dapat menyelesaikan tugas akhir ini dengan judul PENGGUNAAN TEKNOLOGI INTERNET (E-COMMERCE) DALAM MELAKUKAN TRANSAKSI PERDAGANGAN (STUDI KASUS DI COMPUSHOP PT. SOLO JALA BUANA). Sebagai salah satu syarat untuk menempuh gelar Sarjana Teknik Elektro pada Fakultas Teknik Elektro Universitas Muhammadiyah Surakarta. Penulis menyadari bahwa selesainya penulisan tugas akhir ini tidak terlepas dari pihak-pihak yang telah memberikan bantuan moril maupun materiil. Dengan segala kerendahan hati, pada kesempatan ini penulis menyampaikan rasa terima kasih yang sedalam-dalamnya kepada : 1. Ir. Agus Riyanto, M.T. selaku Dekan Fakultas Teknik Universitas Muhammadiyah Surakarta yang telah memberikan ijin penulisan tugas akhir ini. 2. Ir. Jatmiko, M.T. selaku Ketua Jurusan Teknik Elektro. 3. Endah Sudarmilah, S.T., M.Eng. selaku Pembimbing Akademik dan juga merangkap Pembimbing I dalam penyelesaian tugas akhir ini, yang telah banyak membimbing selama menempuh studi di Teknik Elektro UMS dan vii

8 memberikan pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini. 4. Umi Fadlilah, S.T. selaku Pembimbing II yang telah memberikan banyak nasehat, bimbingan, dorongan, bantuan dan pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini. 5. Bapak, Ibu dan adik-adikku tercinta yang tak pernah letih memberikan do a, dukungan, semangat dan dengan segala kekurangan dan kelebihan yang dimiliki dapat menjadikanku seperti yang sekarang ini. 6. All DjinggaCommunity (Hana Uban, Topik, Affandi Noor Pandik, Eko Plorok, Endro, Yayan, Yudhi, Udin Petonx, Bambang, Ahmad, Rizky Si Bos, Wiryo, Sabari, dll.) Terimakasih banyak kawan..!! 7. Semua pihak yang tidak bisa disebutkan satu-persatu yang sangat membantu hingga terselesainya tugas akhir ini. Akhir kata, penulis menyadari bahwa Tugas Akhir ini masih jauh dari kesempurnaan. Saran dan kritik yang membangun sangat penulis harapkan. Semoga karya ini dapat bermanfaat untuk rekan-rekan mahasiswa dan pihak-pihak yang berkepentingan. Surakarta, Maret 2011 Penulis viii

9 DAFTAR ISI HALAMAN JUDUL... LEMBAR PERSETUJUAN... HALAMAN PENGESAHAN... DAFTAR KONTRIBUSI... HALAMAN MOTTO... HALAMAN ABSTRAKSI... KATA PENGANTAR... DAFTAR ISI... DAFTAR GAMBAR... DAFTAR TABEL... BAB I PENDAHULUAN 1.1 Latar Belakang Rumusan Masalah Tujuan Penelitian Batasan Masalah Manfaat Penelitian Sistematika Penulisan... BAB II LANDASAN TEORI 2.1 Data Sistem Karakteristik Sistem... i ii iii iv v vi vii ix xiii xiv ix

10 2.3 Informasi Kualitas Informasi Penjualan Sistem Informasi Internet HTML (HyperText Markup Language) Bagian-Bagian HTML PHP (PHP: Hypertext Preprocessor) Penggabungan PHP dan HTML Embedded Script Non Embedded Script CSS (Cascading Style-Sheet) Javascript Kelebihan Javascript Basis Data MySQL Web Server Apache... BAB III PERANCANGAN DAN PEMBUATAN SISTEM 3.1 Perancangan Sistem Administrator Pengunjung (Calon pembeli) Implementasi Perancangan x

11 3.3 Instalasi dan Konfigurasi Sistem Instalasi Apache, PHP dan MySQL Instalasi WampServer Menjalankan WampServer Struktur Basis Data Relasi Antar Tabel Perancangan Struktur Web Data Flow Diagram (DFD) Bagan Alir (Flowchart) Program... BAB IV PENGUJIAN DAN ANALISIS SISTEM 4.1 Komponen Sistem Kebutuhan Perangkat Keras/Hardware Komputer Server Komputer Client Kebutuhan Perangkat Lunak/Software Komputer Server Komputer Client Kebutuhan Operator/Brainware Kebutuhan Internet Pengujian Sistem Akses Pengunjung Terhadap Halaman Depan Sistem xi

12 4.2.2 Akses Pengunjung Terhadap Halaman Semua Produk Akses Pengunjung Terhadap Halaman Hasil Pencarian Akses Pengunjung Terhadap Halaman Detail Info Produk Akses Pengunjung Terhadap Halaman Keranjang Belanja Akses Pengunjung Terhadap Halaman Hubungi Kami Akses Administrator Terhadap Halaman Administrator Analisis Hasil Perancangan Sistem Analisa Pengunjung Dalam Mengirim Pesan Analisa Untuk Halaman Administrator Analisa Sistem Dalam Pemesanan Produk Perbandingan Tampilan Sistem Antar Peramban (Browser) Hasil Pengujian Sistem... BAB V PENUTUP 5.1 Kesimpulan Saran... DAFTAR PUSTAKA xii

13 DAFTAR GAMBAR Gambar 3.1 Gambar 3.2 Gambar 3.3 Gambar 3.4 Gambar 3.5 Gambar 3.6 Gambar 3.7 Gambar 3.8 Gambar 3.9 Gambar 3.10 Gambar 3.11 Gambar 3.12 Gambar 3.13 Gambar 3.14 Gambar 3.15 Gambar 3.16 Gambar 3.17 Gambar 3.18 Gambar 3.19 Gambar 3.20 Gambar 4.1 Ikon WampServer2.1a-x32.exe... Instalasi WampServer Persetujuan WampServer Lokasi instalasi WampServer Pusat kontrol WampServer Localhost WampServer Hubungan antar tabel basis data... Tampilan halaman utama pengunjung... Tampilan halaman detail info produk... Tampilan halaman login administrator... Tampilan halaman utama administrator... Diagram Alir Data... Flowchart halaman utama... Flowchart halaman home... Flowchart halaman semua produk... Flowchart pencarian kata... Flowchart menampilkan konten statis... Flowchart keranjang belanja... Flowchart hubungi kami... Flowchart halaman administrator... Tampilan halaman utama xiii

14 Gambar 4.2 Gambar 4.3 Gambar 4.4 Gambar 4.5 Gambar 4.6 Gambar 4.7 Gambar 4.8 Gambar 4.9 Gambar 4.10 Gambar 4.11 Gambar 4.12 Gambar 4.13 Gambar 4.14 Gambar 4.15 Gambar 4.16 Gambar 4.17 Gambar 4.18 Tampilan halaman semua produk... Tampilan halaman pencarian... Tampilan halaman detail info produk... Tampilan peringatan masih kosong... Tampilan halaman keranjang belanja... Tampilan halaman hubungi kami... Tampilan halaman login administrator... Tampilan halaman menu administrator... Tampilan peringatan... Tampilan pemberitahuan sukses mengirim pesan... Tampilan peringatan... Tampilan halaman menu administrator... Tampilan halaman utama dengan google chrome... Tampilan halaman utama dengan firefox... Tampilan halaman utama dengan internet explorer... Penilaian pelanggan terhadap setiap pertanyaan... Penilaian administrator terhadap setiap pertanyaan xiv

15 DAFTAR TABEL Tabel 3.1 Tabel 3.2 Tabel 3.3 Tabel 3.4 Tabel 3.5 Tabel 3.6 Tabel 3.7 Tabel 3.8 Tabel 3.9 Tabel 3.10 Tabel 3.11 Tabel 4.1 Tabel 4.2 Tabel admins... Tabel hubungi... Tabel kategori... Tabel kota... Tabel mod_ym... Tabel modul... Tabel orders... Tabel orders_detail... Tabel orders_temp... Tabel produk... Tabel statistik... Tabel data penelitian terhadap pengunjung... Tabel data penelitian terhadap administrstor xv

16 Surat Pernyataan Publikasi Karya Ilmiah Bismillahirrohmanirrohim Yang bertanda Tangan dibawah ini, saya Nama : Ayub Indra Perdana NIM : D Fakultas/Jurusan : Teknik/Teknik Elektro Jenis : Skripsi Judul : PENGGUNAAN TEKNOLOGI INTERNET (E- COMMERCE) DALAM MELAKUKAN TRANSAKSI PERDAGANGAN (STUDI KASUS DI COMPUSHOP PT. SOLO JALA BUANA) Dengan ini menyatakan bahwa saya menyetujui untuk 1. Memberikan hak bebas royalty kepada pihak perpustakaan UMS atas penulisan karya ilmiah saya,demi pengembangan ilmu pengetahuan. 2. Memberikan hak menyimpan,mengalih mediakan/mengalih formatkan, mengelola dalam bentuk pangkalan data database), mendistribusikanya, serta menampilkanya dalam bentuk softcopy untuk kepentingan akademis perpustakaan UMS dengan meminta ijin kepada saya selama tetap mencantumkan nama saya sebagai penulis/pencipta. 3. Bersedia menjamin untuk menanggung secara pribadi tanpa melibatkan pihak perpustakaan UMS, dari semua bentuk tuntutan hukum yang timbul atas pelanggaran hak cipta dalam karya ilmiah ini. Bersedia menjamin untuk menanggung secara pribadi tanpa melibatkan pihak perpustakaan UMS,dari semua bentuk tuntutan hukum yang timbul atas pelanggaran hak cipta dalam karya ilmiah ini. Demikian pernyataan ini saya buat dengan sesungguhnya dan semoga dapat digunakan sebagaimana mestinya. Surakarta,12 Maret 2011 Yang menyatakan Ayub Indra Perdana

17 BAB I PENDAHULUAN 1.1 Latar Belakang Perdagangan di era teknologi Internet, atau yang lebih dikenal dengan istilah e-commerce (electronic commerce) akhir-akhir ini telah marak dengan bermunculannya ribuan bahkan lebih perusahaan yang menawarkan barang dagangannya melalui website. Perusahaan - perusahaan ini seakan - akan berlomba untuk menjajakan barang dagangannya melalui internet karena adanya peluang pasar yang begitu besar. Pasar yang demikian besar yang terdapat pada komunitas internet sangat sayang untuk dilewatkan begitu saja. Banyak para pelaku pasar baru dari macam-macam produk telah melirik untuk masuk di dalam bisnis di dunia maya ini dan mendirikan tokonya disini. Persaingan yang ketat tentunya membuat para pelaku pasar berlomba-lomba untuk menyediakan berbagai fasilitas dan kemudahan untuk melirik konsumen memasuki website-nya dengan tujuan terakhir tentu saja untuk membeli produk yang mereka jual. Salah satu fasilitas dan kemudahan yang ditawarkan tentunya juga kemudahan para calon pembeli untuk menyusuri data-data barang dan cara pemesanan. Para calon pembeli yang merasakan bagaimana mudahnya menyelusuri serta memesan atau membeli melalui website suatu perusahaan tertentu pasti akan sangat tertarik, atau paling 1

18 2 tidak mereka tidak segan-segan untuk mencoba kembali lagi bila mereka hendak memesan barang. Website (situs) yang nantinya akan berisi katalog barang yang hendak dijual, dimana pengunjung toko dapat memesan barang yang dikehendaki. Sistem katalog dan pemesanan barang yang digunakan adalah sebuah aplikasi database yang terkoneksi ke sebuah server database yang menggunakan database server MySQL dan bahasa scripting PHP. Database yang dibuat memudahkan para user yang mengunjungi situs ini untuk melihat -lihat data maupun memesan barang. Dalam pelaksanaan tugas akhir ini akan dibuat suatu website yang kurang lebih mempunyai fungsi yang sama dengan toko-toko biasa hanya saja toko ini berada di internet dengan menggunakan MySQL sebagai server databasenya dan PHP sebagai bahasa scriptingnya. Latar belakang digunakannya MySQL sebagai server database yang utama karena MySQL cukup cepat dan sangat banyak library serta contoh program yang dapat digunakan. MySQL juga memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan user. Kecepatan query MySQL bisa sepuluh kali lebih cepat daripada Postgresql dan lima kali lebih cepat ketimbang InterBase untuk query yang dilakukan oleh single user. MySQL mendukung beberapa bahasa scripting yaitu : bahasa scripting C, Perl, ASP, JSP dan PHP. Bahasa C adalah bahasa scripting untuk keperluan umum jadi secara prinsipil bahasa C dapat digunakan untuk apa saja, namun pada kenyataannya bahasa C lebih sering digunakan untuk program

19 3 yang berdiri sendiri dari pada pemrograman web. Satu alasan lain adalah penggunaan bahasa C tidak semudah Perl atau PHP untuk pemrosesan teks dan manajemen memori, sehingga lebih berat untuk digunakan pada aplikasi web. Bahasa scripting Perl juga seperti Bahasa C, cocok untuk penulisan program yang berdiri sendiri, tetapi Perl juga cukup berguna untuk pengembangan website, seperti contohnya dalam penggunaan modul CGI.pm. Hal ini yang membuat Perl sebagai bahasa yang cukup mudah digunakan untuk penulisan aplikasi yang menghubungkan MySQL dengan web, sedangkan bahasa scripting PHP memang didesain untuk penulisan aplikasi web, maka jelas apabila PHP adalah yang paling cocok dalam hal ini. Lebih jauh lagi akses database adalah salah satu kekuatan terbesar dari PHP jadi pilihan cocok untuk aplikasi web yang berhubungan dengan MySQL. Oleh karena latar belakang inilah maka disini digunakan PHP sebagai bahasa scriptingnya. Berdasarkan dari uraian diatas, maka saya menyimpulkan untuk mengambil judul Penggunaan Teknologi Internet (E-Commerce) Dalam Melakukan Transaksi Perdagangan (Studi Kasus Di CompuShop PT. Solo Jala Buana). 1.2 Rumusan Masalah Sesuai dengan latar belakang yang telah dipaparkan, maka rumusan masalah yang akan dikaji dalam penelitian ini adalah : 1. Bagaimana merancang dan membuat aplikasi e-commerce nya.

20 4 2. Bagaimana menerapkan sistem penjualan online di CompuShop. 1.3 Tujuan Penelitian Perancangan dan penelitian ini bertujuan untuk : 1. Merancang dan membuat aplikasi e-commerce pada CompuShop. 2. Menerapkan sistem penjualan online di CompuShop. 1.4 Batasan Masalah Agar dalam pembuatan website berbasis e-commerce ini dapat mencapai sasaran dan tujuan yang diharapkan, maka permasalahan yang ada dibatasi sebagai berikut : 1. Pembuatan website e-commerce menggunakan bahasa pemrograman PHP. 2. Webserver menggunakan WampServer 2.0i. Merupakan satu paket software yang didalamnya terdapat Apache , MySQL , dll. 3. Fasilitas untuk memasukkan produk-produk yang dijual. 4. Fasilitas untuk melihat rincian barang yang akan dibeli melalui keranjang belanja. 5. Pengujian akan dilakukan secara online.

21 5 1.5 Manfaat Penelitian Manfaat yang diharapkan dapat diperoleh dari Tugas Akhir ini adalah : 1. Memudahkan dalam proses transaksi yang dapat dilakukan kapan saja dan dimana saja selama masih terkoneksi dengan jaringan internet. 2. Tersedianya e-commerce pada CompuShop. 3. Menambah pengetahuan penulis dalam pemrograman web. 1.6 Sistematika Penulisan Tugas Akhir ini nantinya disusun dengan sistematika penulisan sebagai berikut : BAB I PENDAHULUAN Bab ini membahas tentang latar belakang masalah, perumusan masalah, tujuan tugas akhir, metode penelitian yang digunakan untuk pembuatan tugas akhir dan sistematika penulisan. BAB II LANDASAN TEORI Berisi mengenai teori penunjang dalam perancangan dan pembuatan Tugas Akhir. Mulai dari E-Commerce, Konsep Dasar Jaringan, Programming, Web Server dan Web Browser, dsb.

22 6 BAB III PERANCANGAN DAN PEMBUATAN SISTEM Membahas langkah dari proses perancangan dan pembuatan sistem. BAB IV PENGUJIAN SISTEM Menunjukkan bentuk pengujian dan hasil pengujian dari perancangan aplikasi e-commerce disertai dengan analisa sehingga didapatkan bukti kuat dari hipotesis yang dilakukan. BAB V PENUTUP Menguraikan kesimpulan Tugas Akhir dan saran-saran sebagai bahan pertimbangan untuk pengembangan penelitian selanjutnya.

23 BAB II LANDASAN TEORI 2.1 Data Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick,dkk (1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah fakta yang sudah ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk media (Gultom et al, 2005). Dalam dunia usaha dewasa ini, pengaruh data dan informasi dapat dikatakan sangat memegang peranan penting. Adapun istilah data adalah suatu istilah majemuk dari datum yang berarti fakta atau bagian dari fakta yang mengandung arti, yang berhubungan dengan kenyataan, simbolsimbol, gambar-gambar, kata-kata, angka-angka, huruf-huruf atau simbolsimbol yang menunjukkan ide, objek, kondisi atau situasi. Jelasnya data itu dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan data adalah sebagai bahan dasar yang objektif dalam proses penyusunan kebijakan dan keputusan. Dalam kaitannya dengan pengolahan data dengan komputer, pengerian data dapat dibatasi pada fakta-fakta yang dapat direkam. Dalam setiap pengolahan data, data merupakan sumber informasi yang dapat dihasilkan. 7

24 8 2.2 Sistem Terdapat dua kelompok pendekatan dalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Suatu sistem adalah suatu jaringan kerja untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Sedangkan pengertian prosedur itu sendiri menurut Richard F. Neuschel, prosedur suatu urutan- operasi klerikal (tulis menulis), biasanya melibatkan beberapa orang dalam satu atau lebih departemen, yang diterapkan untuk menjamin penanganan yang seragam dari transaksitransaksi bisnis yang terjadi. (Yogianto, 1989) Karakteristik Sistem Suatu sistem mempunyai karakteristik atau sifat-sifat yang tertentu, yaitu mempunyai komponen-komponen (components), sistem data (boundary), lingkungan luar sistem (environments), penghubung (interface), masukan (input), keluaran (output), pengolahan (proses) dan sasaran (objectives) atau tujuan (goal). Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Lingkungan luar dari suatu sistem adalah apapun diluar dari batas sistem yang mempengaruhi operasi sistem. Penghubung merupakan media penghubung antara suatu subsistem dengan

25 9 subsistem yang lainnya. Keluaran dari suatu subsistem akan menjadi masukan untuk subsistem yang lainnya dengan melalui penghubung. Masukan adalah energi yang dimasukkan ke dalam sistem dapat berupa masukan perawatan dan masukan sinyal. Masukan perawatan dimasukkan supaya sistem dapat beroperasi sedangkan sinyal untuk mendapatkan keluaran. Keluaran adalah hasil dari energi yang diperoleh dan diklasifikasikan menjadi keluaran yang berguna dari sisi pembuangan. Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran. Suatu sistem pasti mempunyai tujuan atau sasaran. Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang dihasilkan sistem (Yogianto, 1989). 2.3 Informasi Informasi adalah data yang dibentuk menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya. (Yogianto, 1989). Menurut George R. Terry, bahwa informasi adalah data yang memberikan pengetahuan yang berguna. Sedangkan menurut Gordon B. Davis informasi adalah suatu data yang lebih diolah menjadi sebuah bentuk yang penting bafi penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan

26 10 datang. Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur sebagai berikut : 1. Relavan artinya informasi yang diinginkan benar-benar ada relevansi dengan masalah yan dihadapi. 2. Kejelasan artinya terbebas dari istilah-istilah yang membingungkan. 3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan lengakp. 4. Tepat waktu artinya data yang disajikan adalah data terbaru dan mutakhir Kualitas Informasi Kualitas dari suatu sistem informasi (quality of information) tergantung dari 3 hal, yaitu informasi harus akurat (accurate), tepat pada waktunya (timeliness) dan relevan (relevance). Yang dimaksud dengan akurat berarti informasi harus bebas dai kesalahan-kesalahan dan tidak bisa atau menyesatkan. Sedangkan tepat waktu berarti, informasi yang datang pada penerima tidak boleh terlambat, dan yang terakhir relevan, berarti informasi tersebut mempunyai manfaat untuk pemakainya. (Yogiyanto, 1989). 2.4 Penjualan Penjualan adalah suatu sistem keseluruhan dari kegiatan usaha yang ditujukan untuk merencanakan, menentukan harga, mempromosikan

27 11 dan mendistribusikan barang, jasa, ide kepada pasar sasaran agar dapat mencapai tujuan organisas (Basu Swastha, 1989). 2.5 Sistem Informasi Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan (Yogiyanto, 1989). Menurut Simkin Mark G dalam bukunya yang berjudul computer information system for bussiness, sistem informasi adalah sekumpulan elemen yang bekerja secara bersama-sama baik secara manual ataupun berbasis komputer dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan, pemrosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi proses pengambilan keputusan. Menurut Burch dan Strater dalam bukunya information system : theory and practice, sistem informasi adalah suatu kumpulan fungsi-fungsi yang bergabung secara formal dan sistematis yaitu : 1. Melaksanakan pengolahan data transaksi operasional. 2. Menghasilkan informasi untuk mendukung manajemen dalam melaksanakan aktifitas perencanaan, pengendalian dan pengambilan keputusan. 3. Menghasilkan berbagai laporan bagi kepentingan eksternal organisasi.

28 12 Dari definisasi diatas terlihat bahwa sistem informasi merupakan satu kesatuan unsur (manusia dan peralatan) yang bekerjasama secara untuk melaksanakan pengolahan informasi dari mulai mengumpulan, pengolahan, penyimpangan sampai pendistribusiannya. 2.6 Internet Internet adalah jaringan luas dari komputer, yang lazim disebut dengan worldwide network. Dengan internet maka anda akan dapat mencari jutaan infomasi, mulai dari informasi kota-kota dunia, pemerintahan, budaya, teknologi, pribadi, berita (majalah dan koran dari seluruh dunia), software komputer, iklan-iklan perusahaan dari seluruh dunia, iklan-iklan pribadi, informasi barang-barang terbaru dan lain-lain. Selain itu internet juga bisa digunakan untuk mencari teman, kontak jodoh, megirim berita, alat komunikasi, alat hiburan seperti game dan lain-lain. Internet terdiri dari berjuta-juta halaman, dan setiap halaman disebut dengan web. Sedangkan halaman yang pertama kali muncul ketika anda membuka browser (Internet Explorer atau Netscape Communication) disebut dengan Homepage. Tetapi web sering juga disebut dengan website atau homepage. Contoh-contoh web (WEBSITE/HOMEPAGE): Web browser adalah suatu program atau perangkat lunak yang digunakan untuk mengakses internet, contoh web browser adalah internet

29 13 explorer (produk Microsft Corporation), Netscape communicator (Produk Netscape) dan lain-lain. 2.7 HTML (HyperText Markup Language) HyperText Markup Language merupakan kepanjangan dari kata HTML. 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 yang bisa digunakan untuk mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML. HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortin), setiap terjadi perkembangan level HTML, harus dievakuasi ketat dan disetujui oleh W3C 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 lebiih lanjut mengenai bagian-bagian HTML perhatian skema dibawah ini :

30 14 <html> <head> <title>judul halaman</title> </head> <body>..isi dari halaman web.. </body> </html> Keterangan : 1. Dokumen HTML, selalu diawali dengan tanda pembuka <html> dam 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 disisipi scriptscript pemrograman web seperti JavaScript, VBScript atau CSS untuk menambahkan 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, seperti : <font></font>,<table></table>,<form></form>. 4. Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode-kode tag tersebut. Sedangkan tag hanyalah merupakan bagain dari elemen. Tag adalah kode-kode yang digunakan untuk mengatur dokumen HTML. Secara garis besar

31 15 bentuk umum tag adalah sebagai berikut : <tag awal> TEKS <tag akhir> Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img>, dan lain-lain. 2.8 PHP (PHP: Hypertext Preprocessor) PHP adalah bahasa pemrograman web atau scripting language yang didesain untuk web. PHP dibuat pertama kali oleh satu orang yaitu Rasmus Lerdorf, yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada homepagenya. Pada waktu itu PHP bernama FI (Form Interpreter). 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. Pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. 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. 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

32 16 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 intpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemograman berorientasi objek baru untuk menjawab perkembangan bahas pemograman kearah pemograman kearah pmograman berorientasi objek. 2.9 Penggabungan PHP dan HTML Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya dan text php (<?php) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML, yaitu : Embedded Script Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagianbagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai bagian dari script HTML. Contoh penulisan dapat dilihat di bawah ini : <html> <head> <title> Testing</title> </head> <body> <?php echo test123 ;?>

33 17 </body> </html> Non Embedded Script Cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script HTML sebagai bagian dari script PHP. Contoh penulisan dapat dilihat dibawah ini : 2.10 CSS (Cascading Style-Sheet) <?php echo <html> ; echo <head> ; echo <title>testing</title>; echo </head><body> ; echo Hallo World ; echo </body> ; echo </html> ;?> CSS adalah singkatan dari Cascading Style-Sheet, sebuah pengembangan atas kode HTML yang sudah ada sebelumnya. CSS bisa sangat membantu dalam menentukan sebuah struktur dasar halaman web secara lebih mudah dan cepat, serta irit ukuran. Cara mudah untuk menerangkan CSS adalah dengan memberikan contoh berikut. Kode di bawah ini sebagai contoh, kode ini dimasukkan dibagian head halaman web karena setiap client web anda akan dapat melihat style sheets web itu. <style type = text/css > <! BODY { background-color: white; color: black ;

34 18 --> </style> font-family: Arial, Helvetica, sans-serif; } Kode di atas akan membuat halaman anda mempunyai latar belakang putih dan teks berwarna hitam. Teks pada BODY akan menggunakan font Arial, Helvetica, ataupun jika tidak terdapat keduaduanya, ia akan menggunakan typeface/font Sans-serif. Pada perkembangannya CSS sudah masuk level 3 untuk sekarang, dimana dimulai CSS level 1 atau yang sering disebut CSS saja, kemudian level 2 yang merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai banyak keuntungan, diantaranya : 1. Ukuran file lebih kecil. 2. Load file lebih cepat. 3. Dapat berkolaborasi dengan JavaScript. 4. Pasangan setia XHTML. 5. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS. 6. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS-nya saja Javascript Javascript merupakan modifikasi dari bahasa c++ dengan pola penulisan yang lebih sederhana. Interpreter bahasa ini sudah disediakan

35 19 ASP ataupun internet explorer. Secara khusus beberapa hal yang penting dalam javascript adalah : 1. Mengunakan blok awal { dan blok akhir :} 2. Automatic conversion dalam pengoperasian tipe data yang berbeda. 3. Sensitive case, sehingga programmer java harus ekstra hatihati dalam menggunakan nama variabel, fungsi dan lainlain. 4. Ekstention umumnya menggunakan *.js 5. Setiap statement dapat diakhiri dengan, sebagaimana c++ tetapi dapat juga tidak. 6. Jika tidak didukung oleh browser versi lama, scriptnya dapat disembunyikan diantara tag <!-- dan -- >. 7. Jika program dalam satu baris terlalu panjang dapat disambung dengan karakter \. Seperti CSS yang menggunakan tag : <style></style> Javascript menggunakan tag : <script></script> Tag ini boleh diletakkan beberapa kali di dalam sebuah dokumen, sama seperti tag-tag HTML yang lain.

36 20 <html> <head> <script language = javascript > <!--script javascript dimasukkan di sini--> </script> </head> <body> <script language= javascript > <!--script javascript dimasukkan di sini--> </script> </body> </html> Anda boleh meletakkan kode javascirpt pada bagian HEAD atau BODY. Terdapat beberapa keadaan dimana javascript digunakan sebagai skrip luar yang mana file tersebut ditulis dan disimpan dalam format js. File ini boleh dipanggil menggunakan attribute src. <html> <head></head> <body> <script src = namafile.js > </script> </body> </html> Kelebihan Javascript 2.12 Basis Data Javascript berinteraksi dengan HTML, ini membolehkan pembuat web untuk memasukkan web mereka dengan kandungan-kandungan yang dinamik, menukar warna background, menukar banner, efek mouse, menu interaktif dan sebagainya. Basis data adalah suatu kumpulan data komputer yang teintegrasi, diorganisasikan dan disimpan menurut cara yang memudahkan

37 21 pengambilan kembali. Tujuan utama konsep basis data adalah meminimumkan pengulangan (Gultom et al, 2005) MySQL MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (Data Base Management System). MySQL juga dapat dikategorikan sebagai Relational Data Base Management System (RDBMS), karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah ke dalam berbagai tabel 2 (dua) dimensi. Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertical. MySQL pada saat ini, banyak digunakan oleh pemrograman web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data Web Server Web server adalah software yang menjadi tulang belakang dari world wide web (www). Web server menunggu permintaan dari client yang menggunakan browser seperti Google Chrome, Netscape Navigator, Internet Explorer, Mozilla, dan program browser lainnya. Jika ada permintaan dari browser, maka web server akan memproses permintaan itu kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser. Data ini mempunyai format yang standar, disebut dengan format SGML (Standar General Markup Language). Data yang berupa format ini kemudian akan ditampilkan oleh browser sesuai dengan

38 22 kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa gambar, browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akan mampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya saja. Web server, untuk berkomunikasi dengan client-nya (web browser) mempunyai protokol sendiri, yaitu HTTP (hypertext transfer protocol). Dengan protokol ini, komunikasi antar web server dengan client-nya dapat saling dimengerti dan lebih mudah. Seperti telah dijelaskan diatas, format data pada world wide web adalah SGML. Tapi para pengguna internet saat ini lebih banyak menggunakan format HTML (hypertext markup language) karena penggunaannya lebih sederhana dan mudah dipelajari. Kata HyperText mempunyai arti bahwa seorang pengguna internet dengan web browsernya dapat membuka dan membaca dokumen-dokumen yang ada dalam komputernya atau bahkan jauh tempatnya sekalipun. Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya dengan mengklik beberapa bagian dari halaman-halaman dokumen (web) itu. Proses yang dimulai dari permintaan web client (browser), diterima web server, diproses, dan dikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secara transparan. Setiap orang dapat dengan mudah mengetahui apa yang terjadi pada tiap-tiap proses. Secara garis besarnya web server hanya memproses semua masukan yang diperolehnya dari web clientnya.

39 Apache Apache merupakan web server yang paling banyak dipergunakan di Internet. Program ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Namun demikian, pada beberapa versi berikutnya Apache mengeluarkan programnya yang dapat dijalankan di Windows NT. Berdasarkan sejarahnya, Apache dimulai oleh veteran developer NCSA httpd (National Center for Supercomputing Application). Saat itu pengembangan NCSA httpd sebagai web server mengalami stagnasi. ROB MC COOL meninggalkan NCSA dan memulai sebuah proyek baru bersama para webmaster lainnya, menambal bug, dan menambahkan fitur pada NCSA httpd. Mereka mengembangkan program ini lewat mailing list. Dengan berpijak pada NCSA httpd versi 1.3, Team Apache mengeluarkan rilis pertama kali secara resmi Apache versi Nama Apache diambil dari kata "A Patchy Server", server perbaikan yang penuh dengan tambalan (patch). Tambalan yang dimaksud adalah penambahan fitur dan penambalan bug dari NCSA httpd Versi 1.3. Saat ini Apache dipergunakan secara luas. Hal ini disebabkan karena programnya yang gratis, dengan kinerja relatif stabil. Dalam pengembangannya pun mempergunakan sistem Bazaar, yakni tiap orang dibuka kesempatan seluas-luasnya untuk dapat memberikan kontribusi dalam mengembangkan program.

40 24 Kontribusi dikomunikasikan lewat mailing list. Tim Apache mempunyai mailing list yang terbuka untuk siapa saja yang ingin ambil bagian. Untuk mendaftar cukup kirim ke dengan baris pertama dari bertuliskan "subscribe newhttpd". Perlu dicatat bahwa proyek pengembangan Apache ini mempunyai sistem meritokrasi. Semakin banyak yang Anda sumbangkan, semakin banyak yang boleh dikerjakan.

41 BAB III PERANCANGAN DAN PEMBUATAN SISTEM 3.1 Perancangan Sistem Demi terciptanya keselarasan dalam pemanfaatan, pembangun sistem diwajibkan mengerti dan memahami konsep dasar sistem penjualan yang sedang berlaku saat ini. Sehingga dapat memberikan kemudahan dan kenyaman bagi pelanggan untuk melakukan pembelian pada toko khususnya CompuShop. Untuk memaksimalkan sistem, maka hak akses dalam sistem ini hanya akan dibagi menjadi dua jenis hak akses, yaitu : Administrator Administrator mempunyai hak yang paling besar. Seorang administrator dapat memasukkan informasi maupun mengedit ke dalam sistem Pengunjung (Calon pembeli) Pengunjung (calon pembeli) dapat melihat informasi pada situs ini sekaligus dapat langsung melakukan pembelanjaan tanpa perlu mendaftarkan diri. 3.2 Implementasi Perancangan Setelah tahap perancangan selesai penulis melanjutkan ke langkah implementasi perancangan. Perancangan sistem ini dilakukan dengan menggunakan laptop Dell Inspiron 1318 dengan sistem operasi Windows 25

42 26 Vista Home Basic dan beberapa perangkat lunak lainnya dengan rincian sebagai berikut : Perangkat keras yang dipergunakan adalah : 1. Pembuat Sistem : Dell Inc. 2. Model Sistem : Inspiron Versi BIOS : Phoenix ROM BIOS PLUS Version 1.10 A06 4. Prosesor : Intel(R) Core(TM)2 Duo CPU 2.00GHz (2 CPUs), ~2.0GHz 5. Memori : 2038MB 6. Kartu Grafis : Mobile Intel(R) 965 Express Chipset Family 7. Dll. Perangkat lunak yang dipergunakan adalah : 1. Sistem Operasi. Penulis menggunakan sistem operasi Windows Vista Home Basic (6.0, Build 6002) Service Pack 2 (6002.vistasp2_gdr ). 2. Notepad++ berguna sebagai text editor. Notepad++ memiliki fitur yang banyak sehingga memudahkan penulis dalam pembuatan sistem. 3. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL (Structured Query Language) yang digunakan dalam mengelola basis data.

43 27 4. PHP sebagai bahasa pemrograman server side, dapat membuat perintah query pada pemrogramannya seperti perintah dasar SQL. 5. 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. 6. Browser sebagai tempat melihat output atau tampilan halaman web, misal Google Chrome, Internet Explorer, Mozilla Firefox, Netscape Navigator, dll. 3.3 Instalasi dan Konfigurasi Sistem Instalasi Apache, PHP dan MySQL Sebelum dapat membuat ataupun melihat hasil kerja, langkah awal yang harus dilakukan adalah mengintalasi beberapa perangkat lunak pendukung, yaitu Apache, PHP, dan MySQL. Penginstalasiannya dilakukan secara satu per satu. Perangkat lunaknya dapat diperoleh dari situs untuk Apache,. untuk PHP, dan 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

44 28 pengaturan yang sedikit rumit. Alternatif lain yang digunakan penulis adalah dengan menginstalasi WampServer Versi 2.1. WampServer merupakan salah satu paket perangkat lunak web server yang dapat diinstal di Windows. WAMP adalah kepanjangan dari Windows - Apache MySQL - PHP5. Perangkat lunak WampServer versi 2.1 dapat di unduh secara gratis pada situs Perangkat lunak ini dibutuhkan sebagai : 1. Server web. Di dalam paket WampServer terdapat aplikasi Apache Web Server. Server Web adalah sebuah program yang berfungsi sebagai penerima dan mengolah permintaan browser web. Kode pemrograman server side seperti script PHP, dikirim dan dijalankan pada server, kemudian Server Web mengirimkan hasilnya pada komputer klien dan klien hanya dapat menerima hasilnya saja. 2. PHP. Pada paket WampServer ini juga dapat ditemui aplikasi PHP sebagai program pengeksekusian script PHP. 3. MySQL. Paket WampServer juga menyediakan aplikasi MySQL sebagai tempat penampungan dan penyimpanan data dari database.

45 29 4. WampServer bisa menyediakan 3 aplikasi pendukung sekaligus dan sangat mudah dalam melakukan penginstalan tanpa perlu lagi melakukan konfigurasi yang rumit terhadap ketiga aplikasi tersebut Instalasi WampServer Menginstal WampServer secara otomatis menginstal ketiga perangkat lunak utama yang akan digunakan pada pembangunan web penjualan online yaitu Apache, PHP, dan MySQL, tanpa perlu konfigurasi yang rumit, serta dalam pengetesan ataupun untuk melihat hasil halaman web. Adapun tahap-tahap instalasinya adalah sebagai berikut : 1. Klik ganda file WampServer2.1a-x32.exe. Gambar 3.1 Ikon WampServer2.1a-x32.exe

46 30 2. Klik tombol next. Gambar 3.2 Instalasi WampServer Pilih I Accept the agreement untuk menerima persetujuan, lalu klik tombol next. Gambar 3.3 Persetujuan WampServer Melokasikan letak instalasi WampServer. Penulis menyarankan agar letak instalasi tidak perlu dirubah, lalu klik tombol next.

47 31 Gambar 3.4 Lokasi instalasi WampServer Tunggu proses instalasi sampai selesai. Proses ini memerlukan waktu yang cukup lumayan lama Menjalankan WampServer Setelah proses instalasi selesai, langkah selanjutnya ialah menjalankan WampServer. Jalankan aplikasi WampServer dengan klik ganda icon WampServer yang ada di desktop, sehingga muncul icon tray pada taskbar. Secara otomatis Apache dan MySQL telah aktif. Klik kiri pada icon tersebut untuk mengatur WampServer, dari sana anda bisa membuka localhost, folder situs-situs anda, setting Apache, PHP, MySQL.

48 32 Gambar 3.5 Pusat kontrol WampServer 2.1 Gambar 3.6 Localhost WampServer 2.1 Setelah dapat menggunakan WampServer, lalu aktifkan modul rewrite_modul dengan cara klik kiri pada icon tray WampServer pilih Apache > Apache Modules, centang pada rewrite_modul.

49 Struktur Basis Data Basis data dapat diumpamakan sebagai sebuah tempat penyimpanan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah basis data merupakan langkah awal pembuatan aplikasi, termasuk aplikasi yang akan dibuat di sini. Dalam perancangan web CompuShop ini, penulis membuat 11 (sebelas) tabel dalam basis data compushop, berikut daftar serta fungsi masing-masing tabel yang dibuat : 1. Tabel admins Tabel admin digunakan untuk menampung data dari admin pada web ini. Berikut ini adalah field-field yang dibuat dalam tabel admin beserta keterangannya. Tabel 3.1 Tabel admins Field Name Tipe data Ukuran Keterangan username varchar 50 username * password varchar 50 password nama_lengkap varchar 100 nama pemegang akun varchar 100 alamat no_telp varchar 20 nomor telepon level varchar 20 hak akses blokir enum Y, N status akun * Primary key 2. Tabel hubungi Tabel hubungi digunakan untuk menampung dan menyimpan data dari form hubungi kami. Berikut ini adalah field-field yang dibuat dalam tabel hubungi beserta keterangannya.

50 34 Tabel 3.2 Tabel hubungi Field Name Tipe data Ukuran Keterangan id_hubungi int 5 id pesan * nama varchar 50 nama pengirim varchar 100 pengirim pesan subjek varchar 100 subjek pesan pesan text isi pesan tanggal date tanggal pesan dikirim * Primary key 3. Tabel kategori Tabel kategori digunakan untuk menampung dan menyimpan data berbagai kategori produk yang natinya akan mengelompokkan produk berdasarkan kategori. Berikut ini adalah field-field yang dibuat dalam tabel kategori beserta keterangannya. Tabel 3.3 Tabel kategori Field Name Tipe data Ukuran Keterangan id_kategori int 5 id kategori* nama_kategori varchar 100 nama kategori kategori_seo varchar 100 url kategori * Primary key 4. Tabel kota Tabel kota digunakan untuk menyimpan data tarif pengiriman pesanan dari ke berbagai kota. Berikut ini adalah field-field yang dibuat dalam tabel kota beserta keterangannya.

51 35 Tabel 3.4 Tabel kota Field Name Tipe data Ukuran Keterangan id_kota int 3 id kota * nama_kota varchar 100 nama kota ongkos_kirim int 10 ongkos kirim * Primary key 5. Tabel mod_ym Tabel mod_ym berfungsi untuk menyimpan alamat akun yahoo messenger. Berikut ini adalah field-field yang dibuat dalam tabel mod_ym beserta keterangannya. Tabel 3.5 Tabel mod_ym Field Name Tipe data Ukuran Keterangan id int 11 id akun * nama varchar 255 nama akun username varchar 50 username akun * Primary key 6. Tabel modul Tabel modul berguna untuk menyimpan keterangan mengenai modul yang akan digunakan. Berikut ini adalah field-field yang dibuat dalam tabel modul beserta keterangannya. Tabel 3.6 Tabel modul Field Name Tipe data Ukuran Keterangan id_modul int 5 id modul * nama_modul varchar 50 nama modul link varchar 100 url modul static_content text isi dari url gambar varchar 100 nama gambar status enum user, admin level modul aktif enum Y, N status modul urutan int 5 nomor urut modul * Primary key

52 36 7. Tabel orders Tabel orders digunakan untuk menampung dan menyimpan data jumlah item, harga, total harga, dan lainlain. Berikut ini adalah field-field yang dibuat dalam tabel orders beserta keterangannya. Tabel 3.7 Tabel orders Field Name Tipe data Ukuran Keterangan id_orders int 5 id pesanan * nama_kustomer varchar 100 nama pembeli alamat text alamat pembeli telpon varchar 20 nomor telpon pembeli varchar 50 pembeli status_order varchar 50 status pesanan tgl_order date tanggal pesan jam_order time jam pesan id_kota int 5 id kota tujuan pengiriman ** nama_shipping varchar 100 nama tujuan pengiriman alamat_shipping text alamat tujuan pengiriman telpon_shipping varchar 20 nomor telpon tujuan pengiriman * Primary key ** Foreign key 8. Tabel orders_detail Tabel orders_detail berguna untuk menampung detail pesanan dari nomor pesanan yang sudah di buat. Berikut ini adalah field-field yang dibuat dalam tabel orders_detail beserta keterangannya.

53 37 Tabel 3.8 Tabel orders_detail Field Name Tipe data Ukuran Keterangan id_orders int 5 id pesanan ** id_produk int 5 id produk ** jumlah int 5 jumlah pesanan per id produk ** Foreign key 9. Tabel orders_temp Tabel orders_temp digunakan untuk menyimpan dan menampung data barang pesanan yang akan dibeli. Berikut ini adalah field-field yang dibuat dalam tabel orders_temp beserta keterangannya. Tabel 3.9 Tabel orders_temp Field Name Tipe data Ukuran Keterangan id_orders_temp int 5 id pesanan sementara * id_produk int 5 id produk ** id_session varchar 100 id session jumlah int 5 jumlah pesanan per id produk tgl_order_temp date tanggal pemasukan produk jam_order_temp time jam pemasukan produk stok_temp int 5 jumlah stok produk sementara * Primary key ** Foreign key 10. Tabel produk Tabel produk digunakan untuk menampung dan menyimpan semua data produk dan akan dihubungkan dengan kategori. Berikut ini adalah field-field yang dibuat dalam tabel order beserta keterangannya.

54 38 Tabel 3.10 Tabel produk Field Name Tipe data Ukuran Keterangan id_produk int 5 id produk * id_kategori int 5 id kategori ** nama_produk varchar 100 nama produk produk_seo varchar 100 url produk deskripsi text keterangan produk harga int 20 harga produk stok int 5 jumlah stok produk berat decimal 5,2 berat produk tgl_masuk date tanggal pemuatan produk gambar varchar 100 nama file gambar produk dibeli int 5 jumlah produk yang telah dibeli * Primary key ** Foreign key 11. Tabel statistik Tabel statistik berguna untuk menyimpan informasi dari pengunjung web. Berikut ini adalah field-field yang dibuat dalam tabel statistik beserta keterangannya. Tabel 3.11 Tabel statistik Field Name Tipe data Ukuran Keterangan ip varchar 20 ip pengunjung tanggal date tanggal berkunjung hits int 10 jumlah kunjungan online varchar 255 jumlah ip yang sedang berkunjung Tabel 3.1 sampai tabel 3.11 merupakan kumpulan data-data yang akan memberikan semua isi dan fungsi yang dibutuhkan pada website.

55 Relasi Antar Tabel Berikut ini adalah relasi dari tabel yang dijabarkan diatas. Gambar 3.7 Hubungan antar tabel basis data Gambar 3.7 menunjukkan hubungan antara entitas yang berbeda dimana pertama-tama penulis mengasumsikan hanya ada satu administrator sistem di dalam CompuShop.

56 40 Sebagai tambahan, 1 pengunjung dapat memesan n orders. Berikutnya, 1 produk dapat mempunyai n orders atau 1 orders dapat dipunyai n produk dan 1 kategori mempunyai n produk. Pada akhirnya adminstrator bisa mengatur data n kategori, n produk. Bentuk ini diadopsi untuk memandu perancangan sistem basis data MySQL CompuShop. Oleh sebab itu dalam perancangan basis data compushop, terdapat 11 tabel yang berbeda untuk menyimpan jenis data yang berbeda. Diantara 11 tabel tersebut ada yang saling berhubungan dan ada yang berdiri sendiri. 3.5 Perancangan Struktur Web Adapun perancangan halaman-halaman dalam website ini dibagi atas dua macam yaitu bagi admin dan bagian pengunjung (calon pembeli). Rancangan ini dapat dilihat dari gambar 3.8 sampai gambar Header Menu Utama Lokasi Web Daftar Kategori Produk Terlaris Konten Utama Berdasar Menu Utama Twitter CompuShop Footer Gambar 3.8 Tampilan halaman utama pengunjung

57 41 Gambar 3.9 Tampilan halaman detail info produk Gambar 3.10 Tampilan halaman login administrator

58 42 Gambar 3.11 Tampilan halaman utama administrator 3.6 Data Flow Diagram (DFD) Data Flow Diagram (DFD) merupakan diagram alir data, mulai dari memasukkan data, memproses data hingga menghasilkan informasi.dfd ini bisa dipergunakan untuk sistem secara nyata, sehingga orang mengerti kenyataan tentang sistem yang sedang berjalan. Gambar 3.12 Diagram Alir Data