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

email

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

email

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:

admin1@gmail.co

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:

admin1@gmail.co

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