TUGAS AKHIR · PERANCANGAN SISTEM INFORMASI PENJUALAN BUSANA MUSLIM BERBASIS WEB PADA HANIFAH SHOP...
Transcript of TUGAS AKHIR · PERANCANGAN SISTEM INFORMASI PENJUALAN BUSANA MUSLIM BERBASIS WEB PADA HANIFAH SHOP...
PERANCANGAN SISTEM INFORMASI
PENJUALAN BUSANA MUSLIM BERBASIS WEB
PADA HANIFAH SHOP
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan diploma tiga (D.III)
FRANSISKA
NIM : 12163066
Program Studi Sistem Informasi
Fakultas Teknologi Informasi Universitas Bina Sarana Informatika
Jakarta
2019
i
ii
iii
iv
v
vi
KATA PENGANTAR
Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT, yang
telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat
menyelesaikan tugas ini dengan baik. Dimana Skripsi pada Program Sarjana dan
Tugas Akhir pada Program Diploma III ini penulis sajikan dalam bentuk buku yang
sederhana. Adapun judul tugas akhir, yang penulis ambil sebagai berikut,
“Perancangan Sistem Informasi Penjualan Busana Muslim Berbasis Web Pada
Hanifah Shop”.Tujuan penulisan Skripsi pada Program Sarjana dan Tugas Akhir
pada Program Diploma III ini dibuat sebagai salah satu syarat kelulusan Program
Diplomadan Sarjana Universitas Bina Sarana Informatika. Sebagai bahan penulisan
diambil berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber
literatur yang mendukung penulisan ini. 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 terima kasih kepada:
1. Rektor Universitas Bina Sarana Informatika.
2. Ketua Jurusan Sistem Informasi Universitas Bina Sarana Informatika.
3. Bapak Verry Riyanto, M.Kom selaku Dosen Pembimbing Tugas Akhir.
4. Ibu Sinta Rukiastiandari, ST, MMSI selaku Asisten Pembimbing Tugas Akhir.
5. Staff / karyawan / dosen dilingkungan Universitas Bina Sarana Informatika.
vii
6. Bapak Rahman Santoso, SE selaku Kepala Divisi Accounting Lindo Pratama.
7. Staff / karyawan dilingkungan Lindo Software.
8. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual.
9. Rekan-rekan mahasiswa kelas SI-6D.
Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga
terwujudnya penulisan ini. Penulis menyadari bahwa penulisan Tugas Akhir ini
masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang
bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang. Akhir
kata semoga Tugas Akhir ini dapat berguna bagi penulis khususnya dan bagi para
pembaca yang berminat pada umumnya.
Jakarta, 11 Juli 2019
Penulis
Fransiska
viii
ABSTRAK
Fransiska (12163066), Perancangan Sistem Informasi Penjualan Busana
Muslim Berbasis Web Pada Hanifah Shop.
Dalam perkembangan teknologi yang semakin modern, cepat dan praktis sangat
mempengaruhi kehidupan masyarakat luas. Teknologi informasi melaju dengan
cepatnya, adapun komputer yang merupakan peralatan yang diciptakan untuk
mempermudah pekerjaan manusia, saat mencapai kemajuan baik dalam pembuatan
hardware maupun software. Sebuah penjualan membutuhkan sekali adanya suatu
sistem informasi yang menunjang dan memberikan pelayanan yang memuaskan
kepada costumer. Untuk itu penulis mencoba membuat Tugas Akhir mengenai
penjualan busana muslim berbasis web, dimana penjualan busana muslim masih
banyak kendala dalam pemasarannya. Perancangan sistem informasi ini merupakan
solusi yang bisa membantu untuk memecahkan permasalahan-permasalahan yang
ada pada penjualan busana muslim. Dengan sistem penjualan berbasis web dapat
memberikan kemudahan bagi costumer untuk mencari produk yang mereka inginkan
serta memberikan jangkauan konsumen yang lebih luas lagi bagi penjual busana
muslim sehingga mempermudah dalam proses transaksi.
Kata Kunci : Perancangan Sistem Informasi Penjualan, Busana Muslim
ix
ABSTRACT
Fransiska (12163066), Information System Design Of Moslem Clothes Web-Based
Selling at Hanifah Shop.
In the development of more modern technology, quickly and practically greatly
affects the lives of the wider community. Information technology is advancing
rapidly, as for computers which are devices that are created to facilitate human
work, when achieving progress in both hardware and software. A sale requires an
information system that supports and provides satisfactory services to the costumer.
For that the author tries to make a final project regarding the sale of web-based
muslim fashion, where muslim fashion sales are still many obstacles in marketing.
This information system design is a solution that can help to solve the problems that
exist in the sale of muslim clothing. With a web-based sales system can make it easy
for costumers for muslim fashion sellers so that it makes the transaction process
easier.
Keyword : Information System Design, Moslem Clothes.
x
DAFTAR ISI
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 ............................................................................................. vii
Abstrak ......................................................................................................... ix
Daftar Isi ……............................................................................................. xi
Daftar Simbol .............................................................................................. xiii
Daftar Gambar .............................................................................................. xiv
Daftar Tabel …............................................................................................... xvi
Daftar Lampiran ........................................................................................... xvii
BAB I PENDAHULUAN.......................................... 1
1.1. Latar Belakang Masalah ……….............................................. 1
1.2. Tujuan dan Manfaat ……......................................................... 2
1.3. .Metode Penelitian..........,........................................................ 3
1.4. Ruang Lingkup ……............................................................... 5
BAB II LANDASAN TEORI ................................... 8
2.1. Konsep Dasar Web …............................................................ 8
2.2. Teori Pendukung ...…………………………………………. 17
xi
BAB III PEMBAHASAN ......................................... 27
3.1. Tinjauan Perusahaan …………............................................. 27
3.1.1. Sejarah Institusi/perusahaan ………………………. 27
3.1.2. Struktur Organisasi dan Fungsi ……………………. 29
3.2. Analisis Kebutuhan ………….............................................. 30
3.3. Rancangan Dokumen ………................................................ 34
3.4. Entity Relationship Diagram(ERD)....................................... 38
3.5. Spesifikasi File …..………………........................................ 40
3.6. Pengkodean ……………………............................................. 50
3.7. Spesifikasi Program …............................................................. 51
3.8. Spesifikasi Sistem Komputer ................................................... 54
3.9. Implementasi ………………..................................................... 56
3.10. Pengujian Unit ………........................................................... 73
BAB IV PENUTUP................................................... 88
4.1 Kesimpulan ……….............................................................. 88
4.2 Saran .................................................................................... 89
Daftar Pustaka ………................................................................................ 90
Daftar Riwayat Hidup ……….................................................................... 91
Surat Keterangan Riset …………………................................................... 92
Lampiran B Dokumen Masukan Program ................................................ 93
Lampiran C Dokumen Keluaran Program ................................................. 95
xii
DAFTAR SIMBOL
a. Simbol UML
sesuaikan dengan symbol UML yang dipakai dalam
penulisan skripsi sesuaikan dengan referensi yang digunakan.
b. Simbol ERD
sesuaikan dengan symbol ERD yang dipakai dalam
penulisan skripsi sesuaikan dengan referensi yang digunakan.
c. Simbol Flowchart
TERMINAL
Digunakan untuk menggambarkan awal dan akhir
dari suatu kegiatan.
DECISION
Digunakan untuk menggambarkan proses pengujian
suatu kondisi yang ada.
PREPARATION
Digunakan untuk menggambarkan persiapan harga
awal, dari proses yang akan dilakukan.
xiii
FLOW LINE
Digunakan untuk menggambarkan hubungan
proses dari satu proses ke proses lainnya.
INPUT/OUTPUT
Digunakan untuk menggambarkan proses
memasukan data yang berupa pembacaan data dan
sekaligus proses keluaran yang berupa pencetakan
data.
SUBROUTINE
Digunakan untuk menggambarkan proses
pemanggilan sub program dari main program
(recursivitas).
PAGE CONNECTOR
Digunakan untuk menghubungkan alur proses ke
dalam satu halaman atau halaman yang sama.
CONNECTOR
Digunakan untuk menghubungkan alur proses dalam
halaman yang berbeda atau ke halaman berikutnya.
xiv
DAFTAR GAMBAR
Gambar I.1. grafik penjualan busana muslim pada hanifah shop…………. 2
Gambar II.1. struktur navigasi linear ……………………………………. 18
Gambar II.2. struktur navigasi non linear …………………………………. 18
Gambar II.3. struktur navigasi hirarki ……………………………………… 19
Gambar II.4. struktur navigasi campuran …………………………………. 20
Gambar III.1. Struktur Organisasi Perusahaan ……………………………. 29
Gambar III.2. ERD (entity relayionship diagram) ………………………. 38
Gambar III.3. LRS (logical relationship strukture) ….………………….. 39
Gambar III.4. struktur pengkodean transaksi …………………………….. 50
Gambar III.5. struktur penkodean barang ………………………………... 50
Gambar III.6. struktur navigasi pengunjung/user ………………………... 51
Gambar III.7. struktur navigasi admin …………………………………… 52
Gambar III.8. Halaman Login Admin …………………………………… 56
Gambar III.9. Halaman Beranda Admin …………….…………………… 57
Gambar III.10. Halaman Admin Ganti Password ……………………… 57
Gambar III.11. Halaman Data Member …………………………………. 58
Gambar III.12. Halaman Admin Kategori Produk ……………………… 58
Gambar III.13. Halaman Admin Produk ………………………………... 59
Gambar III.14. Halaman Admin Detail Transaksi ……………………… 59
Gambar III.15. Halaman Admin Konfirmasi Pembayaran Masuk ……… 60
Gambar III.16. Halaman Admin Data Member …………………………. 60
Gambar III.17. Halaman Admin Data Supplier …………………………. 61
Gambar III.18. Halaman Admin Transaksi Pembelian (PO) ……………. 61
Gambar III.19. Halaman Admin Pesan Masuk ………………………….. 62
Gambar III.20. Halaman Admin Testimoni …………………………….... 62
Gambar III.21. Halaman Admin Menu Website ………………………… 63
Gambar III.22. Halaman Admin Pengaturan Slider ……………………… 63
Gambar III.23. Halaman Admin Laporan Produk ………………………... 64
Gambar III.24. Halaman Admin Laporan Pembelian ……………………. 64
xv
Gambar III.25. Halaman Admin Laporan Supplier ……………………… 65
Gambar III.26. Halaman Admin Laporan Orders ……………………….. 65
Gambar III.27. Halaman Pengunjung/user ……………………………… 66
Gambar III.28. Halaman Daftar Member ………………………………... 66
Gambar III.29. Halaman Login Member ………………………………… 67
Gambar III.30. Halaman Produk Pengunjung/Member …………………. 67
Gambar III.31. Halaman Keranjang Belanja Pengunjung/Member …….. 68
Gambar III.32. Halaman Profile Member ………………………………. 68
Gambar III.33. Halaman Cara Belanja Pengunjung/Member …………… 69
Gambar III.34. Halaman Transaksi Member …………………………… 69
Gambar III.35. Halaman Konfirmasi Pembayaran Member …………… 70
Gambar III.36. Halaman Tracking Order Member …………………….. 71
Gambar III.37. Halaman Testimoni Pengunjung/Member …………….. 72
Gambar III.38. Halaman Pesan Pengunjung/Member …………………. 72
xvi
DAFTAR TABEL
Tabel II.1 Spesifikasi File Member ……..……………………………………... 41
Tabel II.2. Spesifikasi File Kategori ……...…………………………………….. 42
Tabel II.3. Spesifikasi File Produk ………..…………………………………….. 43
Tabel II.4. Spesifikasi File Penjualan ……..…………………………………… 44
Tabel II.5. Spesifikasi File Detail Penjualan .………………………………….. 45
Tabel II.6. Spesifikasi File Data Supplier ………………...…………………… 46
Tabel II.7. Spesifikasi File Konfrmasi …………………………….................... 48
Tabel II.8. Spesifikasi File Rekening …………………………………………. 49
Tabel II.9. Hasil Pengujian BlaxBox Testing Halaman Login Admin………… 73
Tabel II.10. Hasil Pengujian BlaxBox Testing Halaman Edit Profile Admin…... 75
Tabel II.11. Hasil Pengujian BlaxBox Testing Halaman Tambah Data Kategori. 77
Tabel II.12. Hasil Pengujian BlaxBox Testing Halaman Tambah Data Produk... 78
Tabel II.13. Hasil Pengujian BlaxBox Testing Halaman Data Transaksi (PO)… 81
Tabel II.14. Hasil Pengujian BlaxBox Testing Halaman Login Member………. 82
Tabel II.15. Hasil Pengujian BlaxBox Testing Halaman Daftar Member…...…. 85
Tabel II.16. Hasil Pengujian BlaxBox Testing Halaman Testimoni Member...… 86
xvii
DAFTAR LAMPIRAN
Lampiran 1.1 Data Supplier ………………………………………………….. 93
Lampiran 1.2 Struk Pembayaran ……………………………………………. 93
Lampiran 1.3 Faktur Pembelian ……………………………………………… 94
Lampiran 2.1 Laporan Penjualan …………………………………………….. 95
Lampiran 2.2 Laporan Supplier ………………………………………………. 96
Lampiran 2.2 Laporan Pembelian .……………………………………………. 97
Lampiran 2.2 Laporan Produk ………...………………………………………. 98
18
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Pada saat ini teknologi informasi mengalami perkembangan yang sangat
cepat, seiring dengan kebutuhan manusia yang juga terus bertambah. Teknologi
memegang peranan penting bagi kehidupan manusia. Saat ini, siapa yang tidak
bisa mengikuti perkembangan teknologi, maka dapat dipastikan menjadi orang
yang gagap teknologi. Menurut Wulandari, W., & Priyono, A. (2017:54) “E-
Commerce merupakan salah satu konsep yang cukup berkembang dalam dunia
internet”. Melihat hal tersebut maka penggunaaan internet dalam penjualan
busana muslim yang sekarang menjadi incaran wanita muslimah sekarang
ataupun laki-laki muslim akan sangat bermanfaat.
Hanifah shop merupakan pertokoan yang bergerak dibidang penjualan busana
muslim yang di jual selalu terupdate. tersedia berbagai macam produk seperti
busana muslim wanita, tetapi juga menjual mukena baju anak-anak dan juga
pakaian muslim bagi laki-laki, yang beralamat di Jl..Mutiara Gading Timur,
Mustika Jaya, Bekasi Timur.
Hanifah shop juga merupakan salah satu pertokoan yang belum
memanfaatkan media pemasaran melalui internet. Melihat perkembangan fashion
yang pesat saat ini, hanifah shop membutuhkan media pemasaran untuk memasarkan
produk yang dijual. Melihat permasalahan diatas penulis tertarik untuk berperan aktif
19
dalam membuat “Perancangan Sistem Informasi Penjualan Busana Muslim Berbasis
Web pada Hanifah Shop”.
Berikut grafik penjualan busana muslim pada hanifah shop.
Gambar 1.1 Grafik penjualan busana muslim pada hanifah shop
1.2. Tujuan dan Manfaat
Tujuan dari penulisan tugas akhir ini adalah :
1. Memudahkan para pengguna Internet yang biasa mencari produk yang
diingikan melalui media online.
2. Merancang aplikasi e-commerce pada hanifah shop untuk memudahkan
fasilitas bagi penjual dan pembeli untuk menciptakan transaksi yang lebih
mudah.
3. Mempermudah penjualan serta memudahkan konsumen untuk mendapatkan
barang yang diinginkan tanpa harus datang langsung ke toko hanifah shop.
0
10
20
30
40
50
60
gamis setsyar'i
gamis syar'i mukena setelan koko setelanjubah/gamis
gamis setanak wanita
jubah/gamisset anak laki-
laki
wanita laki-laki anak-anak
DATA PENJUALAN PADA HANIFAH SHOP
20
Sedangkan manfaat penulisan Tugas Akhir ini adalah sebagai berikut:
1. Manfaat untuk Penulis
Sebagai salah satu syarat kelulusan Program Diploma Tiga (D III) di Program
Studi Sistem Informasi Fakultas Teknologi Informasi Universitas Bina
Sarana Informatika (UBSI).
2. Manfaat Untuk Objek Penelitian
Mempermudah proses pencatatan transaksi sampai terjadinya pembuatan
laporan, serta dapat mengubah sistem yang masih manual menjadi
terkomputerisasi.
3. Manfaat Untuk Pembaca
Dengan adanya penelitian ini diharapkan pembaca mendapatkan informasi
tentang penjualan online bahwa berbelanja online itu sangat mudah dan lebih
menguntungkan.
1.3 Metode Penelitian
Metode yang digunakan penulis dalam pengumpulan data yang digunakan
untuk penyusunan Tugas Akhir adalah sebagai berikut :
A. Metode pengembangan perangkat lunak
Metode yang digunakan dalam pengembangan perangkat lunak ini adalah
model waterfall Sukamto dkk. (2014:29) yang terbagi menjadi lima tahapan, yaitu :
1. Analisis kebutuhan perangkat lunak
21
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang di butuhkan oleh user.
2. Desain
Pada tahap ini penulis membuat rancangan antar muka meliputi tampilan
utama web, dan tampilan utama admin. Rancangan basis data dengan
menggunakan Entity Relationship Diagram (ERD) dan Logical Record
Structure (LRS) serta membuat rancangan struktur navigasi.
3. Pembuatan Kode Program
Bahasa pemograman yang dipakai untuk pengkodean didalam pembuatan
web ini adalah JAVA dan PHP.
4. Pengujian
Pengujian pada program ini menggunakan black box testing
5. Pemeliharaaan (maintence)
Tidak menutup kemungkinan sebuah perangkat lunak 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 spesifikasi untuk perubahan perangkat lunak yang sudah ada tapi
tidak untuk membuat perangkat lunak baru.
22
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan untuk mendapatkan data sebagai
objek penulisan adalah sebagai berikut :
1. Metode Pengamatan (Observasi)
Mengamati secara langsung terhadap kegiatan yang dilakukan di hanifah
shop tersebut agar dapat mengetahui setiap proses yang di kerjakan oleh
pemilik toko dan karyawannya.
2. Wawancara (Interview)
Dalam penulisan Tugas Akhir ini, untuk mendapatkan informasi secara
lengkap maka penulis melakukan suatu metode suatu Tanya jawab
dengan ibu endang suliasti (pemilik) busana muslim hanifah shop mengenai
semua kegiatan yang berhubungan dengan penjualan barang yang ada ditoko
tersebut.
3. Metode Studi Pustaka (Library Research)
Penulis mengambil beberapa informasi atau data yang di perlukan
untuk menunjang kelengkapan Tugas Akhir dari buku cetak yang ada.
Yaitu buku mengenai perancangan web, dasar pemograman komputer
dan buku-buku yang berhubungan dengan Tugas Akhir.
1.4. Ruang lingkup
Dikarenakan luasnya permasalahan yang ada di dalam suatu situs, maka
ruang lingkup yang akan dibahas pada perancangan website mencakup ruang admin,
23
dan ruang pengunjung/member. Pada ruang admin terdapat login, input data dan
manipulasi data oleh admin. Pada ruang pengunjung/member terdapat galeri produk
–produk yang dijual, profil toko, dan dapat mendaftar menjadi member, Kemudian
pada ruang member input traksaksi hanya dapat dilakukan oleh pengunjung yang
sudah terdaftar menjadi member. Konfirmasi pembayaran dilakukan setelah selesai
semua proses transaksi pembelian pada web, kemudian member melakukan
pembayaran melalui bank yang telah ditentukan, Lalu melakukan konfirmasi
pembayaran agar pembelian dianggap sudah sukses dan barang segera dikirimkan ke
alamat tujuan.
24
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Pembuatan Tugas Akhir ini tidak lepas dari teori-teori yang mendukung
untuk mempermudah dalam mempelajari dan merancang program yang diharapkan
dapat berfungsi secara maksimal. Pada bab ini penulis mencoba mengemukakan
beberapa teori, namun teori-teori tersebut tidak dijelaskan secara keseluruhan,
melainkan hanya bagian tertentu yang berkaitan serta mendukung dalam pelaksanaan
pembuatan website.
A. Website
1. Internet
Menurut Hidayatullah (2015:1), “ Internet adalah jaringan global yang
menghubungkan komputer-komputer diseluruh dunia. Dengan internet
komputer bisa mengakses data yang terdapat pada komputer lain dibenua
yang berbeda. Dengan internet, sebuah toko online bisa tetap terbuka 24 jam
sehari dan 7 hari dalam seminggu tanpa henti. Dengan internet, kejadian
penting yang terjadi disuatu negeri bisa segera diketahui oleh orang lain
dinegara yang berbeda”.
Menurut Sibero (2014:10), “internet (Interconnected Network) adalah
jaringan komputer yang menghubungkan antar jaringan secara global,
internet dapat juga disebut jaringan dalam suatu jaringan yang luas”.
25
2. Website
Menurut Abdullah (2015:1), “Website dapat diartikan sekumpulan halaman
yang berisi infomasi dalam bentuk data digital baik berupa text, gambar,
video, audio, dan animasi lainnya yang disediakan melalui jalur koneksi
internet”.
Menurut Hidayatullah (2014:1) mengatakan bahwa “Web dapat diartikan
sekumpulan halaman yang berupa laman yang berisi informasi dalam bentuk
digital baik itu berupa text, gambar, animasi, video, dan audio lainnya yang
disediakan melalui jalur koneksi internet”.
Halaman website biasanya berupa dokumen yang ditulis dalam format Hyper
Text Markup Language (HTML), yang bisa di akses melalui HTTP. HTTP
adalah suatu protocol yang menyampaikan berbagai informasi dari server
website untuk ditampilkan kepada pada user atau pemakai melalui web
browser”.
Menurut Bekti (2015:35), “Website merupakan kumpulan halaman-halaman
yang digunakan untuk menampilkan informasi text, gambar diam atau gerak,
animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis
maupun dinamis yang membentuk satu rangkaian bangunan yang saling
terkait,yang masing-masing dihubungkan dengan jaringan-jaringan halaman”.
Jenis-jenis website terdiri dari 3 macam yaitu:
1. Website statis
Website statis adalah suatu website yang memiliki halaman yang
tidak berubah. Artinya, untuk melakukan sebuah perubahan pada
26
suatu halaman hanya dapat dilakukan secara manual, yaitu dengan
mengedit kode-kode yang menjadi struktur dari website itu sendiri.
Contoh website statis: website perusahaan (company profile)
dan search engine (google,bing).
2. Website dinamis
Website dinamis adalah suatu website yang secara strukturnya
diperuntukkan untuk update sesering mungkin. Website ini selain
utamanya untuk diakses oleh para pengguna juga telah disediakan
halaman backhend yaitu untuk mengedit kode dari website tersebut.
Contoh: blog/website pribadi, katalog online, situs e-commerce,situs
berita,website portal.
3. Website interaktif
Website interaktif adalah suatu website yang diperuntukan untuk
berinteraksi dengan orang lain secara online. Pengguna website
jenis ini biasanya komunitas atau pengguna internet aktif. Pengguna
di website ini dapat berinteraksi dan beradu argumen tentang apa
yang sedang mereka pikirkan. Contoh: situs media social,situs form
online,blog.
3. Web Server
Menurut Pratama (2015:448), “Web Server dapat diartikan sebagai perangkat
lunak yang dijalankan disistem operasi pada komputer server maupun
desktop, yang berfungsi untuk menerima permintaan (request) dalam bentuk
protokol pada jaringan komputer”.
27
Menurut Sibero (2014:11), Web Server adalah “sebuah komputer yang terdiri
perangkat keras dan perangkat lunak. Secara berbentuk fisik dan cara
kerjanya, perangkat keras web server tidak berbeda dengan komputer rumah
atau PC, yang membedakan kapasitas dan kapabilitasnya”.
4. Web Browser
Menurut Sibero (2014:12), Web Browser adalah “aplikasi perangkat lunak
yang digunakan untuk mengambil dan menyajikan sumber informasi web”.
Sumber informasi web diidentifikasikan dengan Uniform Resource Identifier
(URI) yang dapat terjadi dari halaman web, vidio, gambar, ataupun konten
lainnya.
B. Bahasa Pemrograman
Menurut Dipraja (2014:26), “ programming language (bahasa pemrograman)
merupakan suatu sintak untuk mendefinisikan program komputer, bahasa ini
memungkinkan seorang programmer dapat membuat suatu program aplikasi,
contohnya: borland Delphi”.
Bahasa pemrograman berbasis web yang penulis gunakan untuk penulisan
laporan Tugas Akhir ini terdiri dari HTML ( Hypertext Markup Language ) ,
JavaScript, CSS ( Cascading Style Sheet ), PHP ( Hypertext Preprocessor ),
Dreamweaver CS6 dan JQuery. Adapun pembahasan dari bahasa pemrograman yang
digunakan yaitu:
1. HTML ( Hypertext Markup Language )
28
Menurut Masrur (2016:5), “HTML adalh format standar yang digunakan
untuk membuat halaman web. HTML merupakan subset dari Bahasa yang
lebih luas, yaitu SGML (Standard Generalized Markup Languange)”.
Menurut Sibero (2014:19) HTML adalah “bahasa yang digunakan pada
dokumen web sebagai bahasa pertukaran dokumen web dan struktur
dokumen HTML terdiri dari tag pembuka dan tag penutup”.
2. Javascript
Menurut Sibero (2014:150) Javascript “adalah bahasa pemograman yang
untuk dapat berjalan pada web browser dan Javascript adalah bahasa skrip
(Scripting Langguage), yaitu Kumpulan interuksi perintah yang digunakan
untuk mengendalikan beberapa bagian dari sistem oprasi yang terdiri dari
variabel, dan fungsi lainnya”.
Definisi lain dari Purbadian (2015:54) mengemukakan bahwa “JavaScript
merupakan bahasa pemprograman script yang berjalan pada sisi client atau
browser”.
3. CSS ( Cascading Style Sheet )
Menurut (Suryana & TaryanadanKoeshervatin, 2014), “CSS ( Cascading
Style Sheet ) adalah suatu bahasa Stylesheet yang digunakan untuk mengatur
tampilan sebuah website”. Baik tata letaknya, jenis huruf, warna, dan semua
yang berhubungan dengan tampilan. Pada umumnya CSS digunakan untuk
memformat halaman web yang ditulis dengan HTML atau XHTML.
29
Menurut Purbadian (2015:24) “CSS (Cascading Style Sheets) adalah suatu
bahasa pemrograman web yang digunakan untuk mendesain halaman web
agar tercipta suatu halaman lkweb yang rapi, terstruktur, dan seragam”.
Menurut Sibero (2014:112) “CSS (Cascading Style Sheet) memiliki arti gaya
menata halaman bertingkat, yang berarti setiap satu elemen yang telah di
format dan memiliki anak dan telah diformat, maka anaknya dari elemen
tersebut secara otomatis mengikuti format elemen induknya”.
4. PHP ( Hypertext preprocessor )
PHP sering dipakai para programmer untuk membuat situs web yang bersifat
dinamis karena gratis dan berguna dalam merancang aplikasi web.
Menurut Supono dan Putratama (2016:3) mengemukakan bahwa ”PHP
(Hypertext Preprocessor) adalah suatu bahasa pemrograman yang digunakan
untuk menerjemahkan baris kode program menjadi kode mesin yang dapat
dimengerti oleh komputer yang berbasis server-side yang dapat ditambahkan
ke dalam HTML”.
Menurut Solichin (2016:11) mengemukakan bahwa “PHP merupakan salah
satu bahasa pemrograman berbasis web yang ditulis oleh dan untuk
pengembang web”.
Menurut Sibero (2014:49) PHP adalah “suatu bahasa dengan hak cipta
terbuka atau juga dikenal dengn istilah Open Source, yaitu penggunaan dapat
mengembangkan kode-kode fungsi PHP, dan suatu pemograman interpreter
yaitu proses penarjemahan baris kode sumber menjadi kode mesin yang
dimengerti komputer secara lansung pada saat baris kode dijalankan”.
30
5. Dreamweaver CS6
Menurut Madcoms (2013:2) “Adobe Dreamweaver CS6 adalah versi terbaru
dari Adobe Dreamweaver yang merupakan bagian dari Adobe Creative Suite
6”.
6. JQuery
Menurut Sianipar (Hidayat et al., 2017), “JQuery merupakan sebuah pustaka
Javascript yang memuat banyak perangkat siap pakai. Perangkat-perangkat
tersebut berupa kode-kode javascript pustaka yang dapat langsung dipakai
untuk halaman web”.
JQuery juga menawarkan banyak fungsi utilitas untuk menentukan
kapabilitas browser, dan juga dikenal dengan kemampuan dari efek
visualnya.
C. Basis Data
Menurut Sukamto dan Shalahuddin (2014:43), “basis data adalah media
untuk menyimpan data agar dapat diakses dengan mudah dan cepat”.
Menurut Raharjo (2015:1) mengatakan bahwa “Istilah database atau disebut
juga basis data banyak memiliki definisi. Untuk sebagian kalangan, secara sederhana
database diartikan sebagai kumpulan data seperti buku, nomor telepon, daftar
pegawai, dan lain sebagainya. Ada juga menyebut database dengan definisi lain yang
lebih formal dan tegas”. Basis Data atau Database didefinisikan sebagai kumpulan
data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat
dimanipulasi, diambil, dan dicari secara cepat. Selain berisi data, database juga berisi
31
metadata. Metadata adalah data yang menjelaskan tentang struktur dari data itu
sendiri.
Berikut adalah basis data yang digunakan, meliputi:
1. MySQL Menurut Masrur (2016:124) mengatakan bahwa: “MySQL adalah
salah satu Relational Database Management System bersifat Open Source. Struktur
database disimpan dalam table – table yang saling berelasi. Karena sifat Open
Source, MySQL dapat dipergunakan dan didistribusikan baik untuk kepentingan
individu maupun corporate secara gratis, tanpa memerlukan lisensi dari pembuatnya.
MySQL dapat dijalankan dalam berbagai platform sistem operasi antara lain
Windws, Linux, Unix, Sun OS dan lain – lain”.
Menurut Rosa dan Shalahuddin (2015:43) “basis data merupakan salah satu
bagian dalam rekayasa perangkat lunak yang terkomputerisasi dan bertujuan utama
memelihara data yang sudah diolah atau media penyimpanan informasi agar dapat
diakses dengan mudah dan cepat”. Sedangkan menurut Yakub dan Hisbanarto
(2015:25) menjelaskan, “basis data (database) merupakan kumpulan data yang saling
berhubungan atau punya relasi”.
Sedangkan menurut Purbadian (2015:43) mengemukakan bahwa “Basis data adalah
sistem terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah
diolah atau informasi dan membuat infomasi tersedia saat dibutuhkan”.
Berdasarkan pendapat para ahli maka dapat disimpulkan bahwa Basis data adalah
kumpulan dari data atau file dalam komputer secara sistematik.
32
D. Model Pengembangan Perangkat Lunak
Menurut Sukamto (2015:28), “Model SDLC air terjun (waterfall) sering juga
disebut model sekuensial linier ( sequential linier ) 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 ini merupakan alur hidup perangkat lunak model waterfall dari
Sukamto (2015:28) yaitu :
1. Analisa kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat
lunak seperti apa yang dibutuhkan oleh user.
2. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain
pembuatan program perangkat lunak termasuk struktur data, arsitektur
perangkat lunak, representasi antar muka, dan prosedur pengkodean.
3. Pembuatan kode program
Desain harus ditranslasikan kedalam program perangkat lunak, hasi dari
tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain.
4. Pengujian
33
Pengujian fokus pada perangkat lunak secara dari fungsi logic dan fungsional
serta memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan dan memastikan keluaran yang dihasilkan sesuai
dengan yang diinginkan.
5. Pendukung (support) atau Pemeliharaan (maintence)
Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan
mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah
ada, tapi tidak untuk membuat perangkat lunak baru.
2.2 Teori Pendukung
A. Struktur Navigasi
Struktur navigasi atau alur dari suatu program yang merupakan rancangan
hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu
mengorganisasikan seluruh elemen pembuatan website.
Menurut Andriansyah (2016:61), “Struktur navigasi dapat diartikan sebagai
alur dari suatu program yang menggambarkan rancangan hubungan antar area yang
berbeda sehingga memudahkan proses pengorganisasian seluruh elemen website”.
1. Struktur Navigasi Linear
Struktur Navigasi Linear adalah struktur yang hanya memiliki satu rangkaian
cerita yang berurut yang menampilkan satu persatu tampilan layar berurut
menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini
adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat
dua halaman sebelumnya atau dua halaman sesudahnya, pengguna akan
34
melakukan navigasi secara berurutan, dalam frame atau byte informasi satu
ke yang lainnya.
Sumber: Andriansyah (2016:61)
Gambar II.1
Struktur Navigasi Linear
2. Struktur Navigasi Non Linear
Struktur navigasi non linear atau struktur navigasi tidak berurut merupakan
pengembangan dari struktur navigasi linear. Pada struktur ini di perkenankan
membuat navigasi bercabang. Percabangan yang dibuat pada struktur non
linear ini berbeda dengan percabangan pada struktur hirarki, karena pada
percabangan non linear ini walaupun terdapat percabangan tetap tetapi tiap-
tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada master page
dan slavepage, pengguna akan melakukan navgasi dengan bebas melalui isi
proyek dengan tidak terikatjalur yang sudah ditentukan sebelumnya.
Sumber: Andriansyah (2016:62)
Gambar II.2
35
Struktur Navigasi Non Linear
3. Struktur Navigasi Hirarki
Strukture navigasi hirarki struktur dasar ini disebut juga struktur linear
dengan percabangan karena pengguna melakukan navigasi disepanjang
cabang pohon stuktur yang terbentuk oleh logika isi.
Sumber: Andriansyah (2016:62)
Gambar II.3
Struktur Navigasi Hirarki
4. Struktur Navigasi Campuran
Struktur navigasi jenis ini pengguna akan melakukan navigasi dengan bebas
(secara non-linear), tetapi terkadang dibatasi presentasi linier film atau
informasi penting dan pada data yang paling terorganisasi secara logis pada
suatu hirarki.
36
Sumber: Andriansyah (2016:63)
Gambar II.4
Struktur Navigasi Campuran
B. Entity Relationship Diagram (ERD)
1. Definisi Entity Relationship Diagram (ERD)
Menurut Pratama (2014:49) “ERD (Entity Relationship Diagram) diagram
yang menggambarkan keterkaitan antar tabel beserta dengan field-field didalamnya
pada suatu database sistem”. Database memuat minimal sebuah tabel dengan sebuah
atau beberapa buah field (kolom) didalamnya. Namun pada kenyataanya, database
lebih sering memiliki lebih dari satu buah tabel (dengan beberapa field didalamnya).
Menurut Rosa A.S. dan M. Shalahuddin (Hidayat et al., 2017), “Pemodelan
awal basis data yang paling banyak digunakan adalah menggunakan Entity
Relationship Diagram (ERD)”.
ERD dikembangkan berdasarkan teori himpunan dalam bidang matematika.
ERD digunakan untuk pemodelan basis data relasional. Sehingga jika penyimpanan
basis data menggunakan OODBMS maka perancangan basis data tidak perlu
menggunakan ERD. ERD memiliki beberapa aliran diantaranya notasi chen
(dikembangkan oleh Peter Chen), Barker (dikembangkan oleh Richard Balker, Ian
Palmer, Harry Ellis), notasi Crow’s Foot, dan beberapa notasi lain. Namun yang
banyak digunakan adalah notasi dari Chen.
2. Komponen ERD
a. Entitas (Entity)
37
Entitas adalah suatu yang nyata atau abstrak dimana kita akan menyimpan
data.
b. Relasi (Relationship)
Relasi adalah hubungan alamiah yang terjadi antara satu atau lebih entitas,
misalnya pembayaran pegawai. Kardinalitas menentukan kejadian suatu
entitas untuk suatu kejadian pada entitas yang berhubungan.
c. Atribut (Atribute)
Atribut adalah ciri umum semua atau sebagian besar instansi pada entitas
tertentu. Sebutan lain atribut adalah properti, elemen data dan field. Misalnya
nama, alamat, nomor pegawai, dan gaji adalah atribut entitas pegawai.
Sebuah atribut atau kombinasi atribut yang mengidentifikasi satu dan hanya
satu instansi suatu entitas disebut kunci utama atau pengenalan
3. Derajat Relasi (Cardinality Ratio)
Menurut Indrajani (Taufik, 2017) “Relationship Degree atau derajat
relationship adalah jumlah entitas yang berpatisipasi dalam satu relationship”.
Derajat relationship yang sering dipakai didalam ERD sebagai berikut :
a. Unary Relationship
Unary Relationship adalah relationship yang terjadi diantara entity yang
berasal dari entity set yang sama.
b. Binary Relationship
Binary Relationship adalah model relationship antar instance-instance untuk
suatu tipe entitas.
38
c. Ternary Relationship
Ternary Relationship adalah merupakan relationship instance-instance dari
tiga tipe entitas secara sepihak.
4. Kardinalitas
Menurut Husda & Wangdra (2016:113), “Kardinalitas (cardinality) adalah
jumlah minimum dan maksimum kemunculan satu entitas yang mungkin
dihubungkan dengan kemunculan tunggal dari entitas lain”.
a. Satu-ke-satu (1 : 1)
Tingkat hubungan dinyatakan satu-ke-satu jika satu kejadian pada entitas
yang pertama hanya mempunyai satu hubungan dengan satu kejadian yang
ada pada entitas kedua. Dan sebaliknya, satu kejadian pada entitas yang
kedua hanya bisa mempunyai satu hubungan dengan satu kejadian pada
entitas yang pertama.
b. Satu-ke-banyak (1 : N atau N : 1)
Tingkat satu hubungan ke-banyak adalah sama dengan banyak pada satu,
tergantung dari arah mana hubungan tersebut dilihat. Untuk satu kejadian
pada entitas yang pertama dapat mempunyai banyak hubungan dengan
kejadian pada entitas yang kedua, sebalikya untuk satu kejadian pada entitas
yang kedua hanya bisa mempunyai satu hubungan pada entitas yang pertama.
c. Banyak-ke-banyak (N : M atau M : N)
Tingkat hubungan banyak-ke-banyak terjadi jika tiap kejadian pada sebuah
entitas akan mempunyai banyak hubungan dengan kejadian pada entitas
39
lainnya, baik dilihat dari sisi entitas yang pertama, maupun dilihat dari sisi
entitas yang kedua.
5. Transformasi Diagram E.R ke LRS (Logical Record Structure)
Menurut Ladjamudin (Yulia, 2017), aturan-aturan dalam melakukan
transformasi E.R Diagram ke Logical Record Structure (LRS) adalah sebagai berikut:
a. Setiap entity akan diubah kebentuk sebuah kotak dengan nama entity berada
diluar kotak dan atribut berada didalam kotak.
b. Sebuah relasi kadang disatukan didalam sebuah kotak bersama entity, kadang
dipindah dalam sebuah kotak tersendiri.
Aturan pokok diatas akan sangat dipengaruhi oleh elemen yang menjadi titik
perhatian utama pada langkah transformasi yaitu Cardinality (Kardinalitas).
C. Logical Record Structure (LRS)
Menurut Andriansyah (2016:53), “LRS merupakan transformasi dari
gambaran ERD dalam bentuk yang lebih jelas dan mudah untuk dipahami.
Penggambaran LRS hamper mirip dengan penggambaran normalisasi file, hanya saja
tidak digambarkan symbol asterix (*) sebagai symbol primary key (kunci utama) dan
foreign key (kunci tamu)”.
Menurut Tabrani (Hidayat et al., 2017), “Logical Record Structure terdiri dari
link-link diantara tipe record, Link ini menunjukkan arah dari satu tipe record
lainnya. Banyak link dari LRS yang diberi tanda field-field yang kelihatan pada
kedua link tipe record”.
40
Penggambaran LRS mulai dengan menggunakan model yang dimengerti. Dua
metode yang dapat digunakan, dimulai dengan dengan hubungan kedua model yang
dapat dikonverensikan ke LRS, metode yang lain dimulai dengan ER-Diagram dan
langsung dikonversikan ke LRS. Perbedaan LRS dan ERD adalah nama dan tipe
record berbeda diluar field tipe record ditempatkan. LRS terdiri dari link-link
diantara tipe record. Link ini menunjukkan arah dari satu tipe record lainnya. Banyak
link dari LRS yang diberi tanda field-field yang kelihatan pada kedua link tipe
record.
D. Pengujian Website
Menurut Pratama (2014:51), “Black box testing pengujian ini menekankan
pada sejauh mana fungsionalitas system informasi berjalan dengan baik sesuai
dengan yang diinginkan oleh pengguna dan pengembang”.
Terdapat setidaknya empat buah jenis pengujian pada pengujian disisi
pengembang (blacbox) ini. Keempat jenis pengujian tersebut meliputi:
1. pengujian interface (tatap muka) aplikasi
pengujian interface (tatap muka) aplikasi sistem informasi bertujuan untuk
mengetahui fungsionalitas dari setiap elemen interface yang di setiap sistem
informasi. Elemen ini berupa tombol (button) yang menjalankan aksi sesuai
yang diharapkan oleh pengguna dan pengembang.
2. pengujian fungsi dasar system
pengujian fungsi dasar system bertujuan untuk mengetahui sejauh mana
kinerja dari setiap fungsi dasar yang ada didalam aplikasi system informasi.
41
Fungsi-fungsi ini dalam penerapannya membentuk satu atau sejumlah modul.
Modul ini dapat anda gunakan baik disisi pengembang maupu sebagai
pengguna (missal: instansi modul akun administrator).
3. pengujian form handle system
pengujian form handle system bertujuan untuk mengetahui seperti apa dan
sejauh mana respon oleh system informasi terhadap inputan yang diberikan
oleh pengguna. Inputan yang diberikan oleh pengguna kedalam system
informasi dapat berupa inputan bernilai (misalkan: data) maupun inputan
kosong.
4. pengujian keamanan system
pengujian keamanan system bertujuan untuk mengetahui sejauh mana tingkat
keamanan yang dimiliki oleh system informasi untuk dapat memberikan
kenyamanan kepada para pengguna. Keamanan di cek dari sisi system
(misalkan: SQL infection), kebijakan (misalkan: ada tidaknya penanganan
minimal jumlah karakter untuk password, otentikasi via e-mail), serta
user/pengguna (misalkan: ada tidaknya perbedaan hak akses untuk setiap
kelompok pengguna).
42
BAB III
PEMBAHASAN
3.1 Tinjauan Perusahaan
Hanifah shop merupakan salah satu bentuk usaha yang bergerak di bidang
perdagangan baju muslim. Untuk melakukan pengembangan usaha peranan computer
sangat berpengaruh besar bagi toko ini, tanpa adanya komputer kegiatan transaksi
penjualan belum dapat berjalan secara optimal. Saat ini sistem yang ada pada
Hanifah Shop masih dilakukan secara manual. Setiap kegiatan yang terjadi, datanya
masih disimpan di dalam arsip. Sistem yang digunakan saat ini mengakibatkan
lambatnya pengelolaan informasi yang dibutuhkan. Untuk memberikan pelayanan
yang tepat, cepat dan dapat dipercaya maka penulis berusaha untuk memberikan
saran-saran yang diharapkan dapat berguna bagi perusahaan tersebut.
3.1.1 Sejarah Perusahaan
Hanifah Shop didirikan pada Tahun 2010. Pada awalnya beliau hanya coba-
coba untuk menjual busana muslim, bermula dari hobi kemudian dikembangkan
menjadi bisnis yang menghasilkan uang. Ide ini didapatkan karena Ibu endang
pernah membaca artikel yang didalamnya memuat kalimat motivasi “kerja yang
paling menyenangkan adalah hobi yang dibayar” yang menjadikan Ibu endang berani
untuk menjual produk busana muslim. Pada mulanya produk busana muslim di
sekitar tempat tinggal masih sepi dan dari sini beliau mulai untuk membuka bisnis
43
ini. Orang sekitar yang berjilbab disekitar daerah tempat tinggal dianggap sebelah
mata, maka dari itu Ibu endang ingin mengubah pemikiran masyarakat tentang jilbab
dan busana muslim, bagaimana dengan menggunakan busana muslim tetap terlihat
anggun dan modis bagi kaum hawa. Pada awalnya Ibu endang memasarkan
produknya secara door to door. Selama 6 bulan pertama Ibu endang memasarkan
produk door to door namun produk yang dijual masih sedikit dan belum mempunyai
karyawan. Ibu endang juga memasarkan produknya melalui teman-temannya yang
kemudian teman-teman Ibu endang membantu memasarkan busana muslim, sehingga
dari teman-teman dekatnya Ibu endang dapat memperoleh pelanggan. Sudah cukup
mendapatkan pelanggan yang banyak, Ibu endang kemudian mendirikan toko
dirumahnya, pada 1 januari 2010 itu tokonya resmi dibuka, pertama produknya
hanya terdiri dari 2 gantungan saja, serta penjualan barang-barang Ibu endang dapat
dibayar secara kredit. Sekitar 2 tahun bisnis tersebut semakin berkembang dengan
beragamnya produk yang dijual dan konsumen yang semakin bertambah sehingga
Ibu endang berani memperluas toko yang dikelolanya.
Toko Hanifah Shop menjual produk-produk busana muslim. Produk busana
muslim yang dijual lebih memfokuskan untuk perempuan muslimah. Sebagai media
promosi Ibu endang memilih memasarkan produknya kepada teman-teman dekatnya
yang kemudian melalui mulut ke mulut membantu memasarkan produk busana
muslimnya. Semenjak saat itu hanifah Shop menjadi dikenal oleh banyak orang.
Seiring dengan perkembangan zaman yang semakin modern banyak toko busana
muslim yang menjadi pesaing bagi Hanifah Shop yang menuntut Hanifah Shop untuk
selalu memberikan terobosan baru dan mengikuti tren yang ada dalam masyarakat
agar dapat bersaing dengan toko busana muslim lainnya. Dengan alasan untuk
memperkuat media penjualan Ibu endang mulai untuk memasarkan produknya secara
44
online melalui facebook dan instagram. Dengan menggunakan media sosial Hanifah
Shop dapat dikenal oleh masayarakat luas.
3.1.2. Struktur Organisasi dan Fungsi
Struktur organisasi adalah suatu susunan dan hubungan antara tiap bagian
serta posisi yang ada pada suatu organisasi atau perusahaan dalam menjalankan
kegiatan operasional untuk mencapai tujuan. Struktur organisasi menggambarkan
dengan jelas pemisahan kegiatan pekerjaan antara yang satu dengan yang lain dan
bagaimana hubungan aktivitas dan fungsi dibatasi.
Sumber : Muchammad Rizqi 2016:25
Gambar III. 1 Struktur Organisasi Hanifah Shop
Fungsi sebagai berikut :
1. Pemilik toko
Yang memiliki kekuasaan serta bertanggung jawab penuh dalam
mengkoordinir semua bawahannya, serta mengambil keputusan yang tepat
dalam proses kegiatan pada karyawan.
2. pegawai toko 1 dan 2
Tugasnya mengecek barang yang baru datang dan juga menjaga toko.
Pemilik Toko
Pegawai Toko 3 Pegawai Toko 1 Pegawai Toko 2
45
3. pegawai toko 3
Sebagai kasir dalam penjualan busana muslim. Dan juga merupakan kaki
tangan dari pemilik toko (orang kepercayaannya).
3.2. Analisa Kebutuhan
Seiring semakin berkembangnya kebutuhan layanan internet terutama pada
proses jual-beli online. Tentunya semakin memudahkan kita untuk mencari semua
segala kebutuhan akan perangkat komputer tanpa harus meluangkan banyak waktu
untuk sekedar datang ketempat toko tersebut, dengan adanya toko online pembeli
juga akan dimudahkan untuk mencari semua informasi terhadap komputer yang
sedang dibutuhkannya, maka dari itu disini penulis merancang sistem informasi
penjualan busana muslim berbasis web pada hanifah shop. Serta merancang
kebutuhan pengguna dan kebutuhan sistem dari aplikasi tersebut.
A. Kebutuhan Pengguna
Dalam tahapan ini penulis melakukan pengumpulan data yang dilakukan dan
difokuskan pada kegiatan transaksi dan informasi produk, sesuai kebutuhan
pengguna. Dimana website yang akan dibuat ini mempunyai dua halaman yaitu
halaman administrator dan halaman pengunjung website, sebagai berikut:
1. Admin
a. Admin dapat melakukan login
b. Admin dapat menambah, mengedit dan menghapus kategori
c. Admin dapat menambah, mengedit dan menghapus produk
d. Admin dapat melihat transaksi detail order
46
e. Admin dapat menanbah, mengedit dan menghapus biaya kirim
f. Admin dapat melihat laporan penjualan
g. Admin dapat melakukan logout
2. pengunjung
a. pengunjung dapat mendaftar menjadi anggota (member)
b. pengunjung dapat melihat katalog produk dan detail produk
3. anggota (member)
a. pengunjung dapat login sebagai anggota (member)
b. anggota dapat melihat katalog produk
c. anggota dapat melakukan pemesanan produk
d. anggota dapat melihat histori pesanan
e. anggota dapat melakukan konfirmasi pembayaran
f. anggota dapat logout sebagai anggota
B. Kebutuhan Sistem
1. Sistem Administrator
Admin dapat login untuk masuk kehalaman administrator website untuk
mengatur data-data dan informasi yang di website, dan dapat melihat order
pembelian masuk dan detail transaksi yang dihasilkan.
2. Sistem Anggota (Member System)
47
Pengunjung yang sudah mendaftar dapat login dengan username password
yang dimilikinya, jika belum menjadi anggota pengunjung dapat mendaftar
menjadi anggota. Jika sudah login anggota dapat melihat produk, melakukan
pemesanan, melakukan pembelian produk dan dapat melakukan konfirmasi
pembayaran.
3. Sistem Katalog Produk dan Keranjang Belanja
Produk yang dipilih akan masuk kedalam keranjang belanja. Didalam
keranjang belanja produk masih dapat diubah jumlah beli, atau menambah
produk lagi dan jika sudah sesuai keinginan dapat melanjutkan pembelian.
C. Fitur-fitur dalam Analisa Kebutuhan
1. Fitur dalam admin, yaitu:
a. Admin berfungsi untuk menambah, mengedit, menghapus dan mengatur
semua fungsi yang ada didalam website.
b. Member berfungsi sebagai penyimpanan data anggota yang sudah
mendaftar
c. kategori berfungsi untuk menambah, mengedit, dan menghapus kategori
yang akan ditampilkan didalam web.
d. Produk berfungsi untuk menambah, mengedit dan menghapus produk-
produk yang akan ditampilkan didalam web.
e. Ongkos kirim berfungsi untuk menampilkan harga ongkos kirim sesuai
dengan kota tujuam serta untuk penambah, mengedit dan menghapus.
48
f. Transaksi berfungsi untuk mencetak hasil pemesanan jika proses
dinyatakan lunas atau belum lunas.
g. Testimoni berfungsi untuk menghapus serta menampilkan kritik dan saran
dari pengunjung.
h. Laporan berfungsi untuk melihat detail transaksi harian, mingguan,
bulanan dan tahunan yang sudah tercetak lunas.
2. Fitur dalam pengunjung, yaitu:
a. Beranda berfungsi untuk melihat tampilan awal website.
b. Beranda berfungsi untuk melihat tampilan awal website tersebut.
c. Kategori berfungsi untuk melihat produk-produk yang dijual didalam
website.
d. Testimoni berfungsi untuk menampilkan pesan dari pengunjung.
e. Hubungi kami berfungsi untuk menghubungi admin.
3.3. Rancangan Dokumen
A. Rancangan Dokumen Masukan (Input)
Rancangan dokumen masukan berfungsi untuk menjelaskan mengenai semua
dokumen input yang digunakan pada web penjualan pakaian busana muslim.
Dokumen masukan adalah sebagai berikut :
1. Nama Dokumen : Data Supplier
49
Fungsi : Untuk Menginput Data Stok dan Supplier
Sumber : Barang
Tujuan : Admin
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap terjadi penambahan stok baru
Bentuk : Lampiran A.1
2. Nama Dokumen : Struk Pembayaran
Fungsi : Untuk Konfirmasi Pembayaran
Sumber : Pesanan
Tujuan : Admin
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap terjadi transaksi
Bentuk : Lampiran A.2
3. Nama Dokumen : Faktur Pembelian
Fungsi : Sebagai Bukti Pembelian Stok Barang
50
Sumber : Admin
Tujuan : Bagian Gudang
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap satu bulan sekali
B. Rancangan Dokumen Keluaran (Output)
Perancangan dokumen keluaran berfungsi untuk menjelaskan mengenai
semua dokumen input yang digunakan pada web penjualan busana muslim.
Dokumen keluaran yang digunakan adalah sebagai berikut :
1. Nama Dokumen : Laporan Produk
Fungsi : Sebagai Bukti Laporan Produk
Sumber : Admin
Tujuan : Direktur & Bagian Keuangan
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap satu bulan sekali
Bentuk : Lampiran B.1
2. Nama Dokumen : Laporan Pembelian
51
Fungsi : Sebagai Bukti Laporan Pembelian
Sumber : Admin
Tujuan : Bagian Keuangan
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap satu bulan sekali
Bentuk : Lampiran B.2
3. Nama Dokumen : Laporan Pendapatan
Fungsi : Sebagai Bukti Laporan Pendapatan
Sumber : Admin
Tujuan : Bagian Keuangan
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap satu bulan sekali
Bentuk : Lampiran B.3
4. Nama Dokumen : Laporan Supplier
Fungsi : Sebagai Bukti Laporan Supplier
52
Sumber : Admin
Tujuan : Bagian Gudang
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap satu bulan sekali
Bentuk : Lampiran B.3
5. Nama Dokumen : Laporan Order
Fungsi : Sebagai Bukti Laporan Order
Sumber : Admin
Tujuan : Bagian Keuangan
Media : Kertas
Jumlah : Satu Lembar
Frekuensi : Setiap satu bulan sekali
Bentuk : Lampiran B.3
53
3.4. Entity Relationship Diagram (ERD)
A. Entity Relationship Diagram (ERD)
Gambar III.2.
Entity Relationship Diagram (ERD) Pengunjung/Member
memiliki
Rb_produk
memiliki
rb_konsumen
password
Tmpt_lahir
Alamat_lengkap
Jenis_kelamin
Nama_lengkapId_konsumen
username
Tgl_lahir
Tgl_daftar
Kota_id
No_fax
foto
memiliki
rb_kategori_produk
SEO
Id_kategoriNm_kategori
Rb_penjualan
memiliki
Rb_Detail_penjualan
memiliki rb_supplier
memiliki
memiliki
Rb_rekening
Rb_konfirmasi
berat
satuan
Produk_seo
Hrg_konsumen
Hrg_reseller
Hrg_beli
Nm_produk
Id_kategori_produk
Id_produk
diskon
gambarket
Wkt_input
username
faxket
No_hp
No_telp
kontak
Id_supplier
Nm_supplier
Almt_lngkp
Kd_pos
Ttl_transferTgl_transfer
Bkt_transfer
Wkt_konfirmasi
Id_rekening
Id_penjualanNm_pengirim
Id_konfirmasi_pembayaranId_penjualan
Kd_transaksiId_pembeli
diskon
kurir
service
ongkir
Wkt_transaksi
proses
Id_penjualan
Id_penjualan_detail
Id_produkHrg_jual
Jumlah
satuan
Pemilik_rek
Nm_bankId_rek
1
M
1
M1
1
M
M
1 1
1
M
1
M
54
B. Logical Relationship Structure (LRS)
id_kategori_produk nama_kategori seo
rb_kategori_produk
rb_produk
id_produk id_kategori_produk nama_produk produk_seo satuan harga_beli harga_reseller harga_konsumen berat diskon gambar keterangan username waktu_input
rb_penjualan
id_penjualan kode_transaksi nama_produk id_pembeli diskon kurir service ongkir waktu_transaksi proses
rb_supplier
id_supplier nama_supplier kontak_person alamat_lengkap no_hp alamat_email kode_pos no_telpon fax keterangan
rb_konfirmasi
id_konfirmasi_ pembayaran id_penjualan total_transfer id_rekening nama_pengirim tgl_transfer bukti_transfer waktu_konfirmasi
rb_Detail_penjualan
id_penjualan_ detail id_penjualan id_produk jumlah harga_jual satuan
id_rekening nama_bank no_rekening pemilik_rekening
rb_rekening
id_konsumen username password nama_lengkap email jenis_kelamin tanggal_lahir tempat_lahir alamat_lengkap kota_id no_hp foto tanggal_daftar
rb_konsumen1
M
1
M
1
1
11
M
M
1
M
M
1
Gambar III.3.
Logical Relationship Structure (LRS) Pengunjung/Member
55
3.5. Spesifikasi File
a. Spesifikasi file konsumen
Nama file : konsumen
Akronim : rb_konsumen
Fungsi : untuk menyimpan data anggota
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 767 record
Kunci field : id_konsumen
Software : xampp
Tabel III.1.
Spesifikasi File member
No Elemen Data Akronim Tipe Panjang Keterangan
1. Id konsumen Id_konsumen Int 11 Primary key
2. Username Username Varchar 60
3. Password Password Text
4. Nama lengkap Nama_lengkap Varchar 255
56
5. Email konsumen Email Varchar 60
6. Jenis kelamin Jenis_kelamin enum ‘Lki’,’pr’
7. Tanggal lahir Tanggal_lahir Date
8. Tempat lahir Tempat_lahir Varchar 100
9. Alamat lengkap Alamat_lengkap text
10. Kota id Kota_id Int 11
11. No hp No_hp Varchar 15
12. Foto Foto Varchar 255
13. Tanggal daftar Tanggal_daftar Date
b. Spesifikasi file kategori
Nama file : kategori
Akronim : rb_kategori
Fungsi : untuk mengelompokan produk
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 215 record
Kunci field : id_kategori
Software : xampp
57
Tabel III.2.
Spesifikasi File kategori
No Elemen Data Akronim Tipe Panjang Keterangan
1. Identitas kategori Id_kategori Int 5 Primary key
2. Nama kategori Nama_kategori varchar 50
3. Username Username varchar 50
4. Kategori seo Kategori_seo varchar 100
5. Aktif Aktif Enum
6. Sidebar Sidebar Int 10
c. Spesifikasi file produk
Nama file : produk
Akronim : rb_produk
Fungsi : untuk menyimpan data produk
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 1.021 record
Kunci field : id_produk
Software : xamp
58
Tabel III.3.
Spesifikasi File Produk
No Elemen Data Akronim Tipe Panjang Keterangan
1. Identitas produk Id_produk Int 11 Primary key
2. Id kategori produk Id_kategori_produk Int 51
3. Nama produk Nama_produk Varchar 255
4. Produk seo Produk_seo Varchar 255
5. Satuan Satuan Varchar 50
6. Harga beli Harga_beli Int 11
7. Harga reseller Harga_reseller Int 11
8. Harga konsumen Harga_konsumen Int 11
9. Berat Berat Varchar 50
10. Diskon Diskon Int 11
11. Gambar Gambar Varchar 255
12. Keterangan Keterangan Text
13. Username Username varchar 50
14. Waktu input Waktu_input datetime
d. Spesifikasi Penjualan
Nama file : penjualan
Akronim : rb_penjualan
Fungsi : untuk menyimpan data penjualan
59
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 604 record
Kunci field : id_penjualan
Software : xampp
Tabel III.4.
Spesifikasi File Penjualan
No Elemen Data Akronim Tipe Panjang Keterangan
1. Identitas
penjualan
Id_penjualan Int 11 Primary key
2. Kode transaksi Kode_transaksi Varchar 50
3. Id pembeli Id_pembeli Int 11
4. Diskon Diskon Int 11
5. Kurir Kurir Varchar 255
6. Service Service Varchar 255
7. Ongkir Ongkir Int 11
8. Waktu transaksi Waktu_transaksi datetime
9. Proses Proses Enum (‘0’,’1’,.)
60
e. Spesifikasi file detail penjualan
Nama file : detail penjualan
Akronim : rb_penjualan_detail
Fungsi : untuk menyimpan data detail penjualan
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 105 record
Kunci field : id_penjualan_detail
Software : xampp
Tabel III.5.
Spesifikasi File Detail Penjualan
No Elemen Data Akronim Tipe Panjang Keterangan
1. Identitas detail
penjualan
Id_penjualan_detail Int 11 Primary key
2. Identitas penjualana Id_penjualan Int 11
3. Identitas produk Id_produk Int 11
4. Jumlah Jumlah Int 11
5. Harga jual Harga_jual Int 11
61
6. Satuan Satuan Varchar 50
f. Spesifikasi file supplier
Nama file : supplier
Akronim : rb_supplier
Fungsi : untuk menentukan asalnya data barang
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 515 record
Kunci field : id_supplier
Software : xampp
Tabel III.6.
Spesifikasi File Data Supplier
No Elemen Data Akronim Tipe Panjang Keterangan
1. Identitas supplier Id_supplier Int 5 Primary key
2. Nama supplier Nama_supplier varchar 255
3. Kontak person Kontak_person varchar 100
62
4. Alamat lengkap Alamat_lengkap Text
5. No hp No_hp Varchar 15
6. Alamat email Alamat_email Varchar 100
7. Kode pos Kode_pos Int 10
8. No telpon No_telepon Varchar 15
9. Fax Fax Varchar 15
10. Keterangan Keterangan Text
g. Spesifikasi file konfirmasi
Nama file : konfirmasi pembayaran
Akronim : rb_konfirmasi
Fungsi : untuk mengonfirmasi pembayaran
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 563 record
Kunci field : id_konfirmasi_pembayaran
Software : xampp
Tabel III.7.
63
Spesifikasi File Konfirmasi
N
o
Elemen Data Akronim Tipe Panjang Keterangan
1.
Id_konfirmasi_p
embayaran
Id_konfirmasi_
pembayaran
Int 11 Primary key
2.
Id_penjualan Id_penjualan Int 11
3.
Total_transfer Total_transfer Varchar 20
4.
Id_rekening Id_rekening Int 11
5.
Nama_pengirim Nama_pengirim Varchar 255
6.
Tanggal_transfe
r
Tanggal_transfe
r
Date
7.
Bukti_transfer Bukti_transfer Varchar 255
8.
Waktu_konfirm
asi
Waktu_konfirm
asi
Datetime
h. Spesifikasi file rekening
Nama file : No rekening
Akronim : rb_rekening
64
Fungsi : untuk mengetahui transaksi pembayaran masuk
Tipe file : file master
Organisasi file : index squential
Akses file : Random
Media : Harrdisk
Panjang record : 255 record
Kunci field : id_rekening
Software : xampp
Tabel III.8.
Spesifikasi File Rekening
No Elemen Data Akronim Tipe Panjang Keterangan
1.
Id rekening Id_rekening Int 5 Primary key
2.
Nama rekening Nama_rekening Varchar 50
3.
No rekening No_rekening Varchar 50
4.
Pemilik rekening Pemilik_rekening Varchar 150
65
3.6. Pengkodean
1. Struktur Pengkodean Transaksi
T R X - 2 0 1 9 0 7 0 1 2 2 5 3 1 3
Identitas Nomor Urut Transaksi
Transaksi
Gambar III.4.
Struktur Pengkodean Transaksi
Keterangan :
TRX : Kode Transaksi
20190701225313 : Nomor Urut Transaksi
2. Struktur Pengkodean Barang
P O - 0 0 1
Keterangan :
Identitas Nomor Urut Barang PO : kode barang
Barang 001 : nomor urut barang
Gambar III.5.
Struktur Pengkodean Barang
66
3.7. Spesifikasi Program
A. Struktur Navigasi
1. Struktur Navigasi Halaman Pengunjung/Member
Gambar III.6.
(Struktur Navigasi Halaman Pengunjung / Member )
Produk
Kami Register Informasi Pencarian Hubungi
kami Testimoni
Index Home
Produk
Kami login Informasi Pencarian Hubungi
kami
Testimoni
Tentang kami
Cara
Belanja
Testimoni
Konsumen Kategori
Produk
Keranjang
Checkout
Belanja Daftar Akun Konfirmasi invoice Transaksi
proses Profile History
Belanja
Logout
Tracking
Order Ganti
Password Detail
Belanja
Home
Page
Home
Page
67
2. Struktur Navigasi Halaman Admin
Edit/Hapus
Edit/Hapus
Testimoni
Home Index
Login
Modul
Berita
Tag Berita
Kategori Berita
Berita
Modul
Gallery
Gallery Berita Foto
Berita Foto
Modul Iklan Iklan Sidebar
Iklan Home
Modul Web Download Area
Pesan Masuk
Logo Website
Edit/Hapus
Edit/Hapus
Edit/Hapus
Edit/Hapus
Edit/Hapus
Input Tag Berita Baru
Input Input Kategori Berita Baru
Input Data Berita Baru
InputI Iklan Sidebar
Baru
Input Iklan
Home
Baru
Input GaleryBerita Foto
Baru
Input Berita Foto Baru
Edit/Hapus
Edit/Hapus
Edit/Hapus
Menambah Download Area
Baru
Hapus Baca
Menu Utama Image Slider
Modul Sistem
Kategori
Pembelian (Stok)
Konfirmasi Bayar
Orders
Info Keranjang
Suplier
Konsumen
No Rekening
Produk
Input Kategori Baru Edit/Hapus
Input Transaksi
Pembelian Baru
Input Suplier Baru
Input No. Rekening Baru
Input Produk Baru
Update/Cancel
Edit/Hapus
Edit/Hapus
Edit/Hapus
Edit/Hapus
68
Gambar III.7.
(Struktur Navigasi Halaman Admin)
Ganti Password
Modul Users
Laporan Pembelian
Laporan Produk
Manajemen Modul
Manajemen User
Edit Profile
Laporan
Laporan Orders
Laporan Suplier
Laporan Pendapatan
Logout
Input Manejemen User Baru
Input Manajemen
Modul Baru
Edit/Hapus
Edit/Hapus
69
3.8. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat dan perangkat
lunak minimum yang dibutuhkan untuk megimplementasikan aplikasi E-Commerce
untuk perangkat computer.
1. Spesifikasi Perangkat Keras (Hardware)
1). Server
a. CPU
b. Processor core I 7
c. RAM 4 GB
d. Hardisk 2 tb
e. Touchpad
f. Keyboard
g. Monitor dengan resolusi layar minimum 1024 x 900
h. Koneksi Internet dengan kecepatan 3 Mbps
2). Client
a. CPU
b. TouchPad
c. Keyboard
d. Monitor dengan resolusi layar minimum 1366 x 768
e. Koneksi Internet dengan kecepatan 512 Kbps
70
2. Spesifikasi Perangkat Lunak (Software)
1). Server
a. Sistem operasi yang umum digunakan seperti Windows 10 Pro 64
Bit
b. Aplikasi bundle web server seperti Xampp, php2triad yang terdiri
dari beberapa komponen, diantaranya:
(1) Aplikasi Xampp
(2) Aplikasi PHP Server
(3) Aplikasi MySQL Server
(4) Aplikasi PHPMyAdmin
c. Aplikasi Web lihat seperti MozillaFirefox, Opera, Internet Explore
Google Chrome.
2). Client
a. Sistem operasi yang umum digunakan seperti Window 10 Pro 64Bit
b. Aplikasi web browser seperti Mozilla Firefox, Opera, Internet
Explorer, Google chrome.
71
3.9. Implementasi
A. Implementasi Rancangan Antar Muka
1. Halaman Admin
a. Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat
menggunakan modul-modul yang tersedia jika login berhasil, maka menu-menu yang
sesuai dengan kategori user tersebut akan ditampilkan.
Gambar III.8. (Halaman Login Admin)
72
b. Halaman Beranda Admin
Gambar III. 9. (Halaman Beranda Admin)
c. Halaman Admin Ganti Password
Gambar III.10. (Halaman Admin Ganti Password)
73
d. Halaman Admin Data Member
Gambar III.11. (Halaman Admin Data Member)
e. Halaman Admin Kategori Produk
Gambar III.12. (Halaman Admin Kategori Produk)
74
f. Halaman Admin Produk
Gambar III.13. (Halaman Admin Produk)
g. Halaman Admin Detail Transaksi
Gambar III.14. (Halaman Admin Detail Transaksi)
75
., h. Halaman Admin Konfirmasi Pembayaran Masuk
Gambar III.15. (Halaman Admin Konfirmasi Pembayaran Masuk)
i. Halaman Admin Data Member
Gambar III.16. (Halaman Admin Data Member)
76
j. Halaman Admin Data Supplier
Gambar III.17. (Halaman Admin Data Supplier)
k. Halaman Admin Transaksi Pembelian (PO)
Gambar III.18. (Halaman Admin Transaksi Pembelian (PO))
77
l. Halaman Admin Pesan Masuk
Gambar III.19. (Halaman Admin Pesan Masuk)
m. Halaman Admin Testimoni
Gambar III.20. (Halaman Admin Testimoni)
78
n. Halaman Admin Menu Website
Gambar III.21. (Halaman Admin Menu Website)
o. Halaman Admin Pengaturan Slider
Gambar III.22. (Halaman Admin Pengaturan Slider)
79
p. Halaman Admin Laporan Produk
Gambar III.23. (Halaman Admin Laporan Produk)
q. Halaman Admin Laporan Pembelian
Gambar III.24. (Halaman Admin Laporan Pembelian)
80
r. Halaman Admin Laporan Supplier
Gambar III.25. (Halaman Admin Laporan Supplier)
s. Halaman Admin Laporan Orders
Gambar III.26. (Halaman Admin Laporan Orders)
81
2. Halaman Pengunjung (user/member)
a. Halaman Pengunjung (user/member)
Halaman ini adalah halaman utama pengunjung dan member
Gambar III.27. (Halaman pengunjung/user)
b. Halaman Daftar Member
Gambar III.28. (Halaman Daftar Member)
82
c. Halaman Login Member
Gambar III.29. (Halaman Login Member)
d. Halaman Produk Pengunjung/Member
Gambar III.30. (Halaman Produk Pengunjung/Member)
83
e. Halaman Keranjang Belanja Pengunjung/Member
Gambar III.31.
(Halaman Keranjang Belanja Pengunjung/Member)
f. Halaman Profile Member
Gambar III.32. (Halaman Profile Member)
84
g. Halaman Cara Belanja Pengunjung/Member
Gambar III.33. (Halaman Cara Belanja Member)
h. Halaman Transaksi Member
Gambar III.34. (Halaman Transaksi Member)
85
i. Halaman Konfirmasi Pembayaran Member
Sebelum melakukan konfirmasi pembayaran. Si member harus masukkan
no invoicenya terlebih dahulu
Jika sudah dimasukkan. Langkah selanjutnya, konfirmasi pembayaran
Gambar III.35. (Halaman Konfirmasi Pembayaran Member)
86
j. Halaman Tracking Order Member
Sebelum melakukan tracking order, terebih dahulu masukkan no invoicenya
Jika sudah, maka baru bisa dilihat tracking ordernya.
Gambar III. 36. (Halaman Tracking Order Member)
87
k. Halaman Testimoni Pengunjung/Member
Gambar III.37. (Halaman Testimoni Pengunjung/Member)
l. Halaman Pesan Pengunjung/Member
Gambar III.38. (Halaman Pesan Pengunjung/Member)
88
3.10. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
Tabel III.9.
Hasil Pengujian Black Box Testing Halaman Login Admin
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Username
dan
password
tidak diisi
kemudian di
klik tombol
login.
Username:
(kosong)
Password:
(kosong)
Sistem akan menolak
akses admin dan
menampilkan
notifikasi “please fill
out this field” pada
login admin
Sesuai
harapan
Valid
2. Mengisi
username
dan
password
tidak diisi
atau kosong
kemudian
klik tombol
Username:
admin
Password:
(kosong)
Sistem akan menolak
akses admin dan
menampilkan
notifikasi “please fill
out this field” pada
kolom password
Sesuai
harapan
Valid
89
login.
3. Username
tidak diisi
atau kosong
dan
password
diisi
kemudian
klik tombol
login.
Username:
(kosong)
Password:
Xxxxx
Sistem akan menolak
akses admin dan
menampilkan
notifikasi “please fill
out this field” pada
kolom username.
Sesuai
harapan
Valid
4. Mengisi
salah satu
kondisi salah
pada
username
atau
password
kemudian
klik tombol
login
Username:
Admin
(benar)
Password:
555555
(salah)
Sistem akan menolak
akses admin dan
menampilkan “login
gagal cek kembali
user dan password”
kemudian klik ok dan
melakukan login
kembali.
Sesuai
harapan
Valid
5. Mengisi
username
dan
password
Username:
admin
(benar)
Password:
Sistem menerima
akses login dan
langsung
menampilkan menu
Sesuai
harapan
Valid
90
dengan benar
kemudian
klik tombol
login.
admin
(benar)
utama administrator
Tabel III.10.
Hasil Pengujian Black Box Testing Halaman Edit Profile Admin
N
o
Skenario
Pengujian
Test care Hasil yang
diharapkan
Hasil
penguja
n
Kesimpula
n
1. Tidak mengisi
semua kolom
dan tidak
centang semua
pada tambah
akses
kemudian klik
tombol ubah
Username:
(kosong)
Password:
(kosong)
Nama lengkap:
(kosong)
Alamat email:
(kosong)
Sistem akan
menolak dan
menampilkan
notifikasi
“Input masih
kosong” pada
kolom edit
data admin.
Sesuai
harapan
Valid
91
Tambah akses:
(kosong)
2. Mengisi
username,
password,
nama lengkap,
dan alamat
email baru.
Tapi tidak
dicentangkan
semua pada
kolom tambah
akses
kemudian klik
tombol
ubah/edit.
Username:
admin
password:
admin1
nama lengkap:
admin
alamat email:
m
tambah akses:
(kosong)
Sistem dapat
diubah/diedit
tapi tidak
dapat melihat
data hak akses
secara
keseluruhanny
a (kosong)
Sesuai
harapan
Valid
3. Mengisi
username,
password,
nama lengkap
dan alamat
email baru.
Username:
admin
Password:
Admin1
nama lengkap:
admin
Sistem dapat
diubah/diedit
dan
menampilkan
semua hak
akses yang
Sesuai
harapan
Valid
92
Dan
mencentangka
n semua pada
kolom tambah
akses
kemudian klik
tombol
ubah/edit.
alamat email:
m
tambah akses:
( √ ) semua yang
ada
terdapat pada
halaman
administrator.
Tabel III.11.
Hasil Pengujian Black Box Testing Halaman Tambah Data Kategori
No Skenario
Pengujian
Test Case Hasil yang di harapkan Hasil
pengujian
Kesimpulan
1. Nama
kategori
tidak diisi
pada tambah
kategori
produk lalu
klik
tambahkan.
Nama
kategori:
(kosong)
Sistem akan menolak
dan menampilkan
notifikasi “please select
an items in the list” pada
kolom tambah kategori
produk.
Sesuai
harapan
Valid
93
2. Nama
kategori diisi
pada tambah
kategori
produk lalu
klik
tambahkan.
Nama
kategori:
Anak-
anak
Sistem langsung
menambahkan/tersimpan
secara otomatis dan
menampilkan nama
kategori yang telah
ditambahkan tersebut.
Sesuai
harapan
Valid
Tabel III.12.
Hasil Pengujian Black Box Testing Halaman Tambah Data Produk
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak
mengisi
semua
kolom pada
form
tambah
produk
kemudia
klik tomboh
tambahkan.
Pilih
kategori:
(kosong)
Nama
produk:
(kosong)
Satuan:
(kosong)
Berat:
(kosong)
Sistem akan
menolak dan
menampilkan
notifikasi “please
select an items in the
list” pada semua
kolom.
Sesuai
harapan
Valid
94
Harga
beli:
(kosong)
Harga
reseller:
(kosong)
Harga
konsumen:
(kosong)
Diskon:
(kosong)
Keteranga
n:
(kosong)
2. tidak
mengisi
sebagian
form pada
kolom
tambah
produk lalu
klik tombol
tambahkan.
Pilih
kategori:
(kosong)
Nama
produk:
(Sabina
anak)
Satuan:
(kosong)
Berat:
Sistem akan
menolak dan
menampilkan
notifikasi “please
select an items in the
list” pada semua
kolom.
Sesuai
harapan
Valid
95
(kosong)
Harga
beli:
95000
Harga
reseller:
105000
Harga
konsumen:
120000
Diskon:
(kosong)
Keteranga
n:
(kosong)
3. mengisi
semua form
pada kolom
tambah
produk lalu
klik tombol
tambahkan.
Pilih
kategori:
Anak-anak
Nama
produk:
Sabina
anak
Satuan:
pcs
Sistem langsung
menambahkan/tersi
mpan secara
otomatis dan
menampilkan produk
yang telah
ditambahkan
tersebut.
Sesuai
harapan
Valid
96
Berat:
350
Harga
beli:
95000
Harga
reseller:
105000
Harga
konsumen:
120000
Diskon:
0
Keteranga
n:
Nyaman
dan
berkualitas
tinggi
Tabel III.13.
Hasil Pengujian Black Box Testing Halaman Data Transaksi Pembelian (PO)
97
No Skenario
pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Tidak mengisi
semua data
yang ada pada
kolom tambah
transaksi
pembelian
(PO) lalu klik
tombol
tambahkan
Kode
pembelian:
(kosong)
Nama
supplier:
(kosong)
Sistem
langsung
menolak dan
tidak bisa
menyimpan
data yang
kosong
Sesuai
harapan
Valid
2. Mengisi semua
data yang ada
pada kolom
tambah
transaksi
pembelian
(PO) lalu klik
tombol
tambahkan
Kode
pembelian:
PO 0025
Nama
supplier:
PT.Elektronik
jaya abadi
Sistem
otomatis
menyimpan
data yang
telah diisi dgn
lengkap.
Sesuai
harapan
Valid
Tabel III.14.
98
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 di
klik tombol
login.
Username:
(kosong)
Password:
(kosong)
Sistem akan menolak
akses member pada
kolom user dan juga
password. dan
menampilkan
notifikasi “field ini
tidak boleh
dikosongkan” pada
login member.
Sesuai
harapan
Valid
2. Mengisi
username
dan
password
tidak diisi
atau kosong
kemudian
klik tombol
login.
Username:
isna
Password:
(kosong)
Sistem akan menolak
akses member dan
menampilkan
notifikasi “field ini
tidak boleh
dikosongkan” pada
kolom password
Sesuai
harapan
Valid
3. Username
tidak diisi
atau kosong
Username:
(kosong)
Password:
Sistem akan menolak
akses member dan
menampilkan
Sesuai
harapan
Valid
99
dan
password
diisi
kemudian
klik tombol
login.
xxxxx notifikasi “field ini
tidak boleh
dikosongkan” pada
kolom username.
4. Mengisi
salah satu
kondisi salah
pada
username
atau
password
kemudian
klik tombol
login
Username:
isna
(benar)
Password:
22222
(salah)
Sistem akan menolak
akses member dan
menampilkan “login
gagal cek kembali
user dan password”
kemudian klik ok dan
melakukan login
kembali.
Sesuai
harapan
Valid
5. Mengisi
username
dan
password
dengan benar
kemudian
klik tombol
login.
Username:
isna
(benar)
Password:
isna
(benar)
Sistem menerima
akses login dan
langsung
menampilkan menu
utama member
Sesuai
harapan
Valid
100
Tabel III.15.
Hasil Pengujian Black Box Testing Halaman Daftar Member
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
kesimpulan
1. Tidak
mengisikan
semua
kolom pada
daftar
member
kemudian
klik tombol
daftar.
Nama lengkap:
(kosong)
No telp/hp:
(kosong)
Alamat:
(kosong)
Kota:
(kosong)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
notifikasi “field
ini tidak boleh
dikosongkan”
pada semua
field yang ada
pada
pendaftaran
member.
Sesuai
harapan
Valid
2. Tidak
mengisikan
salah satu
kolom yang
ada
kemudian
Nama lengkap:
nana
No telp/hp:
0823xxxxx
Alamat:
Jl.panggalan
Sistem akan
menolak dan
menampilkan
notifikasi “field
ini tidak boleh
dikosongkan”
Sesuai
harapan
Valid
101
klik tombol
daftar.
10
Kota:
agam
Email:
(kosong)
Username:
(kosong)
Password:
nana
pada tiap kolom
yang kosong.
Dan akan
muncul
notifikasi yang
akan
menyesuaikan
dengan kolom
yang tidak diisi
tersebut.
Tabel III.16.
Hasil Pengujian Black Box Testing Halaman Testimoni Member
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
kesimpulan
1. Tidak
mengisikan
kolom
Testimoni
pada form
testimony
kemudian
Testimoni:
(kosong)
Sistem akan
menolak dan
menampilkan
notifikasi “input
masih kosong” pada
kolom testimoni.
Sesuai
harapan
Valid
102
klik
tombol
kirim.
2. mengisikan
kolom
Testimoni
pada form
testimony
kemudian
klik
tombol
kirim.
Testimoni:
Pelayanannya
cepat. dan
Barangnya
datang dengan
selamat
Sistem akan
menerima dan
menampilkan
notifikasi “testimoni
anda success
terkirim testimoni
akan muncul setelah
disetujui admin”
pada layar komputer.
Lalu kembali ke
halaman
member/pengunjung.
Sesuai
harapan
Valid
103
BAB IV
PENUTUP
4.1. Kesimpulan
Berdasarkan uraian yang telah dibahas pada bab-bab sebelumnya dalam tugas
akhir ini, maka penulis dapat mengambil kesimpulan sebagai berikut :
1. Dengan dibuatnya sebuah website penjualan busana muslim ini bertujuan
untuk memberikan kemudahan bagi masyarakat untuk melakukan proses
pembelian, penjualan dan promosi barang secara online tanpa harus datang
langsung ke tokonya.
2. Layanan pemesanan online memberikan kemudahan bagi konsumen untuk
memesan produk, cukup dengan mendaftar menjadi member lalu membeli
produk yang diinginkan. Melalui website ini juga memudahkan bagi
administrator dalam mengolah data penjualan, memproses pesanan dan
pembuatan laporan penjualan.
3. Dengan adanya aplikasi website ini dapat melebarkan jangkauan bisnis, dan
dapat meningkatkan costumer loyality bagi suatu perusahaan. Dengan
demikian fasilitas yang ada di internet merupakan sarana yang efektif untuk
mempromosikan suatu barang atau jasa informasi dan komunikasi.
104
4.2 Saran
Dari kesimpulan yang telah disebutkan diatas, penulis memberikan beberapa
saran yang sekiranya akan berguna untuk mengoptimalkan dan memudahkan dalam
penggunaannya :
1. Mengikuti perkembangan yang ada (up to date) dan mempelajari kelemahan
pada system yang ada.
2. Senantiasa melakukan pemeliharaan perangkat keras maupun perangkat lunak
dengan memeriksa keadaan perangkat-perangkat tersebut secara teratur.
3. Melakukan penyempurnaan data dengan sering melakukan update produk
barang dan informasi agar konsumen tidak jenuh. Produk barang yang
diakses selalu fresh karena perkembangan teknologi akan selalu berubah.
105
DAFTAR PUSAKA
Elissa, I., & Mujiyana. (2014). Analisis Faktor-Faktor Yang Mempengaruhi (2015).
Sistem Informasi Perijinan Online Dinas Perindustrian Dan Perdagangan Kota
Surabaya. 1–129.
Fauzi, A., Akuntansi, S. I., Sarana, U. B., Informasi, S., Sarana, U. B., Komputer, T., …
Web, A. B. (2019). SISTEM INFORMASI PEMESANAN KERTAS CONTINUOUS
FORM. 5(1), 123–127.
Hastanti, R. P., Eka, B., Indah, P., & Wardati, U. (2015). Sistem Penjualan Berbasis
Web ( E-Commerce ) Pada Tata Distro Kabupaten Pacitan. 3(2), 1–9.
Hendrianto, D. E. (2014). Pembuatan Sistem Informasi Perpustakaan Berbasis
Website Pada Sekolah Menegah Pertama Negeri 1 Donorojo Kabupaten
Pacitan. IJNS-Indonesian Journal on Networking and Security ISSN: 2302-5700
(Print) 2354-6654 (Online, 3(4), 2354–6654.
Hidayat, R., Marlina, S., & Utami, L. D. (2017). Perancangan Sistem Informasi
Penjualan Barang Handmade Berbasis Website Dengan Metode Waterfall.
175–183.
Ismail. (2014). Perancangan Sistem Informasi Data Alumni. Jurnal Ilmiah Sistem
Manajenmen Informatika, 1(1), 47–57.
Mustaqbal, M. S., Firdaus, R. F., & Rahmadi, H. (2015). Pengujian Aplikasi
Menggunakan Black Box Testing Boundary Value ANALYSIS ( Studi Kasus :
Aplikasi Prediksi Kelulusan SNMPTN ). JITTER (Jurnal Ilmiah Teknologi Informasi
Terapan), I(3), 34. https://doi.org/ISSN : 2407 - 3911
Mutiara, S., & Sudarsono, B. (2016). Strategi Pengembangan Perancangan Program
Untuk Efektifitas dan Efisiensi Kerja ( Studi Kasus Salon Kecantikan Vita ).
2(2).
Rahmi, D., & Muryani, S. (2018). Rancang Bangun Program Untuk Efektifitas
Pengolahan Data Persediaan Obat Studi Kasus Apotik Angsana Fiesta. 4(1),
142–148.
Sukamto dan, & Shalahuddin(2014:28). (2014). Shalahuddin, M. Rosa A.S 2014.
Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung:
Informatika Bandung. Jurnal Pilar Nusa Mandiri.
Winardi, A., Farida, I., & Hariyanto, D. (2017). Rancang Bangun Sistem Informasi
Manajemen Bengkel ( Studi Kasus : CV . Anugrah Bogor ). 3(2).
106
DAFTAR RIWAYAT HIDUP
I. Biodata Mahasiswa NIM : 12163066
Nama Lengkap : Fransiska
Tempat/Tanggal Lahir : Rawang, 05 September 1996
Alamat Lengkap : Kp. Kali Jambe RT 003/ RW 003,
Desa. Lambang sari
Kec. Tambun Selatan, Kab. Bekasi
Agama : Islam
Kewarganergaraan : Indonesia
II. Riwayat Pendidikan 1. SD Negeri 11 Rawang : 2003 - 2009
2. SMP Negeri 04 Sutera : 2009 - 2012
3. MA SWASTA TIMBULUN : 2012 - 2015
Jakarta, Juli 2019
Fransiska
107
108
109
A. Lampiran Dokumen Masukan Program
Lampiran 1.1
Data supplier
Lampiran 1.2.
Struk Pembayaran
110
Lampiran 1.3.
Faktur Pembelian
111
B. Lampiran Dokumen Keluaran Program
Lampiran 2.1.
Laporan Penjualan
112
Lampiran 2.2.
Laporan Supplier
113
Lampiran 2.3
Laporan Pembelian
114
Lampiran 2.4.
Laporan Produk