SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO...

Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008. USU Repository © 2009

ii

SISTEM INFORMASI PENJUALAN ONLINE

PADA TOKO MICROTECH COMPUTER

TUGAS AKHIR

MUHAMMAD ZUHRY RAMADHAN

052406031

PROGRAM STUDI D-3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2008


iii

SISTEM INFORMASI PENJUALAN ONLINE

PADA TOKO MICROTECH COMPUTER

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli

Madya

MUHAMMAD ZUHRY RAMADHAN

052406031

PROGRAM STUDI D-3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2008


iv

PERSETUJUAN

Judul : SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH KOMPUTER Kategori : TUGAS AKHIR Nama : MUHAMMAD ZUHRY RAMADHAN Nomor Induk Mahasiswa : 052406031 Program Studi : D3 ILMU KOMPUTER Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2008 Diketahui Departemen Matematika FMIPA USU Pembimbing Ketua, Dr. Saib Suwilo, M.Sc Drs Rosman Siregar, M.Si NIP 131796149 NIP 131572441


iii

PERNYATAAN

SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO MICROTECH KOMPUTER

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2008 MUHAMMAD ZUHRY RAMADHAN 052406031


iv

PENGHARGAAN

Puji Syukur Penulis ucapkan ke hadirat Allah SWT, yang masih memberikan kesempatan dan kesehatan sehingga akhirnya Tugas Akhir ini berhasil diselesaikan dalam waktu yang telah ditetapkan. Penulisan tugas akhir ini merupakan salah satu syarat bagi setiap mahasiswa guna menyelesaikan Program Studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Dalam menyelesaikan Tugas Akhir ini, penulis banyak mendapatkan bimbingan dan bantuan dari berbagai pihak baik berupa material, spiritual,. Pada kesempatan ini penulis mengucapkan terima kasih yang sebesar-besarnya kepada :

1. Bapak Dr. Eddy Marlianto, Msc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Pelaksana D-3 Ilmu Komputer dan Statistika FMIPA USU.

3. Bapak Drs. Rosman Siregar, M.Si selaku dosen pembimbing dalam penyusunan Tugas Akhir yang telah banyak memberikan petunjuk dan bimbingan, sehingga akhirnya bisa menyelesaikan Tugas Akhir ini dengan sebaik-baiknya

4. Bapak Syahril Effendi, M.Sc selaku dosen wali yang telah banyak membantu penulis dalam menjalani perkuliahan di kampus.

5. Para dosen dan pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam 6. Seluruh teman-teman D3 Ilmu Komputer stambuk 05, dan juga para senior. 7. Teristimewa kepada kedua orangtua penulis yangtelah anyak memberikan

bantuan moril dan materil yang tidak ternilai harganya. Penulis menyadari sepenuhnya bahwa penulisan Tugas Akhir ini masih jauh dari kesempurnaan yang dikarenakan pengetahuan dan pengalaman yang dimiliki oleh penulis yang masih sangat terbataskekurangan yang perlu diperbaiki, baik dari segi penyajian, bentuk maupun isinya. Akhirul kalam kepada Allah Subhanahu Wata’ala penulis berserah diri, karena hanya pada-Nyalah segala kebenaran dan kesempurnaan itu berada. Akhir kata penulis berharap semoga Tugas Akhir ini dapat berguna bagi semua pihak yang membacanya.


v

ABSTRAK

Tugas Akhir ini merancang suatu aplikasi penjualan online yang bermanfaat untuk menawarkan dan menyebarkan informasi yang baik dengan cepat dan mudah, dan juga melalui kajian ini diharapkan dapat memberi inspirasi kepada pembaca untuk mencoba bisnis penjualan online sehingga membuka lapangan kerja baru dan mendapatkan penghasilan tambahan. Perancangan sistem dalam merancang penjualan online ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, dan Wamp5. Dengan menggunaan Wamp5, paket-paket aplikasi yang kita perlukan dalam merancang sebuah situs yang baik seperti Apache Web Server, PHP dan MySQL telah tersedia. Sistem penjualan online ini meliputi pemakaian situs oleh pelanggan seperti regestrasi pelanggan, pembelian dan pemesanan barang, mengedit data pribadi, pemberitahuan informasi terbaru.. Pengaturan situs oleh admin baik proses pengamanan berbagai data, pengiriman barang, penambahan barang, transaksi jual beli. Semua hal tersebut digunakan untuk menampung data-data yang diperlukan dan memperlancar sistem informasi.


vi

DAFTAR ISI

Halaman

PERSETUJUAN ii PERNYATAAN iii PENGHARGAAN iv ABSTRAK v DAFTAR ISI vi DAFTAR TABEL viii DAFTAR GAMBAR ix BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1 1.2 Identifikasi Masalah 3 1.3 Ruang Lingkup Masalah 4 1.4 Maksud dan Tujuan 4 1.5 Metode Penelitian 5 1.6 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 8 2.1 Pengertian Data 8 2.2 Sistem 9

2.2.1 Karakteristik Sistem 9 2.3 Informasi 10

2.3.1 Kualitas Informasi 11 2.4 Penjualan 11 2.5 Sistem Informasi 12 2.6 Internet 13 2.7 HTML 14

2.7.1 Bagian-Bagian HTML 14 2.8 PHP 16 2.9 Penggabungkan Script PHP dan HTML 17 2.10 CSS 19 2.11 JavaScript 20

2.11.1 Kelebihan Javascript 22 2.12 Database 22 2.13 MySQL 22 2.14 Macromedia Dreamweaver 8 23 2.15 Web Server 23 2.16 Web Server Apache 25

BAB 3 ANALISIS DAN PERANCANGAN SISTEM 26 3.1 Instalasi Apache, PHP, dan MySQL 26

3.1.1 Instalasi WAMP5 27 3.1.2 Menjalankan Wamp5 30

3.2 Persiapan Database 32 3.3 Relasi Antar Tabel 35


vii

3.4 Perancangan Struktur Web 37 3.5 Bagan Alir (Flowchart) Program 38 3.6 Data Flow Diagram (DFD) 44

BAB 4 IMPLEMENTASI SISTEM 44 4.1 Pengertian dan Tujuan Implementasi Sistem 44 4.2 Tahapan Implementasi Sistem 45 4.3 Komponen dalam Implementasi Sistem 46

4.3.2 Kebutuhan Perangkat Keras/ Hardware 46 4.3.2 Kebutuhan Perangkat Lunak/ Software 47 4.3.3 Kebutuhan Brainware 48

4.4 Gambaran Aplikasi Pada Sistem 48 4.4.1 Administrator 48 4.4.2 Member 49 4.4.3 Pengunjung 49

4.5 Tampilan Halaman Website 49

BAB 5 KESIMPULAN DAN SARAN 58 5.1 Kesimpulan 58 5.2 Sasaran 59

DAFTAR PUSTAKA 60 LAMPIRAN


viii

DAFTAR TABEL

Halaman

Tabel 3. 1 Database Microtech .................................................................................. 32 Tabel 3. 2 Tabel Admin ............................................................................................ 33 Tabel 3. 3 Tabel Kategori ......................................................................................... 33 Tabel 3. 4 Tabel Member .......................................................................................... 34 Tabel 3. 5 Tabek Konfirmasi .................................................................................... 34 Tabel 3. 6 Tabel Order .............................................................................................. 35 Tabel 3. 7 Tabel Produk ............................................................................................ 35


ix

DAFTAR GAMBAR

Halaman

Gambar 3. 1 Wamp5_1.6.1 28 Gambar 3. 2 Setup Wamp5 28 Gambar 3. 3 Wamp5 License Agreement 29 Gambar 3. 4 Lokasi Instalasi 29 Gambar 3. 5 Auto Start 30 Gambar 3. 6 Wamp Control 31 Gambar 3. 7 Localhost 31 Gambar 3. 8 Relasi Antar Tabel 36 Gambar 3. 9 Rancangan Web untuk Pengunjung Biasa 37 Gambar 3. 10 Rancangan Web untuk Member 37 Gambar 3. 11 Rancangan Web untuk Admin 38 Gambar 3. 12 Flowchart Halaman Utama 39 Gambar 3. 13 Flowchart Halaman Index 40 Gambar 3. 14 Flowchart Halaman Register 40 Gambar 3. 15 Flowchart Halaman Login 41 Gambar 3. 16 Flowchart Halaman Edit Profile 41 Gambar 3. 17 Flowchart Halaman Logout 42 Gambar 3. 18 Flowchart Halaman Search Member 42 Gambar 3. 19 Flowchart Halaman Tas Belanja 43 Gambar 3. 20 Flowchart Halaman Search 43 Gambar 3. 21 Flowchart Halaman Order 44 Gambar 3. 22 Flowchart Halaman Administrator 44 Gambar 3. 23 Diagram Alir Data Level Konteks SI Penjualan Komputer 45 Gambar 4. 1 Halaman Index (atas) 51 Gambar 4. 2 Halaman Index (bawah) 51 Gambar 4. 3 Halaman Search 52 Gambar 4. 4 Halaman Register 53 Gambar 4. 5 Halaman Daftar Produk 54 Gambar 4. 6 Halaman Detail Produk 55 Gambar 4. 7 Halaman Home 56 Gambar 4. 8 Halaman Userprofile 56 Gambar 4. 9 Halaman Editprofile 57 Gambar 4. 10 Halaman Save Order 57 Gambar 4. 11 Halaman Tas Belanja 58 Gambar 4. 12 Halaman Chekcout 58

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Kemajuan teknologi informasi yang demikian pesat serta potensi pemanfaatannya

secara luas, membuka peluang bagi pengaksesan, pengelolaan, dan pendayagunaan

informasi dalam volume yang besar secara cepat dan akurat. Kenyataan telah

menunjukkan bahwa penggunaan media elektronik merupakan faktor yang sangat

penting dalam berbagai transaksi nasional dan internasional. Ketidakmampuan

menyesuaikan diri dengan kecenderungan global tersebut akan membawa kita ke

dalam jurang kesenjangan digital (digital divide), yaitu keterisolasian dari

perkembangan global karena tidak mampu memanfaatkan dan mengakses teknologi

informasi.

Kehadiran komputer dirasakan sangatlah penting di dalam kehidupan.

Komputer diciptakan tidak lain untuk membantu manusia dalam hal pemecahan

masalah. Saat ini banyak perusahaan yang telah menggunakan sistem komputerisasi

sebagai salah satu alat bantu yang digunakan dalam upaya melakukan perkembangan

dan perluasan perusahaan.


2

Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki

oleh seseorang seperti pada saat awal kedatangannya, tetapi sudah menjadi suatu

keperluan bahkan kebutuhan yang sangat memegang peranan penting dalam

pengolahan data dan informasi, baik bagi badan instansi, perusahaan milik pemerintah

atau swasta, maupun perseorangan. Sehingga segala sesuatu yang dikerjakan dapat

dikoordinir secara terkomputerisasi yang sifatnya jauh dari kesalahan dan lebih

efisien.

Kebutuhan masyarakat, pemerintah maupun swasta akan perangkat komputer

yang terus berkembang dan dapat membantu mempermudah dalam menyelesaikan

masalah menghasilkan suatu hal yang menguntungkan. Hal yang menguntungkan ini

bisa kita sebut sebagai simbiosis mutualisme atau kegitan yang saling menguntungkan

antara kedua belah pihak yaitu penyedia perangkat dan pemakai perangkat atau

dengan kata lain hal ini mengenai bisnis komputer.

Bisnis komputer telah lama membantu kita dalam memenuhi kebutuhan akan

perangkat komputer yang terus berkembang pesat dan lebih baik. Kegiatan ini

merupakan hal yang sangat mulia dan menguntungkan. Dahulu kala, kita hanya dapat

melakukan transaksi jual beli perangkat komputer hanya di tempat penyedia

komputer. Dengan berkembangnya komputer menjadi salah satu sarana komunikasi,

media informasi dan edukasi melahirkan internet .

Internet dengan berbagai aplikasi pada dasarnya adalah media yang digunakan

untuk mengefesienkan proses komunikasi. Salah satu aplikasinya yaitu World Wide

Web (WWW). World Wide Web pada awalnya hanya digunakan untuk kalangan


3

akedemisi dan riset, namun sekarang World Wide Web digunakan untuk bisnis dan

hiburan.

Bisnis komputer secara konvensional yang penjualannya hanya melalui toko

sekarang ada metode baru dan mulai berkembang pesat, yaitu dengan cara online.

Melalui cara ini para pemakai tidak perlu lagi pergi ke berbagai toko komputer di

kawasan daerahnya atau ke berbagai pelosok daerah hanya untuk mendapatkan

perangkat yang dicarinya. Para pemakai atau user hanya perlu mengakses internet dan

mencari situs toko komputer online. Situs-situs tersebut akan menampilkan berbagai

perangkat yang meraka tawarkan, dan bagaimana cara kita melakukan transaksi jual

beli. Bisnis secara online ini telah banyak melahirkan para wirausahawan baru yang

tentunya membuka lapangan kerja bagi orang lain. Bisnis ini juga membantu kita

mendapatkan penghasilan yang sangat menjanjikan.

Berdasarkan uraian di atas , penulis tertarik untuk membuat suatu situs bisnis

secara online dengan judul “SISTEM INFORMASI PENJUALAN ONLINE

PADA TOKO MICROTECH COMPUTER”

1.2 Identifikasi Masalah

Pada umumnya setiap toko komputer memerlukan sarana dalam memberikan dan

menyebarkan informasi tokonya melalui media internet. Maka penulis mencoba

mengidentifikasikan masalah sebagai berikut :


4

1. Sejauh mana website ini dapat dirancang dengan semenarik mungkin sehingga

dapat memenuhi keingintahuan masyarakat mengenai Toko MicroTech

Computer.

2. Informasi, penawaran dan transaksi apa saja yang disediakan dalam situs

MicroTech Computer sehingga pengunjung dapat merasakan manfaatnya.

3. Sejauh mana situs ini dapat dipercaya oleh masyarakat sebagai situs online

resmi.

1.3 Ruang Lingkup Masalah

Adapun ruang lingkup dari tugas akhir ini adalah menampilkan halaman-halaman web

baik bersifat statis maupun dinamis sebagai suatu website yang memberikan berbagai

penawaran dan informasi mengenai Toko MicroTech Computer. Pihak administrator

web sangat berperan penting dalam membuat, menambah, maupun mengubah data

yang ditampilkan pada web seperti data produk, data daftar member, data kategori.

Aplikasi web ini dibangun di bawah sistem operasi Windows XP

menggunakan aplikasi web server WAMP5 version 1.6.1 yang terdiri dari Apache

Web Server, PHP dan MySQL, menggunakan , Macromedia Dreamweaver 8 sebagai

Editor perancangan dan pembangunan web.

1.4 Maksud dan Tujuan


5

Maksud penelitian yang dilakukan adalah

1. Merancang suatu aplikasi penjualan online yang bermanfaat untuk menawarkan

dan menyebarkan informasi yang baik dengan cepat dan mudah.

2. Mendalami ilmu menjadi Webmaster.

3. Menjadi wirausahawan dan membuka lapangan kerja.

Tujuan penelitian

1. Memberikan kemudahan masyarakat dalam mendapatkan informasi yang

dicarinya.

2. Mengefesienkan penjualan di masyarakat.

3. Mampu membuka wawasan para pengguna sistem informasi untuk dapat

memanfaatkan sumber daya komputer yang ada.

1.5 Metode Penelitian

Metode penelitian adalah suatu cara atau teknik yang sistematik untuk mengerjakan

atau menyelesaikan sesuatu. Adapun metode penelitian yang digunakan penulis untuk

menyelesaian berbagai permasalahan yang terjadi diatas adalah :

1. Studi Kepustakaan (Library Research)

Merupakan jenis metode studi yang dilakukan dengan mengumpulkan data-

data yang ada hubungannya dengan topik permasalahan yang penulis angkat

yang bersifat teoritis dengan cara membaca buku-buku, makalah, bahan kuliah

dan membaca bahan-bahan sumber lainnya.


6

2. Studi Lapangan (Field Research)

Merupakan metode yang dilakukan oleh penulis secara langsung ke lapangan

yang merupakan sumber data yang diperoleh sesuai dengan kebutuhan yang

digunakan.

3. Studi Literatur

Merupakan metode yang dilakukan oleh penulis dengan mengunjungi dan

mempelajari website atau situs-situs yang berhubungan dengan Tugas Akhir

penulis, seperti website sebuah toko online, serta mempelajari bahasa-bahasa

pemrograman web dengan mengunjungi situs-situs yang menyediakan tutorial

mengenai bahasa pemrograman yang penulis gunakan.

1.6 Sistematika Penulisan

Adapun sistematika penulisan Tugas Akhir ini terdiri dari 5 (lima) bab yang masing-

masing dirincikan dalam beberapa subbab, yaitu :

BAB 1 : PENDAHULUAN

Pada bab ini diuraikan pembahasan tentang latar belakang, identifikasi

masalah, ruang lingkup masalah, maksud dan tujuan, metode

penelitian, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI


7

Dalam bab ini diuraikan sekilas tentang konsep data, informasi sistem

informasi, pengenalan internet, HTML, PHP, CSS, Javascript, MySQl,

dan Macromedia Dreamweaver 8

BAB 3 : ANALISIS DAN PERANCANGAN SISTEM

Bab ini membahas tentang memdefinisikan sebuah web, gambaran

umum pembuatan program, instalasi WAMP5, persiapan database,

membangun halaman situs yang akan dibuat.

BAB 4 : IMPLEMENTASI SISTEM

Dalam bab ini berisikan uraian tentang pengertian implementasi sistem,

komponen dalam implementasi sistem, cara kerja sistem yang

dirancang, dan tampilan halaman

BAB 5 : KESIMPULAN DAN SARAN

Dalam bab ini penulis memberikan beberapa kesimpulan dan saran

sebagai akhir penulisan.

BAB 2

LANDASAN TEORI

2.1 Pengertian 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 yangsudah 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, simbol-simbol, gambar-gambar, kata-kata, angka-

angka, huruf-huruf atau simbol-simbol 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 infirmasi yang dapat dihasilkan.


9

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 transaksi-transaksi bisnis

yang terjadi. (Yogianto, 1989).

2.2.1 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


10

dengan 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 datang.

Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur

sebagai berikut :


11

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.

2.3.1 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 dan mendistribusikan barang,


12

jasa, ide kepada pasar sasaran agar dapat mencapai tujuan organisas (Basu Swastha,

1989).

2.5 Sistem Informasi

Sistem informasi adalah suatu sistem di dalam sautu organisasi yang mempertemukan

kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial 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.


13

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

1. http://www.yahoo.com

2. http://www.detik.com

3. http://www.ilmukomputer.com

http://www.ilmukomputer.com/�


14

web browser adalah suatu program atau perangkat lunak yang digunakan untuk

mengakses internet, contoh web browser adalah internet explorer (produk Microsft

Coorporation), Netscape communicator (Produk Netscape) dan lain-lain.

2.7 HTML

Hypertext Markup Language merupakan kepanjangan dari kata HTML adalah script

dimana kita bisa menampilkan informasi dan daya kreasi kita 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

dimana kita bisa mengatur judul, garis, tabel, gambar, dan lalin-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.

2.7.1 Bagian-Bagian HTML


15

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 :

<html>

<head>

<title> </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 kitta sisipkan kode-kode untuk

menuliskan keterangan tentang dokumen HTML, atau dapat juga kita

sisipkan script-script pemoragraman web seperti JavaScript, VBScript atau

CSS untuk menambahkan daya tarik pada situs yang kita buat 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>.


16

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 mensetting dokumen HTML. Secara garis besar

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 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 intpreter baru untuk PHP dan meresmikan nama rilis


17

tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis intpreter PHP

baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang

paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk

membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan

stabilitas yang tinggi.

Pada Juni 2004 Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari

PHP. Dalam versi ini, inti dari 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 Penggabungkan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu

memberikan tanda tag bka dilanjutkan tanda tanya (<? )kemudian ditutup dengan

tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP

dan HTML, yaitu :

1. Embedded Script

Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP

digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan


18

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>

<? Echo “Hallo World”; ?>

</body>

</html>

2. 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 :

<?

echo ‘<html>’;

echo ‘<head>’;

echo ‘<title>Testing</title>;

echo ‘</head><body>’;

echo ‘Hallo World’;

echo ‘ </body>’;

echo ‘</html>’;

19

?>

CSS

CSS adalah singkatan dari Cascading Style-Sheet,, sebuah pengembangan atas kode

HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah

struktur dasar halaman web secara lebih mudah dan cepat, serta irit size.

Cara mudah untuk menerangkan CSS adalah dengan memberikan contoh

berikut. Kode di bawah ini sebagai contoh, kode ini dimasukkan dibahagian head

halaman web karena setiap client web anda akan dapat melihat style sheets web itu.

<style type = “text/css”>  </style>

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 kedua-duanya, 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


20

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 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 hati-hati dalam

menggunakan nama variabel, fungsi dan lain-lain.

4. Ekstention umumnya menggunakan “*.js”

5. Setiap statement dapat diakhiri dengan “,” sebagaimana c++ tetapi dapat juga

tidak.

21

6. Jika tidak didukung oleh browser versi lama, scriptnya dapat disembunyikan

diantara tag “ </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>


22

</html>

Kelebihan Javascript

Javascript berinteraksi dengan HTML, ini membolehkan pembuat web untuk

memasukkan web mereka dengan kandungan-kandungan yang dinamik, menukar

werna background, menukar banner, efek mouse, menu interaktif dan sebagainya.

Database

Database adalah suatu kumpulan data komputer yang teintegrasi, diorganisasikan dan

disimpan menurut cara yang memudahkan pengambilan kembali. Tujuan utama

konsep database 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.


23

MySQL pada saat ini, banyak digunakan oleh pemrograman web untuk

membangun situs yang memerlukan basis data sebagai data dan pengolahan data.

Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain

secara visual dan mengelola situs web maupun halaman web. Macromedia

Dreamweaver 8 adalah salah satu produk dari vendor Macromedia Inc.

Dreamweaver 8 memililki kemampuan untuk menyunting kode dengan lebih

baik, serta mampu menggabungkan layout site dengan programming webnya.

Kehebatan Dreamweaver ini menjadikannya lebih banyak digunakan oleh Web

Desainer maupun Web Programmer guna mengembangkan situs web. Ruang kerja,

fasilitasm dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan

efektivitas dalam desain maupun membangun situs web.

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 Netscape Navigator, Internet Explorer, Modzilla, dan program browser


24

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 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 tarnsfer 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

webbrowsernya 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.


25

Proses yang dimulai dari permintaan webclient (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.

Web Server 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 0.6.2.

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.


26

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. Kontribusi

dikomunikasikan lewat mailing list. Tim Apache mempunyai mailing list yang

terbuka untuk siapa saja yang ingin ambil bagian. Untuk mendaftar cukup kirim email

ke [email protected] dengan baris pertama dari email bertuliskan "subscribe

newhttpd". Perlu dicatat bahwa proyek pengembangan Apache ini mempunyai sistem

meritokrasi. Semakin banyak yang Anda sumbangkan, semakin banyak yang boleh

dikerjakan.

BAB 3

ANALISIS DAN PERANCANGAN SISTEM

3.1 Instalasi Apache, PHP, dan MySQL

Sebelum kita dapat membuat ataupun melihat hasil kerja kita dalam membuat situs

web adalah mengintalasi beberapa perangkat lunak yang penting untuk itu, disini kita

gunakan Apache, PHP, dan MySQL. Penginstalasiannya dilakukan secara satu per

satu. Perangkat lunaknya dapat diperoleh dari situs http://www.apache.org untuk

Apach,. http://www.php.net untuk PHP, dan http://www.mysql.com untuk MySQL.

Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan

menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan

melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal

ini memerlukan pengaturan yang sedikit rumit.

Alternatif lain yang digunakan penulis adalah dengan menginstalasi WAMP5.

WAMP5 adalah salah satu paket aplikasi web server yang dapat diinstal di Windows.

WAMP adalah kepanjangan dari Windows - Apache – MySQL - PHP5.


27

Perangkat lunak WAMP5 dengan versi 1.6.1 dapat di download secara gratis

pada situs http://www.wampserver.com. Aplikasi ini kita butuhkan sebagai :

1. Server web. Di dalam paket WAMP5 dapat kita jumpai 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 WAMP5 ini juga dapat kita temui aplikasi PHP sebagai

program pengeksekusian script PHP.

3. MySQL. Paket WAMP5 juga menyediakan aplikasi MySQL sebagai

tempat penampungan dan penyimpangan data dari database.

Karena kelebihan paket WAMP5 ini, bisa menyediakan 3 paket aplikasi

sekaligus, memudahkan kita dalam melakukan penginstalan paket tersebut, tanpa

perlu lagi melakukan konfigurasi yang rumit terhadap ketiga aplikasi tersebut.

Instalasi WAMP5

Menginstal WAMP5 secara otomatis menginstal ketiga perangkat lunak utama yang

akan digunakan pada pembangunan web penjualan online yaitu Apache, PHP, dan


28

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 wamp5_1.6.1.exe

Gambar 3. 1 Wamp5_1.6.1

2. Klik tombol next.

Gambar 3. 2 Setup Wamp5

3. Klik next untuk merima persetujuan.


29

Gambar 3. 3 Wamp5 License Agreement

4. Untuk lokasi intalasi, penulis menyarankan untuk membiarkannya secara

default.

Gambar 3. 4 Lokasi Instalasi

5. Jika kita ingin Wamp5 secara otomatis aktif saat masuk ke OS, centang kotak

yang tersedia


30

Gambar 3. 5 Auto Start

6. Tunggu proses instalasi sampai selesai. Proses ini memerlukan waktu yang

cukup lama.

Menjalankan Wamp5

Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah

menjalankan Wamp5. Bila ktia kita tidak mencentang autostart, buka aplikasi Wamp5

dengan klik ganda icon Wamp5 yang ada di desktop, sehingga muncul icon tray pada

taskbar. Secara otomatis Apache dan MySQL telah aktif. Klik kiri pada icon tersebut

untuk mengatur Wamp5, dari sana anda bisa membuka localhost, folder situs-situs

anda, setting Apache, PHP, MySQL.


31

Gambar 3. 6 Wamp Control

Gambar 3. 7 Localhost Setelah kita dapat menggunakan WAMP, kita menuju dulu Wamp Control,

yaitu klik kiri lalu pilih config files, buka php.ini untuk mengaktifkan register globals

atau bisa dengan membuka foldernya yaitu C:\wamp\Apache2\bin, pilih php.ini.

Tekan Ctrl + F, ketik register_globals. Pada saat itu register globalsnya masih off,

segera anda aktifkan, ganti off menjadi on. Register_globals kali ini untuk

mengaktifkan belannja secara online, karena dibutuhkan script untuk mengaktifkan

berbagai variabel dan pemasukan data ke database sementara.


32

Persiapan Database

Database dapat diumpamakan sebagai sebuah tempat penyimpanan data yang

terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database

merupakan langkah awal pembuatan aplikasi, termasuk aplikasi yang akan dibuat di

sini.

Dalam perancangan web MicroTech Computer ini, penulis membuat 6 (lima)

tabel dalam database microtech. Tabel – tabel tersebut adalah tabel admin, tabel

kategori, tabel konfirmas, tabel member, tabel order dan tabel produk.

Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL dengan terlebih

dahulu login sebagai user, keuntungan yang kita dapat dengan menginstal wamp untuk

database adalah tersedianya phpmyadmin, yang berguna untuk mempermudah

pegerjaan di database.

Dibawah ini adalah gambaran isi database microtech dan dari masing-masing tabel.

1. Tabel Database Microtech

Pada tabel ini kita dapat melihat database microtech memiliki 6 tabel yang

nantinya akan saling bekerja sama dalam menjalankan web.

Tabel 3. 1 Database Microtech


33

2. Tabel Admin

Tabel admin adalah digunakan untuk menampung data dari admin pada web

ini. Berikut ini adalah field-field yang dibuat dalam tabel admin.

Tabel 3. 2 Tabel Admin

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.

Tabel 3. 3 Tabel Kategori


34

4. Tabel Member

Tabel member digunakan untuk menampung dan menyimpan semua data

pribadi member pada Toko MicroTech Computer. Berikut ini adalah field-field

yang dibuat dalam tabel member.

Tabel 3. 4 Tabel Member

5. Tabel Konfirmasi

Tabel konfirmasi digunakan untuk menampung dan menyimpan data pesanan,

kode pesanan produk pegawai. Berikut ini adalah field-field yang dibuat

dalam tabel konfirmasi.

Tabel 3. 5 Tabek Konfirmasi


35

6. Tabel Order

Tabel Order digunakan untuk menampung dan menyimpan data jumlah item,

harga, total harga, dan lain-lain. Berikut ini adalah field-field yang dibuat

dalam tabel order.

Tabel 3. 6 Tabel Order

7. 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.

Tabel 3. 7 Tabel Produk

Relasi Antar Tabel

Beriku ini adalah relasi dari tabel yang dijabarkan diatas.


36

Admin

id_admin *usernamepassuser_prev

Kategori

id_kategori *kategorialignview

Produk

id_produk *id_kategori **produkharga_per_itemspesifikasiimagestok

Order

id_order *id_produk **id_member **id_konfirmasi **jumlah_itemharga_per_item

Member

id_member *usernamepassfullnamekelamintanggal_lahirpekerjaanteeponemailuseralamatkotapropinsikodeposnegara

Konfirmasi

id_konfirmasitanggal_konfirmasitanggal_deliver

*) Keterangan* Kunci Utama** Kunci Tamu

satu ke banyak

banyak ke satu

Gambar 3. 8 Relasi Antar Tabel

Tabel ini menunjukkan hubungan antara entitas yang berbeda dimana pertama-

tama penulis mengasumsikan hanya ada satu administrator sistem di dalam Toko

MicroTech Computer.

Sebagai tambahan, 1 member dapat memesan n order, dan 1 konfirmasi

mempunyai n order. Berikutnya, 1 produk dapat mempunyai n order atau 1 order

dapat dipunyai n produk. Keempat 1 kategori mempunyai n produk.

Pada akhirnya adminstrator bisa mengatur data n kategori, n produk, n member

da n konfirmasi. Bentuk ini diadopsi untuk memandu perancangan sistem database


37

MySql Toko MicroTech Computer. Oleh sebab itu dalam perancangan database

microtech, terdapat 6 tabel yang berbeda untuk menyimpan jenis data yang berberda.

3.4 Perancangan Struktur Web

Adapun perancangan halaman-halaman dalam website ini dibagi atas tiga macam

yaitu bagi admin, member, maupun pengunjung biasa. Rancangan ini dapat dilihat

pada gambar di bawah ini.

IndexRegister Cari

Homepage MicroTech Computer

Lihat ProdukLogin

Gambar 3. 9 Rancangan Web untuk Pengunjung Biasa

HomeCari Edit Profil


Tas BelanjaLiht Profil Check OutLihat Produk LogoutInformasi

Gambar 3. 10 Rancangan Web untuk Member


38

HomeMenu Admin

Menu Member


Menu Produk

Menu Konfirmasi LogoutMenu Order

Gambar 3. 11 Rancangan Web untuk Admin 3.5 Bagan Alir (Flowchart) Program

Flowchart sendiri merupakan gambaran yang menampilkan struktur, hierarki dan isi

halaman per halaman

1. Flowchart Halaman Utama


39

Tampilkan Menu

Tampilkan Menu

Index

Apakah Sudah Login ?

Search

Register

Start

Procedur Index

Procedur Search

Procedur Register

Home

Search

Edit Profile

Order

Procedur Edit Profile

Procedur Order

Procedur Tas Belanja

Stop

Login

Informasi

Procedur Login

Keluar

Informasi

Tas Belanja

Ya

Tidak

Tidak

TidakYa

Ya

Ya

Ya

Ya

Tidak

Tidak

Tidak

Tidak

Ya

Ya

Ya

Ya Procedur Seach

Member

Tidak

Tidak

Tidak

Tidak

Procedur Logout

Tidak

Tidak

Logout

TidakYa

Procedur Index

Ya

Gambar 3. 12 Flowchart Halaman Utama

2. Flowchart Halaman Index


40

Procedur Index

Tampilkan IsiIndex

Lihat Detail Produk

Tampilkan Detail

Produk

Tidak

Ya

Gambar 3. 13 Flowchart Halaman Index

3. Flowchart Halaman Register

Prosedur Register

Pengisian Form

Apakah semua data sudah benar ?

Pindah ke Halaman done

Tidak

Ya

Simpan Data Register

Gambar 3. 14 Flowchart Halaman Register

4. Flowchart Halaman Login


41

Prosedur Login

Pengisian username dan

password

Apakah username dan password benar ?

Pindah ke Halaman home

Tidak

Ya

Cari Data di Database

Gambar 3. 15 Flowchart Halaman Login

5. Flowchart Halaman Edit Profile

Prosedur Edit Profil

Ubah Data Diri

Apakah semua data sudah benar ?

Pindah ke Halaman userprofil

Tidak

Ya

Simpan Data Edit Profil

Gambar 3. 16 Flowchart Halaman Edit Profile

6. Flowchart Halaman Logout


42

Prosedur Logout

Keluar dari sistem ?

Keluar

Tidak

Ya

Gambar 3. 17 Flowchart Halaman Logout

7. Flowchart Halaman Search Member

Prosedur Search Member

Pengisian kata bedasarkan

produk

Apakah semua kata sudah benar ?

Pindah ke Halaman Search Member

Tidak Ya


Apakah data ada di Database

Tampilkan hasil pencarian tidak ada

Pindah ke Halaman Search Member

Tampilkan hasil pencarian

Ya

Tidak

Gambar 3. 18 Flowchart Halaman Search Member

8. Flowchart Halaman Tas Belanja


43

Prosedur Tas Belanja

Tampilkan daftar barang yang sudah

dipesan

Beli atau lanjutkan memesan ?

Pindah ke Halaman checkout

Tidak

Ya

Prosedur Home

Simpan Data Tas Belanja

Gambar 3. 19 Flowchart Halaman Tas Belanja

9. Flowchart Halaman Search

Prosedur Search

Pengisian kata bedasarkan

produk

Apakah semua kata sudah benar ?

Pindah ke Halaman Search

Tidak Ya


Apakah data ada di Database

Tampilkan hasil pencarian tidak ada

Pindah ke Halaman Search

Tampilkan hasil pencarian

Ya

Tidak

Gambar 3. 20 Flowchart Halaman Search 10. Flowchart Halaman Order


44

Prosedur Order

Tampilkan daftar barang

Beli barang ?

Pindah ke Halaman save order

Tidak

Ya

Simpan Data Order

Pindah ke halaman lihat Produk

Tampilkan produk yang di

order Gambar 3. 21 Flowchart Halaman Order

11. Flowchart Halaman Administrator

Start

Halaman Administrator

Pengisian username

dan password

username dan password benar ?

Halaman Gagal

Tampilkan Menu

Halaman Home

Ya

Tidak

Keluar

Stop

Ya

Tidak

Gambar 3. 22 Flowchart Halaman Administrator

3.6 Data Flow Diagram (DFD)


45

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.

Sistem Informasi Penjualan Komputer

Penyalur(Supplier)

Administrator

Pembeli

Data PembeliData barang yang sudah dibeli

Pemasang Iklan(Advertiser)

Data Barang Data Pembeli Data Pemesanan

Pembelian barang yang akan di jual

Iklan/partner untukkerjasama

Pengolahan Data

Gambar 3. 23 Diagram Alir Data Level Konteks SI Penjualan Komputer


27

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian dan Tujuan Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur-prosedut yang dilakukan

dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstal

dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang

lama.

Implementasi yang telah sesuai harus diuji coba sehingga dapat diketahui

kehandalan dari sistem yang ada telah sesuai dengan apa yang diinginkan. Tujuan

implementasi sistem ini adalah :

1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang

disetujui, menyusun dokumen baru atau dokumen-dokumen yang diperbaiki.

2. Menulis, menguji dan mendokumentasikan program-program dan prosedur-

prosedur yang diperbaiki oleh desain sistem yang disetujui.

3. Memastikan bahwa user dapat mengoperasikan ssitem baru.

4. Memperhitungkan bahwa sistem memenuhi permintaan user yaitu dengan

menguji sistem secara menyeluruh.


45

5. Memastikan bahwa konversi sistem yang baru berjalan secara benar yaitu

dengan merencanakan, mengontrol dan melakukan instalasi sistem baru secara

benar.

4.2 Tahapan Implementasi Sistem

Dalam membuat suatu sistem haruslah dijelaskan terlebih dahulu langkah-lagkah atau

tahapan dari sistem yang akan dirancang, sehingga dapat tercapai sistem yang

diharapkan.

Tahap-tahap yang dilakukan dalam pembuatan sistem ini terdiri dari :

1. Persiapan

Pada tahap ini dilakukan persiapan yaitu menganalisa masalah yang akan

diproses, masalah yang penulis baha dalam hal ini adalah masalah pengolahan

data penjualan barang.

2. Analisa

Pada tahap ini akan dilakukan proses analisa mengenai data input barang.

3. Penulisan

Tahap berikutnya adalah penyusunan atau penulisan program ke dalam bahasa

komputer dengan bahasa yang telah ditentukan.


46

4. Menjalankan Program

Kita gunakan web server untuk menjalankan program dan browser internet

untuk melihat output atau tampilan halaman web.

5. Pengujian Program

Sebelum program dijalankan benar, maka program terlebih dahulu harus bebas

dari kesalahan, oleh sebab itu program harus diuji kembali untuk mengetahui

apakah program dapat menerima input dengan baik atau tidak, serta

memberikan output yang sesuai dengan yang diharapkan.

4.3 Komponen dalam Implementasi Sistem

Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka

perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu

dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware),

perangkat lunak (software), dan perangkat operator (brainware). Pada web ini kita

dibutuhkan komponen-komponen yang mencakup seperti diatas.

4.3.2 Kebutuhan Perangkat Keras/ Hardware

Perangkat keras merupakan komponen-komponen peralatan yang membentuk suatu

sistem komputer dan peralatan-peralatan tambahan lainnya yang memungkin kan


47

komputer untuk menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini

bersifat nyata secara fisik, artinya dapat dilihat dan dipegang.

Perangkat Kerasnya meliputi :

1. Monitor Super VGA.

2. CPU (Central Processing Unit), seperti Pentium 4.

3. Harddisk sebagai media penyimpanan.

4. Memori atau biasa kita sebut RAM, minimal 128 MB.

5. Keyboard dan Mouse.

4.3.2 Kebutuhan Perangkat Lunak/ Software

Hardware tidak dapat meneyelesaikan masalah tanpa adanya software. Software

merupakan komponen di dalam sistem data berupa program atau instruksi untuk

mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan

perangkat kerasnya adalah :

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

2. Editor pendesainan web dan penggabungan antara layout dengan bahasa

pemrograman seperti yang digunakan penulis yaitu Macromedia

Dreamweaver 8.

3. MySQL sebagai bahasa pemrograman untuk database dalam bahasa

SQL(Structure Query Language) yang digunakan dalam mengelola

database.


48

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

Internet Explorer, Mozilla, Netscape Navigator, dan lain – lain.

4.3.3 Kebutuhan Brainware

Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi menjadi

3, yaitu :

1. Administrator

2. Member (Pelanggan / Anggota)

3. Pengunjung (Publik)

4.4 Gambaran Aplikasi Pada Sistem

Adapun gambaran mengenai aplikasi sistem situs ini yang coba saya bagi menjadi tiga

bagian saling berhubungan.

4.4.1 Administrator


49

Administrator mempunyai hak yang paling besar. Seorang administrator dapat

memasukkan informasi maupun mengedit ke dalam sistem. Seorang adminstrator juga

dapat menghapus user yang melakukan penipuan di dalam sistem informasi situs ini.

4.4.2 Member

Member dapat melakukan pembelanjaan, mengedit data pribadinya kembali jika ada

kesalahan atau perubahan.

4.4.3 Pengunjung

Pengunjung hanya dapat melihat informasi pada situs ini. Pengunjung hanya dapat

melakukan pembelanjaan apabila dia telah mendaftarkan diri sebagai member.

4.5 Tampilan Halaman Website

Pada web MicroTech Computer memiliki banyak halaman. Tiap halaman utama

masing - masing memiliki link, yang tiap isi halaman webnya menunjukkan setiap

informasi yang berbeda - beda. Untuk pengetesan pada icon Wamp5 yang terdapat

pada taskbar adalah klik kiri pilih localhost, secara otomatis akan membuka tampilan

halaman Wamp5, setelah itu klik MicroTechComputer. Atau jika kita ingin

membukanya dari tool browser caranya yaitu, ketikkan pada address bar

http://localhost untuk melihat tampilan Wamp Server pada browser. Untuk


50

pengetesan halaman web MicroTech Computer sendiri ketikkan pada address bar

browsing seperti berikut ini : http://localhost/microtechcomputer. Penulisan

microtechcomputer setelah localhost menunjukkan folder tempat penyimpanan file-

file web MicroTech Computer. Dibawah ini adalah beberapa contoh halaman utama

pada web MicroTech Computer. Berhubung Situs ini berukuran besar maka kami

memotong dan mengambil bagian penting dari gambarnya saja. Semoga hal ini dapat

dimaklumi oleh kita bersama.

1. Halaman Index

Ini adalah tampilan awal situs ini. Pada halaman ini pengunjung bisa melihat

nama toko dan slogannya, disini dia juga dapat caegori barang yang kami

sediakan, pada tabel informasi, pengunjung bisa melihat bgaimana cara belanja,

tarif pengiriman, dan lain-lain. Disini disediakan tabel cari untuk mencari produk

berdasarkan nama. Tabel login bagi yang telah mendaftar sebagai member, bila

belum, telah disediakan tempat daftar dengan klik daftar disebelah login.


51

Gambar 4. 1 Halaman Index (atas)

Gambar 4. 2 Halaman Index (bawah)

2. Halaman Search


52

Halaman ini untuk melakukan pencarian berdasarkan nama produk. Caranya, kita

hanya mengetikkan nama dari produk yang kita inginkan.

Gambar 4. 3 Halaman Search 3. Halaman Daftar

Halaman untuk melakukan registrasi ke sistem. Administrator mempunyai hak

untuk menghapus user yang tidak memeberikan bagian-bagian penting data diri

secara palsu. Setelah selesai registrasi dan sukses anda akan dibawa ke halaman

berikutnya. Setelah itu anda dapat melakukan login sebagai member.


53

Gambar 4. 4 Halaman Register

4. Halaman Daftar Produk

Halaman yang menyediakan berbagai macam perangkat komputer, ditujukan

kepada pengunjung pada awalnya dan untuk dapat membeli harus terdaftar sebagai

member di MicroTech Computer.


54

Gambar 4. 5 Halaman Daftar Produk 5. Halaman Detail Produk

Lanjutan dari halaman daftar produk, cara ke halaman ini dengan mengklik produk

yang tertera di tabel dan akan langsung menuju halaman ini sebagai contoh kita

klik produk laptop x-ware dan akan ditunjukkan detail produk tersebut. Detail

produk ini diurutkan berdasarkan nama produknya, kode produk, stok yang

tersedia, harga, dan spesifikasinya.


55

Gambar 4. 6 Halaman Detail Produk

6. Halaman Home

Halaman ini akan muncul saat kita sudah memasukkan username dan password

dengan benar pada menu login dan tampilannya akan berbeda dengan menu index.


56

Gambar 4. 7 Halaman Home 7. Halaman Userprofile

Halaman ini akan menunjukkkan data saat kita mendaftar sebagai member. Untuk

merubahnya anda perlu menuju bagian halaman editprofile.

Gambar 4. 8 Halaman Userprofile 8. Halaman Editprofile

Pada halaman ini anda dapat merubah data pribadi anda. Apakah waktu itu salah

memasukkan atau sudah ada perubahan.


57

Gambar 4. 9 Halaman Editprofile 9. Halaman Save_Oreder

Halaman ini muncul saat anda menekan kalimat “masukkan ke tas belanja” pada

halaman detail produk.

Gambar 4. 10 Halaman Save Order

10. Halaman Tas Belanja


58

Pada halaman ini anda dapat melihat hasil pemsanan anda, dan berapa jumlah

biaya yang dikenakan.

Gambar 4. 11 Halaman Tas Belanja

11. Halaman Checkout

Saat anda menekan konfimasi maka halaman ini muncul dan memberikan no id

konfirmasi yang nantinya dapat anda gunakan untuk mencek pesanan anda

Gambar 4. 12 Halaman Chekcout 12. Halaman Logout


59

Setelah andan melakukan konfirmasi anda akan melihat kata logout disitu, saat

anda mengkliknya maka secara otomatis anda akan keluar dari sistem member

kembali ke halaman index.

13. Halaman Informasi

Halaman ini dapat anda lihat pada tabel sebelah kanan atas, di situ anda bisa

mengklik informasi yang anda inginkan mulai dari persyaratan, cara bayar, cara

belanja, sampai dengan about us. Melalui halaman ini pengetahuan anda akan

bertambah sebelum anda melakukan pembelanjaan.

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem

dalam pembangunan webiste penjualan komputer ini. Maka dapat penulis simpulkan :

1. Website ini adalah sarana penjualan komputer secara online yang dapat

diakses oleh siapa saja.

2. Pendesainan interface yang menarik sangat diperlukan dalam merancang

sebuah sistem informasi agar para user nyaman menelusuri website ini.

3. Sasaran dari website ini adalah para user yang suka akan perkembangan

perangkat kompter, tetapi kurang mempunyai waktu untuk selalu ke toko.

4. Dengan adanya sistem komputer, maka sistem informasi penjualan pada toko

komputer dapat diakses dengan cepat dan akurat, informasi tentang perangkat

komputer juga dapat dilihat dengan detail.


59

5.2 Saran

Adapun saran yang dapat penulis berikan yang diharapkan berguna di masa yang akan

datang adalah sebagai berikut :

1. Agar selalu dipercaya oleh pelanggan maka hendaknya pihak toko komputer

selalu cepat dan tepat dalam memberikan layanan dan informasi yang

dibutuhkan pelanggan.

2. Untuk tahap permulaan, mungkin sistem informasi ini memerlukan biaya yang

cukup mahal, akan tetapi pada tahap selanjutnya akan jauh lebih hemat

daripada cara manual.

3. Sumber daya manusia yang menangani sistem harus memiliki kualitas yang

memadai karena kesalahan-kesalahan yang terjadi biasanya disebabkan karena

kurangnya kemampuan user dalam pengoperasian sistem.

4. Perlu adanya pengembangan dari segi desain, kelengkapan, detail produk, tata

cara pembayaran dan pengiriman yang cepat dan mudah kedepannya.

5. Kecepatan dalam membuka halaman web perlu diperhatikan, agar pengunjung

tidak merasa bosan karena harus menunggu lama untuk membuka halaman

web pada situs ini.


60

DAFTAR PUSTAKA

Kadir, Abdul. 2003. Pemrograman WEB Mencakup HTML, CSS, JavaScript dan

PHP. Yogyakarta : Andi Offset. Kartoyo, Haris Supriansyah. 2006. 30 Menit Menjadi Webmaster. Bandung :

Oase Media. Madcoms. Mahir dalam 7 Hari Macromedia Dreamweaver 8 dengan PHP.

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

Andi Offset. Syafii, M. 2005. Membangun Aplikasi Berbasis PHPdan MySQL. Yogyakarta : Andi

Offset. RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai

Pemrograman WEB. Bandung : Informatika Bandung

SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO...

Documents

Transcript of SISTEM INFORMASI PENJUALAN ONLINE PADA TOKO...