TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity...
-
Upload
truongminh -
Category
Documents
-
view
292 -
download
4
Transcript of TUGAS AKHIR - repository.bsi.ac.id · DAFTAR RIWAYAT HIDUP ..... 81 x . DAFTAR SIMBOL Entity...
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
ii
iii
iv
v
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
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.
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
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
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
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
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
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
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
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/
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”.
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
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)
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
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.
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
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)”.
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.
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”.
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
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
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.
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.
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.
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.
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.
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
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.
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
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).
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)
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.
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
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.\
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.
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 :
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
30
2. Rancangan AntarMuka Admin
Gambar III.2 Tampilan AntarMuka Member
31
3. Rancangan AntarMuka Edit Pelanggan
Gambar III.3 Tampilan AntarMuka Edit Member
32
4. Rancanga AntarMuka Keranjang Belanja
Gambar III.4 Tampilan AntarMuka Keranjang Belanja
33
5. Rancangan AntarMuka Daftar Belanja
Gambar III.5 Tampilan AntarMuka Daftar Belanja
34
6. Rancangan AntarMuka Konfirmasi Pembayaran
Gambar III.6 Tampilan AntarMuka Konfirmasi Pembayaran
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
36
9. Rancangan AntarMuka Tambah Admin
Gambar III.10 Tampilan AntarMuka Tambah Admin
37
10. Rancangan AntarMuka Data Admin
Gambar III.11 Tampilan AntarMuka Data Admin
38
11. Rancangan AntarMuka Tambah Kategori Barang
Gambar III.12 Tampilan AntarMuka Tambah Kategori Barang
39
12. Rancangan AntarMuka Data Kategori Barang
Gambar III.13 Tampilan AntarMuka Data Kategori Barang
40
13. Rancangan AntarMuka Tambah Barang
Gambar III.14 Tampilan AntarMuka Tambah Barang
41
14. Rancangan AntarMuka Data Barang
Gambar III.15
Tampilan AntarMuka Data Barang
42
15. Rancangan AntarMuka Data Member
Gambar III.16 Tampilan AntarMuka Data Member
43
16. Rancangan AntarMuka Data Merek
Gambar III.17 Tampilan AntarMuka Data Merek
44
17. Rancangan Data Provinsi
Gambar III.18 Tampilan Data Propinsi
45
18. Rancangan AntarMuka Konfirmasi Pembayaran
Gambar III.19 Tampilan AntarMuka Konfirmasi Pembayaran
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)
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
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
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
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
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
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
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
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
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
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
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
58
b. Halaman Beranda Admin
Gambar III.26 Halaman Beranda Admin
59
c. Halaman Tambah Admin
Gambar III.27 Halaman Tambah Admin
60
d. Halaman Data Admin
Gambar III.28 Halaman Data Admin
61
e. Halaman Data Merek
Gambar III.29 Halaman Data Merek
62
f. Halaman Data Tambah Merek
Gambar III.30 Halaman Data Tambah Merek
63
g. Halaman Tambah Barang
Gambar III.31 Halaman Tambah Barang
64
h. Halaman Data Barang
Gambar III.32 Halaman Data Barang
65
i. Halaman Data Pelanggan
Gambar III.33 Halaman Data Pelanggan
66
j. Halaman Data Kategori
Gambar III.34 Halaman Data Kategori
k. Halaman Tambah Kategori
67
Gambar III.35 Halaman Tambah Kategori
2. Implementasi Halaman
User a. Halaman User
Gambar III.36
Halaman Beranda User
68
b. Halaman Register Member
Gambar III.37 Halaman Register Member
69
c. Halaman Keranjang Belanja
Gambar III.38 Halaman Keranjang Belanja
70
d. Halaman Konfirmasi Pembayaran
Gambar III.39 Halaman Konfirmasi Pembayaran
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
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
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
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
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
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
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
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.
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
80
Wong, Jony. 2010. Internet Marketing for Beginners. Jakarta: PT Elex Media
Komputindo.
81