Sistem Informasi Penjualan Online Pada Toko Microtech Computer

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

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

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

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

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
ALAM

: MATEMATIKA DAN ILMU PENGETAHUAN
(FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di
Medan, Juni 2008

Diketahui
Departemen Matematika FMIPA USU
Ketua,

Pembimbing

Dr. Saib Suwilo, M.Sc
NIP 131796149

Drs Rosman Siregar, M.Si
NIP 131572441

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

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

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

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.

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

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.

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

vi

DAFTAR ISI

Halaman
PERSETUJUAN
PERNYATAAN
PENGHARGAAN
ABSTRAK
DAFTAR ISI
DAFTAR TABEL
DAFTAR GAMBAR
BAB 1 PENDAHULUAN
1.1
Latar Belakang
1.2
Identifikasi Masalah
1.3
Ruang Lingkup Masalah
1.4
Maksud dan Tujuan
1.5
Metode Penelitian
1.6
Sistematika Penulisan

ii
iii
iv
v
vi
viii
ix
1
1
3
4
4
5
6

BAB 2 LANDASAN TEORI
2.1
Pengertian Data
2.2
Sistem
2.2.1 Karakteristik Sistem
2.3
Informasi
2.3.1 Kualitas Informasi
2.4
Penjualan
2.5
Sistem Informasi
2.6
Internet
2.7
HTML
2.7.1 Bagian-Bagian HTML
2.8
PHP
2.9
Penggabungkan Script PHP dan HTML
2.10 CSS
2.11 JavaScript
2.11.1 Kelebihan Javascript
2.12 Database
2.13 MySQL
2.14 Macromedia Dreamweaver 8
2.15 Web Server
2.16 Web Server Apache

8
8
9
9
10
11
11
12
13
14
14
16
17
19
20
22
22
22
23
23
25

BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1
Instalasi Apache, PHP, dan MySQL
3.1.1 Instalasi WAMP5
3.1.2 Menjalankan Wamp5
3.2
Persiapan Database
3.3
Relasi Antar Tabel

26
26
27
30
32
35

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

vii

3.4
3.5
3.6

Perancangan Struktur Web
Bagan Alir (Flowchart) Program
Data Flow Diagram (DFD)

37
38
44

BAB 4 IMPLEMENTASI SISTEM
4.1
Pengertian dan Tujuan Implementasi Sistem
4.2
Tahapan Implementasi Sistem
4.3
Komponen dalam Implementasi Sistem
4.3.2 Kebutuhan Perangkat Keras/ Hardware
4.3.2 Kebutuhan Perangkat Lunak/ Software
4.3.3 Kebutuhan Brainware
4.4
Gambaran Aplikasi Pada Sistem
4.4.1 Administrator
4.4.2 Member
4.4.3 Pengunjung
4.5
Tampilan Halaman Website

44
44
45
46
46
47
48
48
48
49
49
49

BAB 5 KESIMPULAN DAN SARAN
5.1
Kesimpulan
5.2
Sasaran

58
58
59

DAFTAR PUSTAKA

60

LAMPIRAN

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

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

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

ix

DAFTAR GAMBAR

Halaman
Gambar 3. 1 Wamp5_1.6.1
Gambar 3. 2 Setup Wamp5
Gambar 3. 3 Wamp5 License Agreement
Gambar 3. 4 Lokasi Instalasi
Gambar 3. 5 Auto Start
Gambar 3. 6 Wamp Control
Gambar 3. 7 Localhost
Gambar 3. 8 Relasi Antar Tabel
Gambar 3. 9 Rancangan Web untuk Pengunjung Biasa
Gambar 3. 10 Rancangan Web untuk Member
Gambar 3. 11 Rancangan Web untuk Admin
Gambar 3. 12 Flowchart Halaman Utama
Gambar 3. 13 Flowchart Halaman Index
Gambar 3. 14 Flowchart Halaman Register
Gambar 3. 15 Flowchart Halaman Login
Gambar 3. 16 Flowchart Halaman Edit Profile
Gambar 3. 17 Flowchart Halaman Logout
Gambar 3. 18 Flowchart Halaman Search Member
Gambar 3. 19 Flowchart Halaman Tas Belanja
Gambar 3. 20 Flowchart Halaman Search
Gambar 3. 21 Flowchart Halaman Order
Gambar 3. 22 Flowchart Halaman Administrator
Gambar 3. 23 Diagram Alir Data Level Konteks SI Penjualan Komputer
Gambar 4. 1 Halaman Index (atas)
Gambar 4. 2 Halaman Index (bawah)
Gambar 4. 3 Halaman Search
Gambar 4. 4 Halaman Register
Gambar 4. 5 Halaman Daftar Produk
Gambar 4. 6 Halaman Detail Produk
Gambar 4. 7 Halaman Home
Gambar 4. 8 Halaman Userprofile
Gambar 4. 9 Halaman Editprofile
Gambar 4. 10 Halaman Save Order
Gambar 4. 11 Halaman Tas Belanja
Gambar 4. 12 Halaman Chekcout

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

28
28
29
29
30
31
31
36
37
37
38
39
40
40
41
41
42
42
43
43
44
44
45
51
51
52
53
54
55
56
56
57
57
58
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

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

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 :

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

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
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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 datadata 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.
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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

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

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.

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

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, angkaangka, 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). Komponenkomponen 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

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

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 :

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

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,

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

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.
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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

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

15

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok
perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode
, judul dengan dan sebagainya. Untuk lebiih lanjut mengenai bagianbagian HTML perhatian skema dibawah ini :









….isi dari halaman web ….



Keterangan :
1. Dokumen HTML, selalu diawali dengan tanda pembuka dam
diakhiri dengan tanda tag penutup .
2. Pada elemen 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 berisi tag-tag untuk isi atau layout tampilan
situs, seperti : ,,.
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

16

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kodekode 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 :
TEKS
Namun ada juga tag yang tidak perlu ada penutup seperti , , ,
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
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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 (). 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
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

18

script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai
bagian dari script HTML. Contoh penulisan dapat dilihat di bawah ini :


Testing






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 :



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.





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

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

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.

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

21

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









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






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

22



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.
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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.

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

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.
Muhammad Zuhry Ramadhan : Sistem Informasi Penjualan Online Pada Toko Microtech Computer, 2008.
USU Repository © 2009

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 majordomo@apache.org 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.

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

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

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

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.

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

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

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

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.

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

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.

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

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

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

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

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

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

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

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.

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

36

Produk

Kategori

Admin
id_admin *
username
pass
user_prev

id_produk *
id_kategori **
produk
harga_per_item
spesifikasi
image
stok

id_kategori *
kategori
align
view

Member
id_member *
username
pass
fullname
kelamin
tanggal_lahir
pekerjaan
teepon
emailuser
alamat
kota
propinsi
kodepos
negara

Order
id_order *
id_produk **
id_member **
id_konfirmasi **
jumlah_item
harga_per_item

*) Keterangan
* Kunci Utama
** Kunci Tamu
satu ke banyak

Konfirmasi

banyak ke satu

id_konfirmasi
tanggal_konfirmasi
tanggal_deliver

Gambar 3. 8 Relasi Antar Tabel

Tabel ini menunjukkan hubungan antara entitas yang berbeda dimana pertamatama 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

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

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.

Homepage
MicroTech Computer

Login

Register

Index

Lihat Pro

Dokumen baru

PENGARUH PENERAPAN MODEL DISKUSI TERHADAP KEMAMPUAN TES LISAN SISWA PADA MATA PELAJARAN ALQUR’AN HADIS DI MADRASAH TSANAWIYAH NEGERI TUNGGANGRI KALIDAWIR TULUNGAGUNG Institutional Repository of IAIN Tulungagung

98 2930 16

PENGARUH PENERAPAN MODEL DISKUSI TERHADAP KEMAMPUAN TES LISAN SISWA PADA MATA PELAJARAN ALQUR’AN HADIS DI MADRASAH TSANAWIYAH NEGERI TUNGGANGRI KALIDAWIR TULUNGAGUNG Institutional Repository of IAIN Tulungagung

36 746 43

PENGARUH PENERAPAN MODEL DISKUSI TERHADAP KEMAMPUAN TES LISAN SISWA PADA MATA PELAJARAN ALQUR’AN HADIS DI MADRASAH TSANAWIYAH NEGERI TUNGGANGRI KALIDAWIR TULUNGAGUNG Institutional Repository of IAIN Tulungagung

32 645 23

PENGARUH PENERAPAN MODEL DISKUSI TERHADAP KEMAMPUAN TES LISAN SISWA PADA MATA PELAJARAN ALQUR’AN HADIS DI MADRASAH TSANAWIYAH NEGERI TUNGGANGRI KALIDAWIR TULUNGAGUNG Institutional Repository of IAIN Tulungagung

15 419 24

PENGARUH PENERAPAN MODEL DISKUSI TERHADAP KEMAMPUAN TES LISAN SISWA PADA MATA PELAJARAN ALQUR’AN HADIS DI MADRASAH TSANAWIYAH NEGERI TUNGGANGRI KALIDAWIR TULUNGAGUNG Institutional Repository of IAIN Tulungagung

24 574 23

KREATIVITAS GURU DALAM MENGGUNAKAN SUMBER BELAJAR UNTUK MENINGKATKAN KUALITAS PEMBELAJARAN PENDIDIKAN AGAMA ISLAM DI SMPN 2 NGANTRU TULUNGAGUNG Institutional Repository of IAIN Tulungagung

49 964 14

KREATIVITAS GURU DALAM MENGGUNAKAN SUMBER BELAJAR UNTUK MENINGKATKAN KUALITAS PEMBELAJARAN PENDIDIKAN AGAMA ISLAM DI SMPN 2 NGANTRU TULUNGAGUNG Institutional Repository of IAIN Tulungagung

49 879 50

KREATIVITAS GURU DALAM MENGGUNAKAN SUMBER BELAJAR UNTUK MENINGKATKAN KUALITAS PEMBELAJARAN PENDIDIKAN AGAMA ISLAM DI SMPN 2 NGANTRU TULUNGAGUNG Institutional Repository of IAIN Tulungagung

14 533 17

KREATIVITAS GURU DALAM MENGGUNAKAN SUMBER BELAJAR UNTUK MENINGKATKAN KUALITAS PEMBELAJARAN PENDIDIKAN AGAMA ISLAM DI SMPN 2 NGANTRU TULUNGAGUNG Institutional Repository of IAIN Tulungagung

21 787 30

KREATIVITAS GURU DALAM MENGGUNAKAN SUMBER BELAJAR UNTUK MENINGKATKAN KUALITAS PEMBELAJARAN PENDIDIKAN AGAMA ISLAM DI SMPN 2 NGANTRU TULUNGAGUNG Institutional Repository of IAIN Tulungagung

33 952 23