PERANCANGAN SISTEM INFORMASI PENJUALAN
BUKU BERBASIS WEB PADA
TOKO BUKU SENEN
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
MAULANA YUSUF
NIM : 12140983
Program Studi Manajemen Informatika
AMIK BSI Jakarta
2017
ii
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR
Yang bertanda tangan di bawah ini:
Nama : Maulana Yusuf
NIM : 12140983
Program Studi : Manajemen Informatika
Perguruan Tinggi : AMIK Bina Sarana Informatika Jakarta
Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul :
“Perancangan Sistem Informasi Penjualan Buku Berbasis Web Pada Toko
Buku Senen”, adalah asli (orsinil) saya buat atau tidak plagiat (menjiplak)
dan belum pernah diterbitkan/dipublikasikan dimanapun dan dalam bentuk
apapun.
Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa
ada paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata
saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim
bahwa tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau
badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan
kelulusan saya dari Akademi Manajemen Informatika & Komputer Bina
Sarana Informatika dicabut/dibatalkan.
Dibuat di : Jakarta
Pada tanggal : 14 Juli 2017
Yang menyatakan,
mtri
Maulana Yusuf
iii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA
ILMIAH UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan di bawah ini, saya:
Nama : Maulana Yusuf
NIM : 12140983
Program Studi : Manajemen Informatika
Perguruan Tinggi : AMIK Bina Sarana Informatika Jakarta
Dengan ini menyetujui untuk memberikan ijin kepada pihak AMIK Bina
Sarana Informatika Jakarta, Hak Bebas Royalti Non- Eksklusif (Non-exclusive
Royalti-Free Right) atas karya ilmiah kami yang berjudul: “Perancangan Sistem
Informasi Penjualan Buku Berbasis Web Pada Toko Buku Senen”, beserta
perangkat yang diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak AMIK Bina Sarana
Informatika Jakarta berhak menyimpan, mengalih-media atau format-kan,
mengelolaannya dalam pangkalan data (database), mendistribusikannya dan
menampilkan atau mempublikasikannya di internet atau media lain untuk
kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap
mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak AMIK
Bina Sarana Informatika Jakarta, segala bentuk tuntutan hukum yang timbul
atas pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Jakarta
Pada tanggal : 14 Juli 2017
Yang menyatakan,
mtr
Maulana Yusuf
iv
PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR
Yang bertanda tangan di bawah ini, saya:
Nama : Maulana Yusuf
NIM : 12140983
Program Studi : Manajemen Informatika
Jenjang : Diploma III (D.III)
Judul Tugas Akhir : Perancangan Sistem Informasi Penjualan Berbasis web
Pada Toko Buku Senen
Untuk dipertahankan pada periode I-2017 dihadapan penguji dan diterima sebagai
bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya
(A.Md) pada Program Diploma III Program Studi Manajemen Informatika di
AMIK Bina Sarana Informatika Jakarta.
Jakarta, 14 Juli 2014
PEMBIMBING TUGAS AKHIR
Pembimbing : Muhammad Hilman Fakhriza, M.Kom ......................
Asisten Pembimbing : Samudi, M.Kom .......................
DEWAN PENGUJI
Penguji 1 : ...................................... ......................
Penguji II : ....................................... ......................
v
LEMBAR KONSULTASI TUGAS AKHIR
AMIK BINA SARANA INFORMATIKA JAKARTA
NIM : 12140983
Nama Lengkap : Maulana Yusuf
Dosen Pembimbing : Muhammad Hilman Fakhriza, M.Kom
Judul Tugas Akhir : Perancangan Sistem Informasi Penjualan Buku
Berbasis Web Pada Toko Buku Senen
No Tanggal
Bimbingan Pokok Bahasan
Paraf Dosen
Pembimbing
1. 05 Juli 2017 Bimbingan Perdana & Pengajuan Bab I, II, III
2. 12 Juli 2017 Revisi Bab I & Bab II
3. 15 Juli 2017 Konsultasi Program & Revisi Bab I, II
4. 16 Juli 2017 Konsultasi Program & Revisi Bab I, II, III
5. 17 Juli 2017 Konsultasi Program & Acc Bab I, II, III
6. 18 Juli 2017 Simulasi Sidang TA & Pengajuan Bab IV
7. 19 Juli 2017 Konsultasi Program & Revisi Bab IV
8. 20 Juli 2017 Acc Keseluruhan
Catatan untuk Dosen Pembimbing.
Bimbingan Tugas Akhir Dimulai pada tanggal : 05 Juli 2017
Diakhiri pada tanggal : 20 Juli 2017
Jumlah pertemuan bimbingan : 8 (Delapan) Kali
Disetujui oleh,
Dosen Pembimbing
Muhammad Hilman Fakhriza, M.Kom
vi
LEMBAR KONSULTASI TUGAS AKHIR
AMIK BINA SARANA INFORMATIKA JAKARTA
NIM : 12140983
Nama Lengkap : Maulana Yusuf
Asisten Pembimbing : Samudi, M.Kom
Judul Tugas Akhir : Perancangan Sistem Informasi Penjualan Buku
Berbasis Web Pada Toko Buku Senen
No Tanggal
Bimbingan Pokok Bahasan
Paraf Asisten
Pembimbing
1. 21 Juni 2017 Bimbingan Perdana & Pengajuan Bab I, II, III
2. 03 Juli 2017 Revisi Bab I & Bab II
3. 14 Juli 2017 Konsultasi Program & Revisi Bab I, II
4. 15 Juli 2017 Konsultasi Program & Revisi Bab I, II, III
5. 17 Juli 2017 Konsultasi Program & Acc Bab I, II, III
6. 18 Juli 2017 Simulasi Sidang TA & Pengajuan Bab IV
7. 19 Juli 2017 Konsultasi Program & Revisi Bab IV
8. 20 Juli 2017 Acc Keseluruhan
Catatan untuk Asisten Pembimbing.
Bimbingan Tugas Akhir Dimulai pada tanggal : 21 Juni 2017
Diakhiri pada tanggal : 20 Juli 2017
Jumlah pertemuan bimbingan : 8 (Delapan) Kali
Disetujui oleh,
Asisten Pembimbing
Samudi, M.Kom
vii
KATA PENGANTAR
Alhamdulillah, atas rahmat dari Allah Subhanahuwataala dan didorong
bantuan dan dukungan dari semua pihak yang berjasa sehingga terbangunlah
keinginan kuat untuk menyusun dan terselesaikannya penulisan tugas akhir (TA)
penulis dengan mengambil judul, “Perancangan Sistem Penjualan Buku
Berbasis Web Pada Toko Buku Senen”.
Dengan terselesaikannya makalah ini, penulis memaksudkan supaya dapat
dijadikan bahan penyelesaian atas Tugas Akhir yang penulis dapatkan sebagai salah
satu sarat kelulusan untuk mendapatkan diploma tiga (D3) Management
Informatika Bina sarana Informatika (BSI). Sebagai bahan penulisan, penulis
menyertakan data selengkap mungkin yang penulis ambil dari berbagai sumber
yakni pengamatan langsung (Observasi) dan literlatur lain yang melengkapi
tersusunnya penulisan tugas akhir. Dengan beribu kekurangan yang penulis miliki
dan bentuk hormat atas jasa – jasa yang telah penulis dapatkan maka sangatlah patut
bagi penulis mengucapkan jutaan trimasih yang sebesar –besarnya kepada :
1. Direktur AMIK BSI Jakarta.
2. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta.
3. Bapak M. Hilman Fakhriza, M.Kom selaku Dosen Pembimbing Tugas Akhir.
4. Bapak Samudi, M.Kom selaku Asisten Pembimbing Tugas Akhir.
viii
5. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual
6. Rekan-rekan mahasiswa kelas MI 12.6G.07.
Serta semua pihak yang tidak bisa untuk disebut satu persatu namun
tanpa mengurahi rasa trimaskasih juga hormat penulis, sehingga terwujudnya
penulisan Tugas Akhir ini. Penulis menyadari bahwa penulisan tugas akhir ini
masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang
bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang.
Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya dan
bagi para pembaca yang berminat pada umumnya.
Jakarta, 14 Juli 2017
Penulis
Maulana Yusuf
ix
ABSTRAK
Maulana Yusuf (12140983), Perancangan Sistem Informasi Penjualan Berbasis
Web Pada Toko Buku Senen.
Dengan bertambah maju ilmu teknologi dan komunikasi, tentu sangat mempengaruhi
perkembangan lainnya termasuk cara mendapatkan barang yang diinginkan dalam
belanja. Toko online atau E-commerce adalah salah satu jalannya, dimana kita tahu
dengan jelas dengan berdagang melalui online atau e-commerce semua pihak dapat
mengambil keuntungannya begitupun pada Toko Buku Senen. Pihak penjual, selain
dapat menampilkan barang dagang dalam etalase yang lebih luas dan bebas, penjual
akan mendapatkan kemudahan dalam pengolahan tokonya, sehingga baik pencatatan
ataupun penyusunan barang dagang dapat lebih efisien dan efektif. Disisi lain kita bisa
lihat pembeli, pembeli dengan fasilitas Toko online tentu selain mendapatkan
keluasan dalam memilih, dimana dengan kategori dan jenis barang yang bisa tampil
dionline tentu pembeli dapat dengan mudah menentukan sehingga barang terbaik yang
ia dapatkan dari daerah manapun yang ia mau, pembeli juga dapat kemudahan
sehingga bukan hanya tenaga atau waktu untuk mencari barang yang dibutuhkan
berkurang tetapi juga keefektifan dalam mencari juga pengeluran biaya untuk datang
ketoko atau membawa pulang barang yang dibeli dapat lebih hemat.
Kata Kunci: Perancangan Web E-Commerce, Toko Buku
x
ABSTRACT
Maulana Yusuf (12140983), Design of Web-Based Sales Information System At
Senen Bookstore.
With the advancing science of technology and communication, would greatly affect
other developments including how to get the desired goods in shopping. Online
store or E-commerce is one way, where we know clearly by trading through online
or e-commerce all parties can take advantage as well as in Senen Bookstore. The
seller, in addition to displaying merchandise in a wider and free storefront, the
seller will get the convenience of processing his shop, so that both the recording or
the preparation of merchandise can be more efficient and effective. On the other
side we can see buyers, buyers with online shop facilities certainly in addition to
getting breadth in choosing, where with categories and types of goods that can
appear in online buyers can easily determine so that the best items he gets from any
area he wants, buyers also Can ease so that not only the energy or time to search
for the required goods is reduced but also the effectiveness in finding also spending
costs to come to the store or bring home goods purchased can be more efficient.
Keywords: E-Commerce Web Design, Bookstore.
xi
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir .................................................................................... i
Lembar Pernyataan Keaslian Tugas Akhir ........................................................... ii
Lembar Pernyataan Publikasi Karya Ilmiah ........................................................ iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ............................................. iv
Lembar Konsultasi Tugas Akhir ........................................................................... v
Kata Pengantar .................................................................................................... vii
Abstrak ................................................................................................................. ix
Daftar Isi ............................................................................................................... xi
Daftar Simbol ..................................................................................................... xiii
Daftar Gambar .................................................................................................... xiv
Daftar Tabel ......................................................................................................... xv
Daftar Lampiran ................................................................................................. xvi
BAB I PENDAHULUAN....................................................................... 1
1.1. Latar Belakang ....................................................................... 1
1.2. Maksud dan Tujuan................................................................ 2
1.3. Metode Penelitian .................................................................. 3
1.4. Ruang Lingkup ....................................................................... 4
1.5. Sistematika Penulisan ............................................................ 5
BAB II LANDASAN TEORI ................................................................. 6
2.1. Konsep Dasar Web ............................................................... 6
2.2. Teori Pendukung .................................................................. 22
BAB III PEMBAHASAN ....................................................................... 29
3.1. Analisa Kebutuhan .............................................................. 29
3.2. Perancangan Perangkat Lunak ............................................ 30
3.2.1. Rancangan Antar Muka ......................................... 30
3.2.2. Rancangan Basis Data ........................................... 32
xii
3.2.3. Rancangan Struktur Navigasi ................................ 39
3.3. Implementasi dan Pengujian Unit ....................................... 40
3.3.1. Implementasi ........................................................... 40
3.3.2. Pengujian Unit ........................................................ 46
BAB IV PENUTUP ................................................................................ 50
4.1. Kesimpulan .......................................................................... 50
4.2. Saran .................................................................................... 50
Daftar Pustaka ................................................................................................... 52
Daftar Riwayat Hidup ...................................................................................... 54
Lampiran ........................................................................................................... 55
xiii
DAFTAR SIMBOL
A. SIMBOL ENTITY RELATION DIAGRAM (ERD)
ENTITAS (ENTITY)
Yaitu kumpulan dari objek yang dapat
diidentifikasikan secara unik
RELASI (RELATION)
Yaitu hubungan antar satu atau lebih entitas. Jenis
hubungan antara lain: satu ke satu, satu ke banyak,
banyak ke satu dan banyak ke banyak.
ATRIBUT
Yaitu karakteristik dari entity atau relasi yang
merupakan penjelasan detail tentang entitas.
GARIS (LINE)
Hubungan antara entity dengan atributnya dan
himpunan entitas dengan himpunan relasi.
xiv
DAFTAR GAMBAR
Halaman
Gambar II.1. Ilustrasi Model WATERFALL ....................................... 19
Gambar II.2. Tampilan Awal DREAMWEAVER CS5 ......................... 21
Gambar II.3. Tampilan Awal xampp 1.8.1 .......................................... 22
Gambar II.4. Contoh Struktur Navigasi Linier .................................... 23
Gambar II.5. Struktur Navigasi Hirarki ............................................... 23
Gambar II.6. Navigasi Non Linier ...................................................... 24
Gambar II.7. Navigasi Campuran ....................................................... 24
Gambar III.1. Rancangan Login Admin .............................................. 30
Gambar III.2. Rancangan Utama Admin ............................................. 30
Gambar III.3. Rancangan User Login ................................................. 31
Gambar III.4. Rancangan Utama User ................................................ 31
Gambar III.5. Entity Relationship Diagram ........................................ 32
Gambar III.6. Logical Relational Structure ......................................... 33
Gambar III.7. Struktur Navigasi Customer.......................................... 40
Gambar III.8. Struktur Navigasi Admin .............................................. 40
Gambar III.9. Halaman Login Admin ................................................. 41
Gambar III.10. Halaman Home Admin ............................................... 42
Gambar III.11. Halaman Login User................................................... 42
Gambar III.12. Halaman Menu Keranjang Belanja ............................. 43
Gambar III.13. Halaman Menu Konfirmasi ........................................ 43
Gambar III.14. Halaman Utama User/Pembelian ................................ 44
xv
DAFTAR TABEL
Halaman
Tabel III.1. Spesifikasi Tabel Kategori ............................................... 34
Tabel III.2. Spesifikasi Tabel Produk .................................................. 35
Tabel III.3. Spesifikasi Tabel Customer .............................................. 36
Tabel III.4. Spesifikasi Tabel Shop_pengiriman .................................. 36
Tabel III.5. Spesifikasi Tabel Kota ..................................................... 37
Tabel III.6. Spesifikasi Tabel Orders_temp ........................................ 38
Tabel III.7. Spesifikasi Tabel Orders_detail ....................................... 38
Tabel III.8. Spesifikasi Tabel Orders .................................................. 39
Tabel III.9. Hasil pengujian blackbox testing login admin .................. 46
Tabel III.10. Hasil pengujian blackbox testing login customer ............ 47
Tabel III.11. Hasil pengujian blackbox testing menu konfirmasi ........ 48
xvi
DAFTAR LAMPIRAN
Halaman
A.1. Halaman Admin Ubah Cara Pembelian ...................................... 55
A.2. Halaman Admin Ganti Password ............................................... 55
A.3. Halaman Admin Manajemen Produk ......................................... 56
A.4. Halaman Admin Mananjemen Kategori ..................................... 56
A.5. Halaman Admin Manajemen Jasa Pengiriman ........................... 57
A.6. Halaman Admin Manajemen Ongkos Kirim .............................. 57
A.7. Halaman Admin Modul Admin User Online .............................. 58
A.8. Halaman Admin Modul Admin Rekening Bank ......................... 58
A.9. Halaman Admin Komentar ........................................................ 59
A.10. Halaman Admin Konfirmasi Pelanggan ................................... 59
A.11. Halaman Admin Menu Transaksi Order Masuk ....................... 60
A.12. Halaman Admin Menu Transaksi Lap. Transaksi ..................... 60
B.1. Halaman User Menu Kategori .................................................... 61
B.2. Halaman Menu Tentang Kami ................................................... 61
B.3. Halaman Menu Produk Diskon .................................................. 62
B.4. Halaman Menu Cara Pembelian ................................................. 62
1
BAB I
PENDAHULUAN
1.1. Latar Belakang
Dengan semakin majunya ilmu informasi dan teknologi, maka sudah menjadi
kewajiban organisasi atau badan usaha untuk terus berkelanjutan dan terus maju
dalam usahanya untuk ikut serta juga beriringan dengan kemajuan informasi dan
teknologi, khususnya yang dimiliki oleh para pesaing yang mengancam usahanya.
Salah satunya adalah pada bidang pengembangan web, dimana sudah
merupakan rahasia umum bahwa hampir setiap organisasi maupun badan usaha
memiliki websitenyaL sendiri. Baik untuk memberikan informasi mengenai bagian
dari instansinya ataupun web yang menjadi salah satu fasilitas pemasaran untuk
kegiatan usahanya sendiri (E-Commerce).
Selain dari pada informasi tersebut, dikutip dari laman TEMPO.CO, Jakarta
Badan Pusat Statistik (BPS) mencatat, pada Maret 2017 jumlah penduduk miskin,
yakni penduduk dengan pengeluaran per kapita per bulan di bawah Garis
Kemiskinan) di lndonesia mencapai 27,77 juta orang (10,64 persen dari jumlah total
penduduk).
Menurut Kepala BPS Suhariyanto, angka tersebut bertambah 6,90 ribu orang
dibandingkan dengan kondisi September 2016 yang sebesar 27,76 juta orang (10,70
persen). Meski secara presentase angka kemiskinan mengalami penurunan, namun
secara jumlah angka tersebut mengalami kenaikan.
"Ini sebenarnya karena pertumbuhan penduduk yang naik saja dari tahun ke
tahun. Sekarang kan jumlah penduduk 261 juta. Ini kan tiap hari juga berubah
2
karena ada faktor kelahiran dan kematian," kata Suhariyanto di kantor BPS,
Jakarta Pusat, Senin 17 Juli 2017. Hal itu menunjukan bahwa Indonesia adalah
negara yang masih memiliki tingkat kemiskinan cukup tinggi dan masih menjadi
negara berkembang, dimana kita dapat lihat banyaknya pengangguran baik karna
kekurangan ilmu dan gagasan untuk berusaha ataupun karna kurangnya fasilitas
untuk mengembangkan usaha dan gagasannya.
Dengan pengembangan metode khususnya pembangunan web E- Commerce,
maka insyallah kita akan temui berbagai macam keutamaan juga menjadi bagian
dari penanggulangan masalah. Sebagai mana dilansir dari laman Kompas.com
menurut CEO Blibli.com Kusumo Martanto, “Kalau punya barang tapi modal
terbatas, akhirnya dipasarkan hanya ke daerah sekitar. Dengan e-commerce tidak
ada batasannya, bisa dipasarkan ke mana saja”.
Salah satunya tentu yang ada pada Toko buku daerah Senen karnanya penulis
bermaksud membangun tugas akhir dengan tema “Perancangan Sistem Informasi
Penjualan Buku Berbasis Web Pada Toko Buku Senen”, yang diharapkan dapat
memberikan sedikit bantuan sehingga dapat menambah tingkat penjualan barang.
1.2. Maksud Dan Tujuan
Maksud dari perancangan web E-Commerce ini diantaranya adalah
1. Memberikan penambahan jaringan penjualan dan wilayahnya.
2. Meningkatkan pendapatan usaha
3. Memberikan kemudahan kepada para pelanggan atau calon pelanggan
4. Memberikan kemudahan aktor usaha untuk mengontrol usahanya
5. Juga pelaksanaan kerja yang tidak terbatas baik tempat ataupun waktu.
Adapun tujuan dari disusunnya penulisan tugas akhir ini adalah
3
Untuk melengkapi persyaratan kelulusan Diploma III (D3) untuk Akademi
Managemen Informatika dan Komputer (AMIK) Bina Sarana Informatika (BSI).
1.3. Metode Penelitian
A. Metode Pengembangan Perangkat Lunak
Pengembangan perangkat lunak ini menggunakan metode pengembangan
water fall (sequential linier) Menurut Rosa dan Shalahuddin (2013:28)
memiliki arti, “model air menyediakan pendekatan alur hidup perangkat lunak
secara sequensial atau terurut dimulai dari analisis, desain, pengkodean,
pengujian dan tahap pendukung”. Terdapat beberapa tahap berikut :
1. Analisis Kebutuhan Perangkat Lunak
Pengumpulan kebutuhan untuk menspesifikasikan kebutuhan perangkat
lunak sehingga dapat dipahami kebutuhan dari user.
2. Desain
Desain pembuatan program perangkat lunak termasuk struktur data,
arsitektur perangkat lunak, representasi antar muka dan prosedure
pengkodean
3. Pembuatan Kode Program
Hasil dari tahap ini adalah program komputer sesuai dengan desain yang
telah dibuat pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak dari segi logika dan fungsional
serta memastikan bahwa semua bagian sudah diuji sehingga keluaran
yang dihasilkan sesuai dengan yang dihasilkan.
4
5. Pendukung atau Pemeliharaan
Dikarenakan adanya perubahan ketika sudah dikirimkan ke user.
Perubahan dapat terjadi karena adanya kesalahan yang muncul dan tidak
terdeteksi saat penggujian.
B. Teknik Pengumpulan Data
Untuk memperoleh data dalam penyusunan Tugas Akhir ini, penulis
mengadakan kegiatan dalam beberapa tahap, diantaranya:
1. Wawancara
Pada metode ini penulis melakukan tanyajawab langsung kepada
karyawan untuk mengumpulkan data yang berhubungan dengan
kelengkapan informasi.
2. Observasi
Dalam hal ini penulis mengumpulkan dan memperoleh data melalui
pengamatan beberapa website toko online dan artikel internet sebagai
bahan perbandingan.
3. Study Pustaka
Dalam metode ini penulis memperoleh data dari beberapa buku dan
literatur yang berkaitan dengan pembuatan Tugas Akhir ini.
1.4. Ruang Lingkup
Ruang lingkup masalah yang dibahas dalam penulisan tugas akhir ini mengenai
pembahasan yang berisikan beranda yaitu katalog – katalog produk yang
dipasarkan, data pelanggan, data barang yang dijual, keranjang belanja, cara
pemesanan, cara pembelian, kontak kami dan konfirmasi pembayaran.
5
1.5. Sistematika Penulisan
Sistematika penulisan tugas akhir ini disajikan secara ringkas dan disusun
dalam beberapa bab, dimana masing – masing bab menjelaskan perihal sebagai
berikut:
BAB I PENDAHULUAN
Dalam bab ini penulis menjelaskan tentang gambaran umum
maksud dan tujuan, metode penulisan, ruang lingkup serta
sistematika penulisan.
BAB II LANDASAN TEORIL
Dalam bab ini penulis menguraikan tentang pengertian yang
berhubungan dengan konsep dasar web, PHP, MySQL,
XAMPP, Dreamweaver CS5 dan teori pendukung lainnya.
BAB III PEMBAHASAN
Dalam bab ini penulis menguraikan tentang analisis
kebutuhan serta menjelaskan sistem yang dirancang yang
meliputi basis data, rancangan antar muka, struktur navigasi,
implementasi dan pengujian unit.
BAB IV PENUTUP
Dalam bab ini penulis menjelaskan mengenai kesimpulan
dan saran.
6
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Pada bab ini penulis bermaksud menjelaskan mengenai materi pelengkap,
dimana penjelasan mengenai dasar tentang web salah satunya demi mendukung
kelengkapan materi tugas akhir, selain itu tentu dapat menjadi bagian dari acuan
pokok – pokok bahasan dalam pembuatan web pada bab selanjutnya.
A. Internet dan Website
1. Definisi Internet
Menurut Sunarto (2009:40), “internet adalah jaringan komputer yang saling
terhubung keseluruhan dunia tanpa mengenal batas territorial, hukum dan
budaya. Secara fisik dianalogikan sebagai jaring laba – laba (the web) yang
menyelimuti bola dunia dan terdiri dari titik – titik (node) yang saling
berhubungan”.
Node bisa berupa komputer, jaringan lokal atau peralatan komunikasi,
sedangkan garis penghubung antar simpul disebut sebagai tulang punggung
(back bone) yaitu metode komunikasi terstrail (kabel, serat optik, microwave,
radio link) maupun satelit node terdiri dari pusat informasi dan database, pelatan
komputer dan perangkat interkoneksi jaringan serta peralatan yang dipakai
pengguna untuk mencari, menempatkan dan bertukar informasi di internet.
Menurut Oetomo dkk (2007:24), adapun fasilitas yang tersedia di internet
meliputi sebagai berikut:
7
a. Telnet
Fasilitas yang seolah – olah menghubungkan langsung komputer
pengakses dengan komputer rekannya melalui internet.
b. Web Browser
Untuk mengakses internet diperlukan suatu program aplikasi yang
disebut web browset. Program aplikasi ini memiliki kemampuan untuk
menampilkan suatu web page yang ditulis dalam format HTML. Dua
contoh program aplikasi angkatan pertama adalah Lynx dan Mosaic. Lynx
adalah web browser berbasis text. Kekurangannya adalah tidak bisa
menampilkan gambar, tetapi ia lebih cepat menampilkan teks. Fromat
browser yang paling terkenal penggunaannya adalah internet explorer dan
mozila firefox.
c. World wide web
Layanan multi media internet atau yang dikenal world wide web
(WWW) merupakan aplikasi internet yang paling banyak diminati para
pengakses. WWW disukai karna mencakup sumber daya multimedia, antar
lain suara, gambar, video, audio dan animasi. Oleh karan itu aplikasi
demikian menjadi semacam sarana untuk menyajikan informasi yang
interaktif dan atraktif. Layanan WWW lebih dikenal dengan nama WEB.
d. Uniform resource locator (URL)
Seorang pengguna internet bukan hanya mengakses web pages yang
berupa dokumen HTML saja, tetapi juga bisa mengakses dokumen –
dokumen yang disediakan oleh FTP, gopher, usenet news dan sebagainya.
8
Karena jenis dokumen yang bisa diakses bermacam – macam maka
dibutuhkan suatu cara untuk menunjukan dengan tepat dan cepat
kedokumen yang diinginkan. URL adalah jawaban masalah tersebut. pada
penggunaan WWW, penunjuk suatu sumber informasi menggunakan
metode URL yang merupakan konsep penamaan standar dari suatu file,
direktori, komputer, lokasi komputernya dan untuk menentukan alamat
yang akan kita pakai, untuk mengakses khususnya situs web. URL
mengantarkan browser ke alamat yang dituju jadi, jika kita mengakses
situs web terlebih dahulu kita menulis URL sebagai definisi alamat yang
dituju seperti contoh berikut:
http://www.google.com/produk_jasa/index.html
dimana
http : adalah jenis protokol yang digunakan
www.google.com : adalah alamat host yang digunakan
produk_jasa : adalah direktori atau path yang dituju
index.html : adalah nama file yang akan diakses.
e. Hypertext transfer protocol (HTTP)
Menurut Shalahudin dan Rosa (2008:4), “HTTP merupakan aturan
pengiriman informasi yang berupa hypertext text pada komputer yang
memungkinkan user saling mengirimkann informasi (request respons)”
HTTP adalah protokol atau aturan standar untuk mengakses dokumen
HTML pada web. HTTP dijalankan dengan cara klien mengirimkan
permintaan kepada server dan server membalah permintaan klien dengan
respon yang diminta.
9
f. Hypertext markup language (HTML)
Menurtu Shalahudin dan Sukamto (2008:19), “HTML adalah suatu
format data yang digunakan untuk membuat sebuah dokumen yang
memungkinkan komputer saling mengirimkan informasi”. Dokumen
HTML harus disimpan dengan ekstensi, htm atau html. HTML memiliki
tag-tag yang telah didefinisikan untuk membuat halam web penulisan tag-
tag HTML dapat menggunakan huruf besar atau huruf kecil, karena HTML
tidak case sensitive.
g. Homepage
Menurut Shalahudin dan Sukamto (2008:6), “website adalah informasi
di world wide web yang disimpan dalam file yang berbeda-beda sebagai
halaman web. Homepage merupakan halaman awal dari sebuah situs web”.
h. Web hosting
Menurut Shalahudin dan Sukamto (2008:7),” web hosting
mengizinkan perorangan atau organisasi membuat sebuah website yang
dapat diakses melalui world wide web”. Web host merupakan organisasi
yang menyiapkan tempat diservernya untuk perorangan atau organisasi
untuk menempatkan semua file websitenya dan menyediakan konektifitas
internet agar dapat diakses melalui internet.
i. E-mail
Merupakan jenis layanan internet yang paling populer, yaitu layanan
surat elektronik yang dapat digunakan untuk mengirim dan menjawab
10
pesan, mengirimkan file sebagai bagian dari berita e-mail dan
berlangganan berita kepada grup diskusi yang diminta.
j. Mailing list
Penggunaan e-mail dapat dikembangkan menjadi layanan mailing list
atau sering disingkat milis. Layanan ini bermanfaat untuk berlangganan
informasi dari suatu grup diskusi yang diminati atau sarna diskusi yang
mengasyikan.
k. Internet relay chat
Layanan ini merupakan sarana yang murah bagi para pengakses untuk
berkomunikasi melalui tulisan yang diketik. Kemudian, rekan pengakses
akan membalas tulisan pula
l. Usenet dan newsgroup
Jenis layanan ini berupa buletin board service (BBS) dalam bentuk
pesan semua pengakses internet dapat bergabung untuk bertukar informasi
satu sama lainnya. Newsgroup merupakan sarana konferensi elektronik
jarak jauh bagi para pengakses internet berdasarkan kompetensi atau
bidang minat tertentu.
m. File transfer protocol
Melalui layanan internet ini, para pengakses juga dalat mengirimkan
file yang berisi tulisan, gambar, animasi, musik atau game kepada para
rekannya. FTP memungkinkan para pengakses untuk menyalin file secara
elektronik dari suatu komputer lainnya diinternet.
11
2. Karakteristik internet
Internet identik dengan cyberspace atau dunia maya. Menurut Dysson
dalam Kustiyahnigsih dan Anamisa (2011:13) memberikan definisi tentang
cyberspace, “adalah suatu ekosistem biolektonik disemua tempat yang
memiliki telepon, kabel coaxial, fiber optik atau elektromagnetik waver”.
Dari definisi yang diberikan Dysson diatas, dapat ditarik kesimpulan
tentang karakteristik dari internet, diantarnya:
a. Beroperasi secara virtual/maya
Berada didunia maya, dihuni oleh orang – orang yang saling
berinteraksi, berdiskusi dan bertukar pikiran, tetapi tanpa harus
melakukan pertemuan secara fisik dan sebenarnya, penghuni dunia
maya bukan hanya manusia, tetapi termasuk didalamnya adalah data,
informasi, surat elektronik, ide-ide dan bahkan sampai pada ilmu
pengetahuan.
b. Dunia cyber selalu berubah dengan cepat
Dengan didukung kemudahan update data, maka perubahan yang
terjadi pada duni cyber pun sangat cepat informasi-informasi yang
terjadi didalamnya sangat cepat berubah.
c. Informasi didalamnya bersifat publik
Cyberspace disebut juga informasi karena tidak dimiliki oleh
siapapun dan tidak memiliki otoritas bagi siapapun untuk menggunakan
hanya bagi diri sendiri.
12
d. Orang – orang yang hidup dalam dunia maya tersebut dapat
melaksanakan aktivitas tanpa harus menunjukan identitasnya.
Karena interaksi yang dilakukan didalam cyberspace tanpa
melibatkan interaksi secara fisik maka interaksi yang dilakukanpun
tidak harus menunjukan identitas yang sesungguhnya namun, walaupun
identitas yang diberikan palsu, registrasi tetap dapat dilaksanakan
dengan baik.
3. Website
Menurut Hidayat (2010:2) menyebutkan bahwa:
website atau situs dapat diartikan sebagain kumpulan halaman – halaman yang
digunakan untuk menampilkan informasi teks, gambar diam atau gerak,
animasi, suara dan atau gabungan dari semuanya, baik yang bersifat statis
maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait,
yang masing-masing dihubungkan dengan jaringan-jaringan halaman.
a. Web Server
Pemrograman web dan Mysql (2016:4) menjelaskan:
web server adalah suatu program komputer yang mempunyai tanggung
jawab atau tugas menerima permintaan HTTP dari komputer klien, yang
dikenal dengan nama web browser dan melayani mereka dengan
menyediakan respon HTTP berupa konten data, biasanya berupa
halaman web yang terdiri dari dokumen HTML dan objek seperti
gambar dan lain-lain.
Web browser seperti explorer atau navigator berkomunikasi melalui
jaringan (termasu jaringan internet) dengan web server, menggunakan
HTTP. Browser akan mengirimkan request ke sever untuk meminta
dokumen tertentu atau layanan lainnya yang disediakan oleh server. Server
membrikan dokumen atau layanan jika tersedia juga dengan menggunakan
protokol HTTP contoh web server adalah:
13
1. Apache
Merupakan web server yang paling populer dan memiliki rangking
pertama dalam presentasi penggunanya. Apache bisa digunakan
berbagai platform OS contoh Linux, Windows dan lainnya.
2. IIS (Internet Informasi Services)
Digunakan disistem operasi Windows NT dan windows 2002.
3. PWS (Personal Web Server)
Digunakan disistem operasi windows 9x.
b. Web Browser
Menurut Kustiyahnigsih dan Anamisa (2011:8) web browser adalah, ”
yang digunakan untuk menampilkan informasi dari server web” sofware ini
kini telah dikembangkan dengan menggunakan user interface gratis,
sehingga penggunak dapat melakukuan point and clik untuk pindah antar
dokumen.
Lynx adalah web browser yang masih menggunakan mode text, yang
akibatnya adalah tidak ada gambar yang dapat ditampilkan. Lynx ini ada
dilingkungan DOS dan NIX (keluarga sistem operasi unix). Akan tetapi
perkembangan dari browser mode text ini tidak secepat web browser dengan
GUI.
Dapat dikatakan saat ini hanya ada empat web browser GUI yang
populer. Internet explorer, Netscape Navigator, Opera dan Mozila keempat
web browser ini bersaing untuk mendapatkan pemakainya, dengan berusaha
14
untuk mendekati standar spesifikasi dokumen HTML yang
direkomendasikan oleh W3C (World Wide Web Consortium).
c. Web Hosting
Menurut Shalahudin dan Sukamto (2008:7),” web hosting mengizinkan
perorangan atau organisasi membuat sebuat website yang dapat diakses
melalui world wide web”. Web host merupakan organisasi yang
menyediakan tempat diservernya untuk perorangan atau organisasi
meletakan semua file websitenya dan menyediakan konektifitas dengan
internet agar dapat diakses melalui internet.
B. Bahasa Pemprograman
Merupakan program yang digunakan untuk menerjemahkan perintah –
perintah yang ditulis dalam bahasa pemprograman kedalam bahasa mesin
(machine language), sehingga dapat diterima dan dimengerti oleh komputer.
Apabila language sofware tidak tersedia, maka pembuat program harus
menulis programnya langsung dengan bahasa mesin yang berbentuk bilangan
– bilangan binary. Suatu informasi program yang ditulis dalam bahasa mesin
dapat bebentuk seperti 000100110010. Tanpa mengetahui arti tertentu dari
masing- masing bagian dari bilangan binary tersebut secara persis, maka akan
sangat sulit untuk mengerti dengan benar maksud dan intruksi tersebut.
1. PHP
Menurut Pemrograman PHP dan Mysql (2016:2), “PHP (hypertext
Preprosesor) adalah bahasa script yang dapat ditanamkan atau disisipkan
kedalam HTML”. Pada mulanya PHP sendiri merupakan singkatan dari
15
Personal Home Page. Skrip ini akan membuat suatu aplikasi yang dapat
diintegrasikan kedalam HTML sehingga suatu halaman web tidak lagi bersifat
statis, namun menjadi bersifat dinamis. Sifat server side berarti pengerjaan skrip
dilakukan di server lalu kemudian hasil akan dikirim ke browser.
2. HTML
HTML kependekan dari hyper text markup language. HTML menurut
Kustiyahningsih dan Anamisa (2011:13),”adalah file teks murni yang dapat
dibuat dengan editor teks sembarang”. Dokumen ini dikenal dengan web page.
File – file HTML ini berisikan intruksi – intruksi yang kemudian diterjemahkan
oleh browser yang ada di komputer klien (user) sehingga isi informasinya dapat
disampaikan secara visual dikomputer pengguna.
HTML dikenal sebagai bahasa standar yang digunakan untuk menampilkan
dokumen web yang bisa dilakukan dengan HTML yaitu:
a. Mengontrol tampilan dari web page dan kontennya
b. Mempublikasikan dokumen secara online sehinggga bisa diakses dari
seluruh dunia.
c. Membuat online form yang dapat digunakan untuk menangani
pendaftaran, transaksi secara online.
d. Menambahkan objek – objek seperti image, audio, video dan juga java
applet dalam dokumen HTML.
3. CSS (Cascading Style Sheet)
Menurut Sugiri dan Kurniawan (2007:21),” CSS adalah sebuah cara untuk
memisahkan isi dengan layout dalam halaman – halaman web yang dibuat”.
CSS memperkenalkan template yang berupa style untuk membuat dan
16
mempermudah penulisan dari halaman – halaman yang dirancang. Hal ini
sangant penting karena halaman yang menggunakan CSS dapat dibaca secara
bolak balik dan isisnya dapat dilihat oleh pengunjung dari manapun.
4. Javascript
Menurut Sibero (2013:150),”Javascript adalah bahasa skrip yaitu kumpulan
intruksi atau peritah yang digunakan untuk mengendalikan beberapa bagian dari
sistem operasi”. Bentuk bahasa skrip dari javascript mengambil model
penulisan pada pemprogramaan bahasa C dan Java, yang terdiri dari variabel,
fungsi dan lainnya.
C. Basis Data
Basis data menurut Pemrograman PHP dan Mysql (2016:152) basis data
dapat diartikan, “sebuah sistem yang dibuat untuk mengorganisasi, menyimpan
dan menarik data dengan mudah”. Dalam arti umum basis data adalah sekumpulan
data yang diproses dengan bantuan komputer yang memungkinkan data dapat
diakses dengan mudah dan tepat, yang dapat digambarkan sebagai aktivitas dari
satu atau lebih organisasi yang berelasi.
1. MySQL
Menurut Pemrograman PHP dan Mysql (2016:152) Mysql adalah, “salah
satu jenis database server yang sangat terkenal, Mysql menggunakan bahasa
SQL untuk mengakses databasenya. MySQL, merupakan database yang
bersifat client server, dimana data diletakkan di server yang bisa diakses
melalui komputer client. Pengaksesan dapat dilakukan apabila komputer telah
terhubung dengan server.
17
MySQL dibuta sekitar tahun 1994-1995 dan dikembangkan oleh sebuah
perusahaan Swedia yang bernama MySQL AB dengan istilah T.c.X
DataKonsult AB. Tujuannya adalah untuk mengmbangkan aplikasi web yang
dimiliki oleh kliennya. Pada awalnya T.c.X menggunakan m SQL atau mini
SQL, namun ternyata tidak terlalu cepat dan fleksibel, bahkan versi pertamanya
tidak memiliki index, sehingga ia memutuskan untuk membuat sendiri mesin
SQL yang tampilannya seperti m SQL tetapi memiliki kemampuan yang lebih
sesuai dengan kebutuhan, sehingga lahirlah MySQL.
MySQL dapat juga dikatakan sebagai RDBMS (Relational Database
Management System), yaitu hubungan antar tabel yang berisi data-data pada
suatu database. Dengan demikian dapat mempercepat pencarian suatu data.
Tabel – tabel tersebut dihubungkan oleh suatu relasi yang memungkinkan
kombinasi data dari beberapa tabel ketika pengguna mengirimkan tampilannya
informasi dari suatu tabel.
MySQL merupakan database yang dikembangkan dari bahasa SQL
(Structure Query Language) SQL merupakan bahasa terstruktur yang
digunakan untuk interaksi antara script program dengan database server dalam
hal pengolahan data. Dengan SQL maka akan dapat membuat tabel yang bisa
diisi data, memanipulasi data seperti menghapus, menambah atau meg update
data, serta membuat perhitungan dari data. SQL tidak hanya digunakan untuk
mendapatkan suatu database statis, namun juga dikembangkan SQL 3 yang
berencana akan diupdate menjadi bahasa yang mendekati bahasa mesin turing
misalnya recursivequery.
18
Sebuah model SQL terdiri dari tabel, baris, field dan elemen. Setiap user
data suatu sistem dapat memiliki database yang terpisah dan bebas antara yang
satu dengan yang lainnya. Dan setiap elemen pada kolom dalam tabel tidak
boleh ada yang sama.
Selain SQL diperuntukan untuk dapat berjalan dengan sangat cepat, SQL
pula membuang beberapa kemampuan yang dianggap kurang efektif dan
diharap dapat menambah dan menjadi penunjang kecepatan, misalnya partition
table yang biasa digunakan pada database oracle. Karna pada pelaksanaan
sehari-hari fasilitas tersebut jarang digunakan dimana para pengguna lebih
sering berintraksi dengan database berkapasitas kecil. Namun demikian
MySQL memiliki hal yang luar biasa, meski merupakan software gratis namun
dapat menangani hingga database yang berukuran 100GB dengan kinerja yang
cukup tinggi.
Ada beberapa hal yang menjadi alasan kenapa MySQL menjadi database
yang sering digunakan pengguna, diantaranya:
a. MySQL merupakan database yang memiliki kecepatan tinggi dalam
pemprosesan data, dapat diandalkan, mudah digunakan dan mudah
dipelajari. Sehingga dapat dengan mudah berkonsutasi dengan orang
bila ada masalah.
b. MySQL mendukung banyak bahas program seperti C, C++, perl,
phyton, java dan PHP.
c. Koneksi, kecepatannya dan keamanannya, membuta MySQL sangat
cocok diterapkan untuk mengakses database melalui internet.
19
d. MySQL dapat menangani database dengan skala yang sangat besar
dengan jumlah record lebih dari 50 juta, 60 ribu tabel dan bisa
menampung 5 milyar baris data selain itu, pada MySQL setelah versi
4.1.2, batas index pada tiap tabel dapat menampung sampai dengan
64 index.
D. Model Pengembangan Perangkat Lunak
Menurut Rosa dan Shalahuddin (2013:26) SDLC atau software
Development Life Cyrcle atau sering disebut juga system development life circle
adalah, “proses mengembangkan atau mengubah suatu sistem prangkat lunak
dengan menggunakan model – model dan metodelogi yang digunakan untuk
mengembangkan sistem-sistem perangkat lunak. Menurut Rosa dan Shalahudin
(2013:28) Model SDLC air terjun (waterfall) sering juga disebut model
sekuensial linier (sequential linear) atau hidup klasik (classik life cycle),”
Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara
sekuensial atau berurutan dimulai dari analisis, desain, pengkodean, pengujian
dan tahap pendukung (support)”. Yang terbagi menjadi lima tahapan, yaitu :
Sumber : Rosa dan Salahuddin (2013:29)
Gambar II.1. Ilustrasi Model Waterfall
20
Berikut adalah penjelasan dari tahap – tahap tersebut:
1. Analisis Kebutuhan Perangkat Lunak
Pengumpulan kebutuhan untuk menspesifikasikan kebutuhan perangkat
lunak sehingga dapat dipahami kebutuhan dari user.
2. Desain
Desain pembutan program perangkat lunak termasuk struktur data,
arsitektur perangkat lunak, representasi antar muka dan prosedur
pengkodean.
3. Pembuatan Kode Program
Hasil tahap ini adalah program komputer sesuai dengan desain yang telah
dibuat pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak dari segi logika dan fungsional serta
memastikan bahwa semua bagian sudah diuji sehingga keluaran yang
dihasilkan sesuai dengan yang diinginkan.
5. Pendukung atau Pemeliharaan
Dikarenakan adanya perubahan ketika sudah dikirimkan dek user.
Perubahan dapat terjadi karena adanya kesalahan yang muncul dan tidak
terdeteksi saat pengujian.
E. Software Pendukung
Yang dimaksud software pendukung disini adalah software – software yang
dapat dan digunakan untuk pengembang program yang dibuat dalam hal ini
diantaranya:
21
1. Dreamweaver CS5
Menurut Pemrograman PHP dan Mysql (2016:14), Dreamweaver adalah,
“Software aplikasi desain web visual yang biasa dikenal dengan istilah
WYSIWYG (what you see is what you get), itinya anda tidak harus berurusan
dengan dengan tag-tag HTML untuk membuat sebuah situs”. Adapun
Dreamweaver yang penulis gunakan dalam merancang web adalah
Dreamweaver CS5
Sumber: Dreamweaver CS5
Gambar II.2. Tampilan Awal Dreamweaver CS5
2. Xampp
Menurut Aditya (2011:16),” Xampp adalah perangkat lunak bebas yang
mendukung banyak sistem operasi, merupakan kompilasi dari beberapa
program”. Diantara fungsinya Xampp mampu menjadi hostinger mandiri,
yang berdiri atas Apache HTTP Server, MySQL database dan penerjemah
bahasa yang ditulis dengan bahasa pemprograman PHP dan Perl. Nama
Xampp merupakan singkatan dari X ( empat sistem operasi apapun) Apache,
MySQL, PHP dan Perl.
Adapun Xampp yang penulis gunakan adalah versi 1.8.1
22
Sumber: Xampp 1.8.1
Gambar II.3. Tampilan Awal xampp 1.8.1
2.2. Teori Pendukung
A. Struktur Navigasi
Struktur navigasi dapat dikategorikan kedalam beberapa bentuk, dengan
kebutuhan akan objek, kemudahan pemankaian, kemudahan dalam
membuatnya serta keintraktifan navigasi saat diterapkan pada program. Ada
empat macam struktur navigasi umum diantara :
1. Struktur navigasi linier
Linear merupakan struktur yang hanya mempunyai satu rangkaian cerita
yang berurut. Dengan kata lain struktur ini hanya dapat menampilkan satu demi
satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat
ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu
halaman sesudahnya dan tidak dapat menampilkan dua halaman sebelumnya
atau dua halaman sesudahnya. Salah satu yang terpenting dari struktur ini
adalah tidak diperkenankan terjadinya pencabangan.
23
Sumber : Binarto (2010:269)
Gambar II.4. Contoh Struktur Navigasi Linier
2. Struktur Navigasi Hirarki
Struktur hirarki ini pencabangan untuk menampilkan data berdasarkan
kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai master
page, halaman utama ini akan memiliki halaman pencabangan yang dikatakan
Slave page (halaman pendukung). Jika salah satu halaman pendukung dipilih
atau diaktifkan, maka tampilan tersebut akan bernama master page (halaman
utama kedua) dan seterusnya. Yang terpenting dari struktur penjejakan ini tidak
diperkenalkan adanya tampilan secara linier.
Sumber: Binarto (2010:269)
Gambar II.5. Struktur Navigasi Hirarki
3. Struktur navigasi non linier
Struktur penjejakan non linier merupakan pengembangan dari struktur
penjejakan linier. Pada struktur ini diperkenankan untuk membuat penjejakan
bercabang. Pemakai bebas menjelajahi web tanpa dibatasi oleh suatu rute diman
kontrol navigasi dapat mengakses semua halaman manapun. Pencabangan pada
24
jenis navigasi ini berbeda dengan struktur hirarki, karena pada pencabangan ini
walaupun terdapat pencabangan, tetapi tiap – tiap tampilan mempunyai
kedudukan yang sama tidak ada master page dan slave page.
Sumber: Binarto (2010:269)
Gambar II.6. Navigasi Non Linier
4. Struktur navigasi campuran
Campuran atau juga sering disebut struktur penjejakan bebas merupakan
gabungan dari ketiga struktur lainnya. Jika suatu tampilan membutuhkan
pencabangan, maka dapat dibuat pencabangan, dan apabila dalam pencabangan
tersebut terdapat suatu tampilan yang sama kedudukannya maka dapat dibuat
struktur navigasi linier.
Sumber: Binanto (2010:269)
Gambar II.7. Navigasi Campuran
25
B. Entity Relationship Diagram
Menurut Yakub (2008:25),” ERD merupakan suatu permodelan jaringan
yang menggunakan susunan data yang disimpan pada system secara abstrak”.
Komponen dari ERD ini sendiri terdiri dari :
1. Entitas
Yaitu suatu komponen obejek atau sesuatu yang dapat dibedakan atau dapat
diidentifikasikan secara unik. Dan kumpulan entitas sejenis disebut entity set.
Entity set terbagi lagi menjadi:
a. Strong entity set
Yaitu entity set yang satu atau lebih atributnya digunakan oleh entity set
lain sebagai key. Digambarkan dengan persegi panjang.
b. Weak entity set
Yaitu entity set yang tergantung pada strong entity set. Digambarkan
dengan persegi panjang bertumpuk.
2. Atribute
Atribut menurut Yakub (2008:27),” Atribut sering juga disebut sebagai
properti, merupakan keterangan – keterangan yang terkait pada sebuah
entitas yang perlu disimpan sebagai basis data. Atribut dapat diartikan pula
sebagai kumpulan elemen data yang membentuk suatu entitas, adapun
atribut dibagi menjadi beberapa jenis diantaranya:
a. Atribut Key
Atribut yang digunakan untuk menentukan suatu entity secara unik.
26
b. Atribut Simple
Atribut yang bernilai tunggal.
c. Atribut Multi Value
Atribut yang memiliki sekelompok nilai untuk setiap instan entity.
d. Atribut Composit
Suatu atribut yang terdiri dari beberaspa atribut yang lebih kecil yang
mempunyai arti tertentu contohnya adalah atribut nama pegawai yang
terdiri.
3. Relasi
Relasi atau hubungan menurut Yakub (2008:30),” adalah kejadian atau
transaksi yang terjadi diantara dua entitas yang keterangannya perlu disimpan
dalam basis data”.
4. Mapping Cardinality
Yakni pemetaan banyaknya entity yang bersesuaian dengan entity yang lain
melalui relationship. Dan secara umum digolongkan kedalam 3 jenis yakni :
a. One To many/ Many To One
One to many adalah perbandingan entity yang satu denga entity yang
lain berbanding satu berbanding banyak.
b. One To One
One to one adalah perbandingan entity dimana entity pertama dengan
entity kedua memiliki perbandingan satu
27
c. Many To Many
Many to many adalah perbandingan antra entity pertama dengan entity
lainnya berbanding banyak ke banyak.
5. Mentri Logical Record Structured (LRS)
Menurut Iskandar dan Rangkuti (2008:126),” LRS terdiri dari link – link
diantara tipe record”. LRS dapat diartikan pula sebagai representasi dari
struktur record – record pada tabel – tabel yang terbentuk dari hasil antar
himpunan entitas.
C. Pengujian Perangkat Unit
1. Pengujian white box
Pengujian yang didasarkan pada pengecekan terhadap detail perancangan,
menggunakan struktur kontrol dari desain program secara prosedural untuk
membagi pengujian kedalam beberapa kasus pengujian. Secara sekilas dapat
diambil kesimpulan white box testing merupakan petunjuk untuk mendapatkan
program yang benar secara 100%.
Persyaratan dalam menjalankan strategi white box testing diantaranya:
1. Mendefinisikan semua alur logika
2. Membangun kasus untuk digunakan dalam pengujian
3. Mengevaluasi semua hasil pengujian
4. Melakukan pengujian secara menyeluruh.
2. Pengujian Basis Path
Uji coba ini adalah uji coba white box yang diusulkan Tom McCabe. Metode
ini memungkinkan perancangan test case mendapatkan ukuran kekomplekan
28
logika dari perancangan prosedural dan menggunakan ukuran ini sebagai
petunjuk untuk mendefinisikan basis set dari jalur pengerjaan. Test case yang
didapat digunakan untuk menggambarkan basis set yang menjamin pengerjaan
setiap perintah minimal satu kali selama uji coba.
3. Pengujian Struktur Kontrol
Adalah sebuah metode desain test case yang menggunakan kondisi logis
yang ada pada suatu program.
4. Pengujian Black Box
Black box testing merupakan pengujian yang berfokus pada spesifikasi
fungsional dari perangkat lunak, tester dapat mendefinisikan kumpulan kondisi
input dan melakukan pengetesan pada spesifikasi fungsional program.
Ciri – ciri Black Box testing:
1. Black box testing berfokus pada kebutuhan fungsional pada software,
berdasarkan pada spesifikasi kebutuhan dari software.
2. Black box testing bukan teknik alternatif dari white box testing. Lebih
dari itu, ia merupakan pendekatan pelengkap dalam mencakup error
dengan kelas yang berbeda dari metode white box.
3. Black box testing merupakan pengujian tanpa pengetahuan detail
struktur internal dari sistem atau komponen yang dites. Juga disebut
sebagai behavior testing, spesification based testing, input/output
testing atau function testing.
29
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Pada tahap ini, dilakukan beberapa pengumpulan data berhubung kebutuhan
user yang berkaitan dengan perangkat lunak yang dirancang (data-data analisis
permasalahan). Peranan analisis pada tahap ini sangatlah penting dimana, semua
hasil analisis menjadi acuan utama dalam memenuhi kebutuhan dalam perangkat
yang dibangun, mengetahui kebutuhan – kebutuhan user. Adapun pengumpulan
data dilakukan dengan observasi dan wawancara dengan beberapa toko buku dan
pengalaman penulis pribadi sebagai salah satu peminat buku. Berikut kebutuhan
yang penulis himpun:
A. Halaman User
Analisa kebutuhan user/pelanggan terhadap perangkat :
1. Pelanggan dapat dengan mudah mendapatkan informasi tentang produk
yang akan dibeli.
2. Kebutuhan akan kemudahan dalam setiap transaksi untuk para
pelanggan.
B. Halaman Admin
Analisa kebutuhan untuk halaman admin yaitu:
1. Admin dapat mengubah, menambah ataupun menghapus sehingga
informasi dalam perangkat dapat dinikmati konsumen/user secara up to
date.
30
3.2. Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka
Menjelaskan rancangan antar muka (interface) yang terdapat pada
perangkat penjualan buku.
A. Rancangan interface login admin
ADMINISTRATOR
LOGIN
PASSWORD
USERNAME
Gambar III.1. Rancangan Login Admin
B. Rancangan interface utama Admin
Gambar III.2. Rancangan Utama Admin
31
C. Rancangan interface login User
HEADER
SELAMAT SIANG SELAMAT DATANG | LOGIN
UTAMACARA
PEMBELIAN
PRODUK
DISKON
TENTANG
KAMIKATEGORI KONFIRMASIKERANJANG
LOGINDAFTAR
SSGambar III.3. Rancangan User Login
D. Halaman Home User
HEADER
SELAMAT SIANG SELAMAT DATANG | LOGIN
UTAMACARA
PEMBELIAN
PRODUK
DISKON
TENTANG
KAMIKATEGORI KONFIRMASI
KERANJANG
BELANJA
TAMPIL PRODUK - PRODUK
PRODUK LAIN
TAMPIL DENGAN HARGA
TAMPIL DENGAN KATEGORI
Gambar III.4. Rancangan Utama User
32
3.2.2. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel – tabel yang
digambarkan dalam Entity Relationship Diagram (ERD).
A. Entity Relationship Diagram
CUSTOMER
ORDER
KATEGORI
ORDER DETAIL
PRODUK
ORDER_TEMP
NAMA_LENGKAP
PASSWORD
ID_KOTA
{ FK }
TELPON
ALAMAT
AKTIF
ID_CUSTOMER
{ PK }
MELAKUKAN
M
ID_CUSTOMER
{ FK }
JAM_ORDER
TGL_ORDER
STATUS_ORDER
ID_ORDER
{ PK }
NAMA_PRODUK
ID_KATEGORI
{ FK }
ID_PRODUK
{ PK }
DESKRIPSI
NAMA_KATEGORIID_KATEGORI
{ PK }
STOK
BERAT
HARGA
JUMLAH
ID_PRODUK
ID_ORDER
{ FK }
STOCK_TEMP
JAMORDER_TEMP
TGL_ORDER_TEMP
JUMLAH
ID_SESSION
ID_PRODUK
{ FK }
ID_ORDER_TEMP
{ PK }
MEMILIKI1
MEMILIKI
M
1
1
MEMILIKI 1M
TGL_MASUK
GAMBAR
DIBELI
DISKON
STATUS
REVIEW
1
1
MEMILIKI
1
SHOP
PENGIRIMAN
KOTA
ID_KOTA
{ PK }
MEMILIKI
1
ONGKOS_KIRIM
NAMA_KOTA
GAMBAR
ID_PERUSAHAAN
{ PK }
ID PERUSAHAAN
{ FK }
M
NAMA_PERUSAHAAN
1
MEMILIH
M
ID_CUSTOMER
{ PK }
ID_ORDER
{ PK }
ID_PRODUK
{ PK }
ID_CUSTOMER
{ PK }
ID_ORDER
{ PK }
ID_PRODUK
{ PK }
ID_PRODUK
{ PK }
ID_KATEGORI
{ PK }
ID_ORDER_TEMP
{ PK }
ID_ORDER
{ PK }
ID_ORDER_TEMP
{ PK }
MEMILIKI
ID_ORDER
{ PK }
ID_PERUSAHAAN
{ PK }
ID_PERUSAHAAN
{ PK }
ID_KOTA
{ PK }
ID_ORDER
{ FK }
Gambar III.5. Entity Relationship Diagram
33
B. Logical Relational Structure (LRS)
-
ID_CUSTOMER*
PASSWORD
NAMA_LENGKAP
ALAMAT
TELPON
ID_KOTA**
AKTIF
CUSTOMER
ID_PERUSAHAAN*
NAMA_PERUSAHAAN
GAMBAR
ID_ORDER*
STATUS_ORDER
TGL_ORDER
JAM_ORDER
ID_CUSTOMER**
ID_PRODUKI*
ID_KATEGORI**
NAMA_PRODUK
DESKRIPSI
HARGA
STOCK
BERAT
TGL_MASUK
GAMBAR
DIBELI
DISKON
STATUS
REVIEW
ID_KOTA*
ID_PERUSAHAAN
ONGKOS_KIRIM
KOTA
SHOP_PENGIRIMANPRODUK
ORDER
ID_ORDER_TEMP*
PRODUK
ID_SESSION
JUMLAH
TGL_ORDER_TEMP
JAM_ORDER_TEMP
STOCK_TEMP
ORDER_TEMP
ID_ORDER**
ID_PRODUK
JUMLAH
ID_KATEGORI*
NAMA_KATEGORI
ORDEL_DETAIL
KATEGORI
1 1
1
1
1
M
1
M
1
1
M
M
M
1
1
1
Gambar III.6. Logical Relational Structure
C. Spesifikasi File
Spesifikasi file merupakan bagian yang menjelaskan mengenai record
dalam tabel yang digunakan dalam ERD serta tersedia dalam database
dengan nama global:
1. Spesifikasi Tabel Kategori
Nama file : Kategori
34
Key field : id_kategori
Fungsi : Menyimpan data kategori produk
Akronim : kategori
Tipe file : file master
Organisasi file : index sequential
Akses file : random
Media : harddisk
Panjang record : 105
Software : MySQL
Tabel III.1.
Spesifikasi Tabel Kategori
Nama Field Jenis Lebar Keterangan
Id_kategori Integer 5 Id Kategori
Nama_kategori Varchar 100 Nama Kategori
2. Spesifikasi Tabel Produk
Nama file : Produk
Key field : id_produk
Fungsi : Menyimpan data produk
Akronim : produk
Tipe file : file master
Organisasi file : index sequential
Akses file : random
Media : harddisk
Panjang record : 260,2
Software : MySQL
35
Tabel III.2.
Spesifikasi Tabel Produk
Nama Field Jenis Lebar Keterangan
Id_produk Integer 5 Id Produk
Id_kategori Integer 5 Id Kategori
Nama_produk Varchar 100 Nama Produk
Deskripsi Longtext
Deskripsi Produk
Harga Integer 20 Harga Produk
Stok Integer 5 Stok Produk
Berat Decimal 5,2 Berat Produk
Tgl_masuk Date Tanggal Masuk
Produk
Gambar Varchar 100 Gambar Produk
Dibeli Integer 5 Produk dibeli
Diskon Integer 5 Diskon Produk
Status Varchar 10 Status Produk
Review Mediumtext
Review Produk
3. Spesifikasi Tabel Customer
Nama file : Customer
Akronim : customer
Fungsi : untuk mengolah data kustomer
Tipe file : file master
Organisasi file : index sequential
Akses file : random
Media : harddisk
Panjang record : 280
Kunci field : id_customer
Software : MySQL
Tabel III.3.
Spesifikasi Tabel Customer
Nama Field Jenis Lebar Keterangan
Id_customer Integer 5 Id pelanggan
Password Varchar 50 Password
Nama_lengkap Varchar 100 Nama pelanggan
Alamat Text
Alamat pelanggan
Email Varchar 100 Email pelanggan
36
Telpon Varchar 20 Telpon pelanggan
Id_kota Integer 5 Id_kota
Aktif Enum(N,Y)
Status pelanggan
4. Spesifikasi Tabel Shop_pengiriman
Nama file : Shop_pengiriman
Akronim : shop_pengiriman
Fungsi : untuk mengolah data pengirim
Tipe file : file master
Organisasi file : index sequential
Akses file : random
Media : harddisk
Panjang record : 210
Kunci field : id_perusahaan
Software : MySQL
Tabel III.4.
Spesifikasi Tabel Shop_pengiriman
Nama Field Jenis Lebar Keterangan
Id_perusahaan Varchar 10 Id perusahaan
Nama_perusahaan Varchar 100 Nama perusahaan
Gambar Varchar 100
5. Spesifikasi Tabel Kota
Nama file : Kota
Akronim : kota
Fungsi : untuk mengolah data kota pengiriman
Tipe file : file master
Organisasi file : index sequential
Akses file : random
37
Media : harddisk
Panjang record : 223
Kunci field : id_kota
Software : MySQL
Tabel III.5.
Spesifikasi Tabel Kota
Nama Field Jenis Lebar Keterangan
Id_kota Integer 3 Id kota
Id_perusahaan Integer 10 Id perusahaan
Nama_kota Varchar 100 Nama kota
Ongkos_kirim Integer 10 Ongkos kirim
6. Spesifikasi Tabel Orders_temp
Nama file : Orders_temp
Akronim : orders_temp
Fungsi : untuk mengolah data order sementar
Tipe file : file master
Organisasi file : index sequential
Akses file : random
Media : harddisk
Panjang record : 120
Kunci field : id_orders_temp
Software : MySQL
Tabel III.6.
Spesifikasi Tabel Orders_temp
Nama Field Jenis Lebar Keterangan
Id_orders_temp Integer 5 Id Order
Id_produk Integer 5 Id Produk
Id_session Varchar 100 Id Session
Jumlah Integer 5 Jumlah Order
Tgl_orders_temp Date Tanggal Order
Jam_orders_temp Time Jam Order
38
Stok_temp Integer 5 Stok Order
7. Spesifikasi Tabel Orders_detail
Nama file : Orders_detail
Akronim : orders_detail
Fungsi : untuk mengolah data detail barang order
Tipe file : file master
Organisasi file : index sequential
Akses file : random
Media : harddisk
Panjang record : 15
Kunci field : -
Software : MySQL
Tabel III.7.
Spesifikasi Tabel Orders_detail
Nama
Field
Jenis Lebar Keterangan
Id_orders Integer 5 Id Order
Id_produk Integer 5 Id Produk
Jumlah Integer 5 Jumlah
8. Spesifikasi Tabel Orders
Nama file : Orders
Akronim : orders
Fungsi : untuk mengolah data order
Tipe file : file master
Organisasi file : index sequential
Akses file : random
39
Media : harddisk
Panjang record : 228
Kunci field : id_orders
Software : MySQL
Tabel III.8.
Spesifikasi Tabel Orders
Nama Field Jenis Lebar Keterangan
Id_orders Integer 5 Id Order
Nama_customer Varchar 100 Nama Kustomer
Alamat Text Alamat
Telpon Varchar 20 Telpon
Email Varchar 50 Email
Status_orders Varchar 50 Status Order
Tgl_orders Date Tanggal Order
Jam_orders Time Jam Order
Id_customer Integer 3 Id Kustomer
3.2.3. Rancangan Struktur Navigasi
A. Struktur navigasi campuran index kustomer
INDEX
UTAMA KONFIRMASIKERANJANG
BELANJA
CARA
PEMBELIAN
PRODUK
DISKON
TENTANG
KAMIKATEGORI
LOGIN
MENDAFTAR
ANGGOTA
KERANJANG
BELANJA
CARA
PEMBELIAN
PRODUK
DISKON
TENTANG
KAMIKATEGORIUTAMA KONFIRMASI LOGOUT
BELANJA LAGILANJUT
SIMPAN DATA
KEMBALICETAK NOTA
Gambar III.7. Struktur Navigasi Customer
40
B. Struktur navigasi campuran index admin
INDEX
UTAMAMENU
TRANSAKSIKOMENTAR
MODUL
ADMIN
MANAGEMENT
PRODUK
GANTI
PASSWORD
CARA
BELI
UPDATE
UPDATE
KATEGORIPRODUKJASA
PENGIRIMAN
ONGKOS
KIRIM
EDIT
INPUT
HAPUS
EDIT
INPUT
HAPUS
EDIT
INPUT
HAPUS
EDIT
INPUT
HAPUS
CUSTOMER
ONLINE
REKENING
BANKKONFIRMASI
PELANGGAN
KOMENTAR
LAPORAN
TRANSAKSI
ORDER
MASUK
Gambar III.8. Struktur Navigasi Admin
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
Berikut rancangan implementasi antar muka pada web penjualan pada
toko buku online:
1. Rancangan Antar Muka Login Admin
Adalah halaman yang digunakan Admin sebelum mengakses
home/index halaman Administrator.
41
Gambar III. 9. Halaman Login Admin
2. Rancangan Antar Muka Home Admin
Menampilkan seluruh menu yang dapat diakses difasilitas web
Admin.
Gambar III. 10. Halaman Home Admin
3. Rancangan Antar Muka Login User
Adalah halaman dimana user dapat melakukan Login ataupun
Mendaftar.
42
Gambar III. 11. Halaman Login User
4. Rancangan Antar Muka Menu Keranjang Belanja
menampilkan data detail dari barang yang dipilih untuk dibeli dan
spesifikasi pembelian.
Gambar III. 12. Halaman Menu Keranjang Belanja
5. Rancangan Antar Muka Menu Konfirmasi
43
Menampilkan formulir online mengenai Konfirmasi dari
Pembayaran yang telah dilakukan.
Gambar III. 13. Halaman Menu Konfirmasi
6. Rancangan Antar Muka Menu Utama User/Menu Pembelian
Melampilkan data dari user yang login, produk serta menu sebagai
fasilitas user.
Gambar III.14. Halaman Utama User/Pembelian
44
B. Spesifikasi Sistem Komputer
Berikut adalah spesifikasi hardware juga software minimum yang
dibutuhkan untuk mengimplementasikan sistem penjualan buku berbasis
web:
1. Spesifikasi Perangkat Keras
a. Admin
1. Komputer/CPU
- Processor minimal pentium III 500Mhz.
- RAM minimal 64MB
- Harddisk minimal 10GB
- VGA card minimal 4MB.
2. Monitor
3. Mouse
4. Keyboard
5. Koneksi Internet
b. Customer
1. CPU/Laptop/Komputer
- Processor minimal pentium III 500Mhz.
- RAM minimal 64MB
- Harddisk minimal 10GB
- VGA card minimal 4MB.
2. Monitor
3. Mouse
4. Keyboard
45
5. Koneksi Internet.
2. Spesifikasi Perangkat Lunak
a. Admin
1. Sistem operasi, semisal Windows, linux
2. Progaram xampp yang terdiri dari:
- Apache 2.4.2
- MySQL 5.5.25a
- PHP 5.4.4
- phpMyAdmin 3.5.2
- FileZilla FTP Server 0.9.41
3. Aplikasi web untuk membuka file web seperti gogole dan
Mozila Firefox.
b. User
1. Sistem operasi, semisal Windows, linux
2. Progaram xampp yang terdiri dari:
- Apache 2.4.2
- MySQL 5.5.25a
- PHP 5.4.4
- phpMyAdmin 3.5.2
- FileZilla FTP Server 0.9.41
3. Aplikasi web untuk membuka file web seperti gogole dan
Mozila Firefox.
46
3.3.2. Pengujian Unit
Pengujian dilakukan dengan metode Blackbox testing, dimana
pengujian berfokus pada proses input dan output sistem. Berikut
diantaranya:
A. Pengujian Pada Menu Login Admin
Tabel III.9.
Hasil pengujian blackbox testing halaman login admin
No. Skenario
Pengujian
Test
Case
Hasil
Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Username dan
Password tidak
dimasukan,
lalu klik
tombol Login
Username:
(Kosong) Password:
(Kosong)
Sistem
menolak dan kembali
kemenu
login awal
Sesuai
harapan
Valid
2. Masukan
Username dan
tidak
memasukan
Password
Username:
(admin)
Password:
(kosong)
Sistem
menolak dan
kembali
kemenu
login awal
Sesuai
harapan
Valid
3. Tidak
memasukan
Username dan
memasukan password
Username:
(kosong)
Password:
(admin)
Sistem
menolak dan
kembali
kemenu login awal
Sesuai
harapan
Valid
4. Memasukan
Username dan
Password, tapi
dengan isian
yang salah
Username:
(xxxx)
Password:
(xxxx)
Sistem
menolak dan
kembali
kemenu
login awal
Sesuai
harapan
Valid
5. Memasukan
Password dan
Username
yang benar
Username:
(admin)
Password:
(admin)
Sistem akan
menerima
dan menuju
ke halaman
home Admin
Sesuai
harapan
Valid
47
B. Pengujian Pada Menu Login Customer
Tabel III.10.
Hasil pengujian blackbox testing halaman login customer
No. Skenario
Pengujian
Test
Case
Hasil
Yang
diharapkan
Hasil
Pengujian
Kesimpula
n
1. Username
dan Password tidak
dimasukan,
lalu klik
tombol Login
Username:
(Kosong) Password:
(Kosong)
Sistem
menolak dan kembali
kemenu
login awal
Sesuai
harapan
Valid
2. Masukan
Username
dan tidak
memasukan
Password
Username:
(albar@yahoo.
com)
Password:
(kosong)
Sistem
menolak
dan kembali
kemenu
login awal
Sesuai
harapan
Valid
3. Tidak
memasukan
Username
dan
memasukan password
Username:
(kosong)
Password:
(12345)
Sistem
menolak
dan kembali
kemenu
login awal
Sesuai
harapan
Valid
4. Memasukan
Username
dan
Password,
tapi dengan
isian yang
salah
Username:
(xxxx)
Password:
(xxxx)
Sistem
menolak
dan kembali
kemenu
login awal
Sesuai
harapan
Valid
5. Memasukan
Password dan
Username
yang benar
Username:
(albar@yahoo.
com)
Password:
(12345)
Sistem akan
menerima
dan menuju
ke halaman
home Admin
Sesuai
harapan
Valid
48
C. Pengujian Pada Menu Konfirmasi
Tabel III.11.
Hasil pengujian blackbox testing halaman menu Konfirmasi
No
.
Skenario
Pengujian
Test
Case
Hasil
Yang
diharapkan
Hasil
Pengujian
Kesi
mpul
an
1. No. Order, Nama,
Jumlah transfer, Kode dan
Keterangan tidak
dimasukan, lalu
klik tombol
Masuk
No. Order:
(kosong) Nama: (kosong)
Jumlah transfer:
(kosong)
Kode: (kosong)
Keterangan:
(kosong)
Sistem
menolak dan
kembali
kemenu
Konfirmasi
Sesuai
harapan
Valid
2. No. Order
dimasukan dan
Nama, Jumlah
transfer, Kode
dan Keterangan
tidak dimasukan,
lalu klik tombol
Masuk
No. Order: (23)
Nama: (kosong)
Jumlah transfer:
(kosong)
Kode: (kosong)
Keterangan:
(kosong)
Sistem
menolak
dan
kembali
kemenu
Konfirmasi
Sesuai
harapan
Valid
3. No. Order, Nama
dimasukan dan
Jumlah transfer,
Kode Keterangan
tidak dimasukan,
lalu klik tombol
Masuk
No. Order: (23)
Nama: (Ahmad
Albar)
Jumlah transfer:
(kosong)
Kode: (kosong)
Keterangan:
(kosong)
Sistem
menolak
dan
kembali
kemenu
Konfirmasi
Sesuai
harapan
Valid
4. No. Order, Nama,
Jumlah transfer
dimasukan dan
Kode,
Keterangan tidak
dimasukan, lalu
klik tombol Masuk
No. Order: (23)
Nama: (Ahmad
Albar)
Jumlah transfer:
(200000)
(kosong)
Kode: (kosong) Keterangan:
(kosong)
Sistem
menolak
dan
kembali
kemenu
Konfirmasi
Sesuai
harapan
Valid
5. No. Order Nama, Jumlah transfer
Kode dimasukan
dan Keterangan
tidak dimasukan,
lalu klik tombol
Masuk
No. Order: (23) Nama: (Ahmad
Albar)
Jumlah transfer:
(200000)
Kode:
(sd234/random)
Keterangan:
(kosong)
Sistem menolak
dan
kembali
kemenu
Konfirmasi
Sesuai harapan
Valid
49
6. No. Order Nama,
Jumlah transfer,
Kode dan
Keterangan
dimasukan, lalu
klik tombol
Masuk
No. Order: (23)
Nama: (Ahmad
Albar)
Jumlah transfer:
(200000)
Kode:
(sd234/random)
Keterangan:
(pembayaran 2
buku IPA)
Sistem
akan
menerima
Sesuai
harapan
Valid
50
BAB IV
PENUTUP
4.1. Kesimpulan
Berdasarkan pokok bahasan yang disusun dalam tugas akhir ini penulis
menyimpulkan bahwa website e-commerce memiliki beberapa kelebihan,
diantaranya :
1. User/ pembeli dapat melakukan pembelian dimanapun, kapanpun dengan
kelengkapan media mengakses website.
2. Memberikan kemudahan pembeli untuk mendapatkan informasi mengenai
produk yang dibeli atau yang akan dibeli.
3. Memudahkan penjual mengenalkan seluruh produk, melakukan promosi
sehingga bertambah luaslah minat user setelah mengetahui informasi lebih
tentang produk – produk yang tersedia.
4. Memudahkan penjual dan pembeli melakukan transaksi jual beli.
5. Dapat memaksimalkan penjualan produk serta meningkatkan jumlah
produk yang dijual karna tidak memerlukan tempat/tapak untuk memanjang
buku.
4.2. Saran – saran
Pada bagian ini penulis bermaksud memberikan saran kepada para pengguna
dan pengembang perangkat lunak website e-commerce, diantarnya :
51
1. Diharapkan Menu Login dapat menjadi fasilitas mempermudah
transaksi, dimana user yang telah memiliki akun tidak perlu mengisi
data sebanyak user tanpa login.
2. Diharapkan kedepan dapat khususnya dalam membangun web e-
commerce dapat menampilkan keseluruhan data detail dari barang
3. Diharapkan transaksi dapat menampung sebanyak mungkin
pembayaran yang dilakukan pelanggan dalam setiap transaksinya
4. Diharapkan kedepan programa dapat memiliki alternatif untuk
menemukan produk sesuai kata sebagai sandi (search)
5. Diharapkan transaksi kedepan dapat memiliki nota belanja, sebagai
fasilitas pendukung, pelengkap dan pengukuh pegangan pengorder
6. Diharapkan kedepan web dapat memiliki rancangan tampilan yang lebih
menarik
7. Diharapkan web kedepan memiliki ruang dimana percakapan berbalas
dapat dilihat dan diakses semua sebagai fasilitas penunjang dan
ekspresif pengguna.
52
DAFTAR PUSTAKA
Aditya, Alan Nur. 2011. Jago PHP & MySQL. Bekasi: Duni Komputer.
Andi. 2016. Pemrograman PHP & MySQL Untuk Pemula. Yogyakarta: Andi.
Badan Pusat Statistik (BPS). Diambil dari https://www.bps.go.id/Brs/view/id/1229,
Diambil pada 10 Juli 2017 pada Jam 11:14 WIB.
Binanto, Iwan. 2010. Multimedia Digital Dasar Teori dan Pengembangannya.
Yogyakarta: Andi.
Hidayat, Deddy. 2010. Definisi Sistem. Tangerang: Jurnal Cyber Raharja.
Iskandar, Agus, dan A. Haris Rangkuti. 2008. Perancangan Sistem Informasi
Penjualan Tunai Pada PT. Klaten Bercahaya. Jakarta: Jurnal Basis Data,
Vol.3 No. 2, November 2008. Diambil dari:
http://www.unas.ac.id/download.php?file=Basis_Data_Vol_3_No_2_N
op_2008_list7.pdf (20 juni 2017).
Kustiyahningsih, Yeni dan Devie Rosa Anamisa. 2011. Pemrograman Basis Data
Berbasis Web Menggunakan PHP & MySQL. Yogyakarta: Graha Ilmu.
Oetomo, Budi Sutedjo Dharma, Ester Wibowo, Eddy Hartono dan Samuel Prakoso.
2007. Pengantar Teknologi Informasi Internet Konsep dan Aplikasi.
Yogyakarta: Andi.
Rosa A.S dan M. Shalahudin. 2013. Rekayasa Perangkat Lunak. Bandung:
Informatika Bandung.
Setiawan, Sakina Rakhma Diah. 2016. Mengapa Brand Lokal Harus memanfaatkan
E-commerce?. Diambil dari: http ://bisniskeuangan.kompas.com/read /
2016/03/01/051000026/Mengapa.Brand.Lokal.Harus.Memanfaatkan.E-
commerce. Diambil pada 06:36 WIB.
Shalahudin, M dan Rosa A.S. 2008. Java Web. Bandung: Informatika Bandung.
Sibero, Alexander F.K. 2013. Web Programming Power Pack. Yogyakarta:
Mediakom.
Sugiri dan Budi Kurniawan. 2007. Desain Web Menggunakan HTML dan CSS.
Yogyakarta: CV. Andi Offset.
53
Sunarto. 2009. Seluk Beluk E-Commerce. Yogyakarta: Graha ilmu.
Yakub. 2008. Sistem Basis Data. Yogyakarta: Graha Ilmu.
54
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
NIM : 12140983
Nama Lengkap : Maulana yusuf
Tempat Tanggal Lahir : Jakarta, 29 Desember 1994
Alamat Lengkap : Kp. Cisauk Rt. 03/05 Ds. Situ Ilir
Kec. Cibungbulang, Kab. Bogor
B. Riwayat Pendidikan Formal & Non Formal
1. MI (Madrasah Ibtidaiyah) Nurul Falah III, Tahun 2000 - 2006
2. MTS (Madrasah Tsanawiyah) Aulia, Tahun 2006 - 2009
3. SMK (Sekolah Menengah Kejuruan) CAHAYA, Tahun 2009 – 2012
C. Riwayat Pengalaman Berorganisasi/Pekerjaan
1. Kolektor Koprasi Syariah Baitul Ikhtiyar, Bogor tahun 2012 – 2012.
2. Admin Gudang/Lapangan PT. PELINDO II, Jakarta Utara tahun 2013
sampai dengan sekarang.
Jakarta, 14 Juli 2017
Maulana Yusuf 3x4
55
LAMPIRAN
Lampiran A.1. Halaman Admin Ubah Cara Pembelian
Lampiran A.2. Halaman Admin Ganti Password
56
Lampiran A.3. Halaman Admin Manajemen Produk
Lampiran A.4. Halaman Admin Manajemen Kategori
57
Lampiran A.5. Halaman Admin Manajemen Jasa Pengiriman
Lampiran A.6. Halaman Admin Manajemen Ongkos Kirim
58
Lampiran A.7. Halaman Admin Modul Admin User Online
Lampiran A.8. Halaman Admin Modul Admin Rekening Bank
59
Lampiran A.9. Halaman Admin Komentar
Lampiran A.10. Halaman Admin Konfirmasi Pelanggan
60
Lampiran A.11. Halaman Admin Menu Transaksi Order Masuk
Lampiran A.12. Halaman Admin Menu Transaksi Lap. Transaksi
61
Lampiran B.1. Halaman User Menu Kategori
Lampiran B.2. Halaman Menu Tentang Kami
62
Lampiran B.3. Halaman Menu Produk Diskon
Lampiran B.4. Halaman Menu Cara Pembelian