sebagai salah satu syarat untuk memperoleh gelar sarjana...

134
Aplikasi Sistem Penjualan Online Industri Pisau Berbasis E-Commerce Pada CV. Hikmah Berkah Utama Erwan Skripsi Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer Oleh : FiyaYanti Mala 1112091000085 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2019 M/1440

Upload: others

Post on 01-Feb-2020

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

Aplikasi Sistem Penjualan Online Industri Pisau Berbasis

E-Commerce Pada CV. Hikmah Berkah Utama Erwan

Skripsi

Sebagai Salah Satu Syarat untuk Memperoleh

Gelar Sarjana Komputer

Oleh :

FiyaYanti Mala

1112091000085

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

JAKARTA

2019 M/1440

Page 2: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

II UIN Syarif hidayatullah Jakarta

APLIKASI SISTEM PENJUALAN ONLINE INDUSTRI PISAU BERBASIS

E-COMMERCE PADA CV. HIKMAH BERKAH UTAMA ERWAN

Skripsi

Sebagai Salah Satu Syarat untuk

Memperoleh Gelar Sarjana Komputer (S.Kom)

Oleh:

Fiya Yanti Mala

1112091000085

Menyetujui,

Pembimbing I

A. Hanifa Setyaningrum, M.si

NIDN. 0728020340389997

Pembimbing II

Arini, MT

NIP. 19760131 200901 2 001

Mengetahui,

Ketua Program Studi Teknik Informatika

Dr. Imam Marzuki Shofi, MT

NIP. 19720205 200801 1 010

Page 3: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

III UIN Syarif hidayatullah Jakarta

PENGESAHAN UJIAN

Skripsi berjudul “Aplikasi Sistem Penjualan Online Industri Pisau Berbasis E-

Commerce Pada CV. Hikmah Berkah Utama Erwan” yang ditulis oleh Fiya Yanti

Mala, NIM 1112091000085 telah diujikan dalam sidang munaqasyah Fakultas

Sains dan Teknologi UIN Syarif Hidayatullah Jakarta pada Mei 2019. Skripsi ini

telah diterima sebagai salah satu syarat memperoleh gelar Sarjana Komputer

(S.Kom) pada Program Studi Teknik Informatika.

Jakarta, Mei 2019

Tim Penguji

Tim Pembimbing

Mengetahui,

Dosen Pembimbing I,

Anif Hanifa Setyaningrum, M.Si

NIDN.07280 20340 389997

Dosen Pembimbing II,

Arini, MT

NIP. 19760131 200901 2 001

Ketua Program Studi Teknik Informatika

Dr. Imam Marzuki Shofi, MT

NIP. 19720205 200801 1 010

Penguji I,

Penguji II,

Dekan Fakultas Sains dan Teknologi

Prof. Dr. Lily Surraya Eka Putri, M.Env.Stud

NIP. 19690404 200501 2 005

Dosen Penguji I,

Siti Ummi Masruroh, M.Sc

NIP. 19820823 201101 2 013

Dosen Penguji II,

Luh Kesuma Wardhani, ST, MT

NIP. 19780424 200801 2 022

Page 4: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

IV UIN Syarif hidayatullah Jakarta

PERNYATAAN ORISINILITAS

Dengan ini saya menyatakan bahwa:

1. Skripsi ini merupakan hasil karya asli saya yang diajukan untuk memenuhi

salah satu persyaratan memperoleh gelar Strata 1 di UIN Syarif

Hidayatullah Jakarta

2. Semua sumber yang saya gunakan dalam penulisan ini telah saya

cantumkan sesuai dengan ketentuan yang berlaku di UIN Syarif

Hidayatullah Jakarta

3. Apabila di kemudian hari terbukti karya ini bukan hasil karya asli saya

atau merupakan hasil jiplakan karya orang lain, maka saya bersedia

menerima sanksi yang berlaku di UIN Syarif Hidayatullah Jakarta

Jakarta, Mei 2019

Fiya Yanti Mala

Page 5: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

V UIN Syarif hidayatullah Jakarta

PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI

Sebagai civitas akademik UIN Syarif Hidayatullah Jakarta, saya yang bertanda

tangan dibawah ini:

Nama : Fiya Yanti Mala

NIM : 1112091000085

Program Studi : Teknik Informatika

Fakultas : Sains dan Teknologi

Jenis Karya : Skripsi

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Universitas Islam Negeri Syarif Hidatullah Jakarta Hak Bebas Royalti

Noneksklusif (Non-exclusive Royalty Free Right) atas karya ilmiah saya yang

berjudul:

APLIKASI SISTEM PENJUALAN ONLINE INDUSTRI PISAU BERBASIS

E-COMMERCE PADA CV. HIKMAH BERKAH UTAMA ERWAN

Beserta perangkat yang ada (jika diperlukan). Dengan hak Bebas Royalti

Noneksklusif ini Universitas Islam Negeri Syarif Hidayatullah Jakarta berhak

menyimpan, mengalihmedia/formatkan, merawat, dan mempublikasikan tugas

akhir saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan

sebagai pemilik Hak Cipta. Demikian pernyataan ini saya buat dengan

sebenarnya.

Dibuat di: Jakarta

Pada tanggal: Mei 2019

Yang menyatakan

(Fiya Yanti Mala)

Page 6: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

VI UIN Syarif hidayatullah Jakarta

KATA PENGANTAR

Puji syukur senantiasa dipanjatkan kehadirat Allah SWT yang telah

melimpahkan rahmat, hidayah serta nikmat-Nya sehingga penyusunan skripsi ini

dapat diselesaikan. Sholawat dan salam senantiasa dihaturkan kepada junjungan

kita baginda Nabi Muhammad SAW beserta keluarganya, para sahabatnya serta

umatnya hingga akhir zaman. Penyusunan skripsi ini adalah salah satu syarat

untuk memperoleh gelar Sarjana Komputer pada program studi Teknik

Informatika, Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif

Hidayatullah Jakarta. Dalam penyusunan skripsi ini, telah banyak bimbingan dan

bantuan yang didapatkan dari berbagai pihak sehingga skripsi ini dapat berjalan

dengan lancar. Oleh karena itu, penulis ingin mengucapkan banyak terima

kasihkepada :

1. Kedua Orangtua, Bapak Achmad Husni Kamal dan Euis Haryanti serta

adik tercinta Firda Yanti yang tak pernah lelah mendukung dan memberi

motivasi setiap hari baik berupa materil dan moril.

2. Ibu Prof. Dr. Lily Surraya Eka Putri, M.Env.Stud selaku dekan Fakultas

Sains dan Teknologi.

3. Bapak, Imam Marzuki Shofi, MT. selaku Ketua Program Studi Teknik

Informatika dan Bapak Andrew Fiade, M. Kom. selaku Sekretaris Program

Studi Teknik Informatika

4. Staff CV. Hikmah Berkah Utama Erwan dan Narasumber, selaku

pembimbing di tempat penelitian, yang membantu kelancaran dan

kesuksesan penelitian ini.

5. Ibu Anif Hanifa Setyaningrum, M.Si. dan Ibu Arini, MT. selaku Dosen

Pembimbing I dan II yang senantiasa meluangkan waktu dan memberikan

bimbingan, bantuan, semangat dan motivasi dalam menyelesaikan skripsi

ini.

6. Seluruh dosen dan staff karyawan UIN Jakarta, khususnya Fakultas Sains

dan Teknologi yang telah memberikan ilmu dan pengalaman yang

berharga.

Page 7: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

VII UIN Syarif hidayatullah Jakarta

7. Seluruh sahabat-sahabat terbaik dari Teknik Informatika angkatan 2012,

khususnya teman-teman seperjuangan di Himpunan Mahasiswa Teknik

Informatika.

8. Temen temen yang juga menjadi tempat berkeluh kesah, Asri Naufalia

Zein, Renov, Revan, Isnaini Aulianingtyas, Rizki Irvan D, Rizki Azhari,

M .Aulia Akbar & Rizki Ivan.

9. Sahabat-sahabat KKN ACTIVE.

10. Seluruh pihak yang tidak dapat disebutkan satu persatu yang secara

langsung maupun tidak langsung telah membantu dalam menyelesaikan

skripsi ini.

Jakarta, Mei 2019

Fiya Yanti Mala

Page 8: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

VIII UIN Syarif hidayatullah Jakarta

Nama : Fiya Yanti Mala

Program Studi : Teknik Informatika

Judul : Aplikasi Sistem Penjualan Online Industri Pisau Berbasis E-

Commerce Pada CV. Hikmah Berkah Utama Erwan

ABSTRAK

CV. Hikmah Berkah Utama Erwan adalah perusahaan yang bergerak dalam

bidang penjualan pisau. Prosedur penjualannya secara manual, dari mulai

transaksi, pemasaran hingga laporan masih menggunakan tulis kertas masalah

sering kali muncul terutama saat pelayanan pelanggan yang memerlukan waktu

lama. Untuk memudahkan perusahaan dalam melayani transaski lebih efektif dan

mencapai pangsapasar yang luas. Penulis membuat penelitian yang bertujuan

membuat aplikasi sistem penjualan online berbasis e-commerce untuk

memudahkan transaksi penjualan dan pengaksesan dapat dilakukan selama tempat

tersebut memiliki jaringan internet. Sistem aplikasi ini dibuat menggunakan

bahasa pemrograman web PHP dengan tools Notepad++, database MySQL dan

metode pengembangan system RAD, tools UML . Hasil penelitian menghasilkan

aplikasi sistem penjualan online berbasis web yang memudahkan transaksi dan

pemasaran produk dengan jangkauan yang lebih luas serta penyimpanan laporan

lebih rapih dalam database.

Kata Kunci : E-Commerce, Toko Online, Website, PHP, MySQL, RAD

Daftar Pustaka :23Buku + 13Jurnal+ 1Website

Jumlah Halaman :VI Bab+134 Halaman+56 Gambar+18 Tabel+ 4Lampiran

Page 9: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

IX UIN Syarif hidayatullah Jakarta

Nama : Fiya Yanti Mala

Program Studi : Teknik Informatika

Judul : Sistem Penjualan Online Industri Pisau Berbasis E-Commerce

Pada CV. Hikmah Berkah Utama Erwan

ABSTRACT

CV. Hikmah Berkah Utama Erwan is a company that is engaged in the sale of

knives. Manual sales procedures, from transactions, marketing to reports, still

using paper writing, problems often arise especially when customer service takes

a long time. To make it easier for companies to serve transactions more effectively

and reach a broad market share. The author makes a research that aims to make

an e-commerce-based online sales system application to facilitate sales and

access transactions can be done as long as the place has an internet network. This

application system is created using PHP web programming language with

Notepad ++ tools, MySQL database and RAD system development methods, UML

tools. The results of the study resulted in a web-based online sales system

application that facilitates transactions and marketing of products with a wider

range and safer storage of reports in the database.

.

Keywords : E-Commerce, Toko Online, Website, PHP, MySQL, RAD

Bibliography : 23Buku+ 13 Jurnal + 1 Website

Number of Pages : VI Bab + 134 Page + 56 Picture+ 18 Table + 4Attachment

Page 10: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

X UIN Syarif hidayatullah Jakarta

DAFTAR ISI

PENGESAHAN UJIAN ...................................................................................... III

PERNYATAAN ORISINILITAS ...................................................................... IV

PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI ............................... V

KATA PENGANTAR ......................................................................................... VI

ABSTRAK ......................................................................................................... VIII

ABSTRACT ......................................................................................................... IX

DAFTAR ISI .......................................................................................................... X

DAFTAR GAMBAR .......................................................................................... XII

DAFTAR TABEL ............................................................................................ XIV

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

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

1.2 Rumusan Masalah .................................................................................... 2

1.3 Batasan Masalah ....................................................................................... 3

1.4 Tujuan Penelitian ...................................................................................... 3

1.5 Manfaat Penelitian .................................................................................... 3

1.5.1 Manfaat Bagi Penulis ........................................................................ 3

1.5.2 Manfaat Bagi Pengguna .................................................................... 3

1.5.3 Manfaat Bagi Universitas .................................................................. 3

1.6 Metode Penelitian ..................................................................................... 4

1.6.1 Metode Pengumpulan Data ............................................................... 4

1.7 Metode Pengembangan Sistem ................................................................ 4

1.8 Sistematika Penulisan ............................................................................... 5

BAB II LANDASAN TEORI ............................................................................... 6

2.1 E-Commerce ............................................................................................. 6

2.2 RAD .......................................................................................................... 7

2.3 UML ......................................................................................................... 9

2.4 Database ................................................................................................. 11

2.5 WEBSITE ............................................................................................... 11

2.7 HyperText Markup Language (HTML).................................................. 11

2.8 PHP ......................................................................................................... 12

Page 11: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

XI UIN Syarif hidayatullah Jakarta

2.9 XAMPP .................................................................................................. 12

2.10 MYSQL .................................................................................................. 13

2.11 Notepad++ .............................................................................................. 13

2.12 Pengujian Sistem ................................................................................... 13

2.13 Metodelogi Pengumpulan Data .............................................................. 14

2.13.1 Studi Lapangan................................................................................ 14

2.13.2 Studi Kepustakaan ........................................................................... 14

BAB III METODE PENELITIAN ................................................................... 16

3.1 Metode Pengumpulan Data .................................................................... 16

3.1.1 Studi Lapangan................................................................................ 16

3.1.2 Studi Kepustakaan ........................................................................... 17

3.2 Metode Pengembangan Sistem .............................................................. 21

3.3 Kerangka Berfikir ................................................................................... 22

BAB IV ANALISIS PERANCANGAN SISTEM, IMPLEMENTASI, DAN

PENGUJIAN ....................................................................................................... 24

4.1 Fase Requirment Planning ..................................................................... 24

4.1.1 Identifikasi & Analisis Sistem ........................................................ 24

4.2 Fase Workshop Design ........................................................................... 29

4.2.1 Tahap Perancangan Basis Data ....................................................... 29

4.2.2 Perancangan Sistem ........................................................................ 36

4.2.3 Perancangan User Interface ............................................................ 53

4.3 Fase Implementasi .................................................................................. 58

4.3.1 Pengujian ......................................................................................... 58

BAB V HASIL DAN PEMBAHASAN .............................................................. 65

5.1 Hasil Akhir Sistem ................................................................................. 65

5.2 Hasil Tampilan Antarmuka .................................................................... 65

BAB VI KESIMPULAN DAN SARAN............................................................. 78

6.1 Kesimpulan ............................................................................................. 78

6.2 Saran ...................................................................................................... 78

DAFTAR PUSTAKA .......................................................................................... 79

LAMPIRAN ......................................................................................................... 84

Page 12: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

XII UIN Syarif hidayatullah Jakarta

DAFTAR GAMBAR

Gambar 2.1 Struktur System E-Commerce berbasis WEB ..................................... 6

Gambar 2.2 Contoh Use Case diagram ................................................................... 9

Gambar 2.3 Contoh Activity Diagram .................................................................. 10

Gambar 2.4 Contoh Class Diagram ...................................................................... 11

Gambar 3.1 Kerangka Berfikir .............................................................................. 23

Gambar 4.1 Flowchart sistem berjalan di CV. Hikmah Berkah ........................... 25

Gambar 4.2 Flowchart Sistem Usulan untuk Transaksi ........................................ 26

Gambar 4.3 Flowchart Admin .............................................................................. 27

Gambar 4.4 Use Case Diagram ............................................................................. 36

Gambar 4.5 Activity Diagram Login Admin ........................................................ 37

Gambar 4.6 Activity Diagram Admin Menglola data Admin............................... 38

Gambar 4.7 Activity Diagram Mengelola Data Produk........................................ 39

Gambar 4.8 Activity Diagram Admin Mengelola Data Kategori ......................... 40

Gambar 4.9 Activity Diagram Mengelola Data News .......................................... 41

Gambar 4.10 Activity Diagram Mengelola Data Download ................................ 42

Gambar 4.11 Activity Diagram Admin mengelola data Jasa Kirim ..................... 43

Gambar 4.12 Activity Diagram Admin mengelola Ongkos Kirim ....................... 44

Gambar 4.13 Activity Diagram Admin mengelola data Testimoni...................... 45

Gambar 4.14 Activity Diagram Admin mengelola data Order ............................. 46

Gambar 4.15 Activity Diagram Mengelola Data Laporan .................................... 47

Gambar 4.16 Activity Diagram Mengelola Login User........................................ 48

Gambar 4.17 Activity Diagram Transaksi Kustomer ........................................... 49

Gambar 4.18 Activity Diagram Kustomer menginput Testimoni ......................... 50

Gambar 4.19 Class Diagram ................................................................................. 51

Gambar 4.20 Rancang antarmuka login ................................................................ 53

Gambar 4.21 Rancang antarmuka Admin ............................................................. 54

Gambar 4.22 Rancang input produk ..................................................................... 55

Gambar 4.23 Rancang antarmuka Login Kustomer .............................................. 55

Gambar 4.24 Rancang antarmuka Cart ................................................................. 56

Gambar 4.25 Rancang antarmuka Testimoni ........................................................ 56

Gambar 4.26 Rancang Laporan Data Produk ....................................................... 57

Gambar 4.27 Rancang Data Kustomer.................................................................. 57

Gambar 4.28 Rancang Laporan Order .................................................................. 57

Gambar 5.1 Halaman Home .................................................................................. 65

Gambar 5.2 Halaman Login Admin ...................................................................... 66

Page 13: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

XIII UIN Syarif hidayatullah Jakarta

Gambar 5.3 Halaman Menu Admin ...................................................................... 67

Gambar 5.4 Halaman View Katergori Produk ...................................................... 67

Gambar 5.5 Halaman Input Katergori Produk ...................................................... 68

Gambar 5.6 Halaman View Data Produk .............................................................. 68

Gambar 5.7 Halaman Input Produk ...................................................................... 69

Gambar 5.8 Halaman View SubProduk ................................................................ 70

Gambar 5.9 Halaman Input SubProduk ................................................................ 70

Gambar 5.10 Halaman Daftar Kustomer .............................................................. 71

Gambar 5.11 Halaman Kustomer .......................................................................... 71

Gambar 5.12 Halaman List Kategori Kustomer ................................................... 72

Gambar 5.13 Halaman List Produk ....................................................................... 72

Gambar 5.14 Halaman Detail Produk ................................................................... 73

Gambar 5.15 Halaman Keranjang Belanja............................................................ 73

Gambar 5.16 Halaman Checkout .......................................................................... 74

Gambar 5.17 Halaman Lihat Order ....................................................................... 74

Gambar 5.18 Halaman Order Admin .................................................................... 75

Gambar 5.19 Halaman Cetak Laporan .................................................................. 75

Gambar 5.20 Laporan Order ................................................................................. 76

Gambar 5.21 Laporan Data Member .................................................................... 77

Gambar 5.22 Laporan Data Produk ...................................................................... 77

Page 14: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

XIV UIN Syarif hidayatullah Jakarta

DAFTAR TABEL

Tabel 2.1 Kelebihan dan Kekurangan Rapid Application Development ( RAD ) .. 8

Tabel 3.1 Penelitian Terdahulu ............................................................................. 20

Tabel 4.1 Spesifikasi Basis Data Admin ............................................................... 29

Tabel 4.2 Spesifikasi Basis Data Kategori ............................................................ 30

Tabel 4.3 Spesifikasi Basis Data Produk .............................................................. 30

Tabel 4.4 Spesifikasi Basis Data Kustomer .......................................................... 31

Tabel 4.5 Spesifikasi Basis Data order ................................................................. 31

Tabel 4.6 Spesifikasi Basis Data Order Detail ...................................................... 32

Tabel 4.7 Spesifikasi Basis Data News ................................................................. 32

Tabel 4.8 Spesifikasi Basis Data testimoni ........................................................... 33

Tabel 4.9 Spesifikasi Basis Data Download ......................................................... 33

Tabel 4.10 Spesifikasi Basis Data Kota ................................................................ 34

Tabel 4.11 Spesifikasi Basis Data Subproduk ...................................................... 34

Tabel 4.12 Spesifikasi Basis Data Jasa Kirim ....................................................... 34

Tabel 4.13 Spesifikasi Basis Data Bank ............................................................... 35

Tabel 4.15 Pengujian Black Box Login ................................................................. 58

Tabel 4.16 Pengujian Black Box Order Barang .................................................... 61

Page 15: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

BAB I

PENDAHULUAN

1.1 Latar Belakang

Setiap tahunnya, perkembangan internet diseluruh dunia termasuk

Indonesia semakin meningkat penggunanya. Terbukti dari fungsi internet yang

semakin luas setiap harinya. Dimulai dari penyebaran informasi dan sarana

pembelajaran hingga di era globalisasi ini merambah kebidang lain salah satunya

adalah dibidang ekonomi, sehingga muncul istilah perdagangan elektronik atau

yang lebih dikenal dengan sebutan E-Commerce.

E-Commerce terus berkembang dengan pesat sejalan dengan pola hidup

masyarakat yang sesuai dengan sifat dasar E-commerce yaitu praktis dan mudah.

Masyarakat disuguhkan dengan kemudahan berbelanja hanya dengan berselancar

didunia maya. Transaksi dapat dilakukan ditempat yang tak terbatas selagi tempat

tersebut menyediakan jaringan internet.

Menurut data yang dikeluarkan oleh wartaekonomi.co.id awal 2019

Selama kurun waktu 4 tahun terakhir, e-commerce di Indonesia mengalami

peningkatan hingga 500 persen. Riset terbaru Google dan Temasuk dalam laporan

E-Conomy SEA 2018 menunjukkan bahwa ekonomi digital Indonesia tahun ini

mencapai US$27 miliar atau sekitar Rp.391 triliun. Angka tersebut menjadikan

transaksi ekonomi digital Indonesia berada di peringkat pertama untuk kawasan

Asia Tenggara dengan kontribusi sebesar 49 persen.

Survei lainnya juga dilakukan oleh Indonesia e-Commerce Association

(idEA). Berdasarkan data yang didapat, dari 262 juta penduduk Indonesia, 132,7

juta atau 51% masyarakatnya pengguna internet, sekitar 106,0 juta pengguna

media sosial, dan pengguna aktif telepon genggam sebanyak 92,0 juta atau sekitar

35%. 48% penduduk Indonesia mencari informasi produk online, 46%

mengunjungi toko online, 41% membeli produk online, mengenai aksesnya 34%

membeli melalui komputer, sedangkan melalui telepon genggam atau

Page 16: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

2 UIN Syarif Hidayatullah Jakarta

Smartphone sebesar 33%. Jika secara keseluruhan, transaksi e-commerce di

Indonesia itu pembelinya sebanyak 24,74 juta atau 9% dari total populasi dengan

total nilai transaksi sebesar US$ 5,6 miliar (Ignasius Untung,2017).

Sebagai salah satu jenis usaha yang bergerak di bidang penjualan Industri

Pisau, CV Hikmah berkah utama Erwan saat ini proses transaksinya masih

terbilang sangat manual. Dimana ketika banyak pelanggan datang ke tempat

penjualan mereka tidak bisa mendapatkan pelayanan sekaligus. Belum lagi

masalah pembeli yang memang terkadang menginginkan pelayanan secara cepat,

pengecekan ketersediaan barang hanya menggunakan penulisan kertas dan kode-

kode yang ditulis di papan spidol pada gudang dimana membuat pembeli lebih

memerlukan waktu yang lama untuk mendapatkan info ketersediaan barang.

Belum lagi masalah pendataan transaksi yang terkadang terdapat human eror

karena pelayan lupa mencatat info transaksi pada buku transaksi yang tersedia.

Data-data tercecer tidak luput ambil bagian menjadi masalah pada CV ini.

Masalah yang di alami CV. Hikmah Berkah Utama Erwan dan data-data pesat dari

transaksi E-Commerce membuat penulis yakin bahwa E-Commerce inilah yang

menjadi solusi pemecahan masalahhnya.

Berdasarkan latar belakang di atas maka penulis mengajukan penelitian

skripsi dengan judul “Sistem Penjualan Online Industri Pisau Berbasis E-

Commerce Pada CV. Hikmah Berkah Utama Erwan”.

1.2 Rumusan Masalah

Berdasarkan latar belakang tersebut, maka yang menjadi rumus masalah

dalam penelitian ini sebagai berikut:

1. Bagaimana membuat Sistem Penjualan Online Industri Pisau Berbasis E-

Commerce Pada CV. Hikmah Berkah Utama Erwan ?

Page 17: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

3 UIN Syarif hidayatullah Jakarta

1.3 Batasan Masalah

1. Aplikasi ini dibuat menggunakan bahasa pemrograman PHP menggunakan

Notepad++ dan Mysql sebagai databasenya.

2. Aplikasi ini hanya mengolah data jasa kirim, produk, data order dan juga

data kustomer.

3. Sistem hanya menyediakan proses pembelian barang, dan informasi

mengenai stock barang tersebut.

4. Pembayaran dilakukan secara terpisah dari sistem, yaitu kustomer

melakukan pembayaran langsung melalui bank.

1.4 Tujuan Penelitian

Tujuan yang ingin dicapai dari tugas akhir ini adalah :

1. Untuk membuat Aplikasi Sistem penjualan Online Industri pisau berbasis

E-Commerce guna memudahkan perusahaan dalam masalah pemasaran

produknya.

2. Memudahkan pembeli mengakses produk yang dibutuhkan dari perusahaan.

1.5 Manfaat Penelitian

1.5.1 Manfaat Bagi Penulis

Manfaat penelitian ini bagi penulis adalah menerapkan dan

mengembangkan ilmu-ilmu yang telah diperoleh selama kuliah.

1.5.2 Manfaat Bagi Pengguna

1. Membuat perusahaan lebih mudah dalam masalah pemasaran.

2. Membuat pelanggan perusahaan dimudahkan untuk membeli

barang yang diinginkan dari perusahaan.

1.5.3 Manfaat Bagi Universitas

1. Mengukur tingkat kemampuan mahasiswa menguasai materi

pelajaran yang diperoleh,

2. Memberikan gambaran terhadap mahasiswa untuk menghadapi

dunia kerja yang sebenarnya.

Page 18: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

4 UIN Syarif hidayatullah Jakarta

1.6 Metode Penelitian

Pada penulisan ini, penulis melakukan pengumpulan data-data dan materi

terkait dengan metode :

1.6.1 Metode Pengumpulan Data

Teknik pengumpulan data yang dilakukan :

1. Studi Lapangan

Penelitian ini dilakukan dengan mendatangkan lokasi penelitian (survei)

untuk memperoleh informasi serta data yang diperlukan.

Adapun teknik yang ditempuh adalah :

a. Observasi, merupakan teknik atau pendekatan untuk mendapatkan

data primer dengan mengamati langsung dari objeknya.

b. Wawancara/interview, adalah komunikasi dua arah untuk

mendapatkan infromasi dari responden.

2. Studi Kepustakaan

Menghimpun informasi yang relevan.Informasi tersebut dapat diperoleh

dari buku-buku, karya ilmiah, tesis, disertasi, ensiklopedia, internet, dan

sumber-sumber lain.

1.7 Metode Pengembangan Sistem

Dalam pengembangan Aplikasi Sistem Penjualan Online Industri Pisau

Berbasis E-Commerce Pada CV. Hikmah Berkah Utama Erwandini penulis

menggunakan metode pengembangan sistem RAD (Rapid Application

Development), meliputi :

1. Fase perencanaan syarat-syarat : melakukan identifikasi kebutuhan

informasi untuk memecahkan permasalahan.

2. Fase Perancangan (design workshop) : melakukan perancangan user

interface.

3. Fase Implementasi : fase dimana aplikasi sistem yang dibangun pada

fase sebelumnya diimplementasikan.

Page 19: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

5 UIN Syarif hidayatullah Jakarta

1.8 Sistematika Penulisan

Tugas ini terdiri dari enam bab yang disusun dengan materi pembahasan

yang saling berhubungan dengan sistematika sebagai berikut:

BAB I PENDAHULUAN

Bab ini menjelaskan tentang masalah yang menjadi dasar

pelaksanaan penelitian ini yang berisikan latar belakang, rumusan

masalah, batasan masalah. Bab ini juga menjabarkan tentang

maksud dan tujuan penelitian, manfaat penelitian, metodologi

penelitian, dan sistematika penulisan yang merupakan gambaran

menyeluruh dari penelitian ini.

BAB II LANDASAN TEORI

Bab ini menguraikan konsep dan teori dasar materi yang terkait dan

digunakan selama penelitian dan yang digunakan untuk membantu

menyusun laporan dalam penelitian ini.

BAB III METODOLOGI PENELITIAN

Bab ini menjabarkan tentang metode penelitian yang digunakan

yaitu metodologi pengumpulan data dan metodologi

pengembangan sistem.

BAB IV IMPLEMENTASI

Pada bab ini berisi tentang pelaksanaan implementasi metode

simulasi dari tahapan formulasi masalah sampai tahapan simulasi.

BAB V HASIL DAN PEMBAHASAN

Pada bab ini berisi tentang pelaksanaan tahapan verifikasi dan

validasi sampai analisis keluaran, yang merupakan hasil dan

pembahasan dari penelitian ini.

BAB VI PENUTUP

Pada bab ini memuat penutup yang berisi kesimpulan dari hasil

penelitian serta saran untuk penelitian lebih lanjut.

Page 20: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

BAB II

LANDASAN TEORI

2.1 E-Commerce

Menurut Vermaat (2007:83) E-Commerce merupakan transaksi bisnis yang

terjadi dalam jaringan elektronik seperti internet. Siapapun yang mempunyai

jaringan internet dapat berpartisipasi dalam kegiatan E-Commerce. Diterjemahkan

oleh Onno. W. Purbo (2002), E-commerce merupakan satu set dinamis teknologi,

aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan

komunitas tertentu melalui transaksi elektronik dan perdagangan barang,

pelayanan, dan informasi yang dilakukan secara elektronik.

Gambar 2.1 Struktur System E-Commerce berbasis WEB (Sumber : Aberg dan Shahmehri, 2000 dikutip Shabur, Heru dan Riyadi dalam jurnal yang

berjudul IMPLEMENTASI E-COMMERCE SEBAGAI MEDIA PENJUALAN ONLINE

(STUDI KASUS PADA TOKO PASTBRIK KOTA MALANG), 2015)

Jenis-jenis transaksi pada e-commerce yaitu :

- Busines to Busines (B2B) adalah sistem komunikasi bisnis online antar pelaku

bisnis, B2B terdiri atas Transaksi Inter-Organizational system (IOS) dan

Transaksi Pasar Elektronik (Electronic Market Transfer), (Onno W.Purbo,

2000:2).

- Busines to Cunsumer (B2C) adalah mekanisme toko online yang artinya

transaksi antara e-merchant dengan e-customer, (Onno W. Purbo, 2000:2).

- Consumer to Consumer (C2C) adalah indivindu yang mengiklankan produk

barang atau jasa, pengetahuan, maupun keahliannya di salah satu situs lelang,

(Munir Fuady, 2005:408).

Page 21: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

7 UIN Syarif hidayatullah Jakarta

- Consumer to Bussines (C2B) adalah individu yang menjual produk ataujasa

kepada organisasi dan individu yang mencari penjual dan melakukan transaksi

(Munir Fuady, 2005:408).

2.2 RAD

Menurut Whitten & Bentley (2007:98) Rapid Application Development (

RAD ) adalah sebuah strategi pengembangan sistem yang menekankan kecepatan

dalam pengembangan melalui keterlibatan pengguna dalam pembangunan secara

cepat, iteratif, dan incremental dari suatu serangkaian prototype dari suatu sistem

yang dapat berkembang menjadi suatu sistem akhir atau versi tertentu. Ide dasar

Rapid Application Development ( RAD ) adalah sebagai berikut:

- Untuk lebih mengefektifkan pengguna dalam keterlibatan kegiatan

menganalisa, mendesain dan membangun.

- Untuk mengorganisasikan pengembangan sistem agar lebih fokus, dan

lebih menerlibatkan system owner, users, analysts, designer dan builder.

- Untuk mempercepat kegiatan analisa dan perancangan kebutuhan sistem

melalui pendekatan pembangunan iteratif.

- Untuk mengurangi waktu yang dibutuhkan pengguna untuk melihat proses

kerja sistem yang dikembangkan.

Menurut Whitten & Bentley (2007:100) Rapid application development

(RAD) memberikan beberapa keuntungan dalam pemanfaatannya dalam

membangun prototype website namun juga memiliki kekurangan yang dapat

menyebabkan kerugian. Berikut adalah penjabaran lebih lanjut mengenai

keuntungan dan kerugian rapid application development dalam pemanfaatannya.

Page 22: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

8 UIN Syarif hidayatullah Jakarta

Tabel 2.1 Kelebihan dan Kekurangan Rapid Application Development ( RAD ) ( Sumber : Whitten & Bentley, 2007, 100)

Kelebihan Kekurangan

- Sangat berguna untuk proyek dimana kebutuhan sistem yang akan

dikembangkan belum sepenuhnya tepat atau tidak menentu.

- Mendorong antusias end-user untuk berpartisipasi dalam proyek

tersebut.

- Proyek memiliki visibilitas dan dukungan yang tinggi yang

dikarenakan keterlibatan pengguna.

- Solusi berbasis software lebih cepat dibandingkan solusi berbasis

bisnis model. Kesalahan dan kelalaian dapat diketahui lebih cepat

pada prototype ini dibandingkan pada system model.

- Uji coba adalah suatu keharusan dari suatu produk yang

mendasari dari pendekatan prototype.

- Pendekatan secara iterative lebih wajar karena perubahan adalah

factor yang diharapkan dalam proses pengembangan.

- Beberapa isu yang mengatakan RAD lebih membutuhkan

banyak tenaga, dukungan, dan pengembangan yang

menyebabkan meningkatnya biaya yang diperlukan.

- RAD dapat menyelesaikan masalah yang keliru jika

masalah tersebut diabaikan dan disingkat.

- Prototype berbasis RAD dapat memungkinkan

berkurangnya semangat dari analysts dibandingkan yang

lainnya.

- Terkadang para stakeholder melihat prototype sebagai

pembuangan tenaga dan waktu.

- Menekankan pada kecepatan penyelesaian proyek dapat

berdampak buruk bagi kualitas produk

Page 23: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

9 UIN Syarif hidayatullah Jakarta

2.3 UML

Menurut Satzinger, Jackson & Burd (2005:48), Unified Modeling

Language adalah suatu set standar konstruksi model dan notasi yang

dikembangkan secara khusus untuk pemodelan berorientasi objek. UML terdiri

dari beberapa notasi yaitu: Berikut adalah jenis UML yang digunakan dalam

penelitian ini :

- Use Case

Menurut Satzinger, Jackson & Burd (2005:215) Use case diagram adalah

sebuah diagram yang menunjukkan urutan pesan antara actor external dan

sistem selama usecase berlangsung.

Gambar 2.2 Contoh Use Case diagram (sumber : Aris, Mochamad Rinja, Taufan Jherico, 2017)

- Activity Diagram

Menurut Satzinger, Jackson & Burd (2005:141) Activity Diagram adalah

sebuah tipe dari work flow diagram yang mendeskripsikan aktifitas user

dan tahapan – tahapan pengerjaannya secara sekuensial.

Page 24: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

10 UIN Syarif hidayatullah Jakarta

Gambar 2.3 Contoh Activity Diagram (Sumber: Dedi, Edy Tekat Bronto Waluyo dan Elis Setiawati, 2016)

- Class Diagram

Menurut Munawar (2005 : 28) merupakan himpunan dari objek-objek

yang sejenis. Sebuah objek memiliki keadaan sesaat (state) dan perilaku

(behavior). State sebuah objek adalah kondisi objek tersebut yang

dinyatakan dalam attribute/properties. Sedangkan perilaku suatu objek

mendefinisikan bagaimana sebuah objek bertindak/beraksi dan

memberikan reaksi.

Page 25: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

11 UIN Syarif hidayatullah Jakarta

Gambar 2.4 Contoh Class Diagram (Sumber : Aris, Dini, Apriyani dan Dian, 2016)

2.4 Database

Menurut Sutarman (2012:15), Database sekumpulan file yang saling

berhubungan dan terorganisasi atau kumpulan record-record yang menyimpan

data dan hubungan diantaranya. Menurut Ladjamudin (2013:129), Database

adalah sekumpulan data store (bisa dalam jumlah yang sangat besar) yang

tersimpan dalam magnetic disk, oftical disk, magnetic drum, atau media

penyimpanan sekunder lainya.

2.5 WEBSITE

Menurut Sibero (2011 : 11), Website adalah suatu sistem yang berkaitan

dengan dokumen digunakan sebagai media untuk menampilkan teks, gambar,

multimedia dan lainnya pada jaringan internet. Menurut Arief (2011 : 8), Web

adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks,

gambar, animasi, video) didalamnya yang menggunakan protokol HTTP

(Hypertext Transfer Protocol) dan untuk mengaksesnya menggunakan perangkat

lunak yang disebut browser.

2.7 HyperText Markup Language (HTML)

Menurut Larry (2012:3) yang dikutip oleh Nur Azizah, Erna Astriyani dan

Listina Nadhia N dalam jurnalnya yang berjudul OPTIMALISASI APLIKASI E-

COMMERCE UNTUK PENJUALAN PADA TOKO DESFA BOGOR

Page 26: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

12 UIN Syarif hidayatullah Jakarta

mengemukakan bahwa “HTML adalah suatu metode untuk mengimplementasikan

konsep hypertext dalam suatu naskah atau document”. (Nur Azizah, Erna

Astriyani dan Listina Nadhia N, 2015).

Sedangkan menurut Supriyanto (2007) yang dikutip oleh Burhanudin,

Baharuddin dalam jurnalnya APLIKASI E-COMMERCE PADA TOKO

KHAIRUNNISWA BERBASIS WEB Hypertext Markup Language (HTML)

adalah bahasa dari World Wide Web yang dipergunakan untuk menyusun dan

membentuk dokumen agar dapat ditampilkan pada program browser. Tiap kali

kita mengakses dokumen web, maka sesungguhnya kita mengakses dokumen

seseorang yang ditulis dengan menggunakan format HTML. Jadi HTML itu

sendiri merupakan protokol yang digunakan untuk mentransfer data atau

document dari web server ke browser. HTML inilah yang menjadi dasar bila akan

menjelajah internet dan melihat halaman web yang menarik. (Burhanudin,

Baharuddin, 2017).

2.8 PHP

Supono dan Putratama (2016:3), PHP (Hypertext Preprocessor) adalah

suatu bahasa pemrograman yang digunakan untuk menerjemahkan baris kode

program menjadi kode mesin yang dapat dimengerti oleh komputer yang berbasis

server-side yang dapat ditambahkan ke dalam HTML. Sedangkan, menurut

Solichin (2016:11). PHP merupakan salah satu bahasa pemrograman berbasis web

yang ditulis oleh dan untuk pengembang web . PHP merupakan bahasa (script)

pemrograman yang sering digunakan pada sisi server sebuah web (Wahana

Komputer, 2010:1).

2.9 XAMPP

Menurut Nugroho (2013:1), XAMPP adalah paket program web lengkap

yang dapat Anda pakai untuk belajar pemrograman web, khususnya PHP dan

MySQL. Menurut Buana (2014:4), XAMPP adalah perangkat lunak opensource

yang diunggah secara geratis dan bisa dijalankan di semua semua operasi seperti

windows, linux, solaris, dan mac.

Page 27: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

13 UIN Syarif hidayatullah Jakarta

2.10 MYSQL

Menurut Nugroho (2013:26), MySQL adalah software atau program

Database Server. Sedangkan SQL adalah bahasa pemrogramannya, bahasa

permintaan (query) dalam database server termasuk dalam MySQL itu sendiri.

SQL juga dipakai dalam software database server lain, seperti SQL Server,Oracle,

PostgreSQL dan lainnya. Menurut Buana (2014:2), MySQL Merupakan database

server yang paling sering digunakan dalam pemograman PHP. MySQL digunakan

untuk menyimpan data dalam database dan memanipulasi data-data yang

diperlukan. Manipulasi data tersebut berupa menambah, mengubah, dan

menghapus data yang berada dalam database.

2.11 Notepad++

Nugroho (2004:6), Notepad++ adalah sebuah software bawaan windows

sebagai editor dasar.

2.12 Pengujian Sistem

Menurut Pressman (2010: 482), tujuan dari pengujian adalah untuk

menemukan dan memperbaiki sebanyak mungkin kesalahan dalam program

sebelum menyerahkan program kepada customer. Salah satu pengujian yang baik

adalah pengujian yang memiliki probabilitas tinggi dalam menemukan kesalahan.

Pada penelitian ini pengujian sistem yang digunakan adalah Black-Box

testing. Black-box testing merupakan pengujian yang berpusat padakebutuhan

fungsional perangkat lunak dimana memungkinkan untuk memperoleh

sekumpulan kondisi input yang secara penuh memeriksa fungsional dari sebuah

aplikasi. Black-box testing berusaha menemukan kesalahan-kesalahan seperti

kesalahan fungsi dan kesalahan tampilan aplikasi. Black-box testing dapat

digunakan untuk menguji aplikasi konvensional dan aplikasi yang berorientasi

objek (Pressman, 2010).

Beberapa keuntungan yang diperoleh dari jenis testing ini menurut Dedi,

Triono dan Wahdah Muhajiroh dalam jurnalnya yang berjudul Perancangan

Sistem E-Commerce Batik Sopiyan Hadi Berbasis Web antara lain:

Page 28: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

14 UIN Syarif hidayatullah Jakarta

a. Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan

teknis di bidang pemrograman,

b. Kesalahan dari perangkat lunak ataupun yang seringkali ditemukan oleh

komponen tester yang berasal dari pengguna,

c. Hasil dari black box testing dapat memperjelaskan kontradiksi ataupun

kerancuan yang mungkin ditimbulkan dari eksekusi perangkat lunak,

d. Proses testing dapat dilakukan lebih cepat dibandingkan white box testing.

(Dedi, Triono dan Wahdah Muhajiroh, 2017).

2.13 Metodelogi Pengumpulan Data

2.13.1 Studi Lapangan

Menurut Danang Sunyoto (2013:22), Studi lapangan adalah suatu

metode yang dilakukan oleh penelitidengan cara pengamatan langsung

terhadap kegiatan yang dilakukan oleh perusahaan.

- Observasi

Observasi adalah teknik pengumpulan data, dimana peneliti

melakukan pengamatan secara langsung ke objek penelitian untuk

melihat dari dekat kegiatan yang dilakukan (Riduwan, 2004 :

104).

- Wawancara

Wawancara adalah teknik penelitian yang paling sosiologis karena

bentuknya yang berasal dari interaksi verbal antara peneliti dan

responden dan juga cara yang paling baik untuk menentukan

kenapa seseorang bertingkah laku, dengan menanyakan secara

langsung ( Black & Champion, 1992: 305 ).

2.13.2 Studi Kepustakaan

Menurut Djaman Satori dan Aan Komariah (2011:105),

Studi kepustakaan merupakan pendukung penelitian yang berasal

Page 29: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

15 UIN Syarif hidayatullah Jakarta

dari pandangan-pandangan ahli dalam bentuk yang tertulis berupa

referensibuku, jurnal, laporan penelitian atau karya ilmiah lainnya.

Page 30: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

16 UIN Syarif hidayatullah Jakarta

BAB III

METODE PENELITIAN

3.1 Metode Pengumpulan Data

Penelitian ini menggunakan beberapa metode yang dapat mendukung

penulis dalam penyusunan, baik dalam pengumpulan data maupun informasi yang

diperlukan.

3.1.1 Studi Lapangan

3.1.1.1 Observasi

Dalam penelitian ini, penulis melakukan observasi pada:

1. Lokasi dalam pelaksanaan observasi ini, penulis melakukan

studi di:

Nama Instansi : CV. Hikmah Berkah Utama Erwan

Alamat :Parung Panjang, Kab.Tangerang.

Waktu Pelaksanaan : 12 Maret-15 Mei 2019

Observasi ini digunakan untuk mendapatkan data yang

dibutukan dalam penelitian yang berkaitan dengan proses yang

sedang berjalan pada CV. Hikmah Berkah Utama Erwan.

3.1.1.2 Wawancara

Metode ini dijalankan dengan cara mewawancarai

seseorang yang ahli dalam bidangnya atau yang mengerti terhadap

bahasan materi agar menjadi pendukung dalam penyusunan

skripsi.

Penggunaan metode wawancara ini karena memiliki

beberapa kekuatan dalam pencarian datanya, seperti memudahkan

pengaplikasiannya dan penerapannya, mudah dan dapat

mengetahui kebutuhan perusahaan secara langsung. Metode

Page 31: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

17 UIN Syarif hidayatullah Jakarta

wawancara ini penulis melakukan wawancara kepada Bapak

Erwan Riyawan sebagai direktur di CV. Hikmah Berkah Utama

Erwan pada tanggal 27 Maret 2019.

3.1.2 Studi Kepustakaan

Studi Kepustakaan dilakukan dengan mempelajari teori-teori

terkait dan hasil penelitian sebelumnya yang mendukung pemecahan

masalah dalam penelitian skripsi ini. Dalam melakukan studi pustaka

penulis melengkapi beberapa kekurangan data yang diperoleh dari studi

lapangan. Pengumpulan data dengan cara mengambil dari sumber-sumber

media cetak maupun elektronik yang terkait.

Sumber studi literature yang digunakan dalam penelitian skripsi

ini adalah studi literature hasil dari penelitian atau hasil penulisan karya

ilmiah.

1. Sistem Informasi Penjualan Online Jamur Tiram Mushroom

House Berbasis WEB, Kudus.

Penelitian ini dilakukan oleh Evanita dan Bagus Kurniawan Teknik

Informatika Universitas Muria Kudus pada tahun 2017. Hasil dari

penelitian ini adalah Aplikasi ini mampu meningkatkan publikasi

informasi secara optimal dan menunjang kelancaraan kinerja penjualan

jamur tiram ke masyarakat. Informasi yang di paparkan dalam aplikasi

tersebut mampu memberikan banyak informasi mengenai dalam

mengkonsumsi jamur tiram. Pemesanan dapat di terapkan melalui

sistem penjualan online sehingga proses pemesanan dapat dilakukan

dengan mudah dan efektif, karena selain pemesanan juga didapat

informasi tentang khasiat serta olahan mengenai jamur tiram.

Page 32: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

18 UIN Syarif hidayatullah Jakarta

2. Rancang Bangun Aplikasi Penjualan Online Berbasis WEB Pada

Toko SPICCATO Bandung, Garut.

Penelitian ini dilakukan oleh Nita Novianti Firmansyah & Asri Mulyani

2017. Hasil dari penelitian ini adalah Aplikasi panjualan online ini

berkembang menjadi aplikasi penjualan online yang bisa diakses oleh

masyarakat secara bebas yang dilakukan dimana saja dan kapan saja.

Terdapat fasilitas stok produk dan menggunakan sistem shopping chart

yang memudahkan masyarakat dalam pembelian produk. Terdapat

fasilitas komentar untuk mempermudah masyarakat dalam memberikan

saran kritik maupun saran terhadap produk dan tampilan aplikasi.

Dapat melakukan proses pemesanan dan pembelian produk secara

online sehingga dapat mem-permudah transaksi jual beli.

3. Sistem Informasi Penjualan Tas Berbasis WEB Dengan Pemodelan

UML, Batam.

Penelitian ini dilakukan oleh Nurul AzwantiSistem Informasi,

Universitas Putera Batam 2017. Hasil penelitian ini adalah

Penggunaan aplikasi website dapat mempermudah pelanggan dalam

melakukan pemesanan atau pembelian barang pada Mendi Shopping

karena lebih efisen dalam hal waktu dan juga jarak. Pengelolaan

penjualan barang menjadi lebih akurat dan tepat karena tidak lagi

menggunakan sistem manual tetapi sistem komputerisasi yang

menggunakan database sebagai media penyimpanan data. Website juga

dapat menjadi media promosi yang menginformasikan produk-produk

terbaru dan berkulitas sehingga dapat meningkatkan grafik penjualan

pada Mendi Shopping.

4. Perancangan Aplikasi Penjualan Pada PT. Hanjaya Mandala

Sampoerna TBK Berbasis WEB Mobile, Depok.

Penelitian ini dilakukan oleh Ahmad Sobri Program Studi Teknik

Informatika, STMIK MUSIRAWAS, 2017. Hasil dari penelitian ini

Page 33: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

19 UIN Syarif hidayatullah Jakarta

adalah Sistem Informasi Penjualan berbasis web mobile ini terdiri dari

5 tabel yaitu tabel admin, tabel pembeli, tabel barang, tabel member

dan tabel penjualan. Sistem informasi ini hanya dapat di akses oleh

admin. Sehingga pengolahan data seperti tambah data, hapus data, edit

data dan mencetak laporan hanya dapat dilakukan oleh admin. Serta

dalam melakukan transaksi penjualan akan mempermudah.

5. Perancangan Sistem Informasi Penjualan Online Studi Kasus

Tokoku, Tangerang.

Penelitian ini dilakukan oleh Fauyhi Eko Nugroho Universitas

Muhammadiyah Tangerang, 2016. Hasil dari penelitian ini adalah

Sistem informasi penjualan baju berbasis web (berupa aplikasi) dapat

menunjang efisiensi dan efektifitas kerja, karena dapat memperkecil

peluang terjadinya kesalahan pengolahan data yang dibutuhkan dan

mempermudah dalam pembuatan laporan. Pengolahan data yang

berbasis web dapat mempermudah pengaksesan data dan pencarian data

sehingga dapat membantu mempercepat pengambilan keputusan untuk

pimpinan. Sistem informasi berbasis web dapat meningkatkan ketelitian

dan keakuratan perhitungan dengan menggunakan rumus-rumus

perhitungan tertentu. Dengan adanya sistem informasi penjualan baju

berbasis web yang berupa aplikasi ini, dapat memperlancar proses

administrasi penjualan setiap saat bila diperlukan.

Page 34: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

20 UIN Syarif hidayatullah Jakarta

Tabel 3.1 Penelitian Terdahulu

No Nama Penulis Judul Jurnal Persamaan Perbedaan

1 Evanita dan Bagus

KurniawanTeknik

Informatika Universitas

Muria Kudus pada tahun

(2017)

Sistem Informasi Penjualan

Online Jamur Tiram

Mushroom House Berbasis

WEB, Kudus.

Berbasis WEB, Bahasa Pemrograman

PHP, Menu Daftar, Login Kustomer,

Order, Input Produk dan Kategori

Perhitungan ongkos kirim, Input ongkos kirim, Input rekening

bank , Input download, Input subproduk, Input jasa kirim, Input

news, Laporan dalam bentuk pdf.

2 Nita Novianti Firmansyah

& Asri Mulyani (2017)

Rancang Bangun Aplikasi

Penjualan Online Berbasis

WEB Pada Toko

SPICCATO Bandung,

Garut.

Berbasis WEB, Menu order, Cart

daftar member, Kategori , Produk , Sub

produk, Laporan dalam bentuk tabel

pada sistem.

Menu laporan dalam bentuk table maupun print pdf.

3 Nurul Azwanti Sistem

Informasi, Universitas

Putera Batam(2017)

Sistem Informasi Penjualan

Tas Berbasis WEB Dengan

Pemodelan UML, Batam.

Berbasis WEB, Menu daftar kustomer,

Berita, Transaksi/order, Berita.

Input ongkir dan jasa kirim ,Perhitungan ongkos kirim, Menu

input rekening, Terdapat laporan dalam bentuk pdf.

4 Ahmad Sobri Program

Studi Teknik Informatika,

STMIK MUSIRAWAS,

(2017)

Perancangan Aplikasi

Penjualan Pada PT.

Hanjaya Mandala

Sampoerna TBK Berbasis

WEB Mobile, Depok.

Berbasis web, PHP, Daftar

pembeli/distributor, Daftar barang

pembelian.

Penelitian aplikasi digunakan untuk kustomer dan admin, Input

ongkos kirim, Jasa kirim, Kota, Laporan dalam bentuk pdf

5 Fauyhi Eko Nugroho

Universitas

Muhammadiyah

Tangerang, (2016)

Perancangan Sistem

Informasi Penjualan Online

Studi Kasus Tokoku,

Tangerang.

Berbasis WEB, Menu daftar member,

Order belanja, Kelola item dan laporan

penjualan dalam bentuk tabel.

Menu tambah rek bank, Sub produk, Ongkos kirim dan Laporan

bentuk table dan bentuk pdf.

Page 35: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

21 UIN Syarif hidayatullah Jakarta

3.2 Metode Pengembangan Sistem

Pada tahapan ini penulis melakukan proses pencarian informasi dengan

mempelajari setiap konsep yang berhubungan dengan sistem penjualan pada toko

online dan implementasinya pada studi kasus lain, UML (Unified Modelling

Language), RAD (Rapid Application Development).

Metode RAD ini terdiri dari tiga fase pengembangan:

- Rencana Kebutuhan (Reqirement Planning)

Tahap ini, user dan penulis melakukan semacam pertemuan untuk

melakukan identifikasi masalah kebutuhan aplikasi, dan melakukan

identifikasi data dan informasi kebutuhan aplikasi. Cara yang penulis

gunakan adalah wawancara dan observasi.

- Proses Design (Design Workshop)

Tahap ini adalah melakukan proses desain dan melakukan perbaikan

apabila masih terdapat ketidaksesuaian desain antar user dan penulis. Pada

perancangan ini metode yang digunakan adalah UML sebagai tools untuk

pengembangan aplikasinya, UML menyediakan diagram-diagram sesuai

dengan kebutuhan kita. Diagram adalah representasi secara grafis dari

elemen-elemen tertentu beserta hubungan- hubungannya. Adapun

beberapa diagram UML yang digunakan oleh penulis, diantaranya:

a. Use Case Diagram

Use Case Diagram menggambarkan interaksi antara user dengan

sistem melalui sebuah cerita bagaimana sebuah sistem dapat

dipakai.

b. Activity Diagram

Merupakan teknik mendeskripsikana logika procedural, proses

bisnis dan aliran kerja.

c. Class Diagram

Class Diagram mendeskripsikan jenis-jenis objek dalam sistem dan

berbagai macam hubungan interaksi antar mereka.

Page 36: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

22 UIN Syarif hidayatullah Jakarta

Selanjutnya, tahap ini penulis mengembangkan design menjadi

suatu aplikasi. Software yang digunakan adalah XAMPP yang

meliputi: Apache sebagai web server, PHP dan HTML sebagai

bahasa pemrograman web dan MYSQL sebegai databasenya.

Selain itu menggunakan Notepad++ sebagai editor.

- Impelementasi (implementation)

Tahap implementasi sistem merupakan tahap meletakan sistem agar siap

untuk digunakan, yaitu dengan menyediakan hardware apa saja yang

dibutuhkan dan install software apa saja yang diperlukan hingga aplikasi

dapat berjalan. Tahap ini juga terdapat pengujian sistem yang bertujuan

melihat apakah aplikasi berjalan baik atau tidak.

3.3 Kerangka Berfikir

Berdasarkan landasan teori yang telah dijabarkan pada bab sebelumnya dan

metodologi yang dijelaskan pada bab ini yang akan dibuat suatu kerangka berfikir

sebagai alur berfikir dalam penyusunan penelitian skripsi ini berdasarkan

pengembangan sistem RAD. Kerangka berfikir tersebut digambarkan seperti

dibawah ini:

Page 37: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

23 UIN Syarif hidayatullah Jakarta

Gambar 3.1 Kerangka Berfikir

Page 38: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

BAB IV

ANALISIS PERANCANGAN SISTEM, IMPLEMENTASI, DAN

PENGUJIAN

4.1 Fase Requirment Planning

4.1.1 Identifikasi & Analisis Sistem

4.1.1.1 Identifikasi Masalah

Pada sistem yang ada di CV. Hikmah Berkah Utama

Erwan saat ini pengarsipan hanya dalam bentuk hardcopy

kurangnya efisiensi penanganan, akibatnya banyak data yang

mudah tercecer. Masalah pemasaran hanya dalam skup online

menunggu pelanggan datang atau mengharapkan kabar dari mulut

kemulut oleh konsumen yang merasa puas melakukan transaksi di

CV. Hikmah Berkah Utama Erwan. Terkadang terjadi pemesanan

melebihi stock yang tersedia, dimana pelanggan sudah mentransfer

uang tetapi barang yang ada tidak memenuhi pemesanan.

4.1.1.2 Identifikasi Sistem Berjalan

CV. Hikmah Berkah Utama Erwan mempunyai proses

melayani pelanggan dengan cara, pelanggan datang kemudian

melakukan pembelian dan pembayaran langsung ditempat. Atau

memesan via Whatsapp maupun SMS, pelanggan menntransfer

uang baru memberikan bukti transfer yang selanjutnya akan

diproses oleh admin tentang validasi transfer dan pengiriman

barang. Adapun bagan alur sistem berjalan pada CV. Hikmah

Berkah Utama Erwan sebagai berikut:

Page 39: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

25 UIN Syarif hidayatullah Jakarta

Gambar 4.1 Flowchart sistem berjalan di CV. Hikmah Berkah

Utama Erwan

Proses transaksi di CV. Hikmah Utama Erwan yaitu

Pembeli mendatangi tempat transaksi, disana pembeli memilih

produk dari katalog atau display yang ada ditoko, selesai memilih

produk pelayan dari cv memeriksa ketersediaan barang digudang.

Pemeriksaan ini biasanya membutuhkan pengecekan yang lumayan

lama karena sistem penulisan ketersedian barang masih

menggunakan kertas atau pengecekan secara langsung kedalam

gudang dengan melihat kode barang dan penyusunan rak sesuai

kategori barang.

4.1.1.3 Identifikasi Sistem Usulan

Sistem penulis yang ingin buat adalah Sistem Aplikasi

berbasis E-Commerce yang diharapkan dapat membantu

menyelesaikan masalah yang ada, Berikut merupakan bagan alur

sistem usulan CV. Hikmah Berkah Utama Erwan:

Page 40: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

26 UIN Syarif hidayatullah Jakarta

Gambar 4.2 Flowchart Sistem Usulan untuk Transaksi

Sistem usulan yang diberikan penulis adalah Pembeli

membuka website CV. Hikmah Berkah Utama Erwan, pembeli

melakukan login member jika sudah terdaftar, jika belum pembeli

membuat akun di website CV. Hikmah Berkah Utama Erwan.

Setelah Login Pembeli memilih barang. Pembeli bisa membuka

deskripsi untuk meyakinkan bahwa barang yang dipilih benar-benar

barang yang diinginkan. Jika sudah pembeli mengklik beli

kemudian bisa mengklik checkout jika sudah yakin ingin membeli

atau mengklik back jika ingin menambah barang lainnya. Setelah

klik checkout pembeli akan diberikan display tentang harga yang

harus dibayar berikut dengan nomor rekening yang dituju. Pembeli

bisa mentransfer harga yang harus dibayar via bank.

Page 41: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

27 UIN Syarif hidayatullah Jakarta

Gambar 4.3 Flowchart Admin

Page 42: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

28 UIN Syarif hidayatullah Jakarta

Disini penulis juga memberikan sistem usulan untuk

admin, alurnya adalah Admin bisa melakukan login dan mengelola

data-data yang dibutuhkan dalam sistem. Data-datanya yaitu:

-Mengelola Data Admin(Ubah Password)

-Mengelola Data Produk

-Mengelola Data Sub-Produk

-Mengelola Data Kategori

-Mengelola Data Jasa Kirim

-Mengelola Data Ongkos Kirim

-Mengelola Data News

-Mengelola Data Rekening Bank

-Mengelola Data Download

-Mengelola Data Testimoni

-Mengeola Data Order

-Mengelola Data Laporan

4.1.1.4 Identifikasi Syarat- syarat informasi

Pembuatan Sisem Aplikasi E-Commerce ini harus

memenuhi syarat–syarat yang meliputi kelengkapan data, software,

hardware. Kelengkapan data yang digunakan dalam pembuatan

Sistem Aplikasi E-Commerce Barang ini adalah :

1. Data Kustomer.

2. Data Produk.

3. Data Order.

Page 43: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

29 UIN Syarif hidayatullah Jakarta

Kebutuhan software yang digunakan untuk sistem

penjualan online berbasis E-Commerce ini adalah :

1. Windows 7,

2. Notepad ++,

3. XAMPP server,

4. Mozilla Firefox,

5. Draw.io.

Sedangkan, kebutuhan hardware yang digunakan

penulis untuk pembuatan sistem penjualan online berbasis E-

Commerce ini adalah :

1. Laptop Lenovo B490,

2. RAM 2GB.

4.2 Fase Workshop Design

4.2.1 Tahap Perancangan Basis Data

Spesifikasi basis data yang memberikan penjelasan secara detail

tentang masing-masing basis data yang digunakan dalam Aplikasi Sistem

Penjualan Online Industri Pisau Berbasis E-Commerce pada CV. Hikmah

Berkah Utama Erwan sebagai berikut:

1. Tabel Admin

Nama tabel : admins

Primary Key : id_admin

Tabel 4.1 Spesifikasi Basis Data Admin

Field Type Size Keterangan

Id_admin Int 11 Primary key

Username Varchar 50 -

Password Varchar 50 -

Page 44: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

30 UIN Syarif hidayatullah Jakarta

2. Tabel Kategori

Nama tabel : kategori

Primary Key : id_kategori

Tabel 4.2 Spesifikasi Basis Data Kategori

Field Type Size Keterangan

Id_kategori Int 11 Primary key

Nama_kategori Varchar 100 -

Kategori_Seo Varchar 100 -

3. Tabel Barang

Nama tabel : produk

Primary Key : id_produk

Tabel 4.3 Spesifikasi Basis Data Produk

Field Type Size Keterangan

Id_produk Int 11 Primary key

Id_kategori Int 11 Foreign key

Nama_produk Varchar 100 -

Produk_seo Varchar 100 -

Deskripsi Text - -

Harga Int 20 -

Stock Int 5 -

Berat Decimal 5,2 -

Tgl_masuk Date - -

Gambar Varchar 100 -

Dibeli Int 5 -

Diskon Int 5 -

Status Varchar 10 -

Page 45: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

31 UIN Syarif hidayatullah Jakarta

4. Tabel Pelanggan

Nama tabel : kustomer

Primary Key : id_kustomer

Tabel 4.4 Spesifikasi Basis Data Kustomer

Field Type Size Keterangan

Id_kustomer Int 11 Primary key

Nama_lengkap Varchar 100 -

Alamat Text - -

Email Varchar 100 -

Telepon Varchar 20 -

Password Varchar 50 -

Id_kota Int 11 -

Status Enum (‘Y’,’N’) -

5. Tabel Transaksi

Nama tabel : order

Primary Key : id_order

Tabel 4.5 Spesifikasi Basis Data order

Field Type Size Keterangan

Id_order Int 11 Primary key

Status_order Int 11 -

Tgl_order Date - -

Jam_order Time - -

Id_kustomer Int 11 Foreign Key

Page 46: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

32 UIN Syarif hidayatullah Jakarta

6. Tabel Transaksi Rinci

Nama tabel : order_detail

Primary Key : id_orderdetail

Tabel 4.6 Spesifikasi Basis Data Order Detail

Field Type Size Keterangan

Id_orderdetail Int 11 Primary Key

Id_order Int 11 Foreign Key

Id_produk Int 11 Foreign Key

Jumlah Int 5 -

7. Tabel News

Nama tabel : news

Primary Key : id_news

Tabel 4.7 Spesifikasi Basis Data News

Field Type Size Keterangan

Id_news Int 11 Primary Key

Id_admin Int 11 Foreign Key

Judul Varchar 100 -

News Text - -

Page 47: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

33 UIN Syarif hidayatullah Jakarta

8. Testimonial

Nama tabel : Testimoni

Primary Key : id_testimoni

Tabel 4.8 Spesifikasi Basis Data testimoni

Field Type Size Keterangan

Id_testimonial Int 11 Primary key

Id_kustomer Int 11 Foreign Key

nama _testimoni Varchar 100 -

Email Varchar 100 -

Isi_testimoni Text - -

Tgl_testimoni Date - -

Jam_testimoni Time - -

Status Enum (‘Y’,’N’) -

9. Tabel Download

Nama tabel : download

Primary Key : id_download

Tabel 4.9 Spesifikasi Basis Data Download

Field Type Size Keterangan

Id_download Int 11 Primary key

Idadmin Int 11 Foreign Key

Judul Text - -

url Text - -

Page 48: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

34 UIN Syarif hidayatullah Jakarta

10. Tabel Kota

Nama tabel : kota

Primary Key : id_kota

Tabel 4.10 Spesifikasi Basis Data Kota

Field Type Size Keterangan

Id_kota Int 11 Primary key

Id_jasakirim Int 11 Foreign Key

Nama_kota Varchar 100 -

Ongkos_kirim Int 10 -

11. Tabel SubProduk

Nama tabel : subproduk

Primary Key : id_subproduk

Tabel 4.11 Spesifikasi Basis Data Subproduk

Field Type Size Keterangan

Id_subproduk Int 11 Primary key

Id_produk Int 11 Foreign Key

Gambar Varchar 200 -

12. Tabel Jasa Kirim

Nama tabel : jasakirim

Primary Key : id_jasakirim

Tabel 4.12 Spesifikasi Basis Data Jasa Kirim

Field Type Size Keterangan

Id_jasakirim Int 11 Primary key

Nama_perusahaan Varchar 100 -

Alias Varchar 100 -

Gambar Varchar 100 -

Page 49: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

35 UIN Syarif hidayatullah Jakarta

13. Tabel Bank

Nama tabel : Bank

Primary Key : id_bank

Tabel 4.13 Spesifikasi Basis Data Bank

Field Type Size Keterangan

Id_bank Int 11 Primary key

Id_admin Int 11 Foreign Key

Nama_bank Varchar 100 -

No_rekening Varchar 100 -

Pemilik Varchar 100 -

Gambar Varchar 100 -

Page 50: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

36 UIN Syarif hidayatullah Jakarta

4.2.2 Perancangan Sistem

4.2.2.1 Use Case Diagram

Use Case diagram pada Aplikasi Sistem berbasis E-

commerce ini mempunyai dua actor yaitu kustomer dan admin.

Gambar 4.4 Use Case Diagram

Gambar diatas merupakan use case sistem Aplikasi

berbasis E-Commerce. Dimana pada Use Case ini menjelaskan hal-

hal yang dapat dilakukan pengguna pada sistem. Hal-hal tersebut

antara lain digambarkan pada use case yang ada yaitu mengelola

data admin, mengelola sata produk, mengelola data kategori,

mengelola data news, mengelola data download dan mengelola

laporan.

4.2.2.2 Activity Diagram

Activity Diagram pada Aplikasi Sistem Penjualan

Online berbasis E-Commerce ini dibuat berdasarkan Use Case

diagram yang menggambarkan aktivitas dalam sistem. Berikut Ini

Activity Diagramnya.

Page 51: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

37 UIN Syarif hidayatullah Jakarta

1. Login Admin

Berikut ini merupakan Activity diagram login admin. Login

admin disini menjelaskan tentang admin menginput username dan

password untuk melakukan Login.

Gambar 4.5 Activity Diagram Login Admin

Page 52: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

38 UIN Syarif hidayatullah Jakarta

2. Admin mengelola data Admin

Berikut ini merupakan Activity Diagram Admin mengelola

data Admin. Dalam Activity diagram ini menjalaskan admin dapat

mengelola data admin dengan cara menginput, megedit password.

Gambar 4.6 Activity Diagram Admin Menglola data Admin

Page 53: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

39 UIN Syarif hidayatullah Jakarta

3. Admin mengelola data Produk

Berikut ini merupakan Activity Diagram Admin mengelola

data Produk. Dalam Activity diagram ini menjalaskan admin dapat

mengelola data Barang dengan cara menginput, megedit ataupun

menghapus data Barang.

Gambar 4.7 Activity Diagram Mengelola Data Produk

Page 54: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

40 UIN Syarif hidayatullah Jakarta

4. Admin mengelola data Kategori

Berikut ini merupakan Activity Diagram Admin mengelola

data Kategori. Dalam Activity diagram ini menjalaskan admin

dapat mengelola data Kategori dengan cara menginput, megedit

ataupun menghapus data Kategori.

Gambar 4.8 Activity Diagram Admin Mengelola Data Kategori

Page 55: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

41 UIN Syarif hidayatullah Jakarta

5. Admin mengelola data News

Berikut ini merupakan Activity Diagram Admin mengelola

data News. Dalam Activity diagram ini menjalaskan admin dapat

mengelola data News dengan cara menginput, megedit ataupun

menghapus data News.

Gambar 4.9 Activity Diagram Mengelola Data News

Page 56: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

42 UIN Syarif hidayatullah Jakarta

6. Admin mengelola data Download

Berikut ini merupakan Activity Diagram Admin mengelola

data Download. Dalam Activity diagram ini menjalaskan admin

dapat mengelola data Download dengan cara menginput, megedit

ataupun menghapus data Download.

Gambar 4.10 Activity Diagram Mengelola Data Download

Page 57: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

43 UIN Syarif hidayatullah Jakarta

7. Admin mengelola data Jasa Kirim

Berikut ini merupakan Activity Diagram Admin mengelola

data Jasa kirim. Dalam Activity diagram ini menjalaskan admin

dapat mengelola data Jasa Kirim dengan cara menginput, megedit

ataupun menghapus data Jasa Kirim.

Gambar 4.11 Activity Diagram Admin mengelola data

Jasa Kirim

Page 58: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

44 UIN Syarif hidayatullah Jakarta

8. Admin mengelola data Ongkos Kirim

Berikut ini merupakan Activity Diagram Admin mengelola

data Ongkos Kirim. Dalam Activity diagram ini menjalaskan

admin dapat mengelola data Ongkos Kirimdengan cara menginput,

megedit ataupun menghapus data Ongkos Kirim.

Gambar 4.12 Activity Diagram Admin mengelola Ongkos

Kirim

Page 59: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

45 UIN Syarif hidayatullah Jakarta

9. Admin mengelola data Testimoni

Berikut ini merupakan Activity Diagram Admin mengelola

data Testimoni. Dalam Activity diagram ini menjalaskan admin

dapat mengelola data Download dengan cara megedit status data

Testimoni.

Gambar 4.13 Activity Diagram Admin mengelola data

Testimoni

Page 60: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

46 UIN Syarif hidayatullah Jakarta

10. Admin mengelola data Order

Berikut ini merupakan Activity Diagram Admin mengelola

data Order. Dalam Activity diagram ini menjalaskan admin dapat

mengelola data Order dengan cara megedit status ataupun

mennghapus data Order.

Gambar 4.14 Activity Diagram Admin mengelola data Order

Page 61: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

47 UIN Syarif hidayatullah Jakarta

11. Admin melihat data Laporan

Berikut ini merupakan Activity Diagram Admin mengelola

data Laporan. Dalam Activity diagram ini menjalaskan admin

dapat melihat data Laporan member, Laporan Produk atau Laporan

Penjualan.

Gambar 4.15 Activity Diagram Mengelola Data Laporan

Page 62: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

48 UIN Syarif hidayatullah Jakarta

12. Login Kustomer

Berikut ini merupakan Activity diagram login Kustomer.

Login Kustomer disini menjelaskan tentang Kustomer menginput

username dan password untuk melakukan Login.

Gambar 4.16 Activity Diagram Mengelola Login User

Page 63: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

49 UIN Syarif hidayatullah Jakarta

13. User Melakukan Transaksi

Berikut ini merupakan Activity Diagram Kustomer melakukan

Transaksi. Dalam Activity diagram ini menjelaskan setelah Login

Kustomer dapat melakukan transaksi pemelian barang.

Gambar 4.17 Activity Diagram Transaksi Kustomer

Page 64: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

50 UIN Syarif hidayatullah Jakarta

14. Kustomer menginput Testimoni

Berikut ini merupakan Activity diagram Kustomer menginput

Testimoni. Dalam Activity Diagram ini menjelaskan tentang,

Kustomer dapat menginput testimoni tentang produk atau barang

yang sudah dibeli.

Gambar 4.18 Activity Diagram Kustomer menginput Testimoni

Page 65: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

51 UIN Syarif hidayatullah Jakarta

4.2.2.3 Class Diagram

Class diagram dibawah ini menunjukan tiap tiap

entitas yang ada pada sistem dan bagaimana entitas tersebut saling

berhubungan.

Gambar 4.19 Class Diagram

1. Kelas Admin

Dalam kelas ini terdapat fungsi edit():void yang bertujuan

untuk mengubah password admin bila diperlukan.

2. Kelas News

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data news.

Page 66: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

52 UIN Syarif hidayatullah Jakarta

3. Kelas Download

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data download.

4. Kelas Kategori

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data kategori.

5. Kelas Kustomer

Dalam kelas ini terdapat fungsi input():void yang bertujuan

untuk menginput data pelanggan.

6. Kelas Sub-Produk

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data Produk,

dan kelas ini juga berelasi dengan kelas kategori bertujuan

untuk diambil datanya saja.

7. Kelas Produk

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data barang,

Kelas ini juga berelasi dengan kelas kategori bertujuan untuk

diambil datanya saja.

8. Kelas Order

Dalam kelas ini terdapat fungsi input():void yang bertujuan

untuk mengelola data transaksi. Kelas ini juga berelasi

dengan kelas produk untuk diambil beberapa datanya saja.

9. Kelas OrderDetail

Dalam kelas ini terdapat fungsi input():void yang bertujuan

untuk mengelola data transaksi rinci. Kelas ini juga berelasi

dengan kelas produk hanya untuk diambil beberapa datanya

saja.

Page 67: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

53 UIN Syarif hidayatullah Jakarta

10. Kelas Testimonial

Dalam kelas ini terdapat fungsi input():void yang bertujuan

untuk mengelola data testimonial. Kelas ini juga berelasi

dengan kelas pelanggan, bertujuan untuk mengambil datanya

saja.

11. Kelas Jasa Kirim

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data Jasa

Kirim.

12. Kelas Kota

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data kota.

13. Kelas Bank

Dalam kelas ini terdapat fungsi input():void, edit():void dan

delete():void yang bertujuan untuk mengelola data Rekening

Bank.

4.2.3 Perancangan User Interface

Berikut ini adalah User Interface yang digunakan oleh penulis

untuk membuat Aplikasi Sistem Penjualan Online Industri Pisau berbasis E-

Commerce pada CV. Hikmah Berkah Utama Erwan

1. Rancangan antarmuka Login Admin

Gambar 4.20 Rancang antarmuka login

Page 68: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

54 UIN Syarif hidayatullah Jakarta

Halaman Login merupakan halaman awal dimana admin harus

melakukan login sebelum masuk kedalam sistem.

2. Rancangan antarmuka Admin

Gambar 4.21 Rancang antarmuka Admin

Halaman home admin adalah halaman dimana ketika admin selesai

melakukan login akan masuk kehalaman ini, disini terdapat beberapa menu

yang di rancang untuk kebutuhan admin.

Page 69: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

55 UIN Syarif hidayatullah Jakarta

3. Rancangan Input Produk

Gambar 4.22 Rancang input produk

Halaman input produk adalah halaman untuk admin menginput produk

baru.

4. Rancangan antarmuka Login Kustomer

Gambar 4.23 Rancang antarmuka Login Kustomer

Halaman Login Kustomer adalah halaman untuk kustomer melakukan

login sebelum masuk kedalam sistem.

Page 70: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

56 UIN Syarif hidayatullah Jakarta

5. Rancang antarmuka Cart

Gambar 4.24 Rancang antarmuka Cart

Halaman Cart adalah, ketika kustomer mengklik beli seluruh produk

yang dipilih akan dimasukan dalam cart.

6. Rancangan Antarmuka Testimoni

Gambar 4.25 Rancang antarmuka Testimoni

Page 71: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

57 UIN Syarif hidayatullah Jakarta

Halaman testimony ini berfungsi ketika kustomer ingin memberikan

testimoninya terhadap produk yang dibeli.

7. Rancangan Laporan

IdProduk Nama Kategori Tanggal Harga Diskon Gambar Stok Dibeli

- - - - - - - - -

- - - - - - - - -

- - - - - - - - -

Gambar 4.26 Rancang Laporan Data Produk

Rancang laporan data produk berisi bagan-bagan yang akan muncul

untuk keterangan laporan produk.

IdKustomer Nama Alamat Email Telepon

- - - - -

- - - - -

- - - - -

Gambar 4.27 Rancang Data Kustomer

Rancang laporan data Kustomer berisi bagan-bagan yang akan muncul

untuk keterangan laporan Kustomer.

IdOrder IdProduk IdKustomer Nama Tanggal Harga Jumlah Status

- - - - - - - -

- - - - - - - -

- - - - - - - -

Gambar 4.28 Rancang Laporan Order

Page 72: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

58 UIN Syarif hidayatullah Jakarta

Rancang laporan data order berisi bagan-bagan yang akan muncul

untuk keterangan laporan order.

4.3 Fase Implementasi

4.3.1 Pengujian

Tahap Pengujian ini merupakan tahap yang dimaksudkan untuk

mengetahui apakah setiap fungsi yang ada pada sistem aplikasi penjualan

online berbasis E-Commerce yang telah di coding sudah berfungsi sesuai

dengan rancangan yang dibuat. Pengujian yang dilakukan pada aplikasi

sistem penjualan online berbasis E-Commerce ini adalah menggunakan

black box teknik:

A. Pengujian Login

Tabel 4.14 Pengujian Black Box Login

Kasus dan Hasil Uji (Data Benar)

Data yang

dimasukan

Diharapkan Pengamatan Kesimpulan

Input Email dan

password diisi

dengan data yang

sesuai untuk

kustomer.

Input username dan

password diisi

dengan data yang

sesuai untuk admin.

kustomer

muncul pesan

welcome

sebelum masuk

ke menu

utama.

Admin masuk

ke halaman

utama admin.

Menampilkan

pesan dan menu

utama sesuai

dengan yang

dituju

Diterima

Page 73: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

59 UIN Syarif hidayatullah Jakarta

Hasil Untuk Kustomer Login

Ketika memasukkan Login benar akan terdapat pesan welcome untuk

kustomer yang melakukan login seperti diatas.

Hasil Untuk Admin Login

Ketika memasukkan Login benar akan admin akan langsung masuk ke

home admin.

Page 74: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

60 UIN Syarif hidayatullah Jakarta

Kasus dan Hasil Uji (Data Salah)

Data yang

dimasukan

Diharapkan Pengamatan Kesimpulan

Kustomer

input email

dan password

tidak sesuai,

Admin input

username dan

password

tidak sesuai.

Tidak dapat

masuk menu

utama dan login,

Pengguna tidak

dapat masuk jika

inputan salah,

muncul pesan gagal

login dan kembali

ke menu home

awal.

Diterima

Hasil Untuk Login Kustomer Salah

Ketika kustomer salah memasukkan email dan password atau tidak

mengisi email dan password akan memunculkan pesan login gagal.

Page 75: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

61 UIN Syarif hidayatullah Jakarta

Hasil Untuk Login Admin Salah

Ketika admin salah memasukkan username dan password atau tidak

mengisi username dan password akan memunculkan pesan login gagal.

14. Pengujian Order Barang

Tabel 4.15 Pengujian Black Box Order Barang

Kasus dan Hasil Uji (Data Benar)

Data yang

dimasukan

Diharapkan Pengamatan Kesimpulan

Kustomer Melihat

Detail Produk

Keluar Detail

Produk

Muncul gambar

yang sesuai dan

harga, deskripsi

Produk

semuanya benar

Diterima

Page 76: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

62 UIN Syarif hidayatullah Jakarta

Hasil Output Detail Produk

Sistem memunculkan detail produk yang terdapat deskripsi, harga dan

gambar dari subproduk.

Kustomer

mengklik Beli

Kustomer dapat

membeli dan

produk masuk

kedalam

keranjang belanja

Menampilkan

menu pembelian

dan produkyang

dipilih untuk

dibeli

Diterima

Hasil dari kustomer mengklik beli

Ketika Kustomer mengklik beli sistem akan Menampilkan menu

pembelian dan produk yang dipilih untuk dibeli.

Page 77: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

63 UIN Syarif hidayatullah Jakarta

Kustomer

mengklik checkout

Muncul Form

pemberitahuan,

No Rek dan total

yang harus

dibayar

Menampilkan

Form

pemberitahuan

pembayaran

Diterima

Hasil kustomer mengklik checkout

Setelah kustomer mengklik checkout sistem akan Menampilkan Form

pemberitahuan.

Kasus dan Hasil Uji (Data Salah)

Data yang

dimasukan

Diharapkan Pengamatan Kesimpulan

Kustomer Melihat

Detail produk

Detail

produk tidak

tampil

Gambar, harga ,

deskripsi, stock salah

ataupun produk detail

tidak tampil.

Diterima

Hasil kesalahan diatas akan tampil jika terdapat bug atau kesalahan dalam

coding.

Page 78: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

64 UIN Syarif hidayatullah Jakarta

Kustomer

mengklik Beli

Tidak dapat

membeli

Menu beli tidak

muncul dan produk

yang diinginkan tidak

tampil.

Diterima

Hasil kesalahan diatas akan tampil jika terdapat bug atau kesalahan dalam

coding.

Kustomermengklik

checkout

Tidak muncul

form

pemberitahuan

pembayaran

Tidak ada

informasi

pemberitahuan

transfer dilayar

website.

Diterima

Hasil kesalahan diatas akan tampil jika terdapat bug atau kesalahan dalam

coding.

Berdasarkan hasil pengujian dengan kasus uji sistem di atas, maka

dapat ditarik kesimpulan bahwa proses pengisian data pada setiap form

dapat berjalan dengan baik serta menghasilkan output seperti yang

diharapkan oleh user.

Page 79: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

BAB V

HASIL DAN PEMBAHASAN

5.1 Hasil Akhir Sistem

Pada penelitian ini menghasilkan sebuah website Toko Online. Website toko

online ini berfungsi untuk memberikan kemudahan kepada pelanggan agar dapat

mengetahui informasi produk atau barang yang dijual oleh toko dengan cepat.

Terdapat bagian admin toko yang dapat menginput produk, melihat produk,

menghapus produk, mengedit produk, mengelola data transaksi, mencetak laporan

penjualan. Admin dapat melihat barang mana yang paling laku ditokonya tanpa

harus mencatat secara manual.

5.2 Hasil Tampilan Antarmuka

1. Halaman Home

Gambar 5.1 Halaman Home

Gambar diatas adalah Halaman Home atau menu utama dari Aplikasi Sistem

Perkiraan Penjualan Industri Pisau Berbasis E-Commerce.

Page 80: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

66 UIN Syarif hidayatullah Jakarta

2. Halaman Login Admin

Gambar 5.2 Halaman Login Admin

Gambar diatas adalah Halaman Login untuk Admin dalam Aplikasi Sistem

Perkiraan Penjualan Industri Pisau Berbasis E-Commerce.

Page 81: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

67 UIN Syarif hidayatullah Jakarta

3. Halaman Menu Admin

Gambar 5.3 Halaman Menu Admin

Gambar diatas adalah Halaman utama untuk Admin dalam Aplikasi Sistem

Perkiraan Penjualan Industri Pisau Berbasis E-Commerce.

4. Halaman View Kategori Produk

Gambar 5.4 Halaman View Katergori Produk

Gambar diatas adalah Halaman untuk melihat data Kategori Produk Pisau

baru untuk Admin dalam Aplikasi Sistem Perkiraan Penjualan Industri Pisau

Berbasis E-Commerce.

Page 82: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

68 UIN Syarif hidayatullah Jakarta

5. Halaman Input Katergori Produk

Gambar 5.5 Halaman Input Katergori Produk

Gambar diatas adalah Halaman untuk menambahkan kategori produk Pisau

baru untuk Admin dalam Aplikasi Sistem Perkiraan Penjualan Industri Pisau

Berbasis E-Commerce.

6. Halaman View Data Produk

Gambar 5.6 Halaman View Data Produk

Gambar diatas adalah Halaman untuk melihat data produk Pisau baru untuk

Admin dalam Aplikasi Sistem Perkiraan Penjualan Industri Pisau Berbasis E-

Commerce.

Page 83: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

69 UIN Syarif hidayatullah Jakarta

7. Halaman Input Produk

Gambar 5.7 Halaman Input Produk

Gambar diatas adalah Halaman untuk menambahkan produk Pisau baru

untuk Admin dalam Aplikasi Sistem Perkiraan Penjualan Industri Pisau Berbasis

E-Commerce.

Page 84: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

70 UIN Syarif hidayatullah Jakarta

8. Halaman View Data SubProduk

Gambar 5.8 Halaman View SubProduk

Gambar diatas adalah Halaman untuk melihat list subproduk Pisau baru

untuk Admin dalam Aplikasi Sistem Perkiraan Penjualan Industri Pisau Berbasis

E-Commerce.

9. Halaman Input Sub-Produk

Gambar 5.9 Halaman Input SubProduk

Gambar diatas adalah Halaman untuk menambahkan subproduk Pisau baru

untuk Admin dalam Aplikasi Sistem Perkiraan Penjualan Industri Pisau Berbasis

E-Commerce.

Page 85: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

71 UIN Syarif hidayatullah Jakarta

10. Halaman Daftar Kustomer

Gambar 5.10 Halaman Daftar Kustomer

Gambar diatas adalah Halaman untuk Kustomer melakukan pendaftaran.

11. Halaman Login Kustomer

Gambar 5.11 Halaman Kustomer

Gambar diatas adalah Halaman Kustomer melakukan login untuk masuk ke

sistem.

Page 86: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

72 UIN Syarif hidayatullah Jakarta

12. Halaman List Kategori Kustomer

Gambar 5.12 Halaman List Kategori Kustomer

Gambar diatas adalah Halaman List Kategori Kustomer yang bisa dipilih.

13. Halaman List Produk

Gambar 5.13 Halaman List Produk

Page 87: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

73 UIN Syarif hidayatullah Jakarta

Gambar diatas adalah halaman kustomer melihat daftar produk yang

tersedia.

14. Halaman Detail Produk

Gambar 5.14 Halaman Detail Produk

Gambar diatas adalah Halaman detail produk, kustomer dapat melihat detail

produk dari mulai deskripsi hingga detail gambar dari produk yang dilihat.

15. Halaman Keranjang Belanja

Gambar 5.15 Halaman Keranjang Belanja

Page 88: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

74 UIN Syarif hidayatullah Jakarta

Gambar diatas adalah Halaman Keranjang Belanja untuk Kustomer yang

sudah Login pada sistem di Aplikasi Sistem Perkiraan Penjualan Industri Pisau

Berbasis E-Commerce.

16. Halaman Checkout

Gambar 5.16 Halaman Checkout

Gambar diatas adalah Halaman Checkout, Setelah kustomer mengklik

Checkout akan ditampilkan kehalaman checkout dimana kustomer dapat melihat

jumlah harga barang dan ongkos kirim yang harus dibayarkan.

17. Halaman Lihat Order Admin

Gambar 5.17 Halaman Lihat Order

Page 89: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

75 UIN Syarif hidayatullah Jakarta

Gambar diatas adalah Halaman lihat order, admin dapat melihat orderan

masuk beserta statusnya terkirim atau baru.

18. Halaman Order Admin

Gambar 5.18 Halaman Order Admin

Gambar diatas adalah halaman Order admin dimana admin dapat mengubah

status ketika order telah selesai dilakukan, dan admin juga dapat mengirim fraktur

rincian pemesanan kepada email kustomer.

19. Halaman Cetak Laporan

Gambar 5.19 Halaman Cetak Laporan

Page 90: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

76 UIN Syarif hidayatullah Jakarta

Gambar diatas adalah Halaman cetak laporan, halaman ini bertujuan untuk

melihat dan mencetak laporan produk, member dan penjualan untuk Admin dalam

Aplikasi Sistem Perkiraan Penjualan Industri Pisau Berbasis E-Commerce.

20. Halaman Laporan Order

Gambar 5.20 Laporan Order

Gambar diatas adalah Halaman laporan Order di Aplikasi Sistem Perkiraan

Penjualan Industri Pisau Berbasis E-Commerce.

Page 91: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

77 UIN Syarif hidayatullah Jakarta

21. Halaman Laporan Data Kustomer

Gambar 5.21 Laporan Data Member

Gambar diatas adalah Halaman laporan Member yang telah mendaftar di

Aplikasi Sistem Perkiraan Penjualan Industri Pisau Berbasis E-Commerce.

22. Halaman Laporan Data Produk

Gambar 5.22 Laporan Data Produk

Gambar diatas adalah Halaman laporan Produk yang telah diinput oleh

Admin ke dalam Aplikasi Sistem Perkiraan Penjualan Industri Pisau Berbasis E-

Commerce.

Page 92: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

BAB VI

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Berdasarkan hasil penelitian dengan judul Aplikasi Sistem Pejualan Online

Industri Pisau Berbasis E-commerce di CV. Hikmah Berkah Utama Erwan, maka

dapat diambil kesimpulan sebagai berikut :

1. Dengan disediakannya sistem penjualan online berbasis e-commerce ini

pelanggan dari CV. Hikmah Berkah Utama Erwan tidak perlu lagi

datang langsung terutama yang jauh diluar kota Tangerang. Pelanggan

langsung bisa melakukan transaksi secara online.

2. Dengan adanya sistem penjualan online berbasis e-commerce ini

laporan penjualan dan perhitungan penjualan sudah terkomputerisasi

sehingga lebih cepat memudahkan pekerjaan karena data yang ada

sudah tersimpan pada sistem ini.

3. Dengan adanya system penjualan online berbasis e-commerce ini data-

data perusahaan lebih tersimpan rapi didalam system, tidak memerlukan

lagi pencatatan di berkas-berkas kertas yang mudah tercecer.

6.2 Saran

Karena peneletian system ini belum cukup sempurna ada beberapa saran

yang penulis berikan. Yaitu apabila dalam perancangan selanjutnya dapat di

tambahkan konfirmasi pembelian langsung didalam system dengan input foto

bukti pembelian , juga validasi sistem lebih di kuatkan lagi sehingga dapat lebih

memperkuat, memudahkan dan meningkatkan rasa kenyamanan pada pelanggan.

Page 93: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

79 UIN Syarif hidayatullah Jakarta

DAFTAR PUSTAKA

Aan Komariah, Djam’an Satori, (2011). Metode Penelitian Kualitatif. Bandung:

Alfabeta.

Ahmad Sobri (2017). PERANCANGAN APLIKASI PENJUALAN PADA PT.

HANJAYA MANDALA SAMPOERNA TBK BERBASIS WEB MOBILE.

Lubuklinggau: JUTIM STMIK MUSIRAWAS, Vol 2 No.2, Desember 2017.

Alexander F. K. Sibero, (2011). Kitab Suci Web Programming. Yogyakarta :

MediaKom.

Arief M Rudianto, (2011). Pemrograman Web Dinamis menggunakan PHP dan

MySQL.Yogyakarta: Andi Offset.

Aris, Dini Andriani, Apriyani Romondor, Dian Eka sari, (2016).

PERANCANGAN APLIKASI SISTEM INFORMASI PENJUALAN TIKET

PADA PT NUR RIZKY PRATAMA TRAVEL BERBASIS WEB. Kota

Tangerang: STMIK Raharja. ISSN : 2302-3805.

Aris, Mochamad Rinja,Taufan Jherico, (2017). Aplikasi Sistem Penjualan

Sparepart Motor Pada Bengkel Barokah Motor Berbasis Web. STMIK Raharja,

Technomedia Journal (TMJ), Vol.2 No.1 Edisi Agustus 2017, E-ISSN: 2528 –

6544 , P-ISSN: 2620 – 3383.

Black, A James dan Dean J. Champion. (1992). Metode Penelitian Sosial

Terjemahan, cetakan ke III. Bandung : PT Refika Aditama.

Brady, M., & Loonam, J. (2010). Exploring the use of entity-relationship

diagramming as a technique to support grounded theory inquiry. Bradford:

Emerald Group Publishing.

Page 94: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

80 UIN Syarif hidayatullah Jakarta

Buana, I Komang Setia. (2014). Jago pemrograman PHP. Jakarta: Dunia

Komputer.

Bunafit, Nugroho. (2004). PHP dan MySQL dengan editor Dreamweaver MX.

Yogyakarta: ANDI Yogyakarta.

Burhanudin, Baharuddin (2017). APLIKASI E-COMMERCE PADA TOKO

KHAIRUNNISWA BERBASIS WEB. Kendari: STMIK Catur Sakti Kendari.

JURNAL SISTEM INFORMASI DAN TEKNIK KOMPUTER Vol. 2, No. 1,

(2017). ISSN: 2502-5899.

Cushman, P. K., & Mata-Toledo, R. A. (2007). Dasar-Dasar Database Relasional.

Jakarta: Erlangga.

Danang, Sunyoto. (2013). Metodologi Penelitian Akuntansi. Bandung: PT Refika

Aditama Anggota Ikapi.

Dedi, Edy Tekat Bronto Waluyo, Elis Setiawati, (2016). Implementasi E-

commerce dengan Menggunakan dengan Menggunakan dengan Menggunakan

dengan Menggunakan Metode B2C (Business to Business to Business to Customer

). STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL. Vol. 6 No. 2 /

September 2016, ISSN : 2088 – 1762.

Dedi, Triono, Wahdah Muhajiroh, (2017). Perancangan Sistem E-Commerce

Batik Sopiyan Hadi Berbasis Web. STMIK Bina Sarana Global. JURNAL

SISFOTEK GLOBAL.Vol. 7 No. 1 / Maret 2017, ISSN : 2088 – 1762.

Evanita, Bagus Kurniawan (2017). SISTEM INFORMASI PENJUALAN

ONLINE JAMUR TIRAM MUSHROOM HOUSE BERBASIS WEB. Kudus:

Jurnal DISPROTEK Universitas Maria Kudus Volume 8 No. 1.

Page 95: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

81 UIN Syarif hidayatullah Jakarta

Fauyhi Eko Nugroho (2016). PERANCANGAN SISTEM INFORMASI

PENJUALAN ONLINE STUDI KASUS TOKOKU. Tangerang : Jurnal

SIMETRIS Universitas Muhammadiyah Tangerang, Vol 7 No 2 November 2016

ISSN: 2252-4983.

Fergiawan Listianto, Fauzi, Rita Irviani, Kasmi, (2017). APLIKASI E-

COMMERCE BERBASIS WEB MOBILE PADA INDUSTRI KONVEKSI

SERAGAM DRUMBAND DI PEKON KLATEN GADINGREJO KABUPATEN

PRINGSEWU. Lampung: STMIK Pringsewu Lampung. Jurnal TAM

(Technology Acceptance Model) Volume 8, No2, Desember 2017 Hal. 146-152

p-ISSN : 2339-1103, e-ISSN : 2579-4221.

L. Whitten, Jeffrey, & D. Bentley, Lonnie . (2007). System Analysis& Design

Methods Seventh Edition. New York, USA : McGraw-Hill.

Ladjamudin, Al-Bahra Bin. (2013). Analisis dan Desain Sistem

Informasi.Yogyakarta: Graha Ilmu.

Munawar. (2005). Pemodelan Visual dengan UML, Yogyakarta: Graha Ilmu.

Munir Fuady, (2002). Pengantar Hukum Bisnis, menata bisnis modern di era

global. Bandung: PT. Citra Aditya.

Nita Novianti Firmansyah, Asri Mulyani (2017). RANCANG BANGUN

APLIKASI PENJUALAN ONLINE BERBASIS WEB PADA TOKO

SPICCATO BANDUNG. Garut: Jurnal Algoritma Sekolah Tinggi Teknologi

Garut.

Nugroho, Bunafit. 2013. Dasar Pemograman Web PHP – MySQL dengan

Dreamweaver. Yogyakarta : Gava Media.

Page 96: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

82 UIN Syarif hidayatullah Jakarta

Nur Azizah,Erna Astriyani, Listina Nadhia N, (2015). OPTIMALISASI

APLIKASI E-COMMERCE UNTUK PENJUALAN PADA TOKO DESFA

BOGOR. STMIK Raharja.Vol.1 No.1 – Agustus 2015, ISSN : 2461-1417.

Nurul Azwanti (2017). SISTEM INFORMASI PENJUALAN TAS BERBASIS

WEB DENGAN PEMODELAN UML. Batam: Kumpulan jurnaL Ilmu Komputer

(KLIK) Volume 04, No.01 Februari 2017 ISSN: 2406-7857.

Onno W Purbo dan Aang Arif Wahyudi, (2001). Mengenal E-commerce. Jakarta:

PT Elek Media Komputindo.

Pressman, R.S. (2010). Software Engineering: a practitioner’s approach,

McGraw-Hill, New York, 68.

Riduwan. (2004). Metode dan Teknik Menyusun Tesis. Cetakan Pertama.

Bandung : Alfabeta.

Satzinger, John W, Jackson, Robert B, Burd, Stephen D. (2005). Object-Oriented

Analysis and Design With The Unified Process. New York: Thomson Course

Technology.

Shabur Miftah Maulana, Heru Susilo, Riyadi, (2015). IMPLEMENTASI E-

COMMERCE SEBAGAI MEDIA PENJUALAN ONLINE (STUDI KASUS

PADA TOKO PASTBRIK KOTA MALANG). Malang: Universitas Brawijaya

Malang. Jurnal Administrasi Bisnis (JAB)|Vol. 29 No. 1 Desember 2015.

Solichin, Achmad. (2016). Pemrograman Web dengan PHP dan MySQL. Jakarta :

Budi Luhur.

Page 97: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

83 UIN Syarif hidayatullah Jakarta

Supono dan Putratama Vidiandry, (2016). Pemrograman Web dengan

menggunakan PHP dan Framework Codeigniter. Yogyakarta: Deepublish.

Sutanta, Edhy.(2011). Basis Data dalam Tinjauan Konseptual. Yogyakarta: Andi.

Sutarman. (2012). Pengantar Teknologi Informasi. Jakarta: PT. Bumi Aksara.

Varmaat, Shelly Cashman, (2007) Discovering Computers: Menjelajah Dunia

Komputer Fundamental Edisi 3. Jakarta: Salemba Infotek.

Wahana Komputer. (2010). Panduan Belajar MySQL Database Server. Jakarta

Selatan: Media Kita.

Ning, Rahayu. “Pertumbuhan E-Commerce Pesat diIndonesia”. 2019-04 15,

20:45, pada

https://www.wartaekonomi.co.id/read216302/pertumbuhan-e-

commerce-pesat-di-indonesia.html

Page 98: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

84 UIN Syarif hidayatullah Jakarta

LAMPIRAN

Lampiran I. Hasil Wawancara

Hasil Wawancara dengan CV. Hikmah Berkah Utama Erwan

- Tanggal Wawancara : 18 Maret 2019

- Narasumber : Erwan Riawan

- Jabatan : Owner CV. Hikmah Berkah Utama Erwan

- Tempat : CV. Hikmah Berkah Utama Erwan, Parung

Panjang ,Kab.Tangerang

Isi Wawancara

1. Penulis :Masalah apa saja yang dialami oleh bagian penjualan dalam

menjalankan sistem yang sekarang sudah berjalan ?

Bpk Erwan :Sekarang sudah kebanyakan online, kalo offline kadang-kadang

saja yang dateng beda sama tahun kemarin.

2. Penulis :Bagaimana alur atau proses penjualan barang kepelanggan ?

Bpk. Erwan :Biasanya mereka datang sendiri membeli barang atau ada juga

yang membeli menanyakan via WA dan SMS. Hanya saja

kadang saya suka pusing pelanggan meminta mengirim gambar

barang aslinya.

4. Penulis :Bagaimana Proses pembayarannya?

Bpk. Erwan :Kita bisa via tunai atau transfer, bebas. Cuma terkadang masalah

pesan barang juga suka ada salah info. Barang hanya ada 100

buah tapi yang beli dan sudah transfer pemesanan bisa ada 100

lebih.

5. Penulis : Apakah sudah ada web untuk menjalankan penjualan?

Page 99: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

85 UIN Syarif hidayatullah Jakarta

(Lanjutan)

Bpk. Erwan :Untuk saat ini belum, Cuma offline saja.

6. Penulis :Bagaimana proses mengetahui barang apa saja yang dibutuhkan?

Bpk. Erwan :Kita liat saja, kalo barang sekiranya mau habis langsung order.

7. Penulis : Bagaimana cara memberitahukan ke pelanggan kalau sedang

ada promo?

Bpk. Erwan : Biasanya kita suka Broadcast aja via whatsapp.

Tangerang, 15 Maret 2019

Direktur CV . Hikmah Berkah Utama Erwan

Erwan Riyawan

Page 100: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

86 UIN Syarif hidayatullah Jakarta

Lampiran II. User Acceptance Test

Nama Aplikasi Sistem Penjualan Online Industri Pisau

Berbasis E-Commerce Pada CV. Hikmah Berkah

Utama Erwan

Versi 1

Pembuat Sistem Fiya Yanti Mala

PenggunaSistem CV. Hikmah Berkah Utama Erwan

Uji Coba Aplikasi produksi penjualan pisau telah dilakukan oleh bapak

Erwan Riyawan (CEO/Owner) di CV. Hikmah Berkah Utama Erwan Hasil uji coba adalah

sebagai berikut:

No. Deskripsi Hasil yang diharapkan Hasil sebenarnya

1.

User melakukan login

pada sistem sesuai

Email dan password

User dapat login sesuai

dengan Email dan

password

Berhasil

2.

Menambah data users

berdasar data admin

Data User bertambah Berhasil

3. Menghapus data user

berdasar admin

Data user terhapus Berhasil

4.

Menambah data

Pelanggan

Data pelanggan

Bertambah

Berhasil

5.

Melakukan pembelian

checkout

Data transaksi bertambah Berhasil

6. Menambah data news Data news bertambah

Berhasil

7. Mengedit data news Data news teredit Berhasil

8. Menambah Data Barang Data barang bertambah Berhasil

Page 101: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

87 UIN Syarif hidayatullah Jakarta

9. Mengubah Data Barang Data barang berubah Berhasil

10. Menghapus data barang Data barang terhapus Berhasil

11. Menambah testimoni

Data testimony Berhasil

12.

Melihat laporan

penjualan, produk dan

pelanggan dalam print

pdf

Laporan menampilkan

dalam pdf

Berhasil

13. Menambah data

Kategori

Data kategori ditambah

Berhasil

14. Mengedit data kategori Data Kategori diedit Berhasil

15.

Menghapus data

kategori

Data kategori dihapus

Berhasil

16. User Logout dari sistem User keluar dari sistem Berhasil

Tangerang, April 2019

CEO CV . Hikmah Berkah Utama Erwan

Erwan Riyawan

Page 102: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

88 UIN Syarif hidayatullah Jakarta

Lampiran III. Source Code

Koneksi.php

<?php

$server = "localhost";

$username = "root";

$password = "";

$database = "hikmah";

// Koneksi dan memilih database di server

mysql_connect($server,$username,$password) or die("Koneksi

gagal");

mysql_select_db($database) or die("Database tidak bisa dibuka");

?>

simpanuser.php

<?php

$kar1=strstr($_POST[email], "@");

$kar2=strstr($_POST[email], ".");

// Cek email kustomer di database

$cek_email=mysql_num_rows(mysql_query("SELECT email FROM kustomer

WHERE email='$_POST[email]'"));

// Kalau email sudah ada yang pakai

if ($cek_email > 0){

echo "<script>window.alert('Email yang anda masukkan sudah

digunakan')</script>";

echo "<meta http-equiv='refresh' content='0;

Page 103: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

89 UIN Syarif hidayatullah Jakarta

url=index.php?hal=daftar'>";

}

elseif (empty($_POST[nama]) || empty($_POST[password]) ||

empty($_POST[alamat]) || empty($_POST[telpon]) ||

empty($_POST[email]) || empty($_POST[kota]) ||

empty($_POST[kode])){

echo "<script>window.alert('Data yang anda isikan belum lengkap

')</script>";

echo "<meta http-equiv='refresh' content='0;

url=index.php?hal=daftar'>";

}

elseif (!ereg("[a-z|A-Z]","$_POST[nama]")){

echo "<script>window.alert('Nama tidak boleh diisi dengan

angka atau simbol')</script>";

echo "<meta http-equiv='refresh' content='0;

url=index.php?hal=daftar'>";

}

elseif (strlen($kar1)==0 OR strlen($kar2)==0){

echo "<script>window.alert('Alamat email Anda tidak valid,

mungkin kurang tanda titik (.) atau tanda @.')</script>";

echo "<meta http-equiv='refresh' content='0;

url=index.php?hal=daftar'>";

}

else{

// fungsi untuk mendapatkan isi keranjang belanja

function isi_keranjang(){

$isikeranjang = array();

Page 104: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

90 UIN Syarif hidayatullah Jakarta

$sid = session_id();

$sql = mysql_query("SELECT * FROM orders_temp WHERE

id_session='$sid'");

while ($r=mysql_fetch_array($sql)) {

$isikeranjang[] = $r;

}

return $isikeranjang;

}

$tgl_skrg = date("Ymd");

$jam_skrg = date("H:i:s");

if(!empty($_POST['kode'])){

if($_POST['kode']==$_SESSION['captcha_session']){

function antiinjection($data){

$filter_sql =

mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars(

$data,ENT_QUOTES))));

return $filter_sql;

}

$nama = antiinjection($_POST['nama']);

$alamat = antiinjection($_POST['alamat']);

$telpon = antiinjection($_POST['telpon']);

$email = antiinjection($_POST['email']);

$password=md5($_POST['password']);

// simpan data kustomer

mysql_query("INSERT INTO kustomer(nama_lengkap, password, alamat,

telpon, email, id_kota)

Page 105: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

91 UIN Syarif hidayatullah Jakarta

VALUES('$nama','$password','$alamat','$telpon','$email','$_POST[ko

ta]')");

echo "<script>window.alert('Pendaftaran Berhasil, Klok OK untuk

melanjtkan')</script>";

echo "<meta http-equiv='refresh' content='0;

url=index.php?hal=daftar'>";

}

}

}

?>

cart.php

<?php

$sid = session_id();

$sql = mysql_query("SELECT * FROM orders_temp, produk

WHERE id_session='$sid' AND

orders_temp.id_produk=produk.id_produk");

$ketemu=mysql_num_rows($sql);

if($ketemu < 1){

echo "<script>window.alert('Keranjang Belanjanya masih

kosong. Silahkan Anda berbelanja terlebih dahulu');

window.location=('media.php?hal=produk-

lists')</script>";

}

else{

echo"<form method=post

Page 106: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

92 UIN Syarif hidayatullah Jakarta

action=aksi.php?module=keranjang&act=update> ";

?>

<table>

<tr class="headers">

<th class="alpha16"> No </th>

<th class="alpha50 dark"> Nama Barang</th>

<th class="alpha16">Quantity</th>

<th class="alpha16">Diskon</th>

<th class="alpha16 dark">Unit price</th>

<th class="alpha16">Price</th>

<th class="alpha16 dark">Hapus</th>

</tr>

<?php

$no=1;

while($r=mysql_fetch_array($sql)){

$disc = ($r[diskon]/100)*$r[harga];

$hargadisc = number_format(($r[harga]-$disc),0,",",".");

$subtotal = ($r[harga]-$disc) * $r[jumlah];

$total = $total + $subtotal;

$vat = $total*0.1;

$vat_rp = format_rupiah($vat);

$ttl_rp = $total+$vat;

$subtotal_rp = format_rupiah($subtotal);

$total_rp = format_rupiah($ttl_rp);

$harga = format_rupiah($r[harga]);

Page 107: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

93 UIN Syarif hidayatullah Jakarta

?>

<tr>

<td>

<?php echo "$no"; ?>

</td>

<td class="article clearfix">

<figure>

<?php

echo"<img src='foto_produk/$r[gambar]' alt=''/>";

?>

</figure>

<div class="info-wrapper">

<h2><?php echo "$r[nama_produk]"; ?></h2>

<div class="info">

</div>

</div>

</td>

<td class="quantity dark">

<div class="quant-input">

<div class="arrows">

</div>

<?php

echo "<input type=text name='jml[$no]' value=$r[jumlah] size=1

onchange=\"this.form.submit()\" onkeypress=\"return

harusangka(event)\"><br>";

echo "<input type=hidden name=id[$no] value=$r[id_orders_temp]>";

Page 108: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

94 UIN Syarif hidayatullah Jakarta

?>

</div>

</td>

<td class="quantity dark">

<div class="quant-input">

<div class="arrows">

</div>

<?php

echo "$r[diskon] %";

?>

</div>

</td>

<td class="price">

<?php

$harga = number_format(($r[harga]),0,",",".");

?>

<span class="currency">Rp.</span><span class="value"><? echo

"$hargadisc"; ?></span>

</td>

<td class="price dark">

<span class="currency">Rp.</span><span class="value"><? echo

"$subtotal_rp"; ?></span>

</td>

<td class="price"><? echo"<a

href='aksi.php?module=keranjang&act=hapus&id=$r[id_orders_temp]'>H

Page 109: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

95 UIN Syarif hidayatullah Jakarta

apus</a>"; ?>

</td>

</tr>

<?php

$no++;

}

?>

<tr>

<td colspan="2" class="empty">

</td>

<td colspan="3" class="total-wrapper">

<div class="vat clearfix">

<div class="half-col">

<span class="value"><? echo "Rp. $vat_rp "; ?></span>

</div>

</div>

<div class="total clearfix">

<div class="half-col">

Total

</div>

<div class="half-col value-wrapper">

<span class="currency">Rp.&nbsp;</span><span class="value"><? echo

"$total_rp"; ?></span>

</div>

</div>

</td>

Page 110: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

96 UIN Syarif hidayatullah Jakarta

</tr>

</table>

<div class="row-fluid checkout">

<!--<div class="span4">-->

<a href="?hal=simpantransaksi" class="btn"><span

class="gradient">Checkout</span></a>

<a href="?hal=produk-lists" class="btn"><span

class="gradient">Belanja Lagi</span></a>

<!-- </div> -->

</div>

</div>

<?php

}

?>

simpantransaksi.php

<?php

$email = $_SESSION['namauser'];

$password = md5($_POST['password']);

//$sql = "SELECT * FROM kustomer WHERE email='$email' AND

password='$password'";

$sql = "SELECT * FROM kustomer WHERE

email='$_SESSION[namauser]'";

$hasil = mysql_query($sql);

Page 111: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

97 UIN Syarif hidayatullah Jakarta

$r = mysql_fetch_array($hasil);

if(mysql_num_rows($hasil) == 0){

echo "<script>alert('Email atau password anda salah, atau anda

belum login'); window.location = 'media.php?hal=login'</script>";

}

else{

// fungsi untuk mendapatkan isi keranjang belanja

function isi_keranjang(){

$isikeranjang = array();

$sid = session_id();

$sql = mysql_query("SELECT * FROM orders_temp WHERE

id_session='$sid'");

while ($r=mysql_fetch_array($sql)) {

$isikeranjang[] = $r;

}

return $isikeranjang;

}

$tgl_skrg = date("Ymd");

$jam_skrg = date("H:i:s");

$id = mysql_fetch_array(mysql_query("SELECT id_kustomer FROM

kustomer WHERE email='$email'"));

// mendapatkan nomor kustomer

$id_kustomer=$id[id_kustomer];

// simpan data pemesanan

mysql_query("INSERT INTO

orders(tgl_order,jam_order,id_kustomer)

VALUES('$tgl_skrg','$jam_skrg','$id_kustomer')");

Page 112: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

98 UIN Syarif hidayatullah Jakarta

// mendapatkan nomor orders

$id_orders=mysql_insert_id();

// panggil fungsi isi_keranjang dan hitung jumlah produk

yang dipesan

$isikeranjang = isi_keranjang();

$jml = count($isikeranjang);

// simpan data detail pemesanan

for ($i = 0; $i < $jml; $i++){

mysql_query("INSERT INTO orders_detail(id_orders, id_produk,

jumlah)

VALUES('$id_orders',{$isikeranjang[$i]['id_produk']},

{$isikeranjang[$i]['jumlah']})");

}

// setelah data pemesanan tersimpan, hapus data pemesanan di

tabel pemesanan sementara (orders_temp)

for ($i = 0; $i < $jml; $i++) {

mysql_query("DELETE FROM orders_temp WHERE id_orders_temp =

{$isikeranjang[$i]['id_orders_temp']}");

}

echo " Data pemesan beserta ordernya adalah sebagai

berikut: <br />

<table border=0>

<tr><td>Nama Lengkap </td><td> :

<b>$r[nama_lengkap]</b></td></tr>

<tr><td>Alamat Lengkap </td><td> : $r[alamat] </td></tr>

<tr><td>Telpon </td><td> : $r[telpon] </td></tr>

<tr><td>E-mail </td><td> : $r[email] </td></tr>

Page 113: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

99 UIN Syarif hidayatullah Jakarta

</table><hr /><br />

Nomor Order: <b>$id_orders</b><br /><br />";

$daftarproduk=mysql_query("SELECT * FROM orders_detail,produk

WHERE orders_detail.id_produk=produk.id_produk AND

id_orders='$id_orders'");

echo "<table cellpadding=10 border=0>

<tr bgcolor=#ccc><th>No</th><th>Nama

Produk</th><th>Berat(Kg)</th><th>Qty</th><th>Harga

Satuan</th><th>Sub Total</th></tr>";

$pesan="Terimakasih telah melakukan pemesanan online di toko

online kami <br /><br />

Nama: $r[nama_lengkap] <br />

Alamat: $r[alamat] <br/>

Telpon: $r[telpon] <br />

Nomor Order: $id_orders <br />

Data order Anda adalah sebagai berikut: <br /><br />";

$no=1;

while ($d=mysql_fetch_array($daftarproduk)){

$disc = ($d[diskon]/100)*$d[harga];

$hargadisc = number_format(($d[harga]-$disc),0,",",".");

$subtotal = ($d[harga]-$disc) * $d[jumlah];

$subtotalberat = $d[berat] * $d[jumlah]; // total berat per

item produk

$totalberat = $totalberat + $subtotalberat; // grand total

berat all produk yang dibeli

$total = $total + $subtotal;

$subtotal_rp = format_rupiah($subtotal);

Page 114: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

100 UIN Syarif hidayatullah Jakarta

$total_rp = format_rupiah($total);

$harga = format_rupiah($d[harga]);

echo "<tr bgcolor=#fff><td>$no</td><td>$d[nama_produk]</td><td

align=center>$d[berat]</td><td align=center>$d[jumlah]</td>

<td align=right>$harga</td><td

align=right>$subtotal_rp</td></tr>";

$pesan.="$d[jumlah] $d[nama_produk] -> Rp. $harga -> Subtotal: Rp.

$subtotal_rp <br />";

$no++;

}

$kota=$r[id_kota];

$ongkos=mysql_fetch_array(mysql_query("SELECT ongkos_kirim

FROM kota WHERE id_kota='$kota'"));

$ongkoskirim1=$ongkos[ongkos_kirim];

$ongkoskirim = $ongkoskirim1 * $totalberat;

$grandtotal = $total + $ongkoskirim;

$ongkoskirim_rp = format_rupiah($ongkoskirim);

$ongkoskirim1_rp = format_rupiah($ongkoskirim1);

$grandtotal_rp = format_rupiah($grandtotal);

// dapatkan email_pengelola dan nomor rekening dari database

$sql2 = mysql_query("select

email_pengelola,nomor_rekening,nomor_hp from modul where

id_modul='43'");

$j2 = mysql_fetch_array($sql2);

$pesan.="<br /><br />Total : Rp. $total_rp

<br />Ongkos Kirim untuk Tujuan Kota Anda : Rp.

$ongkoskirim1_rp/Kg

Page 115: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

101 UIN Syarif hidayatullah Jakarta

<br />Total Berat : $totalberat Kg

<br />Total Ongkos Kirim : Rp. $ongkoskirim_rp

<br />Grand Total : Rp. $grandtotal_rp

<br /><br />Silahkan lakukan pembayaran sebanyak Grand Total

yang tercantum, rekeningnya: $j2[nomor_rekening]

<br />Apabila sudah transfer, konfirmasi ke nomor:

$j2[nomor_hp]";

$subjek="Pemesanan Online";

// Kirim email dalam format HTML

$dari = "From: $j2[email_pengelola]\r\n";

$dari .= "Content-type: text/html\r\n";

// Kirim email ke customer

mail($email,$subjek,$pesan,$dari);

// Kirim email ke pengelola toko online

mail("$j2[email_pengelola]",$subjek,$pesan,$dari);

echo "<tr><td colspan=5 align=right>Total : Rp. </td><td

align=right><b>$total_rp</b></td></tr>

<tr><td colspan=5 align=right>Ongkos Kirim untuk Tujuan Kota Anda:

Rp. </td><td align=right><b>$ongkoskirim1_rp</b>/Kg</td></tr>

<tr><td colspan=5 align=right>Total Berat : </td><td

align=right><b>$totalberat Kg</b></td></tr>

<tr><td colspan=5 align=right>Total Ongkos Kirim : Rp. </td><td

align=right><b>$ongkoskirim_rp</b></td></tr>

<tr><td colspan=5 align=right>Grand Total : Rp. </td><td

align=right><b>$grandtotal_rp</b></td></tr>

</table>";

echo "<p>Data order dan nomor rekening transfer sudah terkirim ke

Page 116: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

102 UIN Syarif hidayatullah Jakarta

email Anda. <br />

Apabila Anda tidak melakukan pembayaran dalam 3 hari, maka

transaksi dianggap batal.</p><br />";

}

?>

Cek_login.php

<?php

include "config/koneksi.php";

function anti_injection($data){

$filter =

mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars(

$data,ENT_QUOTES))));

return $filter;

}

$username = $_POST['email'];

$pass = md5($_POST['password']);

// pastikan username dan password adalah berupa huruf atau angka.

//if (!ctype_alnum($username) OR !ctype_alnum($pass)){

// echo "Sekarang loginnya tidak bisa di injeksi lho.";

//}

//else{

$login=mysql_query("SELECT * FROM kustomer WHERE email='$username'

AND password='$pass'");

$ketemu=mysql_num_rows($login);

$r=mysql_fetch_array($login);

Page 117: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

103 UIN Syarif hidayatullah Jakarta

// Apabila username dan password ditemukan

if ($ketemu > 0){

session_start();

$_SESSION[namauser] = $r[email];

$_SESSION[namauser] = $r[email];

$_SESSION[namalengkap] = $r[nama_lengkap];

$_SESSION[passuser] = $r[password];

$sid_lama = session_id();

session_regenerate_id();

$sid_baru = session_id();

//mysql_query("UPDATE kustomer SET id_session='$sid_baru' WHERE

username='$username'");

echo "<script>alert('Selamat Datang $_SESSION[namalengkap]');

window.location = 'index.php?hal=home'</script>";

header('location:index.php?hal=home');

}

else{

echo "<script>alert('Login Gagal, Email atau password anda

salah'); window.location = 'index.php?hal=login'</script>";

}

//}

?>

Page 118: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

104 UIN Syarif hidayatullah Jakarta

aksijasakirim.php

<?php

session_start();

if (empty($_SESSION['username']) AND

empty($_SESSION['passuser'])){

echo "<link href='style.css' rel='stylesheet' type='text/css'>

<center>Untuk mengakses modul, Anda harus login <br>";

echo "<a href=../../index.php><b>LOGIN</b></a></center>";

}

else{

include "../../../config/koneksi.php";

include "../../../config/library.php";

include "../../../config/fungsi_thumb.php";

include "../../../config/fungsi_seo.php";

$p=$_GET[p];

$act=$_GET[act];

// Hapus produk

if ($act=='hapus'){

$data=mysql_fetch_array(mysql_query("SELECT gambar FROM

shop_pengiriman WHERE id_perusahaan='$_GET[id]'"));

if ($data['gambar']!=''){

mysql_query("DELETE FROM shop_pengiriman WHERE

id_perusahaan='$_GET[id]'");

unlink("../../../foto_banner/$_GET[namafile]");

Page 119: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

105 UIN Syarif hidayatullah Jakarta

}

else{

mysql_query("DELETE FROM shop_pengiriman WHERE

id_perusahaan='$_GET[id]'");

}

header('location:../../index.php?p=produk');

mysql_query("DELETE FROM produk WHERE id_produk='$_GET[id]'");

header('location:../../index.php?p=jasakirim');

}

// Input jasa kirim

elseif ($act=='input'){

$lokasi_file = $_FILES['fupload']['tmp_name'];

$tipe_file = $_FILES['fupload']['type'];

$nama_file = $_FILES['fupload']['name'];

$acak = rand(1,99);

$nama_file_unik = $acak.$nama_file;

// Apabila ada gambar yang diupload

if (!empty($lokasi_file)){

if ($tipe_file != "image/jpeg" AND $tipe_file !=

"image/pjpeg"){

echo "<script>window.alert('Upload Gagal, Pastikan File yang

di Upload bertipe *.JPG');

window.location=('../../index.php?p=produk)</script>";

}

else{

UploadBanner($nama_file_unik);

Page 120: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

106 UIN Syarif hidayatullah Jakarta

mysql_query("INSERT INTO

shop_pengiriman(nama_perusahaan,alias,gambar)

VALUES('$_POST[nama_perusahaan]','$_POST[alias]','$nama_file_unik'

)");

header('location:../../index.php?p=jasakirim');

}

}

else{

mysql_query("INSERT INTO

shop_pengiriman(nama_perusahaan,alias)

VALUES('$_POST[nama_perusahaan]', '$_POST[alias]')");

header('location:../../index.php?p=jasakirim');

}

}

// Update produk

elseif ($act=='update'){

$lokasi_file = $_FILES['fupload']['tmp_name'];

$tipe_file = $_FILES['fupload']['type'];

$nama_file = $_FILES['fupload']['name'];

$acak = rand(1,99);

$nama_file_unik = $acak.$nama_file;

// Apabila gambar tidak diganti

if (empty($lokasi_file)){

mysql_query("UPDATE shop_pengiriman SET nama_perusahaan =

'$_POST[nama_perusahaan]',

alias =

'$_POST[alias]'

Page 121: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

107 UIN Syarif hidayatullah Jakarta

WHERE id_perusahaan =

'$_POST[id]'");

header('location:../../index.php?p=jasakirim');

}

else{

if ($tipe_file != "image/jpeg" AND $tipe_file !=

"image/pjpeg"){

echo "<script>window.alert('Upload Gagal, Pastikan File yang

di Upload bertipe *.JPG');

window.location=('../../index.php?p=jasakirim)</script>";

}

else{

UploadBanner($nama_file_unik);

mysql_query("UPDATE shop_pengiriman SET nama_perusahaan =

'$_POST[nama_produk]',

alias

= '$_POST[alias]',

gambar

= '$nama_file_unik'

WHERE id_perusahaan

= '$_POST[id]'");

header('location:../../index.php?p=jasakirim');

}

}

}

}

?>

Page 122: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

108 UIN Syarif hidayatullah Jakarta

Aksi_kategori.php

<?php

session_start();

if (empty($_SESSION['username']) AND

empty($_SESSION['passuser'])){

echo "<link href='style.css' rel='stylesheet' type='text/css'>

<center>Untuk mengakses modul, Anda harus login <br>";

echo "<a href=../../index.php><b>LOGIN</b></a></center>";

}

else{

include "../../../config/koneksi.php";

include "../../../config/fungsi_seo.php";

$act=$_GET[act];

// Hapus Kategori

if ($act=='hapus'){

mysql_query("DELETE FROM kategori WHERE

id_kategori='$_GET[id]'");

header('location:../../index.php?p=kategori');

}

// Input kategori

elseif ($act=='input'){

$kategori_seo = seo_title($_POST['nama_kategori']);

mysql_query("INSERT INTO kategori(nama_kategori,kategori_seo)

Page 123: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

109 UIN Syarif hidayatullah Jakarta

VALUES('$_POST[nama_kategori]','$kategori_seo')");

header('location:../../index.php?p=kategori');

}

// Update kategori

elseif ($act=='update'){

$kategori_seo = seo_title($_POST['nama_kategori']);

mysql_query("UPDATE kategori SET nama_kategori =

'$_POST[nama_kategori]', kategori_seo='$kategori_seo' WHERE

id_kategori = '$_POST[id]'");

header('location:../../index.php?p=kategori');

}

}

?>

Aksi_produk.php

<?php

session_start();

if (empty($_SESSION['username']) AND

empty($_SESSION['passuser'])){

echo "<link href='style.css' rel='stylesheet' type='text/css'>

<center>Untuk mengakses modul, Anda harus login <br>";

echo "<a href=../../index.php><b>LOGIN</b></a></center>";

}

else{

include "../../../config/koneksi.php";

Page 124: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

110 UIN Syarif hidayatullah Jakarta

include "../../../config/library.php";

include "../../../config/fungsi_thumb.php";

include "../../../config/fungsi_seo.php";

$p=$_GET[p];

$act=$_GET[act];

// Hapus produk

if ($act=='hapus'){

$data=mysql_fetch_array(mysql_query("SELECT gambar FROM produk

WHERE id_produk='$_GET[id]'"));

if ($data['gambar']!=''){

mysql_query("DELETE FROM produk WHERE

id_produk='$_GET[id]'");

unlink("../../../foto_produk/$_GET[namafile]");

unlink("../../../foto_produk/small_$_GET[namafile]");

}

else{

mysql_query("DELETE FROM produk WHERE

id_produk='$_GET[id]'");

}

header('location:../../index.php?p=produk');

mysql_query("DELETE FROM produk WHERE id_produk='$_GET[id]'");

header('location:../../index.php?p=produk');

}

// Input produk

Page 125: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

111 UIN Syarif hidayatullah Jakarta

elseif ($act=='input'){

$lokasi_file = $_FILES['fupload']['tmp_name'];

$tipe_file = $_FILES['fupload']['type'];

$nama_file = $_FILES['fupload']['name'];

$acak = rand(1,99);

$nama_file_unik = $acak.$nama_file;

$produk_seo = seo_title($_POST[nama_produk]);

// Apabila ada gambar yang diupload

if (!empty($lokasi_file)){

if ($tipe_file != "image/jpeg" AND $tipe_file !=

"image/pjpeg"){

echo "<script>window.alert('Upload Gagal, Pastikan File yang

di Upload bertipe *.JPG');

window.location=('../../index.php?p=produk)</script>";

}

else{

UploadImage($nama_file_unik);

mysql_query("INSERT INTO produk(nama_produk,

produk_seo,

id_kategori,

berat,

harga,

diskon,

stok,

deskripsi,

Page 126: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

112 UIN Syarif hidayatullah Jakarta

tgl_masuk,

gambar)

VALUES('$_POST[nama_produk]',

'$produk_seo',

'$_POST[kategori]',

'$_POST[berat]',

'$_POST[harga]',

'$_POST[diskon]',

'$_POST[stok]',

'$_POST[deskripsi]',

'$tgl_sekarang',

'$nama_file_unik')");

header('location:../../index.php?p=produk');

}

}

else{

mysql_query("INSERT INTO produk(nama_produk,

produk_seo,

id_kategori,

berat,

harga,

diskon,

stok,

deskripsi,

tgl_posting)

Page 127: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

113 UIN Syarif hidayatullah Jakarta

VALUES('$_POST[nama_produk]',

'$produk_seo',

'$_POST[kategori]',

'$_POST[berat]',

'$_POST[harga]',

'$_POST[harga]',

'$_POST[stok]',

'$_POST[deskripsi]',

'$tgl_sekarang')");

header('location:../../index.php?p=produk');

}

}

// Update produk

elseif ($act=='update'){

$lokasi_file = $_FILES['fupload']['tmp_name'];

$tipe_file = $_FILES['fupload']['type'];

$nama_file = $_FILES['fupload']['name'];

$acak = rand(1,99);

$nama_file_unik = $acak.$nama_file;

$produk_seo = seo_title($_POST[nama_produk]);

// Apabila gambar tidak diganti

if (empty($lokasi_file)){

mysql_query("UPDATE produk SET nama_produk =

Page 128: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

114 UIN Syarif hidayatullah Jakarta

'$_POST[nama_produk]',

produk_seo = '$produk_seo',

id_kategori =

'$_POST[kategori]',

berat = '$_POST[berat]',

harga = '$_POST[harga]',

diskon = '$_POST[diskon]',

stok = '$_POST[stok]',

deskripsi =

'$_POST[deskripsi]'

WHERE id_produk = '$_POST[id]'");

header('location:../../index.php?p=produk');

}

else{

if ($tipe_file != "image/jpeg" AND $tipe_file !=

"image/pjpeg"){

echo "<script>window.alert('Upload Gagal, Pastikan File yang

di Upload bertipe *.JPG');

window.location=('../../media.php?module=produk)</script>";

}

else{

UploadImage($nama_file_unik);

mysql_query("UPDATE produk SET nama_produk =

$_POST[nama_produk]',produk_seo = '$produk_seo',id_kategori =

$_POST[kategori]',berat = '$_POST[berat]',harga = '$_POST[harga]',

diskon = '$_POST[diskon]', stok = '$_POST[stok]',deskripsi=

'$_POST[deskripsi]',gambar = '$nama_file_unik' WHERE id_produk =

Page 129: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

115 UIN Syarif hidayatullah Jakarta

'$_POST[id]'");

header('location:../../index.php?p=produk');

}

}

}

}

?>

Aksi_subproduk.php

<?php

session_start();

include "../../../config/koneksi.php";

include "../../../config/library.php";

include "../../../config/fungsi_thumb.php";

include "../../../config/fungsi_seo.php";

$module=$_GET[module];

$act=$_GET[act];

// Hapus produk

if ($act=='hapus'){

mysql_query("DELETE FROM subproduk WHERE

id_subproduk='$_GET[id]'");

header('location:../../media.php?p=subproduk');

}

// Input produk

elseif ($act=='input'){

Page 130: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

116 UIN Syarif hidayatullah Jakarta

$lokasi_file = $_FILES['fupload']['tmp_name'];

$tipe_file = $_FILES['fupload']['type'];

$nama_file = $_FILES['fupload']['name'];

$acak = rand(1,99);

$nama_file_unik = $acak.$nama_file;

$produk_seo = seo_title($_POST[nama_produk]);

// Apabila ada gambar yang diupload

if (!empty($lokasi_file)){

UploadImage($nama_file_unik);

mysql_query("INSERT INTO subproduk(id_produk,

gambar)

VALUES('$_POST[produk]',

'$nama_file_unik')");

}

else{

echo "<script>window.alert('Anda belum memilih gambar');

window.location=('../../media.php?p=subproduk')</script>";

header('location:../../media.php?p=subproduk');

}

header('location:../../media.php?p=subproduk');

}

Page 131: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

117 UIN Syarif hidayatullah Jakarta

// Update produk

elseif ($act=='update'){

$lokasi_file = $_FILES['fupload']['tmp_name'];

$tipe_file = $_FILES['fupload']['type'];

$nama_file = $_FILES['fupload']['name'];

$acak = rand(1,99);

$nama_file_unik = $acak.$nama_file;

// Apabila gambar tidak diganti

if (empty($lokasi_file)){

echo "<script>window.alert('Anda belum memilih gambar');

window.location=('location:../../media.php?module=subproduk')</scr

ipt>";

header('location:../../media.php?p=subproduk');

}

else{

UploadImage($nama_file_unik);

mysql_query("UPDATE subproduk SET id_produk = '$_POST[produk]',

gambar = '$nama_file_unik' WHERE id_subproduk =

'$_POST[id]'");

}

header('location:../../media.php?p=subproduk');

}

?>

Page 132: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

118 UIN Syarif hidayatullah Jakarta

Aksi_order.php

<?php

session_start();

include "../../../config/koneksi.php";

$p=$_GET[p];

$act=$_GET[act];

if ($p=='order' AND $act=='hapus'){

mysql_query("DELETE FROM orders WHERE id_orders='$_GET[id]'");

header('location:../../media.php?p='.$p);

}

elseif ($p=='order' AND $act=='update'){

// Update stok barang saat transaksi sukses (Lunas)

if ($_POST[status_order]=='Lunas/Terkirim'){

// Update untuk mengurangi stok

mysql_query("UPDATE produk,orders_detail SET

produk.stok=produk.stok-orders_detail.jumlah WHERE

produk.id_produk=orders_detail.id_produk AND

orders_detail.id_orders='$_POST[id]'");

// Update untuk menambahkan produk yang dibeli (best

seller = produk yang paling laris)

mysql_query("UPDATE produk,orders_detail SET

produk.dibeli=produk.dibeli+orders_detail.jumlah WHERE

produk.id_produk=orders_detail.id_produk AND

orders_detail.id_orders='$_POST[id]'");

// Update status order

mysql_query("UPDATE orders SET

status_order='$_POST[status_order]' where

id_orders='$_POST[id]'");

Page 133: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

119 UIN Syarif hidayatullah Jakarta

header('location:../../media.php?p='.$p);

}

elseif($_POST[status_order]=='Batal'){

mysql_query("UPDATE produk,orders_detail SET

produk.stok=produk.stok+orders_detail.jumlah WHERE

produk.id_produk=orders_detail.id_produk AND

orders_detail.id_orders='$_POST[id]'"); //menambah stok yang tidak

jadi dibeli

// Update untuk mengurangkan produk yang tidak jadi dibeli

( tidak jd best seller)

mysql_query("UPDATE produk,orders_detail SET

produk.dibeli=produk.dibeli-orders_detail.jumlah WHERE

produk.id_produk=orders_detail.id_produk AND

orders_detail.id_orders='$_POST[id]'");

// Update status order

mysql_query("UPDATE orders SET

status_order='$_POST[status_order]' where

id_orders='$_POST[id]'");

header('location:../../media.php?p='.$p);

}

else{

mysql_query("UPDATE orders SET

status_order='$_POST[status_order]' where

id_orders='$_POST[id]'");

header('location:../../media.php?p='.$p);

}

}

?>

Page 134: Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana ...repository.uinjkt.ac.id/dspace/bitstream/123456789/47854/1/FIYAYANTI... · II UIN Syarif hidayatullah Jakarta APLIKASI

120 UIN Syarif hidayatullah Jakarta

Lampiran IV. Surat Permohonan Dosen Pembimbing