APLIKASI PEMESANAN DAN PENJUALAN BARANG

ONLINE PADA TOKO BAJU BAYI BEE BEE MART

BERBASIS WEB

SKRIPSI

OLEH :
TRI HARDIYANTI AKHIRIA
1702003

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS NURDIN HAMZAH
JAMBI 2021
ii
iii
iv
 HALAMAN PERSEMBAHAN

Dengan menyebut nama Allah SWT

Yang maha pengasih lagi maha penyayang

Puji dan syukur Alhamdulillah saya panjatkan kehadirat Allah SWT yang

Memberikan rahmat dan hidayahnya serta kesehatan dan juga shalawat

beserta salam saya ucapkan kepada junjungan Nabi besar Muhammad SAW

Sehingga saya akhirnya dapat menyelesaikan

Laporan Skripsi ini

Terima kasih buat Keluarga terutama kedua orang tua ayah Wanhari dan ibu
Sumiyati yang kuhormati dan ku sayangi yang selalu mendoakan dan memberi
semangat padaku. Yang telah berjasa dalam hidupku, atas dukungan yang tak
terhingga yang selalu membimbingku dalam belajar dan ke arah yang lebih
baik.

Terima kasih untuk seluruh keluarga besarku yang selama ini sudah meluangkan
waktu untuk bersama menghadapi suka maupun duka dan bantuan baik moral
dan material dan saling memberi masukan dan semangatnya.

Terima kasih juga untuk orang terkasih dan sahabat-sahabatku yang telah banyak
membantu dan menyemangatiku selama proses penelitian ini.

Semoga pengorbanan dan doa yang selama ini kalian berikan mendapat

Rahmat dan berkah serta ridho dari Allah SWT

Amin Ya Robbal Alamin

v
 KATA PENGANTAR

Puji syukur kehadirat Allah atas limpahan rahmat dan hidayah-Nya

kepada penulis, sehingga penulis dapat menyelesaikan Laporan Skripsi ini.

Laporan dengan judul “Aplikasi Pemesanan dan Penjualan Barang Online

Pada Toko Baju Bayi Bee Bee Mart Berbasis Web” ini disusun guna

memenuhi persyaratan menyelesaikan Skripsi Program Studi Teknik

Informatika Universitas Nurdin Hamzah.

Dalam penyusunan laporan Skripsi ini tentunya penulis mengucapkan

terima kasih kepada :

1. Ibu Hj. Dewi Asnah Nurdin, SH., selaku Ketua Yayasan Dewi Nurdin

Hamzah Jambi.

2. Bapak Dr. Ir. H. Riswan, MMSI, selaku Rektor Universitas Nurdin Hamzah

Jambi.

3. Bapak Ezrifal Sany, ST, M.Kom, selaku Wakil Rektor I Universitas Nurdin

Hamzah Jambi.

4. Ibu Novhirtamely Kahar, ST, M.Kom, selaku Dekan Fakultas Ilmu Komputer

Universitas Nurdin Hamzah Jambi.

5. Ibu Reny Wahyuning Astuti, M.Kom, selaku Ketua Program Studi Teknik

Informatika Universitas Nurdin Hamzah.

6. Ibu Lucy Simorangkir, S.Kom. M.Kom. Selaku Dosen Pembimbing I Skripsi

yang telah membantu dalam penyusunan laporan ini, meluangkan waktu dan

vi
 perhatian kepada peneliti dalam memberikan petunjuk dan masukan sehingga

penulis dapat menyelesaikan tugas akhir ini

7. Bapak Junaidi Surya, M.Kom. Selaku Dosen Pembimbing II Skripsi yang

telah meluangkan waktu dan perhatian kepada peneliti dalam memberikan

petunjuk dan masukan sehingga peneliti dapat menyelesaikan tugas akhir ini

8. Bapak dan Ibu Dosen Universitas Nurdin Hamzah Jambi yang telah

memberikan ilmu kepada peneliti selama masa perkuliahan.

9. Ibu Afri Mahdona, selaku Pemilik atau Owner dari Toko Bee Bee Mart yang

telah bersedia memberikan izin kepada peneliti dalam melakukan Penelitian

Tugas Skripsi.

10. Teman Seperjuangan dan Orang Terkasih yang telah membantu dan

mendukung peneliti selama masa penelitian ini. Semoga kebaikan yang telah

diberikan kepada peneliti mendapatkan imbalan yang setimpal dari Allah

SWT. Akhir kata peneliti berharap semoga hasil dari Tugas Skripsi ini dapat

memberikan manfaat bagi kita semua. Aamin.

Peneliti

Tri Hardiyanti Akhiria

vii
 ABSTRAK

Toko Bee Bee Mart Jambi adalah Toko perlengkapan bayi dan ibu yang
berlokasi di Mayang, Beringin, Talang Banjar dan Pattimura lengkap
menyediakan berbagai keperluan untuk anak, mulai dari baru lahir hingga
umur 11 tahun. Dari penelitian, di toko Bee Bee Mart belum memiliki aplikasi
pemesanan barang sendiri, sehingga peneliti bertujuan untuk membangun
sebuah sistem yang baru yaitu membangun aplikasi pemesanan dan penjualan
barang online berbasis web pada Toko Bee Bee Mart untuk membantu dan
mempermudah karyawan agar lebih efisien dalam mengolah data penjualan
dan pemesanan. Aplikasi ini menggunakan bahasa pemograman PHP dan
MySQL . Input pada aplikasi ini berupa data admin, data jenis barang, data
barang, data pelanggan, dan data pemesanan. Kebutuhan proses nya berupa
proses login, proses tampilan menu utama, proses tampilan menu data barang,
proses tampilan menu data pelanggan, proses tampilan menu data pemesanan,
dan proses keluar. Kebutuhan Output yang dihasilkan berupa laporan data
barang dan laporan data penjualan perpembeli. Dengan adanya perubahan
pada sistem, akan membantu semua pengolahan data pemesanan dan
penjualan yang dihasilkan dengan membangun sistem informasi yang baru
pada Toko Bee Bee Mart.

Kata kunci : Fasilitas Aplikasi Pemesanan dan Penjualan Barang Online Pada
Toko Bee Bee Mart.

viii
 ABSTRACT

Bee Bee Mart Jambi Shop is a store for baby and mother equipment located in
Mayang, Beringin, Talang Banjar and Pattimura, providing a full range of
needs for children, from newborn to 11 years old. From the research, the Bee
Bee Mart store does not yet have its own goods ordering application, so the
researcher aims to build a new system, namely building a web-based online
ordering and selling application at the Bee Bee Mart Store to help and
facilitate employees to be more efficient in processing data. sales and orders.
This application uses the PHP and MySQL programming languages. The input
to this application is in the form of admin data, item type data, item data,
customer data, and order data. The process needs are in the form of a login
process, the main menu display process, the goods data menu display process,
the customer data menu display process, the ordering data menu display
process, and the exit process. Requirements The resulting output is in the form
of goods data reports and buyers' sales data reports. With changes to the
system, it will help all ordering and sales data processing generated by
building a new information system at the Bee Bee Mart Store.

Keywords : Application Facilities for Ordering and Selling Goods Online at Bee.
Bee Mart Stores.

ix
 DAFTAR ISI

COVER ..................................................................................................................... i

PERNYATAAN KEASLIAN SKRIPSI ...................................................................ii

PERSETUJUAN PEMBIMBING SKRIPSI ............................................................ iii

PENGESAHAN PENGUJI ...................................................................................... iv

HALAMAN PERSEMBAHAN................................................................................v

KATA PENGANTAR .......................................................................................... vi-viii

ABSTRAK ............................................................................................................... ix

ABSTRACT ..............................................................................................................x

DAFTAR ISI ............................................................................................................ xi

DAFTAR TABEL ................................................................................................... xix

DAFTAR GAMBAR ...............................................................................................xx

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

1.1 Latar Belakang .....................................................................................1

1.2 Rumusan Masalah ................................................................................3

1.3 Batasan Masalah ..................................................................................4

1.4 Tujuan Penelitian .................................................................................5

1.5 Manfaat Penelitian ...............................................................................5

1.6 Gambaran Umum Toko Bee Bee Mart Jambi......................................5

1.6.1 Sejarah ........................................................................................5

1.6.2 Visi dan Misi ..............................................................................6

1.6.3 Struktur Organisasi .....................................................................7

x
 1.6.4 Fungsi dan Tugas........................................................................8

1.7 Sistematika Penulisan ..........................................................................9

BAB II LANDASAN TEORI ..........................................................................12

2.1 Definisi-Definisi .................................................................................12

2.1.1 Aplikasi .....................................................................................12

2.1.2 Pemesanan Barang ....................................................................13

2.1.3 Penjualan Barang.......................................................................14

2.1.4 Barang 16

2.1.5 Website ......................................................................................17

2.1.6 Penjelasan Tema Penelitian .......................................................19

2.2 Pemodelan Sistem ...............................................................................20

2.2.1 Data Flow Diagram (DFD)........................................................20

2.2.2 Simbo simbol Data Flow Diagram (DFD) ................................21

2.3 Tools Aplikasi Yang Digunakan .........................................................23

2.3.1 Bahasa Pemrograman ................................................................23

2.3.1.1 Sublime Text 3 .............................................................23

2.3.1.2 PHP ...............................................................................24

2.3.1.3 Definisi CSS (Cascading Style Sheet) ..........................28

2.3.2 Aplikasi Database ......................................................................29

2.3.2.1 Definisi PhpMyAdmin ..................................................29

xi
BAB III METODEOLOGI PENELITIAN .......................................................31

3.1 Pendekatan Penelitian .........................................................................31

3.2 Kerangka Kerja Penelitian ..................................................................32

3.3 Kebutuhan Sistem ...............................................................................36

3.3.1 Kebutuhan Input ........................................................................36

3.3.2 Kebutuhan Proses ......................................................................37

3.3.3 Kebutuhan Output .....................................................................38

3.3.4 Kebutuhan Antar Muka .............................................................38

3.3.5 Kebutuhan Perangkat Lunak .....................................................39

3.3.6 Kebutuhan Perangkat Keras ......................................................39

BAB IV PERANCANGAN ..............................................................................41

4.1 Analisa Perancangan ...........................................................................41

4.2 Perancangan Sistem ...................................................................42

4.2.1 Data Flow Diagram (DFD) ............................................42

a. Diagram Konteks .......................................................42

b. Overview Diagram Level 0 .......................................44

c. Overview Diagram Level 1 Proses 1 .........................46

d. Overview Diagram Level 1 Proses 2 .........................47

e. Overview Diagram Level 1 Proses 3 .........................48

4.2.2 Perancangan Tabel .........................................................49

4.2.2.1 Tabel User..........................................................49

4.2.2.2 Tabel Jenis Barang.............................................50

xii
 4.2.2.3 Tabel Barang......................................................51

4.2.2.4 Tabel Pelanggan ................................................51

4.2.2.5 Tabel Pemesanan ...............................................52

4.2.2.6 Tabel Data Berita ...............................................53

4.2.2.7 Tabel Data Statis Setting ...................................54

4.2.3 Relasi Antar Tabel .........................................................54

4.2.4 Hak Akses User .............................................................56

4.2.5 Perancangan Antarmuka ................................................57

4.2.5.1 Rancangan Halaman Login .............................57

4.2.5.2 Rancangan Halaman Utama ............................57

4.2.5.3 Rancangan Halaman Barang ...........................58

4.2.5.4 Rancangan Halaman Cara pemesanan ............59

4.2.5.5 Rancangan Halaman Artikel ...........................59

4.2.5.6 Rancangan Halaman FAQ ...............................60

4.2.5.7 Rancangan Halaman Kontak ...........................61

4.2.5.8 Rancangan Halaman Login Admin .................61

4.2.5.9 Rancangan Halaman Dashboard .....................62

4.2.5.10 Rancangan Halaman Form Data Jenis Barang 63

4.2.5.11 Rancangan Halaman Form Data Barang .........64

4.2.5.12 Rancangan Halaman Form Data Pelanggan ....65

4.2.5.13 Rancangan Halaman Form Data Pemesanan...66

4.2.5.14 Rancangan Halaman Form Data Berita ...........67

4.2.5.15 Rancangan Halaman Form Data Statis ............68

xiii
 4.2.5.16 Rancangan Halaman Form Data User .............69

4.2.5.17 Rancangan Halaman Data Jenis Barang ..........70

4.2.5.18 Rancangan Halaman Data Barang ...................71

4.2.5.19 Rancangan Halaman Data Pelanggan ..............72

4.2.5.20 Rancangan Halaman Data Pemesanan ............73

4.2.5.21 Rancangan Halaman Data Berita .....................74

4.2.5.22 Rancangan Halaman Data Statis......................74

4.2.5.23 Rancangan Halaman Data User .......................75

4.2.5.24 Rancangan Halaman Laporan Barang .............76

4.2.5.25Rancangan Halaman Laporan Penjualan

Perpembeli .......................................................77

BAB V IMPLEMENTASI DAN PEMBAHASAN ........................................78

5.1 Batasan Implementasi .........................................................................78

5.2 Implementasi .......................................................................................78

5.2.1 Tampilan Halaman Login ..........................................................79

5.2.2 Tampilan Halaman Utama.........................................................79

5.2.3 Tampilan Halaman Barang ........................................................80

5.2.4 Tampilan Halaman Cara Pemesanan.........................................80

5.2.5 Tampilan Halaman Artikel ........................................................81

5.2.6 Tampilan Halaman FAQ ...........................................................81

5.2.7 Tampilan Halaman Kontak .......................................................82

5.2.8 Tampilan Halaman Login Admin..............................................82

xiv
 5.2.9 Tampilan Halaman Dashboard ......................................83

5.2.10 Tampilan Halaman Form Jenis Barang .........................83

5.2.11 Tampilan Halaman Form Data Barang ..........................84

5.2.12 Tampilan Halaman Form Data Pelanggan.....................84

5.2.13 Tampilan Halaman Form Data Pemesanan ...................85

5.2.14 Tampilan Halaman Form Data Berita ...........................86

5.2.15 Tampilan Halaman Form Data Statis Setting ................86

5.2.16 Tampilan Halaman Form Data User ..............................87

5.2.17 Tampilan Halaman Data Jenis Barang ..........................88

5.2.18 Tampilan Halaman Data Barang ...................................88

5.2.19 Tampilan Halaman Data Pelanggan ..............................89

5.2.20 Tampilan Halaman Data Pemesanan .............................89

5.2.21 Tampilan Halaman Data Berita .....................................90

5.2.22 Tampilan Halaman Data Statis Setting..........................90

5.2.23 Tampilan Halaman Data User .......................................91

5.2.24 Tampilan Halaman Laporan Barang..............................91

5.2.25 Tampilan Halaman Laporan Penjualan Perpembeli ......92

5.2.26 Tampilan Halaman Cetak Laporan Barang ...................92

5.2.27 Tampilan Halaman Cetak Laporan Perpembeli.............93

5.3 Pembahasan ...........................................................................94

5.3.1 Pengujian Normal ......................................................................94

5.3.1.1 Login .........................................................................94

5.3.1.2 Tambah Jenis Barang.....................................................95

xv
 5.3.1.3 Tambah Data Barang ..............................................95

5.3.1.4 Tambah Data Pelanggan .........................................96

5.3.1.5 Tambah Data Pemesanan .......................................97

5.3.1.6 Tambah Data Berita ................................................97

5.3.1.7 Tambah Data Statis Setting ....................................98

5.3.1.8 Tambah Data User ..................................................99

5.3.1.9 Logout.....................................................................99

5.3.2 Pengujian Tidak Normal ..........................................................100

5.3.2.1 Login ......................................................................100

5.3.2.2 Tambah Jenis Barang ............................................101

5.3.2.3 Tambah Data Barang .............................................101

5.3.2.4 Tambah Data Pemesanan ......................................102

5.3.2.5 Tambah Data Berita ...............................................102

5.3.2.6 Tambah Data Statis Setting ...................................103

BAB VI KESIMPULAN DAN SARAN .........................................................104

6.1 Kesimpulan ........................................................................................104

6.2 Saran 105

DAFTAR PUSTAKA

DAFTAR LAMPIRAN
A. Listing Program
B. Lembar Kontrol Bimbingan Kerja Praktek

xvi
C. Surat Keterangan Penelitian
D. Lembar Kontrol Bimbingan Tempat Penelitian
E. Dokumentasi (Foto, Gambar)
F. Sertifikat

xvii
 DAFTAR TABEL

4.2.2.1 Tabel User .........................................................................49

4.2.2.2 Tabel Jenis Barang ....................................................................50

4.2.2.3 Tabel Barang .........................................................................51

4.2.2.4 Tabel Pelanggan ........................................................................51

4.2.2.5 Tabel Pemesanan .......................................................................52

4.2.2.6 Tabel Berita .........................................................................53

4.2.2.7 Tabel Statis Setting....................................................................54

4.2.4 Tabel Hak Akses Sukses ...........................................................56

xviii
 DAFTAR GAMBAR
Gambar 1.1 Struktur Organisasi Toko Bee Bee Mart Jambi ..........................

Gambar 2.1 Lambang kesatuan luar ............................................................. 21

Gambar 2.2 Lambang Arus Data .................................................................. 22

Gambar 2.3 Lambang Proses ........................................................................ 22

Gambar 2.4 Lambang Simpanan Data .......................................................... 23

Gambar 3.1 Kerangka Kerja Penelitian ........................................................ 33

Gambar 4.1 Diagram Konteks ...................................................................... 43

Gambar 4.2 Overview Diagram Level 0 ....................................................... 45

Gambar 4.3 Overview Diagram Level 1 Proses 1 ........................................ 46

Gambar 4.4 Overview Diagram Level 1 Proses 2 ........................................ 47

Gambar 4.5 Overview Diagram Level 1 Proses 3 ........................................ 48

Gambar 4.6 Relasi Antar Tabel..................................................................... 55

Gambar 4.7 Rancangan Halaman Login....................................................... 57

Gambar.4.8 Rancangan Halaman Utama ..................................................... 58

Gambar 4.9 Rancangan Halaman Barang .................................................... 58

Gambar.4.10 Rancangan Halaman Cara Pemesanan ..................................... 59

Gambar 4.11 Rancangan Halaman Artikel ..................................................... 60

Gambar 4.12 Rancangan Halaman FAQ ........................................................ 60

Gambar 4.13 Rancangan Halaman Kontak .................................................... 61

Gambar 4.14 Rancangan Halaman Login Admin .......................................... 62

Gambar 4.15 Rancangan Halaman Dashboard............................................... 63

xix
Gambar 4.16 Rancangan Halaman Form Data Jenis Barang ......................... 64

Gambar 4.17 Rancangan Halaman Form Data Barang .................................. 65

Gambar 4.18 Tampilan Halaman Form Data Pelanggan ............................... 66

Gambar 4.19 Tampilan Halaman Form Data Pemesanan .............................. 67

Gambar 4.20 Tampilan Halaman Form Data Berita ...................................... 68

Gambar 4.21 Tampilan Halaman Form Data Statis Setting........................... 69

Gambar 4.22 Tampilan Halaman Form Data User ........................................ 70

Gambar 4.23 Tampilan Halaman Data Jenis Barang ..................................... 71

Gambar 4.24 Tampilan Halaman Data Barang .............................................. 72

Gambar 4.25 Tampilan Halaman Data Pelanggan ......................................... 73

Gambar 4.26 Tampilan Halaman Data Pemesanan ....................................... 73

Gambar 4.27 Tampilan Halaman Data Berita................................................ 74

Gambar 4.28 Tampilan Halaman Data Statis Setting .................................... 75

Gambar 4.29 Tampilan Halaman Data User .................................................. 75

Gambar 4.30 Tampilan Halaman Laporan Barang ........................................ 76

Gambar 4.31 Tampilan Halaman Laporan Penjualan Perpembeli ................. 77

Gambar 5.1 Tampilan Halaman Login......................................................... 79

Gambar 5.2 Tampilan Halaman Utama ....................................................... 79

Gambar 5.3 Tampilan Halaman Barang ...................................................... 80

Gambar 5.4 Tampilan Halaman Cara Pemesanan ....................................... 80

Gambar 5.5 Tampilan Halaman Artikel....................................................... 81

Gambar 5.6 Tampilan Halaman FAQ .......................................................... 81

xx
Gambar 5.7 Tampilan Halaman Kontak ...................................................... 82

Gambar 5.8 Tampilan Halaman Login Admin ............................................ 82

Gambar 5.9 Tampilan Halaman Dashboard ............................................... 83

Gambar 5.10 Tampilan Halaman Form Data Jenis Barang .......................... 83

Gambar 5.11 Tampilan Halaman Form Data Barang ................................... 84

Gambar 5.12 Tampilan Halaman Form Data Pelanggan .............................. 85

Gambar 5.13 Tampilan Halaman Form Data Pemesanan ............................ 85

Gambar 5.14 Tampilan Halaman Form Data Berita .................................... 86

Gambar 5.15 Tampilan Halaman Form Data Statis Setting ....................... 87

Gambar 5.16 Tampilan Halaman Form Data User .................................... 87

Gambar 5.17 Tampilan Halaman Data Jenis Barang ................................. 88

Gambar 5.18 Tampilan Halaman Data Barang .......................................... 88

Gambar 5.19 Tampilan Halaman Data Pelanggan ..................................... 89

Gambar 5.20 Tampilan Halaman Data Pemesanan .................................... 89

Gambar 5.21 Tampilan Halaman Data Berita ............................................ 90

Gambar 5.22 Tampilan Halaman Statis Setting ......................................... 90

Gambar 5.23 Tampilan Halaman Data User .............................................. 91

Gambar 5.24 Tampilan Halaman Laporan Barang ................................... 91

Gambar 5.25 Tampilan Halaman Laporan Penjualan Perpembeli ............. 92

Gambar 5.26 Tampilan Halaman Cetak Laporan Barang .......................... 92

Gambar 5.27 Tampilan Halaman Cetak Laporan Penjualan Perpembeli... 93

Gambar 5.28 Tampilan Pengujian Normal Login ....................................... 94

Gambar 5.29 Tampilan Pengujian Normal Tambah Data Jenis Barang ..... 95

xxi
Gambar 5.30 Tampilan Pengujian Normal Tambah Data Barang .............. 96

Gambar 5.31 Tampilan Pengujian Normal Tambah Data Pelanggan ......... 96

Gambar 5.32 Tampilan Pengujian Normal Tambah Data Pemesanan ........ 97

Gambar 5.33 Tampilan Pengujian Normal Tambah Data Berita ................ 98

Gambar 5.34 Tampilan Pengujian Normal Tambah Data Statis Setting ..... 98

Gambar 5.35 Tampilan Pengujian Normal Tambah Data User .................. 99

Gambar 5.36 Tampilan Pengujian Normal Logout .................................... 100

Gambar 5.37 Tampilan Pengujian Tidak Normal Login ............................ 100

Gambar 5.38 Tampilan Pengujian Normal Tambah Data Jenis Barang .... 101

Gambar 5.39 Tampilan Pengujian Normal Tambah Data Barang ............. 101

Gambar 5.40 Tampilan Pengujian Normal Tambah Data Pemesanan ....... 102

Gambar 5.41 Tampilan Pengujian Normal Tambah Data Berita ............... 102

Gambar 5.42 Tampilan Pengujian Normal Tambah Data Statis Setting.... 103

xxii
 BAB I

PENDAHULUAN

1.1 Latar Belakang Penelitian

Perkembangan teknologi saat ini memberikan kontribusi besar bagi

kehidupan manusia. Manusia dapat dengan mudah melakukan aktivitas sehari-hari

dengan bantuan dari teknologi canggih yang telah ada. Teknologi membawa

manusia melihat lebih jauh dunia luar, membuka cakrawala berfikir, membangun

sebuah kreativitas untuk menciptakan hal-hal baru.

Saat ini sering disebut-sebut sebagai era teknologi informasi terbukti dengan

maraknya media-media penyampaian informasi baik bersifat audio, visual atau

audio visual. Tidak luput dari perkembangan teknologi, informasipun dapat

mengimbanginya dengan menyesuaikan kebutuhan untuk masyarakat pada

umumnya dan konsumen pada khususnya. Informasi yang mudah didapatkan

secara efektif dan efisien, yaitu melalui media pengantar informasi dengan

menggunakan internet. Kondisi ini tidak salahnya kalau dipadukan dengan dunia

bisnis, yang transaksinya dilakukan dengan cara online di internet.

Barang atau komoditas dalam pengertian ekonomi adalah suatu objek fisik

yang dapat dilihat dan disimpan atau jasa yang memiliki nilai. Nilai suatu barang

akan ditentukan karena barang itu mempunyai kemampuan untuk dapat

memenuhi kebutuhan atau keinginan pelanggan baik secara individu atau

bisnis. Contoh barang adalah pakaian, makanan, minuman, komputer, dan telepon

pintar.

1
 2

Toko Bee Bee Mart Jambi adalah Toko perlengkapan bayi dan ibu yang

berlokasi di Mayang, Beringin, Talang Banjar dan Pattimura lengkap

menyediakan berbagai keperluan untuk anak, mulai dari baru lahir hingga umur

11 tahun. Tidak hanya keperluan sehari-hari bagi ibu melahirkan, bayi dan anak,

Bee Bee Mart juga menyediakan aksesoris dan mainan untuk si kecil. Mulai dari

aksesoris, topi, dandana, stroller, sepeda, dot, alat makan, bantal menyusui,

berbagai macam gendongan, popok, mainan dan masih banyak perlekapan lainnya

yang diperlukan ibu dan bayi. Untuk harga, di Bee Bee Mart bermacam macam

mulai dari 20 ribu rupiah saja. “Mainan bahkan mulai dari 5 ribu rupiah, kita

menyediakan barang harga grosir tapi dijual eceran dengan kualitas yang

memuaskan.

Dari penjelasan tentang toko Bee Bee Mart Jambi pasti banyak sekali

pelanggan yang terkendala untuk mendatangi toko bee bee mart untuk membeli

perlengkapan bayi ataupun ibu, karna melihat kondisi seperti sekarang yang harus

berdiam diri dirumah karna pendemi pasti sangat sulit untuk membeli semua

kebutuhan, toko Bee Bee Mart sendiri untuk pemesanan barang hanya dapat

dipesan melalui media sosial saja seperti instagram dan facebook yang kurang

efisien untuk digunakan. Dari penelitian, di toko Bee Bee Mart Jambi belum

memiliki aplikasi pemesanan barang sendiri sehingga peneliti ingin membangun

aplikasi atau sistem yang baru untuk membantu karyawan dalam proses penjualan

barang pada toko Bee Bee Mart.

Dengan memperhatikan dan juga menganalisis permasalahan yang

dihadapi tersebut, peneliti berkeinginan untuk membangun sebuah sistem yang

 3

baru yaitu membangun aplikasi berbasis web pada toko baju bayi Bee Bee Mart

Jambi untuk membantu dan mempermudah karyawan agar lebih afisien dalam

mengolah pemesanan barang dengan cepat, akurat, tepat waktu, relevan dan

efektif sehingga bisa meminimalisisr kesalahan sekecil mungkin dan juga

mengoptimalkan kinerja pegawai dalam pengemasan dan pengiriman barang,

aplikasi berbasis web juga dengan kelebihan yang lebih unggul dan berguna, yaitu

mengatasi pemesanan dari pelanggan yang banyak.

Berdasarkan latar belakang diatas maka peneliti tertarik untuk

melakukan penelitian dalam bentuk laporan skripsi yang berjudul ”APLIKASI

PEMESANAN DAN PENJUALAN BARANG ONLINE PADA TOKO BAJU

BAYI BEE BEE MART BERBASIS WEB”.

1.2 Rumusan Masalah

Adapun rumusan masalah dalam penelitian ini adalah : ”Bagaimana

Membangun Aplikasi Pemesanan dan Penjualan Barang Online Pada Toko Baju

Bayi Bee Bee Mart Berbasis Web ? ”.

 4

1.3 Batasan Masalah

Dalam sebuah penelitian tentunya terdapat batasan masalah yang bertujuan

agar pembahasan dari penelitian tersebut tidak keluar dari jalur atau konteks dari

pada materi penelitian tersebut. Salah satu dalam penelitian ini. Peneliti memiliki

batasan atau ruang lingkup dalam penelitian yang telah dilakukan. Hal ini sesuai

dengan hasil penelitian yang dilakukan di Toko Bee Bee Mart Jambi.

Adapun Batasan Masalah Dalam Penelitian ini sebagai berikut :

1. Penelitian ini hanya mengelola aplikasi pemesanan dan penjualan barang

online pada Toko Baju Bayi Bee Bee Mart berbasis web.

2. Data yang dikelola hanya berupa data jenis barang, data barang, data

pelanggan dan data pemesanan pada Toko Baju Bayi Bee Bee Mart Jambi.

3. Input data dari penelitian ini berupa data admin, data jenis barang, data

barang, data pelanggan dan data pemesanan pada Toko Baju Bayi Bee Bee

Mart Jambi.

4. Proses data dari penelitian ini berupa proses login, proses tampilan menu

utama, proses tampilan menu data barang, proses tampilan pada menu data

pelanggan, data pemesanan dan proses logout.

5. Output dari penelitian ini berupa Laporan data barang, dan Laporan data

penjualan perpembeli.

6. Bahasa pemrogrman yang digunakan adalah bahasa pemrograman HTML

(Hypertext Markup Language), css atau php dengan javascript dan database

yang digunakan menggunakan MySQL.

 5

1.4 Tujuan Penelitian

Adapun tujuan penelitian ini adalah untuk membangun aplikasi pemesanan

dan penjualan barang online pada Toko Baju Bayi Bee Bee Mart berbasis web.

1.5 Manfaat Penelitian

Adapaun manfaat penelitian adalah :

1. Memberikan manfaat bagi karyawan agar lebih efisien dalam pengemasan

barang pada Toko Baju Bayi Bee Bee Mart Jambi.

2. Karyawan yang berperan sebagai admin dapat dengan mudah mengolah data

pemesanan dan penjualan barang pada Toko Baju Bayi Bee Bee Mart Jambi.

3. Mempermudah segala pendataan dalam pemesanan dan penjualan barang

agar lebih efektif dan terdata pada Toko Baju Bayi Bee Bee Mart Jambi.

4. Mengurangi terjadinya kesalahan-kesalahan yang biasanya terjadi pada

proses pendataan pemesanan dan penjualan barang pada Toko Baju Bayi

Bee Bee Mart Jambi.

5. Dapat membantu pembuatan laporan barang menjadi lebih cepat dan akurat

pada Toko Baju Bayi Bee Bee Mart Jambi.

1.6 Gambaran Umum Toko Bee Bee Mart Jambi

1.6.1 Sejarah

Toko Bee Bee Mart Jambi adalah Toko perlengkapan bayi dan ibu yang

berlokasi di Mayang, Beringin, Talang Banjar dan Pattimura lengkap

menyediakan berbagai keperluan untuk anak, mulai dari baru lahir hingga umur
 6

11 tahun. Tidak hanya keperluan sehari-hari bagi ibu melahirkan, bayi dan anak,

Bee Bee Mart juga menyediakan aksesoris dan mainan untuk si kecil. Toko Bee

Bee Mart ini telah beridiri sejak tahun 2012 , Toko Bee Bee Mart ini berlokasi di

Jl. Ir. H. Djuanda No. 131 Mayang Jambi, Toko Bee Bee mart sudah cukup

terkenal di kota Jmabi, karena bee bee mart menyediakan barang yang cukup

bagus dengan harga terjangkau. Dengan melihat keadaan toko yang sudah banyak

peminat dan pelanggan maka dari itu peneliti bermaksud untuk membangun

aplikasi untuk mempermudah konsumen untuk berbelanja. Sistem yang digunakan

dalam penelitian ini adalah Aplikasi pemesan dan penjualan berbasis web dengan

menggunakan HTML (Hypertext Markup Language), css dan php dengan

javascript dan bisa juga menggunakan web server seperti apache. Data yang

digunakan dalam penelitian ini diperoleh dari data yang diambil dari penelitian di

Toko Bee Bee Mart. Data yang digunakan juga bertujuan untuk membantu

konsumen dalam pembelian barang yang ada di Toko Bee Bee Mart.

1.6.2 Visi dan Misi

Bee Bee Mart memiliki visi dan misi dalam melayani masyarakat, sebagai

berikut :

a. Visi

Menjadi toko yang mempermudah konsumen dalam mencari kebutuhan

persalianan dan anak anak di Indonesia.

 7

b. Misi

1. Menjadi kan tempat untuk pembelian barang yang berkulitas untuk anak

anak indonesia.

2. Menjadi brand toko yang terkenal dalam penyediaan barang untuk

persalianan dan tumbuh kembang anak anak indonesia.

1.6.3 Struktur Organisasi

Adapun struktur Organisasi Toko Baju Bayi Bee Bee Mart Jambi dapat

dilihat pada Gambar 1.1 dibawah ini :

STRUKTUR ORGANISASI

TOKO BEE BEE MART

Gambar1.1 Struktur Organisasi

( Sumber : Toko Bee Bee Mart )

 8

1.6.4 Tugas dan Fungsi Pokok dari Elemen Sttruktur Organisasi

Pada Toko Bee Bee Mart terdapat struktur organisasi, yang mana didalam

struktur organisasi tersebut terdapat beberapa elemen yang memiliki kaitan dan

peran masing-masing sesuai dengan bidangnya. Adapun elemen-elemen tersebut

dan perannya sebagai berikut :

1. Owner

Owner adalah penyedia barang atau pemilik toko bee bee mart. Bertugas

untuk menyediakan semua kebutuhan yang ada di toko Bee Bee Mart.

2. Bagian Gudang terdiri dari :

a. Bagian Oder

Bertugas untuk mengorder barang apa saja yang telah kehabisan stok pada

toko Bee Bee Mart.

b. Bagian Penyimpanan Barang

Bertugas untuk menyimpan, menyusun, dan membantu pengecekan barang

yang ada di toko Bee Bee Mart.

c. Bagian Pendataan Barang

Bertugas untuk menginput data barang seperti harga dan jumlah barang

masuk dan keluar.

 9

3. Kepala Toko

Bertugas untuk menertibkan dan mengawasi kegiatan penjualan dan

pembelian barang dan menjadi pemimpin untuk karyawan pada toko Bee Bee

Mart.

4. Karyawan

Bertugas untuk melayani pembeli dalam pencarian barang yang di inginkan.

1.7 Sistematika Penulisan

Untuk membahas lebih jelas dan terperinci dalam penulisan Skripsi ini,

peneliti membagi skripsi ini dalam beberapa bab yang saling berhubungan satu

sama lainnya dan sesuai dengan ruang lingkup judul dengan urutan sebagai

berikut:

BAB I PENDAHULUAN

Pada bab ini membahas tentang penjelasan dan penguraian pokok

persoalan yang terdiri dari latar belakang masalah, rumusan

masalah, tujuan penelitian, manfaat penelitian, metodologi

penelitian, serta sistematika penulisan.

 10

BAB II LANDASAN TEORI

Pada bab ini membahas tentang teori-teori yang akan digunakan

dalam perancangan dan pembuatan program serta pembahasan

masalah tempat skripsi secara singkat.

BAB III METODOLOGI PENELITIAN

Pada bab ini membahas tentang kerangka kerja penelitian, dan

analisa kebutuhan yang digunakan dalam membangun aplikasi

yang dibutuhkan metode analisis yang digunakan dan hasil analisis.

BAB IV PERANCANGAN

Pada bab ini membahas tentang penjelasan mengenai proses analisa

sistem yang sedang berjalan, rancangan sistem baru yang terdiri

dari rancangan input, rancangan output, rancangan file/tabel,

rancangan menu serta flowchart program dan perancangan

perangkat lunak.

BAB V IMPLEMENTASI DAN PEMBAHASAN

Pada bab ini membahas tentang implementasi yang ada beserta

penjelasan tentang kebutuhan sistem supaya aplikasi yang di

kerjakan sesuai dengan tujuan.

 11

BAB VI KESIMPULAN DAN SARAN

Pada bab ini membahas tentang kesimpulan yang di peroleh dari

penelitian serta beberapa saran berdasarkan pengalaman, kesalahan,

kesulitan serta temuan baru yang belum diteliti yang dapat

digunakan oleh pihak yang berkepentingan.

 BAB II

LANDASAN TEORI

2.1 Definisi –Definisi

2.1.1 Aplikasi

Aplikasi ini merupakan metode dengan konsep dinamis yaitu dimana

website dapat berinteraksi melalui komentar dan juga bisa diupdate lebih

sering oleh pengguna, sedangkan statis tidak dapat diubah.

Aplikasi menurut Dhanta dikutip dari (Sanjaya 2015, h. 21) adalah

software yang dibuat oleh suatu perusahaan komputer untuk mengerjakan

tugas-tugas tertentu, misalnya Microsoft Word, Microsoft Excel. Aplikasi

berasal dari kata application yang artinya penerapan lamaran penggunaan.

Menurut Jogiyanto dikuip oleh (Ramzi 2017, h. 12) aplikasi merupakan

penerapan, menyimpan sesuatu hal, data, permasalahan, pekerjaan kedalam suatu

sarana atau media yang dapat digunakan untuk menerapkan atau

mengmplementasikan hal atau permasalahan yang ada sehingga berubah menjadi

suatu bentuk yang baru tanpa menghilangkan nilai-nilai dasar dari hal data,

permasalahan, dan pekerjaan itu sendiri.

Menurut Rachmad Hakim S (2016, h. 47) Aplikasi Aplikasi

adalah perangkat lunak yang digunakan untuk tujuan tertentu, seperti

mengolah dokumen, mengatur Windows &, permainan (game) dan

sebagainya.

12
 13

Aplikasi memiliki banyak jenis. Diantaranya aplikasi desktop yang

beroperasi secara offline dan aplikasi web yang beroperasi secara online.

Dari pengertian diatas dapat disimpulkan aplikasi web merupakan

aplikasi yang diakses mengunakan web berowser melalui jaringan internet

atau intranet. Aplikasi web juga merupakan suatu perangkat lunak komputer

yang dikodekan dalam bahasa pemrograman yang mendukung perangkat

lunak berbasis web seperti HTML, JavaScript, CSS, Ruby, Python, PHP, Java

dan bahasa pemrograman lainnya.

2.1.2 Pemesanan Barang (E-Booking)

Menurut Kamus Besar Bahasa Indonesia (2019, h. 57) pemesanan

adalah “ proses, perbuatan, cara memesan (tempat,barang,dan sebagainya)

kepada orang lain.”

E-Booking adalah kepanjangan dari electronic Booking yaitu pemesanan

secara online menggunakan internet dengan mengakses laman web yang

tersedia. e-Booking dibuat untuk memudahkan pemesanan secara online tanpa

harus datang langsung ke tempat.

Pengertian pemesanan dalam jurnal yang berjudul E-Commerce pada Buku

Digital menjelaskan berdasarkan definisi-definisi mengenai pemesanan.

Menurut Susanti (2017, h. 2) “Pemesanan adalah suatu perjanjian yang

dilakukan oleh 2 (dua) pihak atau lebih yaitu pemberi dan pemakai jasa atau

barang untuk memenuhi kebutuhannya dalam mengusahakan barang atau jasa

 14

tersebut sehingga dapat digunakan. Perjanjian pemesanan tersebut dapat

berupa atas pemesanan ruangan, tempat duduk, kamar dan lainnya pada

periode waktu tertentu”.

Menurut Edwin dan Chris (2019, h. 1) Pemesanan dalam arti umum adalah

perjanjian pemesanan tempat antara dua pihak atau lebih, perjanjian

pemesanan tempat tersebut dapat berupa perjanjian atas pemesanan suatu

ruangan, kamar, tempat duduk dan lainnya, pada waktu tertentu dan disertai

dengan produk jasanya.

Berdasarkan pengertian diatas dapat disimpulkan bahwa pemesanan adalah

suatu aktifitas yang dilakukan oleh konsumen sebelum membeli.

2.1.3 Penjualan Barang

Menurut Thamrin Abdullah (2017, h. 3) Penjualan adalah bagian dari

promosi dan promosi adalah salah satu bagian dari keseluruhan sistem pemasaran.

Menurut Basu Swastha dalam Irwan Sahaja (2015, h. 246) penjualan

adalah suatu proses pertukaran barang atau jasa antara penjual dan pembeli.

Menurut Francis Tantri (2016, h. 3) penjualan adalah bagian dari promosi

dan promosi adalah salah satu bagian dari keseluruhan sistem pemasaran.

Dari definisi para ahli diatas dapat disimpulkan bahwa penjualan

adalah suatu kegiatan bertemunya seorang pembeli dan penjual yang

melakukan transaksi, saling mempengaruhi dan mempertimbangkan

pertukaran antara barang atau jasa dengan uang.

 15

Bentuk-bentuk penjualan adalah sebagai berikut:

1. Penjualan Tunai

Penjualan yang bersifat cash and carry dimana penjualan setelah terdapat

kesepakatan harga antara penjual dengan pembeli, maka pembeli

menyerahkan pembayaran secara kontan dan bisa langsung dimiliki oleh

pembeli.

2. Penjualan Kredit

Penjualan non cash, dengan tenggang waktu tertentu, rata-rata diatas satu

bulan.

3. Penjualan secara Tender

Penjualan yang dilaksanakan melalui prosedur tender untuk memenuhi

permintaan pihak pembeli yang membuka tender.

4. Penjualan Ekspor

Penjualan yang dilaksanakan dengan pihak pembeli, luar negeri yang

mengimpor barang yang biasanya menggunakan fasilitas letter of credit.

5. Penjualan secara Konsinyasi

Penjualan barang secara titipan kepada pembeli yang juga sebagai penjual.

Apabila barang tersebut tidak terjual maka akan dikembalikan kepada

penjual.

6. Penjualan secara Grosir

Penjualan yang tidak langsung kepada pembeli, tetapi melalui pedagang

perantara yang menjadi perantara pabrik atau importir dengan pedagang

eceran.
 16

2.1.4Barang

Barang adalah suatu benda yang dipakai untuk mengerjakan sesuatu;perkakas,

perabot, yang dipakai untuk mencapai maksud (Kamus Besar Bahasa indonesia

2019, h. 11).

Menurut Francis Tantri (2017, h. 7)Alat atau perkakas dalam bahasa

Inggris: toolsadalah benda yang digunakan untuk mempermudah pekerjaan kita

sehari-hari. Beberapa contoh alat adalah palu, tang, gergaji, dan cangkul.

Beberapa benda sehari-hari seperti garpu, sendok dan pensil juga termasuk

alat. Pisau merupakan salah satu alat yang diciptakan manusia. Alat-alat yang

secara khusus digunakan untuk keperluan rumah tingga sering disebut

sebagai perkakas.

Sedangkan barang adalah benda umum (segala sesuatu yang berwujud

atau berjasad, cairataukeras, semua perkakas rumah, perhiasan, dan sebagainya

(Kamus Besar Bahasa Indonesia 2019, h 11).

Berdasarkan definisi para ahli diatas dapat disimpulkan bahwa barang

adalah benda yang dipakai untuk mengerjakan sesuatu.

 17

2.1.5 Website

Web adalah salah satu aplikasi yang berisikan dokumen-dokumen

multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakan

protokol HTTP (hypertextransfer protocol) dari untuk mengaksesnya

menggunakan perangkat lunak yang disebut browser. Beberapa jenis browser

yang populer saat ini di antaranya : Internet Explorer yang diproduksi oleh

microsoft, Mozila Firefox, Opera, dan Safari yang diproduksi oleh Apple.

Browser ( Perambah) adalah aplikasi yang mampu menjalankan dokumen-

dokumen web dengan cara diterjemahkan. Prosesnya dilakukan oleh komponen

yang terdapat didalam aplikasi browser yang biasa disebut web engine. Semua

dokumen web ditampilkan oleh browserdengan cara diterjemahkan.

Situs Web adalah dokumen-dokumen web yang terkumpul menjadi satu

kesatuan yang akan memiliki Unified Resource Locator (URL) atau domain dan

biasanya dipublish di internet (Rudyanto 2011, h. 7).

Situs web biasanya ditempatkan pada server web. Sebuah server web

umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk

menangani pengaturan nama ranah, serta menangani layanan atau protokol HTTP

yang disebut sebagai Server HTTP(bahasa inggris : HTTP Server ) seperti Apache

HTTP Server, atau Internet Information Services (IIS). Menurut Hidayat (2010, h.

6) website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah

domain yang mengandung informasi. Sebuah website biasanya dibangun atas

banyak halaman web yang saling berhubungan. Jadi dapat dikatakan bahwa,
 18

pengertian website adalah kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi teks, 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. Hubungan antara satu halaman

website dengan halaman website lainnya disebut dengan hyperlink, sedangkan

teks yang dijadikan media penghubung disebut hypertext.

Situs website dikategorikan menjadi 2 yaitu website statis dan

websitedinamis. Website statis adalah sebuah web yang isiya tidak bisa

dirubah-rubah dan tidak memiliki data base sebagai tempat penyimpanan

kontennya. Apabila ingin mengubah isi dari website, harus dilakukan

perubahan tulisan yang tertanam pada file program tersebut, sehingga

penguasaan bahasa pemrograman harus benar-benar dikuasai dengan baik.

Contoh dari pemograman ststis ini dalah HTML dan CSS. Contoh website

statis adalah berisi profil perusahaan. Sedangkan website dinamis adalah

sebuah web yang isinya dapat dirubah sewaktu-waktu tanpa melalui

perubahan code pada file web, akan tetapi melalui halaman administrator.

Content yang tampil dalam web dinamis tersimpan pada sebuah data base

sehingga orang awam pun bisa merubah isi content web tanpa penguasaan

bahasa pemograman web. Biasanya web ini tersusun dari bahasa pemograman

yaitu HTML, CSS dan berhubungan dengan database MySQL. Contoh

website dinamis adalah seperti Friendster, Multiply, dan lain-lain.

 19

2.1.6 Penjelasan Tema Penelitian

Tema yang diangkat disini adalah tentang Aplikasi Pemesanan dan

Penjualan Barang Online pada Toko Baju Bayi Bee Bee Mart Berbasis web yang

dibangun menggunakan aplikasi berbasis web. Aplikasi Pemesanan dan Penjualan

Barang Online ini dibuat agar karyawan dapat mempermudah dalam proses

penjualan barang secara online dengan melakukan pencarian barang di website

yang telah dibangun, sehingga mempermudah dan meningkatkan kuliatas dan

omset penjualan bagikaryawan dalam memperoleh informasi mengenai barang

yang terdapat pada Toko Bee Bee Mart.

Selama ini pada Toko Bee Bee Mart pemesanan dan penjualan barang masih

menggunakan aplikasi media sosial saja yaitu dengan aplikasi ig, facebook dan

media sosial lainnya. Hal ini mengakibatkan keakuratan data kurang terjamin

serta membutuhkan waktu yang lama dalam proses pengolahan data penjualan

sehingga membuat kinerja karyawan manjadi tidak efektif dan tidak efisien. Selain

itu karyawan juga kesulitan dalam menanggapi konsumen yang menanyakan

tentang barang yang diinginkan karena banyaknya aplikasi yang digunakan untuk

proses pemesanan dan penjualan pada Toko Bee Bee Mart. Oleh karena itu maka

dibutuhkan sebuah Aplikasi untuk pemesanan dan penjualan barang online pada

toko baju bayi Bee Bee Mart berbasis web.

Untuk mengatasi permasalahan tersebut maka dibutuhkan aplikasi

pemesanan dan penjualan barang online pada toko baju bayi Bee Bee Mart

berbasis webguna membantu, mempercepat dan mempermudah kinerja karyawan

 20

untuk proses pemesanan dan penjualan barang. Karyawan juga tidak akan

kesulitan dalam mendata barang karena dalam aplikasi ini terdapat pendataan

secara otomatis berdasarkan nama, harga, dan tanggal barang dari pendataan awal

serta dalam pembuatan laporan kapan dan siapaproses jual beli dialkukan. Pada

perancangan aplikasi pemesana dan penjualan barang online pada toko baju bayi

Bee Bee Mart ini, bahasa pemrograman yang digunakan adalah bahasa

pemrograman berbasis WEB yaitu PHP dan database yang digunakan dalam

perancangan aplikasi ini adalah MySQL.

2.2 Pemodelan Sistem

2.2.1 Data Flow Diagram ( DFD )

Menurut Jogiyanto (2014, h.699) DFD merupakan alat yang digunakan pada

metodologi pengembangan sistem yang terstruktur (Structured Analysand

design). DFD merupakan alat yang cukup populer sekarang ini, karena dapat

menggambarkan arus data di dalam sistem dengan terstruktur dan jelas. DFD

juga merupakan dokumentasi dari sistem yang baik. DFD sering digunakan

untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan

dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik

dimana data tersebut mengalir.

Beberapa simbol atau lambang yang digunakan dalam membuat Data Flow

Diagram (DFD) ada 4 (empat) yang mewakili adalah sebagai berikut

(Jogiyanto, 2014, h.700)

 21

1. External entity (kesatuan luar)

2. Data flow (arus data)

3. Process (proses)

4. Data store (simpan data)

2.2.2 Simbol – Simbol

Simbol adalah gambar, bentuk atau benda yang mewakili suatu gagasan,

benda atau jumlah sesuatu. Meskipun simbol bukanlah nilai itu sendiri namun

simbol sangatlah dibutuhkan untuk kepentingan penghayatan akan nilai-nilai yang

diwakilinya.

Kegunaan simbol-simbol yang ada pada Data Flow Diagram (DFD)

adalah sebagai berikut:

1. Kesatuan luar (External entity)

Kesatuan luar (External entity) merupakan kesatuan (entity) di lingkungan

luar sistem yang dapat berupa orang orgnanisasi atau sistem lainnya yang

berada di lingkungan luarnya yang akan memberikan input atau menerima

output dari sistem.

Gambar 2.1External Entity

Sumber : (Jogiyanto, 2014)

 22

2. Arus Data (Data Flow)

Arus data (data flow) di DFD diberi simbol suatu panah, Arus data ini

mengalir diantara proses (process), simpan data (data store) dan kesatuan luar

(external entity).

Gambaran 2.2 Data Flow

Sumber : (Jogiyanto, 2014)

3. Process (proses)

Proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau

komputer dari hasil suatu arus data yang masuk ke dalam proses untuk

dihasilkan arus data yang akan keluar dari proses.

Gambaran 2.3 Proses

Sumber : (Jogiyanto, 2014)

4. Simpan Data (Data Store)

Simpan data (Data Store) merupakan simpanan dari data yang dapat berupa

sebagai berikut :
 23

a. Suatu file atau database di sistem komputer.

b. Suatu arsip atau catatan manual.

c. Suatu kotak tempat data di meja seseorang.

d. Suatu tabel acuan manual.

e. Suatu agenda atau buku.

Simpanan data di DFD dapat disimbolkan dengan sepasang garis

horizontal paralel yang tertutup di salah satu ujungnya.

Gambaran 2.4 Data Store

Sumber : (Jogiyanto, 2014)

2.3 Tools Aplikasi Yang Digunakan

2.3.1 Bahasa Pemrograman

2.3.1.1 Sublime Text 3

Sublime Text 3 adalah sebuah software yang dikembangkan oleh Jon

Skinner. Beliau merupakan seorang programmer dari australia. Sublimetext 3

merupakan aplikasi text editor untuk menulis kode. Banyak sejumlah bahasa

progam yang ada pada aplikasi ini. Diantaranya PHP, CSS, C, C++, HTML,

Java dan sebagainya. Tentu saja, software ini bisa lebih memudahkan

pekerjaan pengguna saat membuat sebuah program, (Wardana 2016, h. 23).

 24

Menurut Boss (dalam jurnal Pahlevia, 2018), yaitu berjudul Sistem

Informasi Inventori Barang Menggunakan Metode Object Oriented di PT.Livaza

Teknologi Indonesia. Menjelaskan bahwa : “Sublime Text merupakan texteditor

yang owerfull yang dapat meningkatkan produktivitas dan mengembangkan

kualitas kode yang tinggi ’’, Jurnal Prodidko vol.5, no.1, h.29.

Sublime Textmemiliki beberapa kelebihan dibandingkan dengan text editor

lainnya yakni diantaranya Sublime text merupakan salah suatu text dengan

tampilan background gelap dan tampilan text dengan berbagai warna terang yang

membuat pengguna lebih jelas kemudian sublime text merupakan aplikasi yang

multi platfrom, yaitu apliaksi yang dapat dijalankan pada sistem operasi apa saja

mulai dari windows, linux, dan memiliki satu mini map yang merupakan

interview dari keseluruhan script program.

2.3.1.2 PHP

PHP merupakan bahasa pemrograman yang dirujukan atau membuat

aplikasi web. PHP tergolong bebasis server side. Artinya, pemesanan dilakukan di

server. Ditinjau dari pemrosesanya, php tergolong berbasis server side, artinya

pemrosesan dilakukan di server. Php sering dikatakan sebagai bahasa untuk

membuat aplikasi web yang dinamis (Kadir, 2013, h.120).

PHP adalah bahasa program yang digunakan untuk membuat aplikasi web

(website, blog, atau aplikasi web). Php termasuk bahasa program yang hanya bisa

berjalan di sisi server, atau sering disebut Side Server Language. Jadi, Program
 25

yang dibuat dengan kode PHP tidak bisa berjalan kecuali dia dijalankan pada

server web, tanpa adanya server web yang terus berjalan dia tidak akan bisa

dijalankan. (Bunafi Nugroho, 2013, h.153).

Menurut Arief (2011, h.43), dalam bukunya yang berjudul Pemrograman

Web dinamis menggunakan PHP dan MySQL yang menyatakan bahwa “PHP

(PHP: Hypertext Preprocessor) adalah bahasa server-side scripting yang menyatu

dengan HTML untuk membuat halaman web yang dinamis.”

Karena PHP merupakan server-side scripting maka sintaks dan perintah-

perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke browser

dalam format HTML. Dengan demikian kode program yang ditulis dalam php

tidak akan terlihat oleh user sehingga keamanan web lebih terjamin. PHP

dirancang untuk membentuk suatu tampilan berdasarkan permintaan terkini,

seperti menampilkan isi basis data kehalaman web.

PHP adalah bahasa server side scripting yang menyatu dengan HTML

untuk membuat halaman web yang dinamis. Karena PHP merupakan server side

scripting maka sintaks dan perintah-perintah PHP akan dieksekusi di server

kemudian hasilnya dikirimkan ke browser dalam format HTML. Dengan

demikian kode program ditulis dalam PHP tidak akan terlihat oleh user sehingga

keamanan halaman web yang dinamis, yaitu halaman web yang dapat membentuk

suatu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data

kedalam halaman web (Rudyanto 2011, h.43).

 26

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C.

Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa

sekumpulan script yang digunakan untuk mengolah data form dari web. Jadi

semula PHP digunakan untuk menghitung jumlah pengunjung di dalam webnya.

Kemudian dikeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi

ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL

yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Selanjutnya

Rasmus merilis kode sumber tersebut untuk umum dan menamakanya PHP/FI,

kependekan dari Hyper Prepocessing/ Form Interpreter. Dengan perilisan kode

sumber ini menjadi open source, maka banyak programmer yang tertarik unuk

ikut mengembangkan PHP. Pada tahun 1996 dikeluarkan PHP versi 2.0 yang

kemampuanya telah dapat mengakses database dan dapat terintergrasi dengan

HTML. Pada rilis ini interpreter PHP sudah diimplementasikan dalam program C.

Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatakan

kemampuan PHP/FI secara signifikan. Pada tahun 1998 tepatnya pada tanggal 6

juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama

kelompok pengembang softwarenya.

PHP versi 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih

lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling

mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh

Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP

scripting engine. Yang lainya adalah build in HTTP session, tidak lagi

menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting
 27

ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web.

Dalam hal ini, aplikasi pada umumnya memberikan hasil pada web browser,

tetapi prosesnya secara keseluruhan dijalankan web server. PHP 4.0 adalah versi

PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai

disebabakan kemampunaya untuk membangun aplikasi web kompleks tetapi tetap

disebabkan kemampuanya untuk membangun aplikasi web kompleks tetapi tetap

memiliki kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP

5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi

ini juga memasukan model pemrograman berorientasi objek ke dalam PHP untuk

menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi

objek.

Kode PHP mempunyai ciri-ciri khusus, yaitu :

1. Hanya dapat dijalankan menggunakan web server misalnya Apache.

2. Kode PHP dapat diletakan dan dijalankan di web server.

3. Kode PHP dapat digunakan untuk mengakses database, seperti: MySQL,

PostgresSQL, Oracle, dan lain-lain.

4. Merupakan software yang bersifat open source.

5. Gratis untuk didownload dan digunakan.

6. Memiliki sistem multiplatform, artinya dapat dijalankan menggunakan sistem

opeasi apapun, seperti Linux,Unix, Windows,dan lain-lain.

 28

Dengan menggunakan PHP, selain memberikan keuntungan seperti pada

beberapa point di atas, juga didukung oleh banyak komunitas. Hali ini membuat

PHP terus berkemang.

PHP termasuk dalam open source product, Sehingga source code PHP dapat

diubah dan didistribubsikan secara bebas. Versi terbaru PHP dapat diunduh secara

gratis melalui situs resmi PHP. Dengan demikian kode program yang ditulis

dalam PHP tidak akan terlihat oleh user sehingga keamanan web lebih terjamin.

2.3.1.3 Definisi CSS (Cascading Style Sheet)

“Menurut Winarno dan Utomo (2010, h. 106), CSS merupakan bahasa

pemrograman web yang digunakan untuk mengatur style-style yang ada di tag-tag

HTML (Prayitno & Safitri 2015, h. 2)”.

“Menurut Sitorus (2012), CSS (Cascading Style Sheet) adalah bahasa style

yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS

memungkinkan kita untuk menampilkan halaman yang sama dengan format yang

berbeda. CSS merupakan aturan untuk mengendalikan beberapa komponen dalam

sebuah web sehingga akan lebih terstruktur dan seragam, namun CSS bukan

merupakan bahasa pemrograman. Pada umumnya CSS dipakai untuk memformat

tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML (Kusuma

& Utami 2017, h. 37)”.

Menurut Bootup (2019, h. 7) CSS(Cascading Style Sheets) adalah bahasa

desain web yang memungkinkan Anda untuk mengatur serta mengontrol tampilan

web Anda yang sebelumnya dibuat dengan bahasa mark up. Seperti kita ketahui
 29

bersama bahwa, dunia IT sudah semakin maju sehingga sebagaian besar anggota

masyarakat sudah bisa mendapatkan akses internet.

Jadi kesimpulan dari CSS ialah salah satu bahasa pemrograman yang

memungkinkan Anda untuk mengatur tampilan website Anda sesuai dengan yang

dikehendaki.

2.3.2 Aplikasi Database

2.3.2.1Definisi PhpMyadmin

PhpMyAdmin adalah aplikasi manajemen database server MySQL berbasis

web. Dengan aplikasi phpMyAdmin kita bisa megelola database sebagai Root

(pemilik server) atau juga sebagai user biasa, kita bisa membuat database baru,

mengelola database dan melakukan operasi perintah-perintah database secara

lengkap seperti saat kita di MySQL Prompt (versi DOS). Selain itu software

phpMyAdmin juga tersedia dalam versi offline atau localhost sehingga akan lebih

efektif dari pada harus memulai membuat database langsung pada web server.

(Bunafi Nugroho. 2013, h.15).

Menurut Edy Winarno, Ali Zaki, dan SmitDev (2014, h.1) php merupakan

bahasa pemrograman yang digunakan untuk membuat website dinamis dan

interaktif. Dinamis artinya website tersebut bisa berubah-ubah tampilan dan

kontennya sesuai kondisi tertentu.

 30

Adapun fitur-fitur yang terdapat pada PhpMyAdmin ialah sebagai berikut :

1. Antarmukan berbasis web disediakan bagi para pengguna PhpMyAdmin.

Support pada MySQL juga terus dilakukan dengan adanya fasilitas otomatis

untuk membuat atau menghapus basisdata dan tabel, edit value pada tabel,

serta insert data juga lebih mudah dilakukan satu persatu atau jamak. Tidak

lupa juga terdapat alert sebagai identifikasi bahwa kegiaan pengolahan

database yang dilakukan sudah benar atau tidak.

2. Impor dan ekspor data. Selain impor eskpor file database dengan ekstensi

khusus (sql)kegiatan impor ekspor juga bisa dilakukan denan eksentsi

CSV,XML, ISO, Spreadsheet, Word, Excel, dan Lateks.

3. Dalam pembuatan database seringkali juga diimplementasikan kedalam

bentuk grafik dan anda dapat menyimpan grafik tersebut dalam format pdf

agar dapat dianalisa lebih lanjut.

4. Pembuatan kompleks query juga bisa dilakukan denan fitur query by example

yang ada dalam software phpMyAdmin.

5. Wujud dari transformasi atau perubahan data dapat disimpan menjadi format

yang menggunakan satu set fungsi, seperti menampilkan blok data. Pencarian

data juga dapat dilakukan secara global atau menyeluruh.

 BAB III

METODE PENELITIAN

Metode penelitian adalah langkah yang dimiliki dan dilakukan oleh peneliti

dalam rangka untuk mengumpulkan informasi atau data serta melakukan

investigasi pada data yang telah didapatkan tersebut. Metode penelitian

memberikan gambaran rancangan penelitian yang meliputi antara lain: prosedur

dan langkah-langkah yang harus ditempuh,waktu penelitian, sumber data, dan

dengan langkah apa data-data tersebut diperoleh dan selanjutnya diolah dan

dianalisis.

3.1 Pendekatan Penelitian

Penelitian ini dilakukan dengan menggunakan metode atau pendekatan

Studi Kasus (Case Research). Metodeataupendekatan ini termasuk dalam

penelitian analisis deskriptif, yaitu penelitian yang dilakukan hanya untuk

membahas suatu masalah tertentu untuk diamati dan dianalisis secara cermat.

Penelitian ini hanya terfokus pada suatu objek penelitian tertentu dan dibatas,

sehingga penelitian ini hanya berlaku terhadap penelitian yang sedang dianalisis.

Pendekatan metodologi deskriptif dimulai dari pengumpulan data-data yang

diperlukan dalam merancang Aplikasi Pemesanan dan Penjualan Barang Online

pada Toko Baju Bayi Bee Bee Mart Berbasis Web serta mengimplementasikan

31
 32

hasil analisis tersebut. Sedangkan pendekatan metodologi action (tindakan)

merupakan proses menindaklanjuti dari hasil analisis atau penelitian pada Toko

Bee Bee Mart pada bagian pemesanan dan penjualan barang online yang

diimplementasikan dalam sebuah rancangan sistem yang baik.

3.2 Karangka Kerja Penelitian

Karangka kerja penelitian mengambarkan tahapan-tahapan atau langkah

kerja dalam proses penelitian guna memecahkan masalah penelitian dari awal

perencanaan hingga tercapainya tujuan penelitian dan pengembangan sistem.

Kerangka kerja yang digunakan pada penelitian ini adalah sebagai berikut :
 33

Mulai Menganalisis

Analisa
 Melakukan Observasi terhadap bisnis proses system yang berjalan
 Mengambil simple data
 Menentukan fungsionalitas dan non fungsionalitas system usulan

Perancangan
 Menggambarkan alur proses system yang diusulkan
 Membuat rancangan user interface system yang akan diusulkan

Implementasi
 Spesifikasi system
 Membuat koding dan tampilan antar muka penggunamenggunakan
bahasa pemograman php dan mySQL

Pengujian
 Pengujian aplikasi yang sudah dibuat menggunakan black box
testing

Akhiri Pengujian

Gambar 3.1 Kerangka Kerja Penelitian

 34

Berikut ini adalah uraian karangka kerja penelitian berdasarkan gambar 3.1:

1. Studi Literatur

Studi Literatur adalah tahapan untuk melakukan pencarian landasan-

landasan teori yang relevan dengan penelitian yang dilakukan. Landasan-

landasan teori tersebut bisa ditemukan pada sumber yang berupa buku,

jurnal nasional, maupun jurnal internasional yang berkaitan dengan judul

penelitian yang sedang dilakukan.

Studi literatur ini bertujuan untuk menguatkan penelitian yang telah

dilakukan serta menjadi dasar teori dalam melakukan penelitian atau stidu

kasus.

2. Identifikasi Masalah

Merupkan salah satu langkah kerja penelitian yang boleh dikatakan paling

penting diantara lainnya, karena akan menentukan kualitas dari penelitian.

Tahap ini dilakukan untuk menentukan dan juga merumuskan masalah-

masalah yang terdapat pada Toko Bee Bee Mart khusunya pada bagian

Pemesanan dan Penjualan.

3. Penyelesaian Masalah

Setelah masalah-masalah telah ditentukan dan dirumuskan, selanjutnya

adalah mencari penyelesaian masalah. Penyelesaian masalah yang peneliti

lakukan adalah membangun sistem baru yaitu “Aplikasi Pemesanan dan

Penjualan Barang Online Pada Toko Baju Bayi Bee Bee Mart Berbasis

Web” yang dirancang dengan tool seperti MySQL untuk database, Data Flow

Diagram untuk modeldata, dan PHP.

 35

4. UJI Coba dan Implementasi

Setelah melakukan penyelesaian masalah dengan merancang

program.Program tersebut harus divalidasi terlebih dahulu oleh validator.

Apakah program tersebut layak atau tidak, apabila program tersebut belum

atau tidak layak maka diharuskan adanya perbaikan terlebih dahulu sebelum

diimplementasikan. Setelah itu jika program tersebut layak, maka langsung

dilakukan uji coba dan setelah uji coba program memang layak, maka

selanjutnya diimplementasikan.

5. Menarik Kesimpulan

Langkah terakhir dalam penelitian ini adalah mengambil kesimpulan. Dalam

mengambil kesimpulan perlu kehati-hatian agar tidak terjerumus kepada

kesimpulan yang terlalu sempit atau terlalu luas,kesimpulan yang terlalu

sempit bisa terjadi apa bila ada ciri-ciri atau sifat atau fakta atau lainnya

yang bersifat penting dalam ruang lingkup penelitian. Kesimpulan yang

terlalu luas bisa terjadi apabila kesimpulan melebihi dari ruang lingkup

penelitian. Suatu hal yang perlu di perhatikan adalah rumusan masalah atau

pertanyaan penelitian, harus tarjawab di dalam kesimpulan hasil penelitian.

6. Pembuatan Laporan

Pembuatan laporan yaitu proses akhir pembuatan karya tulis yang

berhubungan secara struktural atau kedinasan setelah melaksanakan tugas

yang di berikan bertujuan sebagai referensi untuk pembuatan aplikasi

pengolahan data berbasis Web.

 36

3.3 Kebutuhan Sistem

Yaitu pemilihan kebutuhan sitem yang harus diwujudkan dalam

perangkat lunak, yang meliputi kebutuhan input, kebutuhsn proses, kebutuhan

output, kebutuhan antarmuka, kebutuhan perangkat lunak, dan kebutuhan

perangkat keras yang digunakan sebagai berikut:

3.3.1 Kebutuhan Input

1. Data Admin

Merupakan data yang mencakup semua data admin

2. Data Jenis Barang

Merupakan data yang mencangkup semua jenis barang yang ada di Toko Bee

Bee Mart.

3. Data Barang

Merupakan data yang mencakup semua data barang yang ada di Toko Bee

Bee Mart.

4. Data Pelanggan

Merupakan data yang mencakup semua data pelanggan atau custumer yang

ada di Toko Bee Bee Mart.

 37

5. Data Pemesanan

Merupakan data yang mencakup seluruh data pemesanan yang ada di toko Bee

Bee Mart.

3. 3. 2 Kebutuhan Proses

Kebutuhan proses yaitu bentuk proses yang dikerjakan oleh sistem

tersebut untuk menampilkan hasil yang diinginkan dalam pembuatan informasi

kebutuhan proses meliputi :

1. Proses Login

Merupakan tampilan pertama karena diperlukan untuk pengamanan aplikasi

pemesanan dan penjualan barangdan yang hanya bisa di login oleh karyawan

atau staff.

2. Proses Tampilan Menu Utama

Proses ini terdiri dari menu home, data admin, data barang dan pemesanan,

dan data pelanggan.

3. Proses Tampilan pada Menu Data Barang

Yaitu proses untuk menampilkan semua data barang yang ada di Toko Bee Bee

Mart.

4. Proses Tampilan pada Menu Data Pelanggan

Yaitu proses untuk menampilkan semua data pelangganyang sudah login atau

yang sudah melakukan proses pemesanan barang pada toko Bee Bee Mart.
 38

5. Proses Data Pemesanan

Yaitu proses untuk menampilkan semua data pemesanan dari pembelian yang

dilakukan pada toko Bee Bee Mart.

6. Proses Logout

Yaitu proses yang dilakukan apabila selesai dalam penggunaannya.

3.3.3 Kebutuhan Output

Output yang dihasilkan dari sistem informasi perpustakaan tersebut

adalah berupa informasi yang akan ditampilkan antara lain.

1. Laporan Data Barang

Berisi data-data berupa kode barang, nama barang, stok dan hargayang akan

dicetak sebagai laporan untuk atasan yang bertugas dibagian penjualan barang

pada toko Bee Bee Mart.

2. Laporan Data PenjaualanPerpembeli

Berisi data-data berupa transaksi konsumen yang sudah melakukan

pemesanan barang pada toko Bee Bee Mart.

3.2.4 Kebutuhan Antarmuka

Antarmuka yang diinginkan pada aplikasipemesanan dan penjualan

barang online pada toko baju bayi Bee Bee Mart berbasis Web.

1. Aplikasi yang dibangun harus bisa menampilkan dan menyimpan ke database

PhpMyAdmin.
 39

2. Halaman login akan masuk ke halaman utama.

3. Halaman menu utama, didalamnya berisi menu dan sub-sub menu.

4. Sistem ini juga mencakup halaman data dan beranda, data barang ,data

pelanggan dan data pemesanan.

3.3.5 Kebutuhan Perangkat Lunak

Untuk mendukung sistem ini dibutuhan perangkat lunak sebagai berikut:

1. Sistem operasi :Windows 10

2. Mesin server :Wamp server

3. Database :MySQL

4. Editor tekt :sublime 3

5. Serta beberapa perangkat lunak pendukung lainnya.

3.3.6 Kebutuhan Perangkat Keras

Perangkat keras (hardware) yang digunakan dalam pembuatan

aplikasipemesanan dan penjualan barang online pada toko baju bayi Bee Bee Mart

berbasis Web harus disesuaikan dengan besarnya data serta keputusan dalam

mengakses data tersebut meliputi :

Laptop acer N3350, dengan spesifikasi :

 40

- Intel inside

- RAM 2GB

- OS Free DOS

- Printer
 41

BAB IV

PERANCANGAN

4.1 Analisis Perancangan

Analisa Perancangan ini dilakukan oleh peneliti untuk melihat bagaimana

mekanisme kerja sistem yang sedang berjalan di toko Bee Bee Mart Jambi untuk

mendapatkan berbagai masalah apa saja yang dihadapi oleh karyawan toko Bee

Bee Mart Jambi dalam pemesanan dan penjualan barang online yang ada.

Ketelitian sangat dibutuhkan untuk menentukan seperti apa sistem yang dibangun,

apabila menganalisa sistem yang ada dilakukan secara mendetail maka sistem

baru yang akan didesain hasilnya akan lebih optimal.

Setelah tahap ini selesai, maka akan dilakukan analisa kebutuhan

pengguan (user) berdasarkan informasi - informasi mengenai kebutuhan yang

telah diperoleh selama dalam melakukan pengamatan, dan membuat rancangan

dalam pembuatan aplikasi yang dibutuhkan pada tempat penelitian.

Dari sistem secara umum disebut juga desain konseptual atau desain logika

yang bertujuan untuk membuat model sistem yang baru secara logis dan

konseptual.Hasil dari tahap ini adalah suatu bentuk esensial model, yaitu apa yang

harus di lakukan oleh sistem untuk menentukan kebutuhan pemakai dan

menggambarkan bagaimana sistem akan diimplementasikan, hasil dari sistem ini

masih dalam bentuk global. Kemudian perancangan sistem dilanjutkan ke

 42

perancang sistem terperinci atau detail disebut juga dengan perancangan sistem

secara fisik atau desain internal.

4.2 Perancangan Sistem

Dalam melakukan perancangan sistem yang akan dibangun, peneliti

menggunakan data flow diagram untuk melihat alat sistem yang akan dibangun.

Perancangan sistem selanjutnya adalah merancang database yang akan digunakan.

Disertai dengan perancangan antarmuka sistem untuk mengelola data pemesanan

dan penjualan barang online pada toko baju bayi Bee Bee Mart. Hasil

perancangan program harus sesuai dengan perancangan metode dalam

perancangan yaitu antara lain :

4.2.1 Data Flow Diagram (DFD)

Data Flow Diagram merupakan suatu cara untuk menggambarkan

aplikasi secara logika, tentang bagaimana aplikasi tersebut berjalan dari satu

bagian ke bagian lainnya, dengan menggunakan simbol – simbol dan anak panah

sebagai penghubung yang menyatakan arus data dari aplikasi tersebut.

a. Diagram Konteks

Diagram konteks menggambarkan atau menjelaskan alur data dari sistem

yang akan dibangun secara umum atau keseluruhan. Adapun bentuk konteks

diagram pada Aplikasi Pemesanan dan Penjualan Barang Online pada Toko Baju

Bee Bee Mart adalah sebagai berikut:

 43

Data Barang
Data Jenis Barang,
Data Pelanggan
DataBarang, Data Pemesanan
DataPelanggan Data Berita
Data Pemesanan Data user management

a Pelanggan b Admin

DataBarang, Data Barang

Data Pelanggan Data Jenis Barang,
Data Pemesanan Data Pelanggan
Data Pemesanan
Data Berita
Data user management

Aplikasi Pemesanan
dan Penjualan Pada
Toko Bee Bee Mart

Laporan Data Barang

Laporan data Pemesanan Barang

Verifikasi

c Pimpinan

Gambar 4.1 Diagram Konteks

Penjelasan:

Pada diagram konteks di atas tampak hanya ada satu proses tunggal yang

menggambarkan keseluruhan sistem yang dimodelkan. Proses tersebut diberi

notasi angka 0 untuk menunjukkan bahwa ini adalah level paling abstrak/umum
 44

dari sistem. Terdapat 2 kesatuan luar (external entity) pada diagram konteks ini,

yaitu Administrator, dan Pimpinan. Kedua entity ini dapat berperan sebagai

sumber data maupun penerima data/informasi. Selain itu terdapat 3 data flow

pada diagram konteks di atas, yang terdiri dari 1 data flow yang masuk ke proses

(input data) dan 2 data flow yang keluar dari proses (output data). Masing-masing

data flow diberi label yang menunjukkan data apa saja yang sedang mengalir.

b. Overview Diagram (Level 0)

Diagram ini juga disebut dengan Diagram level 0 yang menggambarkan

proses dari suatu aplikasi pada setiap bagian aplikasi secara umum dan merupakan

turunan dari top level. DFD Level 0 menggambarkan proses-proses, data flow dan

media penyimpanan (storage) utama di dalam sistem. DFD Level 0 ini akan

digunakan sebagai dasar untuk membangun DFD level selanjutnya. Tampilan

Overview Diagram seperti gambar dibawah ini :

 45

1. 0

Data Admin
Data Admin
Olah Data Administrator D1 Data Admin
Data Admin
Backup Daata
Admin
Data Jenis
Barang
Aa Data Jenis
D2
Admin Barang
Data Jenis Barang

Data Barang
D3 Data Barang

Data Barang

2.0 Data
Data RKAP
Pelanggan
D4 Data
DataRKAP
Pelanggan
Backup Data
Permintaan Data RKAP
Pemesanan Olah Data Permintaan Data Pelanggan
Olah Data
Barang PDAM Tirta Data
Data Permintaan
Pemesanan
Pemesanan D5 Data
Data Pemesanan
Mayang Permintaan
Produk Bee
Data
Data Permintaan
Pemesanan
Bee Mart
Data Jenis Barang, DataBarang
DataJenisw Barang,
Data RKAP, Data Berita
Data Data Permintaan,
Barang Data Realisasi
Data Data
Data Berita
Data Realisasi,Pelanggan
Data D6
Realisasi
DataDepartemen
Pemesanan
Data
DataRealisasi
Berita
Data Berita
Data User Management DataData
Departemen
User
Data
D7 Data User
Departemen
DataData
Departemen
User

Data brang
Data Barang
- Data Barang
Data 3. 0 Data Berita
- Data RKAP
Pelanggan Data Realisasi
- Darta Data
Permintaan
- DataPemesanan
Realisasi DataPermintaan
Data Pemesanan
B b Data Berita
Pembuatan Laporan DataPelanggan
Data RKAP
Pemimpin

Gambar 4.2Diagram Level 0

 46

Penjelasan :

Pada Diagram level 0 ini admin dapat mengelola data barang, pelanggan, dan

pemesanan yang dapat mengakses data yang dibutuhkan dengan menginput data.

Dari uraian diatas, DFD level 0 untuk (Olah data) dapat digambarkan seperti

gambar 4.2.

c. Overview Diagram (Level 1)

Diagram ini adalah penguraian dari diagram level 0. Pada diagram level 1

proses 1, terdapat beberapa proses yang belum selesai penguraian prosesnya.

Berikut rancangan diagramnya :

1.1P

Data Admin Data Admin

A
Olah Data Admin D1 Data Admin
Admin
Data Admin

1.2P

Data User
Data User
Olah Data User
Data User

Gambar 4.3 DiagramLevel 1 Proses 1

Penjelasan :

Proses ini hanya bisa dilakukan oleh admin. Admin dapat mengolah data user

yang dapat mengakses halaman administrator.Dari uraian diatas, DFD level 1

untuk proses 1 (Olah data) dapat digambarkan seperti gambar 4.3.

 47

d. Proses Pengolahan Data Master Diagram (Level 1)

Pada proses ini, admin dapat mengolah data Jenis Barang, Barang, Pelanggan,

Pemesanan, Beritadan User. Admin bisa menambah, mengedit dan menghapus

data yang terdapat pada halaman admin.Dari uraian diatas, DFD level 1 untuk

proses 2 (Olah data) dapat digambarkan seperti gambar 4.4.

2.1P
Data Jenis Barang Data Jenis Barang Data Jenis
Olah Data Jenis
D2 Barang
Barang
Data Jenis Barang

2.2P
Data Barang
Data Barang D3 Data Barang
Olah Data Barang Data Barang

2.3P
DataPelanggan DataPelanggan
Data RKAP Data RKAP
D4 Data RKAP
OlahOlah
DataData
RKAP D4 DataPelanggan
Pelangga Data RKAP
DataPelanggan
n

a
A
Admin
2.4P
Data Pemesanan
Data Permintaan
Olah Data
Olah Data
Permintaan D5
D5 Data
Data Pemesanan
Permintaan
Data Permintaan Pemesan Data Permintaan
Data Pemesanan Data Pemesanan
an

2.5P Data Berita

Data Berita
Data Realisasi Data Realisasi
D6 Data
Olah Olah
Data Data
Realisasi Data Berita
Realisasi
Data Realisasi
Berita Data Berita

2.6P
Data User Data User
Data Departemen Data Departemen
Olah Data Data
D7 Data User
Olah Data
Departemen Departemen
Data Departemen
User Data User

Gambar 4.4 DiagramLevel 1 Proses 2

Penjelasan :

Pada proses ini, admin dapat mengolah data Jenis Barang, Barang, Pelanggan,

Pemesanan, Berita, dan User.Admin bisa menambah, mengedit dan menghapus

data yang terdapat pada halaman admin. Dari uraian diatas, DFD level 1 untuk

proses 2 (Olah data) dapat digambarkan seperti gambar 4.4.

 48

e. Proses Pengolahan LaporanDiagram (Level 1)

Pada proses ini, laporan Barang, Pelanggan, Pemesanan Barang dan Berita

yang akan diberikan kepada pimpinan.Dari uraian diatas, DFD level 1 untuk proses

3 dapat digambarkan seperti gambar 4.5.

Gambar 4.5DiagramLevel 1 Proses 3

Penjelasan:

Pada proses ini, laporan Barang, Pelanggan, Pemesanan Barang dan User akan

diberikan kepada pimpinan.

Dari uraian diatas, DFD level 1 untuk proses 3 dapat digambarkan seperti gambar

4.5.
 49

4.2.2 Perancangan Tabel

Basis data merupakan himpunan kelompok data yang saling terhubung

yang diorganisasikan sedemikian rupa tanpa pengulangan yang tidak perlu agar

kelak dapat dimanfaatkan kembali dengan cepat dan mudah untuk memenuhi

berbagai kebutuhan titik perancangan basis data disebut juga sebagai pemetaan

model data. Perancangan tabel Aplikasi Pemesanan dan Penjualan Barang Online

Toko Baju Bayi Bee Bee Mart Jambi menggunakan PhpMyadminterdiri dari

Tabel User, Tabel Jenis Barang, Tabel Barang, Tabel Pelanggan, Tabel

Pemesanan, Tabel Berita, dan Tabel Statis.Bisa dilihat seperti dibawah ini :

4.2.2.1 Tabel User

Tabel Usermerupakan sebuah tabel yang berisi data admin dan user yang

dapat mengakses halaman administrator. Tabel ini di peruntukkan bagi seorang

pengguna yang dapat dipercaya dan sudah di tunjuk untuk menjaga keamanan

data – data yang ada di dalam database.

Tabel 4.1User

No Nama Field Tipe Data Ukuran Keterangan

1 id_user* Int 8 Primary Key

2 Nama Varchar 50 Nama User

3 Email Varchar 50 Email Admin

4 Username Varchar 20 Username Admin

5 password Varchar 10 Password Admin

6 akses_level Varchar 20 Akses level Admin

 50

7 foto Varchar 50 Foto Admin

8 keterangan Text Keterangan

9 aktif Int 1 Keterangan Admin yang

sedang aktif

4.2.2.2 Tabel Jenis Barang

Tabel Jenis Barang merupakan tabel yang berisi dataJenisBarang yang biasa

di pinta oleh owner Toko Bee Bee Mart.

Tabel 4.2Jenis Barang

No Nama Field Tipe Ukuran Keterangan

Data

1 id_jenis_barang* Int 11 Primary Key

2 Kode_jenis Int 11 Kode jenis barang

3 Nama_jenis Varchar 30 Nama jenis Barang

4 Deskripsi Text Penjelasan atau ketererangan

barang

5 Tanggal Date - Tanggal barang di upload

 51

4.2.2.3 Tabel Barang

Tabel barang merupakan tabel yang berisi data barang yang biasa di pinta

oleh pimpinan atau owner Toko Bee Bee Mart.

Tabel 4.3 Barang

No Nama Field Tipe Ukuran Keterangan

Data

1 id_barang* Varchar 11 Primary Key

2 id_jenis_barang** Int 11 Foreign Key

3 nama_barang Varchar 50 Nama Barang

4 Harga_satuan Varchar 12 Harga satuan barang

5 Foto_barang Varchar 255 Foto barang

6 Tanggal Date - Tanggal barang di upload

7 Stok Int 11 Jumlah Keseluruhan Barang

4.2.2.4 Tabel Pelanggan

Tabel Pelanggan merupakan tabel yang berisi data pelanggan yang telah

mengisi registrasi pada web toko Bee Bee Mart.

Tabel 4.4Pelanggan

No Nama Field Tipe Ukuran Keterangan

Data

1 id_pelanggan* Int 11 Primary Key

2 Nama_pelanggan Varchar 35 Nama pelanggan

3 Alamat Varchar 35 Alamat Pelanggan

 52

4 No_hp Int 11 Nomor telepon pelanggan

5 Email Varchar 50 Email Palanggan

6 Username Varchar 50 Username atau nama

pelanggan

7 Password Int 11 Password pelanggan ketika

ingin login

4.2.2.5 Tabel Pemesanan

Tabel pemesanan merupakan tabel yang berisi data pemesanan dan penjualan

toko Bee Bee Mart.

Tabel 4.5Pemesanan

No Nama Field Tipe Data Ukuran Keterangan

1 id_pemesanan* Int 11 PrimaryKey

2 Id_pelanggan** Int 11 Foreign Key

3 Id_produk Int 11 Id produk

4 No_nota Varchar 11 Nota dari pemesanan

pelanggan

5 Tanggal_pesan timestamp - Tanggal pemesanan barang

6 Tanggal_selesai date - Tanggal pemesanan

dilakukan

7 Jumlah Int 12 Jumlah barang yang dipesan

8 Harga Int 11 Harga Barang

9 Total_harga Int 11 Total harga barang yang

 53

dipesan

10 Uang_muka Int 11 Dp barang yang dibayar

11 Sisa_pembayaran Int 11 Sisa pembayaran yang telah

dibayar pelanggan

12 Status_pembayaran Varchar 205 Sudah atau belum lunasnya

pembayaran

13 Upload_bukti Varchar 205 Bukti pembayaran telah

dilakukan

4.2.2.6 Tabel Berita

Tabel Berita merupakan tabel yang berisi data Berita toko dimana caption

yang menarik pelanggan untuk membeli barang pada toko Bee Bee Mart.

Tabel 4.6Berita

No Nama Field Tipe Data Ukuran Keterangan

1 id_berita* Int 11 Primary Key

2 Id_user** Int 11 Foreign Key

3 Slug Berita Varchar 255 Caption yang muncul

sebagai penarik

pelanggan

4 Judul_berita Varchar 255 Judul dari Berita

5 Isi Varchar 255 Isi Berita

6 gambar Varchar 255 Gambar berita

7 Status_berita Enum - Status Berita

 54

(publis

draft)

8 Jenis_berita Enum - Jenis berita

(berita

slider)

9 Tanggal date - Tanggal dibuat atau diubah

4.2.2.7 Tabel Statis Setting

Tabel Statis merupakan tabel yang berisi tentang atribut atribut yang

memudahkan pembeli dalam proses pemesanan.

Tabel 4.7 Statis Setting

No Nama Field Tipe Data Ukuran Keterangan

1 id_statis* Int 11 Primary Key

2 judul Varchar 15 Judul

3 deskripsi text - Pendeskripsian judul

4.2.3 Relasi Antar Tabel

Adapun relasi antar tabel yang terdapat dalam Aplikasi Pemsanan dan

Penjualan Barang Online Pada Toko Baju Bayi Bee bee Mart yang dibangun

dapat dilihat pada gambar 4.6 berikut ini

 55

Gambar 4.6 Relasi Antar Tabel

Keterangan :

* : Primary Key (Kunci Utama)

** : Foreign Key (Kunci Tamu)

: Relasi One to Many Relationship

: Relasi One to One Relationship

 56

4.2.4 Hak Akses User

Hak Akses user adalah segala tindakan yang bisa dilakukan oleh masing-

masing user sesuai hak aksesnya, seperti terlihat seperti pada Tabel 4.8.

Tabel 4.8Tabel Hak Akses User

Tindakan Admin Pimpinan

1. Login  

2. Melihat Halaman Dasbor  

3. Mengolah Data Master  

4. Mengolah Data Jenis Produk  

(Mengubah, Menghapus,

Menambah)

5. Mengolah Data Barang  

(Mengubah, Menghapus,

Menambah)

6. Mengolah Data Pelanggan  

7. Memproses Data Pemesanan  

8. Membuat laporan  

9. Melihat Informasi Permesanan  

10. Menambahkan Admin dan  

Kaywawan
 57

4.2.5 Perancangan Antarmuka

4.2.5.1 Rancangan Halaman Login

Menu login berisi inputan username dan password dari admin, ketika

tombol login di klik, maka username dan password akan diperiksa di database,

sehingga admin dapat mengakses halaman menu utama administrator.

Rancangan login ini nantinya berfungsi form login untuk admin website.

Bee Bee-Mart BERANDA PRODUK CARA PEMESANAN ARTIKEL FAQ KONTAK LOGIN

SILAHKAN LOGIN

Silahkan Login dengan akun yang sudah di registrasi sebelumnya

Silahkan Login
Register

Username
Silahkan Register terlebih dahulu jika belum memiliki akun
Password

Sign In Register Now

Gambar 4.7 Rancangan Halaman Login

4.2.5.2 Rancangan Halaman Utama atau Dashboard

Rancangan halamanutama atau dashboard adalah halaman yang

tampilpertama kali saat memasuki website pemesanan dan penjualan toko Bee

Bee Mart. Halaman ini berisi tentang produk-produk yang dijual. Adapun

rancangan halaman Utama dapat dilihat pada gambar 4.8 berikut :

 58

Bee Bee-Mart BERANDA PRODUK CARA PEMESANAN ARTIKEL FAQ KONTAK LOGIN

Wallpaper

Artikel

SELAMAT DATANG DI WEBSITE PENJUALAN BAJU BEE BEE MART JAMBI

Gambar 4.8 Rancangan Halaman Utama

4.2.5.3 Rancangan Halaman Barang atau Produk

Rancangan halaman barang adalah halaman yang akan menampilkan data-

data produk yang sudah di upload ke aplikasi pemesanan dan penjualan barang

toko Bee Bee Martsebagai acuan untuk memudahkan pelanggan. Adapun

rancangan halaman barang dapat dilihat pada gambar 4.9 berikut :

Bee Bee-Mart BERANDA PRODUK CARA PEMESANAN ARTIKEL FAQ KONTAK LOGIN

Semua Produk Pilih berdasarkan Jenis untuk memudahkan

Jenis Produk ALL

PROD
UK
--Pilih Jenis Produk--

Gambar Gambar
Cari Produk
Produk Produk

Gambar 4.9 Rancangan Halaman Barang

 59

4.2.5.4 Rancangan Halaman Cara Pemesanan

Rancangan halaman cara pemesanan adalah menu yang berisi intruksi

untuk memesan barang yang akan dibelipelanggan. Adapun rancangan halaman

cara pemesanan dapat dilihat pada gambar 4.10 berikut :

Bee Bee-Mart BERANDA PRODUK CARA PEMESANAN ARTIKEL FAQ KONTAK LOGIN

Cara Pemesanan

Berikut Cara Pemesanan Produk

Intruksi

Gambar 4.10 Rancangan Halaman Cara Pemesanan

4.2.5.5 Rancangan Halaman Artikel

Rancangan halaman artikel adalah menu yang berisi artikel atau beirta-

beirta yang menyangkut dengan toko Bee Bee Mart yamg berguna untuk menarik

pelanggan. Adapun rancangan halaman artikel dapat dilihat pada gambar 4.11

berikut :
 60

BeeBee-Mart BERANDA PRODUK CARA PEMESANAN ARTIKEL FAQ KONTAK LOGIN

Artikel

Wallpaper
Judul Artikel

Wallpaper
Judul Artikel

Gambar 4.11Rancangan Halaman Artikel

4.2.5.6 Rancangan Halaman FAQ

Rancangan halaman FAQ adalah menu yang berisi pertanyaan-pertanyaan

yang sering diyanyakan oleh pelanggan. Adapun rancangan halaman cara FAQ

dapat dilihat pada gambar 4.12berikut :

Bee Bee-Mart BERANDA PRODUK CARA PEMESANAN ARTIKEL FAQ KONTAK LOGIN

FAQ

Pertanyaan yang sering ditanyakan akan kami jawab di

FAQ
Pertanyaan dan Jawaban

Gambar 4.12 Rancangan Halaman FAQ

 61

4.2.5.7 Rancangan Halaman Kontak

Rancangan halaman kontak adalah menu yang berisi nomor kontak admin

atau toko. Adapun rancangan halaman cara kontak dapat dilihat pada gambar

4.13berikut :

Bee Bee-Mart BERANDA PRODUK CARA PEMESANAN ARTIKEL FAQ KONTAK LOGIN

Call Us Address

No.Telepon Alamat

Connect
Business Hours
Facebook

Twitter

Alamat Contact Us

Gambar 4.13 Rancangan Halaman Kontak

4.2.5.8 Rancangan Halaman Login Admin

Rancangan login ini nantinya berfungsi form login untuk admin

website,menu login berisi inputan username dan password dari admin, ketika

tombol login di klik, maka username dan password akan diperiksa di database,

sehingga admin dapat mengakses halaman menu utama administrator. Adapun

rancangan halaman cara kontak dapat dilihat pada gambar 4.14 berikut :
 62

Sistem Penjualan Toko Baju Bayi Bee Bee mart

Sign In

Silahkan Masukan Username dan Password dengan Benar

Username

Enter Your Username

Password

Enter Your Username

Login

Gambar 4.14 Rancangan Login Admin

4.2.5.9 Rancangan Halaman Dashboard

Rancangan halaman dashboar dadalah halaman yang tampilpertama kali

saat memasuki halaman admin toko Bee Bee Mart. Halaman ini berisi tentang hak

akses admin dimana admin dapat mengelola seluruh data. Adapun rancangan

halamandashboard admindapat dilihat pada gambar 4.15 berikut :

 63

Admin
Selamat Datang di Dashboard Home <
Navigation

Data Data Produk Data Data

User/Admin Pemesanan Pelanggan
Dashboard

Data Master

Data Pelanggan
Data Pemesanan
Data Berita
Statis Setting
User/Admin
Log Out

Gambar 4.15 RancanganHalaman Dashboard

4.2.5.10 Rancangan Halaman Form Data Jenis Barang

Rancangan form data jenis barang adalah menu untuk menginputatau

menambahkan data jenis barang yang akan diupdate. Adapun rancangan form data

jenis barang dapat dilihat pada gambar 4.16 berikut :

 64

Search

Admin
Data Jenis Produk Home <

Navigation

Tambah Data Baru

Dashboard
Nama Jenis Produk
Data Master
Nama
Data Jenis Produk
Data Produk Kode Jenis Produk
Kode Jenis
Data Pelanggan

Data Pemesanan
Keterangan
KeteranganLain
DataBerita
Statis Setting
Simpan Data Reset
User/Admin
Log Out
Close

Gambar 4.16 Rancangan Halaman Form Data Jenis Barang

4.2.5.11 Rancangan Halaman Form Data Barang

Rancangan form data barang adalah menu untuk menginputatau

menambahkan data barang yang akan diupdate. Adapun rancangan form data

barang dapat dilihat pada gambar 4.17 berikut :

 65

Search

Admin
Tambah Produk Home <

Navigation
Nama Produk

Nama Produk
Dashboard
Data Master Ukuran/Size
Ukuran/Size
Data Jenis Produk
Data Produk Foto
No File Choosen
Data Pelanggan Choose File

Data Pemesanan Harga

DataBerita
Harga
Statis Setting

User/Admin Stok

Log Out Jenis Produk

Simpan Data Reset

Gambar 4.17Rancangan Halaman Form Data Barang

4.2.5.12 Rancangan Halaman Form Data Pelanggan

Rancangan form data pelanggan adalah menu untuk menginput atau

menambahkan data pelanggan yang akan diupdate. Adapun rancangan form data

pelanggan dapat dilihat pada gambar 4.18 berikut :

 66

Search

Admin
Tambah Data Pelanggan Home <

Navigation
Nama Lengkap

Nama Lengkap
Dashboard
Data Master Alamat
Alamat
Data Jenis Produk
Data Produk No, HP
No Telp
Data Pelanggan

Data Pemesanan Email

DataBerita Email
Statis Setting Username
User/Admin
Username
Log Out
Password
Password

Simpan Data Reset

Gambar 4.18Rancangan Halaman Form Data Pelanggan

4.2.5.13 Rancangan Halaman Form Data Pemesanan

Rancangan form data pemesanan adalah menu untuk menginput atau

menambahkan data pemesanan yang akan diupdate. Adapun rancangan form data

pelanggan dapat dilihat pada gambar 4.19 berikut :

 67

Search

Admin
Tambah Pmesanan Home <

Navigation
No Nota

NT0003
Dashboard
Data Master Nama Pelanggan
Nama Pelanggan
Data Jenis Produk
Data Produk Nama Produk
--Pilih Produk--
Data Pelanggan
Harga
Data Pemesanan
DataBerita Harga

Statis Setting
Jumlah
User/Admin Jumlah
Log Out Total Harga
Total Harga

Uang Muka

Uang Muka

Sisa Pembayaran

Status Pembayaran
Status Pembayaran

Simpan Data Reset

Gambar 4.19Rancangan Halaman Form Data Pemesanan

4.2.5.14 Rancangan Halaman Form Data Berita

Rancangan form data berita adalah menu untuk menginput atau

menambahkan data berita yang akan diupdate. Adapun rancangan form data berita

dapat dilihat pada gambar 4.20 berikut :

 68

Search

Admin
Tambah Berita Home <

Navigation
Judul Berita

Judul Berita
Dashboard
Data Master StatusBerita
Publikasi
Data Jenis Produk
Data Produk Judul Berita
Berita
Data Pelanggan
UploadGambar
Data Pemesanan
DataBerita ChooseNo File Chosen
File
Statis Setting
Isi
User/Admin
Total Harga
Log Out

Simpan Cancel

Gambar 4.20Rancangan Halaman Form Data Berita

4.2.5.15 Rancangan Halaman Form Data Statis Setting

Rancangan form data statis setting adalah menu untuk menginput atau

menambahkan data statis setting yang akan diupdate. Adapun rancangan form

data statis setting dapat dilihat pada gambar 4.21 berikut :

 69

Search

Admin
Tambah Data Statis Home <

Navigation
Judul

Judul
Dashboard
Data Master Isi
Total Harga
Data Jenis Produk
Data Produk
Data Pelanggan

Data Pemesanan
DataBerita
Simpan Cancel
Statis Setting

User/Admin
Log Out

Gambar 4.21Rancangan Halaman Form Data Statis Setting

4.2.5.16 Rancangan Halaman Form Data User

Rancangan form data user adalah menu untuk menginput atau

menambahkan data user yang akan diupdate. Adapun rancangan form data

userdapat dilihat pada gambar 4.22 berikut :

 70

Search

Admin
Tambah user Home <

Navigation
Nama

Nama
Dashboard
Data Master Email
Email
Data Jenis Produk
Data Produk Username
Username
Data Pelanggan
Password
Data Pemesanan
DataBerita Password

Statis Setting
Level Hak Akses
User/Admin Admin
Log Out Keterangan
Keterangan

Simpan Data Reset

Gambar 4.22Rancangan Halaman Form Data User

4.2.5.17 Rancangan Halaman Data Jenis Barang

Rancangan data jenis barang adalah menu pengolahan data jenis barang

yang akan diolah oleh admin. Adapun rancangan data jenis barang dapat dilihat

pada gambar 4.23 berikut :

 71

Search

Admin
Data Jenis Produk Home <

Navigation

Tambah
Dashboard
10 Search :
Data Master

Data Jenis Produk No. kode jenis Nama Ket Action

Data Produk 1.
Mwmb
Data Pelanggan 2. wer

Data Pemesanan
Previous 1 Next
DataBerita
Statis Setting

User/Admin
Log Out

Gambar 4.23Rancangan Halaman Data Jenis Barang

4.2.5.18 Rancangan Halaman Data Barang

Rancangan data barang adalah menu pengolahan data barang yang akan

diolah oleh admin. Adapun rancangan databarang dapat dilihat pada gambar 4.24

berikut :
 72

Search

Admin
Data Produk Home <
Navigation

Tambah Cetak Laporan

Dashboard
10 Search :
Data Master

Data Jenis Produk No. foto Nama Harga Jenis Ket Act
i
Data Produk 1.
o
Data Pelanggan 2. n

Data Pemesanan Previous 1 Next

Statis Setting
User/Admin
Log Out

Gambar 4.24Rancangan Halaman Data Barang

4.2.5.19 Rancangan HalamanData Pelanggan

Rancangan Data Pelanggan adalah menu pengolahan data Pelanggan yang

akan diolah oleh admin. Adapun rancangan data kategori dapat dilihat pada

gambar 4.25 berikut :

 73

Search

Admin
Data Pelanggan Home <
Navigation

Dashboard Tambah
Data Master
10 Search :
Data Pelanggan
No. Nama Alamat No hp Email Action
Data Pemesanan
1.
Data Berita
2.
Statis Setting

User/Admin Previous 1 Next

Log Out

Gambar 4.25Rancangan Halaman DataPelanggan

4.2.5.20Rancangan Halaman Data Pemesanan

Rancangan Data Pemesanan adalah menu pengolahan data pemesanan

barang yang akan diolah oleh admin. Adapun rancangan Data Pemesanan Barang

dapat dilihat pada gambar 4.26berikut :

Gambar
Search
Admin
Data Pemesanan Home <

Navigation
Tambah
Cetak Laporan
Dashboard
10 Search :
Data Master

Data Pelanggan No. Nama Produk Ttl Harga

1. Uang Muka Action

Data Pemesanan

Data Berita 2.

Statis Setting Previous 1 Next

User/Admin
Log Out

Gambar 4.26Rancangan Halaman Data Pemesanan

 74

4.2.5.21Rancangan Halaman Data Berita

Rancangan Data Berita adalah menu pengolahan data Berita yang akan

diolah oleh admin. Adapun rancangan Data Berita dapat dilihat pada gambar 4.27

berikut :

Search

Admin
Data Berita
Home <
Navigation

Tambah
Dashboard
10 Search :
Data Master

Data Pelanggan No. Gambar Judul Berita Jenis Berita Action

Data Pemesanan 1.

Data Berita 2.
Data Pemesann
Statis Setting Previous 1 Next
User/Admin
Log Out

Gambar 4.27Rancangan Halaman Data Berita

4.2.5.22Rancangan Halaman Data Statis Setting

Rancangan DataStatis Setting adalah menu pengolahan data cara

pemesanan dan FAQ pada website Bee Bee Mart yang akan diolah oleh admin.

Adapun rancangan Data Statis Setting dapat dilihat pada gambar 4.28 berikut :
 75

Search

Admin
Data Statis Home <
Navigation

Tambah
Dashboard
10 Search :
Data Master

Data Pelanggan No. Judul Deskripsi Action

Data Pemesanan 1.

Data Berita 2.

Statis Setting Previous 1 Next

User/Admin
Log Out

Gambar 4.28Rancangan Halaman Data Statis Setting

4.2.5.23Rancangan Halaman Data User

Rancangan Data User adalah menu pengolahan data User yang akan

diolah oleh admin. Adapun rancangan Data User dapat dilihat pada gambar 4.29

berikut :

Search

Admin
Data user
Navigation
Home <

Dashboard

Data Master Tambah

Data Pelanggan 10 Search :

Data Pemesanan
No. Nama Email Username Ket Action
Data Berita
1.
User/Admin
2. M
Statis Setting
w
Log Out mb Previous 1 Next
we
Gambar 4.29Rancangan
r Halaman Data User
 76

4.2.5.24 Rancangan Halaman Laporan Barang

Rancangan LaporanBarangadalah rancangan output dari seluruh

penginputan data barang pada toko Bee bee Mart. Adapun rancangan Laporan

Barang dapat dilihat pada gambar 4.30 berikut :

Laporan
LOGO Toko Baju Bayi Bee Bee Mart
BBM Kota Jambi

Laporan Produk Toko Baju Bee Bee Mart

No Nama Ukuran/Size Harga Jenis Ket Tanggal

Lain

Gambar 4.26 Rancangan Laporan Penempatan

Jambi, hh-mm-yyyy
Pimpinan

__________________
_

Gambar 4.30RancanganHalaman LaporanBarang

 77

4.2.5.25 Rancangan Halaman Laporan Penjualan Perpembeli

Rancangan Laporan Penjualan Perpembeliadalah rancangan output dari

seluruh penginputan data Pemesananbarang. Adapun rancangan Laporan

Pemesanandapat dilihat pada gambar 4.31 berikut :

LOGO Laporan
Toko Baju Bayi Bee Bee Mart
BBM
Kota Jambi

Laporan Penjualan Produk Toko Baju Bee Bee Mart

No NoNota Tanggal Nama Produk Uang Total

Pemesanan Pelanggan Muka Harga

Jambi, hh-mm-yyyy
Mengetahui Pimpinan

Gambar 4.17Rancangan Laporan Permintaan

__________________
_
4.2.5.26 Rancangan Laporan Realisasi

Rancangan Laporan Realisasiadalah rancangan output dari seluruh

penginputan data realisasipermintaan. Adapun rancangan Laporan

Realisasidapat dilihat pada gamb

Gambar 4.31 RancanganHalaman Laporan Penjualan Perpembeli

 BAB V

IMPLEMENTASI DAN PEMBAHASAN

5.1 Batasan Implementasi

Pada bab ini di jelaskan tentang implementasi perangkat lunak yang

dirancang dengan menggunakan bahasa pemograman php dan database

menggunakan MySQL, program yang telah dirancang adalah mengenai “Aplikasi

Penjualan dan Pemesanan Barang Online pada Toko Baju Bayi Bee Bee Mart

Berbasis Web”.

Program ini dapat digunakan oleh karyawan atau staff yang terdiri dari

halaman admin, login, halaman utama atau dashboard, data master yang terdiri

dari data jenis produk dan data produk , informasi pembeli atau perlanggan,

Informasi data pemesanan, laporan yaitu cetak laporan , serta user management.

5.2 Implementasi

Berikut adalah implementasi dari Aplikasi Penjualan dan Pemesanan

Barang Online pada Toko Baju Bayi Bee Bee Mart Berbasis Web. Diharapkan

dapat sesuai dengan yang dikehendaki, hasil dari rancangan tersebut adalah

sebagai berikut :

78
 79

5.2.1 Tampilan Halaman Login

Halaman ini adalah halaman yang digunakan oleh custumer untuk login

sebelum memesan barang, namun jika sebelumnya belum pernah login bisa

registrasi terlebih dahulu.

Gambar 5.1 Tampilan Halaman Login

5.2.2 Tampilan Halaman Utama atau Dashboard

Halaman ini adalah halaman yang pertama kali dikujungi oleh pelanggan

saat pertama kali mengakses web toko Bee Bee Mart .

Gambar 5.2 Tampilan Dashboard

 80

5.2.3 Tampilan Halaman Barang

Halaman ini adalah halaman yang berisi tentang produk yang dijual oleh

toko Bee Bee Mart.

Gambar 5.3 Tampilan Halaman Barang

5.2.4 Tampilan Halaman Cara Pemesanan

Halaman ini adalah halaman yang digunakan oleh custumer untuk melihat

informasi cara pemesanan agar mempermudah dalam pemesanan produk yang

diinginkan.

Gambar 5.4 Tampilan Halaman Cara Pemesanan

 81

5.2.5 Tampilan Halaman Artikel

Halaman ini adalah halaman yang digunakan oleh custumer untuk melihat

informasi lebih dalam dari toko Bee Bee Mart.

Gambar 5.5 Tampilan Halaman Artikel

5.2.6 Tampilan Halaman FAQ

Halaman ini adalah halaman yang digunakan oleh custumer untuk

menjawab pertanyaan-pertanyaan yang belum dipahami oleh custumer.

Gambar 5.6 Tampilan Halaman FAQ

 82

5.2.7 Tampilan Halaman Kontak

Halaman ini adalah halaman yang berisi kontak admin Bee Bee Mart..

Gambar 5.7 Tampilan Halaman kontak

5.2.8 Tampilan Halaman Login Admin

Halaman ini adalah halaman yang pertama dikujungi admin sebelum dapat

masuk ke halaman Utama.

Gambar 5.8 Tampilan Halaman Login Admin

 83

5.2.9 Tampilan Halaman Dashboard

Halaman ini adalah halaman yang pertama kali dikujungi oleh karyawan

saat pertama kali mengakses halaman admin toko Bee Bee Mart .

Gambar 5.9 Tampilan Halaman Dashboard

5.2.10 Tampilan Halaman Form Data Jenis Barang

Halaman ini adalah halaman yang digunakan admin untuk melihat,

menginput data jenis barang atau produk, pada halaman ini admin dapat

menambah, edit dan hapus data jenis barang.

Gambar 5.10 Tampilan Halaman Form Data Jenis Barang

 84

5.2.11 Tampilan Halaman Form Data Barang

Halaman ini adalah halaman yang digunakan admin untuk melihat,

menginput data barang atau produk, pada halaman ini admin dapat menambah,

edit dan hapus data barang.

Gambar 5.11 Tampilan Halaman Form Data Barang

5.2.12 Tampilan Halaman Form Data Pelanggan

Halaman ini adalah halaman yang digunakan admin untuk melihat,

menginput data pelanggan, pada halaman ini admin dapat menambah, edit dan

hapus data pelanggan.

 85

Gambar 5.12 Tampilan Halaman Form Data Pelanggan

5.2.13 Tampilan Halaman Form Data Pemesanan

Halaman ini adalah halaman yang digunakan admin untuk melihat

menginput data pemesanan, pada halaman ini admin dapat menambah, edit dan

hapus data pemesanan.

Gambar 5.13 Tampilan Halaman Form Data Pemesanan

 86

5.2.14 Tampilan Halaman Form Data Berita

Halaman ini adalah halaman yang digunakan admin untuk melihat

menginput data atau caption untuk berita dihalaman home, pada halaman ini

admin dapat menambah, edit dan hapus data berita.

Gambar 5.14 Tampilan Halaman Form Data Berita

5.2.15 Tampilan Halaman Form Data Statis Setting

Halaman ini adalah halaman yang digunakan admin untuk melihat

menginput statis setting, pada halaman ini admin dapat menambah, edit dan

menghapus statis setting yang akan di upload pada halaman home website.
 87

Gambar 5.15 Tampilan Halaman Form Statis Setting

5.2.16 Tampilan Halaman Form User

Halaman ini adalah halaman yang digunakan admin untuk melihat

menginput admin, pada halaman ini admin dapat menambah, edit dan menghapus

data data user.

Gambar 5.16 Tampilan Halaman Form User

 88

5.2.17 Tampilan Halaman Data Jenis Barang

Halaman ini adalah halaman yang digunakan oleh karyawan untuk melihat

informasi data jenis barang atau produk pada toko Bee Bee Mart.

Gambar 5.17 Tampilan Halaman Data Jenis Barang

5.2.18 Tampilan Halaman Data Barang

Halaman ini adalah halaman yang digunakan oleh karyawan untuk melihat

informasi data barang atau produk pada toko Bee Bee Mart.

Gambar 5.18 Tampilan Halaman Data Barang

 89

5.2.19 Tampilan Halaman Data Pelanggan

Halaman ini adalah halaman yang digunakan oleh karyawan untuk melihat

informasi data pelanggan pada toko Bee Bee Mart.

Gambar 5.19 Tampilan Halaman Data Pelanggan

5.2.20 Tampilan Halaman Data Pemesanan

Halaman ini adalah halaman yang digunakan oleh karyawan untuk melihat

informasi data pemesanan barang.

Gambar 5.20 Tampilan Halaman Data Pemesanan

 90

5.2.21 Tampilan Halaman Data Berita

Halaman ini adalah halaman yang digunakan oleh karyawan untuk melihat

data berita dan penginputannya.

Gambar 5.21 Tampilan Halaman Transaksi Data Berita

5.2.22 Tampilan Halaman Statis Setting

Halaman ini adalah halaman yang digunakan oleh karyawan untuk

mengedit halaman cara pemesanan untuk mempermudah custumer dalam

pemesanan.

Gambar 5.22 Tampilan Halaman Statis Setting

 91

5.2.23 Tampilan Halaman User

Halaman ini adalah halaman yang digunakan karyawan untuk melihat data

admin yang bertugas.

Gambar 5.23 Tampilan Halaman User

5.2.24 Tampilan Halaman Report atau Laporan Barang

Halaman ini adalah halaman yang digunakan oleh karyawan untuk

mencetak laporan sesuai dengan barang atau produk yang diinginkan.

Gambar 5.24 Tampilan Halaman Report atau Data Laporan Barang

 92

5.2.25 Tampilan Halaman Laporan Penjualan Perpembeli

Halaman ini adalah halaman yang digunakan oleh karyawan untuk

mencetak laporan sesuai dengan nama pelanggan yang diinginkan.

Gambar 5.25 Tampilan Halaman Data Laporan Penjualan Perbembeli

5.2.26 Tampilan Halaman Cetak Laporan Barang

Halaman ini adalah halaman yang digunakan oleh karyawan setelah

memilih barang atau produk yang ingin dicetak laporannya sesuai yang

diinginkan.

Gambar 5.26 Tampilan Halaman Cetak Laporan Barang

 93

5.2.27 Tampilan Halaman Cetak Laporan Penjualan Perpembeli

Halaman ini adalah halaman yang digunakan oleh karyawan setelah

memilih tanggal, bulan dan tahun untuk dicetak laporan barang yang telah dipesan

oleh pelanggan.

Gambar 5.27 Tampilan Halaman Cetak Laporan Penjualan Perpembeli

 94

5.3 Pembahasan

Dalam pembahasan ini akan dijelaskan tentang kesalahan-kesalahan atau

pesan-pesan masukan dan keluaran yang dapat membantu pengguna di dalam

menggunakan program ini dengan baik. Analisis kinerja ini dapat dibagi menjadi

dua tahapan pengujian yaitu pengujian normal dan pengujian tidak normal.

5.3.1 Pengujian Normal

5.3.1.1 Pengujian Normal Login

Pengujian normal login yang digunakan karyawan untuk masuk ke halaman

utama admin.

Gambar 5.28 Prosedur Normal Login

 95

5.3.1.2 Pengujian Normal Tambah Data Jenis Barang

Pengujian prosedur normal pada tambah data Jenis Barang atau Produk,

apabila terisi lengkap, maka ketika mengklik tombol “SIMPAN DATA” akan

tersimpan otomatis masuk ke dalam database yang telah ada dan jika telah

tersimpan akan mendapatkan pesan pada tabel data jenis produk “Data Telah

Ditambah”.

Gambar 5.29 Prosedur Normal Tambah Data Jenis Barang

5.3.1.3 Pengujian Normal Tambah Data Barang

Pengujian data barang, apabila telah terisi lengkap maka ketika mengklik

tombol “SIMPAN DATA” akan tersimpan otomatis masuk ke dalam database

yang telah ada dan jika telah tersimpan akan mendapatkan pesan pada tabel data

produk “Data Telah Ditambah”.

 96

Gambar 5.30 Prosedur Normal Input Data Produk

5.3.1.4 Pengujian Normal Tambah Data Pelanggan

Pengujian tambah jenis barang, apabila telah terisi lengkap maka ketika

mengklik tombol “SIMPAN DATA” akan tersimpan otomatis masuk ke dalam

database yang telah ada dan jika telah tersimpan akan mendapatkan pesan pada

tabel data pelanggan “Data Telah Ditambah”.

Gambar 5.31 Prosedur Normal Tambah Data Pelanggan

 97

5.3.1.5 Pengujian Normal Tambah Data Pemesanan

Pengujian tambah jenis barang, apabila telah terisi lengkap maka ketika

mengklik tombol “SIMPAN DATA” akan tersimpan otomatis masuk ke dalam

database yang telah ada dan jika telah tersimpan akan mendapatkan pesan pada

tabel data pemesanan “Data telah ditambah”.

Gambar 5.32 Prosedur Normal Tambah Data Pemesanan

5.3.1.6 Pengujian Normal Tambah Data Berita

Pengujian tambah jenis barang, apabila telah terisi lengkap maka ketika

mengklik tombol “SIMPAN DATA” akan tersimpan otomatis masuk ke dalam

database yang telah ada dan jika telah tersimpan akan mendapatkan pesan pada

tabel data berita “Data telah ditambah”.

 98

Gambar 5.33 Prosedur Normal Tambah Data Berita

5.3.1.7 Pengujian Normal Tambah Data Statis Setting

Pengujian tambah jenis barang, apabila telah terisi lengkap maka ketika

mengklik tombol “SIMPAN DATA” akan tersimpan otomatis masuk ke dalam

database yang telah ada dan jika telah tersimpan akan mendapatkan pesan pada

tabel data statis “Creat Record Success”.

Gambar 5.34 Prosedur Normal Tambah Data Statis Setting

 99

5.3.1.8 Pengujian Normal Tambah Data User

Pengujian tambah jenis barang, apabila telah terisi lengkap maka ketika

mengklik tombol “SIMPAN DATA” akan tersimpan otomatis masuk ke dalam

database yang telah ada dan jika telah tersimpan akan mendapatkan pesan pada

tabel data user “Data telah ditambah”.

Gambar 5.35 Prosedur Normal Tambah Data User

5.3.1.9 Pengujian Normal Logout

Pengujian normal logout yang digunakan karyawan untuk keluar aplikasi,

jika sudah keluar dari aplikasi maka akan mendapatkan pesan “Anda berhasil

logout.
 100

Gambar 5.36 Prosedur Normal Logout

5.3.2 Pengujian Tidak Normal

5.3.2.1 Pengujian Tidak Normal Login

Pengujian tidak normal ini ketika memasukkan username dan password

yang salah. Maka sistem akan menampilkan pesan “Password minimal 6 karakter”

dan berwarna merah .

Gambar 5.37 Prosedur Tidak Normal Login

 101

5.3.2.2 Pengujian Tidak Normal Tambah Data Jenis Barang

Pengujian tidak normal ini ketika memasukkan nama jenis dan kode jenis

yang salah. Maka sistem akan menampilkan pesan “Kode_jenis 67871221 sudah

ada. Buat kode jenis baru” dan berwarna merah .

Gambar 5.38 Prosedur Tidak Normal Tambah Data Jenis Barang

5.3.2.3 Pengujian Tidak Normal Tambah Data Barang

Pengujian tidak normal ini ketika tidak mengisi seluruh form data barang

atau produk. Maka sistem akan menampilkan pesan misalnya “Harga harus diisi”

dan berwarna merah .

Gambar 5.39 Prosedur Tidak Normal Tambah Data Barang

 102

5.3.2.4 Pengujian Tidak Normal Tambah Data Pemesanan

Pengujian tidak normal ini ketika tidak mengisi seluruh form data

pemesanan. Maka sistem akan menampilkan pesan misalnya “Harga harus diisi”

dan berwarna merah .

Gambar 5.40 Prosedur Tidak Normal Tambah Data Pemesanan

5.3.2.5 Pengujian Tidak Normal Tambah Data Berita

Pengujian tidak normal ini ketika tidak mengisi seluruh form data berita.

Maka sistem akan menampilkan pesan misalnya “Please fill out this field”.

Gambar 5.41 Prosedur Tidak Normal Tambah Data Berita

 103

5.3.2.6 Pengujian Tidak Normal Tambah Data Statis Setting

Pengujian tidak normal ini ketika tidak mengisi seluruh form data statis.

Maka sistem akan menampilkan pesan misalnya “The judul field is required.” Dan

berwarna merah.

Gambar 5.42 Prosedur Tidak Normal Tambah Data Statis Setting

 BAB VI

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari pembahasan-pembahasan pada bab sebelumnya yang telah diuraikan

dalam sebuah bentuk permasalahan yang terjadi pada Aplikasi Penjualan dan

Pemesanan Barang Online pada Toko Baju Bayi Bee Bee Mart Berbasis Web,

maka dengan ini peneliti dapat mengambil suatu kesimpulan sebagai berikut :

1. Aplikasi Penjualan dan Pemesanan Barang Online ini memudahkan pegawai

dalam melakukan pengolahan data penjualan.

2. Dengan adanya Aplikasi Penjualan dan Pemesanan Barang Online yang telah

dibangun, dapat membantu pegawai dalam melakukan pelaporan tanpa

kehilangan data.

3. Dengan adanya Aplikasi Penjualan dan Pemesanan Barang Online ini dapat

memudahkan pegawai dalam melakukan pendataan penjualan dan pemesanan.

4. Dengan adanya Aplikasi Penjualan dan Pemesanan Barang Online ini dapat

memudakan pegawai dalam mendapatkan informasi pengolahan data

penjualan pada Toko Bee Bee Mart.

5. Dengan adanya Aplikasi Penjualan dan Pemesanan Barang Online ini dapat

memudakan pelanggan dalam mendapatkan informasi produk-produk terbaru

yang ada pada Toko Bee Bee Mart.

104
 105

6. Dengan adanya Aplikasi Penjualan dan Pemesanan Barang Online ini dapat

memudakan pelanggan dalam memesan produk yang diinginkan tanpa harus

bertatap muka secara langsung.

6.2 Saran

Pada bagian ini peneliti memberikan saran kepada pembaca pada

semuanya dan khususnya pada karyawan atau staff Toko Bee Bee Mart agar

program yang telah dibangun dapat berjalan secara optimal. Adapun saran-saran

tersebut antara lain sebagai berikut :

1. Dalam pengolahan data penjualan dan pemesanan Toko Bee Bee Mart untuk

dapat memberikan informasi aplikasi kepada pegawai yang mendata penjualan

dan pemesanan barang.

2. Dalam pengolahan data pengolahan data penjualan dan pemesanan Toko Bee

Bee Mart diharapkan melakukan pengembangan aplikasi kedepannya agar

tidak ketinggalan pada perkembangan teknologi.

3. Dalam pengolahan data penjualan dan pemesanan Toko Bee Bee Mart untuk

dapat dilakukannya pelatihan kepada pegawai atau karyawan cara

menggunakan program ini dalam proses pengolahan data yang dilakukan agar

dapat berjalan secara optimal.

4. Dalam pengolahan data penjualan dan pemesanan Toko Bee Bee Mart untuk

dapat mengkaji lebih banyak referensi proses pembelajaran agar hasil

penelitian atau laporan dapat lebih baik dan lebih lengkap lagi.
 106

5. Dalam pengolahan data penjualan dan pemesanan Toko Bee Bee Mart untuk

dapat memperdalam penelitian lebih lanjut agar aplikasi dapat bekerja lebih

efisien tanpa adanya kesalahan.

 DAFTAR PUSTAKA

Abdul Kadir. (2013). Definisi PHP : jurnal ilmiah sistem pengambil

keputusan dalam pemilihan jurusan : http://stt-
pln.-e-journal.id

Abdulloh, R. (2018). Pemrograman Web Untuk Pemula. PT Elex Media

Komputindo: Jakarta.

Arief, M. Rudyanto. (2007). ”Pemrograman Basis Data Menggunakan

TranssactSQL dengan Microsoft SQL Server 2000”.
CV. Andi Offset: Yogyakarta.

Arief, M. Rudyanto. (2011). Pemrograman Web Dinamis menggunakan

PHP dan MySQL CV. Andi Offset: Yogyakarta.

Bunafi Nugroho. (2013). Arti Kode Php dan Php. CV. Andi Offset
:Yogyakarta

Bunafi Nugroho. (2013). Php Myadmin Aplikasi Manajemen Database

Server MySQL. CV. Andi Offset : Yogyakarta

Dhanta, Sanjaya. (2015). Pengertian software. PT Elex Media

Komputindo: Jakarta.

Enterprise, J. (2017). PHP Komplet. PT Elex Media Komputindo: Jakarta.

Edy Winarno, Ali Zaki, dan SmitDev. (2014). Php Merupakan Bahasa
Pemrograman. CV.Andi Offset : Yogyakarta

Edwin dan Chris. (2019). Arti Pemesanan dalam Arti Umum CV.Andi
Offset : Yogyakarta

Francis Tantri. (2017). Pengertian Barang Menurut Para Ahli : Penerbit

repository dinamika 2016, Jakarta.

Francis Tantri. (2016). Definisi Penjualan : Penerbit repository dinamika

2016, Jakarta.
Francis Tantri. (2017). Alat atau Perkakas dalam Bahasa Inggris : tools :
Penerbit repository dinamika 2016, Jakarta.

Hidayat. (2010). Website Keseluruhan Halaman-halaman Web PT Elex

Media Komputindo: Jakarta.

Jogiyanto, (2014). Membuat Data Flow Diagram (DFD) dengan 4

yang Mewakili : Jurnal Teknik Elektro. Vol.6, No.1.

Jogiyanto. (2014). Pengertian DFD PT Elex Media Komputindo : Jakarta.

Jogiyanto. (2014). Simbol atau Lambang yang digunakan dalam membuat

Data Flow Diagram (DFD) , PT Elex Media Komputindo, Jakarta.

Jogiyanto, Ramzi. (2017). Pengertian aplikasi PT Elex Media Komputindo

: Jakarta.

Jurnal Prodidko, Dwi, Dhany. (2019) Sublime Text texteditor yang

owerfull yang dapat meningkatkan produktivitas dan
mengembangkan kualitas kode yang tinggi.

Jurnal Bootup, Agus Salim. 2019 CSS (Cascading Style Sheets) bahasa
desain web : http://jurnal.univbinansan.ac.id/.

Kamus Besar Bahasa Indonesia. (2019). Pengertian Pemesanan :

http://lektur.id/arti-pemesanan/#:menurut-kamus-besar-bahasa-
indosesia.

Kamus Besar Bahasa indonesia. (2019). Pengertian Barang Perkakas,

Perabot yang dipakai Untuk Mencapai http://lektur.id/arti-barang-
/#:menurut-kamus-besar-bahasa-indosesia- barang-atau-perabot..

Kusuma & Utami. (2017). Pengertian CCS Bahasa HTML dan XHTM
CV.Andi Offset: Yogyakarta

Nugroho, Sigit. (2015). Pengenalan Relasi Tabel Database. Blog Sigit

Nugroho. http://duniaFeb.blogspot.co.id/2011/pengenalan-relasi-
tabel-database.html?m=1.
Novan. (2016). Bagan Flow Chart. Blog Novaninfo. http//novaninfo.
blogspot.co.id/2012/05/contoh-algoritma-dalam-program-
pascal.html?=i

Prayitno, Safitri. (2015) Mengatur Style-style yang Ada di Tag-tag HTML.

Rachmad Hakim S. (2016). Aplikasi, Pengertian Aplikasi, dokumen,

mengatur Windows, Yogyakarta: Graha Ilmu.

Roger, Presman S. (2007). Rekayasa Perangkat Lunak. Jakarta: PT. Elex

Media Komputindo

Roger, Presman S. (2010). Software Engeneering. CV.Andi Offset:

Yogyakarta

Rudyanto. (2011). Definisi Situs web pada internet, Unified Resource

Locator (URL) CV.Andi Offset: Yogyakarta

Rudyanto. (2011). Pengertian Php Bahasa Server Side Scripting yang

Menyatu dengan HTML, Yogyakarta: Graha Ilmu.

Sitorus. (2012). CSS (Cascading Style Sheet) Penerbit

Andi: Yogyakarta.

Susanti. (2017). Pemesanan : PT Bumi Aksara: Jakarta.

Sutarman. (2013). Membangun Aplikasi Web dengan PHP dan MySql.

Yogyakarta: Graha Ilmu.

Syafii, M. (2016) Panduan Membuat Aplikasi Database dengan PHP 5.

Penerbit Andi: Yogyakarta.

Thamrin Abdullah. (2017). Penjualan Adalah Bagian dari Promosi

Penerbit Andi: Yogyakarta.

Wardana. (2016). Pengertian Sublime Text Yogyakarta: Graha Ilmu.

Winarno dan Utomo. (2010). CSS Bahasa Pemrograman Web yang

Mengatur Style-style yang Ada di Tag-tag HTML.
 LISTING PROGRAM

1. IndexPHP

?php
error_reporting(0);
require_once 'core/harviacode.php';
require_once 'core/helper.php';
require_once 'core/process.php';
?>
<!doctype html>
<html>
<head>
<title>Harviacode Codeigniter CRUD Generator</title>
<link rel="stylesheet" href="core/bootstrap.min.css"/>
<style>
body{
padding: 15px;
}
</style>
</head>
<body>
<div class="row">
<div class="col-md-3">
<form action="index.php" method="POST">

<div class="form-group">
<label>Select Table - <a href="<?php echo
$_SERVER['PHP_SELF'] ?>">Refresh</a></label>
<select id="table_name" name="table_name" class="form-control"
onchange="setname()">
<option value="">Please Select</option>
<?php
$table_list = $hc->table_list();
$table_list_selected = isset($_POST['table_name']) ?
$_POST['table_name'] : '';
foreach ($table_list as $table) {
?>
<option value="<?php echo $table['table_name'] ?>" <?php echo
$table_list_selected == $table['table_name'] ? 'selected="selected"' : '';
?>><?php echo $table['table_name'] ?></option>
<?php
}
?>
</select>
</div>

<div class="form-group">
<div class="row">
<?php $jenis_tabel = isset($_POST['jenis_tabel']) ? $_POST['jenis_tabel']
: 'reguler_table'; ?>
<div class="col-md-5">
<div class="radio" style="margin-bottom: 0px; margin-top: 0px">
<label>
<input type="radio" name="jenis_tabel" value="reguler_table" <?php
echo $jenis_tabel == 'reguler_table' ? 'checked' : ''; ?>>
Reguler Table
</label>
</div>
</div>
<div class="col-md-7">
<div class="radio" style="margin-bottom: 0px; margin-top: 0px">
<label>
<input type="radio" name="jenis_tabel" value="datatables" <?php echo
$jenis_tabel == 'datatables' ? 'checked' : ''; ?>>
Serverside Datatables
</label>
</div>
</div>
</div>
</div>

<div class="form-group">
<div class="checkbox">
<?php $export_excel = isset($_POST['export_excel']) ?
$_POST['export_excel'] : ''; ?>
<label>
<input type="checkbox" name="export_excel" value="1" <?php echo
$export_excel == '1' ? 'checked' : '' ?>>
Export Excel
</label>
</div>
</div>

<div class="form-group">
<div class="checkbox">
<?php $export_word = isset($_POST['export_word']) ?
$_POST['export_word'] : ''; ?>
<label>
<input type="checkbox" name="export_word" value="1" <?php echo
$export_word == '1' ? 'checked' : '' ?>>
Export Word
</label>
</div>
</div>

<!-- <div class="form-group">

<div class="checkbox <?php // echo
file_exists('../application/third_party/mpdf/mpdf.php') ? '' : 'disabled';
?>">
<?php // $export_pdf = isset($_POST['export_pdf']) ?
$_POST['export_pdf'] : ''; ?>
<label>
<input type="checkbox" name="export_pdf" value="1" <?php // echo
$export_pdf == '1' ? 'checked' : '' ?>
<?php // echo file_exists('../application/third_party/mpdf/mpdf.php') ? '' :
'disabled'; ?>>
Export PDF
</label>
<?php // echo file_exists('../application/third_party/mpdf/mpdf.php') ? '' :
'<small class="text-danger">mpdf required, download <a
href="http://harviacode.com">here</a></small>'; ?>
</div>
</div>-->

<div class="form-group">
<label>Custom Controller Name</label>
<input type="text" id="controller" name="controller" value="<?php echo
isset($_POST['controller']) ? $_POST['controller'] : '' ?>" class="form-
control" placeholder="Controller Name" />
</div>
<div class="form-group">
<label>Custom Model Name</label>
<input type="text" id="model" name="model" value="<?php echo
isset($_POST['model']) ? $_POST['model'] : '' ?>" class="form-
control" placeholder="Controller Name" />
</div>
<input type="submit" value="Generate" name="generate" class="btn btn-
primary" onclick="javascript: return confirm('This will overwrite the
existing files. Continue ?')" />
<input type="submit" value="Generate All" name="generateall"
class="btn btn-danger" onclick="javascript: return
confirm('WARNING !! This will generate code for ALL TABLE and
overwrite the existing files\
\nPlease double check before continue. Continue ?')" />
<a href="core/setting.php" class="btn btn-default">Setting</a>
</form>
<br>

<?php
foreach ($hasil as $h) {
echo '<p>' . $h . '</p>';
}
?>
</div>
<div class="col-md-9">
<h3 style="margin-top: 0px">Codeigniter CRUD Generator 1.4 by <a
target="_blank"
href="http://harviacode.com">harviacode.com</a></h3>
<p><strong>About :</strong></p>
<p>
Codeigniter CRUD Generator is a simple tool to auto generate
model, controller and view from your table. This tool will boost your
writing code. This CRUD generator will make a complete
CRUD operation, pagination, search, form*, form validation, export to
excel, and export to word.
This CRUD Generator using bootstrap 3 style. You still need
to modify the result code for more customization.
</p>
<small>* generate textarea and text input only</small>
<p>
Please visit and like <a target="_blank"
href="http://harviacode.com"><b>harviacode.com</b></a> for more
info and PHP tutorials.
</p>
<p><strong>Preparation before using this CRUD Generator (Important)
:</strong></p>
<ul>
<li>On application/config/autoload.php, load database library, session
library and url helper</li>
<li>On application/config/config.php, set :</b>.
<ul>
<li>$config['base_url'] = 'http://localhost/yourprojectname'</li>
<li>$config['index_page'] = ''</li>
<li>$config['url_suffix'] = '.html'</li>
<li>$config['encryption_key'] = 'randomstring'</li>

</ul>

</li>
<li>On application/config/database.php, set hostname, username,
password and database.</li>
</ul>
<p><strong>Using this CRUD Generator :</strong></p>
<ul>
<li>Simply put 'harviacode' folder, 'asset' folder and .htaccess file into
your project root folder.</li>
<li>Open http://localhost/yourprojectname/harviacode.</li>
<li>Select table and push generate button.</li>
</ul>
<p><strong>FAQ :</strong></p>
<ul>
<li>Select table show no data. Make sure you have correct database
configuration on application/config/database.php and load database
library on autoload.</li>
<li>Error chmod on mac and linux. Please change your application folder
and harviacode folder chmod to 777 </li>
<li>Error 404 when click Create, Read, Update, Delete or Next Page.
Make sure your mod_rewrite is active
 and you can access http://localhost/yourproject/welcome.
The problem is on htaccess. Still have problem?
please go to google and search how to remove index.php
codeigniter.
</li>
<li>Error cannot Read, Update, Delete. Make sure your table have primary
key.</li>
</ul>
<br>
<p><strong>Thanks for Support Me</strong></p>
<p>Buy me a cup of coffee :)</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"
target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id"
value="52D85QFXT57KN">
<input type="image"
src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.g
if" border="0" name="submit" alt="PayPal - The safer, easier way to
pay online!">
<img alt="" border="0"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1"
height="1">
</form>
<br>
<p><strong>Update</strong></p>

<ul>
<li>V.1.4 - 26 November 2016
<ul>
<li>Change to serverside datatables using ignited datatables</li>
</ul>
</li>
<li>V.1.3.1 - 05 April 2016
<ul>
<li>Put view files into folder</li>
</ul>
</li>
<li>V.1.3 - 09 December 2015
<ul>
<li>Zero Config for database connection</li>
<li>Fix bug searching</li>
<li>Fix field name label</li>
<li>Add select table from database</li>
<li>Add generate all table</li>
<li>Select target folder from setting menu</li>
<li>Remove support for Codeigniter 2</li>
</ul>
</li>
<li>V.1.2 - 25 June 2015
<ul>
<li>Add custom target folder</li>
<li>Add export to excel</li>
<li>Add export to word</li>
</ul>
</li>
<li>V.1.1 - 21 May 2015
<ul>
<li>Add custom controller name and custom model name</li>
<li>Add client side datatables</li>
</ul>
</li>
</ul>

<p><strong>&COPY; 2015 <a target="_blank"

href="http://harviacode.com">harviacode.com</a></strong></p>
</div>
</div>
<script type="text/javascript">
function capitalize(s) {
return s && s[0].toUpperCase() + s.slice(1);
}

function setname() {
var table_name =
document.getElementById('table_name').value.toLowerCase();
if (table_name != '') {
document.getElementById('controller').value =
capitalize(table_name);
 document.getElementById('model').value =
capitalize(table_name) + '_model';
} else {
document.getElementById('controller').value = '';
document.getElementById('model').value = '';
}
}
</script>
</body>
</html>
 DOKUMENTASI

Tempat Penelitian Toko Pakaian Bayi Bee Bee Mart Jambi

Wawancara Bersama Owner Bee Bee Mart Ibu Afri Mahdona

Wawancara Bersama Owner Bee Bee Mart Ibu Afri Mahdona

Wawancara Bersama Owner Bee Bee Mart Ibu Afri Mahdona

 DATA BARANG BEE BEE MART
3010201 KD LEGENDARY S-201 Stroler 445.000
3010315 KD SPACE BABY 315 Stroler 463.000
3010508 KD MIWEN 508 Stroler 748.000
3017900 KD SP-K7900 PACIFIC Stroler 720.000
10010660 KD COCOLATTE UR 660 - ITZI Stroler 975.000
1010268 KD PLIKO GRANDE 268 Stroler 785.000
1010359 KD PLIKO 359 TRIP RH Stroler 535.000
1010580 KD PLIKO 580 + CARSEAT URBAN 580 Stroler 1.465.000
1010538 KD PLIKO ENGLAND 538 Stroler 965.000
1010328 KD RUNNER 328 CREATIVE Stroler 615.000
1010338 KD PLIKO BOSTON 338 Stroler 650.000
1010588 KD PLIKO TREX 588 Stroler 952.000
2020313 BOUNCER PLIKO 313 Bouncer 375.000
BOUNCER MASTELA MUSIC+SOOTHE
Bouncer 365.000
1020017 CRADLING SEAT
10020303 BOUNCER PLIKO 303 MELODIES Bouncer 335.000
10020306 BOUNCER PLIKO 306 PICCOLA Bouncer 440.000
BOUNCER CLASSIC MUSICAL ROCKER
Bouncer 465.000
10020048 BEBE SMART
BOUNCER MASTELA MUSIC+SOOTHING
Bouncer 340.000
10020046 ADJUST PINK-BLUE-GREEN
1020313 BOUNCER PLIKO JOY ROCKING PIC 313 Bouncer 375.000
2020012 BOUNCER CARE TODDLER Bouncer 415.000
3110051 BABY SET CUTE BEAR 201 Baby Set 63.000
3110050 BABY SET CUTE BEAR 101 Baby Set 63.000
3110049 BABY SET VIOLA 110033 Baby Set 55.000
92110018 BABY SET HELLO BABY Baby Set 39.000
92110017 BABY SET NEZUMI Baby Set 55.000
92110016 BABY SET DUS BIRU LION Baby Set 58.000
92110015 BABY SET IMMOET Baby Set 40.000
92110014 BABY SET JUNIOR STYLE Baby Set 85.000
92110013 BABY SET FELICE Baby Set 63.000
92110012 BABY SET TONY Baby Set 60.000
92110011 BABY SET KIDDY COKLAT Baby Set 89.000
92110009 BABY SET FELIZ MERAH Baby Set 59.000
92110008 BABY SET LION KUNING Baby Set 65.000
46110001 PM BABY SET FELI NEW Baby Set 43.000
31111171 BABY SET BANDANA Baby Set 72.000
42110006 BABY SET 3 IN 1 ( Baby Set 148.500
 SLEEPSUIT,JSA,CELANA)
92140014 CELANA PANJANG SHANK Celana 13.000
92140013 CELANA BALLON SR Celana 8.000
92140012 CELANA BALLON RAMPEL Celana 8.000
92140011 CELANA POP/PD HOGA JUMBO Celana 9.000
92140010 CELANA POP/PD HOGA K Celana 8.000
92140009 CELANA POP PIPI Celana 6.000
92140008 CELANA POP ABY P S Celana 8.500
92140007 CELANA POP LOL S Celana 10.000
92140006 CELANA POP SHANK K Celana 8.500
92140005 CELANA POP BOBOHO Celana 9.000
92140004 CELANA POP TARA WARNA Celana 10.000
92140003 CELANA POP USAGI FUIL Celana 7.000
92140002 CELANA POP USAGI SALUR/BINTIK Celana 6.000
99720061 KEI N 1006 Yashop TNB 99.000
99720012 KEI XQ 12 Yashop TNB 130.000
99772340 USON 2340 BC Yashop TNB 125.000
99772271 USON 2271 BC Yashop TNB 142.000
99772795 USON STK PDK PLS Yashop TNB 109.000
99772782 USON STK PJG PLS Yashop TNB 113.000
99772754 USON STJ 7/8 JGR Yashop TNB 142.000
99772750 USON STJ PJG JGR Yashop TNB 158.000
99771920 USON STW PDK TALI Yashop TNB 119.000
99612018 NF G KAOS 0-2 Yashop TNB 135.000
99728659 KEI ND 8659 Yashop TNB 132.000
99725010 KEI DC 501 Yashop TNB 149.000
99728821 KEI ND 8821 Yashop TNB 89.000
99729906 KEI DC 9906 Yashop TNB 63.000
99729279 KEI E 9279 Yashop TNB 62.000
99728819 KEI ND 8819 Yashop TNB 92.000
99720370 KEI V 370 Yashop TNB 75.000
99728656 KEI ND 8656 Yashop TNB 93.000
99722043 KEI J 82043 Yashop TNB 78.000
99729758 KEI H 9758 Yashop TNB 67.000
99729275 KEI E 9275 Yashop TNB 63.000
99721931 KEI XD 19311 Yashop TNB 135.000
99722802 KEI ND 2802 Yashop TNB 78.000
99726004 KEI ND 6004 Yashop TNB 73.000
99722116 KEI W 2116 Yashop TNB 88.000
99728022 KEI DC 8022 Yashop TNB 63.000
99612017 DDC POLKA KECIL 1/3 Yashop TNB 143.000
99612016 DDC KAJEP SAKURA 7/9 Yashop TNB 159.000
99612015 DDC KAJEP SAKURA 4/6 Yashop TNB 155.000
99612014 DDC KAJEP SAKURA 1/3 Yashop TNB 149.000
99612013 NF G OB PDK 4/6 Yashop TNB 172.000
99612012 NF G PDK 0-2 Yashop TNB 142.000
99612011 NF G ASSAGI 4/6 Yashop TNB 175.000
99612010 NF G ARMY 0-2 Yashop TNB 150.000
99612009 VG 1006-107-105 Yashop TNB 80.000
99612008 VG 1007 Yashop TNB 64.000
99612007 VB ST 144 Yashop TNB 118.000
99612006 VB ST 143 Yashop TNB 110.000
99612005 VB KM 07 Yashop TNB 88.000
99612004 VB KM 153 Yashop TNB 80.000
99612003 VB ST 139 Yashop TNB 155.000
99612002 SURP KEMEJA KURTA KIDS Yashop TNB 96.000
99612001 SURP KEMEJA KURTA Yashop TNB 104.000
99612082 DK 2082 1/4 Yashop TNB 142.000
99612084 DK 2084 S/L Yashop TNB 128.000
99772719 USON 1S2719A STW 7/8 Yashop TNB 98.000
99772604 USON 1S2604BC STW 7/8 Yashop TNB 113.000
99773011 USON 1K3011A KMJ PJG PLS Yashop TNB 92.000
99730350 VV TW 35 Yashop TNB 112.000
99940012 PP L260 Yashop TNB 44.000
99940011 PP L353-389 Yashop TNB 46.000
99940010 PP L336-L410 Yashop TNB 45.000
99940009 PP DX 34N Yashop TNB 59.000
99940008 PP DX 33S Yashop TNB 118.000
99940007 PP BX 84R Yashop TNB 135.000
99940006 PP BX 880 Yashop TNB 166.000
STELAN BAJU MOTIF SALUR NEW
Stelan 69.000
5564013 OBLONG PJG XXL
STELAN BAJU MOTIF SALUR NEW
Stelan 62.000
85564012 OBLONG PJG XL
STELAN BAJU MOTIF SALUR NEW
Stelan 47.000
85564011 OBLONG PJG L
STELAN BAJU MOTIF SALUR NEW
Stelan 45.000
85564010 OBLONG PJG M
85564009 STELAN BAJU MOTIF SALUR NEW Stelan 40.000
 OBLONG PJG S
85560018 STELAN POLOS OBLONG PANJANG XXL Stelan 68.000
85560017 STELAN POLOS OBLONG PANJANG XL Stelan 59.000
85560016 STELAN POLOS OBLONG PANJANG L Stelan 39.000
85560015 STELAN POLOS OBLONG PANJANG M Stelan 38.000
85560014 STELAN POLOS OBLONG PANJANG S Stelan 37.000
85560013 STELAN POLOS OBLONG PENDEK XXL Stelan 53.000
85560012 STELAN POLOS OBLONG PENDEK XL Stelan 48.000
85560011 STELAN POLOS OBLONG PENDEK L Stelan 34.000
85560010 STELAN POLOS OBLONG PENDEK M Stelan 33.000
85560009 STELAN POLOS OBLONG PENDEK S Stelan 32.000
85311004 OBLONG SINGLET XL Singlet 18.000
85311003 OBLONG SINGLET L Singlet 17.000
85311002 OBLONG SINGLET M Singlet 16.000
85311001 OBLONG SINGLET S Singlet 15.000
VELVET OBLONG PENDEK+CELANA
Stelan 56.000
72567003 PANJANG XXL
VELVET OBLONG PENDEK+CELANA
Stelan 53.000
72567002 PANJANG XL
VELVET OBLONG PENDEK+CELANA
Stelan 49.000
72567001 PANJANG LB
12250012 OBLONG PENDEK ANAK RIB PRINT M Oblong 18.000
OBLONG PENDEK ANAK BESAR RIB
Oblong 23.000
12250011 PRINT M (XL)
OBLONG PENDEK ANAK BESAR RIB
Oblong 23.000
12250010 PRINT L (XXL)
TOKUSEN CALMET-SK-K.OBLONG PJG
Oblong 18.000
51250010 U-SML-PRINT
TOKUSEN CALMET-SK-K.OBLONG PDK
Oblong 17.000
51250009 U-SML-PRINT
TOKUSEN-TC-K.OBLONG PJG U-M-L-
Oblong 25.000
51250008 PRINT
TOKUSEN-TC-K.OBLONG PDK U-M-L-
Oblong 23.000
51250007 PRINT
TOKUSEN-IDO-TC-K.OBLONG PDK U-
Oblong 18.000
51250004 SML-PRINT
STELAN OBLONG KUTUNG CLN PDK SD-
Stelan 42.000
12560033 L
STELAN OBLONG CELANA PENDEK
Stelan 43.000
12560032 ANAK KCL S
12560031 STELAN OBLONG KUTUNG CLN PDK SD- Stelan 42.000
 M
35360007 TOPI CHIYO Topi 16.000
35360006 TOPI CHIYO SET Topi 25.000
35310004 SINGLET ELB XL Singlet 9.000
35310003 SINGLET ELB L Singlet 8.500
35310002 SINGLET ELB M Singlet 8.000
35310001 SINGLET ELB S Singlet 7.500
35210005 KAOS KAKI BONEKA Kaos Kaki 22.000
35490007 ROMPER CHIYO Overall 35.000
35490006 JUMPER CHIYO Overall 39.000
35140005 CELANA PENDEK AIRIN Celana 11.000
35140004 CELANA POP AIRIN Celana 10.500
35560038 STELAN RIVANI PJG+PJG XL Stelan 47.000
CLODI POLOS Pampers/so
35550002 49.000
ftex
35170002 SOFA BAYI Bantal 130.000
35320001 KASUR LIPAT Kasur 65.000
35490005 KODOK PANJANG TUTUP KAKI Overall 35.000
35490004 KODOK PANJANG BUKA Overall 33.000
35560037 STELAN RIVANI PDK+PJG XL Stelan 46.000
35560036 STELAN RIVANI PDK+PJG L Stelan 44.000
35560035 STELAN RIVANI PDK+PJG M Stelan 43.000
35560034 STELAN RIVANI PDK+PJG S Stelan 42.000
SELIMUT BIASA Selimut/ble
35300002 69.000
ngket
SELIMUT TOPI Selimut/ble
35300001 75.000
ngket
SARUNG TANGAN RIVANI Sarung
35290004 11.000
Tangan
35560033 STELAN RIVANI PDK+PJG NB Stelan 33.000
35560032 STELAN RIVANI PJG+PJG L Stelan 45.000
23561022 STELAN OBLONG PJG & CLN PJ RIB L Stelan 55.000
23561021 STELAN OBLONG PJG & CLN PJ RIB M Stelan 53.000
23561020 STELAN OBLONG PJG & CLN PJ RIB S Stelan 50.000
STELAN OBLONG PDK & CLN 3/4 PRINT
23561017 Stelan 50.000
L
STELAN OBLONG PDK & CLN 3/4 PRINT
23561016 Stelan 47.000
M
STELAN OBLONG PDK & CLN 3/4 PRINT
23561015 Stelan 45.000
S
23561009 STELAN BJ PJG KC.DPN & CLN RIB L Stelan 58.000
23561008 STELAN BJ PJG KC.DPN & CLN RIB M Stelan 54.000
23561007 STELAN BJ PJG KC.DPN & CLN RIB S Stelan 52.000
23561006 STELAN BJ PDK KC.DPN & CLN KOTAK L Stelan 48.000
23561005 STELAN BJ PDK KC.DPN & CLN KOTAK M Stelan 46.000
23561004 STELAN BJ PDK KC.DPN & CLN KOTAK S Stelan 44.000
23561003 STELAN BAJU PANJANG & CLN RIB NB Stelan 43.000
23561002 STELAN BAJU PENDEK&CLN POP NB Stelan 33.000
23561001 STELAN KUTUNG & CLN POP NB Stelan 32.000
23310012 KAOS DALAM WARNA L/P XXL Singlet 17.000
23130001 BEDONG PRINT ISI 3 Bedongan 135.000
23250087 OBLONG PANJANG KC PUNDAK XL Oblong 28.000
23250086 OBLONG PANJANG KC PUNDAK L Oblong 24.000
23250080 KAOS OBLONG PENDEK PRINT XXL Oblong 27.000
23250079 KAOS OBLONG PENDEK PRINT XL Oblong 25.000
23140046 CELANA PANJANG TUTUP KK L Celana 23.000
23140033 CELANA PENDEK/KOTAK PRINT L Celana 19.000
23140032 CELANA PENDEK/KOTAK PRINT M Celana 18.000
23140031 CELANA PENDEK/KOTAK PRINT S Celana 17.000
23140030 CELANA PENDEK/KOTAK PRINT NB Celana 16.000