TUGAS AKHIR - repository.bsi.ac.id · perkembangan tersebut. Penjualan online atau e-commerce...
Transcript of TUGAS AKHIR - repository.bsi.ac.id · perkembangan tersebut. Penjualan online atau e-commerce...
SISTEM INFORMASI PENJUALAN HELM
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)
EGGY ANDIKA PRATAMA HAKIM
NIM: 12143883
Program Studi Manajemen Informatika
AMIK BSI Jakarta
Jakarta
2017
ABSTRAK
Eggy Andika Pratama Hakim (12143883), Sistem Informasi Penjualan Helm
Berbasis Web
Kemajuan teknologi informasi yang mengalami perkembangan yang sangat pesat dari
tahun ke tahun menuntut kita untuk selalu melangkah maju dan mengikuti
perkembangan tersebut. Penjualan online atau e-commerce merupakan mekanisme
bisnis tersendiri yang terbilang masih cukup baru. Namun terdapat keistimewaan
yaitu seluruh manusia di muka bumi dapat memiliki kesempatan yang sama agar bisa
berhasil dalam bisnis didunia maya. Tujuan dari pembuatan tugas akhir ini adalah
menyediakan aplikasi penjualan Helm yang langsung terhubung ke website secara
lengkap sekaligus memberikan informasi harga sehingga dapat mempermudah
pengguna dalam mencari Helm yang diinginkan. Metode yang digunakan dalam tugas
akhir ini adalah metode waterfall yang meliputi komunikasi perencanaan, desain
sistem, implementasi dan pengujian unit. Dengan menggunakan metode tersebut
sangat membantu dalam menyelesaikan website penjualan Helm ini. Pembuatan
website ini diharapkan dapat menjadi solusi untuk lebih memudahkan calon pembeli
dalam memperoleh informasi Helm dan melakukan pembelian secara online. Akses
informasi menjadi lebih mudah dan sistem penjualan menjadi lebih luas. Dengan
begitu, dapat tercapai suatu kegiatan yang efektif dan efisien dalam menunjang
aktifitas pada penjualan online ini.
Kata Kunci : Website, E-commerce, Helm
ABSTRACT
A System for Helmet Sale Information on Web Version. Desiana Dwi Suwarno
(12143883)
Advances in information technology that has developed very rapidly from year to
year, requires us to always move forward and follow the developments. Online shop
or e-commerce is a individually business mechanism as well known new comer. Even
though found extraordinary that is all of man kind in the earth could to possess
illegally chance to be successful in cyberspace business. The purpose of this final
project is to make available the application Helmet sale integration to website
completed an the same time give price information in order to make easily the users
to desire the Helmet. The method on this thesis is a waterfall method deal with plan
communication, system design, implementation and testing unit. Using this method is
very aid to complete the Helmet sale website. The expectation of create this website
to give solution and make easily the purchaser to get Helmet information and buying
online. Access information is more easily and the sale system is more free. Even
though, could achieved one effective and efficient activity to support the business
online.
Keywords : Website, E-commerce, Helmet
x
DAFTAR ISI
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
Abstraksi ............................................................................................................. ix
Daftar Isi.............................................................................................................. xi
Daftar Simbol ...................................................................................................... xii
Daftar Gambar ..................................................................................................... xiv
Daftar Tabel ........................................................................................................ xv
BAB I PENDAHULUAN .............................................................................. 1
1.1. Latar Belakang Masalah................................................................ 1
1.2. Maksud dan Tujuan ....................................................................... 2
1.3. Metode Penelitian ......................................................................... 2
1.4. Ruang Lingkup .............................................................................. 4
1.5. Sistematika Penulisan ................................................................... 5
BAB II LANDASAN TEORI ........................................................................ 6
2.1. Konsep Dasar Web ....................................................................... 6
A. Website ..................................................................................... 6
1. Internet ............................................................................... 6
2. Webserver ........................................................................... 6
3. E-commerce ........................................................................ 7
B. Bahasa Pemograman ................................................................ 7
1. HTML (Hypertext Markup Languange) ............................. 7
2. CSS (Cascading Style Sheet) .............................................. 8
3. PHP (Personal Hypertext Preprocessor) ............................. 8
4. Adobe Dreamweaver CS5 .................................................. 8
C. Basis Data ............................................................................... 9
1. MySQL ............................................................................... 9
2. PhpMyAdmin ..................................................................... 9
D. Model Pengembangan Perangkat Lunak ................................. 10
1. Model Waterfall .................................................................. 10
x
2.2. Peralatan Pendukung ..................................................................... 12
A. Struktur Navigasi ..................................................................... 12
B. Entity Relationship Diagram ................................................... 15
C. Logical Relationship Diagram………………………………… . 17
D. Pengujian Web ......................................................................... 17
1. Black Box Testing ................................................................ 17
BAB III PEMBAHASAN ............................................................................... 19
3.1. Analisis Kebutuhan ..................................................................... 19
3.2. Perancangan Perangkat Lunak .................................................... 21
3.2.1. Rancangan Antar Muka..................................................... 22
3.2.2. Rancangan Basis Data ....................................................... 37
A. Entity Relationship Diagram ............................................ 37
B. Logical Relational Structure ............................................ 38
C. Spesifikasi File ................................................................. 39
3.2.3. Rancangan Struktur Navigasi ............................................ 49
3.3. Implementasi dan Pengujian Unit ............................................... 51
3.3.1. Implementasi ..................................................................... 51
A. Implementasi Rancangan Antar Muka .............................. 51
3.3.2. Pengujian Unit ................................................................... 68
BAB IV PENUTUP ......................................................................................... 73
4.1. Kesimpulan .................................................................................. 73
4.2. Saran ............................................................................................ 74
DAFTAR PUSTAKA........................................................................................ 75
DAFTAR RIWAYAT HIDUP.......................................................................... 76
xi
DAFTAR SIMBOL
ENTITAS
Suatu objek yang dapat diidentifikasi dalam
lingkungan pemakai
RELASI
Menunjukan adanya hubungan di antara sejumlah
entitas yang berbeda.
ATRIBUT
Mendeskripsikan karakter entitas (atribut yang
berfungsi sebagai key diberi garis bawah).
GARIS
Sebagai penghubung antara relasi dengan entitas,
relasi dan entitas dengan atribut.
xii
DAFTAR GAMBAR
Halaman
1. Gambar II.1 Model Waterfall ..................................................................... 10
2. Gambar II.2 Struktur Navigasi Linier ........................................................ 12
3. Gambar II.3 Struktur Navigasi Hirarki ...................................................... 13
4. Gambar II.4 Struktur Navigasi Full Web Model ....................................... 15
5. Gambar III.1 Rancangan Antar Muka Pengunjung.................................... 21
6. Gambar III.2 Rancangan Antar Muka Daftar Member .............................. 22
7. Gambar III.3 Rancangan Antar Muka Halaman Katalog Produk .............. 23
8. Gambar III.4 Rancangan Antar Muka Halaman Kontak ........................... 24
9. Gambar III.5 Rancangan Antar Muka Halaman Login Member ............... 25
10. Gambar III.6 Rancangan Antar Muka Halaman Keranjang Belanja ......... 26
11. Gambar III.7 Rancangan Antar Muka Halaman Bukti Pemesanan ........... 27
12. Gambar III.8 Rancangan Antar Muka Halaman Konfirmasi Bayar .......... 28
13. Gambar III.9 Rancangan Antar Muka Halaman Profile Member .............. 29
14. Gambar III.10 Rancangan Antar Muka Halaman Login Admin................ 30
15. Gambar III.11 Rancangan Antar Muka Halaman Utama Admin .............. 31
16. Gambar III.12 Rancangan Antar Muka Halaman User Admin.................. 32
17. Gambar III.13 Rancangan Antar Muka Halaman Katalog Admin ........... 33
18. Gambar III.14 Rancangan Antar Muka Halaman Ongkir .......................... 34
19. Gambar III.15 Rancangan Antar Muka Halaman Order Masuk ............... 35
20. Gambar III.16 Rancangan Antar Muka Halaman Member ....................... 36
21. Gambar III.17 Entity Relationship Diagram .............................................. 37
22. Gambar III.18 Logical Relation Structure ................................................. 38
23. Gambar III.19 Struktur Navigasi Halaman Pengunjung ............................ 39
24. Gambar III.20 Struktur Navigasi Halaman Member.................................. 40
25. Gambar III.21 Struktur Navigasi Halaman Administrator ......................... 41
26. Gambar III.22 Implementasi Halaman Beranda Pengunjung .................... 42
27. Gambar III.23 Implementasi Halaman Daftar Member ............................ 43
28. Gambar III.24 Implementasi Halaman Katalog Pengunjung .................... 44
29. Gambar III.25 Implementasi Halaman Kontak Pengunjung ..................... 45
30. Gambar III.26 Implementasi Halaman Login Member .............................. 46
31. Gambar III.27 Implementasi Halaman Keranjang Belanja ........................ 47
32. Gambar III.28 Implementasi Halaman Bukti Pemesanan ......................... 48
33. Gambar III.29 Implementasi Halaman Konfirmasi Pembayaran .............. 49
34. Gambar III.30 Implementasi Halaman Profile Member ........................... 50
35. Gambar III.31 Implementasi Halaman Login Administrator .................... 51
36. Gambar III.32 Implementasi Halaman Utama Administrator ................... 52
37. Gambar III.33 Implementasi Halaman Katalog Administrator ................. 53
38. Gambar III.34 Implementasi Halaman Kategori Administrator ............... 54
39. Gambar III.35 Implementasi Halaman Ongkir ......................................... 55
xii
40. Gambar III.36 Implementasi Halaman Menu Order Masuk ..................... 56
41. Gambar III.37 Implementasi Halaman Menu Member Administrator ..... 57
42. Gambar III.38 Implementasi Halaman Menu User Administrator ........... 58
xiv
DAFTAR TABEL
Halaman
1. Tabel III.12 Pengujian Unit Form Login Member .................................... 70
2. Tabel III.13 Pengujian Unit Pendaftaran Member .................................... 71
3. Tabel III.14 Pengujian Unit Konfirmasi Pembayaran ............................... 72
4. Tabel III.15 Pengujian Unit Login Administrator .................................... 73
1
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Bagi pengendara sepeda motor helm adalah kebutuhan pokok, agar
keselamatan pengendara terjaga. Pelindung kepala ini sangat disarankan untuk
dipakai pada waktu berkendara, sampai-sampai pemerintah mengeluarkan
peraturan yang mengharuskan pengendara motor memakai helm standar. Di
Indonesia helm yang paling disarankan untuk digunakan adalah helm yang
berstandar SNI (Standar Nasional Indonesia).
Sekarang ini helm tidak hanya berfungsi untuk pengaman saat terjadi
kecelakaan tapi juga untuk bergaya, khususnya bagi anak anak muda jaman
sekarang. Sehingga banyak helm yang memiliki grafis yang menarik agar
penjualan meningkat.
Seiring dengan berkembangnya penjualan helm, maka tidak sedikit masalah
yang timbul dalam pengelolaan sistem penjualannya tersebut. Masalah yang
terjadi, dimulai dari pendataan stok barang, transaksi penjualan, laporan
penjualan yang masih menggunakan pembukuan sampai dengan biaya sewa
tempat yang mahal.
Oleh karena itu perlu dibangun nya suatu sistem komputerisasi yang dapat
mengatasi berbagai kelemahan yang ada pada sistem pembukuan, Dengan
sistem komputerisasi maka sistem penjualan akan menjadi lebih baik, efisien
dan tepat.
2
Berdasarkan pembahasan diatas, maka dalam kesempatan ini penulis akan
membuat tugas akhir dengan judul “Sistem Informasi Penjualan Helm Berbasis
Web”.
1.2. Maksud dan Tujuan
Adapun maksud penulisan tugas akhir ini yaitu:
1. Mempermudah pelanggan dalam melakukan pembelian dan mendapatkan
informasi mengenai helm.
2. Mempermudah penjual dalam mengelola helm.
3. Mempercepat pelayanan dan penjualan helm.
4. Menghemat biaya karena tidak harus menyewa tempat/toko untuk
memasarkan helm.
5. Membangun aplikasi website mengenai penjualan helm
Sedangkan tujuan dari penulisan tugas akhir ini adalah untuk memenuhi
salah satu syarat yang diperlukan untuk memperoleh Diploma Ahli Madya
(A.Md) pada program Diploma Tiga (D.III) jurusan Manajemen Informatika
di Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika.
1.2. Metode Penelitian
A. Metode Pengembangan Perangkat Lunak
Metode yang digunakan pada pengembangan perangkat lunak ini
menggunakan model waterfall (Sukanto, dan Shalahuddi, 2013:28) yang
terbagi menjadi lima tahapan, yaitu:
3
1. Analisis Kebutuhan Perangkat Lunak
Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan
pengguna pada tingkatan sistem dengan menentukan konsep sistem beserta
antarmuka yang lebih mengena pada objek penelitiannya. Hasilnya berupa
spesifikasi sistem.
2. Desain
Desain perangkat lunak yang digunakan terfokus pada desain pembuatan
program perangkat lunak termasuk struktur data (database) menggunakan
ERD (Entity Relatinonal Diagram) dan LRS (Logical Relational Structure),
arsitektur perangkat lunak, representasi antarmuka (user interface), dan
prosedur pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari
tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan
menjadi program pada tahap selanjutnya. Desain perangkat lunak yang
dihasilkan pada tahap ini juga perlu didokumentasikan.
3. Pembuatan kode program
Bahasa pemograman yang digunakan adalah PHP (Personal Home Page),
HTML (Hypertext Mark up Languange) , dan CSS (Cascading Style Sheets).
4. Pengujian
Dalam pengujian aplikasi yang penulis buat, penulis menggunakan metode
pengujian Blackbox Testing .
5. Implementasi
Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan
ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya
3
kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat
lunak harus beradaptasi dengan lingkungan baru.
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan
pengumpulan data untuk pembuatan TA adalah:
1. Observasi
Metode ini dilakukan dengan datang langsung ke toko Helm dan mengamati
secara langsung ke toko online Helm yang sudah ada.
2. Metode Studi Pustaka
Metode yang menggunakan atau membaca sumber-sumber pustaka, berupa
buku, artikel atau website untuk mencari informasi yang berhubungan dengan
masalah yang dibahas.
1.4. Ruang Lingkup
Dalam penulisan Tugas Akhir ini penulis membatasi masalah pada :
1. Merancang halaman utama yang berisi menu home, katalog, kategori, cara
belanja, tentang kami, kontak kami.
2. Merancang halaman admin yang berisi menu katalog, kategori, ongkir,
order masuk, testimoni, member, user admin.
3
1.5. Sistematika Penulisan
Sebelum membahas lebih lanjut, sebaiknya penulis menjelaskan dahulu
secara garis besar mengenai sistematika penulisan, sehingga memudahkan
pembaca memahami isi Laporan Tugas Akhir ini.
BAB I PENDAHULUAN
Bab ini berisi tentang latar belakang, maksud dan tujuan, metode
penelitian, ruang lingkup serta sistematika penulisan tugas akhir
secara keseluruhan.
BAB II LANDASAN TEORI
Bab ini menjelaskan tentang teori-teori yang berkaitan dengan
yang akan dibahas meliputi konsep dasar web dan teori
pendukung.
BAB III PEMBAHASAN
Bab ini berisi tentang Analisis Kebutuhan, Perancangan Perangkat
Lunak yang terdiri dari Rancangan antar muka, Rancangan basis
data, serta Implementasi, dan Pengujian Unit.
BAB IV PENUTUP
Bab ini berisi kesimpulan yang telah diperoleh penulis beserta
saran dalam pembuatan tugas akhir penjualan helm berbasis web
ini.
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Teknologi informasi saat ini sangat berpengaruh dalam bidang internet
bagai sebuah kebutuhan karena didalamnya kita bisa mendapatkan informasi dari
seluruh dunia. Website memang sangat popular dilingkungan pengguna internet,
karena kemudahan yang diberikan kepada pengguna internet untuk melakukan
penelusuran dan pencarian informasi.
A. Website
Soetejo (2012:11), menyatakan “Website atau Situs dapat diartikan sebagai
kumpulan halaman-halaman yang digunakan untuk menampilkan informasi,
gambar gerak, suara, dan atau gabungan dari semuanya itu”.
1. Internet
Menurut Soetejo (2012:1), “Ialah sistem global dari seluruh jaringan
komputer yang saling terhubung menggunakan standar Internet Protocol Suite
(TCP/IP) untuk melayani miliyaran pengguna diseluruh dunia”.
2. Web Server
Menurut pendapat Sutisna (2007:5) “Web Server adalah halaman-halaman
website yang diakses oleh user melalui browser disimpan pada web server”.
Untuk itu, diperlukan program khusus agar website yang kita buat dapat diterima
dengan baik oleh client. Ada beberapa software yang bisa digunakan baik gratis
(Open Source) maupun yang komersial, diantaranya: Netscape Server, Microsoft
IIS, Xitami, Webstar dan lain-lain. Contoh dari web server adalah Apache.
Kurniawan (2008:2), menyimpulkan “Apache adalah web server yang
dapat dijalankan di banyak system operasi” Apache juga merupakan perangkat
lunak web server yang paling populer, hal ini memungkinkan komputer untuk
menjadi satu Host atau lebih, situs yang dapat diakses melalui internet
menggunakan web browser. Versi pertama Apache dirilis pada 1995 oleh Grup
Apache. Pada tahun 1999 Grup Apache menjadi Apache Software Foundation
sebuah organisasi nirlaba yang saat ini mempertahankan pengembangan perangkat
lunak Web server Apache.
3. E-commerce
Menurut Ahmadi, Candra dan Dadang Hermawan (2013:35), e-commerce
“Merupakan aktivitas pembelian dan penjualan melalui jaringan internet dimana
pembeli dan penjual tidak bertemu secara langsung, melainkan berkomunikasi
melalui internet”.
B. Bahasa Pemrograman
1. HTML (Hypertext Marcup Language)
Berdasarkan pendapat Sibero (2011:19), “HTML adalah singakatan dari
Hypertext MarkupLanguage yaitu bahasa yang digunakan pada dokumen
web sebagai bahasa untuk pertukaran dokumen web”.
2. CSS (Cascading Style Sheet)
Madcom (2010:32), berpendapat bahwa CSS merupakan Pendukung
HTML dalam mendesain web.Panel CSS style menampilkan aturan dan
property CSS yang mempengaruhi suatu unsur halaman yang sedang aktif.
Juga menampilkan aturan dan properti yang mempengaruhi seluruh
dokumen. Perintah-perintah yang sering digunakan dalam suatu atau
seluruh halaman dapat dikumpulkan dalam CSS, sehingga dapat
digunakan kembali dalam mendesain web dan tidak perlu mengulang
perintah awal.
3. PHP (Personal Hypertext Preprocessor)
Hirin, dan Virgi (2011:25), Menyimpulkan bahwa PHP atau kependekan
dari Personal Hypertext Preprocessor adalah salah satu bahasa
pemograman open source yang sangat cocok atau dikhususkan untuk
pengembangan web dan dapat di tanamkan pada sebuah skrip HTML.
Bahasa PHP dapat dikatakan menggambarkan beberapa bahasa
pemograman seperti C, Java dan Perl serta mudah untuk dipelajari.
4. Adobe Dreamweaver CS5
Menurut Sigit (2010:1) “Macromedia Dreamweaver CS5 adalah sebuah
HTML editor profesional untuk mendesain web secara visual dan
mengelola situs atau halaman web”. Saat ini terdapat software dari
kelompok Adobe yang belakangan banyak digunakan untuk mendesain
suatu web. Versi terbaru dari Adobe Dreamwever CS5 memiliki beberapa
kemampuan bukan hanya sebagai software untuk desain web saja, tetapi
juga menyunting kode serta pembuatan aplikasi web. Antara lain: JSP,
PHP, ASP, XML, dan ColdFusion.
C. Basis Data
Menurut Fathansyah (2007:2) mengemukakan bahwa “Basis data terdiri
atas 2 kata, yaitu Basis dan data. Basis kurang lebih dapat diartikan sebagai
markas atau gudang, tempat bersarang atau berkumpul. Sedangan Data adalah
representasi fakta dunia nyata yang mewakili suatu objek seperti manusia
(pegawai, siswa, pembeli, pelanggan), barang, hewan, peristiwa, konsep, keadaan,
dan sebagainya yang terekam dalam bentuk angka, huruf, simbol, teks, gambar,
bunyi, atau kombinasi lainnya”.
Basis data atau Database adalah kumpulan data yang disimpan secara
sistematis didalam komputer dan dapat diolah atau dimanupulasi menggunakan
perangkat lunak (program aplikasi) untuk menghasilkan informasi.
1. MySQL
Menurut Sadeli (2011:8), mengemukakan bahwa “MySQL adalah
database yang menghubungkan script PHP menggunakan perintah query
dan escaps character yang sama dengan PHP”.
2. Php MyAdmin
Menurut Rahman (2013:21), “PHP Myadmin adalah sebuah software
berbasis pemrograman PHP yang dipergunakan sebagai administrator
MySQL melalui browser (web) yang digunakan untuk management
database”.
Fungsi dari halaman ini adalah sebagai pengendali database MySQL
menggunakan web server. MySQL mempunyai tampilan client yang
mempermudahkan anda dalam mengakses database dengan kata sandi
untuk mengijinkan proses yang boleh anda lakukan. Untuk masuk kedalam
database disediakan user default, yaitu root dengan password.
D. Model Pengembangan Perangkat Lunak
Model SDLC air terjun (waterfall) menurut Sukanto dan Shalahuddin
(2013:28), “Sering juga disebut model sekuensial linier (sequential linear) atau
alur hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan
alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis,
desain, pengodean, pengujian dan tahap pendukung (support)”.
Berikut adalah fase waterfall :
Sumber: Sukanto dan Shalahuddin (2013:28)
Gambar 2.1.
Model Waterfall
Sistem/ Rekayasa
Informasi
Analisis
Desain
Pengkodea
n
Pengujia
n
1. Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk spesifikasi
kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti
apa yang yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat
lunak pada tahap ini perlu untuk didokumentasikan.
2. Desain
Desain perangkat lunak yang digunakan fokus pada desain pembuatan
program perangkat lunak termasuk struktur data, arsitektur perangkat
lunak, representasi antarmuka dan prosedur pengkodean. Tahap ini
mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan
kerepresentasi desain agar dapat diimplementasikan menjadi program
pada tahap selanjutnya. Desain perangkat lunak yang dihasilakan pada
tahap ini juga perlu didokumentasikan.
3. Pembuatan Kode Program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah program komputer-komputer sesuai dengan desain yang
telah dibuat pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan memastikan keluaran yang
dihasilkan sesuai dengan yang diingnkan.
2.2. Peralatan Pendukung
Peralatan pendukung atau landasan teori dalam penyusunan tugas akhir ini
sangat diperkukan karena sebagai referensi untuk menunjang atau memperdalam
pemahaman terhadap informasi-informasi yang disajikan, teori pendukung yang
berisi Struktur Navigasi, ERD dan LRS.
A. Struktur Navigasi
Menurut Sutopo (2007:245) “Struktur Navigasi adalah struktur bagaimana
halaman web dihubungkan dengan halaman lain”.
Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan
sebelum membuat website. Ada tiga macam bentuk dasar struktur navigasi yaitu:
1. Linear Navigation Model
Digunakan oleh sebagian besar website. Informasi diberikan secara
sekuensial dimulai dari satu halaman. Beberapa desainer web menggunakan satu
halaman untuk masuk atau keluar dari website.
Sumber : Sutopo (2007:6)
Gambar 2.2
Struktur Navigasi Linear
Homepage Halaman 2 Halaman 1 Halaman 3
2. Hierarchical Model
Diadaptasi dari top-down design. Konsep navigasi ini dimulai dari satu
node yang menjadi homepage. Dari homepage dapat dibuat beberapa cabang ke
halaman-halaman utama. Apabila diperlukan, dari tiap halaman utama dapat
dikembangkan menjadi beberapa cabang lagi. Hal ini seperti struktur organisasi
dalam perusahaan.
Sumber : Sutopo (2007:6)
Gambar 2.3
Struktur Navigasi Hierarchical model
Homepage
Topik B Topik C Topik A
Subtopik
A2
Subtopik
A1
Subtopik
C2
Subtopik
C3
Subtopik
C1
Homepage Topik A Topik B
Topik C Topik D Topik E
Subtopik
Topik G Topik F
3. Full Web Model
Memberikan kemampuan hyperlink yang banyak. Full web model banyak
digunakan karena user dapat mengakses semua topik dengan subtopik dengan
cepat. Namun kelemahan dari model ini, yaitu dapat berakibat user kehilangan
cara untuk kembali ke topik sebelumnya.
Sumber : Sutopo (2007:8)
Gambar 2.4
Struktur Navigasi full web model
B. Entity Relationship Diagram
Menurut Frieyadie (2007:10-12) Menyatakan bahwa komponen yang
terdapat dalam Entity Relationship Diagram sebagai berikut:
1. Entity (Entitas)
Entitas adalah suatu data yang dapat disimpan dan berguna bagi badan
atau perusahaan, dengan kata lain suatu objek yang dapat dibedakan
dengan objek lainnya. Entitas digambarkan dengan kotak persegi panjang.
Terdapat juga Entitas Lemah (weak Entity), yaitu suatu entitas sangat
bergantung dengan entitas biasa, dengan kata lain, entitas lemah tidak akan
ada apabila tidak ada entitas biasa. Entitas lemah digambarkan dengan
kotak persegi panjang dengan garis ganda.
2. Atribut
Atribut menunjukkan karakteristik dari tiap-tiap entitas. Atribut
digambarkan dengan bentuk oval.
3. Relasi
Relasi menunjukkan hubungan yang terjadi antarentitas. Relasi
digambarkan dengan bentuk belah ketupat atau diamond.
4. Line Connector
Line Connector digambarkan dengan bentuk garis tunggal.
5. Atribut Utama
Atribut utama digambarkan dengan bentuk oval, dengan keterangan diberi
garis bawah absolut.
6. Atribut Pilihan.
Atribut digambarkan dengan bentuk oval dengan keterangan diberi garis
bawah putus-putus.
Menurut Frieyadie (2007:13), Kardinalitas merupakan tingkat hubungan
yang terjadi antar entitas di dalam sebuah sistem. Terdapat tiga tingkat hubungan
yang terjadi, yaitu :
1. Hubungan Satu pada Satu (One to One atau 1:1)
Tingkat hubungan dinyatakan satu pada satu, jika satu kejadian pada
entitas pertama hanya mempunyai satu hubungan dengan suatu kejadian
pada entitas kedua. Demikian juga sebaliknya, satu kejadian pada entitas
kedua hanya bisa mempunyai satu hubungan dengan satu kejadian pada
entitas yang pertama.
2. Hubungan Satu pada Banyak (One to Many atau 1:M)
Tingkat hubungan satu pada banyak (1:M) adalah sama dengan banyak
pada sati (M:1), tergantung dari arah mana hubungan tersebut dilihat.
Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak
hubungan dengan kejadian pada entitas yang kedua.
3. Hubungan Banyak pada Banyak (Many to Many atau M:N)
Tingkat hubungan banyak pada banyak (M:N) terjadi jika tiap kejadian
pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian
pada entitas lainnya, baik dilihat dari sisi entitas yang pertama maupun
dilihat dari sisi entitas yang kedua.
C. LRS (Logical Relationship Structure)
Menurut Kusrini (2007:3) “LRS (Logical Record Structure) adalah
repsentasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil
antar himpunan entitas, menentukan jumlah tabel dan Foreign Key (FK)”. LRS
dibentuk dengan nomor dari tipe record, beberapa tipe record digambarakan
dengan kotak persegi panjang dengan nama yang unik, LRS juga terdiri dari
hubungan diantara tipe record.
D. Pengujian Web
Pengujian merupakan proses eksekusi program yang telah selesai
dibuat yang bertujuan untuk menemukan kesalahan. Pengujian yang baik
merupakan pengujian yang dilakukan dengan probablitas penemuan
kesalahan yang tidak diduga, sedangkan pengujian yang sukses merupakan
pengujian yang berhasil mengatasi penyelesaian penemuan kesalahan yang
tidak diduga.
1. Blackbox Testing
Menurut Presman (2010:495) “Black Box Texting atau pengujian Kotak
Hitam atau juga disebut Behavioral Testing, berfokus pada persyaratan fungsional
dari perangkat lunak. Artinya, teknik Black Box Testing memungkinkan untuk
mendapatkan set kondisi masukan yang sepenuhnya akan melaksanakan semua
persyaratan fungsional untuk suatu program”.
Pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji
dan memeriksa fungsional dari perangakat lunak.
a. Kelebihan Blackbox adalah dapat memilih subset test secara efektif dan
efesien, dapat menemukan cacat, dan memaksimalkan testing invesmen.
b. Kekurangan Blackbox adalah tester tidak pernah yakin dengan PL tersebut
benar-bener lulus uji.
21
BAB III
PEMBAHASAN
3.1. Analisis Kebutuhan
Pada sistem penjualan secara online ini, customer dapat melakukan
transaksi dengan mudah tanpa perlu datang langsung ke toko untuk memesan
Helm tetapi bisa dilakukan dengan menggunakan media internet. Berikut ini
spesifikasi kebutuhan dari sistem e-commerce.
A. Halaman Pengunjung :
1. Pengunjung dapat melihat Beranda .
2. Pengunjung dapat melakukan Daftar Member dengan mengisi data dengan
benar dan lengkap.
3. Pengunjung dapat melihat Katalog Helm.
4. Pengunjung dapat melihat Kontak Penjual.
B. Halaman Member :
1. Member dapat melakukan login dan memilih Helm yang akan dibeli
2. Member dapat melihat, menambahkan, mengurangi, dan menghapus Helm
yang telah ditambahkan kekeranjang belanja.
3. Member dapat melihat Bukti pemesanan yang berisi detail transaksi.
4. Member dapat melakukan Konfirmasi Pembayaran dan ongkos kirim yang
harus dibayarkan.
5. Member dapat melihat Profile member
22
C. Halaman Administrator Sistem:
1. Administrator dapat melakukan Login.
2. Administrator dapat melihat Halaman Utama Admin
3. Administrator dapat mengelola data User Admin.
4. Administrator dapat mengelola menu Katalog
5. Administrator dapat mengelola menu Kategori.
6. Administrator dapat mengelola menu Ongkos Kirim
7. Administrator dapat mengelola menu Order Masuk
8. Administrator dapat mengelola menu Halaman Member.
23
3.2. Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka
A. Halaman Pengunjung
1. Rancangan Antar Muka Halaman Utama
Gambar III.1.
Rancangan Antar Muka Halaman Utama
25
3. Rancangan Antar Muka Halaman Katalog Produk
Beranda Tentang Katalog Kontak
Kategori
AGV Helmets
Shoei Helmets
Arai Helmets
FOOTER
KYT Helmets
GAMBAR
DETAIL
TEXT
GAMBAR
TEXT
DETAIL
GAMBAR
TEXT
DETAIL
GAMBAR
TEXT
DETAIL
GAMBAR
TEXT
DETAIL
GAMBAR
TEXT
DETAIL
Gambar III.3.
Rancangan Antar Muka Halaman Katalog Produk
27
B. Halaman Member
1. Rancangan Antar Muka Halaman Login
Login Member
Username
Password
Login Cancel
Gambar III.5.
Rancangan Antar Muka Halaman Login
28
2. Rancangan Antar Muka Halaman Keranjang Belanja
Beranda Tentang Katalog Kontak
Kategori
AGV Helmets
Shoei Helmets
Arai Helmets
FOOTER
KYT Helmets
Konfimasi
NO NAMA BARANG JUMLAH BERAT SUB TOTALHARGA SATUAN OPSI
TOTAL
Check Out
Gambar III.6.
Rancangan Antar Muka Halaman Keranjang belanja
29
3. Rancangan Antar Muka Halaman Bukti Pemesanan
Beranda Tentang Katalog Kontak
Kategori
AGV Helmets
Shoei Helmets
Arai Helmets
FOOTER
KYT Helmets
Konfimasi
List Pemesanan
TEXT TEXT TEXT
Detail Pembayaran
TEXT TEXT TEXT
Gambar III.7.
Rancangan Antar Muka Halaman Bukti Pemesanan
30
4. Rancangan Antar Muka Halaman Konfirmasi
Beranda Tentang Katalog Kontak
Kategori
AGV Helmets
Shoei Helmets
Arai Helmets
FOOTER
KYT Helmets
Konfimasi
No.Order
Nama Pemesan
Tgl Bayar
Tgl Bayar
Total Transfer
Transfer Tujuan
Data Pengirim text
text
text
text
text
text
text
text
text
text
SUBMIT
Gambar III.8.
Rancangan Antar Muka Halaman Konfirmasi Pembayaran
31
5. Rancangan Antar Muka Halaman Profile Member
Gambar III.9.
Rancangan Antar Muka Halaman Profile Member
32
C. Halaman Administrator Sistem
1. Rancangan Antar Muka Halaman Login Admin
Gambar III.10.
Rancangan Antar Muka Halaman Login Administrator
Username:
Password:
Login
33
2. Rancangan Antar Muka Halaman Utama Admin
Home
Katalog
Kategori
Ongkos Kirim
Order Masuk
Member
User
TEXT
HEADER
Gambar III.11.
Rancangan Antar Muka Halaman Utama Admin
34
3. Rancangan Antar Muka Halaman Katalog
Home
Katalog
Kategori
Ongkos Kirim
Order Masuk
Member
User
HEADER
Nama Produk
Berat
Harga
Upload Gambar
Kategori
Stok
Spesifikasi
Gambar III.12.
Rancangan Antar Muka Halaman User Admin
35
4. Rancangan Antar Muka Halaman Kategori
Home
Katalog
Kategori
Ongkos Kirim
Order Masuk
Member
User
HEADER
NO Nama Kategori Gambar Harga Berat Stok Berat
Gambar III.13.
Rancangan Antar Muka Halaman Katalog Admin
36
5. Rancangan Antar Muka Halaman Ongkir
Home
Katalog
Kategori
Ongkos Kirim
Order Masuk
Member
User
HEADER
ID Kota Tujuan Harga Aksi
Gambar III.14.
Rancangan Antar Muka Halaman Ongkir
37
6. Rancangan Antar Muka Halaman Order Masuk
Home
Katalog
Kategori
Ongkos Kirim
Order Masuk
Member
User
HEADER
No No.Order Nama Pelangan Tanggal Jam AksiStatus
Text Text Text Text Text Text Text
Gambar III.15.
Rancangan Antar Muka Halaman Orderan Masuk
38
7. Rancangan Antar Muka Halaman Member
Home
Katalog
Kategori
Ongkos Kirim
Order Masuk
Member
User
HEADER
Nama Email No.Telepon Alamat Aksi
Text Text Text Text Text
Gambar III.16.
Rancangan Antar Muka Halaman Member
39
3.2.2. Rancangan Basis Data
A. Entity Relationship Diagram (ERD)
Gambar III.17. Entity Relationship Diagram
B. Logical Relational Structure (LRS)
40
Order
id_order
tangal_order
jam_order
id_member
id_ongkir
Konfirmasi
id_konfirmasi
tanggal_konfimasi
jumlah_bayar
bank_pengirim
bank_penerima
akun_bank
id_member
id_order
Isi Order
jumlah
sub_jumlah
id_order
id_katalog
Katalog
id_katalog
id_kategori
Kategori
id_kategori
nama_kategori
Ongkir
id_ongkir
tujuan_kirim
ongkos_kirim
Member
Id_member
nama
alamat
password
telepon
Gambar III.18. Logical Relational Structure
41
C. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD
(file-file penunjang untuk web). File-file ini tersimpan pada Database Penjualan
Helm dengan parameter-parameter sebagai berikut :
1. Spesifikasi File user Admin
Nama File : Tabel user
Akronim : table_user
Fungsi : Untuk menyimpan data admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 51 Karakter
Kunci Field : id_user
Software : Mysql
Tabel III.1
Spesifikasi File table_user
No Elemen Data Nama Filed Tipe Size Ket
1. Id user Id_user Int 1 Primary Key
2. Username Username Varchar 25
3. Password Password Varchar 25
42
2. Spesifikasi File Member
Nama File : Tabel member
Akronim : table_member
Fungsi : Menyimpan data member
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 193 Karakter
Kunci Field : id_member
Software : Mysql
Tabel III.2
Spesifikasi File table_member
No Elemen Data Nama Filed Tipe Size Ket
1. Id member Id_member Int 2 Primary Key
2. Nama Nama Varchar 25
3. Email Email Varchar 25
4. Password Password Varchar 25
5. Alamat Alamat Varchar 100
6. Telpon Telpon Varchar 13
7. Id kota Id_kota Int 3
43
3. Spesifikasi File Katalog
Nama File : Tabel Katalog
Akronim : table_katalog
Fungsi : menyimpan data produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 151 Karakter
Kunci Field : id_katalog
Software : Mysql
Tabel III.3
Spesifikasi File table_katalog
No Elemen Data Nama Filed Tipe Size Ket
1. Id katalog Id_katalog Int 2 Primary Key
2. Id kategori Id_kategori Int 2 Foreign Key
3. Nama Nama Varchar 25
4. Harga Harga Int 11
5. Stok Stok Varchar 5
6. Deskripsi Deskripsi Longtext -
7. Berat Berat Decimal 5,2
8. Tanggal Tanggal Date -
9. Gambar Gambar Varchar 100
44
4. Spesifikasi File Ongkir
Nama File : Tabel Ongkir
Akronim : table_ongkir
Fungsi : menyimpan data ongkos kirim
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 39 Karakter
Kunci Field : id_ongkir
Software : Mysql
Tabel III.4
Spesifikasi File table_ongkir
No Elemen Data Nama Filed Tipe Size Ket
1. Id ongkir Id_ongkir Int 2 Primary Key
2. Nama ongkir Nama_ongkir Varchar 25
3. Ongkos kirim Ongkos_kirim Int 11
45
5. Spesifikasi File kategori
Nama File : Tabel kategori
Akronim : table_kategori
Fungsi : menyimpan data kategori produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 27 Karakter
Kunci Field : id_kategori
Software : Mysql
Tabel III.5
Spesifikasi File table_kategori
No Elemen Data Nama Filed Tipe Size Ket
1. Id kategori Id_kategori Int 2 Primary Key
2. Nama kategori nama_kategori Varchar 25
46
6. Spesifikasi File order temporary
Nama File : Tabel orders temporary
Akronim : order_temp
Fungsi : menyimpan data order sementara sebelum masuk table
orders
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 70 Karakter
Kunci Field : id_orders_temp
Software : Mysql
Tabel III.6
Spesifikasi File orders_temp
No Elemen Data Nama Filed Tipe Size Ket
1. Id orders temp Id_orders_temp Int 3 Primary Key
2. Id katalog Id_katalog Int 2 Foreign Key
3. Id session Id_session Varchar 50
4. Jumlah Jumlah Int 5
5. Tgl order temp tgl_order_temp Date -
6. Jam order temp Jjm_order_temp Time -
7. Stok temp stok_temp Int 5
47
7. Spesifikasi File orders detail
Nama File : Tabel orders detail
Akronim : order_detail
Fungsi : untuk menyimpan data order detail
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 10 Karakter
Kunci Field : id_orders
Software : Mysql
Tabel III.7
Spesifikasi File order_detail
No Elemen Data Nama Filed Tipe Size Ket
1. Id orders Id_orders Int 3 Primary Key
2. Id produk Id_produk Int 2
3. Jumlah Jumlah Int 5
48
8. Spesifikasi File orders
Nama File : Tabel orders
Akronim : orders
Fungsi : menyimpan data pemesana pelanggan
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 67 karakter
Kunci Field : id_orders
Software : Mysql
Tabel III.8
Spesifikasi File orders
No Elemen Data Nama Filed Tipe Size Ket
1. Id orders Id_orders Int 3 Primary Key
2. Nama kustomer Nama_kustomer varchar 25
3. Alamat Alamat Text -
4. Telpon Telpon varchar 11
5. Email Email Varchar 25
6. Status orders Status_orders enum -
7. Tanggal order tgl_ordes Date -
8. Jam orders Jam_ordes Time -
9. Id kota Id_kota Int 3 Foreign Key
49
9. Spesifikasi File konfirmasi
Nama File : Tabel konfirmasi
Akronim : table_konfirmasi
Fungsi : menyimpan data konfirmasi member
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 311 Karakter
Kunci Field : id_bayar
Software : Mysql
Tabel III.9
Spesifikasi File Table_konfirmasi
No Elemen Data Nama Filed Tipe Size Ket
1. Id Bayar Id_bayar Int 3 Primary Key
2. Nama Nama Varchar 25
3. Email Email Varchar 25
4. Id oders Id_oders Varchar 3 Foreign Key
5. Tanggal Tanggal Date
6. Jumlah Jumlah Int 5
7. Bank Terima Bank_terima Varchar 100
8. Bank Kirim Bank_kirim Varchar 100
9. Type Type Varchar 25
10. Akun Bank Akun_bank Varchar 25
50
3.2.3. Rancangan Struktur Navigasi
3.2.4. Struktur Navigasi Linier dan Hirarki Halaman Pengunjung
Home
Beranda Tentang Katalog Kontak
Gambar III.19.
Struktur Navigasi Linier dan Hiraki Pengunjung
51
1. Struktur Navigasi Linier dan Hirarki Halaman Member
Home
Halaman
Katalog
Halaman
Tentang
Kami
KontakKatalogTentangBeranda Konfirmasi
Halaman
Kategori
Produk
DetailBeli
Halaman
Kontak
Kami
Halaman
Konfirmasi
Login
Gambar III.20.
Struktur Navigasi Linier dan Hirarki Halaman Member
52
2. Struktur Navigasi Linier dan Hirarki Halaman Administrator Sistem
Home
Tambah
OngkirKategoriKatalogLogoutOrder
masuk
Login
Member User
Tampil Edit Hapus
Tambah Edit Hapus
Tambah
Edit
Hapus
Tampil Hapus
Tampil Hapus
Tambah Edit Hapus
Gambar III.21.
Struktur Navigasi Linier dan Hirarki Halaman Administrator Sistem
53
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi e-commerce berdasarkan
hasil rancangan antar muka.
1. Implementasi Rancangan Antar Muka Pengunjung
a. Halaman Beranda
Gambar III.22.
Halaman Beranda
57
2. Implementasi Rancangan Antar Muka Member
a. Halaman Login Member
Gambar III.26.
Halaman Login Member
62
3. Implementasi Rancangan Antar Muka Administrator Sistem
a. Administrator dapat melakukan Login.
Gambar III.31.
Halaman Login Administrator
70
3.3.2 Pengujian Unit
A. Pengujian Terhadap Form Login Member
Tabel III.1.
Pengujian Terhadap Form Login Member
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1
Username
dan Password
tidak di isi
kemudian
klik tombol
login
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“username atau
password anda
salah”
Sesuai
harapan Valid
2
Mengetikan
salah satu
form dan
salah satu
form kosong
Username:
Eggy APH
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“username atau
password anda
salah”
Sesuai
harapan Valid
3
Mengetikan
salah satu
form dan
salah satu
form kosong
Username:
(kosong)
Password:
(123456)
Sistem akan
menolak akses
user dan
menampilkan
“username atau
password anda
salah”
Sesuai
harapan Valid
4
Mengetikan
username dan
password
dengan data
yang benar
kemudian
klik tombol
login
Username:
Eggy APH
Password:
(123456)
sistem menerima
akses login,
kemudian
langsung
menampilkan
"Berhasil Login,
Selamat
berbelanja.
Sesuai
harapan Valid
71
B. Pengujian Terhadap Form Pendaftaran Member
Tabel III.2.
Pengujian Terhadap Form Pendaftaran Member
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1
Nama
lengkap,
email,
password,
telepon,
kota, alamat
lengkap
tidak diisi
kemudian
klik daftar
Nama lengkap:
(kosong)
email:
(kosong)
password:
(kosong)
telepon:
(kosong)
kota: (kosong)
alamat
lengkap:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“Please fill out
this field" pada
awal form
yang kosong
Sesuai
harapan Valid
2
Mengisi
salah satu
form
mengosong
kan form
yang lain
kemudian
klik daftar
Nama lengkap:
Eggy
email:
(kosong)
password:
(kosong)
telepon:
(kosong)
kota: (kosong)
alamat
lengkap:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan "
Please fill out
this field" pada
awal form
yang kosong
Sesuai
harapan Valid
3
Mengisi
beberapa
form nama
lengkap,
email,
password,
telepon
kemudian
klik daftar
Nama lengkap:
Eggy
email:
Eggyaph@gm
ail.com
password:
123456
telepon:
081294998888
kota: (kosong)
alamat
lengkap:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
"Please fill out
this field" pada
awal form
yang kosong
Sesuai
harapan Valid
72
No Skenario
pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
4
Mengisi
semua
form
dengan
data yang
benar
kemudian
klik tombol
daftar
Nama
lengkap: Eggy
email:
Eggyaph@gm
ail.com
password:
123456
telepon:
08129499888
kota: jakarta
alamat
lengkap:
Jl.Jakarta
Sistem akan
menerima
akses user dan
menampilkan
"anda telah
menjadi
member,
silahkan Login
untuk
berbelanja"
Sesuai
harapan Valid
73
C. Pengujian Terhadap Form Konfirmasi Pembayaran
Tabel III.3.
Pengujian Terhadap Form Konfirmasi Pembayaran
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Mengosong
kan salah
satu form
kemudian
klik simpan
Tanggal:
(kosong)
Jumlah kirim:
5000000
Bank
pengirim:
(kosong) Dari
Bank: BCA
Type
transaksi:
Bank transfer
Nama Akun:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
"Please fill out
this field" pada
awal form
yang kosong
Sesuai
harapan Valid
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
2
Mengisikan
seluruh
form
dengan data
lengkap dan
benar
Tanggal:
01/17/18
Jumlah kirim:
5000000
Bank
pengirim:BA
NK BCA Ke
Bank: BCA
Type
transaksi:
Bank transfer
Nama Akun:
Eggy
Sistem akan
menerima data
dan
menampilkan
"Konfirmasi
pembayaran
anda akan
kami proses,
terima kasih."
Sesuai
harapan Valid
74
D. Pengujian Terhadap Form Login Administrator
Tabel III.4.
Pengujian Terhadap Form Login Administrator
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1
Username dan
Password tidak
diisi kemudian
klik tombol
Login
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
"Please fill out
this field" pada
awal form
yang kosong
Sesuai
harapan Valid
2
Mengosongkan
salah satu form
kemudian klik
tombol Login
Username:
Eggy
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
"Please fill out
this field"
pada awal
form yang
kosong
Sesuai
harapan Valid
3
Mengetikan
salah satu
kondisi salah
pada username
atau password
kemudian klik
tombol login
Username:
Eggy
Password:
123456
Sistem akan
menolak akses
user dan
menampilkan
"username
atau password
salah"
Sesuai
harapan Valid
4
Mengetikan
username dan
password
dengan data
yang benar
kemudian klik
tombol login
Username:
Eggy
Password:
qwerty1234
Sistem
menerima
akses login,
kemudian
menampilkan
"Selamat
datang" di
halaman
administrator
Sesuai
harapan Valid
74
BAB IV
PENUTUP
4.1. Kesimpulan
Sesuai dengan apa yang telah dibahas pada bab-bab sebelumnya maka penulis
mengambil kesimpulan sebagai berikut:
1. Website ini diharapkan dapat mempermudah proses penjualan Helm dengan
sistem komputerisasi.
2. Website ini diharapkan dapat mempermudah proses pendataan stok Helm karena
pengelola dapat melihat stok Helm dengan menggunakan sistem yang sudah
ada.
3. Website ini diharapkan mengefisienkan waktu dalam proses penjualan Helm.
4. Website dibangun untuk memudahkan pembeli dalam membeli Helm dan
melihat informasi tanpa dibatasi waktu dan tempat.
5. Website ini dibangun untuk menghemat biaya karena tidak perlu menyewa toko
untuk berjualan Helm.
74
4.2. Saran
Dari kesimpulan yang penulis kemukakan diatas, maka penulis
memberikan beberapa saran. Adapun saran-saran dari penulis sebagai berikut:
1. Agar dapat meningkatkan jumlah pengunjung yang mengunjungi website,
diharapkan untuk selalu melakukan pembaruan website secara berkala,
sehingga website menjadi lebih dinamis karena informasi didalam nya selalu
mengikuti perkembangan yang up to date.
2. Penambahan fitur-fitur serta konten juga perlu dilakukan untuk menarik
minat calon pembeli atau pelanggan.
3. Perlu adanya keamanan sistem yang menjaga website dari tangan-tangan
yang tidak bertanggung jawab.
4. Kedepannya perlu adanya pembuatan laporan penjualan untuk mempermudah
penjual dalam mengelola penjualan Helm.
75
DAFTAR PUSTAKA
Ahmadi, Candra dan Dadang Hermawan. 2013. E-Business & E-commerce.
Yogyakarta: Andi.
Frieyadie. 2007. Belajar sendiri Pemograman Database Menggunakan Foxpro
9.0. Jakarta: PT. Elex Media Komputindo
Hirin, dan Virgi.2011. Cepat Mahir Pemograman Web dengan PHP dan MySQL.
Jakarta: Prestasi Pustaka
Fathansyah. 2007. Buku Teks Komputer Basis Data, Bandung. Informatika
Kurniawan, Rulianto. 2008. Membangun Situs dengan PHP untuk Orang Awam.
Palembang: Maxikom.
Kusrini. 2007. Strategi Perancangan dan Pengelolaan Basis Data, Yogyakarta:
CV Andi
Madcom, 2010. Adobe Dreamweaver CS5 Dengan Pemrograman PHP &
MySQL. Yogyakarta: Andi
Presman, R.S. 2010. Software Engineering: a practicioner’s approach, New
York: McGraw-Hill
Rahman. 2013. Mengenal PHP My Admin. Diambil dari:
http://download.portalgaruda.org/article.php?article. Diakses pada Desember 2017
Sadeli.2011. Membuat Toko Online dengan PHP untuk Orang Awam.
Palembang: Maxikom
Shalahuddin, M. dan Rosa A.S. 2013. Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung: Informatika Bandung
Sibero, Alexander F.K. 2011. Kitab Suci Web Programming. Yogyakarta:
MediaKom
Sigit, C. 2010. Adobe Dreamweaver CS5. Yogyakarta: Andy Offset
Sutisna, D. 2007. 7 Langkah Mudah Menjadi Webmaster. Jakarta : Mediakita
Sutopo. 2007. Pengertian Struktur Navigasi. Diambil dari:
http://ehnanda.blogspot.co.id/2015/01/struktur-navigasi.html. Des 2017
Soetejo, John. 2012. Jurus kilat mahir Internet dari nol hingga jago dalam
hitungan menit. Jakarta: Dunia Komputer