TUGAS AKHIR - repository.bsi.ac.id · perkembangan tersebut. Penjualan online atau e-commerce merupakan mekanisme bisnis tersendiri yang terbilang masih cukup baru. Namun terdapat

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

Scanned by CamScanner







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.


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.


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

24

2. Rancangan Antar Muka Halaman Daftar Member

Gambar III.2.

Rancangan Antar Muka Daftar Member

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

26

4. Rancangan Antar Muka Halaman Kontak

Gambar III.4.

Rancangan Antar Muka Halaman Kontak

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


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


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


Kategori

AGV Helmets

Shoei Helmets

Arai Helmets

FOOTER

KYT Helmets

Konfimasi

No.Order

Nama Pemesan

Email

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

email

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



Akses File : Random

Media : Harddisk


Kunci Field : id_member

Software : Mysql

Tabel III.2

Spesifikasi File table_member


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



Akses File : Random

Media : Harddisk


Kunci Field : id_katalog

Software : Mysql

Tabel III.3

Spesifikasi File table_katalog


1. Id katalog Id_katalog Int 2 Primary Key

2. Id kategori Id_kategori Int 2 Foreign Key


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



Akses File : Random

Media : Harddisk


Kunci Field : id_ongkir

Software : Mysql

Tabel III.4

Spesifikasi File table_ongkir


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



Akses File : Random

Media : Harddisk


Kunci Field : id_kategori

Software : Mysql

Tabel III.5

Spesifikasi File table_kategori


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



Akses File : Random

Media : Harddisk


Kunci Field : id_orders_temp

Software : Mysql

Tabel III.6

Spesifikasi File orders_temp


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


Akses File : Random

Media : Harddisk


Kunci Field : id_orders

Software : Mysql

Tabel III.7

Spesifikasi File order_detail


1. Id orders Id_orders Int 3 Primary Key

2. Id produk Id_produk Int 2


48

8. Spesifikasi File orders

Nama File : Tabel orders

Akronim : orders

Fungsi : menyimpan data pemesana pelanggan



Akses File : Random

Media : Harddisk

Panjang record : 67 karakter

Kunci Field : id_orders

Software : Mysql

Tabel III.8

Spesifikasi File orders


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


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



Akses File : Random

Media : Harddisk


Kunci Field : id_bayar

Software : Mysql

Tabel III.9

Spesifikasi File Table_konfirmasi


1. Id Bayar Id_bayar Int 3 Primary Key



4. Id oders Id_oders Varchar 3 Foreign Key

5. Tanggal Tanggal Date


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


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

54

b. Halaman Daftar Member

Gambar III.23.

Halaman Daftar Member

55

c. Halaman Katalog Pengunjung

Gambar III.24.

Halaman Katalog Pengunjung

56

d. Halaman Kontak Pengunjung

Gambar III.25.

Halaman Kontak Pengunjung

57

2. Implementasi Rancangan Antar Muka Member

a. Halaman Login Member

Gambar III.26.

Halaman Login Member

58

b. Halaman Keranjang Belanja

Gambar III.27.

Halaman Keranjang Belanja

59

c. Halaman Bukti Pemesanan

Gambar III.28.

Halaman Bukti Pemesanan

60

d. Halaman Konfirmasi Pembayaran

Gambar III.29.

Halaman Konfirmasi Pembayaran

61

e. Halaman Profile Member

Gambar III.30.

Halaman Data Member

62

3. Implementasi Rancangan Antar Muka Administrator Sistem

a. Administrator dapat melakukan Login.

Gambar III.31.

Halaman Login Administrator

63

b. Administrator dapat melihat Halaman Utama

Gambar III.32.

Halaman Utama Administrator

64

c. Halaman Katalog Administrator

Gambar III.33.

Halaman Katalog Administrator

65

d. Halaman Kategori Administrator

Gambar III.34.

Halaman Kategori Administrator

66

e. Halaman Ongkos Kirim Administrator

Gambar III.35.

Halaman Ongkos Kirim Administrator

67

f. Halaman Order Masuk Administrator

Gambar III.36.

Halaman Order Masuk Administrator

68

g. Halaman Member Administrator

Gambar III.37.

Halaman Member Administrator

69

h. Halaman User Administrator

Gambar III.38.

Halaman User 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


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


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


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


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

http://download.portalgaruda.org/article.php?article

http://ehnanda.blogspot.co.id/2015/01/struktur-navigasi.html


Documents

TUGAS AKHIR - repository.bsi.ac.id · perkembangan tersebut. Penjualan online atau e-commerce merupakan mekanisme bisnis tersendiri yang terbilang masih cukup baru. Namun terdapat