tugas akhir - repository.bsi.ac.id · daftar riwayat hidup ..... 81 x . daftar simbol entity...

95
PERANCANGAN SISTEM INFORMASI PENJUALAN ALAT MUSIK GITAR BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III RIZKI KURNIAWAN NIM : 12141353 Program Studi Manajemen Informatika AMIK BSI Jakarta Jakarta 2017

Upload: truongminh

Post on 03-Mar-2019

289 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

PERANCANGAN SISTEM INFORMASI PENJUALAN ALAT MUSIK

GITAR BERBASIS WEB

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

RIZKI KURNIAWAN

NIM : 12141353

Program Studi Manajemen Informatika

AMIK BSI Jakarta

Jakarta

2017

Page 2: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

ii

Page 3: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

iii

Page 4: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

iv

Page 5: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

v

Page 6: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

KATA PENGANTAR

Puji dan syukur Alhamdulillah,penulis panjatkan kehadirat Allah SWT, yang telah

melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan

tugas akhir ini dengan baik. Dimana tugas akhir ini penulis sajikan dalam bentuk buku yang

sederhana. Adapun judul Tugas Akhir ini adalah sebagai berikut: ”Perancangan Sistem

Penjualan Gitar Berbasis Web”.

Penulisan tugas akhir ini dibuat dengan tujuan memenuhi salah satu syarat pelulusan

Program Diploma Tiga (D.3) AKADEMI BSI. Sebagai bahan penulisan diambil berdasarkan

hasil penelitian (eksperimen), observasi, hasil studi pustaka serta beberapa sumber literature

yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari

semua pihak, maka penulisan tugas akhir ini tidak akan lancer. Oleh karena itu pada

kesempatan kali ini, izinkanlah penulis menyampaikan terima kasih kepada:

1. Bapak Direktur AMIK BSI.

2. Bapak Ketua Program Studi Management Informatika AMIK BSI.

3. Ibu Duwi Cahya Putri Buani ,M.Kom selaku Dosen Pembimbing Tugas Akhir.

4. Para dosen dan staff pengajar di AMIK BSI yang telah memberikan bekal yang

menjadikan modal dasar bagi penulis didalam penyusunan tugas akhir ini.

5. Kedua Orang Tuaku dan Keluarga Tercinta yang telah memberikan dukungan baik

moril maupun spiritualyang sangat kuat hingga Tugas Akhir ini bisa terselesaikan.

6. Semua teman-teman BSI kelas 12.6J.07 banyak memberikan informasi dalam

penulisan tugas akhir ini.

7. Teman-teman seperjuangan yaitu Badri Zaki, Winda, Raih, Alfin, Silvi, Indri, dan

Adih

Page 7: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan
Page 8: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

ABSTRAKSI

Rizki Kurniawan (12141353), “Perancangan Sistem Informasi Penjualan Alat

Musik Gitar Berbasis Web.

Penggunaan kemajuan teknologi saat ini sudah dapat dirasakan oleh penggunanya. Hampir di segala aspek, teknologi yang semakin canggih kini sangat memudahkan pekerjaan yang dilakukan oleh orang-orang sebagai

pengguna teknologi. Namun hal ini belum dapat diterapkan terutama dalam

penjualan Alat Musik Gitar. Bersumber dari masalah di atas, Penulis terdorong

untuk mengatasi kesulitan tersebut dengan membuat sebuah program penjualan

berbasis web dengan bahasa pemograman PHP dan MySQL sebagai basis datanya

dibuatkan fasilitas baru tersebut masyarakat yang akan membeli gitar tidak perlu

datang langsung ketoko untuk membelinya. Untuk membangun website

diperlukan beberapa tahap yaitu perancangan tampilan website, basis data, dan

pengujian website itu sendiri. Dengan begitu proses penjualan gitar lebih efektif

baik dalam segi waktu ataupun biaya itu sendiri serta lebih memudahkan, lebih

praktis dan lebih cepat tentunya dalam melakukan penjualan, adanya fasilitas baru

segala bentuk penjualan dapat dilakukan kapan dan dimana saja sehingga lebih

memudahkan pelanggan yang akan melakukan pembelian dan melakukan

transaksi tanpa harus datang langsung ke toko.

Kata Kunci: Perancang Program, Program Penjualan Alat Musik Gitar Berbasis Web.

Page 9: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

ABSTRACT

Rizki Kurniawan (12141353), “Design of Sales Information Systems Guitar

Tool Web-Based Music”.

The use of technological advances today can be felt by users. Almost in all

aspects, increasingly sophisticated technology now greatly facilitates the work

done by people as technology users. However this has not been applicable

especially in the sale of Guitar Music Instruments. Sourced from the above

problems, the authors are compelled to overcome these difficulties by creating a

web-based sales program with PHP and MySQL programming languages as the

data base created a new facility that people who will buy the guitar does not need

to come directly ketoko to buy it. To build a website required several stages of

designing the website display, database, and testing the website itself. With so the

process of selling the guitar more effectively both in terms of time or cost itself

and more easier, more practical and faster course in making sales, the new

facilities all forms of sales can be done anytime and anywhere so much easier for

customers who will make purchases and make transactions without having to

come directly to the store.

Keywords: Program Designer, Web-Based Guitar Music Tool Sales Program.

ix

Page 10: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

DAFTAR ISI

Halaman

Lembar Judul Tugas Akhir .................................................................................. I

Lembar Pernyataan Keaslian Tugas Akhir .......................................................... Ii

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah .................................... Iii

Lembar Persetujuan Dan Pengesahan Tugas Akhir ............................................ Iv

Lembar Konsultasi Tugas Akhir ......................................................................... V

Kata Pengantar .................................................................................................... Vi

Abstraksi .............................................................................................................

Vii

i

Daftar Isi .............................................................................................................. X

Daftar Simbol ...................................................................................................... Xi

Daftar Gambar ..................................................................................................... Xii

Daftar Tabel ........................................................................................................

Xi

v

BAB I PENDAHULUAN ............................................................................. 1

1.1. Latar Belakang Masalah .............................................................. 1 1.2. Maksud Dan Tujuan ............................................................... 5

1.3. Metode Penelitian........................................................................ 5

1.4. Ruang Lingkup ............................................................................ 7

1.5. Sistematika Penulisan.................................................................. 7

BAB II LANDASAN TEORI ........................................................................... 8

2.1. Konsep Dasar Web ...................................................................... 8

2.2. Teori Pendukung ......................................................................... 15

BAB III PEMBAHASAN ............................................................................... 25

3.1. Analisa Kebutuhan ..................................................................... 25 3.2. Perancangan Perangkat Lunak ................................................... 28

3.2.1 Rancangan Antar Muka..................................................... 29

3.2.2 Rancangan Basis Data ....................................................... 47

3.2.3 Rancangan Struktur Navigasi ............................................ 55

3.3 Implementasi Dan Pengujian Unit .............................................. 58

3.3.1 Implementasi .................................................................... 58

3.3.2 Pengujian Unit ................................................................... 74

BAB IV PENUTUP ......................................................................................... 77

4.1 Kesimpulan ............................................................................... 77

4.2 Saran .......................................................................................... 78

DAFTAR PUSTAKA .................................................................................. ...... 79

DAFTAR RIWAYAT HIDUP ......................................................................... 81

x

Page 11: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

DAFTAR SIMBOL

Entity Relationship Diagram

Entitas atau Objek Data

Kumpulan objek atau sesuatu yang dapat

dibedakan atau dapat diidentifikasi secara unik.

Relationship

Hubungan yang terjadi antar satu entitas atau lebih.

Atribut atau Elemen data

Karakteristikdalam entity atau relationship yang mengerjakan

penjelasan detail tentang entity atau relationship atau disebut

kumpulan elemen data yang membentuk suatu entitas.

Weak Entity

Suatu entity dimana keberadaan dari entity tersebut tergantung

dari entity lain.

Atribut Multivalue

Atribut yang memiliki nilai lebih dari satu.

Connection

Digunakan sebagai penghubung entitas yang

membedakan entitas tersebut dengan entitas lainnya.

xi

Page 12: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

DAFTAR GAMBAR

Halaman

Gambar II.1 Struktur Navigasi Linear ............................................................................. 15

Gambar II.2 Struktur Navigasi Hierarchical ................................................................. 16

Gambar II.3 Struktur Navigasi Non-Linear ................................................................... 17

Gambar II.4 Struktur Navigasi Composite ..................................................................... 18

Gambar II.5 Kerdinalitas One To One ............................................................................ 19

Gambar II.6 Kerdinalitas One To Many ......................................................................... 20

Gambar II.7 Kerdinalitas Many To Many ...................................................................... 20

Gambar III.1 Rancangan Antar Muka Halaman Home .............................................. 29

Gambar III.2 Rancangan Antar Muka Halaman Admin ............................................ 30

Gambar III.3 Rancangan Antar Muka Halaman edit Pelamggam ........................... 31

Gambar III.4 Rancangan Antar Muka Halaman Pelanggan ...................................... 31

Gambar III.5 Rancangan Antar Muka Halaman Keramjang Belanja ..................... 32

Gambar III.6 Rancangan Antar Muka Halaman Daftar Belanja .............................. 33

Gambar III.7 Rancangan Antar Muka Halaman Konfirmasi Pembayaran ........... 34

Gambar III.8 Rancangan Antar Muka Halaman Login Admin ................................ 35

Gambar III.9 Rancangan Antar Muka Halaman Admin ............................................ 35

Gambar III.10 Rancangan Antar Muka Halaman Tambah Admin ......................... 36

Gambar III.11 Rancangan Antar Muka Halaman Data Admin ................................ 37

Gambar III.12 Rancangan Antar Muka Tambah Kategori Barang ......................... 38

Gambar III.13 Rancangan Antar Muka Data Kategori Barang ................................ 39

Gambar III.14 Rancangan antar muka Tambah Barang ............................................. 40

Gambar III.15 Rancangan Antar Muka Halaman Data Barang ............................... 41

Gambar III.16 Rancangan Antar Muka Halaman Data Member ............................. 42

Gambar III.17 Rancangan Antar Muka Halaman Data Merek ................................. 43

Gambar III.18 Rancangan Antar Muka Halaman Data Propinsi ............................. 44

Gambar III.19 Rancangan Antar Muka Konfirmasi Pembayaran ........................... 45

Gambar III.20 Entity Relationship Diagram ................................................................. 46

Gambar III.21 Logical Record Structure ........................................................................ 47

Gambar III.22 Struktur Navigasi User ............................................................................ 54

Gambar III.23 Struktur Navigasi Pelanggan ................................................................. 55

Gambar III.24 Struktur Navigasi Admin ........................................................................ 56

Gambar III.25 Tampilan Halaman Login Admin ......................................................... 57

xii

Page 13: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

Halaman

Gambar III.26 Tampilan Halaman Beranda ................................................................... 58

Gambar III.27 Tampilan Halaman Tambah Admin .................................................... 59

Gambar III.28 Tampilan Halaman Data Admin ........................................................... 60

Gambar III.29 Tampilan Halaman Data Merk .............................................................. 61

Gambar III.30 Tampilan Halaman Tambah Merk ....................................................... 62

Gambar III.31 Tampilan Halaman Tambah Barang .................................................... 63

Gambar III.32 Tampilan Halaman Data Barang .......................................................... 64

Gambar III.33 Tampilan Halaman Data Pelanggan .................................................... 65

Gambar III.34 Tampilan Halaman Data Kategori ........................................................ 66

Gambar III.35 Tampilan Halaman Tambah Kategori ................................................. 66

Gambar III.36 Tampilan Halaman Beranda User ........................................................ 67

Gambar III.37 Tampilan Halaman Register Member ................................................. 68

Gambar III.38 Tampilan Halaman Keranjang Belanja ............................................... 69

Gambar III.39 Tampilan Halaman Konfirmasi Pembayaran .................................... 70

Gambar III.40 Tampilan Halaman Cetak Invoice ........................................................ 71

xiii

Page 14: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

DAFTAR TABEL

Halaman

Tabel III.1 Spesifikasi File Pesan ..................................................................................... 48

Tabel III.2 Spesifikasi File Pesan Detail ........................................................................ 49

Tabel III.3 Spesifikasi File Barang ................................................................................... 50

Tabel III.4 Spesifikasi File Anggota ................................................................................ 51

Tabel III.5 Spesifikasi File Kategori ................................................................................ 52

Tabel III.6 Spesifikasi File Konfirmasi ........................................................................... 53

Tabel III.7 Black Box Testing Halaman Form Login Admin .................................. 73

Tabel III.8 Black Box Testing Halaman Form Tambah Barang ............................... 74

Tabel III.9 Black Box Testing Halaman Form Daftar Pelanggan ............................ 74

Tabel III.10 Black Box Testing halaman Form Konfirmasi Pembayaran .............. 75

Tabel III.11 Black Box Testing halaman Form Transaksi .......................................... 76

xiv

Page 15: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

BAB I

PENDAHULUAN

1.1.Latar Belakang Masalah

Perkembangan teknologi informasi yang semakin pesat, membuat proses

komunikasi dan penyampaian informasi menjadi lebih mudah. Teknologi tidak hanya

berfungsi sebagai penyebaran informasi tetapi juga dapat menciptakan peluang-

peluang bisnis usaha. Salah satu media yang digunakan ialah media internet yang

merupakan jaringan komputer global.

E-commerce atau dikenal sebagai perdagangan elekronik merupakan

penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem

elektronik. Sekarang banyak sekali ditoko-toko dan perusahaan yang menggunakan

website E-commerce untuk memperluas pemasaran karena ini merupakan media

promosi dengan biaya yang murah, sehingga perusahaan besar maupun kecil

mempunyai kesempatan yang sama untuk mengembangkan bisnisnya.

E-commerce pertama kali diperkenalkan pada tahun 1994 pada saat pertama

kali banner- elekronik dipakai untuk tujuan promosi dan periklanan di suatu halaman-

web. Pada awalnya ketika web mulai terkenal di masyarakat pada tahun 1994.

Banyak jurnalis memperkirakan bahwa E-commerce akan menjadi sebuah sector

ekonomi baru. Namun, baru sekitar 4 tahun kemudian ditahun 2000 an Amerika dan

1

Page 16: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

2

Eropa sudah mulai mengembangkan bisnisnya ke dunia online. Dan sudah booming

waktu itu dan terus hingga seperti sekarang saat ini.

Besarnya penjualan E-commerce secara global diperkirakan mengikat 17%

menjadi 1,2 triliun. Peningkatan tersebut di pimpin oleh pertumbuhan di kawasan

Asia-Pasifik. Menurut perkiraan eMarketer, Indonesia diperkirakan akan mengalami

partumbuhan E-commerce yang lebih besar dibanding Negara-negara lain tahun ini.

Penjualan online di Indonesia di perkirakan akan meningkat.

Berikut merupakan peningkatan jumlah penjualan E-commerce pada beberapa

negara, termasuk Indonesia :

Sumber : http//www.marketing.co.id/

Page 17: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

3

Produk seperti alat musik gitar adalah produk yang sudah menjadi hobi bagi

kebanyakan orang khususnya bagi musisi. Semakin banyak penguna alat musik gitar

di indonesia hingga mencapai ratusan ribu unit yang tersebar diseluruh indonesia,

maka semakin banyak peluang usaha yang dimanfaatkan oleh para wirausaha khusus

nya penjualan produk alat musik gitar yang sudah menjadi hobi bagi para musisi

maupun pemula.

Bisnis penjualan alat musik gitar sampai saat ini sudah berkembang. Ini sudah

terbukti semakin banyak nya muncul penjual alat musik gitar eceran yang dijual

pinggiran jalan dan penjual rumahan yang menjual secara grosiran dan satuan, namun

untuk memasarkan penjulan produk tersebut memerlukan pengenalan produk baik

dari segi kualitas dan informasi yang lengkap tentang produk alat musik gitar yang

diinginkan dan memudahkan cara mendapatkan nya bagi pembeli seperti antar kota

diseluruh indonesia.

Masalah ini dapat ditanggulangi dengan pembuatan web e-commers sebagai

media yang mempermudah pelaggan dalam memperoleh informasi tentang alat musik

gitar, baik mengenai harga, kualitas, jenis dan model alat musik gitar. Penjual alat

musik gitar ini juga akan memperoleh pelangan semakin banyak karena melalui web

e-commers ini pelanggan bisa mendapatkan segala informasi untuk pembelian secara

online dan pelanggan dapat melakukan pemesanan alat musik gitar dimanapun dan

kapanpun dengan melihat nya banyak masyarakat yang memanfaatkan jaringan

internet dengan mudah dan cepat. Oleh karena itu berdasarkan pengamatan ini,

penulis mengambil judul Tugas Akhir ini, yaitu : “Perancangan Sistem Informasi

Penjualan Alat Musik Gitar Berbasis Web”.

Page 18: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

4

1.2. Maksud dan Tujuan

Adapun maksud dan tujuan dari penulisan tugas akhir ini adalah :

1. Memberi kemudahan kepada siapapun untuk mengetahui informasi tentang

penjualan alat musik gitar yang berkualitas, tanpa harus datang ke toko.

2. Memberikan kemudahan dalam pengolahan data transaksi serta pembuatan

laporan.

3. Mengatasi kendala penjualan konvesional agar membantu dalam

mempromosikan dan menjual produk kepada konsumen.

Sedangkan tujuan dari pembuatan tugas akhir ini adalah untuk memenuhi

salah satu persyaratan kelulusan Program Diploma Tiga (D.III). Program Studi

Manajemen Informatika pada Akademi Manajemen Informatika dan Komputer Bina

Sarana Informatika (AMIK BSI).

1.3. Metode Penelitian

A. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan

model waterfall (Sukamto,2013:28) yang terbagi menjadi tiga tahapan, yaitu:

1. Analisis Kebutuhan

Proses pengumpulan kebutuhan yang dilakukan secara intensif untuk

memspesifikasikan kebutuhan-kebutuhan perangkat lunak seperti apa yang

Page 19: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

5

dibutihkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu

untuk didokumentasikan.

2. Perancangan Sistem dan Perangkat Lunak

Proses perancangan sistem ini difokuskan pada empat atribut, yaitu struktur data,

representasi antarmuka, arsitektur perangkat lunak, dan prosedur pengodean.

Tahap ini mentranslasi kebutuhan kereprentasi desain agar dapat

diimplementasikan menjadi program pada tahap selanjutnya.

3. Implementasi dan Pengujian Unit

Menguji perangkat lunak dengan menggunakan Black Box untuk mengetahui

kesalahan program (error) sehingga bisa memastikan tampilan program yang

ditampilkan sesuai dengan keinginan.

B. Teknik pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan TA adalah :

1. Metode Pengamatan (Observation)

Teknik pengumpulan data dengan mengadakan penelitian, peninjauan langsung

terhadap permasalahan yang diambil dan melalukan observasi melalui situs-situs

E-commerce yang diamati bidang pejualan, pembelian, dan persediaan barang.

2. Metode Studi Pustaka (Dokumentasi)

Page 20: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

6

Metode mengumpulkan data dan informasi dengan mencari buku bacaan,

internet dan sumber lainnya yang berhubungan dengan tema penulisan. Untuk

melengkapi dan menyempurnakan data yang telah ada dalam penyusunan tugas

akhir ini penulis menganalisa dengan membaca dan mempelajari teori-teori yang

terdapat dalam buku yang berhubungan dengan penulis serta perancangan web

programing ini.

1.4. Ruang Lingkup

Ruang lingkup masalah yang akan dibahas pada perancangan website

penjualan gitar online dengan menyajikan informasi penjualana meliputi informasi

jenis produk dengan fasilitas informasi jenis produk dengan fasilitas informasi

pemesanan, konfirmasi pembayaran dan cek produk. Proses order barang ditampilkan

pada web hanya sampai dengan proses pembayaran yang harus dilakukan oleh

konsumen. Konsumen harus melakukan registrasi atau login untuk melakukan

pemesann.

1.5. Sistematika Penulisan

Dalam laporan ini penulis membagi menjadi beberapa bab untuk

mempermudah penulis dalam menyusun dan mempermudah bagi pembaca untuk

memahaminya yang mana tiap-tiap bab terdiri dari sub-sub bab yang merupakan

penjelasan dari bab-bab sebelumnya. Berikut pembagian bab-bab dalam laporan ini:

BAB I PENDAHULUAN

Page 21: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

7

Dalam bab ini diuraikan mengenai latar belakang masalah, maksud

dan tujuan, metodologi penelitian, ruang lingkup dan sistematika

penulisan yang digunakan dalam penulisan tugas akhir.

BAB II LANDASAN TEORI

Pada bab ini berisi tentang teori-teori yang mendukung pengembangan

perangkat lunak yang akan dibangun. Bab ini menguraikan konsep

dasar web pengertian internet, E-comerce, website, dan bahasa

pemograman serta teori pendukung lain yang digunakan.

BAB III PEMBAHASAN

Berisi tentang analisis kebutuhan, perancangan perangkat lunak yang

terdiri dari, basis data, implementasi dan pengujian unit, rancangan

tampilan, dan pembuatan program.

BAB IV PENUTUP

Pada bab ini terakhir yang berisikan tentang kesimpulan dari hasil

penulisan disertai saran-saran penulisan dari hasil pembahasan yang

telah dilakukan untuk pengembangan selanjutnya.

Page 22: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Dalam pembuatan tugas akhir ini penulis tidak telepas dengan teori-teori yang

mendukung dalam membantu penulis dalam mempelajari dan memahami beberapa

elemen yang tersusun menjadi sebuah program web yang diharapkan berfungsi secara

maksimal sesuai harapan penulis, berikut adalah teori-teori pendukung yang dapat

memperkuat penulisan tugas akhir ini.

2.1.1. Teori Konsep Dasar Web

1. Internet

Menurut Sofia dkk (2010:1) “Internet merupakan kumpuulan dari jutaan

komputer seluruh dunia yang terkoneksi satu sama lain. Media koneksi yang

digunakan bisa melalui sambungan telepon, serat optic (fiber optic), kabel koaksial

(coaxial cable), satelit, atau dengan koneksi wireless”.

Ketika Anda log on (terhubung) dengan internet, Anda diberikan hak akses ke

komputer lain diseluruh dunia yang terhubung juga dengan internet. Dengan

kemajuan teknologi yang semakin pesat, internet dapat diakses dengan koneksi

wireless dari handheld PC atau dari sebuah komputer notebook.

8

Page 23: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

9

Setelah terhubung dengan internet, Anda dapat mengirim dan menerima email

(surat elektronik), chatting dengan media teks dan suara, berselancar (surfing) di

world wide web, atau hal-hal lain dengan suatu software aplikasi tertentu.

2. Website

Menurut Yuhefizar dkk (2009:1) “website adalah keseluruhan halaman-

halaman web yang terdapat dalam sebuah domain yang mengandung informasi.

Sebuah website biasanya dibangun atas banyak halaman web yang saling

berhubungan, hubungan antara satu halaman web dengan halaman web yang lainnya

disebutdengan hyperlink”.

Menurut Abdulloh (2015:1) “Website merupakan halaman-halaman yang

berisi informasi yang ditampilkan oleh browser seperti Mozilla Firefox, Google,

Chrome atau yang lainnya”.

3. Web Broser

Menurut Limantara (2009:1) “Web Browser adalah aplikasi perangkat lunak

yang memungkinkan penggunanya untuk berinteraksi dengan text, image, video,

games, dan informasi lainnya yang berlokasi pada alaman web pada word wide web

(www) atau local area network (LAN)”.

Page 24: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

10

4. Web Server

Menurut Kurniawan (2010:8) menyimpulkan bahwa “Web Server adalah

sebuah perangkat server yang berfungsi menerima perintaan HTTP atau HTTPS dari

klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam

bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML.

Kemudian menurut Kamus Besar Komputer Web Server adalah Suatu

program (dan juga mesin yang menjalankan program) yang mengerti protokol HTTP

dan juga dapet menanggapi permintaan-permintaan dari web browser yang

menggunakan protokol tersebut.

5. Macromedia Dreamweaver CS3

Menurut Hakim (2006:11) Macromedia Dreamweaver CS3 adalah program

aplikasi web editor terpopuler saat ini. Selain tampilan yang menarik kemampuan dan

fitur-fitur baru akan memudahkan para pemakainya untuk menciptakan halaman web

dengan cepat dan mudah tanpa harus berlama-lama menuliskan baris-baris kode.

HTML.

Macromedia Dreamweaver CS3 selain sebagai editor yang komplit juga dapat

digunakan untuk membuat animasi sederhana yang berbentuk layer dengan bantuan

Javascrip yang didukungnya. Dengan adana program ini kita tidak akan susah untuk

mengetik skrip-skrip format HTML, PHP, JSP, Javascript, CSS maupun bentuk

program lainnya.

Page 25: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

11

2.1.2 Bahasa Pemograman

1. Personal Home Page (PHP)

Menurut kamus besar dalam Kurniawan (2010:2) “PHP adalah bahasa

pemograman untuk dijalankan melalui halaman web, umumnya digunakan untuk

mengolah informasi dan internet”. Sedangkan dalam pengertian lain PHP adalah

singkatan dari PHP Hypertext Processor yaitu bahasa pemograman web server-side

yang bersifat open source atau gratis. PHP merupakan script yang menyatu dengan

HTML dan berada pada server (server side HTML embedded scripting).

PHP adalah bahasa pemograman script yang paling banyak dipakai saat ini,

script yang digunakan untuk membuat halaman web yang dinamis. Dinamis berarti

halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client.

Mekanisme inin menyebabkan informasi yang diterima client selalu yang terbaru atau

up to date. Semua script PHP dieksekusi pada server dimana script tersebut

dijalankan.

2. Hypertext Markup Language (HTML)

Menurut Siswountomo (2005:280) “HTML adalah sebuah murk up language

yang didesain untuk membuar halaman web dan informasi lain yang dapat dilihat

melalui browser. HTML digunakan untuk menstrukturkan informasi dan dapat

digunakan untuk mendefinisikan semantic dari sebuah dokumen”.

Page 26: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

12

3. Cascading Style Sheet (CSS)

Menurut Saputra, dkk (2012:6) “CSS atau yang memiliki kepanjangan

Cascading Syle Sheet merupakan suatu bangsa pemograman web yang digunakan

untuk mengendalikan dan membangun berbagai komponen dalam web sehingga

tampilan web akan lebih rapih, terstruktur dan seragam”.

Sedangkan Menurut Supardi (2010:128) “CSS merupakan format atau style

untuk tampilan web, dapat dibuat dalam halaman bersama perintah HTML atau file

tersendiri dengan nama perluasan.css”.

4. Javascript

Menurut Abdulloh (2015:3) “Peran Javascript dalam membuat webside

adalah memberikan efek animasi yang menarik dan interaktifitas dalam penanganan

event yang dilakukan oleh pengguna webside”.

Sedangkan menurut Sunyoto (2007:17) “Javascript adalah bahasa scripting

yang populer di internet dan dapat bekerja disebagian besar browser populer seperti

internet explore, mozillafirefox, netscape dan opera”.

2.1.3 Basis Data (Database)

1. My Structure Query Language (MySQL)

Menurut Kurniawan (2010:16) MySQL adalah salah satu jenis database server

yang sangat terkenal. MySQL termasuk jenis RDBMS (Ralational Database

Page 27: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

13

Management System) MySQL ini mendukung bahasa pemograman PHP. MySQL

juga mempunyai query atau bahasa SQL (Structured Query Language) yang simple

dan menggunakan escape character yang sama dengan PHP.

MySQL mempunyai tampilan client yang mempermudah Anda dalam

mengakses database dengan kata sandi untuk mengijinkan proses yang boleh Anda

lakukan. Untuk masuk kedalam database disediakan user default yaitu root denga

password yang telah dibuat pada saat proses instalasi yaitu maxikom.

2. PHPMyAdmin

Menurut Abdulloh (2015:4) “phpMyAdmin merupakan aplikasi berbasis web

yang digunakan untuk membuat database MySQL sebagai tempat untuk menyimpan

data-data webside. Keduanya biasanya sudah disediakan dalam satu paket aplikasi

seperti XAMPP”.

3. XAMPP

Menurut Wicaksono (2008:7) “XAMPP adalah sebuah software yang

berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengolah data

MySQL di computer lokal. Xampp berperan sebagai server web pada computer anda.

Xampp juga dapat disebut sebuah CPanel server virtual”.

Sedangkan menurut Abdulloh (2015:5) “XAMPP adalah salah satu paket

installer yang berisi apache yang merupakan web server tempat menyimpan file-file

Page 28: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

14

yang diperlukan website, dan php myadmin sebagai aplikasi yang digunakan untuk

perancangan database MySQL”.

2.1.4 Model Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini

menggunakan model waterfall (Sommerville, 2007:66) yang terbagi menjadi

beberapa tahapan, yaitu :

1. AnalisaKebutuhan

Tahapan ini sangat menekankan masalah pengumpulan kebutuhan pengguna ini

tingkatan system dengan menentukan konsep system beserta antarmuka yang

menghubungkan dengan lingkungan sekitar, hasilnya berupa spesifikasi system.

2. Perancangan Sistem dan Perangkat Lunak

Proses perancangan system ini difokuskan pada empat atribut, yaitu struktur data,

representasi antar muka, arsitektur perangkat lunak, dan interaksi antar objek di

dalam kelas.

3. Implementasi dan Pengujian Unit

Pada tahap ini perancangan perangkat lunak direalisasikan sebagai serangkaian

program atau unit program. Kemudian pengujian unit melibatkan verifikasi bahwa

setiap unit program telah memenuhi spesifikasinya.

Page 29: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

15

2.2 Teori Pendukung

2.2.1 Stuktur Navigasi

Struktur navigasi digunakan sebagai penuntun alur sebuah aplikasi multimedia

atau dapat pula dianalogkan sebagai diagaram alur dalam perancangan bahasa

pemograman. Struktur navigasi berfungsi untuk menggambarkan dengan jelas

hubungan dan rantai kerja seluruh elemen yang akan di gunakan dalam aplikasi.

Dengan penggambaran struktur navigasi pembuatan sebuah aplikasi dapat

sistematis dan mudah. Menurut Binanto (2010:269) struktur navigasi yang penting di

gunakan terdiri dari 4 (empat) jenis yaitu sebagai berikut:

1. Struktur Navigasi Linier

Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte

informasi yang satu ke yang lainnya. Tampilanstrukturnavigasi linier dapat dilihat

pada dibawah ini :

Sumber: Binanto (2010:269)

Gambar II.1

Struktur Navigasi Linier

2. Struktur Navigasi Hirarki

Struktur dasar ini disebut juga struktur linier dengan percabangan karena

pengguna melakukan navigasi di sepanjang cabang pohon struktur yang terbentuk

oleh logika isi.

Page 30: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

16

Sumber: Binanto (2010:269)

Gambar II.2

Struktur Navigasi Hirarki

3. Struktur Navigasi Non-linier

Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan

tidak terikat jalur yang sudah ditentukan sebelumnya.

Page 31: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

17

Sumber: Binanto (2010:270)

Gambar II.3

Struktur Navigasi Non-Linier

4. Struktur Navigasi Campuran(composite).

Pengguna akan melakukan navigasi dengan bebas (secaranon-liner) tetapi

terkadang dibatasi persentasi linier film atau informasi penting dan atau pada data

yang paling terorganisasi secara logis pada struktur hirarki.

Page 32: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

18

Sumber: Binanto (2010:270)

Gambar II.4

Struktur Navigasi Campuran

2.2.2. Entity Relationship Diagram (ERD)

Entity Relationship Diagram adalah suatu model jaringan yang berisi

komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing

dilengkapi dengan atribut-atribut yang memprsentasikan seluruh fakta dari “dunia

nyata” yang dapat digambarkan dengan lebih sistematis (Fathansyah, 2012:61).

Notasi-notasi simbolik yang digunakan dalam Entity Relatinship Diagram

(ER Diagram) adalah :

1) Entity

Entity adalah obyek yang dapat dibedakan dalam dunia nyata. Entity diberi nama

dengan kata benda, lokasi dan kejadian. Sedangkan entity set adalah kumpulan

dari entity yang sejenis.

Page 33: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

19

2) Relationship

Relationship adalah hubungan yang terjadi antara satu atau lebih entity. Simbol

dari relationship adalah belah ketupat.

3) Atribute

Atribut adalah karakteristik dari entity atau relationship, yang menyediakan

penjelasan detail tentang entity atau relationship tersebut.

4) Cardinality

Ada tiga tingkat kemungkinan yang terjadi yaitu:

a. One to One ( 1:1 )

Tingkat hubungan dinyatakan one to one jika suatu kejadian pada entity

pertama hanya mempunyai satu hubungan dengan satu kejadian pada entitas

kedua. Demikian juga sebaliknya satu kejadian pada entity yang pertama.

1 1 Pegawai Memilik Kendaraan

Sumber: Fathansyah (2012:64)

Gambar II.5

Cardinality One to One ( 1:1 )

b. One to Many ( 1:M )

Tingkat hubungan one to many adalah sama dengan many to one ( M : 1),

tergantung dari arah mana hubungan tersebut dilihat. Untuk satu kejadian

pada entitas yang pertama dapat mempunyai banyak hubungan dengan

kejadian pada entitas kedua. Sebaliknya satu kejadian pada entitas yang kedua

Page 34: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

20

hanya bisa mempunyai satu hubungan dengan satu kejadian pada entitas

pertama.

M 1 Pegawai Bekerj Departemen

Sumber: Fathansyah (2012:64)

Gambar II.6

Cardinality one to many ( 1:M )

c. Many to Many ( M:M )

Tingkat hubungan many to many terjadi jika tiap kejadian pada sebuah entitas

mempunyai banyak hubungan dengan kejadian pada entitas lainnya, baik

dilihat dari entitas yang pertama maupun dilihat dari sisi entitas yang kedua.

M M

Pegawai Proyek Bekerj

Sumber: Fathansyah (2012:65)

Gambar II.7

Cardinality Many to Many ( M:M )

Adapun beberapa jenis key yaitu:

a. Primary Key

Field yang mengidientifikasikan sebuah record dalam file yang bersifat unik.

Page 35: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

21

b. Secondary Key

Field yang dapat menghilangkan kemungkinan primary key tidak unik.

c. Candidate Key

Field yang dapat dijadikan calon primary key.

d. Alternate key

Field yang tidak terpilih menjadi primary key dari beberapa key.

e. Composite key

Jika tidak ada satupun file yang dapat dijadikan primary key, maka beberapa

field dapat digabungkan menjadi satu,

f. Foreign Key

Field yang bukan key tetapi, merupakan key pada file lain.

2.2.3. Logical Record Structure (LRS)

Menurut Shelly dan Harry J.Rosenblatt dalam Iskandar dan A. Haris Rangkuti

(2008:126) mengemukakan bahwa:

A logical record is a set of field values that describes a single person, place,

thing or even. For example, a logical customer record contains specific filed

values for a single customer, including the customer number, name addres,

telephone number, credit limit, and so on. Application programs see a logical

record as a group of related fields, regard-less of how or where the data is

stored physically.

Dapat diartikan bahwa logical record adalah satu set yang berisi penjelasan

dari seseorang, benda, tempat, atau kejadian. Sebagai contoh, sebuah logical record

pelanggan berisi spesifikasi isi field untuk seorang pelanggan, termasuk nomor

Page 36: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

22

pelanggan, nama, alamat, nomor telepon, batas kredit dan lainnya. Program aplikasi

melihat logical record sebagai grup dari field yang berelasi, tanpa memerhatikan

bagaimana atau dimana data disimpan secara fisik.

Sedangkan logical record structure menurut Iskandar dan Rangkuti

(2008:126) “Logical Record Structure terdiri dari link-link diantaranya tipe record.

Link ini menunjukan arah dari satu tipe record lainnya”.

2.2.4. Black box Testing

Menurut Simarmata (2010:316) Klasifikasi black box testing mencakup beberapa

pengujian, yaitu:

1. Pengujian fungsional (functional testing)

Pada jenis pengujian ini, perangkat lunak diuji untuk persyaratan fungsional.

Pengujian dilakukan dalam bentuk tertulis untuk memeriksa apakah aplikasi

berjalan seperti yang diharapkan. Walaupun pengujian fungsional sudah

sering dilakukan di bagian akhir dari siklus pengembangan, masing-masing

komponen dan proses dapat diuji pada awal pengembangan, bahkan sebelum

sistem berfungsi, pengujian ini sudah dapat dilakukan pada seluruh sistem.

Pengujian fungsional meliputi seberapa baik sistem melaksanakan fungsinya,

termasuk perintah-perintah pengguna, manipulasi data, pencarian dan proses

bisnis, pengguna layar, dan integrasi. Pengujian fungsional juga meliputi

permukaan yang jelas dari jenis fungsi-fungsi, serta operasi back-end (seperti,

keamanan dan sebagaimana meningkatkan sistem).

Page 37: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

23

2. Pengujian tegangan (stress testing)

Pengujian tegangan berkaitan dengan kualitas aplikasi di dalam lingkungan.

3. Pengujian beban (load testing)

Pada pengujian beban, aplikasi akan diuji dengan beban berat atau masukan,

seperti yang terjadi pada pengujian situs web, untuk mengetahui apakah

aplikasi/situs gagal atau kinerjanya menurun.

4. Pengujian khusus (ad-hoc testing)

Jenis pengujian ini dilakukan tanpa penciptaan rencana pengujian (test plan)

atau kasus pengujian (test case).

5. Pengujian penyelidikan (exploratory testing)

Pengujian penyelidikan mirip dengan pengujian khusus dan dilakukan untuk

mempelajari/mencari aplikasi.

6. Pengujian usabilitas (usability testing)

Pengujian ini disebut juga sebagai pengujian untuk keakraban pengguna

(testing for user-friendliness).

7. Pengujian asap (smoke testing)

Jenis pengujian ini disebut juga pengujian kenormalan (sanity testing).

8. Pengujian pemulihan (recovery testing)

Pengujian pemulihan (recovery testing) pada dasarnya dilakukan untuk

memeriksa seberapa cepat dan baiknya aplikasi bisa pulih terhadap semua

jenis crash atau kegagalan hardware, masalah bencana, dan lain-lain.

9. Pengujian volume (volume testing)

Page 38: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

24

Pengujian volume dilakukan terhadap efisiensi dari aplikasi.

10. Pengujian domain (domain testing)

Pengujian domain merupakan penjelasan yang paling sering menjelaskan

teknik pengujian.

11. Pengujian skenario (scenario testing)

Pengujian skenario adalah pengujian yang realitis, kredibel dan memotivasi

stakeholder, tantangan untuk program dan mempermudah penguji untuk

melalukan evaluasi.

12. Pengujian regresi (regression testing)

Pengujian regresi adalah gaya pengujian yang berfokus pada pengujian ulang

(retesting) setelah ada perubahan.

13. Penerimaan pengguna (user acceptance)

Pada jenis pengujian ini, perangkat lunak akan diserahkan kepada pengguna

untuk mengetahui apakah perangkat lunak memenuhi harapan pengguna dan

bekerja seperti yang diharapkan.

14. Pengujian alfa (alpha testing)

Pada jenis pengujian ini, pengguna akan diundang ke pusat pengembangan.

15. Pengujian beta (beta testing)

Pada jenis pengujian ini, perangkat lunak didistribusikan sebagai sebuah versi

beta dengan pengguna yang menguji aplikasi di situs mereka.

Page 39: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

BAB III

PEMBAHASAN

3.1 Analisa Kebutuhan

Dengan adanya website toko gitar rizky penulis mengharapkan suatu

kemudahan fasilitas dalam menjual produk jas hujan yang ditawarkan oleh

website toko gitar rizky kepada masyarakat luas, dan pengunjung khususnya.

Analisis kebutuhan mengidentifikasi kebutuhan yang diperoleh berdasarkan

pengguna dan kebutuhan sistem.

A. Kebutuhan Pengguna

Dalam sistem informasi berbasis web toko gitar, terdapat tiga kategori

pengguna yaitu administrator, pengunjung, dan member. Maka dari itu

dalam penyusunan tugas akhir ini analisa kebutuhan yang di bahas adalah

user terlebih dahulu mendaftar sebagai member agar dapat membeli suatu

produk yang ditawarkan oleh toko gitar rizky, kemudian setelah mendaftar

user yang telah menjadi member dapat melihat dan membeli produk yang

ditawarkan toko gitar rizky. Member yang telah membeli produk

dipersilakan untuk melakukan konfirmasi pembayaran. Sedangkan admin

bertugas sebagai pengelola website, sebelum masuk kehalaman admin

terlebih dahulu harus login ini hanya bisa diakses oleh pemilik website

dengan password dan username yang ditetapkan proses penginputan

produk, kategori, bukti pesanan, laporan penjualan.

25

Page 40: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

26

1. Administrator Web

a. Admin dapat mengelola data produk, seperti tambah produk, update

data produk dan hapus produk.

b. Admin dapat mengelola data pemesanan atau penjualan seperti

cetak nota penjualan, update status pemesanan, dan hapus

pemesanan.

c. Admin dapat melihat dan menghapus data pelanggan

d. Admin dapat melihat dan menghapus konfirmasi pembayaran yang

telah dilakukan pelanggan untuk disesuaikan dengan data rekening

bank perusahaan

e. Admin dapat mengelola laporan penjualan, laporan data pelanggan

dan laporan stok produk, seperti melihat laporan dan mencetak

laporan.

2. Pengunjung

a. Pengunjung harus dapat melihat tampilan produk yang akan

dipesan berupa spesifikasi gambar dan deskripsi mengenai

keterangan dari produk tersebut.

b. Pengunjung harus dapat melakukan pendaftaran jika menjadi

member pada from pendaftaran yang tersedia agar dapat memesan

produk yang diinginkan.

c. Pengunjung harus dapat melihat profil dari toko gitar berupa kotak

yang berhubungan dengan toko gitar dan bank yang bekerja sama

dengan toko gitar sehingga memudahkan bertransaksi.\

Page 41: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

27

d. Pengunjung dapat melihat panduan berbelanja sehingga

memudahkan pengunjung mengetahui proses memesan sampai

bertransaksi.\

3. Pelanggan

a. Pelanggan harus dapat melakukan pemesanan atau transaksi

pembelian setelah terdaftar sebagai pelanggan dan melakukan

login.

b. Pelanggan harus melakukan registrasi dengan mengisi seluruh data

pribadi pada halaman registrasi pelanggan, kemudian akan tercatat

sebagai member.

c. Pelanggan harus dapat melihat produk dan spesifikasi produk

secara detail yang ada di web e-commerce Gitar.

d. Pelanggan harus dapat membeli produk, pelanggan dapat

memasukan jumlah pembelian dan dapat melihat total pembelian

produk pada keranjang belanja.

e. Pelanggan harus dapat mengisi halaman alamat pengiriman barang,

dan rincian pemesanan.

f. Pelanggan harus dapat mencetak nota pemesanan atau pembelian

sebagai bukti pemesanan yang sah.

g. Pelanggan harus dapat melakukan konfirmasi pembayaran pada

halaman konfirmasi pembayaran setelah pelanggan melakukan

transfer total pembayaran ke rekening yang telah di tentukan.

Page 42: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

28

B. Kebutuhan Sistem

Dalam sistem informasi berbasis web pada toko gitar, terdapat

kebutuhan sistem, sebagai berikut :

1. Sistem menyediakan halaman registrasi dan login pelanggan untuk

pengunjung yang akan melakukan transaksi pembelian atau

pemesanan.

2. Sistem menyediakan keranjang belanja, update alamat pengiriman

produk, rincian pemesanan, dan konfirmasi pemesanan.

3. Sistem memberikan informasi dan layanan bagi pelanggan, seperti

informais ketentuan umum berbelanja, harga dan produk, pemesanan

dan pengiriman serta informasi pembayaran.

4. Sistem menyediakan fitur tambahan produk dan edit atau update data

produk yang telah tersedia.

5. Sistem dapat menampilkan rincian data konfirmasi pembayaran

pelanggan.

6. Sistem dapat menampilkan laporan penjualan per hari, minggu, dan

bulan.

7. Sistem dapat menampilkan data member.

3.2 Perancangan Perangkat Lunak

Adapun perancangan perangkat lunak yang penulis gunakan dalam

pembuatan website toko gitar rizky adalah sebagai berikut :

Page 43: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

29

3.2.1 Rancangan AntarMuka

Pada rancang anantar muka (interface) ini penulis akan menggambarkan

semua rancangan tampilan yang ada pada website toko gitar rizky.

1. Rancangan Home

Gambar III.1 Tampilan Home

Page 44: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

30

2. Rancangan AntarMuka Admin

Gambar III.2 Tampilan AntarMuka Member

Page 45: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

31

3. Rancangan AntarMuka Edit Pelanggan

Gambar III.3 Tampilan AntarMuka Edit Member

Page 46: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

32

4. Rancanga AntarMuka Keranjang Belanja

Gambar III.4 Tampilan AntarMuka Keranjang Belanja

Page 47: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

33

5. Rancangan AntarMuka Daftar Belanja

Gambar III.5 Tampilan AntarMuka Daftar Belanja

Page 48: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

34

6. Rancangan AntarMuka Konfirmasi Pembayaran

Gambar III.6 Tampilan AntarMuka Konfirmasi Pembayaran

Page 49: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

35

7. Rancangan AntarMuka Login Admin

Gambar III.8 Tampilan AntarMuka Login Admin

8. Rancangan AntarMuka Halaman Admin

Gambar III.9 Tampilan AntarMuka Halaman Admin

Page 50: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

36

9. Rancangan AntarMuka Tambah Admin

Gambar III.10 Tampilan AntarMuka Tambah Admin

Page 51: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

37

10. Rancangan AntarMuka Data Admin

Gambar III.11 Tampilan AntarMuka Data Admin

Page 52: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

38

11. Rancangan AntarMuka Tambah Kategori Barang

Gambar III.12 Tampilan AntarMuka Tambah Kategori Barang

Page 53: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

39

12. Rancangan AntarMuka Data Kategori Barang

Gambar III.13 Tampilan AntarMuka Data Kategori Barang

Page 54: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

40

13. Rancangan AntarMuka Tambah Barang

Gambar III.14 Tampilan AntarMuka Tambah Barang

Page 55: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

41

14. Rancangan AntarMuka Data Barang

Gambar III.15

Tampilan AntarMuka Data Barang

Page 56: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

42

15. Rancangan AntarMuka Data Member

Gambar III.16 Tampilan AntarMuka Data Member

Page 57: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

43

16. Rancangan AntarMuka Data Merek

Gambar III.17 Tampilan AntarMuka Data Merek

Page 58: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

44

17. Rancangan Data Provinsi

Gambar III.18 Tampilan Data Propinsi

Page 59: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

45

18. Rancangan AntarMuka Konfirmasi Pembayaran

Gambar III.19 Tampilan AntarMuka Konfirmasi Pembayaran

Page 60: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

46

3.2.2 Rancangan Basis Data

Dalam pembuatan website Toko Gitar Rizky penulis menggunkan

perancangan basis data sebagai berikut :

1. Entity Relationship Diagram (ERD)

Gambar III.20

Entity Relationship Diagram (ERD)

Page 61: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

47

2. Logical Relation Structure (LRS)

Gambar III.21

Logical Relation Structure (LRS)

3. Spesifikasi File

Berdasarkan ERD yang telah di transformasikan ke dalam bentuk RLS

diatas, maka penulis membuat beberapa file atau table yang tersimpan

Page 62: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

48

dalam database tokogitarrizkydb, dengan parameter-parameter sebai

berikut:

a. Spesifikasi File Admin

Nama File : Admin

Akronim : Admin

Fungsi : Untuk menyimpan data administrator web

Tipe File : File master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 11 karakter

Kunci Field : Id_Admin

Sofware : Mysql

Tabel III.1

Spesifikasi File Pesan

No. ElemenData Nama Field Tipe Panjang Keterangan

1. Identitas Admin Id_Admin Int 4 Primary key

2. Username Admin Username Varchar 30

3. Password Password Varchar 12

b. Spesifikasi File Pemesanan

Nama File : Pemesanan

Page 63: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

49

Akronim

Fungsi

Tipe File

Organisasi File

Akses File

Media

Panjang record

Kunci Field

Sofware

: Pemesanan

: Untuk menyimpan data pemesanan

: Transaksi

: Indexed Sequential

: Random

: Harddisk

: 21 karakter

: Id_Pemesanan

: Mysql

Tabel III.2

Spesifikasi File Pesan Detail

No. Elemen Data Nama Field Tipe Panjang Keterangan

1. Identitas id_pemesanan Bigint 20 Primary Key

Pemesanan

2. Kode kd_Pemesanan Varchar 50 Foreign Key

Pemesanan

3. Identitas id_Pelanggan Bigint 20

Pelanggan

4. Nama Penerima Nama Varchar 100

5. Nomor Telpon no_hp Varchar 15

6. Alamat Lengkap Alamat Text

7. Identitas id_Provinsi Bigint 20 Foreign Key

Provinsi

8. Total Barang total_barang Int 11

9. Status status_pemesanan Tinyint 1

Pemesanan

Page 64: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

50

10. Tanggal tgl_pemesanan Datetime

Pemesanan

c. Spesifikasi File Barang

Nama File : Barang

Akronim : Barang

Fungsi : untuk menyimpan data barang

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 165

Kunci Field : id_barang

Sofware : Mysql

Tabel III.3

Spesifikasi File Barang

No. Element Data Name field Type Panjang Keterangan

1 Identitas Barang id_barang bigint 20 Primary Key

2 Identitas Kategori id_kategori bigint 20

3 Tipe Kategori tipe_kategori tinyint 1

4 Identitas Merek id_merek bigint 20

5 Kode Barang kode_barang varchar 50

6 Nama Barang nama_barang varchar 255

7 Gambar image_url varchar 255

8 Stok stok varchar 50

9 Harga Beli harga_beli int 11

10 Harga Jual harga_jual int 11

11 Deskripsi Barang deskripsi_barang text

12 Spesifikasi Barang spesifikasi_barang text

Page 65: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

51

d. Spesifikasi File Anggota

Nama File : Anggota

Akronim : Member

Fungsi : Menyimpan data anggota

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 130

Kunci Field : id_anggota

Sofware : Mysql

Tabel III.4

Spesifikasi File Anggota

No. Element Data Name field Type Panjang Keterangan

1 Identitas Pelanggan id_pelanggan bigint(20) 20 Primary Key

2 Nama Pelanggan nama varchar(100) 100

3 Jenis Kelamin jenis_kelamin varchar(20) 20

4 Email email varchar(100) 100

5 Nomor Hp no_hp varchar(20) 20

6 User Name username varchar(100) 100

7 Password password varchar(255) 255

Page 66: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

52

e. Spesifikasi File Kategori

Nama File : Kategori

Akronim : Kategori

Fungsi : Mengelompokkan jenis barang

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 28

Kunci Field : id_kategori

Sofware : Mysql

Tabel III.5

Spesifikasi File Kategori

No. Element Data Name field Type Panjang Keterangan

1 Identitas Kategori id_kategori bigint

20 Primary Key

2 Nama Kategori nama_kategori varchar

100

3 Tipe Kategori tipe_kategori tinyint

1

f. Spesifikasi File Pembayaran

Nama File : Pembayaran

Akronim : Pembayaran

Fungsi : Menyimpan Data Pembayaran Pelanggan

Tipe File : Transaksi

Organisasi File : Indexed Sequential

Page 67: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

53

Akses File : Random

Media : Harddisk

Panjang record : 121 Karakter

Kunci Field : id_pembayaran

Sofware : Mysql

Tabel III.6

Spesifikasi File Konfirmasi

No. Elemen Data Nama Field Tipe Panjang Keterangan

1. Identitas id_Pembayaran Bigint 20 Primary Key

Pembayaran Auto_Incerment

2. Kode Pemesanan kode_pemesanan Varchar 50 Foreign Key

3. Jumlah Transfer jumlah_transfer int 11

4. Keterangan Keterangan Varchar 100

5. Tanggal tgl_Pembayaran Datetime

Pembayaran

Page 68: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

54

3.2.3 Rancangan Struktur Navigasi

Dalam pembuatan website Toko gitar rizky, penulis menggunakan struktur

navigasi campuran, berikut adalah struktur navigasi yang ada pada website Toko

gitar rizky:

Gambar III.22 Struktur Navigasi User

Page 69: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

55

Index

Login

Beranda

Guitar

Bass

Contact

Transaksi

Profile

Logout

Electric Electric

Acoustic Electric

Electric

Detail Acoustic

Acoustic

Guitar Guitar Bass Pemesanan Guitar

Bass

Gambar III.23 Struktur Navigasi Pelanggan

Page 70: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

56

Login

Beranda

Data Data Data Data Data Datra Konfirmasi Laporan

Keluar

Provinsi

Kategori

Merk

Barang

Pelanggan

Admin

Pembayaran

Edit

Hapus Edit

Hapus Detail Konfirmasi

Gambar III.24 StrukturNavigasi Admin

Page 71: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

57

3.3 Implementasi dan Pengujian Unit

3.3.1 Implementasi

Implementasi rancangan antar muka pada aplikasi e-commers berdasarkan

hasil rancangan antar muka penjualan Gitar adalah sebagai berikut :

1. Implementasi Halaman

Admin a. Halaman Login Admin

Gambar III.25 Halaman Login Admin

Page 72: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

58

b. Halaman Beranda Admin

Gambar III.26 Halaman Beranda Admin

Page 73: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

59

c. Halaman Tambah Admin

Gambar III.27 Halaman Tambah Admin

Page 74: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

60

d. Halaman Data Admin

Gambar III.28 Halaman Data Admin

Page 75: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

61

e. Halaman Data Merek

Gambar III.29 Halaman Data Merek

Page 76: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

62

f. Halaman Data Tambah Merek

Gambar III.30 Halaman Data Tambah Merek

Page 77: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

63

g. Halaman Tambah Barang

Gambar III.31 Halaman Tambah Barang

Page 78: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

64

h. Halaman Data Barang

Gambar III.32 Halaman Data Barang

Page 79: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

65

i. Halaman Data Pelanggan

Gambar III.33 Halaman Data Pelanggan

Page 80: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

66

j. Halaman Data Kategori

Gambar III.34 Halaman Data Kategori

k. Halaman Tambah Kategori

Page 81: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

67

Gambar III.35 Halaman Tambah Kategori

2. Implementasi Halaman

User a. Halaman User

Gambar III.36

Halaman Beranda User

Page 82: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

68

b. Halaman Register Member

Gambar III.37 Halaman Register Member

Page 83: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

69

c. Halaman Keranjang Belanja

Gambar III.38 Halaman Keranjang Belanja

Page 84: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

70

d. Halaman Konfirmasi Pembayaran

Gambar III.39 Halaman Konfirmasi Pembayaran

Page 85: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

71

e. Halaman Cetak Invoice

Gambar III.40 Halaman Cetak Invoice

3. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce

pada Toko Gitar Rizky.

1. Spesifikasi Perangkat

Keras a. Server

1) CPU

(a) Processor Intel Atom 1,66GHz

Page 86: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

72

(b) RAM 1 GB

(c) HardDisk 160 GB

2) Mouse

3) Keyboard

4) Printer Inkjet

5) Monitor dengan resolusi layar minimum 1024 x 768

6) Koneksi internet dengan kecepatan 3 Mbps.

b. Client

1) CPU

(a) Processor Intel(R) Core 2 Duo

(b) RAM 1.00 GB

(c) HardDisk 325 GB

2) Mouse

3) Keyboard

4) Printer Inkjet

5) Monitor dengan resolusi layar minimum 1024 x 768

6) Koneksi internet dengan kecepatan 2 Mbps

2. Spesifikasi Perangkat Lunak

a. Server

1) Sistem Operasi Microsoft Windows 10

2) Web Server Xampp 1.7.7

3) Web Browser Crome

b. Client

Page 87: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

73

1) Sistem Operasi Microsoft Windows 10

2) Web Server Xampp 1.7.7

3.3.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan Blackbox Testing

yang fokus terhadap proses masukan dan keluaran program.

1. Pengujian Terhadap Form Login Admin

Tabel III.7 Hasil Pengujian Black Box Testing Form Login Admin

Skenario Pengujian Test case Hasil yang Hasil Kesimpulan

o diharapkan pengujian

Username dan Username : Sistem akan

password tidak diisi (kosong) menolak aksesdan

kemudian klik tombol Password : muncul Sesuai

login (kosong) peringatan “Isi Valid . harapan

username dan

password dengan

benar”

Username : Sistem akan

admin (benar) menolak akses

Username diisi dan Password : dan muncul Sesuai

Password tidak diisi (kosong) peringatan “Isi Valid harapan

kemudian klik login

username dan

password dengan

benar”

Sistem akan

Username : menolak aksesdan

Username tidak diisi (kosong) muncul Sesuai

dan password diisi Password : peringatan “Isi Valid harapan

kemudian klik login 123456 username dan

(benar) password dengan

benar”

Username :

Sistem akan

menerima,

Username dan admin (benar)

muncul pesan Sesuai

password terisi dengan Password : Valid

“Login Berhasil” harapan benar dan klik login 123456

dan masuk

(benar)

kehalaman admin

Page 88: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

74

2. Pengujian Terhadap Form Tambah Barang

Tabel III.8 Hasil Pengujian Black Box Testing Form Tambah Barang

Skenario Pengujian Test case Hasil yang Hasil Kesimpulan

o diharapkan pengujian

Semua field dan Field : Muncul

gambar tidak terisi (kosong) peringatan

kemudian klik Gambar : “Data yang

simpan (kosong) anda masukan Sesuai Valid

.

masih ada yang harapan

kosong” dan

kembalike form

tambah produk

Semuafield

Munculperingat

an

terisi dan gambar Field : terisi

“Harapmasukan Sesuai

tidak terisi Gambar : Valid

gambar” dan harapan kemudian klik (kosong)

kembalike form

simpan

tambah produk

Semua field terisi

Produk

Field : terisi tersimpan dan

dan gambar terisi Sesuai

Gambar : muncul pesan Valid

kemudian klik harapan terisi “Produk baru

simpan

telahtersimpan”

3. Pengujian Terhadap Form Daftar Member

Tabel III.9 Hasil Pengujian Black Box Testing Form Daftar Pelanggan

Skenario Pengujian Test case Hasil yang Hasil Kesimpulan

o diharapkan pengujian

Muncul

peringatan “Isi

Semua field tidak Field : semua field Sesuai

terisi kemudian klik (kosong) denganlengkap” Valid . harapan

daftar

dan kembali ke

form daftar

Pelanggan

Page 89: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

75

Muncul

alamat :

peringatan “Isi

semua field

Salah satu field (kosong)

dengan Sesuai

belum terisi Field lain : Valid

lengkap” dan harapan kemudian klik daftar terisi

kembalike form

daftar

Pelanggan

Semua field terisi Field : terisi

Muncul

peringatan Sesuai

namun format email Email : terisi Valid

“Email tidak harapan salah kemudian (salah)

Valid”

Tersimpan kedalam

Semua field terisi Field : terisi

database dan

muncul pesan

dan format email (benar) Sesuai

“Acount telah Valid

benar kemudian klik Email : terisi harapan terdaftar,

daftar (benar)

silahkan login

untuk

meneruskan”

4. Pengujian Terhadap Form Konfirmasi

Tabel III.10 Hasil Pengujian Black Box Testing Form Konfirmasi

Skenario Pengujian Test case Hasil yang Hasil Kesimpulan

o diharapkan pengujian

Muncul

peringatan “isi

Semua Field tidak Field :

semua Field Sesuai

terisi kemudian klik dengan Valid . (kosong) harapan

konfirmasi lengkap” dan

kembali keform

konfirmasi

Muncul

Jika email yang Email tidak Peringatan di

diketikan tidak sesuai samping kiri Sesuai Valid

sesuai dengan dengan Field email harapan

format Email Format “Email tidak

valid

Page 90: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

76

Muncul SemuaField terisi peringatan

dan Email sesuai Field :Terisi “konfimasi dari Sesuai

dengan format Email : pemesan telah Valid harapan

kemudian klik Valid tersimpan,

simpan barang

segeradikirim”

5. Pengujian Terhadap Form Transaksi

Tabel III.11 Hasil Pengujian Black Box Testing Form Transaksi

SkenarioPengujian Test case Hasil yang Hasil Kesimpulan

o diharapkan pengujian

Tampil form

Klik tombol Beli di Tampil form Keranjang

Sesuai

Keranjang Belanja dengan Valid . form Produk harapan

Belanja menginput

jumlah beli

Jumlah beli : 2

Kemudian Sistem akan

Menginput jumlah klik tombol menjumlahkan Sesuai Valid beli Update cart Total=Harga*Ju harapan

pada mlah

keranjang

belanja

Klik tombol Pesan Lagi pada keranjang

Tampil ke Sistem

Sesuai

belanja jika ingin menampilkan Valid form produk harapan melakukan data produk

pembelian ulang

Klik tombol Hapus

Sistem akan menghapus

jika ingin hapus Sesuai

Hapus barang belanja Valid barang belanja dari harapan pada keranjang

keranjang belanja belanja

Klik tombol Selesai Sistem akan

pada keranjang Tampil ke

menampil Data Sesuai

belanja bila telah form Daftar Valid Barang yang harapan melakukan Belanja

dibeli

pembelian

Sistem

Klik tombol Cetak Tampil

menampilkan Cetak Invoice Sesuai

Invoice pada Daftar Cetak Valid yang berisi harapan Belanja Invoice

Daftar Belanja

yang dibeli

Page 91: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

BAB IV

PENUTUP

4.1. Kesimpulan

Dalam bab ini, penulis mencoba menarik kesimpulan dari seluruh pokok

pembahasan pada bab-bab sebelumnya yang ada dalam Tugas Akhir ini. Sebagai

akhir dari penulisan Tugas Akhir ini, penulis berkesimpulan bahwa:

1. Dengan adanya situs Toko Gitar Rizky, kebutuhan para musisi akan dapat

terpenuhi dengan mudah.

2. Mempermudah dalam mencari informasi tentang gitar dari bentuk maupun

spesifikasi secara online karena dengan hanya mengakses situs ini saja

3. Transaksi dapat dilakukan kapan saja ketika pelanggan mendaftar di

website ini lebih cepat, mudah dan tidak perlu mengunjungi ke toko

tersebut.

4. Pembuatan aplikasi situs ini dapat digunakan untuk mempermudah dalam

melakukan pembelian gitar yang dilakukan secara online dengan teknologi

internet.

77

Page 92: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

78

4.2. Saran

Untuk menunjang sebuah website, penulis menyarankan beberapa hal yang

harus dilakukan sebelum membuat sebuah website. Adapun saran-saran dari

penulis antara lain:

1. Mengupdate konten setiap ada stok, model dan mrek gitar dengan terbaru.

2. Melakukan back up data dengan sering melakukan cetak laporan secara

rutin pada setiap penjualan gitar dan perlu ditambah keamanan sistem agar

terhindar dari para hacker.

3. Senantiasa mempromosikan web ini kepada teman - teman sekitar nya dan

masyarakat agar web tersebut lebih populer dan banyak di minati oleh para

Musisi.

Hal-hal tersebut merupakan masukan dari penulis supaya website yang

diharapkan dapat memberikan hasil kerja yang berdayaguna sekaligus efisien.

Page 93: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

DAFTAR PUSTAKA

Abdulloh. 2015. Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta: Media Kita.

Adelheid, Andrea. 2013. Cara Cepat Membuat Segala Jenis Website. Jakarta: PT Gramedia

Aditama Roki. 2013. Sistem Informasi Akademik Kampus Berbasis Web dengan PHP. Yogyakarta: Penerbit Lokomedia.

Anhar. 2010. Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta:

Mediakom.

Arief, M. Rudyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP&MySQL. Yogyakarta: Andi.

Badiyanto. 2013. Buku Pintar Framework Yii.Yogyakarta: MediaKom.

Binanto. 2010. Rekayasa Perangkat Lunak. Yogyakarta: Graha Ilmu.

Fathansyah. 2012. Basis Data revisi kedua. Bandung: Informatika.

Hidayatullah, Priyanto dan JK Kawistara. 2014. Pemrograman Web. Bandung:

Informatika.

Ifana, Yoka Putra, 2015. 1 Jam Pasti Bisa Membuat Website Gratis Otadidak Tanpa Guru. Jakarta: PT Serambi Distribusi.

Iskandar Agus, dan Rangkuti A. H. 2008. Perancangan Sistem Informasi Penjualan Tunai Pada PT Klaten Bercahaya. Jakarta: Jurnal Bisnis Data.

Limantara. 2009. Adobe

Dreamweaver

CS5

PHP-MySQL

untuk

Pemula. Yogyakarta: Andi.

Sibero, Alexander. 2013. Web Programing Power Pack. Yogyakarta: MediaKom.

Simarmata, Janner. 2010. Rekayasa Web. Yogyakarta: Andi.

Triyuliana, Agnes Heni. 2008. Seri Panduan Lengkap: Adobe Dreamweaver Cs 3.

Madiun: Madcoms.

Wicaksono, Yogi. dan SmitDev Community. 2008. Membangun Bisnis Online dengan Mambo. Jakarta: PT. Elex Media Komputindo.

79

Page 94: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

80

Wong, Jony. 2010. Internet Marketing for Beginners. Jakarta: PT Elex Media

Komputindo.

Page 95: TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity Relationship Diagram Entitas atau Objek Data Kumpulan objek atau sesuatu yang dapat dibedakan

81