PERANCANGAN SISTEM INFORMASI PENJUALAN
SEPATU BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat keluluan Diploma Tiga (D.III)
KARMILA
NIM : 12142022
Program Studi Manajemen Informatika
Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika
Jakarta
2017
KATA PENGANTAR
Puji dan syukur kita panjatkan kepada Tuhan Yang Esa atas segala rahmat
yang telah dilimpahkan-Nya, sehingga penulis dapat menyelesaikan Tugas Akhir
ini. Tugas Akhir ini penulis sajikan dalam bentuk buku yang sederhana dengan
judul sebagai berikut, “Perancangan Sistem Informasi Penjualan Sepatu
Berbasis Web”
Tujuan penulisan Tugas Akhir ini dibuat sebagai salah satu syarat
kelulusan Program Diploma Tiga (D.III) AMIK BSI Jakarta. Penulis menyadari
bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan tugas
akhir ini tidak akan lancar. Oleh karena itu pada kesempatan ini, izinkanlah
penulis menyampaikan ucapan terimakasih kepada:
1. Direktur Amik BSI Jakarta.
2. Bapak, Kresna Ramanda M.Kom selaku Dosen Pembimbing Tugas Akhir
dan Bapak, Lusino M.Kom Selaku asisten Dosen Pembimbing Tugas
Akhir.
3. Orang tua dan keluarga tercinta yang senantiasa memberikan dukungan
dan semangat.
4. Sahabat saya Maisaroh Ali Rahman,Dian Meiyanti, Nur Azizah, dan
teman-teman Senat yang sudah ikut membantu dalam penyelesaian Tugas
Akhir ini.
5. Teman-teman mahasiswa Program Diploma Tiga Manajemen Informatika,
dan sahabat-sahabatku yang telah memberikan dukungan dan motivasi
selama proses penyelesaian tugas akhir ini.
viii
Serta semua pihak yang telah banyak membantu penulis walaupun tidak
mungkin disebutkan satu persatu sehingga Tugas Akhir ini dapat terselesaikan.
Penulis menyadari bahwa penulisan Tugas Akhir ini masih jauh dari sempurna,
dan masih banyak kelemahan. Meskipun demikian penulis berharap semoga
Tugas Akhir ini dapat bermanfaat untuk penulis sendiri maupun untuk pembaca.
Akhir kata semoga Tugas Akhir ini memberikan manfaat bagi semua
pihak, terutama bagi penulis dan para pembaca.
Jakarta, 02 Juli 2017
Penulis
Karmila
viii
ABSTRAKSI
Karmila (12142022), Perancangan Sistem Informasi Penjualan Sepatu
Berbasis Web
Jaringan internet telah terbukti dapat mempermudah pemakainya baik dalam
berkomunikasi maupun dalam pertukaran informasi. Internet merupakan media
informasi yang tepat untuk menjawab semua kebutuhan dan dapat diakses oleh
siapapun kapanpun dan dimanapun.Perancangan Sistem informasi penjualan
Sepatu berbasis web ini menjual sepatu berbasis E-commerce. Website E-
commerce sangat berguna dalam meningkatkan penjualan dan memperkenalkan
produk kepada konsumen karena dapat diakses kapanpun, dimanapun dan tanpa
harus bertatap muka penjual maupun konsumen dapat melakukan transaksi
dengan mudah dan praktis. Pembuatan website E-commerce dengan menggunakan
dreamweaver CS6, PHP, CSS, dan MySQL merupakan cara untuk membangun
sebuah website yang dinamis dengan tampilan yang menarik untuk meningkatkan
minat beli konsumen. Dengan adanya hal itu diharapkan penulis mampu
memperkenalkan E-commerce sebagai solusi dalam dunia bisnis khususnya dalam
hal meningkatkan penjualan, kualitas pelayanan dan media promosi.
Kata Kunci: Sistem Informasi, Internet, E-commerce, Penjualan Sepatu
ix
ABSTRACT
Karmila (12142022), Design of Shoes information system based of website
Internet network has been shown to facilitate the user both in communication and
in the exchange of information. Internet is a media of appropriate information to
answer all your needs and can be accessed by anyone anytime and anywhere. The
web based clothing sales information systems sells clothes based E-commerce. E-
commerce websites are very useful in increasing sales and introduce products to
consumers because it can be accessed anytime, anywhere, and without having to
meet sellers and consumers can conduct transactions easily and practically. E-
commerce website creation by using Dreamweaver CS6, PHP, CSS, and MySQL
is a way to build a dynamic website with an attractive appearance to improve
consumer buying interest. With the authors it is expected to be able to introduce
E-commerce as a solution in the business world, especially in terms of increasing
sales, quality of service and a media promotion.
Keywords: Information Systems, Internet, E-commerce, Shoes Sales
x
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
Abstrak ...................................................................................................................... viii
Daftar Isi ....................................................................................................................... x
Daftar Simbol ............................................................................................................... xii
Daftar Gambar ............................................................................................................. xiii
Daftar Tabel ................................................................................................................ xiv
Daftar Lampiran ........................................................................................................... xv
BAB I PENDAHULUAN ........................................................................................... 1
1.1. Latar Belakang ........................................................................................... 1
1.2. Maksud dan Tujuan .................................................................................... 2
1.3. Metode Penelitian....................................................................................... 2
1.4. Ruang Lingkup ........................................................................................... 3
1.5. Sistematika penulisan ................................................................................. 4
BAB II LANDASAN TEORI .................................................................................... 5
2.1. Konsep Dasar Web ..................................................................................... 5
2.1.1. Website ........................................................................................... 5
2.1.2. Bahasa Pemograman .................................................................... 13
2.1.3. Basis Data (Database).................................................................. 16
2.1.4. Model Pengembangan Perangkat Lunak ...................................... 18
2.2. Teori Pendukung ...................................................................................... 20
2.2.1. Struktur Navigasi ......................................................................... 20
2.2.2. Enterprise Relationship Diagram (ERD) .................................... 23
2.2.3. Logical Record Structure (LRS) .................................................. 25
2.2.4. Pengujian Web ............................................................................. 26
BAB III PEMBAHASAN ....................................................................................... 27
3.1. Analisis Kebutuhan................................................................................... 27
3.1.1. Kebutuhan Pengguna ..................................................................... 27
3.1.2. Kebutuhan Sistem .......................................................................... 28
3.2. Perancangan Perangkat Lunak.................................................................. 28
3.2.1. Rancangan Antar Muka.................................................................. 28
3.2.2. Basis Data ...................................................................................... 36
3.2.3. Rancangan Struktur Navigasi ......................................................... 49
3.3. Implementasi dan Pengujian Unit............................................................. 51
xi
3.3.1. Implementasi ................................................................................... 51
3.3.2. Pengujian Unit ................................................................................. 58
BAB IV PENUTUP .................................................................................................. 62
4.1. Kesimpulan .............................................................................................. 62
4.2. Saran ......................................................................................................... 63
DAFTAR PUSTAKA ............................................................................................... 64
DAFTAR RIWAYAT HIDUP ................................................................................ 65
LAMPIRAN .............................................................................................................. 66
xiii
DAFTAR GAMBAR
Halaman
Gambar II.1. Ilustrasi Metode Waterfall .................................................................... 11
Gambar II.2. Struktur Navigasi Linier ....................................................................... 14
Gambar II.3. Struktur Navigasi Hirarki ..................................................................... 14
Gambar II.4. Struktur Navigasi Non Linier ............................................................... 15
Gambar II.5. Struktur Navigasi Komposit ................................................................. 15
Gambar II.6. Binary Relation ..................................................................................... 19
Gambar II.7. Unary Relation ..................................................................................... 20
Gambar II.8. N-ary Relation ...................................................................................... 26
Gambar III.1. Rancangan Antar Muka Login Admin ................................................ 26
Gambar III.2. Rancangan Antar Muka Ruang Admin ............................................... 27
Gambar III.3. Rancangan Antar Pustaka User ........................................................... 27
Gambar III.4. Rancangan Antar Muka Pustaka Web ................................................. 28
Gambar III.5. Rancangan Antar Muka Halaman Pengunjung ................................... 28
Gambar III.6. Rancangan Antar Muka Daftar Member ............................................. 29
Gambar III.7. Rancangan Antar Muka Login Member .............................................. 29
Gambar III.8. Rancangan Antar Muka Halaman Member ......................................... 30
Gambar III.9. Rancangan Antar Muka Beli Produk .................................................. 30
Gambar III.10. Rancangan Antar Muka Tabel Pesanan ............................................ 30
Gambar III.11. Rancangan Antar Muka Konfirmasi Pembayaran ............................. 31
Gambar III.12. Entity Relationship Diagram ............................................................. 32
Gambar III.13. Logical Relational Structure ............................................................. 33
Gambar III.14. Struktur Navigasi Halaman Admin ................................................... 42
Gambar III.15. Struktur Navigasi Halaman Utama Pengunjung ............................... 43
Gambar III.16. Implementasi Rancangan Antar Muka Member ............................... 44
xiv
DAFTAR TABEL
Halaman
Tabel III.1. Spesifikasi File admin ............................................................................. 34
Tabel III.2. Spesifikasi File Cart ................................................................................ 35
Tabel III.3. Spesifikasi File JNE ................................................................................ 36
Tabel III.4. Spesifikasi File Kategori ......................................................................... 36
Tabel III.5. Spesifikasi File Konfirmasi ..................................................................... 37
Tabel III.6. Spesifikasi File Pesan.............................................................................. 38
Tabel III.7. Spesifikasi File Pesanan ......................................................................... 38
Tabel III.8. Spesifikasi File Barang .......................................................................... 39
Tabel III.9. Spesifikasi File User ............................................................................... 40
Tabel III.11. Hasil Pengujian Black Box Testing Halaman Login Member ............... 50
Tabel III.12. Hasil Hasil Pengujian Black box Testing Halaman Login Admin ........ 51
Tabel III.13. Hasil Pengujian Black box Testing Halaman Pendaftaran .................... 52
xv
DAFTAR LAMPIRAN
A.1 Halaman Detail Barang ........................................................................................... 61
A.2 Halaman Form Pemesanan...................................................................................... 61
A.3 Halaman Konfirmasi ............................................................................................... 62
A.4 Cetak Invoice .......................................................................................................... 62
B.1 Halaman Laporan Penjualan ................................................................................... 63
B.2 Cetak Laporan Penjualan ........................................................................................ 63
B.3 Cetak Laporan Barang ............................................................................................. 63
B.4 Cetak Laporan Barang .............................................................................................. 64
1
BAB I
PENDAHULUAN
1.1. Latar Belakang
Perkembangan teknologi saat ini mendukung kreatifitas manusia untuk mencapai
hasil maksimal dalam berbagai bidang, salah satu aspek yang paling menonjol saat ini
adalah peran media komputer dalam sebuah bisnis jual beli secara online, bisnis
online saat ini semakin marak didunia internet mulai dari penjualan komputer,
handphone, pakaian, sampai bisnis makanan pun sekarang sudah menggunakan
internet sebagai alat untuk pemasaran dan juga menjual produk.
Semakin berkembangnya penjualan sepatu, kebutuhan pengguna juga semakin
bertambah. Umumnya dari industri penjualan sepatu yang ada saat ini masih
menggunakan cara pemasaran dan penjualan produk secara konvensional. Penjualan
yang dilakukan hanya sebatas pada toko yang mereka miliki, dampak dari penjualan
seperti ini adalah produk yang terbatas pada pelanggan tertentu saja. Selain itu kurang
tersedianya waktu pelanggan untuk datang melihat produk baru yang disediakan.
Melihat permasalahan-permasalahan tersebut, dan adanya peluang pengguna
teknologi informasi khususnya internet untuk pelaku bisnis sepatu, maka diperlukan
sebuah dukungan sistem aplikasi yang nantinya dapat diimplementasikan oleh pelaku
bisnis sepatu. Perkembangan aplikasi berbasis web ini akan penulis sajikan dalam
2
bentuk tugas akhir dengan judul: “PERANCANGAN SISTEM INFORMASI
PENJUALAN SEPATU BERBASIS WEB”.
1.2. Maksud dan Tujuan
Setiap penelitian yang dilakukan tentunya memiliki maksud dan tujuan yang
jelas. Adapun maksud dan tujuan dari penelitian ini yaitu:
1.2.1. Maksud
Maksud dari penelitian ini yaitu:
1. Memberikan informasi produk dengan cepat dan akurat serta kemudahan
untuk penjual mempromosikan penjualan sepatu dengan sistem berbasis web.
2. Mengontrol pengelolaan transaksi penjualan dan pemasaran.
3. Memberikan solusi kepada para calon pembeli yang tidak memiliki banyak
waktu untuk datang berbelanja ke tempat belanja secara secara langsung.
1.2.2. Tujuan
Tujuan dari dilakukannya penelitian ini adalah untuk melengkapi salah satu
syarat yang telah dilakukan dalam mencapai kelulusan pada Program Diploma
Tiga (D.III) program studi manajemen informatika pada akademi Manajemen
Informatika dan Komputer Bina Sarana Informatika.
3
1.3. Metode Penelitian
A. Metode Pengumpulan Data
Metode pengumpulan data yang penulis gunakan yaitu:
1. Observasi
Dalam pencarian data, penulis mengamati secara langsung proses-proses yang
terjadi pada website penjualan Sepatu untuk mendapatkan informasi tentang
sistem penjualan dan promosi pada website penjualan Sepatu.
2. Studi Pustaka
Untuk mempelajari masalah secara mendalam yang berkaitan dengan pembuatan
sistem informasi penjualan berbasis web, maka perlu melakukan studi
kepustakaan yaitu dengan mengumpulkan data-data teoritis dan mempelajari
buku-buku ilmiah serta mengumpulkan data informasi dari artikel maupun
tutorial yang penulis cari di internet dengan maksud untuk mendapatkan teori-
teori dan bahan-bahan yang berkaitan dengan masalah tersebut diatas.
B. Metode Pengembangan Perangkat Lunak
Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan
model water fall (sommerville, 2007:66) yang terbagi tiga tahapan yaitu:
1. Analisis Definisi Persyaratan
Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan pengguna
pada tingkatan sistem dengan menentukan konsep sitem beserta antarmuka yang
menggunakannya dengan lingkungan sekitar. Hasilnya berupa spesifikasi sistem.
4
2. Perancangan Sistem dan Perangkat Lunak
Proses perancangan sistem ini difokuskan pada empat atribut, yaitu stuktur data,
representasi antarmuka, arsitektur perangkat lunak, dan interaksi antar objek.
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.
1.4. Ruang Lingkup
Sesuai judul diatas agar masalah yang teliti tidak keluar dan menyimpang maka
penulis membatasi ruang lingkup penelitian yaitu:
1. Dalam sistem E-Commerce ini menyajikan informasi mengenai produk dari
Sepatu yang dujual hanya melalui sistem transaksi online. Input yang dilakukan
oleh pelanggan adalah data profil tentang pelanggan dan data produk yang
dipesan, mengelola data transaksi dan status pelangggan, sedangkan input yang
dilakukan Admin adalah memasukan data produk yang dijual. Proses pembayaran
yang dipakai pelanggan menggunakan sistem transfer bank karena sistem ini
dianggap paling aman dalam keamanan datanya (tidak mengambil banyak resiko).
Pelanggan melakukan transaksi kemudian pelanggan melakukan konfirmasi dan
Pelanggan dapat mengecek status pemesanan.
5
1.5. Sistematika Penulisan
Dalam sistematis penulisan ini, penulis menjelaskan mengenai inti dari setiap
bab yang ada dalam tugas akhir ini. Adapun uraian singkatan dari setiap bab nya
yaitu:
BAB I PENDAHULUAN
Pada bab ini penulis menjelaskan tentang latar belakang, maksud dan
tujuan, metode penelitian, ruang lingkup dan sistematika penulisan.
BAB II LANDASAN TEORI
Dalam bab ini menjelaskan tentang konsep dasar web yang meliputi:
website, bahasa pemrogrman, basis data, model pengembangan
perangkat lunak serta teori teori pendukung seperti struktur navigasi,
ERD, Relationship, LRS.
BAB III PEMBAHASAN
Dalam bab ini menjelaskan tentang analisa dan perancangan sistem
informasi yang antara lain berisi tentang, spesifikasi rancangan web,
rancangan struktur navigasi serta spesifikasi file.
BAB IV PENUTUP
Bab ini merupakan bab terakhir yang menjelaskan tentang kesimpulan
dari keseluruhan isi penulisan Tugas Akhir. Serta saran-saran yang
disampaikan penulis untuk pengembangan sitem yang ada demi
kesempurnaan sistem yang lebih baik.
6
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Menurut Yuhefizar (2008:159) menyimpulkan bahwa: “word wide web sering
disingkat www atau web adalah Suatu metode untuk menampilkan informasi
di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan
mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan
dokumen lainnya (hyperlink) yang dapat diakses melalui sebuah browser”.
2.1.1. Website
1. Internet
Menurut Sutarman (2012:32) menyimpulkan bahwa “internet merupakan
hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda
system informasi maupun alplikasinya, di mana hubungan tersebut
memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang
menggunakan protocol standar dalam komunikasi, yaitu protocol TCP/IP”.
2. Website
Menurut Yuhefizar dkk (2008:2) memberikan batasan bahwa “Website adalah
keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang
mengandung informasi” Dengan adanya website, semua orang di dunia bisa
mendapatkan dan mengelola informasi dengan berbagai sumber yang tersedia
di internet. Website sendiri saat ini memuat berbagai macam mediaa, mulai
dari teks, gambar, suara, bahkan video.
7
3. Aplikasis berbasis Web
a. XAMPP
Menurut wicaksono (2008:7) memberikan bahwa “XAMPP adalah sebuah
software yang berfungsi untuk menjalankan website berbasis PHP dan
menggunakan pengelola data MySQL di komputer lokal”.XAMPP berperan
sebagai server web pada komputer anda XAMPP juga dapat disebut sebuah
Cpanel server virtual, yang dapat membantu anda melakukan preview
sehingga dapat memodifikasi website tanpa harus online atau terakses dengan
internet.
b. Mozilla Firefox
Menurut Manzur (2012:2) memberikan batasan bahwa “mozilla firefox
merupakan aplikasi web browser gratis yang dikembangkan oleh Yayasan
Mozilla dan beberapa deveolper pendukungnya” sebelumnya Firefox telah
berganti nama dua kali. Pada saat pertama kali dirilis tanggal 9 November
2004 (versi 1.0) browser ini bernama Phonix. Kemudian berganti nama
Mozilla Firebird, hingga akhirnya berganti nama menjadi Mozilla Firefox,
c. Adobe Dreamweaver CS6
Menurut Agung (2012:129) memberikan bahasa bahwa “Adobe Dreamweaver
CS6 adalah sebuah software web design yang menawarkan cara mendesain
website dengan dua langkah sekaligus dalam satu waktu, yaitu mendesain dan
melakukan scripting”. Dreamweaver memiliki satu jendela mini yang disebut
code tempat kode-kode HTML 5 dan juga script programan yang lainnya
ditulis.
8
2.1.2. Bahasa Pemrograman
1. PHP
Menurut Eko Prasteyo (20082:19) menyimpulkan bahwa “PHP (atau resminya
PHP:Hypertext Preprosessor) adalah skrip bersifat server-side yang
ditambahkan ke dalam HTML”. PHP sendiri merupakan singkatan dari
Personal Home Page Tools. Skrip ini akan membuat suatu aplikasi dapat di
integrasikan ke dalam HTML sehingga suatu halaman web tidak lagi bersifat
statis, namun menjadi bersifat dinamis. Sifat server-side berarti pengerjaan
skrip dilakukan di server, baru kemudian hasilnya dikirimkan ke browser.
2. HTML
Menurut Sugiri dan Kurniawan (2007:12) memberikan batasan bahwa
“HTML (hyper text markup language) adalah sebuah protocol yang digunakan
untuk membuat format suatu dokumen web yang mampu dibaca dalam
browser dari berbagai platform komputer”. Sifat bahasa ini adalah client cript,
dimana dokumen tersebut dapat dibuka dalam komputer stand alone yang
tidak membutuhkan server untuk dapat menampilkannya di dalam browser.
Dokumen HTML merupakan file yang pada umumnya berektensi htm atau
html, di mana bahasa HTML tersebut tersusun atas tag yang berformat <isi
tag>.
3. CSS
Menurut sugiri dan Kurniawan (2007:21) memberikan batasan bahwa “CSS
(Casading Style Sheet) adalah sebuah cara untuk memisahkan isi dengan
layout dalam halaman web yang dibuat”. CSS memperkenalkan template yang
berupa style untuk membuat dan mempermudah penulisan dari halaman-
9
halaman yang dirancang. Hal ini sangat penting karena halaman yang
menggunakan CSS dapat dibaca secara bolak balik dan isinya dapat dilihat
oleh pengunjung dari manapun.
4. Java Script
Menurut Zaki (2009:29) “JavaScript merupakan bahasa pemrograman
sederhana yang digunakan untuk mengelola dokumen (HTML). Bahasa ini
bersifat Client Side, yaitu untuk dijalankan pada program web browser
pengguna. Kode JavaScript dituliskan pada file HTML menggunakan tag
<SCRIPT>”.
2.1.3. Basis Data
1. Database
Menurut Talib (2010:245) memberikan batasan bahwa “database adalah
sekumpulan data yang disimpan secara teratur sehingga memudahkan dalam
pencarian kembali, pengelompokan , dan pengolahannya menjadi informasi”.
Setiap kolom database merupakan sebuah field yang harus berisi kumpulan
data yang terdiri atas beberapa field. Nama field (judul kolom) harus dalam
satu baris serta mempunyai nama unik, artinya nama satu field harus berbeda
dengan field lainnya agar lebih inoformatif, nama field sebaiknya dapat
menjelaskan isi field.
2. MySQL
Menurut Kristanto (2010:219) memberikan batasan bahwa “MySQL (My
Stuctured Query Language) merupakan sebuah program pembuat database
yang bersifat open source, artinya semua orang dapat menggunakannya dan
dapat dijalankan pada semua platform baik windows maupun Linux”. MySQL
10
juga merupakan sebuah perangkat lunak sistem manajemen basis data SQL
yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multi user
(banyak pengguna) MySQL juga sering dikenal dengan nama sistem
manajemen database relational. Satu database rasional menyimpan data dalam
tabel yang terpisah. Tabel-tabel memperoleh kombinasi data dari beberapa
tabel dalam suatu permintaan.
3. PHP MyAdmin
Menurut Rahman (2013:21) memberikan batasan bahwa “PHP Myadmin
adalah sebuah saoftware berbasis program PHP yang digunakan sebagai
administrasi MySQL melalui browser (web) yang digunakan untuk
managemen database”. PHP MyAdmin mendukung berbagai aktivitas MySQL
seperti pengelolaan data, tabel, relasi antar tabel.
11
2.1.4. Model Pengembangan Perangkat Lunak
Menurut Sukamto dan Shalaluddin (2013:28) memberikan batasan bahwa
“Model SDLC (Software Deveploment Life Cycle) air terjun (Waterfall) sering
juga disebut model sekuensi linier (Sequential Liniar) atau alur hidup klasik
(classic life cycle)”. Model air terjun menyediakan pendekatan alur hidup
perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain,
pengkodean, pengujian, dan tahap pendukung (support). Berikut adalah gambar
model air terjun:
(Sumber: Sukamto dan Shalahuddin 2013:29)
Gambar II.1.
Ilustrasi Model Waterfall
1. Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan prangkat lunak agar dapat dipahami perangkat
lunak seperti apa yang dibutuhkan oleh user, spesifikasi kebutuhan perangkat
lunak pada tahap ini untuk didokumentasikan
Sistem/ Rekayasa
Informasi
Analisis Desain Pengodean Pengujian
12
2. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain
pembuatan program prangkat lunak harus termasuk struktur data, arsitektur
perankat lunak harus, representasi antarmuka, dan prosedur pengkodean.
Tahap ini mentranslasi kebutuhan perangkat lunak harus dari tahap analisis
kebutuhan ke representasi desain agar diimplementasikan menjadi web e-
commerce pada tahap selanjutnya. Desain prangkat lunak harus yang
dihasilkan pada tahap ini juga perlu di dokumentasikan.
3. Pembuatan Kode Program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah perangkat lunak harus sesuai desain yang telah dibuat pada
tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak harus secara dari segi lojik (logic),
fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini
dilakukan untuk meminimalisir kesalahan (error) dan memasitikan keluaran
yang dihasilkan sesuai dengan yang diinginkan.
5. Pendukung (support) atau pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak harus mengalami
perubahan ketika sudah dikirimkan ke user, perubahan bisa terjadi karena
adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau
perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung
atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis
13
spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk
membuat prangkat lunak baru.
Dari kenyataan yang terjadi sangat jarang model air terjun dapat dilakukan
sesuai alurnya karena sebab berikut:
a. Perubahan spesifikasi perangkat lunak terjadi di tengah alur
pengembangan.
b. Sangat sulit bagi pelanggan untuk mendefinisikan semua spesifikasi di
awal alur pengembangan. Pelanggan sering kali butuh contoh (prototype)
untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut.
c. Pelanggan tidak mungkin bersabar mengakomodasikan perubahan yang
diperlukan di akhir alur pengembangan.
Dengan berbagai kelemahan yang dimiliki model air terjun (waterfall) tapi
model ini telah menjadi dasar model-model yang lain dalam melakukan perbaikan
model pengembangan perangkat kunak.
Model air terjun (waterfall) sangat cocok digunakan kebutuhan pelanggan
sudah sangat dipahami dan kemungkinan terjadinya perubahan kebutuhan selama
pengembangan perangkat lunak kecil. Hal positif dari model air terjun (waterfall)
adalah struktur tahap pengembangan sistem jelas, dokumentasi dihasilkan di
setiap tahap pengembangan, dan sebuah tahap dijalankan setelah tahap
sebelumnya selesai dijalankan (tidak ada timpang tindih pelaksanaan tahap).
Model waterfall adalah model SDLC yang paling sederhana model ini hanya
cocok untuk pengembangan perangkat lunak dengan spesifikasi yang tidak
berubah-ubah.
14
2.2. Teori Pendukung
2.2.1. Struktur Navigasi
Menurut Binanto (2010:268) memberikan batasan bahwa “setiap rencana
akan dibuat desainnya dan kemudian diproduksi menjadi produk jadi yang bersifat
sementara. Di samping itu tahap ini mencakup perencanaan struktur navigasi yang
baik untuk antarmuka penggunanya. Ada 4 struktur dasar yang digunakan yaitu
linier, non linier, hirarki dan konposit”.
1. Linier
Pegguna akan melakukan navigasi secara berurutan, dari frame atau byte
informasi yang satu ke yang lainnya.
(Sumber : Binanto 2010:269)
Gambar II.2.
Struktur Navigasi Linier
2. Hierarkis
Struktur dasar ini disebut juga struktur “linier dengan percabangan-
percabangan” karena pengguna melakukan navigasi di sepanjang cabang pohon
struktur yang terbentuk oleh logika ini.
(Sumber : Binanto 2010:269)
Gambar II.3.
Struktur Navigasi Hirarkis
15
3. Non linier
Pengguna akan melakukan navigasi dengan jelas melalui isi proyek dengan
tidak terikat dengan jalur yang sudah ditentukan sebelumnya.
(Sumber : Binanto 2010:269)
Gambar II.4.
Sturuktur Navigasi Nonlinier
4. Komposit
Pengguna akan melakukan navigasi dengan bebas (secara non-linier), tetapi
terkadang dibatasi prestasi linier film atau informasi penting dan/atau pada data
yang paling terorganisasi secara logis pada suatu hirarki.
(sumber : Binanto 2010:270)
Gambar II.5.
Struktur Navigasi Komposit
16
2.2.2. Entity Relationship Diagram (ERD)
Menurut Yakub (2008:225) memberikan batasan bahwa “Entity Relationship
Diagram (ERD) merupakan suatu model jaringan yang menggunakan susunan
data yang disimpan pada sistem secara abstrak”. ERD menghubungkan antara satu
entitas yang memiliki sejumlah atribut dengan entitas yang lain dalam suatu
sistem yang terintegritas. ERD ini perancang sistem pemodelan data yang
nantinya akan dikembangkan menjadi basis data (database). Model data ini
digunakan utuk membantu menganalisis data dan perancangan basis data, model
data ini menunjukan bermacam-macam data yang dibutuhkan dan hubungan antar
data.
1. Komponen ERD
Menurut Yakub (2008:26) memberikan batasan bahwa “ERD terbagi atas
tiga komponen”, yaitu:
a. Entitas (Entity)
Entitas (entity) menunjukkan obyek-obyek dasar yang terkait didalam
sistem. Obyek dasar dapat berupa orang, benda atau hal lain yang
keterangannya perlu disimpan dalam basis data. Untuk menggambarkan
entitas dilakukan dengan mengikuti aturan-aturan sebagai berikut:
1) Entitas dinyatakan dengan simbol persegi panjang.
2) Nama entitas berupa kata benda tunggal.
3) Nama entitas sedapat mungkin menggunakan nama yang mudah
dipahami dan menyatakan maknanya dengan jelas.
17
b. Atribut (Atribute)
Atribut sering juga disebut sebagai properti (property), merupakan
keterangan-keterangan yang terkait pada sebuah entitas yang perlu disimpan
sebagai basis data. Atribut berfunsi sebagai penjelas sebuah entitas untuk
menggambarkan atribut yang dilakukan dengan mengikuti aturan sebagai
berikut:
1) Atribut dinyatakan dengan simbol ellips
2) Nama atribut dituliskan dalam simbol ellips
3) Nama atribut berupa kata benda tunggal
4) Nama atribut sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
5) Atribut dihubungkan dengan entitas yang bersesuaian dengan
menggunakan garis.
c. Relasi (relation)
Relasi atau hubungan adalah kejadian atau transaksi yang terjadi di
antara dua entitas yang keterangannya perlu disimpan dalam basis data.
Aturan penggambaran relasi antar entity adalah:
1) Relasi dinyatkan dengan simbol belah ketupat.
2) Nama relasi dituliskan di dalam simbol belah ketupat.
3) Relasi menghubungkan dua entitas.
4) Nama relasi menggunakan kata kerja aktif (diawali awalan me)
tunggal.
5) Nama relasi sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat dinyatakan maknanya dengan jelas.
18
2. Derajat Relationship
Menurut yakub (2008:33) mengemukakan bahwa “model relasi ini
berdasarkan persepsi dunia nyata diantaranya himpunan objek dan di
identifikasikan secara nik, dan objeknya dapat berbentuk orang, barang, dan
sebagainya”. Kardinalitas relasi yang terjadi dua himpunan entitas (misalkan A
dan B) dapat berupa satu ke satu (one to one), satu ke dua (one to many), banyak
ke satu (many to one) dan banyak ke banyak (many to many).
a. Satu ke satu (one to one)
Berarti setiap entitas pada himpunan entitas A berhubungan dengan paling
banyak dengan entitas pada himpunan entitas B, dan begitu juga sebaliknya
setiap entitas pada himpunan B berhubungan paling banyak dengan satu
entitas himpunan entitas B.
b. Satu ke Banyak (One to Many)
Berarti setiap entitas pada himpunan entitas A dan dapat berhubungan
dengan banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya,
dimana setiap entitas pada himpunan entitas yang berhubungan dengan
paling banyak dengan satu entitas pvda himpunan entitas A.
c. Banyak ke Satu (Many to One)
Berarti setiap entitas pada himpuan entitas A berhubungan dengan paling
banyak dengan satu entitas pada himpunan B, tetapi tidak sebaliknya,
dimana setiap entitas pada himpunan entitas A berhubungan dengan paling
banyak satu entitas pada himpunan entitas B.
19
d. Banyak ke Banyak (Many to Many)
Berarti setiap entitas pada himpunan entitas A dapat berhubungan dengan
banyak entitas pada himpunan entitas B, demikian juga sebaliknya, dimana
setiap entitas pada himpunan entitas B dapat berhubungan dengan banyak
entitas pada himpunan entitas A.
3. Varias Relasi
Menurut Yakub (2008:30) mengemukakan bahwa “varian relasi terbagi menjadi
tiga yaitu relasi biner (binary relation), relasi tunggal (unary relation), relasi
multi entity (N-ary relation)”
a. Relasi Biner (Binary Relation)
Relasi biner (binary relation) merupakan relasi yang terjadi diantara 2 (dua)
himpunan entitas yang berbeda Relasi ini merupakan relasi yang umum
digunakan. Relasi antara mahasiswa mengambil matakuliah yang menunjukan
binary relation.
E1 E2R1
(sumber: Yakub 2008:31)
Gambar II.6.
Binary Relation
20
b. Relasi Tunggal (Unary Relation)
Unary Relation merupakan variasi relasi yang terjadi dari sebuah
himpunan entitas ke himpunan entitas yang sama, dan unary sering disebut
dengan relasi tunggal. Relasi antara dosen dan mendapingi yang menunjukan
unary relation.
E1 E2R1
E3
(Sumber : Yakub 2008:31)
Gambar II.7.
Unary Relation
21
c. Relasi Multi Entity (N-ary Relation)
N-ary Relation merupakan relvsi dari 3 (tiga) himpunan entitas atau lebih.
Relasi ini untuk menghubungkan dari tiga entitas yang dimaksudkan ke relasi
multi entitas. N-ary relation menunjukan secara lebih jelas bahwa beberapa entitas
berpartisipasi dalam sebuah relasi tunggal. Bentuk relasi semacam ini sedapat
mungkin dihindari karena akan mengaburkan derajat relasi yang ada dan akan
menyebabkan perencanaan basis data semakin kompleks.
E1 E2R1
E3
E4
(sumber : Yakub 2008:32)
Gambar II.8
N-ary Relation
2.2.3. Logical Relationship Structure (LRS)
Menurut Bahra (2006:210) aturan-aturan dalam melakukan transformasi E-R
Diagram ke logical Record Structure aalah sebagai berikut:
1. Setiap Entity akan diubah ke bentuk sebuah kotak dengan nama entity berada
diluar kotak dan atribut berada di dalam kotak.
2. Sebuah relasi kadang disatukan dalam sebuah kotak bersama entity, kadang
dipisah dalam sebuah kotak tersendiri.
22
2.2.4. Pengujian Web
1. Black box Testing
Menurut Sukamto dan Shalahuddin (2013:275) memberikan batasan bahwa
“Black-Box Testing (penguji kotak hitam) yaitu menguji perangkat lunak dari segi
spesifikasi fungsional tanpa menguji desain dan kode program penguji
dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari
perangkat lunak sesuai dengan spesifikasi yang dibutuhkan”. Pengujian kotak
hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua dengan
memakai perangkat lunak apakah sesuai dengan spesifikasi yang dibutuhkan.
Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat
dengan kasus benar dan kasus salah, misalkan untuk kasus proses login maka
kasus uji yang dibuat adalah:
1. Jika user memasukkan nama pemakai (username) dan kata sandi
(password) yang benar.
2. Jika user memasukkan nama pemakai (username) yang salah, misalnya
nama pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduannya
salah.
23
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Kemampuan yang harus dipenuhi oleh sistem dengan spesifikasi yang di
inginkan oleh Pemesan (user), yang meliputi kebutuhan informasi, kebutuhan
aplikasi (proses pengolahan data untuk menghasilkan informasi yang telah di
identifikasi) dan kebutuhan perangkat keras.
3.1.1. Kebutuhuan Pengguna
Informasi-informasi yang digunakan sebagai dasar pembuatan basis data
sistem penjualan sepatu. Informasi tersebut meliputi informasi yang berhubungan
dengan sepatu, informasi tentang harga produk yang dijual, serta informasi
tentang kategori sepatu apa saja yang diual.
Adapun yang dapat menggunakan fasilitas web ini sebagai berikut:
1. Kebutuhan pengguna administrasi
a. Admin dapat melakukan login
b. Admin dapat mengecek informasi apabila ada pemesanan
c. Admin juga dapat menambah data barang, data propinsi, data
kategori,bank dan data admin.
d. Admin dapat merubah status pembayaran
e. Admin dapat merubah status pesanan
f. Bagian admin juga dapat menambah data member yang sudah
mendaftarkan sebagai member di website ini.
2. Kebutuhan pengguna user
24
a. Pengguna dapat melihat halaman beranda, kontak, produk dan panduan
3. Kebutuhan penggguna member
a. Member dapat melakukan login apabila sudah mendaftar menjadi member.
b. Member dapat membeli produk yang diinginkan.
c. Member dapat melakukan transaksi setelah pembelian.
d. Member dapat melihat status transaksi dan status pesanan apabila sudah
melakukan pembayaran.
3.1.2. Kebutuhan Sistem
Menyelesaikan masalah yang ada pada pemesanan (user) sistem informasi
sistem ini merupakan suatu sistem tentang penjualan produk yang diakses pada
administrator dengan data yang akurat sehingga pengunjung maupun member
mendapatkan informasi yang terdapat pada saat pengguna menginginkannya.
Dalam sistem ini, kecepatan transaksi akan meningkat, dan menggunakan
database akan terasa lebih mudah. Pengguna juga dihadapkan pada form yang
user-friendly.
25
3.2. Perancangan Perangkat lunak
3.2.1. Rancangan Antar Muka
A. Rancangan antar muka login admin
Admin Login
Login
Password
Gambar III.I.
Rancangan Antar muka Login Admin
B. Rancangan antar muka beranda admin
Admin Home Pustaka User Pustaka Web Logout
Selamat Datang, xxxx
ICON
Gambar III.2.
Rancangan Antarmuka beranda admin
26
C. Rancangan antar muka Pustaka user
Admin Home Pustaka User Pustaka Web Logout
Selamat Datang, xxxx
Table Admin
Nama Email Password No HP AlamatID Admin
Delete
Data User
Pengiriman
Pustaka User
xxxxxxxx
Halaman :[2]
xxxx xxx999 9999999 xxxx
xxxxxxxx xxxx xxx999 9999999 xxxx
Gambar III.3.
Rancangan Antarmuka Pustaka User
D. Rancangan antar muka Pustaka Web
Admin Home Pustaka User Pustaka Web Logout
Selamat Datang, xxxx
Table Admin
Nama Email Password No HP AlamatID Admin
Delete
Data User
Pengiriman
Pustaka User
xxxxxxxx
Halaman :[2]
xxxx xxx999 9999999 xxxx
xxxxxxxx xxxx xxx999 9999999 xxxx
Update Admin
Pilih Id
Pilih Id
Rubah nama
Rubah Tanggal Lahir
Rubah Password
Rubah No HP
Rubah Alamat
Update
Gambar III.4.
Rancangan Antarmuka Halaman Admin
27
E. Rancangan antar muka halaman pengunjung
Log-in
Jadilah member dan rasakan kemudahan bertransakasi bersama kami
Tentang kami
Shoepaholic
Jakarta Pusat, kode pos 9999
Tel 999-9999-99
Fax 9999-999-9999
icon
icon
icon
benner gambar
Promo
Nama_barang: xx
Harga: xx99999
Detail
Shoepaholic Search Message Categories
gambar
Nama_barang: xx
Harga: xx99999
Detail
gambar
Nama_barang: xx
Harga: xx99999
Detail
gambar
Nama_barang: xx
Harga: xx99999
Detail
gambar
Harga: xx99999
Detail
gambar gambar
Home
Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com
Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic
Nama_barang: xx Nama_barang: xx
Harga: xx99999
Detail
Nama_barang: xx
Harga: xx99999
Detail
Gambar III.5.
Rancangan Antarmuka Halaman Admin
F. Rancangan antar muka daftar member
Log-inShoepaholic Search Message CategoriesHome
Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com
Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic
Email *
Password *
Daftar
WaJib di isi
DetaIl Informasi
RegistraSi New account
Nama Lengkap No Hp
Jenis Kelamin
Laki-Laki Perempuan
00/00/0000Tanggal Lahir
Alamat
alamat
Gambar III.6.
Rancangan Antarmuka Halaman Pengunjung
28
G. Rancangan antar muka login member
Log-in
Daftar
Anda Baru di Shoepaholic
Shoepaholic Search Message CategoriesHome
Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com
Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic
Saya Telah Registrasi
Email *
Password *
Login
Gambar III.7.
Rancangan Antarmuka Login Member
H. Rancangan antar muka halaman member
Log-in
Jadilah member dan rasakan kemudahan bertransakasi bersama kami
Tentang kami
Shoepaholic
Jakarta Pusat, kode pos 9999
Tel 999-9999-99
Fax 9999-999-9999
icon
icon
icon
benner gambar
Promo
Nama_barang: xx
Harga: xx99999
Detail
Shoepaholic Search Message Categories
gambar
Nama_barang: xx
Harga: xx99999
Detail
Home
Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com
Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic
Add to cart
gambar
Nama_barang: xx
Harga: xx99999
Detail Add to cart
gambar
Nama_barang: xx
Harga: xx99999
Detail Add to cart
gambar
Nama_barang: xx
Harga: xx99999
Detail Add to cart
gambar
Nama_barang: xx
Harga: xx99999
Detail Add to cart
gambar
Nama_barang: xx
Harga: xx99999
Detail Add to cart
Gambar III.8.
Rancangan antar muka halaman member
29
I. Rancangan Antar Muka Beli Produk
Log-in
Welcome, xxxxx
Kd_transaksi
Nama item
Pesan sekarang
Shoepaholic Search Message Categories
gambar
Input jumlah pesanan X (Rp)
Home
Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com
Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic
jumlah item 999999
Pilih pengiriman JNE
pilih jenis
Kota
pilih kota
Alamat dan No HP
alamat dan no hp
Submit
Gambar III.9.
Rancangan Antar Muka Beli Produk
J. Rancangan antar muka Tabel Pesanan
Log-in
Welcome, xxxxx
Kode pesanan
Shoepaholic Search Pesanan Categories
xxx999
Home
Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com
Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic
nama JNE kota Alamat no hp Status Detail
xxxx xxx xxxx xxx999 xxxx Detail
Gambar III.10.
Rancangan Antar Muka Form pesanan
30
K. Rancangan antar muka Konfirmasi
Log-in
Welcome, xxxxx
Shoepaholic Pesanan Konfirmasi CategoriesHome
Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com
Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic
Kode pesanan
Struk pembayaran
No file chosenChosee file
nama pemesanan
konfirmasi
pilih kode
Gambar III.11.
Rancangan antarmuka Konfirmasi pembayaran
31
3.2.2. Basis Data
1. Entity Relationshio Diagram (ERD)
user melakukan Pesanan memiliki
nama
jk
lahir
hp
alamat
passworditem
kode
nama
bank
emailalamat
kurir
kota
Cart
id tambah
qty
melakukan
konfirmasi
nama
kode
emailJml_transfer
Struk
No_rekening
melakukan
JNE
kode
kota
kecamatan
status
barangmemiliki
id
jenis
nama
hargal
query
foto
memiliki
kategori
namaid
regoke
yes
total
No_rekening
melakukan
nama
Gambar III.12.
Entity Relationship Diagram (ERD)
32
2. Logical Relationship Structure (LRS)
Jne
Kode*
kota
kecamatan
Reg
Oke
yes
Pesanan
Kode*
nama
Item
Kurir
kota
alamat
total
bank
status
User
EmaIl*
Password
NamA
Hp
Jk
Lahir
Alamat
barang
Id*
Foto
Jenis
nama
harga
query
kategori
Id*
nama
cart
email*
id
Nama
tambah
qty
konfirmasi
Kode*
nama
Jml_transfer
No_rekening
Nm_rekening
struk
1 M
1
1
M
1
1
1
1
1
1
M
Gambar III.13.
Logical Relationship Diagram (LRS)
33
3. Spesifikasi File
1. Spesifikasi File Adminnistrator
Nama File : Admin
Akronim : admin
Fungsi : Untuk menyimpan data dan login administrator
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 120 Record
Kunci Field : id
Software :MySQL
Tabel III.I
Spesifikasi File Admin
No. Elemen Data Nama Field Tipe Panjang Keterangan
1 Id Id Varchar 6 Primary Key
2 Nama Nama Varchar 30 -
3 Tanggal Tanggal Date - -
4 Email Email Varchar 30 -
5 Password Password Varchar 10 -
6 Hp Hp Varchar 14 -
7 Alamat Alamat Varchar 30 -
34
2. Spesifikasi File Cart
Nama : Cart
Akronim : cart
Fungsi : Untuk menyimpan data belanja
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 65
Kunci Field : email
Software : MySQL
Tabel III.2.
Spesifikasi File Cart
No. Elemen data Nama Field Tipe Panjang Keterangan
1 Email Email Varchar 30 Primary key
2 id id Varchar 10 -
3 Nama Nama Varchar 20 -
4 Tambah Tambah Varchar 20 -
5 Qty Qty Int 5 -
3. Spesifikasi File JNE
Nama : JNE
Akronim : jne
Fungsi : Menyimpan data tujuan
Tipe File : File Master
Organisasi File : Indexed Sequential
35
Akses File : Random
Media : Hard Disk
Panjang Record : 141
Kunci Field : Kode
Software : MySql
Tabel III.3.
Spesifikasi File JNE
No. Elemen data Nama field Tipe Panjang Keterangan
1 Kode Kode Int 11 Primary key
2 Kota Kota Varchar 50 -
3 Kecamatan Kecamatan Varchar 50 -
4 Reg Reg Int 10 -
5 Oke Oke Int 10 -
6 Yes Yes Int 10 -
4. Spesifikasi File Jenis kategori
Nama File : Sepatu
Akronim : Sepatu
Fungsi : Untuk menyimpan data sepatu
Tipe File : File Master
Organsisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 30
Kunci Field : Id
Software : MySql
36
Tabel III.4.
Spesifikasi File Kategori
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id Id Int 10 Primary key
2 Nama Nama Varchar 20 -
5. Spesifikasi File Konfirmasi
Nama File : Konfirmasi
Akronim : konfirmasi
Fungsi : Sebagai tempat menyimpan data transaksi
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 120
Kunci Field : email
Software : MySQL
Tabel III.5.
Spesifikasi File Konfirmasi
No Elemen data Nama Field Tipe Panjang Keterangan
1 Email Email Varchar 30 Primary Key
2 Kode Kode Varchar 6 -
3 Nama Nama Varchar 30 -
4 No_rekening No_rekening Varchar 12 -
5 Jml_transfer Jml_transfer Varchar 12 -
37
6 Struk Struk Varchar 30 -
6. Spesifikasi File Pesan
Nama File : Pesan
Akronim : pesan
Fungsi : Sebagai tempat menyampaikan Pesan
Tipe File : File
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 42
Kunci Field : email
Software : MySQL
Tabel III.6.
Spesifikasi File Pesan
no Elemen Data Nama Field Tipe Panjang Keterangan
1 Email Email Varchar 30 Primary Key
2 Hp Hp Int 12
3 Pesan Pesan Text -
7. Spesifikasi File Pesanan
Nama file : Pesanan
Akronim : Pesanan
Fungsi : Sebagai tempat menyimpan data penjualan
Tipe File : File Transaksi
Organsisasi File : Index Sequential
38
Akses File : Random
Media : Hard Disk
Panjang Record : 254
Kunci Field : kode
Software : MySQL
Tabel III.7.
Spesifikasi File Pesanan
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Kode Kode Varchar 10 Primary Key
2 Nama Nama Varchar 30 -
3 Item Item Int 2 -
4 Kurir Kurir Varchar 30 -
5 Kota Kota Varchar 50 -
6 Alamat Alamat Varchar 40 -
7 Email Email Varchar 40 -
8 Total Total Int 10 -
9 Bank Bank Varchar 12 -
10 Status Status Varchar 30 -
8. Spesifikasi File barang
Nama file : barang
Akronim : barang
Fungsi : Sebagai tempat menyimpan data sepatu
Tipe File : File Master
Organsisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
39
Panjang Record : 146
Kunci Field : id
Software : MySQL
Tabel III.8.
Spesifikasi File Barang
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id Id Int 10 Primary Key
2 Foto Foto Varchar 30 -
3 Jenis Jenis Varchar 20 -
4 Nama Nama Varchar 20 -
5 Harga Harga Int 10 -
6 Query Query Varchar 50 -
7 Stok Stok Int 6 -
9. Spesifikasi File User
Nama file : User
Akronim : user
Fungsi : Sebagai tempat menyimpan data user
Tipe File : File Master
Organsisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 200
Kunci Field : email
Software : MySQL
40
Tabel III.9.
Spesifikasi File User
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Email Email Varchar 30 Primary Key
2 Password Password Varchar 10 -
3 Nama Nama Varchar 30 -
4 Hp Hp Varchar 20 -
5 Jenis Kelamin Jk Varchar 10 -
6 Lahir Lahir Date - -
7 Alamat Lamat Varchar 100 -
41
3.2.3. Rancangan Struktur Navigasi
1. Struktur Navigasi Halaman Utama Admin
Login
Logout
Sepatu
Pustaka Web
Tambah
Data
Tambah
JenisData Sepatu
admin
Tambah
admin
Tambah
Sepatu
Pustaka
User
PengirimanData User
Tambah Tujuan JNE
Konfirmas
i
Lihat
Transaksi
Tabel
User
Update
Pesanan
Gambar III.14.
Struktur Navigasi Halaman Administrator
42
2. Struktur Navigasi Halaman Utama Pengunjung
SEARCHHOME PESAN CATEGORIES
PRODUK
index
PRODUK PRODUK PRODUK
LOG-IN
Gambar III.15.
Struktur Navigasi Halaman Pengunjung
43
3. Struktur Navigasi Halaman Utama Member
KONFIRMASIPESANAN CEK PESANAN CATEGORIES
PRODUK
LOGIN
PRODUK PRODUK PRODUK
LOG-OUTHOME
Gambar III.16.
Struktur Navigasi Halaman Member
44
3.3. Implementasi dan pengujian unit
3.3.1. Implementasi
A. Implementasi Rancangan antar Muka
1. Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat
menggunakan konten yang terdapat pada halaman beranda administrator.
Jika berhasil, maka menampilkan halaman beranda admin.
2. Halaman Login Member
Untuk melakukan pembelian, konsumen diharapkan untuk mengisi login
member apabila belum mempunyai akun silahkan mendaftar terlebih
dahulu.
45
3. Halaman daftar member baru
Konsumen yang belum mempunyai akun diharapkan untuk mengisi form
yang terdapat pada login member setelah menekan link daftar disini.
46
4. Halaman Jenis Sepatu
Halaman Jenis Sepatu dapat ditambahkann, diubah ataupun dihapus oleh
administrator.
5. Halaman Data Sepatu/Produk
Halaman produk menambahkan, mengubah, dan mengapus produk yang
akan ditampilkan pada halaman pengunjung dan pelangggan.
47
6. Halaman Beranda
Halaman ini berisi banner untuk menarik perhatian pengunjung web.
7. Halaman Kategori
48
8. Halaman Pesan
Halaman pesan menyediakan pelanggan untuk berkomentar atau
memberikan pertanyaan mengenai produk.
49
B. Spesifikasi Sistem Komputer
1. Spesifikasi Perangkat Keras
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce
untuk pemesanan tiket pesawat.
a. Spesifikasi Perangkat Keras
1. Server
a. CPU
1) Processor Intel® Celeron®
2) RAM DDR2 4,00GB
3) Hard Disk 500 GB
b. Mouse
c. Keyboard
d. Monitor dengan resolusi layar minimum 1366x768
e. Koneksi internet dengan kecepatan 2 Mbps
2. Client
a. CPU
1) Processor Intel® Pentium® 4
2) RAM DDR2 1 GB
3) Hard Disk 20 GB
b. Mouse
c. Keyboard
d. Monioir dengan resolusi minimum 1024x768
50
e. Koneksi internet dengan kecepatan 56 kbps
b. Spesifikasi Perangkat Lunak
1) Server
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dll).
b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad
yang terdiri dari beberapa komponen, diantaranya:
1. Aplikasi Apache Server v2
2. Aplikasi PHP Server v5
3. Aplikasi MySQL Server v5
4. Aplikasi phpMyAdmin v3
c. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
2) Client
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dll).
Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
51
3.3.2. Pengujian Unit
A. Pengujian Terhadap Form Login
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Login Member
No. Skenario
Pengujian
Test
Case
Hasil yang
diharapkan
Hasil
Pengujian Kesimpulan
1.
Username
dan
Password
tidak diisi
kemudian
klik tombil
login
Username: (kosong)
Password : (kosong)
Sistem akan menolak
akses user dan akan
menampilkan
“Username atau
Password salah!”
Sesuai
harapan Valid
2.
Mengetikan
username
dan
password
tidak disi
atau kosong
kemudian
klik tombol
login
Username: admin
Password:
(kosong)
Sistem akan menolak
akses user dan akan
menampilkan
“Username atau
Password salah!”
Sesuai
harapan Valid
4.
Mengetikkan
salah satu
kondisi salah
pada
username
atau
password
kemudian
klik tombol
login
Username:
(benar)
Password:
web(salah)
Sistem akan menolak
akses user dan akan
menampilkan
“Username atau
Password salah!”
Sesuai
harapan Valid
5.
Mengetikkan
username
dan
password
dengan data
yang benar
kemudian
klik tombol
login
Username:
(benar)
Password:
mili@123(benar)
Sistem menerima
akses login dan
kemudian akan
muncul kotak pesan
“Selamat datang to
kamilaaruzy@gmail”,
dan user akan dibawa
ke halaman koleksi.
Sesuai
harapan Valid
52
Tabel III.11.
Hasil Pengujian Black box Testing Halaman Login Admin
No
.
Skenario
Pengujian Test Case
Hasilyang
diharapkan
Hasil
Pengujia
n
Kesimpul
an
1.
Username
dan
Password
tidak
diisikemudi
an klik
tombil login
Username: (kosong)
Password : (kosong)
Sistem akan
menolak akses user
dan akan muncul
peringatan “maaf,
anda tidak terdaftar
sebagai admin di
website ini!”
Sesuai
harapan Valid
2.
Mengetikan
username
dan
password
tidak disi
atau kosong
kemudian
klik tombol
login
Username: tommy
Password:
(kosong)
Sistem akan
menolak akses user
dan akan muncul
peringatan “maaf,
anda tidak terdaftar
sebagai admin di
website ini!”
Sesuai
harapan Valid
3.
Username
tidak
diisi(kosong
) dan
password
dengan data
yang benar
kemudian
klik tombol
login
Username :
(kosong)
Password: (123)
Sistem akan
menolak akses user
dan akan muncul
peringatan “maaf,
anda tidak terdaftar
sebagai admin di
website ini!”
Sesuai
harapan Valid
4.
Mengetikka
n salah satu
kondisi
salah pada
username
atau
password
kemudian
klik tombol
login
Username :
om
(benar)
Password:
kiki(salah)
Sistem akan
menolak akses user
dan akan muncul
peringatan “maaf,
anda tidak terdaftar
sebagai admin di
website ini!”
Sesuai
harapan Valid
53
5.
Mengetikka
n username
dan
password
dengan data
yang benar
kemudian
klik tombol
login
Username :
tommy(benar)
Password:
tommy(benar)
Sistem menerima
akses login dan
kemudian akan
muncul kotak
pesan “Selamat
datang to
kamilaaruzy@gmai
l”, dan user akan
dibawa ke halaman
koleksi.
Sesuai
harapan Valid
Tabel III.12.
Hasil Pengujian Black box Testing Halaman Pendaftaran
No. Skenario
Pengujian Test Case
Hasilyang
diharapkan
Hasil
Pengujian Kesimpulan
1.
Semua kolom
tidak diisi, lalu
klik proses daftar
Email:
(kosong)
Password:
(kosong)
Nama
Lengkap :
(kosong)
No. Telepon :
(kosong)
JK: (kosong)
Tgl Lhr:
(kosong)
Alamat :
(kosong)
Sistem tidak
memproses
penyimpanan
data dan
menampilkan
pesan error pada
tiap kolom yang
kosong
Sesuai
harapan Valid
2.
Salah satu kolom
diisi dan kolom
yang lain kosong
Email:
(kosong)
Password:
(kosong)
Nama
Lengkap :
(kamila)
No. Telepon :
(kosong)
JK: (kosong)
Tgl Lhr:
(02/04/1996)
Sistem tidak
memproses
penyimpanan
data dan
menampilkan
pesan error pada
tiap kolom yang
kosong. Kecuali
pada kolom yang
terisi
Sesuai
harapan Valid
54
Alamat :
(kosong)
3.
Email diisi
dengan format
yang salah
Email: mella
(salah)
Password:
(mili@123)
Nama
Lengkap :
(kamila)
No. Telepon :
(0897795383
6)
JK:
(perempuan)
Tgl Lhr:
(02/04/1996)
Alamat :
senen
Sistem tidak
memproses
penyimpanan data
dan menampilkan
pesan error pada
email “Please
enter an email
address”
Sesuai
harapan Valid
4.
Username diisi
dengan username
yang sudah
terdaftar sebagai
member
Email:
(kosong)
Password:
(kosong)
Nama
Lengkap :
(kosong)
No. Telepon :
(kosong)
JK: (kosong)
Tgl Lhr:
(kosong)
Alamat :
(kosong)
Sistem tidak
memproses
penyimpanan data
dan menampilkan
pesan error maaf,
alamat email anda
sudah dipakai.
Thanks”
Sesuai
harapan Valid
5.
Semua kolom
diisi dengan
benar
Email:
bmeiylla@g
mail.com
Password:me
lla
Nama
Lengkap :
mella aruzzy
No. Telepon
:0897795383
6
JK:
perempuan
Sistem
memproses
penyimpanan data
dan menampilkan
pesan
“Pendaftaran
member baru
berhasil, silahkan
login dengan
username dan
password anda”
Sesuai
harapan Valid
55
Tgl Lhr:
02/04/1996
Alamat
:senen
56
BAB IV
PENUTUP
4.1. Kesimpulan
Dari hasil pembahasan tentang Sistem Informasi Penjualan Sepatu
Berbasis Web, maka diambil kesimpulan :
1. Dengan adanya sistem informasi ini, memudahkan pengguna sistem dalam
mengelola dan mengembangkan usahanya serta memaksimalkan
penjualan.
2. Mempermudah pengguna sistem dalam pencarian data, pengolahan data
dan pembuatan laporan
3. Memberikan keuntungan kepada pengguna sistem dalam hal jam
operasional yang lebih lama dibandingkan dengan toko biasa dan
ketersediaan data yang lebih akurat
4. Memudahkan pelanggan dalam hal efisiensi waktu dalam proses transaksi,
karena menggunakan jaringan internet yang dapat diakses dimanapun dan
kapanpun.
57
4.2 Saran
Untuk pengembangan lebih lanjut maka penulis memberikan saran yang
berkaitan dengan website ini, yaitu :
1. Pengguna sistem atau admin harus memberikan informasi yang mendetail
kepada konsumen tentang barang atau produk yang dijual serta
menentukan regulasi tentang peraturan dan tatacara berbelanja.
2. Memberikan pelayanan informasi untuk membantu konsumen yang
memerlukan informasi tambahan. Hal tersebut perlu dilakukan untuk
memberikan rasa aman dan meningkatkan kepercayaan konsumen untuk
membeli barang atau produk dari website ini.
3. Melakukan back up dan pengarsipan data untuk mencegah hal-hal yang
tidak dinginkan.
58
DAFTAR PUSTAKA
Agung. 2012. Buku Pintar HTML5+CSS3+Dreamweaver CS6. Jakarta: PT Elex
Media Komutindo
Bahra bin Ladjamuddin B. 2006. Rekayasa Perangkat Lunak Yogyakarta: Graha
Ilmu.
Binanto, Iwan. 2010. Multimedia Digital-Dasar teori dan Pengembangannya
Yogyakarta: Andi
Kristanto, Andri, 2010.kupas Tuntas PHP & MySQL. Klaten : Cable Book
Manzur, aunurrofiq. 2010. 141 Add-ons Pilihan Untuk Firefox. Jakarta: Pt Elex
Media Komputindo
Rahman, su. 2013. Cara Gampang Bikin CMS PHP Tanpa Ngoding. Jakarta: PT
Transmedia
Sugiri, Budi Kurniawan. 2007. Desain Web Menggunakan HTML dan CSS.
Yogyakarta: Andi
Sukamto, Rosa A dan M. Shalahuddin. 2013. Rekayasa Perangkat Lunak
Terstruktur dan Berorientasi Objek. Bandung: Informatika Bandung
Talib, Haer. 2010. Panduan Praktis Menguasai Komputer. Jakarta: PT Elex Media
Komputindo
Wicaksono, Yogi. 2008. Membangun Bisnis Online dengan Mambo. Jakarta: PT
Elex Media Komputindo
Yakub. 2010. Sistem Basis Data Tutorial Konseptual. Jakarta: Graha Ilmu
Yuhefizar. 2008. 10 Jam menguasai Internet Teknologi dan Aplikasinya. Jakarta:
PT Gramedia
59
Yuhefizar, HA Mooduto, Rahmat Hidayat. 2009. Cara Mudah Membangun
Website Interaktif menggunakan Content management System
Joomla (CMS) Edisi Revisi. Jakarta: PT Elex Media Komputindo
Zaki, Ali. 2009. Teknik Hacking Dan Overlay Friendster. Jakarta: PT Elex Media
Komputindo
60
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
N.I.M : 12142022
Nama Lengkap : Kamila
Tempat & Tanggal Lahir : Aceh Tengah, 02 April 1996
Alamat Lengkap :.Jl.Prapatan No.18 Asrama Brimob
Kwitang
B. Riwayat Pendidikan Formal & Non-Formal
1. 2002-2007 : SDN 02 Takengon, Aceh Tengah
2. 2007-2010 : SMPN 10 Unggul, Aceh Tengah
3. 2010-2013 : SMAN 01, Aceh Tengah
Jakarta, 02 Juli 2017
Kamila
61
LAMPIRAN
Lampiran A.1. Halaman Detail Barang
Lampiran A.2. Halaman Form Pemesanan
62
Lampiran A.3. Halaman Invoice
Lampiran A.4. Halaman Konfirmasi
63
Lampiran B.1. Halaman Data Barang
Lampiran A.1. Halaman Tabel Transaksi