Post on 26-Jun-2015
APLIKASI e-COMMERCE PADA LAYANAN
TOKO KOMPUTER ELEKTRONIK (e-COMPUTER STORE)
TUGAS AKHIR
Disusun Guna Memenuhi Persyaratan dalam Menyelesaikan Pendidikan Strata Satu
Pada Jurusan Teknik Elektro Fakultas Teknik Universitas Diponegoro Semarang
oleh:
R. ARIANSYAH KAMIL
L2F 097 667
JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK
UNIVERSITAS DIPONEGORO SEMARANG
2004
HALAMAN PERSETUJUAN
Tugas Akhir dengan judul Aplikasi e-Commerce Pada Layanan Toko
Komputer Elektronik (e-Computer Store) yang disusun oleh:
Nama : R. Ariansyah Kamil
NIM : L2F 097 667
Telah disetujui dan disahkan tanggal : Februari 2004
Oleh :
Dosen Pembimbing I
Sumardi, S.T., M.T. NIP. 132 125 670
Dosen Pembimbing II
R. Rizal Isnanto, S.T., M.M., M.T. .
NIP. 132 288 515
Mengetahui
a.n. Dekan Fakultas Teknik Universitas Diponegoro
Ketua Jurusan Teknik Elektro
Ir. Sudjadi, M.T. NIP. 131 558 567
ii
AYAH DAN BUNDA
Kalau ku bisa bawa pelangi Kan kupersembahkan pada mereka
Agar bisa menuju istana Impian tinggi di atas sana
Kalau bisa kukumpulkan sejuta cinta Kan kurangkai menjadi mahkota Agar menghiasi indahnya Di atas kepala mereka
Kalau ku punya punggung yang kuat
Kan kubawa mereka Di atas punggungku
Agar tak satupun duri itu mengenai kakinya
Ingin ku balas cinta mereka Yang ciptakan pelangi kecil untukku
Dan sejuta kasih sayang Tanpa sesal sedikitpun
Kunanti saat itu hadir
Di kala ku lihat senyum kebahagiaan Dua sosok yang sangat kucinta
Ayah dan Bunda
Tugas Akhir ini kupersembahkan kepada Ayah dan Bunda tercinta
Mas Oki, Mbak Ida, Mas Nukin, dan Mbak Dewi
Atas segala dukungan baik moril maupun materil
iii
ABSTRAK
Perkembangan teknologi yang sangat pesat secara langsung maupun tidak
langsung mempengaruhi sistem perdagangan. Sebelumnya, transaksi secara tradisional
dilakukan dari tangan ke tangan secara langsung antara pembeli dan penjual secara
bertatap muka, melakukan persetujuan, dan akhirnya terjadi kesepakatan. Sekarang,
hanya dengan mengakses e-Commerce pada jaringan Internet saja, kita dapat memilih
barang yang diinginkan, mengetahui rinci barang, dan dapat melakukan transaksi dengan
siapa saja tanpa dibatasi oleh waktu dan jarak.
Sistem e-Commerce ini membutuhkan server, skrip server (server script), dan
sistem basisdata. Untuk server-nya menggunakan IIS (Internet Information Server)
karena IIS merupakan server perangkat lunak yang sudah terintegrasi dalam sistem
operasi Windows sehingga dalam simulasi tugas akhir ini dapat menjadi server lokal
yang sama fungsinya dengan server jarak jauh. Skrip server yang digunakan adalah ASP
(Active Server Pages) karena skrip server ini memiliki prospek perkembangan yang baik
dalam hal keamanan data dan kestabilan.
Toko komputer online (e-computer store) merupakan salah satu aplikasi dari e-
Commerce, yang dapat memberikan kemudahan kepada para konsumen yang ingin
membeli perangkat keras (hardware) komputer tanpa harus pergi ke toko komputer nyata
(real). Sistem toko komputer online ini terdiri atas dua buah subsistem yaitu subsistem
pengunjung yang dapat diakses oleh semua pengunjung dan subsistem administrator
yang hanya dapat diakses oleh administrator, dalam hal ini adalah pemilik dari toko
komputer tersebut.
Kata kunci : E-Commerce, Server, Skrip Server.
iv
ABSTRACT
The vast development of technology, make an indirect and direct effect to market
system. Traditional transaction was using a direct transaction between a sales and a
costumer in face to face, making a commitment, and finally made an agreement. Right
now, we can choose the hardware, knowing the specification, and making a transaction
with anyone without time and distance barrior.
This e-Commerce system needs a server, a server script, and a database system.
For the server side, it uses an IIS (Internet Information Server) because the IIS is a
server which is integrated in a Windows operating system. So in this “Final Project”
simulation, can be a local server which have the same function with a long distance
server. The script server, which is used in this simulation is ASP (Active Server Pages),
because this script server has a good prospect in data stability.
E-Computer Store is one of the e-Commerce application, which can give an easy
way to costumer to buy a computer hardware without going to a real computer store.
This e-Computer Store has two subsystems, costumer subsystem which can be access by
all of the costumers, and administrator subsystem which can only be accessed by the
owner of this computer store.
Keywords : E-Commerce, Server, Server Script.
v
KATA PENGANTAR
Dengan Menyebut Nama Allah yang Maha Pengasih lagi Maha Penyayang
Assalamu’alaikum Wr. Wb.
Alhamdulillah, segala puji syukur Penulis panjatkan kehadirat Allah SWT
yang atas rahmat-Nya, Penulis dapat menyelesaikan Laporan Tugas Akhir dengan
judul Aplikasi e-Commerce Pada Layanan Toko Komputer Elektronik (e-
Computer Store), sebagai salah satu persyaratan akademik Jurusan Teknik Elektro
Fakultas Teknik Universitas Diponegoro Semarang, untuk meraih gelar Sarjana
Teknik pada jenjang Strata-1.
Untuk itu Penulis ingin menyampaikan rasa terima kasih kepada :
1. Ir. Sudjadi, M.T., selaku Ketua Jurusan Teknik Elektro Fakultas Teknik
Universitas Diponegoro semarang,
2. Bapak Sumardi, S.T., M.T., selaku Dosen Pembimbing pertama atas waktu dan
bimbingannya,
3. Bapak R. Rizal Isnanto, S.T., .M.M., M.T., selaku Dosen Pembimbing kedua
atas waktu dan bimbingannya,
4. Bapak Wahyudi, S.T., M.T., selaku dosen wali,
5. Papah, Mamah, Mas Oki, Mbak Ida, Mas Nukin, dan Mbak Dewi, yang selalu
memberikan bantuan moril dan materil dari awal hingga akhir,
6. Teman-teman “Mulyo” (Adhyastu, Arthop, Bayu, Santoso, dan Pudji),
Widagdo, Iwan, Erwin, Susi, Amanah, dan rekan-rekan Teknik Elektro
angkatan 97 lainnya, atas segala dukungannya dan keceriannya yang amat
berarti selama ini,
7. Teman-teman “Kos Adipati Unus 22” (Mas Roni, Bondan, Riki, Coro, Hengky,
Pay, dan Boim), Sari, Themy dan Wulan, atas segala gangguannya yang amat
berkesan selama ini,
vi
8. Seseorang yang telah sangat mempengaruhi saya dalam proses pembuatan
Tugas Akhir ini, “ Caroline Melia Devi (Elin) ”, atas semua canda, tawa, dan
masalah, yang telah sangat mewarnai hidup saya selama ini.
Penulis menyadari masih banyak kekurangan dalam penyusunan laporan
Tugas akhir ini, sehingga kritik dan saran dari semua pihak sangat diharapkan.
Akhirnya Penulis hanya berharap semoga penulisan Tugas Akhir ini dapat
memberikan manfaat bagi Penulis sendiri serta kalangan civitas akademika lainnya,
Amien.
Wassalamu’alaikum Wr. Wb.
Semarang , Februari 2004
Penulis
vii
DAFTAR ISI
Halaman Judul
Lembar Pengesahan
Halaman Persembahan
Abstrak
Abstract
Kata Pengantar
Daftar Isi
Daftar Gambar
Daftar Tabel
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah..........................................................
1.2. Tujuan Tugas Akhir................................................................
1.3. Pembatasan Masalah...............................................................
1.4. Sistematika Penulisan..............................................................
BAB II LANDASAN TEORI
2.1. Pendahuluan............................................................................
2.2. Aplikasi e-Commerce...............................................................
2.2.1 Aktivitas yang Berhubungan dengan e-Commerce........
2.3. Active Server Pages................................................................
2.3.1 Pemrosesan halaman ASP..............................................
2.3.2 Pengolahan Basis Data dengan ASP..............................
2.4 Perancangan Sistem.................................................................
2.4.1 Diagram Alir Data ...........................................................
2.4.1.1 Kesatuan Luar......................................................
2.4.1.2 Arus Data.............................................................
i
ii
iii
iv
v
vi
viii
xii
xiv
1
2
2
2
4
5
5
6
8
9
9
9
10
viii
2.4.1.3 Proses...................................................................
2.4.1.3 Simpanan Data....................................................
2.5 Sistem Basis Data....................................................................
2.6 Normalisasi..............................................................................
2.6.1 Atribut............................................................................
2.6.1.1 Atribut Bernilai Tunggal (Single - Valued
Attribute).............................................................
2.6.1.2 Atribut Bernilai Banyak (Multi - Valued
Attribute).............................................................
2.6.2 Domain...........................................................................
2.6.3 Key..................................................................................
BAB III PERANCANGAN
3.1. Umum......................................................................................
3.2. Analisis Sistem........................................................................
3.2.1 Lingkungan Proses Sistem e-Commerce........................
3.2.2 Acuan Proses Pembuatan Sistem e-Commerce..............
3.2.3 Kebutuhan Pemrosesan .................................................
3.3. Perancangan Sistem.................................................................
3.3.1. Diagram Alir Data.......................................................
3.3.1.1 Proses Pencarian Hardware.............................
3.3.1.2 Proses Pembelian Hardware............................
3.4. Perancangan Basis Data..........................................................
3.4.1 Diagram Hubungan Entitas.............................................
3.4.2 Normalisasi......................................................................
3.4.1.1 Bentuk Tidak Normal..........................................
3.4.1.2 Bentuk Normal Kesatu........................................
3.4.1.3 Bentuk Normal Kedua.........................................
3.4.1.4 Bentuk Normal Ketiga........................................
10
11
11
12
13
13
13
13
13
15
15
15
16
17
18
19
20
21
22
22
22
23
23
24
25
ix
3.4.1.5 Struktur Tabel......................................................
3.5. Perancangan Antarmuka..........................................................
3.5.1 Perancangan Halaman Pembuka....................................
3.5.2 Perancangan Halaman Menu Utama..............................
3.5.3 Perancangan Halaman Hasil Pencarian..........................
3.5.4 Perancangan Halaman Spesfikasi dan
Pemesanan......................................................................
3.5.5 Perancangan Halaman Shopping Basket........................
3.5.6 Perancangan Halaman Cekout.......................................
3.5.7 Perancangan Halaman Terima Kasih ............................
3.5.8 Perancangan Halaman Menu Administrator..................
3.5.9 Perancangan Halaman Administrator.............................
3.5.10 Perancangan Halaman Daftar Identitas Konsumen......
3.5.11 Perancangan Halaman Daftar Alamat Konsumen........
3.5.12 Perancangan Halaman Daftar Jumlah
Pembelian Barang.........................................................
3.5.13 Perancangan Halaman Daftar Keterangan
Pembelian Barang.........................................................
3.5.14 Perancangan Halaman Stock dari Kategori
Perangkat Keras............................................................
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1. Pengujian Sub Sistem Data Pengunjung...................................
4.1.1 Halaman Pembuka.......................................................
4.1.2 Halaman Menu Utama.................................................
4.1.3 Halaman Hasil Pencarian............................................
4.1.4 Halaman Spesifikasi dan Pemesanan..........................
4.1.5 Halaman Shopping Basket...........................................
4.1.6 Halaman CekOut.........................................................
26
29
30
30
31
32
33
34
35
36
37
38
39
40
41
42
44
45
46
48
48
50
51
x
4.1.7 Halaman Terima Kasih................................................
4.2. Pengujian Sub Sistem Data Administrator................................
4.2.1 Halaman Menu Administrator........................................
4.2.2 Halaman Administrator...................................................
4.2.3 Halaman Daftar Identitas Konsumen..............................
4.2.4 Halaman Daftar Alamat Konsumen................................
4.2.5 Halaman Daftar Jumlah Pembelian Barang....................
4.2.6 Halaman Daftar Keterangan Pembelian Barang.............
4.2.7 Halaman Daftar Stock Mainboard AMD........................
4.3. Implementasi Sistem e-Commerce pada Jaringan
Internet.....................................................................................
BAB V PENUTUP
5.1 Kesimpulan ............................................................................
5.2 Saran.......................................................................................
DAFTAR PUSTAKA
LAMPIRAN A : Listing Program.
52
54
54
55
56
57
58
59
60
61
65
65
66
67
xi
DAFTAR GAMBAR
Gambar 2.1. Simbol kesatuan luar.............................................................
Gambar 2.2. Simbol arus data...................................................................
Gambar 2.3. Simbol proses.......................................................................
Gambar 2.4. Simbol simpanan data..........................................................
Gambar 3.1. Diagram Konteks toko komputer online...............................
Gambar 3.2. DFD Level 0 toko komputer online.....................................
Gambar 3.3. DFD Level 1 proses pencarian hardware............................
Gambar 3.4. DFD Level 1 proses pembelian hardware............................
Gambar 3.5. ERD toko komputer online...................................................
Gambar 3.6. Bentuk tidak normal.............................................................
Gambar 3.7. Bentuk normal kesatu...........................................................
Gambar 3.8. Bentuk normal kedua dari Tabel Order................................
Gambar 3.9 Bentuk normal ketiga dari Tabel Alamat..............................
Gambar 3.10 Bentuk normal ketiga dari Tabel OrderList1........................
Gambar 3.11 Bentuk normal ketiga............................................................
Gambar 3.12 Perancangan halaman pembuka............................................
Gambar 3.13 Perancangan halaman menu utama.......................................
Gambar 3.14 Perancangan halaman hasil pencarian..................................
Gambar 3.15 Perancangan halaman spesifikasi dan pemesanan................
Gambar 3.16 Perancangan halaman shopping basket................................
Gambar 3.17 Perancangan halaman cekout................................................
Gambar 3.18 Perancangan halaman terima kasih.......................................
Gambar 3.19 Perancangan halaman menu administrator..........................
Gambar 3.20. Perancangan halaman administrator....................................
Gambar 3.21. Perancangan halaman daftar identitas konsumen.................
Gambar 3.22. Perancangan halaman daftar alamat konsumen...................
10
10
10
11
19
19
20
21
22
23
24
24
25
26
26
30
31
32
33
34
35
36
37
38
39
40
xii
Gambar 3.23. Perancangan halaman daftar jumlah pembelian barang......
Gambar 3.24. Perancangan halaman daftar keterangan pembelian barang.
Gambar 3.25. Perancangan halaman stock dari kategori perangkat keras..
Gambar 4.1 Halaman pembuka................................................................
Gambar 4.2. Pemilihan hardware pada halaman menu utama..................
Gambar 4.3. Kotak search pada halaman menu utama.............................
Gambar 4.4. Halaman hasil pencarian.......................................................
Gambar 4.5. Halaman spesifikasi dan pemesanan....................................
Gambar 4.6. Halaman shopping basket.....................................................
Gambar 4.7. Halaman cekout....................................................................
Gambar 4.8. Halaman terima kasih...........................................................
Gambar 4.9. Halaman pesan kesalahan.....................................................
Gambar 4.10. Halaman administrator.........................................................
Gambar 4.11. Halaman biodata...................................................................
Gambar 4.12. Halaman daftar identitas konsumen......................................
Gambar 4.13. Halaman daftar alamat konsumen........................................
Gambar 4.14. Halaman daftar jumlah pembelian barang............................
Gambar 4.15. Halaman daftar keterangan pembelian barang.....................
Gambar 4.16. Halaman daftar stock mainboard AMD...............................
Gambar 4.17. Ruang kapasitas pada proses upload...................................
Gambar 4.18. Proses unzip pada proses upload..........................................
Gambar 4.19. Hasil dari proses download...................................................
41
42
43
46
47
47
48
49
50
52
53
54
55
56
57
58
59
60
61
62
63
64
xiii
DAFTAR TABEL
Tabel 3.1. Struktur Tabel Stock................................................................
Tabel 3.2. Struktur Tabel OrderID.........................................................
Tabel 3.3. Struktur Tabel Alamat..........................................................
Tabel 3.4. Struktur Tabel Provinsi.........................................................
Tabel 3.5. Struktur Tabel OrderList...................................................
Tabel 3.6. Struktur Tabel OrderList1......................................................
Tabel 3.7. Struktur Tabel Barang....................................................
27
27
27
28
28
28
29
xiv
xv
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi yang sangat pesat secara langsung maupun tidak
langsung mempengaruhi sistem perdagangan, transaksi, dan peredaran uang.
Sebelumnya, transaksi secara tradisional dilakukan dari tangan ke tangan secara
langsung antara pembeli dan penjual secara bertatap muka, melakukan
persetujuan, dan akhirnya terjadi kesepakatan. Namun kini, dengan adanya
kecanggihan teknologi komputer, semua keterbatasan sarana, jarak, dan waktu
transaksi dapat teratasi dengan mudah. Hanya dengan mengakses Internet saja,
dapat memilih barang yang diinginkan, mengetahui rinci barang, dan dapat
melakukan transaksi dengan siapa saja tanpa dibatasi oleh waktu dan jarak.
Kemudahan inilah yang menjadi faktor utama berkembangnya e-Commerce.
Aplikasi e-commerce merupakan aplikasi yang digunakan untuk
melakukan bisnis dalam web. Basisdata merupakan komponen penting dalam
membangun aplikasi e-commerce. Dengan basisdata dapat disimpan berbagai
informasi mengenai suatu produk yang tersedia, harganya, dan lain-lain. Dengan
adanya basisdata maka dimungkinkan untuk membangun suatu situs web yang
berisi katalog produk-produk yang akan ditawarkan [4].
E-Commerce telah memberikan pengaruh yang besar terhadap
pertumbuhan tata-sosial dan ekonomi masyarakat. E-Commerce telah menjadi
bagian yang penting dari sektor bisnis swasta (private) maupun umum (public).
Sebagai pernyataan sederhana, e-Commerce tidak hanya menjadi mekanisme yang
tepat dan membutuhkan biaya yang murah untuk diterapkan, tetapi juga akan
menjadi sebuah sistem sosial yang dapat diterima dan dapat diharapkan untuk
digunakan.
2
1.2 Tujuan Tugas Akhir
Tujuan dari tugas akhir ini adalah merancang dan membuat sebuah
aplikasi toko komputer elektronik (e-Computer Store), yang dapat digunakan
untuk mempermudah proses pembelian perangkat keras komputer melalui media
Internet.
1.3 Pembatasan Masalah
Tugas akhir ini membahas tentang e-Commerce dengan batasan sebagai
berikut :
1. E-Commerce ini diaplikasikan ke dalam bentuk toko komputer elektronik
(e-Computer Store)
2. Toko komputer elektronik tersebut berfungsi sebagai antar muka antara
sebuah toko komputer dengan pengguna (user) dalam memilih perangkat
keras, memilih merek, dan melakukan pesanan.
3. Tingkat kepercayaan dari pengguna (user) pada toko komputer elektronik
tersebut, tidak dipermasalahkan pada tugas akhir ini.
1.4 Sistematika Penulisan
Sistematika penulisan Laporan Tugas Akhir ini dapat dijabarkan dalam bab-bab
sebagai berikut :
BAB I PENDAHULUAN
Bab ini menjelaskan tentang latar belakang pembuatan tugas akhir ini, serta
menampilkan permasalahan yang dihadapi, yang akhirnya mendorong penulis
untuk memberikan salah satu solusi dari permasalahan tersebut. Dalam bab ini
batasan-batasan masalah diberikan dalam pembuatan program aplikasi sebagai
salah satu pemecahan permasalahan yang ada.
3
BAB II LANDASAN TEORI
Berisi penjelasan mengenai konsep sistem perdagangan melalui internet.
Termasuk pula perangkat lunak yang digunakan untuk membuat basisdata
jaringan (web). Demikian pula teori-teori yang mendukung dalam pembuatan
program aplikasi pembuatan sistem perdagangan perangkat keras (hardware)
komputer secara elektronik ini, diantaranya teori dasar tentang e-commerce, dan
teori tentang ASP (Active Server Pages) sebagai bahasa pemrograman basisdata
jaringan.
BAB III PERANCANGAN
Berisi analisa dan perancangan pada pembuatan sistem perdagangan perangkat
keras komputer dalam aplikasi yang berbasis jaringan. Termasuk didalamnya
yaitu penjelasan mengenai desain basis data.
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Berisi tentang pengujian program aplikasi yang telah dibuat. Termasuk juga
penjelasan mengenai langkah-langkah dalam pengoperasian program aplikasi ini.
BAB V PENUTUP
Setelah melewati proses pengujian mengenai program aplikasi ini, kesimpulan
dari pembuatan program aplikasi akan dijelaskan pada bab ini, begitu pula saran
yang diberikan dalam rangka pengembangan program ini lebih lanjut.
4
BAB II
LANDASAN TEORI
2.1 Pendahuluan
Perkembangan internet dewasa ini mengalami kemajuan yang begitu pesat.
Hal ini disebabkan karena internet mampu menutup berbagai kelemahan media
informasi lain yang sudah ada, seperti keterbatasan waktu dalam menyajikan
informasi, baik keterbatasan waktu terbit maupun keterbatasan waktu tayang.
Penyajian informasi di internet dapat dilakukan tanpa terbatasi oleh ruang dan waktu,
dan hal itu tidak lepas dari keberadaan web sebagai sumber informasi.
Seiring dengan perkembangan internet, teknologi web dari waktu ke waktu
juga mengalami perkembangan yang pesat. Web saat ini tidak hanya merupakan
sebuah halaman on-line yang hanya dapat dibaca atau statis, namun telah berkembang
menjadi web yang lebih dinamis dan interaktif, yang mampu memberikan dan
menerima respon dari dan ke pengakses.
Perkembangan teknologi web juga sejalan dengan perkembangan
pemanfaatan internet web itu sendiri. Berawal dari web sebagai penyedia atau
penyampai informasi secara on-line, kemudian berkembang menjadi web yang
digunakan untuk menunjang aktivitas bisnis dalam bentuk e-commerce.
Dalam teknologi web, salah satu teknologi baru yang mulai banyak
dimanfaatkan adalah apa yang disebut dengan ASP. ASP (Active Server Pages)
merupakan suatu bahasa yang bersifat server-side yang memiliki kemampuan untuk
dikombinasikan dengan teks dan komponen lain untuk membuat suatu halaman web
yang dinamis dan interaktif. ASP dimaksudkan untuk menggantikan teknologi lama,
seperti CGI (Common Gateway Interface), yang juga merupakan bahasa pengembang
web, yang biasa dipakai pada lingkungan UNIX [2].
5
2.2 Aplikasi e-Commerce
Aplikasi e-commerce merupakan aplikasi yang digunakan untuk melakukan
bisnis dalam web [4]. Sasaran e-commerce adalah menciptakan lingkungan komersial
yang baru dalam segala bentuknya dengan beberapa tahap yang umumnya terdapat di
antara penjual dan pembeli. Dalam perdagangan yang dilakukan secara manual,
sebelum terjadi transaksi, pembeli harus datang terlebih dahulu ke tempat penjual,
kemudian pembeli memilih barang yang dikehendaki. Tetapi apabila pada toko
tersebut tidak terdapat barang yang dikehendaki, maka pembeli akan berganti kepada
toko yang lain untuk mencari barang yang diperlukan, sampai pembeli mendapatkan
barang yang diperlukan dan pada akhirnya transaksi dapat dilakukan.
2.2.1 Aktivitas yang Berhubungan dengan e-Commerce
Perkembangan teknologi yang semakin pesat baik secara langsung maupun
tidak langsung akan mempengaruhi sistem perdagangan, transaksi, dan peredaran
uang selama ini. Sebelumnya, transaksi perdagangan masih dilakukan secara
tradisional, yaitu dilakukan dari tangan ke tangan secara langsung antara pembeli
dan penjual betatap muka dan akhimya terjadi kesepakatan. Namun kini, dengan
adanya kecanggihan teknologi informasi, semua keterbatasan sarana jarak, dan
waktu transaksi dapat teratasi dengan mudah. Hanya dengan beberapa klik saja
seseorang sudah bisa mendapatkan barang yang diinginkan, dapat mengetahui apa
saja yang diinginkan, dan dapat melakukan transaksi dengan siapa saja tanpa
dibatasi oleh jarak dan waktu. Kernudahan inilah yang merupakan faktor pendorong
utama berkembangnya e-commerce. Kegiatan yang bisa dilakukan dalam
e-commerce adalah perdagangan on-line melalui World Wide Web, yaitu
perdagangan yang dilakukan oleh seseorang melalui PC (Personal Computer).
Seseorang.dapat menawarkan barang dagangannya, ataupun mencari barang
melalui sebuah komputer yang terhubung oleh Internet. Cara seperti ini yang
merupakan contoh yang paling mudah dan umum diketahui orang.
6
Dengan menerjuni bisnis dalam web, suatu perusahaan akan mendapat
banyak keuntungan, diantaranya adalah [4] :
1. Naiknya citra perusahaan. Citra atau dengan kata lain harga diri perusahaan
adalah suatu hal yang sangat penting. Jika suatu perusahaan memiliki citra yang
baik, maka otomatis akan mudah bagi mereka untuk membangun suatu relasi
bisnis.
2. Peningkatan Customer Service. Dengan menampilkan informasi detail tentang
barang yang akan dijual, konsumen kini tidak harus bersusah payah menelpon
untuk menanyakan tentang spesifikasi suatu barang.
3. Ekspansi tak terbatas. Karena web tidak dibatasi oleh batas-batas geografis dan
waktu, maka suatu perusahaan dapat membentangkan sayapnya selebar mungkin
untuk menjangkau konsumen di seluruh penjuru dunia.
2.3 Active Server Pages
Microsoft Active Server Pages (ASP) merupakan suatu skrip yang bersifat
sisi-server (server-side) untuk membuat sebuah web menjadi lebih menarik,
dinamis, dan interaktif [2]. ASP dapat mengolah data konsumen yang diambil dengan
sebuah form, membuat aplikasi-aplikasi tertentu dalam sebuah web, ataupun
membuat database dalam sebuah web.
Active Server Pages (ASP) berisi sekumpulan skrip yang terlebih dahulu akan
diproses di server sebelum dikirimkan ke client. ASP bersifat server-side, yang
berarti adalah bahwa proses pengerjaan skrip berlangsung di server, bukan di
browser/client, yang berarti ASP bersifat bebas browser. Ini berarti aplikasi web
dapat dijalankan oleh browser apa pun.
7
Dengan kata lain jika menggunakan sebuah browser untuk memanggil
sebuah file ASP, maka browser tersebut mengirimkan permintaan ke web server,
kemudian server tersebut mengeksekusi setiap skrip yang ada dan hasilnya
dikirimkan kembali ke browser. Karena bersifat server-side, maka untuk dapat
dijalankan pada sebuah PC biasa yang berbasis Windows, PC tersebut perlu
disimulasikan menjadi sebuah web server dengan menginstal Microsoft Personal
Web Server (PWS) atau Microsoft Internet Infomartion Services (IIS).
2.3.1 Pemrosesan Halaman ASP
Ketika suatu halaman ASP diakses dan dijalankan maka semua proses
tersebut akan diproses di dalam server. Dibawah ini merupakan gambaran apa yang
terjadi ketika halaman ASP diproses [2] :
1. Browser atau client mengakses web dimana halaman tersebut
memiliki ekstensi .asp dan mengandung sintaks-sintaks dalam
bahasa scripting ASP.
2. Permintaan atau request dari client atau browser berupa file .asp
dikirim ke server.
3. Setelah permintaan dikirim ke server maka tugas server adalah
memeriksa isi file dan menetukan apakah ada kode dalam file
tersebut yang harus dieksekusi. Hasil dari pemerikasaan server ini
kemudian dibagi menjadi 2 (dua), yaitu :
• Bila tidak ditemukan file yang akan dieksekusi oleh server,
maka akan merespon dengan mengirimkan pesan HTTP 404
Not Found.
• Dan sebaliknya, bila kode-kode tersebut ditemukan maka
akan dieksekusi dan hasilnya dimasukkan ke dalam
dokumen yang sama dan akan diteruskan untuk diproses.
8
4. Skrip ASP memproses di dalam server dan membuat hasil proses
dalam bentuk halaman HTML serta mengirimkan ke browser
sehingga apabila seseorang ingin View Source maka skrip ASP yang
memproses aplikasi tersebut tidak akan terlihat karena hanya
aplikasinya saja yang dikirim ke browser dalam bentuk halaman
HTML.
Dengan cara kerja yang demikian, maka kode ASP pada toko komputer
on-line yang dibuat tidak pernah meninggalkan server. Ini berarti kode ASP akan
aman karena pengguna tidak pernah melihatnya.
2.3.2 Pengolahan Basis Data dengan ASP
Untuk membuat koneksi ke sumber data dapat dilakukan dengan 2 (dua) cara,
yaitu ODBC (Open DataBase Connectivity) dan OLE DB (Object Linking and
Embedding DataBase). Dibanding ODBC, OLE DB lebih istimewa, mampu
mengakses lebih cepat dan lebih stabil. Namun ODBC memiliki lebih banyak driver
basisdata dibanding OLE DB [2].
ADO (ActiveX Data Object) merupakan komponen ASP yang berguna untuk
berinteraksi dengan berbagai sumber data. ADO mendukung akses penuh terhadap
berbagai macam jenis basisdata yang mendukung format ODBC (Open DataBase
Connectivity) seperti Microsoft Access, dBase, Oracle, Visual FoxPro, atau SQL
Server sehingga ADO memungkinkan aplikasi client untuk mengakses dan
memanipulasi data melalui provider OLE DB [2].
9
2.4 Perancangan Sistem
2.4.1 Diagram Alir Data
Pada tahap analisis, penggunaan notasi ini sangat membantu sekali di dalam
komunikasi dengan pemakai sistem untuk memahami sistem secara logika. Diagram
yang menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem
sekarang dikenal dengan nama diagram arus data (Data Flow Diagram/DFD).
DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada
atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan
lingkungan fisik dimana data tersebut mengalir (misalnya lewat telpon, surat dan
sebagainya) atau lingkungan fisik dimana data tersebut akan disimpan (misalnya
harddisk, diskette, dan lain sebagainya). DFD merupakan alat yang digunakan pada
metodologi pengembangan sistem yang terstruktur (structured analysis and design).
DFD merupakan alat yang cukup populer sekarang ini, karena dapat menggambarkan
arus data di dalam sistem dengan terstruktur dan jelas . Lebih lanjut DFD juga
merupakan dokumentasi dari sistem yang baik [5] .
Beberapa simbol digunakan di DFD untuk maksud mewakili
1. External entitiy (kesatuan luar) atau boundary (batas sistem)
2. Data flow (arus data)
3. Process (proses)
4. Data store (simpanan data)
2.4.1.1 Kesatuan luar
Setiap sistem pasti mempunyai batas sistem (boundary) yang memisahkan
suatu sistem dengan lingkungan luarnya. Sistem akan menerima input dan
menghasilkan output kepada lingkungan luarnya. Kesatuan luar (external entity)
merupakan kesatuan (entity) di lingkungan luar sistem yang dapat berupa orang.,
10
organisasi atau sistem lainnya yang berada di lingkungan luarnya yang akan
memberikan input atau menerima output dari sistem.
Suatu kesatuan luar dapat disimbolkan dengan suatu notasi kotak sebagai berikut :
Gambar 2.1 Simbol kesatuan luar
2.4.1.2 Arus Data
Arus data (data flow) di DFD diberi nama suatu panah. Arus data ini mengalir
diantara proses (process), simapan data (data store) dan kesatuan luar (external
entity). Arus data ini merupakan arus data yang dapat berupa masukan untuk sistem
atau hasil dari proses sistem. Suatu arus data dapat disimbolkan dengan suatu notasi
sebagai berikut :
Gambar 2.2 Simbol arus data
2.4.1.3 Proses
Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau
komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan
arus data yang akan keluar dari proses. Suatu proses dapat disimbolkan dengan suatu
notasi sebagai berikut :
11
Gambar 2.3 Simbol proses
2.4.1.4 Simpanan Data
Simpanan data di DFD dapat disimbolkan dengan sepasang garis horisontal
paralel yang tertutup di salah satu ujungnya. Suatu simpanan data dapat disimbolkan
dengan suatu notasi sebagai berikut :
Gambar 2.4 Simbol simpanan data
2.5 Sistem Basis Data
Basis data dapat didefinisikan dari beberapa sudut pandang, seperti:
- Himpunan data yang saling berhubungan yang diorganisasi sedemikian rupa
agar dapat dimanfaatkan kembali dengan cepat dan mudah.
- Kumpulan data saling berhubungan yang disimpan secara bersama
sedemikian rupa tanpa pengulangan yang tidak perlu (redundan), untuk
memenuhi berbagai kebutuhan.
Setiap basis data umumnya dibuat mewakili suatu semesta data yang spesifik.
Dalam suatu basis data, kita dapat menempatkan satu atau lebih tabel. Pada tabel
inilah sesungguhnya data disimpan.
Basis data hanyalah suatu obyek yang pasif. Ia tidak akan berguna bila tidak
ada pengelolanya. Pengelolaan basis data secara fisik tidak dilakukan oleh pemakai
secara langsung, tetapi ditangani oleh suatu perangkat lunak. Perangkat lunak ini
yang akan menentukan bagaimana data diorganisasi, disimpan, diubah dan diambil
kembali. Ia juga menerapkan mekanisme pengamanan data, pemakaian data secara
bersama, pemaksaan konsistensi data dan sebagainya. Gabungan dari basis data dan
pengelolanya menghasilkan suatu sistem.
12
Karena itu secara umum suatu sistem basis data merupakan sistem yang
terdiri atas kumpulan tabel yang saling berhubungan dan sekumpulan program yang
memungkinkan beberapa penegguna dan/atau program lain untuk mengakses dan
memanipulasi data.
2.6 Normalisasi
Perancangan basis data diperlukan, agar bisa memiliki basis data yang
kompak dan efisien dalam penggunaan ruang penyimpanan, cepat dalam
pengaksesan dan mudah dalam pemanipulasian (tambah, ubah, hapus) data. Dalam
merancang basis data, dapat melakukannya dengan [3]:
• Menerapkan normalisasi terhadap struktur tabel yang telah diketahui, atau
• Langsung membuat model relasi-entitas (Entity-Relationship)
Perancangan basis data seringkali diasosiasikan dengan pembuatan relasi-
entitas (model E-R), dimana kelompok-kelompok data dan relasi antar kelompok
data tersebut diwujudkan dalam bentuk diagram. Hal tersebut tidak salah, karena
model memang merupakan representasi nyata dari sebuah perancangan. Normalisasi
sendiri merupakan cara pendekatan lain dalam membangun desain lojik basis data
relasional yang tidak secara langsung berkaitan dengan model data, tetapi dengan
menerapkan sejumlah aturan dan kriteria standar untuk menghasilkan struktur tabel
yang normal. Namun demikian, dalam pelaksanaannya desain lojik basis data
relasional yang didasari baik oleh prinsip normalisasi maupun yang didasari oleh
transformasi secara hati-hati dari model E-R ke bentuk fisik akan menghasilkan hasil
yang mirip.
Dalam pendekatan normalisasi, perancang/desainer basis data bertitik tolak
dari situasi yang nyata. Ia telah memiliki item-item data yang siap ditempatkan dalam
baris dan kolom pada tabel-tabel relasional. Demikian juga dengan aturan tentang
keterhubungan antara item-item data tersebut. Sementara pendekatan kedua, dengan
13
langsung membuat model data lebih tepat dilakukan jika yang telah diketahui baru
prinsip-prinsip sistem secara keseluruhan.
2.6.1 Atribut
Atribut identik dengan pemakaian istilah kolom data, dimana istilah atribut
ini lebih umum digunakan dalam perancangan basis data.
2.6.1.1 Atribut Bernilai Tunggal (Single-Valued Attribute)
Atribut bernilai tunggal ditunjukkan pada atribut-atribut yang memiliki paling
banyak satu nilai untuk setiap baris data.
2.6.1.2 Atribut Bernilai Banyak (Multi-Valued Attribute)
Atribut bernilai banyak ditunjukkan pada atribut-atribut yang dapat kita isi
dengan lebih dari 1 (satu) nilai, tetapi jenisnya sama.
2.6.2 Domain
Secara umum, istilah domain memiliki banyak kesamaan pengertian dengan
fungsi tipe data tersebut. Akan tetapi, tipe data lebih merujuk pada kemampuan
penyimpanan data yang mungkin bagi suatu atribut secara fisik, tanpa melihat layak
atau tidaknya data tersebut bila dilihat dari kenyataan pemakaiannya. Sementara
domain, nilai lebih ditekankan pada batas-batas nilai yang diperbolehkan bagi suatu
atribut, dilihat dari kenyataan yang ada.
2.6.3 Key
Pada dasarnya, key adalah satu atau gabungan dari beberapa atribut yang
dapat membedakan semua baris data (row) dalam tabel secara unik. Artinya, jika
suatu atribut dijadikan sebagai key, maka tidak boleh ada dua atau lebih baris data
dengan nilai yang sama untuk atribut tersebut
Ada 3 (tiga) macam key yang dapat diterapkan pada suatu tabel, yaitu :
14
• Superkey
• Candidate-Key
• Key Primer (Primary-Key)
Superkey merupakan satu atau lebih atribut (kumpulan atribut) yang dapat
membedakan setiap baris data dalam sebuah tabel secara unik. Bisa terjadi, ada lebih
dari 1 (satu) kumpulan atribut yang bersifat seperti itu pada sebuah tabel.
Candidate-Key merupakan kumpulan atribut minimal yang dapat
membedakan setiap baris data dalam sebuah tabel secara unik. Sebuah Candidate-
Key tidak boleh berisi atribut atau kumpulan atribut yang telah menjadi Superkey
yang lain.
Pada sebuah tabel dimungkinkan adanya lebih dari satu Candidate-Key,
dimana salah satu dari Candidate-Key ini (jika memang ada lebih dari satu) dapat
dijadikan sebagai Key Primer (Primary Key). Pemilihan Key Primer dari sejumlah
Candidate-Key tersebut umumnya didasari oleh :
• Key tersebut lebih sering (lebih natural) untuk dijadikan sebagai acuan.
• Key tersebut lebih ringkas.
• Jaminan keunikan Key tersebut lebih baik.
15
BAB III
PERANCANGAN
3.1 Umum
Dalam sistem e-commerce ini, ada beberapa hal penting yang harus
diperhatikan terutama dalam pengembangan sistemnya, di antaranya :
1. Analisis sistem
2. Perancangan Sistem
3. Perancangan Basis Data
4. Perancangan Antarmuka.
3.2 Analisis Sistem
Analisa sistem untuk sebuah e-commerce dilakukan untuk menentukan atau
menspesifikasikan apa yang akan dibuat, dimana proses pembuatan itu, dan
kebutuhan apa saja yang diperlukan untuk membuat e-commerce tersebut.
3.2.1 Lingkungan Proses Sistem e-Commerce
Perkembangan teknologi yang sangat pesat secara langsung maupun tidak
langsung mempengaruhi sistem perdagangan, transaksi, dan peredaran uang.
Sebelumnya, transaksi secara tradisional dilakukan dari tangan ke tangan secara
langsung antara pembeli dan penjual secara bertatap muka, melakukan persetujuan,
dan akhirnya terjadi kesepakatan. Namun kini, dengan adanya kecanggihan teknologi
komputer, semua keterbatasan sarana, jarak, dan waktu transaksi dapat teratasi
dengan mudah. Hanya dengan mengakses Internet saja, dapat memilih barang yang
diinginkan, mengetahui rinci barang, dan dapat melakukan transaksi dengan siapa
saja tanpa dibatasi oleh waktu dan jarak. Kemudahan inilah yang menjadi faktor
utama berkembangnya e-Commerce.
15
Aplikasi e-commerce merupakan aplikasi yang digunakan untuk melakukan
bisnis dalam web. Basisdata merupakan komponen penting dalam membangun
aplikasi e-commerce. Dengan basisdata dapat disimpan berbagai informasi mengenai
suatu produk yang tersedia, harganya, dan lain-lain. Dengan adanya basisdata maka
dimungkinkan untuk membangun suatu situs web yang berisi katalog produk-produk
yang akan ditawarkan [4].
E-Commerce telah memberikan pengaruh yang besar terhadap pertumbuhan
tata-sosial dan ekonomi masyarakat. E-Commerce telah menjadi bagian yang penting
dari sektor bisnis swasta (private) maupun umum (public). Sebagai pernyataan
sederhana, e-Commerce tidak hanya menjadi mekanisme yang tepat dan
membutuhkan biaya yang murah untuk diterapkan, tetapi juga akan menjadi sebuah
sistem sosial yang dapat diterima dan dapat diharapkan untuk digunakan.
3.2.2 Acuan Proses Pembuatan Sistem e-Commerce
Proses pembuatan dari sistem e-commerce ini didasarkan sebuah situs web
toko komputer online dengan alamat situs http://www.fastncheap.com. Pada toko
komputer online tersebut menggunakan fasilitas pembayaran dengan menggunakan
transaksi kartu kredit. Dengan menggunakan transaksi kartu kredit berarti seorang
pengguna harus memiliki sebuah kartu kredit, baik kartu kredit visa ataupun kartu
kredit mastercard. Seperti yang diketahui bahwa tidaklah mudah untuk memiliki
sebuah kartu kredit, yang dikarenakan oleh beberapa syarat harus dimiliki oleh
seseorang yang ingin memiliki sebuah kartu kredit. Selain dari sulitnya memiliki
sebuah kartu kredit, juga kurang amannya sebuah transaksi dengan menggunakan
sebuah kartu kredit yang dilakukan di internet. Hal ini disebabkan oleh semakin
pintar dan semakin banyaknya jumlah seorang hacker.
16
Sedangkan pada toko komputer online yang akan dibuat pada tugas akhir ini
menggunakan fasilitas pembayaran dengan menggunakan transaksi transfer melalui
ATM (Anjungan Tunai Mandiri) dari dua buah bank yang termasuk terbesar di
Indonesia. Walaupun memang terdapat beberapa kelebihan dan beberapa kekurangan
dari masing-masing fasilitas transaksi pembayaran, baik yang menggunakan
transaksi kartu kredit maupun yang menggunakan transaksi transfer melalui ATM
(Anjungan Tunai Mandiri).
3.2.3 Kebutuhan Pemrosesan
Untuk mendapatkan e-Commerce yang baik, maka diperlukan perancangan
yang baik pula sehingga e-Commerce tersebut dapat dengan mudah dimengerti dan
dapat dengan mudah dikembangkan bila diperlukan. E-Commerce ini digambarkan
melalui diagram alir data (Data Flow Diagram/DFD) untuk dapat dilihat bagaimana
aliran data dari dan ke suatu modul. Untuk kemudahan perancangan dan
pengembangan, e-Commerce ini dibuat terpisah tiap modul, sehingga modul ini dapat
juga disebut sebagai subsistem-subsistem informasi. Bagan hubungan entitas (entity
relationship/ER) juga sangat membantu dalam menggambarkan bagaimana tiap-tiap
(entity) dalam sistem informasi saling berinteraksi. Untuk dapat membuat e-
Commerce ini, diperlukan tiga komponen penting yaitu : server jaringan (web server),
skrip server (server script), dan basisdata (database).
Server jaringan adalah penyedia layanan tempat skrip server melakukan
operasinya dan tempat basisdata disimpan. Server jaringan dapat berupa server jarak-
jauh (remote server) yang dapat diakses melalui Internet ataupun server lokal (local
server) yang hanya dapat diakses oleh komputer tempat server dipasang. Server lokal
nantinya akan digunakan dalam pengerjaan tugas akhir karena prinsipnya sama saja
dengan server jarak-jauh dan tidak perlu memiliki akses internet.
17
Skrip server merupakan kumpulan perintah-perintah pada server untuk proses
menampilkan informasi. Bila skrip server dipanggil oleh web browser, ia tidak akan
langsung menampilkan informasi seperti layaknya format Hypertext Transfer
Protocol (HTTP), tetapi terlebih dahulu ia mengolah apa yang harus ditampilkan dan
cara menampilkannya kemudian mengirim informasi kepada web browser dalam
format HTTP, baru kemudian web browser menampilkan ke pengguna. Hal ini
tentunya akan memperbaiki tingkat keamanan, karena semua perintah dilakukan pada
server.
Basisdata yang digunakan nantinya akan dibuat dengan menggunakan
Microsoft Access. Microsoft Access digunakan karena sudah terbukti dapat
diandalkan dalam menangani basisdata yang besar. Pada Microsoft Access, bila satu
sesi menginginkan data tertentu pada suatu tabel, maka akan mendedikasikan
sebagian data yang diperlukan saja, tidak mendedikasikan seluruh tabel. Hal ini akan
membuat sesi lain dapat mengakses tabel pada bagian yang belum digunakan. Sistem
seperti ini tentunya akan mempercepat akses dari dan ke basisdata.
3.3 Perancangan Sistem
Perancangan sistem untuk sebuah e-commerce menekankan adanya
pemeriksaan seluruh bagian sistem. Alat bantu yang dipergunakan untuk merancang
sistem ini adalah diagram alir data (Data Flow Diagram/DFD). Diagram alir adalah
gambaran aliran data pada sistem secara logikal. Gambaran ini tidak tergantung pada
perangkat keras, perangkat lunak, struktur data atau organisasi berkas.
Keuntungan menggunakan diagram alir data adalah memudahkan pengguna
yang kurang menguasai bidang komputer untuk mengerti data-data yang bertujuan
untuk memberikan informasi mengenai definisi, struktur, pengguna dan
masing-masing elemen.
Elemen adalah inti data terkecil. Sistem diagram alir merupakan alat bantu
yang banyak digunakan untuk menggambarkan sistem secara fisik. Diagram konteks
dari toko komputer online ini ditunjukkan oleh Gambar 3.1.
18
Gambar 3.1 Diagram Konteks toko komputer online
Pada Gambar 3.1. dapat dilihat bahwa toko komputer online ini
membutuhkan masukan dari pengguna yang berupa data pilihan. Data pilihan ini
selanjutnya bersama-sama dengan data pesanan yang berupa jumlah dari perangkat
keras yang dipilih akan berfungsi sebagai masukan bagi pengelola toko komputer
online untuk melakukan proses pemesanan yang berupa pembelian dan pengiriman
perangkat keras.
3.3.1 Diagram Alir Data
Sistem toko komputer online ini terdiri dari dua buah tahapan proses, yaitu
proses Pencarian Hardware dan proses Pembelian Hardware. Diagram Alir Data
(Data Flow Diagram/DFD) Level 0 dari toko komputer online ini ditunjukkan oleh
Gambar 3.2.
Gambar 3.2 DFD Level 0 toko komputer online
19
3.3.1.1 Proses Pencarian Hardware
Situs web untuk belanja online yang baik adalah situs web yang mampu
memberikan kemudahan dalam berbelanja. Pengguna dapat mengetahui dengan pasti
dan mudah perangkat keras (perangkat keras) yang diinginkan. Ada 2 (dua) tahap
yang harus dilakukan oleh pengguna, yaitu dengan memilih jenis perangkat keras
yang telah disediakan, misalnya pada toko komputer online tersebut dijual perangkat
keras dengan jenis mainboard, processor, cdrom, dan sebagainya. Setelah itu
dilanjutkan dengan memilih merk dari jenis perangkat keras tersebut. Diagram Alir
Data (Data Flow Diagram/DFD) Level 1 dari proses pencarian hardware ini
ditunjukkan oleh Gambar 3.3.
Gambar 3.3 DFD Level 1 proses pencarian hardware
20
3.3.1.2 Proses Pembelian Hardware
Pada bagian ini pengguna akan melalui 3 tahapan proses terpenting untuk
menyelesaikan pesanan yang dilakukan, yaitu proses Pemesanan Hardware, proses
Pembatalan Pesanan, dan proses Pengisian Identitas. Data Flow Diagram (DFD)
Level 1 dari proses pembelian hardware ini ditunjukkan oleh Gambar 3.4.
Gambar 3.4 DFD Level 1 proses pembelian hardware
21
3.4 Perancangan Basis Data
Perancangan basis data dari e-commerce ini dilakukan dengan menggunakan
diagram hubungan entitas (Entity Relationship Diagram/ERD) dan normalisasi.
3.4.1 Diagram Hubungan Entitas
Perancangan diagram hubungan entitas (Entity Relationship Diagram/ERD)
dari toko komputer online ini ditunjukkan pada gambar 3.5.
Gambar 3.5 ERD toko komputer online
3.4.2 Normalisasi
Normalisasi merupakan proses untuk mengubah suatu tabel yang memiliki
masalah tertentu ke dalam dua buah tabel atau lebih yang tidak memiliki masalah
tersebut. Pada Normalisasi selalu diuji pada beberapa kondisi apakah ada kesulitan
pada saat menambah, menghapus, mengubah, atau membaca pada basisdata. Bila ada
kesulitan pada pengujian tersebut dipecahkan pada beberapa tabel lagi.
22
3.4.2.1 Bentuk Tidak Normal
Dalam bentuk tidak normal seperti tabel data, data dikumpulkan apa adanya,
sehingga mempunyai mempunyai permasalahan seperti adanya data tidak lengkap
atau terduplikasi. Untuk mengatasi masalah ini, diperlukan normalisasi dalam bentuk
normal kesatu.
Data Order_nomor Nama Email Alamat Provinsi Bank Kode_barangJenis Keterangan Harga Tanggal Jumlah Order_total
Gambar 3.6 Bentuk tidak normal
3.4.2.2 Bentuk Normal Kesatu
Bentuk Normal Kesatu terpenuhi jika sebuah tabel tidak memiliki atribut
bernilai banyak atau lebih dari satu atribut dengan kawasan nilai yang sama. Tabel
data dipecah menjadi dua tabel yaitu tabel Stock dan tabel Order. Tabel Order
digunakan untuk menyimpan data konsumen yang melakukan pembelian di toko
komputer online ini, sedangkan tabel Stock digunakan untuk menyimpan data
perangkat keras yang ada di toko komputer online ini.
23
Stock Order Kode_barang Order_nomorJenis Nama Keterangan Email Harga Alamat Provinsi Bank Tanggal Jenis Jumlah Order_total
Gambar 3.7 Bentuk normal kesatu
3.4.2.3 Bentuk Normal Kedua
Inti dari normalisasi kedua ini adalah menghilangkan atribut yang bukan
kunci, yang tidak tergantung penuh pada kunci primer. Artinya atribut yang bukan
kunci tersebut tidak disertakan dalam satu tabel yang diwakili oleh kunci primer,
melainkan dimasukkan ke dalam tabel baru bersama-sama dengan kunci primer dari
normalisasi pertama tersebut.
OrderID Alamat Order_nomor Order_nomorNama Alamat Email Provinsi Bank
OrderList OrderList1 Order_nomor Order_nomorTanggal Jenis Order_total Harga Jumlah
Gambar 3.8 Bentuk normal kedua dari Tabel Order
24
Tabel OrderID digunakan untuk menyimpan data konsumen yang melakukan
pembelian di toko komputer online ini, sedangkan tabel Alamat digunakan untuk
menyimpan data alamat konsumen yang melakukan pembelian di toko komputer
online ini. Tabel OrderList digunakan untuk menyimpan data tanggal dan total
pembelian pada toko komputer online ini, sedangkan tabel OrderList1 digunakan
untuk menyimpan data barang, harga satuan, dan jumlah pembelian pada toko
komputer online ini.
3.4.2.4 Bentuk Normal Ketiga
Normalisasi ketiga pada basisdata bertujuan untuk menghilangkan atribut
bukan kunci yang tergantung pada atribut bukan kunci lainnya.
a. Tabel Alamat dipecah menjadi dua tabel yaitu tabel Alamat dan tabel
Provinsi.
Alamat Provinsi Order_nomor IdProv Alamat Provinsi IdProv
Gambar 3.9 Bentuk normal ketiga dari Tabel Alamat
Tabel Alamat dipecah menjadi dua tabel yaitu tabel Alamat dan tabel
Provinsi. Tabel Alamat digunakan untuk menyimpan data alamat konsumen yang
melakukan pembelian di toko komputer online ini. IdProv merupakan kunci primer
yang mewakili Provinsi pada tabel provinsi sedangkan tabel Alamat kunci primernya
adalah Order_nomor. Pada saat pengguna mengisi formulir data konsumen juga
menyertakan alamat yang salah satu kolomnya adalah provinsi. Kolom Provinsi
adalah pilihan dari yang sudah ditentukan. Agar pilihan ini dapat dikelola secara
bagus maka dibuat tabel bagi nama-nama provinsi di Indonesia.
25
b. Tabel OrderList1 dipecah menjadi dua tabel yaitu tabel OrderList1 dan tabel
Barang.
OrderList1 Barang Order_nomor Kode_barangKode_barang Jenis Harga Jumlah
Gambar 3.10 Bentuk normal ketiga dari Tabel OrderList1
Tabel OrderList1 dipecah menjadi dua tabel yaitu tabel OrderList1 dan tabel
Barang. Tabel OrderList1 digunakan untuk menyimpan data barang, harga satuan,
dan jumlah pembelian pada toko komputer online ini. Kode_barang merupakan kunci
primer yang mewakili jenis pada tabel barang sedangkan tabel OrderList1 kunci
primernya adalah Order_nomor.
Gambar 3.11 Bentuk normal ketiga
26
3.4.2.5 Struktur Tabel
Struktur tabel dari tabel-tabel yang digunakan adalah sebagai berikut :
1. Tabel Stock
Terdiri atas sejumlah field sebagai berikut : Kode_barang, Jenis, Keterangan,
dan Harga.
Tabel 3.1 Struktur Tabel Stock
Nama Field Tipe Data Keterangan Kode_barang Text Kode Perangkat Keras Jenis Text Jenis Perangkat Keras Keterangan Text Spesifikasi Perangkat Keras Harga Number Harga Perangkat Keras
2. Tabel OrderID
Terdiri atas sejumlah field sebagai berikut : Order_nomor, Nama, Email, dan
Bank.
Tabel 3.2 Struktur Tabel OrderID
Nama Field Tipe Data Keterangan Order_nomor Number Nomor Pemesanan Nama Text Nama Konsumen Email Text Email Konsumen Bank Text Nama Bank untuk Transfer Pembayaran
3. Tabel Alamat
Terdiri atas sejumlah field sebagai berikut : Order_nomor, Alamat, dan
IdProv.
Tabel 3.3 Struktur Tabel Alamat
Nama Field Tipe Data Keterangan Order_nomor Number Nomor Pemesanan Alamat Text Alamat Konsumen IdProv Text ID Provinsi di Indonesia
27
4. Tabel Provinsi
Terdiri atas sejumlah field sebagai berikut : IdProv, dan Provinsi.
Tabel 3.4 Struktur Tabel Provinsi
Nama Field Tipe Data Keterangan IdProv Text ID Provinsi di Indonesia Provinsi Text Provinsi Konsumen
5. Tabel OrderList
Terdiri atas sejumlah field sebagai berikut : Order_nomor, Tanggal, dan
Order_total.
Tabel 3.5 Struktur Tabel OrderList
Nama Field Tipe Data Keterangan Order_nomor Number Nomor Pemesanan Tanggal Date/Time Tanggal Pemesanan Order_total Number Total Pemesanan
6. Tabel OrderList1
Terdiri atas sejumlah field sebagai berikut : Order_nomor, Kode_barang,
Harga, dan Jumlah.
Tabel 3.6 Struktur Tabel OrderList1
Nama Field Tipe Data Keterangan Order_nomor Number Nomor Pemesanan Kode_barang Text Kode Perangkat Keras Harga Number Harga Satuan Jumlah Number Jumlah Pemesanan
28
7. Tabel Barang
Terdiri atas sejumlah field sebagai berikut : Kode_barang, dan Jenis.
Tabel 3.7 Struktur Tabel Barang
Nama Field Tipe Data Keterangan Kode_barang Text Kode Perangkat Keras Jenis Text Jenis Perangkat Keras
3.5 Perancangan Antarmuka
Satu hal lagi yang harus diperhatikan dalam pembuatan perangkat lunak
bahwa perangkat lunak ini digunakan oleh banyak sekali pengguna dan dari beragam
latar belakang. Karena tidak semua pengguna adalah seseorang yang ahli dalam
pengoperasian komputer. Karena itu dalam perancangan antarmuka perangkat lunak
haruslah ramah pengguna (user friendly). Dan bentuk antarmuka perangkat lunak
harus menarik. Karena, walaupun perangkat lunak tersebut sangat bagus ditinjau dari
isinya, tetapi kalau tampilannya tidak bagus, maka pengguna akan kurang tertarik
untuk memanfaatkan perangkat lunak ini.
3.5.1 Perancangan Halaman Pembuka
Pada halaman pembuka ini, akan didapatkan informasi mengenai waktu saat
pengguna tersebut mengakses situs web ini, informasi mengenai jumlah pengunjung
yang telah mengakses situs web ini, sebuah link menuju halaman menu
administrator yang hanya dapat diakses oleh administrator dengan diberi
pengamanan oleh sebuah password, serta sebuah link menuju halaman menu utama.
Bentuk perancangan halaman pembuka ini dapat dilihat pada Gambar 3.12.
29
Gambar 3.12 Perancangan halaman pembuka
3.5.2 Perancangan Halaman Menu Utama
Pada halaman menu utama terdapat pilihan dimana pengunjung dapat
memilih kategori perangkat keras yang dimaksud, agar pengunjung dapat langsung
menuju kategori perangkat keras tertentu. Terdapat pula sebuah sebuah kotak
pencarian cepat (search), agar pengunjung dapat langsung menuju kategori
perangkat keras atau bahkan merek tertentu yang diinginkan oleh pengunjung.
Bentuk perancangan halaman menu utama ini dapat dilihat pada Gambar 3.13.
30
Gambar 3.13 Perancangan halaman menu utama
3.5.3 Perancangan Halaman Hasil Pencarian
Pada halaman hasil pencarian terdapat berbagai macam merek dan jenis dari
perangkat keras yang ditawarkan. Pada halaman ini, pengunjung dapat memilih
salah satu merek dari kategori perangkat keras yang dimaksud. Setiap merek yang
ditawarkan memiliki jenis tertentu, dimana setiap jenis tersebut merupakan link
untuk menuju halaman web spesifikasi dan pemesanan. Bentuk perancangan
halaman hasil pencarian ini dapat dilihat pada Gambar 3.14.
31
Gambar 3.14 Perancangan halaman hasil pencarian
3.5.4 Perancangan Halaman Spesifikasi dan Pemesanan
Halaman spesifikasi dan pemesanan memberikan spesifikasi dari perangkat
keras yang dimaksud, serta pengunjung dapat memutuskan apakah perangkat keras
tersebut sudah sesuai dengan yang dimaksud. Apabila sudah sesuai dengan yang
dimaksud, pengunjung juga dapat melakukan pemesanan dari perangkat keras
tersebut pada halaman spesifikasi dan pemesanan ini, dengan memasukkan jumlah
pembelian dari perangkat keras tersebut. Pada halaman ini terdapat pula sebuah
tombol yang akan membawa pengunjung menuju halaman Daftar Belanja. Pada
halaman spesifikasi dan pemesanan ini juga terdapat beberapa link untuk melihat
barang lain dan untuk menuju halaman Daftar Belanja, dimana halaman Daftar
Belanja ini merupakan halaman untuk mengetahui apa saja yang telah dipilih oleh
pengunjung. Bentuk perancangan halaman spesifikasi dan pemesanan ini dapat
dilihat pada Gambar 3.15.
32
Gambar 3.15 Perancangan halaman spesifikasi dan pemesanan
3.5.5 Perancangan Halaman Daftar Belanja
Halaman Daftar Belanja memiliki fungsi agar pengunjung mengetahui
perangkat keras apa saja yang telah dipilih, serta memutuskan apakah jumlah
perangkat keras yang dipilih tersebut sudah sesuai dengan yang dimaksud. Apabila
belum sesuai dengan yang dimaksud, terdapat tombol dimana pengunjung dapat
mengubah jumlah dari perangkat keras yang dipilih tersebut. Apabila sudah sesuai
dengan yang dimaksud, terdapat tombol dimana pengunjung dapat melanjutkan
pemesanan perangkat keras tersebut.
Pada halaman Daftar Belanja ini juga terdapat beberapa link untuk melihat
barang lain dan untuk membatalkan semua pemesanan perangkat keras yang telah
dipilih. Bentuk perancangan halaman Daftar Belanja ini dapat dilihat pada Gambar
3.16.
33
Gambar 3.16 Perancangan halaman Daftar Belanja
3.5.6 Perancangan Halaman CekOut
Halaman cekout memberikan sebuah formulir yang harus diisi oleh
pengunjung agar proses pemesanan dari perangkat keras tersebut dapat diselesaikan.
Formulir tersebut terdiri atas, beberapa keterangan yaitu nama, email, alamat,
kab/kodya, provinsi, dan pilihan bank dimana proses pembayaran dari pemesanan
perangkat keras tersebut akan dilakukan, yang terdiri atas BCA dan Bank Mandiri.
Apabila semua data yang dibutuhkan telah diisi oleh pengunjung, terdapat
tombol yang akan membawa pengunjung ke halaman terima kasih. Apabila semua
data yang telah diisi oleh pengunjung tidak sesuai dengan yang dimaksud oleh
pengunjung, terdapat tombol yang akan menghapus semua data tersebut, sehingga
pengunjung dapat memulai proses pengisian formulir tersebut dari awal. Bentuk
perancangan halaman cekout ini dapat dilihat pada gambar 3.17.
34
Gambar 3.17 Perancangan halaman cekout
3.5.7 Perancangan Halaman Terima Kasih
Halaman terima kasih memberikan sebuah data yang merupakan nomor nota
dari pengunjung. Nomor nota ini akan sangat berguna bagi pengunjung dalam
proses pembayaran dari pemesanan perangkat keras, karena nomor nota tersebut
merupakan bagian dari nomor pelanggan dari pengunjung yang akan diperlukan
dalam proses pembayaran dari pemesanan perangkat keras tersebut.
Pada halaman terima kasih ini juga terdapat rangkuman dari data-data yang
telah diisikan pada formulir pada halaman cekout. Rangkuman tersebut terdiri atas
beberapa data yaitu nama, alamat, provinsi, pilihan bank dimana proses pembayaran
dari pemesanan perangkat keras tersebut akan dilakukan, dan jumlah nominal yang
harus dibayar oleh pengunjung pada proses pembayaran dari pemesanan perangkat
keras tersebut.
35
Pada halaman terima kasih ini juga terdapat peringatan batas waktu
pembayaran yaitu selama 14 hari dari tanggal dimana proses pembelian ini
dilakukan. Halaman terima kasih juga memberikan cara-cara yang harus dilakukan
oleh pengunjung dalam proses pembayaran dari pemesanan perangkat keras
tersebut, baik yang dilakukan di BCA ataupun di Bank Mandiri. Bentuk
perancangan halaman terima kasih ini dapat dilihat pada Gambar 3.18.
Gambar 3.18 Perancangan halaman terima kasih
3.5.8 Perancangan Halaman Menu Administator
Pengunjung pada halaman menu administrator ini merupakan pengunjung
yang berstatus khusus atau yang biasa disebut sebagai administrator, oleh karena itu
untuk membuka halaman ini diharuskan mengisi sebuah kata kunci (password).
36
Setelah administrator mengisi sebuah password, maka administrator
tersebut akan dibawa menuju ke halaman administrator. Pada halaman menu
administrator juga terdapat peringatan agar administrator memastikan apakah
alamat URL-nya sudah benar, yaitu http://1asphost.com/KamilComputer . Bentuk
perancangan halaman menu administrator ini dapat dilihat pada Gambar 3.19.
Gambar 3.19 Perancangan halaman menu administrator
3.5.9 Perancangan Halaman Administator
Pada halaman administrator terdapat beberapa link yaitu link untuk melihat
daftar identitas konsumen, link untuk melihat daftar alamat konsumen, link untuk
melihat daftar jumlah pembelian barang, link untuk melihat daftar keterangan
pembelian barang, dan link untuk melihat stock dari kategori perangkat keras.
37
Pada halaman administrator ini, juga terdapat sebuah link menuju halaman
biodata, dimana pada halaman ini terdapat biodata dari pembuat web ini yaitu R.
Ariansyah Kamil. Bentuk perancangan halaman administrator ini dapat dilihat pada
Gambar 3.20.
Gambar 3.20 Perancangan halaman admistrator
3.5.10 Perancangan Halaman Daftar Identitas Konsumen
Link daftar konsumen pada halaman administrator akan membawa
administrator menuju ke halaman daftar identitas konsumen dimana pada halaman
tersebut, administrator dapat mengetahui identitas dari konsumen yang telah
berbelanja pada situs web-nya. Bentuk perancangan halaman daftar identitas
konsumen ini dapat dilihat pada Gambar 3.21.
38
Gambar 3.21 Perancangan halaman daftar identitas konsumen
3.5.11 Perancangan Halaman Daftar Alamat Konsumen
Link daftar pembelian barang pada halaman administrator akan membawa
administrator menuju ke halaman daftar alamat konsumen dimana pada halaman
tersebut, administrator dapat mengetahui alamat dari konsumen yang telah
berbelanja pada situs web-nya. Bentuk halaman perancangan daftar alamat
konsumen ini dapat dilihat pada Gambar 3.22.
39
Gambar 3.22 Perancangan halaman daftar alamat konsumen
3.5.12 Perancangan Halaman Daftar Jumlah Pembelian Barang
Link daftar konsumen pada halaman administrator akan membawa
administrator menuju ke halaman daftar jumlah pembelian barang dimana pada
halaman tersebut, administrator dapat mengetahui jumlah dari barang yang telah
terjual pada situs web-nya. Bentuk perancangan halaman daftar jumlah pembelian
barang ini dapat dilihat pada Gambar 3.23.
40
Gambar 3.23 Perancangan halaman daftar jumlah pembelian barang
3.5.13 Perancangan Halaman Daftar Keterangan Pembelian Barang
Link daftar pembelian barang pada halaman administrator akan membawa
administrator menuju ke halaman daftar keterangan pembelian barang dimana pada
halaman tersebut, administrator dapat mengetahui keterangan dari barang yang telah
terjual pada situs web-nya. Bentuk halaman perancangan daftar keterangan
pembelian barang ini dapat dilihat pada Gambar 3.24.
41
Gambar 3.24 Perancangan halaman daftar keterangan pembelian barang
3.5.14 Perancangan Halaman Stock dari Kategori Perangkat Keras
Link stock dari kategori perangkat keras pada halaman administrator akan
membawa administrator menuju ke halaman stock dari kategori perangkat keras
dimana pada halaman tersebut, administrator dapat mengetahui stock dari kategori
perangkat keras yang terdapat pada toko komputer elektronik miliknya. Bentuk
perancangan halaman stock dari kategori perangkat keras ini dapat dilihat pada
Gambar 3.25.
42
Gambar 3.25 Perancangan halaman stock dari kategori perangkat keras
43
44
BAB IV
IMPLEMENTASI DAN PENGUJIAN SISTEM
Implementasi dan pengujian sistem di sini meliputi pengujian sub sistem
penampilan data administrator dan pengujian sub sistem penampilan data
pengunjung. Dalam pengujian sub sistem penampilan data administrator, dapat
dijelaskan proses untuk mendapatkan data barang yang terjual, data konsumen, dan
data stock yang hanya dapat dilakukan oleh administrator. Sedangkan pada
pengujian sub sistem penampilan data pengunjung dijelaskan proses penampilan
data berdasarkan kategori perangkat keras tertentu
4.1 Pengujian Sub Sistem Data Pengunjung
Web ini meliputi beberapa bagian tampilan yang akan diakses oleh
pengunjung. Ada beberapa tahapan yang harus dilakukan pengunjung situs ini untuk
mendapatkan barang yang diinginkannya. Pada tampilan awal, pengunjung akan
mendapatkan informasi mengenai waktu saat pengguna tersebut mengakses situs
web ini, mendapatkan informasi mengenai jumlah pengunjung yang telah mengakses
situs web ini, sebuah link menuju halaman menu administrator yang hanya dapat
diakses oleh administrator dengan diberi pengamanan oleh sebuah kata kunci
(password), serta sebuah link menuju halaman menu utama. Pada halaman menu
utama terdapat pilihan dimana pengujung dapat memilih kategori perangkat keras
yang dimaksud, serta disediakan pula sebuah sebuah kotak pencarian cepat (search),
agar pengunjung dapat langsung menuju kategori perangkat keras atau bahkan
merek tertentu yang diinginkan oleh pengunjung. Pada halaman hasil pencarian,
pengunjung tinggal memilih salah satu merek dengan kode barang tertentu yang
telah disediakan.
45
Kemudian dari pemilihan kategori tersebut, akan ditampilkan halaman
spesifikasi dan pemesanan, dimana pengunjung akan dapat dengan mudah untuk
memilih ataupun melihat barang-barang dari kategori yang lain. Kemudahan dari
pengunjung untuk berjalan-jalan dalam toko ini merupakan bentuk layanan yang
diberikan oleh toko online ini, sehingga pengunjung akan terhindar dari yang
namanya 'tersesat' saat berbelanja. Cara berbelanja seperti ini hampir sama dengan
cara seseorang berbelanja di toko-toko nyata (real).
Seseorang akan berkesempatan untuk melihat-lihat produk terlebih dahulu
kemudian memilihnya dan pada akhirnya dapat membeli barang yang dimaksud
apabila telah mendapatkan jenis barang yang dimaksud.
4.1.1 Halaman Pembuka
Sub sistem ini meliputi semua halaman yang ada dalam situs toko komputer
elektronik ini, tetapi tidak termasuk bagian halaman yang digunakan oleh seorang
administrator. Pada saat pertama kali pengguna memasuki situs toko komputer
elektronik ini, yang muncul pertama kali adalah tampilan seperti pada Gambar 4.1,
yang merupakan halaman pembuka, yang tersimpan dalam file dengan alamat URL-
nya adalah http://1asphost/kamilcomputer/default.asp .
Pada halaman pembuka ini pengunjung akan mendapatkan informasi
mengenai waktu saat pengguna tersebut mengakses situs web ini, mendapatkan
informasi mengenai jumlah pengunjung yang telah mengakses situs web ini, sebuah
link menuju halaman menu administrator yang hanya dapat diakses oleh
administrator dengan diberi pengamanan oleh sebuah password, serta sebuah link
menuju halaman menu utama.
46
Gambar 4.1 Halaman pembuka
4.1.2 Halaman Menu Utama
Pada halaman menu utama terdapat pilihan dimana pengunjung dapat
memilih kategori perangkat keras yang dimaksud, agar pengunjung dapat langsung
menuju kategori perangkat keras tertentu, seperti yang ditunjukkan pada Gambar 4.2.
Halaman menu utama juga menyediakan sebuah sebuah kotak pencarian
cepat (search), agar pengunjung dapat langsung menuju kategori perangkat keras
atau bahkan merek tertentu yang diinginkan oleh pengunjung, seperti yang
ditunjukkan pada Gambar 4.3.
Produk yang ditawarkan dalam web ini adalah perangkat keras-perangkat
keras dari komputer. Pengunjung bisa mengetahui dengan pasti dan mudah jenis
barang apa yang diinginkan. Dalam hal ini jenis barang yang ditawarkan yaitu
perangkat keras mainboard, processor, memory, CD-ROM, CD-RW, DVD-ROM,
harddisk, monitor, mouse, printer, floppy disk drive, modem, pen drive usb, scanner,
speaker, graphic card, dan keyboard.
47
Gambar 4.2 Pemilihan hardware pada halaman menu utama
Gambar 4.3 Kotak search pada halaman menu utama
48
4.1.3 Halaman Hasil Pencarian
Pada halaman hasil pencarian terdapat berbagai macam merek dan jenis dari
perangkat keras yang ditawarkan. Pada halaman ini, pengunjung dapat memilih salah
satu merek dari kategori perangkat keras yang dimaksud. Setiap merek yang
ditawarkan memiliki jenis tertentu, dimana setiap jenis tersebut merupakan link
untuk menuju halaman web spesifikasi dan pemesanan. Bentuk halaman hasil
pencarian ini dapat dilihat pada Gambar 4.4.
Gambar 4.4 Halaman hasil pencarian
4.1.4 Halaman Spesifikasi dan Pemesanan
Halaman spesifikasi dan pemesanan memberikan spesifikasi dari perangkat
keras yang dimaksud, serta pengunjung dapat memutuskan apakah perangkat keras
tersebut sudah sesuai dengan yang dimaksud.
49
Apabila sudah sesuai dengan yang dimaksud, pengunjung juga dapat
melakukan pemesanan dari perangkat keras tersebut pada halaman spesifikasi dan
pemesanan ini, dengan memasukkan jumlah pembelian dari perangkat keras tersebut
dan meng-klik tombol Lanjut. Tombol Lanjut tersebut akan membawa pengunjung
menuju halaman Daftar Belanja. Pada halaman spesifikasi dan pemesanan ini juga
terdapat beberapa link untuk melihat barang lain dan membawa pengunjung menuju
halaman hasil pencarian terdahulu. Pada halaman spesifikasi dan pemesanan ini juga
terdapat link untuk menuju halaman Daftar Belanja, yang merupakan halaman untuk
mengetahui apa saja yang telah dipilih oleh pengunjung. Bentuk halaman spesifikasi
dan pemesanan ini dapat dilihat pada Gambar 4.5.
Gambar 4.5 Halaman spesifikasi dan pemesanan
50
4.1.5 Halaman Daftar Belanja
Halaman Daftar Belanja memiliki fungsi agar pengunjung mengetahui
perangkat keras apa saja yang telah dipilih, serta memutuskan apakah jumlah
perangkat keras yang dipilih tersebut sudah sesuai dengan yang dimaksud. Apabila
belum sesuai dengan yang dimaksud, pengunjung dapat mengubah jumlah dari
perangkat keras yang dipilih tersebut dengan meng-klik tombol Update. Sebagai
catatan, apabila jumlah dari perangkat keras tersebut diganti dengan huruf 0, maka
dianggap pengunjung membatalkan pemesanan perangkat keras tersebut. Apabila
sudah sesuai dengan yang dimaksud, pengunjung dapat melanjutkan pemesanan
perangkat keras tersebut dengan meng-klik tombol Cekout.
Gambar 4.6 Halaman Daftar Belanja
51
Pada halaman Daftar Belanja ini juga terdapat beberapa link untuk melihat
barang lain dan akan membawa pengunjung menuju halaman hasil pencarian
terdahulu. Pada halaman Daftar Belanja ini juga terdapat link untuk membatalkan
semua pemesanan perangkat keras yang telah dipilih. Bentuk halaman Daftar Belanja
ini dapat dilihat pada Gambar 4.6.
4.1.6 Halaman CekOut
Halaman cekout memberikan sebuah formulir yang harus diisi oleh
pengunjung agar proses pemesanan dari perangkat keras tersebut dapat diselesaikan.
Formulir tersebut terdiri atas, beberapa keterangan yaitu nama, email, alamat,
kab/kodya, provinsi, dan pilihan bank dimana proses pembayaran dari pemesanan
perangkat keras tersebut akan dilakukan, yang terdiri atas BCA dan Bank Mandiri.
Bentuk halaman cekout ini dapat dilihat pada gambar 4.7.
Ada beberapa hal yang harus diperhatikan dalam proses pengisian formulir
tersebut. Dalam proses pengisian e-mail, pengunjung tidak boleh lupa untuk
mengisikan tanda “@” dan tanda “.”. Apabila semua data yang dibutuhkan telah diisi
oleh pengunjung maka pengunjung dapat meng-klik tombol Proses, yang akan
membawa pengunjung ke halaman terima kasih. Apabila semua data yang telah diisi
oleh pengunjung tidak sesuai dengan yang dimaksud oleh pengunjung, maka
pengunjung dapat meng-klik tombol Hapus, yang akan menghapus semua data
tersebut, sehingga pengunjung dapat memulai proses pengisian formulir tersebut dari
awal.
52
Gambar 4.7 Halaman cekout
4.1.7 Halaman Terima Kasih
Halaman terima kasih memberikan sebuah data yang merupakan nomor nota
dari pengunjung. Nomor nota ini akan sangat berguna bagi pengunjung dalam proses
pembayaran dari pemesanan perangkat keras, karena nomor nota tersebut merupakan
bagian dari nomor pelanggan dari pengunjung yang akan diperlukan dalam proses
pembayaran dari pemesanan perangkat keras tersebut.
Pada halaman terima kasih ini juga terdapat rangkuman dari data-data yang
telah diisikan pada formulir pada halaman cekout. Rangkuman tersebut terdiri atas
beberapa data yaitu nama, alamat, provinsi, pilihan bank dimana proses pembayaran
dari pemesanan perangkat keras tersebut akan dilakukan, dan jumlah nominal yang
harus dibayar oleh pengunjung pada proses pembayaran dari pemesanan perangkat
keras tersebut.
53
Pada halaman terima kasih ini juga terdapat peringatan batas waktu
pembayaran yaitu selama 14 hari dari tanggal dimana proses pembelian ini
dilakukan. Halaman terima kasih juga memberikan cara-cara yang harus dilakukan
oleh pengunjung dalam proses pembayaran dari pemesanan perangkat keras tersebut,
baik yang dilakukan di BCA ataupun di Bank Mandiri. Bentuk halaman terima kasih
ini dapat dilihat pada Gambar 4.8.
Gambar 4.8 Halaman terima kasih
54
4.2 Pengujian Sub Sistem Data Administrator
4.2.1 Halaman Menu Administator
Pengunjung pada halaman menu administrator ini merupakan pengunjung
yang berstatus khusus atau yang biasa disebut sebagai administrator, oleh karena itu
untuk membuka halaman ini diharuskan mengisi sebuah kata kunci (password).
Setelah administrator mengisi sebuah password, maka administrator tersebut akan
dibawa menuju ke halaman administrator.
Apabila administrator membuka halaman dengan mengisikan password yang
salah atau bahkan tanpa mengisi password maka akan muncul pesan kesalahan yang
menyatakan bahwa password diisikan tersebut salah. Bentuk dari pesan kesalahan ini
dapat dilihat pada Gambar 4.9. Pada halaman menu administrator juga terdapat
peringatan agar administrator memastikan apakah alamat URL-nya sudah benar,
yaitu http://1asphost.com/KamilComputer .
Gambar 4.9 Halaman pesan kesalahan
55
4.2.2 Halaman Administator
Pada halaman administrator terdapat beberapa link yaitu link daftar identitas
konsumen, link daftar alamat konsumen, link daftar jumlah pembelian barang, link
daftar keterangan pembelian barang, link daftar stock mainboard AMD, link daftar
stock mainboard Intel, link daftar stock processor AMD, link daftar stock processor
Intel, link daftar stock memory SDRAM, link daftar stock memory RDRAM, link
daftar stock memory DDRAM, link daftar stock harddisk, link daftar stock CD-ROM,
link daftar stock CD-RW, link daftar stock DVD-ROM, link daftar stock monitor, link
daftar stock mouse, link daftar stock printer, link daftar stock floppy disk drive, link
daftar stock modem, link daftar stock pen drive usb, link daftar stock scanner, link
daftar stock speaker, link daftar stock graphic card, dan link daftar stock keyboard.
Bentuk halaman administrator ini dapat dilihat pada Gambar 4.10.
Gambar 4.10 Halaman admistrator
56
Pada halaman administrator ini, juga terdapat sebuah link menuju halaman
biodata, dimana pada halaman ini terdapat biodata dari pembuat web ini yaitu R.
Ariansyah Kamil. Bentuk dari halaman biodata ini dapat dilihat pada Gambar 4.11.
Gambar 4.11 Halaman biodata
4.2.3 Halaman Daftar Identitas Konsumen
Link daftar identitas konsumen pada halaman administrator akan membawa
administrator menuju ke halaman daftar identitas konsumen dimana pada halaman
tersebut, administrator dapat mengetahui identitas dari konsumen yang telah
berbelanja pada situs web-nya. Bentuk halaman daftar identitas konsumen dapat
dilihat pada Gambar 4.12.
57
Gambar 4.12 Halaman daftar identitas konsumen
4.2.4 Halaman Daftar Alamat Konsumen
Link daftar alamat konsumen pada halaman administrator akan membawa
administrator menuju ke halaman daftar alamat konsumen dimana pada halaman
tersebut, administrator dapat mengetahui alamat dari konsumen yang telah
berbelanja pada situs web-nya. Bentuk halaman daftar alamat konsumen dapat dilihat
pada Gambar 4.13.
58
Gambar 4.13 Halaman daftar alamat konsumen
4.2.5 Halaman Daftar Jumlah Pembelian Barang
Link daftar jumlah pembelian barang pada halaman administrator akan
membawa administrator menuju ke halaman daftar jumlah pembelian barang dimana
pada halaman tersebut, administrator dapat mengetahui jumlah dari barang yang
telah terjual pada situs web-nya. Bentuk halaman daftar jumlah pembelian barang ini
dapat dilihat pada Gambar 4.14.
59
Gambar 4.14 Halaman daftar jumlah pembelian barang
4.2.6 Halaman Daftar Keterangan Pembelian Barang
Link daftar keterangan pembelian barang pada halaman administrator akan
membawa administrator menuju ke halaman daftar keterangan pembelian barang
dimana pada halaman tersebut, administrator dapat mengetahui keterangan dari
barang yang telah terjual pada situs web-nya. Bentuk halaman daftar keterangan
pembelian barang ini dapat dilihat pada Gambar 4.15.
60
Gambar 4.15 Halaman daftar keterangan pembelian barang
4.2.7 Halaman Daftar Stock Mainboard AMD
Link daftar stock mainboard AMD pada halaman administrator akan
membawa administrator menuju ke halaman daftar stock mainboard AMD dimana
pada halaman tersebut, administrator dapat mengetahui stock mainboard AMD yang
terdapat pada toko komputer elektronik miliknya. Bentuk halaman daftar stock
mainboard AMD ini dapat dilihat pada Gambar 4.16.
61
Gambar 4.16 Halaman daftar stock mainboard AMD
4.3 Implementasi Sistem e-Commerce pada Jaringan Internet
Sistem e-commerce ini telah di implementasikan pada jaringan internet oleh
pembuat web ini, dengan meng-upload sistem e-commerce ini melalui situs web yang
menyediakan jasa layanan web-hosting dengan gratis. Situs web yang dipilih oleh
pembuat sistem e-commerce ini adalah http://1asphost.com , situs ini dipilih dengan
alasan karena situs web ini bersifat gratis dan menyediakan ruang kapasitas yang
sangat besar yaitu sebesar seratus (100) MegaByte. Tampilan dari ruang kapasitas
pada proses upload tersebut dapat dilihat pada Gambar 4.17.
62
Gambar 4.17 Ruang kapasitas pada proses upload
Selain itu, situs web ini juga memberikan kemudahan kepada penggunanya
dalam proses upload seperti adanya proses upload untuk file yang bersifat zip.
Dimana pada akhir proses upload tersebut, file yang bersifat zip tersebut akan
mengalami proses unzip, sehingga akan sangat mempercepat waktu yang dibutuhkan
pada proses upload tersebut, yang dikarenakan file yang bersifat zip tersebut dapat
berupa kumpulan-kumpulan file dengan jumlah yang banyak. Tampilan dari proses
unzip pada proses upload tersebut dapat dilihat pada Gambar 4.18.
63
Gambar 4.18 Proses unzip pada proses upload
Apabila dibandingkan dengan situs web lainnya yang juga menyediakan jasa
layanan web-hosting dengan gratis, dimana proses upload dilakukan pada tiap – tiap
file, sehingga akan memperlambat waktu yang dibutuhkan pada proses upload
tersebut, begitu pula dengan ruang kapasitas yang disediakan yang berjumlah tidak
terlalu besar yaitu sebesar lima (5) MegaByte.
Setelah proses upload tersebut berlangsung dengan sukses, pembuat sistem e-
commerce ini mencoba untuk melakukan proses download pada situs web-nya, hasil
dari proses download tersebut dapat dilihat pada Gambar 4.19.
64
Gambar 4.19 Hasil dari proses download
Setelah proses upload tersebut berlangsung dengan sukses, maka sistem e-
commerce dengan bentuk toko komputer online ini dapat diakses pada jaringan
internet dengan alamat : http://c.1asphost.com/kamilcomputer .
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan analisa terhadap hasil pembuatan tugas akhir ini, maka diperoleh
kesimpulan sebagai berikut :
1. Telah berhasil dibuat sebuah toko komputer online (e-computer store), yang
dapat memberikan kemudahan kepada para konsumen yang ingin membeli
perangkat keras tanpa harus pergi ke toko komputer nyata (real).
2. Sistem toko komputer online ini terdiri atas dua buah subsistem yaitu
subsistem pengunjung yang dapat diakses oleh semua pengunjung dan
subsistem administrator yang hanya dapat diakses oleh administrator, dalam
hal ini adalah pemilik dari toko komputer tersebut.
3. Pada toko komputer online ini, metode pembayaran yang digunakan adalah
metode pembayaran dengan cara transfer melalui dua (2) buah bank yang
termasuk terbesar di Indonesia.
4. Toko komputer online ini telah berhasil di upload melalui sebuah web-hosting
yaitu http://1asphost.com .
5.2 Saran
Dari hasil pengujian dan analisa pada sistem toko komputer online pada tugas akhir
ini, terdapat beberapa saran yang dapat diberikan, yaitu :
1. Perangkat lunak dapat dikembangkan lagi dengan memberikan fasilitas
konsultasi atau bertanya melalui e-mail bagi pengunjung yang ingin
berkonsultasi atau bertanya tentang sebuah perangkat keras.
65
66
DAFTAR PUSTAKA
1. Agung, G., Active Server Pages Special F/X, CV. Jubilee Solusi Enterprise,
Yogyakarta, 2002.
2. Tim Wahana Komputer, Panduan Aplikatif Pengembangan Web Berbasis
ASP, ANDI, Yogyakarta, 2002.
3. Fathansyah, Ir., Basis Data, Informatika, Bandung, 2002.
4. Kurniawan, Y., Aplikasi Web Database dengan ASP, PT. Elex Media
Komputindo, Jakarta, 2000.
5. Iskandar, H., Pengantar Perancangan Sistem, Erlangga, Jakarta, 1997.
6. PT. Prima Infosarana, PCplus, PT. Gramedia, Jakarta, 2003.
7. PT. Jawa Media Komputama, Komputek, PT. Jawa Pos, Surabaya, 2003.
8. URL, http://www.fastncheap.com , 2003.
9. URL, http://1asphost.com , 2003.
66