RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG...

91
RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI KASUS: FRENZY SECOND STORE SURABAYA) PROYEK AKHIR Program Studi DIII MANAJEMEN INFORMATIKA Oleh: HENDRIKUS DANIEL SUPRAYITNO 15390100040 FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2019

Transcript of RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG...

Page 1: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI KASUS: FRENZY SECOND STORE SURABAYA) PROYEK AKHIR Program Studi

DIII MANAJEMEN INFORMATIKA

Oleh:

HENDRIKUS DANIEL SUPRAYITNO

15390100040

FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2019

Page 2: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

ii

RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBILAN BARANG BEKAS BERBASIS WEBSITE (STUDI KASUS:

FRENZY SECOND STORE SURABAYA)

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Ahli Madya Komputer

Oleh:

Nama : HENDRIKUS DANIEL SUPRAYITNO

NIM : 15390100040

Program Studi : DIII (Diploma Tiga)

Jurusan : Manajemen Informatika

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2019

Page 3: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

iii

“Kunci hidup bahagia adalah jalani, nikmati dan syukuri.”

Page 4: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

iv

Page 5: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

i

Page 6: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

ii

Page 7: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

iii

ABSTRAK

Permasalahan yang dihadapi pada Frenzy Second Store Surabaya yaitu pembuatan penjualan dan pembelian yang masih dilakukan secara manual, sehingga sering terjadi kehilangan bukti transaksi atau bahkan terselip. Salah satu upaya untuk meningkatkan kinerja pada Frenzy Second Store Surabaya maka dibuatlah rancang bangun aplikasi untuk membuat penjualan , pembelian dan pengiriman. Pegawai dan pelanggan dapat melakukan transaksi dengan menggunakan website penjualan dan pembelian kerja Frenzy Second Store Surabaya Aplikasi ini dapat melakukan penjualan dan pembelian.

Setelah menerapkan aplikasi ini maka proses transaksi penjualan dan pembelian pada Frenzy Second Store Surabaya dapat dilakukan secara efektif. Permasalahan penjualan dan pembelian sudah dapat berjalan dengan baik, proses transaksi penjualan dan pembelian yang dulu masih dilakukan secara manual sekarang sudah bisa di lakukan melalui online sehingga mengurangi penggunaan kertas. Website ini juga membantu admin untuk melihat transaksi penjualan, pembelian dan pengiriman setiap hari.

Kata Kunci: Penjualan, Pembelian, Frenzy Second Store Surabaya

Page 8: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

iv

ABSTRACT

The problems faced by the Surabaya Frenzy Second Store are making sales and purchases that are still done manually, so there is often a loss of transaction evidence or even tucked away. One effort to improve the performance of the Frenzy Second Store in Surabaya is the design of applications to make sales, purchases and deliveries. Employees and customers can make transactions using website sales and purchases of work Frenzy Second Store Surabaya This application can make sales and purchases.

After implementing this application, the process of selling and buying transactions at the Surabaya Frenzy Second Store can be done effectively. The problem of sales and purchases can work well, the process of selling and buying transactions that were still done manually now can already be done online, thereby reducing paper usage. This website also helps admin to see sales, purchase and delivery transactions every day. Keywords: Sales, Purchases, Frenzy Second Store Surabaya

Keywords: Sales, Purchases, Frenzy Second Store Surabaya

Page 9: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

v

KATA PENGANTAR

Puji syukur atas kehadirat Allah SWT karena atas rahmat-Nya, penulis

dapat menyelesaikan Proyek Akhir Sistem Informasi yang berjudul “Rancang

Bangun Sistem Informasi Penjualan Dan Pembelian Barang Bekas Berbasis

Website (Studi Kasus: Frenzy Second Store Surabaya)”.

Selesainya laporan proyek sistem informasi ini dapat terwujud berkat

bimbingan dan saran dari berbagai pihak. Pada kesempatan ini, penulis

menyampaikan terima kasih kepada:

1. Kedua Orang Tua dan keluarga tercinta yang selalu memberikan motivasi dan

doa selama pengerjaan Proyek Akhir.

2. Bapak Rizal Agus Muchtar selaku Owner yang telah membantu dan

membimbing serta memberikan informasi kepada penulis dalam mengerjakan

Proyek Akhir ini.

3. Ibu Titik Lusiani, M.Kom., OCP, selaku Dosen Pembimbing Studi Jurusan DIII

Manajemen Informatika yang telah memberikan arahan selama proses

pembuatan Laporan Proyek Akhir. Terima kasih atas bimbingan dan nasehat

yang telah diberikan dalam pelaksanaan Proyek Akhir ini.

4. Ibu Nunuk Wahyuningtyas, M.Kom. selaku Kepala Program Studi Jurusan DIII

Manajemen Informatika yang telah memberikan arahan selama proses

pembuatan Laporan Proyek Akhir. Terima kasih atas bimbingan dan nasehat

yang telah diberikan dalam pelaksanaan Proyek Akhir ini.

Page 10: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

vi

5. Segenap teman, saudara, serta sahabat yang telah memberi dukungan, motivasi,

semangat dan membantu selama mengerjakan Laporan Proyek Akhir

Penulis menyadari adanya kekurangan dalam penyusunan laporan ini.

Adanya kritik dan saran dari berbagai pihak, yang bersifat membangun sangat

diharapkan sebagai bahan perbaikan di tugas-tugas untuk kedepan. Semoga laporan

Proyek Akhir ini bermanfaat bagi penulis dan pembaca pada umumnya.

Surabaya, Januari 2019

Penulis

Page 11: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

vii

DAFTAR ISI

Halaman ABSTRAK .............................................................................................................. ii

ABSTRACT ........................................................................................................... iv

KATA PENGANTAR ............................................................................................ v

DAFTAR ISI ......................................................................................................... vii

DAFTAR TABEL .................................................................................................. xi

DAFTAR GAMBAR ............................................................................................ xii

DAFTAR LAMPIRAN ......................................................................................... xv

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

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

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

1.3 Batasan Masalah ................................................................................ 2

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

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

1.6 Sistematika Penulisan ........................................................................ 3

BAB II HASIL SURVEY ...................................................................................... 5

2.1 Gambaran Umum Frenzy Second Store Surabaya ............................ 5

2.2 Visi dan Misi Frenzy Second Store Surabaya ................................... 6

2.3 Tugas Pokok Frenzy Second Store Surabaya .................................... 6

2.4 Struktur Organisasi Frenzy Second Store Surabaya .......................... 6

2.5 Analisis Sistem yang Sedang Berjalan .............................................. 7

2.5.1 Document Flow Penjualan.............................................8

2.5.2 Document Flow Pembelian Barang...............................8

Page 12: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

viii

2.5.3 Document Flow Pengiriman………………..……..…9

BAB III LANDASAN TEORI .............................................................................. 11

3.1 Sistem .............................................................................................. 11

3.2 Informasi .......................................................................................... 11

3.3 Sistem Informasi .............................................................................. 12

3.4 Pembelian ........................................................................................ 12

3.5 Penjualan ......................................................................................... 12

3.6 Database .......................................................................................... 13

3.7 System Development Life Cycle ....................................................... 13

3.8 Pembelian ........................................................................................ 15

BAB IV ANALISIS DAN DESAIN SISTEM...................................................... 16

4.1 Analisis Sistem ................................................................................ 16

4.2 Desain Sistem .................................................................................. 16

4.2.1 System Flow…………………………………………………16

4.2.2 Data Flow Diagram………………………………………..20

4.2.3 Entity Relationship Diagram..........................................27

4.2.4 Struktur Tabel.................................................................30

4.2.5 Desain Input/Output.......................................................36

BAB V IMPLEMENTASI DAN PEMBAHASAN .............................................. 50

5.1 Sistem yang Digunakan ................................................................... 50

5.2 Cara Setup Program ......................................................................... 50

5.3 Penjelasan Pemakaian Program ....................................................... 51

5.3.1 Halaman Login...............................................................51

5.3.2 Halaman Dashboard......................................................52

5.3.3 Halaman Akses Feature Grup........................................53

Page 13: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

ix

5.3.4 Halaman Akses Feature..................................................54

5.3.5 Halaman Akses User Grup.............................................54

5.3.6 Halaman Akses User......................................................54

5.3.7 Halaman Master Pegawai..............................................56

5.3.8 Halaman Master Suplier................................................56

5.3.9 Halaman Master Rekening............................................56

5.3.10 Halaman Master Satuan Produk....................................58

5.3.11 Halaman Master Kategori Produk.................................58

5.3.12 Halaman Master Produk................................................58

5.3.13 Halaman Transaksi Pembelian......................................60

5.3.14 Halaman Transaksi Penjualan.......................................60

5.3.15 Halaman Transaksi Pengiriman....................................60

5.3.16 Halaman Laporan Daftar Produk..................................62

5.3.17 Halaman Laporan Daftar Pembelian.............................62

5.3.18 Halaman Laporan Daftar Penjualan..............................62

5.3.19 Halaman Laporan Daftar Pengiriman...........................64

5.3.20 Halaman Laporan Rekap Pembelian............................64

5.3.21 Halaman Laporan Rekap Penjualan.............................64

5.3.22 Halaman Laporan Stok.................................................66

5.3.23 Halaman Login Website...............................................66

5.3.24 Halaman Beranda Website...........................................67

5.3.25 Halaman Semua Produk Website.................................67

5.3.26 Halaman Kategori Website...........................................68

5.3.27 Halaman Akun Website................................................68

Page 14: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

x

5.3.28 Halaman Keranjang Website.........................................69

5.3.29 Halaman Konfirmasi Pembayaran Website..................69

5.3.30 Halaman Cara Order Website........................................70

5.3.31 Halaman Hubungi Kami Website..................................70

BAB VI PENUTUP .............................................................................................. 71

6.1 Kesimpulan ...................................................................................... 71

6.2 Saran ................................................................................................ 71

DAFTAR PUSTAKA ........................................................................................... 72

LAMPIRAN .......................................................................................................... 74

Page 15: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

xi

DAFTAR TABEL

Halaman

Table 4.1. Tabel Master Jabatan ........................................................................... 30

Table 4.2 Tabel Master Pegawai ........................................................................... 30

Table 4.3 Tabel Master Pelanggan ........................................................................ 31

Table 4.4 Tabel Master Supplier ........................................................................... 32

Table 4.5 Tabel Master Kategori .......................................................................... 32

Table 4.6 Tabel Master Sub Kategori ................................................................... 32

Table 4.7 Tabel Master Barang ............................................................................. 33

Table 4.8 Tabel Master Ukuran ............................................................................ 33

Table 4.9 Tabel Penjualan ..................................................................................... 34

Table 4.10 Tabel Detil Jual ................................................................................... 34

Table 4.11 Tabel Persediaan ................................................................................. 35

Table 4.12 Tabel Pembelian .................................................................................. 35

Table 4.13 Tabel Detil Beli ................................................................................... 36

Table 4.14 Tabel Pengiriman ................................................................................ 36

Page 16: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

xii

DAFTAR GAMBAR

Halaman

Gambar 2.1 Logo Frenzy Surabaya ........................................................................ 5

Gambar 2.2 Struktur Organisasi .............................................................................. 6

Gambar 2.3 Docflow Penjualan................................................................................8

Gambar 2.4 Docflow Pembelian ............................................................................. 9

Gambar 2.5 Docflow Pengiriman .......................................................................... 10

Gambar 4.1 Sysflow Penjualan ............................................................................. 17

Gambar 4.2 Sysflow Pembelian ............................................................................. 18

Gambar 4.3 Sysflow Pengiriman ........................................................................... 19

Gambar 4.4 SystemFlow Laporan ......................................................................... 20

Gambar 4.5 Context Diagram ............................................................................... 21

Gambar 4.6 Data low Diagram (DFD) Level 0 .................................................... 23

Gambar 4.7 Data Flow Diagram Level 1 Data Master ........................................ 24

Gambar 4.8 Data Flow Diagram Level 1 Penjualan ............................................ 25

Gambar 4.9 Data Flow Diagram Level 1 Pembelian ........................................... 26

Gambar 4.10 Data Flow Diagram Level 1 Pengiriman ........................................ 27

Gambar 4.11 Conceptual Data Model .................................................................. 28

Gambar 4.12 Physical Data Model ....................................................................... 29

Gambar 4.13 Halaman Login ................................................................................ 37

Gambar 4.14 Halaman Dashboard ....................................................................... 38

Gambar 4.15 Akses Feature Grup ......................................................................... 38

Gambar 4.16 Halaman Akses Feature ................................................................... 39

Gambar 4.17 Halaman Akses User Grup .............................................................. 40

Page 17: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

xiii

Gambar 4.18 Halaman Akses User ....................................................................... 40

Gambar 4.19 Halaman Master Pegawai ................................................................ 41

Gambar 4.20 Halaman Master Suplier .................................................................. 41

Gambar 4.21 Halaman Master Rekening………………………………………....43

Gambar 4.22 Halaman Master Satuan Produk……………………….…………..43

Gambar 4.23 Halaman Master Kategori Produk…………………….… ………...44

Gambar 4.24 Halaman Master Produk……………………………….…..……… 44

Gambar 4.25 Halaman Transaksi Pembelian…………………………................. 45

Gambar 4.26 Halaman Transaksi Penjualan………………………….................. 46

Gambar 4.27 Halaman Transaksi Pengiriman.………………………………...…46

Gambar 4.28 Halaman Laporan Daftar Produk………………………..................47

Gambar 4.29 Halaman Laporan Daftar Pembelian………………………………47

Gambar 4.30 Halaman Laporan Daftar Penjualan……………………………….48

Gambar 4.31 Halaman Laporan Daftar Pengiriman……………………………..49

Gambar 4.32 Halaman Laporan Rekap Pembelian……………………………...49

Gambar 4.33 Halaman Laporan Rekap Penjualan……………………................50

Gambar 4.34 Halaman Laporan Stok…………………………………………....50

Gambar 5.1 Halaman Login …………………….………………………………..53

Gambar 5.2 Halaman Dashboard…………………………….………..................54

Gambar 5.3 Feature Grup…………………….…………………………………..54

Gambar 5.4 Halaman Akses Feature…………………………….……................55

Gambar 5.5 Halaman Akses User Grup…………………….…………...............56

Gambar 5.6 Halaman Akses User…………………………….………................56

Gambar 5.7 Halaman Master Pegawai …………………………….................…57

Page 18: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

xiv

Gambar 5.8 Halaman Master Suplier..…….…………………………... ………...58

Gambar 5.9 Halaman Master Rekening…..………………………….... ………..58

Gambar 5.10 Halaman Master Satuan Produk….……………………... ………..59

Gambar 5.11 Halaman Master Kategori Produk.…………………….... ………...60

Gambar 5.12 Halaman Master Produk………………………….………………..60

Gambar 5.13 Halaman Transaksi Pembelian…………………………... ……….61

Gambar 5.14 Halaman Transaksi Penjualan………………………….... ………..62

Gambar 5.15 Halaman Transaksi Pengiriman.……………………….…………..62

Gambar 5.16 Halaman Laporan Daftar Produk………………………...................63

Gambar 5.17 Halaman Laporan Daftar Pembelian……………………………….64

Gambar 5.18 Halaman Laporan Daftar Penjualan………………………………..64

Gambar 5.19 Halaman Laporan Daftar Pengiriman………………………………65

Gambar 5.20 Halaman Laporan Rekap Pembelian……………………………….66

Gambar 5.21 Halaman Laporan Rekap Penjualan………………………………..66

Gambar 5.22 Halaman Laporan Stok…………………………………..................67

Gambar 5.23 Halaman Login Website……..…………………………................. ..67

Gambar 5.24 Halaman Beranda Website….…………………………................. ..68

Gambar 5.25 Halaman Semua Produk Website………………………... ………..68

Gambar 5.26 Halaman Kategori Produk Website…………………….... ………..69

Gambar 5.27 Halaman Akun Website…………………………………... ………..69

Gambar 5.28 Halaman Keranjang Website…..……………………….... ………..70

Gambar 5.29 Halaman Konfirmasi Pembayaran Website……………... ………...70

Gambar 5.30 Halaman Cara Order Website………………………….... ………...71

Gambar 5.31 Halaman Hubungi Kami Website………………………... ………..71

Page 19: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

xv

DAFTAR LAMPIRAN

Halaman

Lampiran 1 Surat Survei ....................................................................................... 74

Lampiran 2. Hasil Wawancara .............................................................................. 75

Lampiran 3. Hasil Rekap Penjualan ...................................................................... 76

Lampiran 4. Hasil Rekap Pembelian ..................................................................... 77

Lampiran 5. Kode Program Transaksi .................................................................. 78

Lampiran 6. Kartu Bimbingan Proyek Akhir ........................................................ 90

Page 20: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Kegiatan kerja dari admin untuk Frenzy Second Store Surabaya sangat

banyak mulai dari penjualan, pembelian, pengiriman, jadi kegiatan kerja itu

dilakukan sehari-hari untuk memenuhi permintaan dari pemilik dan pelanggan

ketika ada proses bisnis masuk.

Proses bisnis kerja Frenzy Second Store Surabaya saat ini masih

menggunakan proses manual ketika ada proses masuk admin dari Frenzy

Second Store Surabaya masi melakukan penjualan di lapak dan melakukan

pembayaran secara manual sehingga mempersulit dari kinerja admin dan

pengembangan perusahaan Frenzy Second Store.

Perkembangan teknologi informasi dalam beberapa tahun terakhir telah

membawa dampak yang besar pada berbagai aspek kehidupan, termasuk di

dalamnya dunia bisnis. Kini saatnya era elektronik yang ditandai dengan

menjamurnya istilah-istilah e-business, e-university, e-government, e-economy,

e-emtertainment, dan masih banyak lagi. Salah satu konsep yang dinilai

merupakan paradigma bisnis baru adalah e-business atau dikenal pula dengan

istilah e-commerce sebagai bidang kajian yang relatif masih baru dan akan terus

berkembang.

Dengan itu kami menciptakan sebuah perusahaan e-commerse yang

bernama Frenzy Second Store yang bergerak di bidang barang dan jasa

penjualan produk fashion bekas dalam wilayah Surabaya. Dengan terciptanya

Page 21: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

2

Frenzy Second Store ini akan memberikan dampak yanng besar dalam

membantu penjualan barang dan jasa promosi penjualan produk fashion bekas

se-Surabaya dengan cepat dan efisien.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah di atas, maka dapat dirumuskan

permasalahan adalah sebagai berikut:

a. Bagaimana merancang bangun Sistem Informasi Penjualan dan Pembelian

barang bekas Berbasis Website untuk memudahkan perusahaan dalam

melakukan proses bisnisnya?

b. Bagaimana merancang bangun Sistem Informasi Penjualan untuk melakukan

transaksi penjualan, pembelian, pengiriman barang, dan pencatatan

penerimaan barang

c. Bagaimana merancang bangun Sistem Informasi Penjualan yang dapat

digunakan untuk menyimpan data dengan baik?

1.3 Batasan Masalah

Batasan masalah pada penelitian ini adalah sebagai berikut:

a. Sistem yang dibahas meliputi:

1. Pencatatan transaksi penjualan berbasis website.

2. Pencatatan transaksi pembelian barang berbasis website.

3. Pengiriman barang

b. Aplikasi ini tidak membahas tentang keamanan aplikasi.

c. Sistem ini tidak membahas penjualan secara tunai.

Page 22: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

3

1.4 Tujuan

Tujuan pada penelitian ini adalah sebagai berikut:

a. Merancang dan membangun sistem informasi yang dapat memudahkan pihak

dalam melakukan proses bisnis.

b. Dapat digunakan untuk pengambilan keputusan perushaan.

c. Memberikan informasi berupa laporan proses bisnis kepada perushaan.

1.5 Manfaat

Manfaat dalam pembuatan Sistem Informasi Penjualan Helm Berbasis

Website adalah sebagai berikut:

a. Memudahkan proses bisnis perusahaan.

b. Keamanaan dan kepastian informasi yang didapat oleh pelanggan.

c. Sarana pengambil keputusan.

1.6 Sistematika Penulisan

Sistematika penulisan laporan proyek akhir rancang bangun sistem

Informasi penjualan helm berbasis website pada Frenzy Second Store surabaya

adalah sebagai berikut:

Bab pertama pandahuluan membahas tentang latar belakang masalah,

perumusan masalah yang ada, batasan masalah dari sistem yang dibuat, tujuan

pembuatan sistem, dan sistematika penulisan laporan.

Bab kedua hasil survey membahas tentang gambaran umum Frenzy

Second Store Surabaya yang menguraikan gambaran umum perusahaan seperti

lokasi, keadaan, kondisi, situasi dan hal lain yang berkaitan dengan

Page 23: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

4

instansi/lembaga tersebut, sejarah berdirinya, dan struktur organisasi Frenzy

Second Store Surabaya.

Bab ketiga landasan teori membahas tentang sistem informasi penjualan,

penjualan, sistem informasi, persediaan barang, system development lyfe cycle dan

codeigniter .

Bab keempat analisis dan desain sistem membahas tentang prosedur dan

langkah-langkah sistematis dalam menyelesaikan proyek ini. Bab ini juga berisi

tentang Document Flow, System Flow, Context Diagram, Data Flow Diagram,

Entity Relationship Diagram.

Bab kelima implementasi dan pembahasan mengenai sistem yang

digunakan untuk mendukung jalannya aplikasi ini yang meliputi hardware maupun

software. Selain itu, di dalam bab ini juga menjelaskan tentang cara penggunaan

dari aplikasi ini.

Bab keenam penutup membahas tentang kesimpulan atau ringkasan/inti

dari bab-bab sebelumnya dan bab ini juga memuat saran-saran yang bisa diterapkan

untuk perbaikan dan pengembangan sistem selanjutnya.

Page 24: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

5

BAB II

HASIL SURVEY

2.1 Gambaran Umum Frenzy Second Store Surabaya

Frenzy Second Store Surabaya merupakan perusahaan yang bergerak di

bidang penjualan barang bekas untuk gaya hidup seperti: baju, topi, celana , tas,

jam, sepatu. Frenzy Second Store Surabaya berdiri sejak tahun 2015 yang didirikan

oleh seorang mahasiswa bernama Rizal Agus. Frenzy Second Store terletak di Jalan

Gajah Mada no5 rt06/rw06 kecamatan taman desa kedung turi sidoarjo. Alamat

tersebut menjadi tempat kantor sekaligus gudang penjualan semua barang yang

dimiliki oleh Frenzy Second Store Surabaya.

Perusahaan ini adalah perusahaan yang bisnis utamanya sedikit mengubah

wujud barang untuk di cuci dulu sehingga barang yang dijual terilihat bersih dan

menarik dari pemasok dan menjual lagi ke pada konsumen untuk mencari laba.

Sebagai contoh yang biasa kita temui adalah orang berjualan setiap hari minggu di

tugu pahlawan. Aksesibilitas informasi harus adaptif terhadap perubahan zaman

dan teknologi informasi. Maka dengan sistem informasi penjualan ini diharapkan

menjadi ide positif dalam meningkatkan kinerja di Frenzy Second Store surabaya.

Gambar 2.1 Logo Frenzy Surabaya

Page 25: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

6

Pada Gambar 2.1 merupakan Logo dari Frenzy Second Store Surabaya

memiliki logo berwarna orange dan gambar kepala kucing memakai kaca mata.

2.2 Visi dan Misi Frenzy Second Store Surabaya

Frenzy Second Store Surabaya memiliki visi dan misi yang secara tegas

tertulis. Visi Frenzy Second Store Surabaya adalah menjadikan perusahaan dagang

nomor 1 di Indonesia khusunya di bidang gaya hidup. Misi Frenzy Second Store

Surabaya adalah mengurangi angka pengangguran untuk Indonesia.

2.3 Tugas Pokok Frenzy Second Store Surabaya

Perusahaan mengubah wujud barang tersebut yang bisnis utamanya

membeli barang dari pemasok dan menjual lagi ke konsumen. Harga pokok barang

yang laku dijual disebut dengan harga pokok penjualan.

2.4 Struktur Organisasi Frenzy Second Store Surabaya

Berikut ini adalah struktur organisasi Frenzy Second Store Surabaya yang

terdapat pada Gambar 2.2 untuk kelancaran dan keberhasilan suatu perusahaan,

maka perlu dibentuk struktur organisasi agar dapat terlaksananya tugas dengan

lancar dan baik.

Gambar 2.2 Struktur Organisasi

Page 26: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

7

Deskripsi Jabatan

Berdasar struktur organisai dapat dideskripsikan tugas yang dimiliki oleh

setiap bagian yang bersangkutan:

a. Pemilik

1. Membangun jaringan antara supplier dan perusahaan

2. Mengambil keputusan untuk perusahaan.

3. Melaksanakan pengelolaan administrasi keuangan

b. Bagian pengiriman

Mengirim barang kepada pelanggan sesuai transaksi penjualan yang telah

dilakukan.

c. Admin

Melakukan proses transaksi penjualan dan pembelian yang telah di minta oleh

pelanggan maupun pemlik.

2.5 Analisis Sistem yang Sedang Berjalan

Frenzy Second Store Surabaya ingin mengembangkan bagian pengolahan

data yang saat ini prosedur-prosedurnya masih belum tersistem dengan baik. Segala

proses Bisini yang terjadi pencatatannya hanya memanfaatkan Buku dan alat tulis

sebagai media penyimpanannya sehingga sulit dalam pengelolaan. Pada tahapan

analisis sistem dibuat document flow, yang terdiri dari 3 proses sebagai berikut:

a. Document Flow Penjualan

b. Document Flow Pembelian

c. Document Flow Pengiriman

Page 27: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

8

2.5.1 Document Flow Penjualan

Document Flow penjualan merupakan proses penjualan barang yang

dijelaskan pada Gambar 2.3. Proses dimulai dari pelanggan memilih barang.

Terakhir, pelanggan melakukan pembayaran dan membuat nota penjualan.

Gambar 2.3 Docflow Penjualan

2.5.2 Document Flow Pembelian Barang

Document Flow Pembelian barang merupakan proses pembuatan daftar

pembelian barang yang akan diberikan ke supplier Gambar 2.4. Proses dimulai

pemilik atau bagian admin memilih barang kemudian dilakukan pencatatan barang

pembelian.

Page 28: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

9

Gambar 2.4 Docflow Pembelian

2.5.3 Document Flow Pengiriman

Document Flow Pengiriman dimulai dari bagian pengiriman menrima

salinan nota pengriman dan informasi barang yang akan dikirimkan seperti yang

dijelaskan pada Gambar 2.5. Setelah bagian admin tau pemilik membuat surat jalan

maka pengiriman bisa dilakukan.

Page 29: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

10

START

MEMILIH BARANG

NOTA PENJUALAN INFORMASI BARANG

ADA ?

CETAK SURAT JALAN

SURAT JALAN

MELAKUKAN

PENGIRMAN

FINISHTidak

ya

Document flow Pengiriman

Gambar 2.5 Docflow Pengiriman

Page 30: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

11

BAB III

LANDASAN TEORI

3.1 Sistem

Pengertian sistem menurut Raymond McLeod (dalam Al-Bahra Bin

Ladjamudin, 2013:3) Sistem adalah sekelompok elemen yang terintegrasi dengan

maksud yang sama untuk mencapai suatu tujuan.

Sedangkan menurut Gordon B. Davis (dalam Al-Bahra Bin Ladjamudin,

2013:3) Sistem sebagai bagian-bagian yang saling berkaitan yang beroperasi

bersama untuk mencapai beberapa sasaran atau maksud.

Pengertian sistem menurut Abdul Kadir (2003:1) dalam buku Pengenalan

Sistem Informasi yaitu: “Sistem adalah sekumpulan elemen yang saling terkait atau

terpadu yang dimaksudkan untuk mencapai suatu tujuan”.

3.2 Informasi

Tata Sutabri (2012:22) Informasi adalah data yang telah diklasifikasikan

atau diolah atau diinterpretasikan untuk digunakan dalam proses pengambilan

keputusan.

Sedangkan menurut Gordon B. Davis (dalam Al-Bahra Bin Ladjamudin,

2013:8) Informasi adalah data yang telah diolah menjadi sebuah bentuk yang

berguna dan nyata atau berupa nilai yang dapat dipahami dalam keputusan sekarang

maupun yang akan datang.

Berdasarkan pengertian diatas dapat diambil kesimpulan bahwa Informasi

adalah sebuah data yang telah diproses sehingga menjadi bentuk yang memiliki

nilai yang bermanfaat.

Page 31: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

12

3.3 Sistem Informasi

Menurut Hanif Al-Fatta (2009:9), sistem informasi merupakan suatu

perkumpulan data yang terorganisasi beserta tatacara penggunaanya yang

mencangkup lebih jauh dari pada sekedar penyajian. Istilah tersebut menyiratkan

suatu maksud yang ingin dicapai dengan jalan memilih dan mengatur data serta

menyusun tatacara penggunaanya.

Sedangkan menurut Al-Bahra Bin Ladjamudin (2013:13)

mendeskripsikan Sistem informasi sebagai sekumpulan prosedur organisasi yang

pada saat dilaksanakan akan memberikan informasi bagi pengambil keputusan dan

atau untuk mengendalikan organisasi

3.4 Pembelian

Menurut Manulang (1982:201) pembelian didefinisikan sebagai usaha

untuk memenuhi kebutuhan atas barang atau jasa yang diperlukan oleh perusahaan

dan dapat diterima tepat pada waktunya dengan mutu yang sesuai serta harga yang

menguntungkan. Pembelian 4 terjadi untuk memenuhi kebutuhan dan pemenuhan

kebutuhan tersebut ada dua macam, yaitu untuk dikonsumsi dan untuk dijual

kembali.

3.5 Penjualan

Sistem informasi merupakan serangkaian komponen berupa manusia,

prosedur, data, dan teknologi (seperti komputer) yang digunakan untuk

menghasilkan informasi yang bernilai untuk pengambilan keputusan. Sistem

informasi yang melekat dan merupakan infrastruktur penunjang keberhasilan bagi

setiap organisasi dalam mencapai tujuannya (Soeherman, 2004).

Page 32: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

13

3.6 Database

Database adalah kumpulan data (elementer) yang secara logik berkaitan

dalam merepresentasikan fenomena/fakta secara terstruktur dalam domain tertentu

untuk mendukung aplikasi pada sistem tertentu. Basis data adalah kumpulan data

yang saling berhubungan yang merefleksikan fakta-fakta yang terdapat di

organisasi.

Basis data mendeskripsikan kondisi organisasi/perusahaan/sistem. Saat

satu kejadian muncul di dalam dunia nyata mengubah kondisi

organisasi/perusahaan/sistem maka satu perubahan pun harus dilakukan terhadap

data yang disimpan di dalam basis data. Basis data merupakan komponen utama

sistem informasi karena semua informasi untuk pengambilan keputusan berasal dari

basis data. Pengelolaan basis data yang buruk dapat mengakibatkan

ketidaktersediaan data penting yang digunakan untuk menghasilkan informasi yang

diperlukan dalam pengambilan keputusan. (Hariyanto, 2004).

3.7 System Development Life Cycle

Dalam system development life cycle (SDLC) terdapat metode waterfall,

yaitu 5 tahapan penyelesaian masalah untuk membuat dan mengembangkan suatu

aplikasi (Pressman, 2015). Berikut keenam tahapan SDLC:

a. Communication

Tahap awal pada model waterfall ini yaitu komunikasi dengan konsumen/

pelanggan. Tahap communication merupakan langkah yang penting karena

menyangkut pengumpulan informasi tentang kebutuhan konsumen/pengguna.

Tahapan yang dilakukan dalam communication adalah analisis kebutuhan bisnis,

Page 33: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

14

studi literatur, analisis kebutuhan pengguna, dan analisis kebutuhan perangkat

lunak.

b. Planning

Tahap kedua yaitu planning (perencanaan), pada proses ini merencanakan

pengerjaan software yang akan dibangun. Planning meliputi tugas-tugas yang

akan dilakukan mencakup resiko yang mungkin terjadi, hasil yang akan dibuat,

dan jadwal pengerjaan.

c. Modeling

Tahap ketiga adalah modeling, tahap ini dapat dikerjakan jika tahap

communication dan planning telah teridentifikasi. Pada tahap modeling ini

menerjemahkan syarat kebutuhan sistem ke sebuah perancangan perangkat

lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini fokus pada

rancangan struktur data, arsitektur software, dan representasi interface.

d. Construction

Tahap keempat yaitu construction, construction merupakan proses membuat

kode (code generation). Coding atau pengkodean merupakan penerjemahan

desain dalam bahasa yang bisa dikenali oleh komputer. Programmer

menerjemahkan transaksi yang diminta oleh pengguna. Tahapan inilah yang

merupakan tahapan secara nyata dalam mengerjakan suatu software, artinya

penggunaan computer dimaksimalkan dalam tahapan ini. Setelah pengkodean

selesai maka dilakukan testing terhadap sistem yang telah dibuat. Tujuan testing

adalah menemukan kesalahan-kesalahan terhadap sistem tersebut untuk

kemudian bisa diperbaiki.

e. Deployment

Page 34: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

15

Tahap akhir yaitu deployment, tahapan ini bisa dikatakan final dalam pembuatan

sebuah software atau sistem. Setelah melakukan analisis, desain dan pengkodean

maka sistem yang sudah jadi akan digunakan oleh pengguna. Selanjutnya

software yang telah dibuat harus dilakukan pemeliharaan secara berkala.

3.8 Pembelian

Menurut Soemarso .S.R (2009:208) dalam bukunya yang berjudul Akuntansi

Suatu Pengantar menyatakan bahwa, pembelian (purchasing) adalah akun yang

digunakan untuk mencatat semua pembelian barang dagang dalam suatu periode.

Berdasarkan pengertian diatas dapat diambil kesimpulan bahwa pembelian

adalah kegiatan pengadaan barang yang dibutuhkan perusahaan dalam menjalankan

usahanya dimulai dari pemilihan sumber sampai memperoleh barang.

Page 35: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

16

BAB IV

ANALISIS DAN DESAIN SISTEM

4.1 Analisis Sistem

Analisis sistem ini digunakan untuk melihat proses-proses sistem baru

yang akan dibuat. Dari analisa sistem ini juga dapat melihat perbedaan antara sistem

yang lama dengan sistem yang baru. Analisa sistem ini berisi System Flow, Data

Flow Diagram, dan Entity Relationship Diagram.

4.2 Desain Sistem

Berdasarkan analisis yang telah dilakukan, maka dibuatlah sistem yang

baru. Sistem yang baru tersebut dapat digambarkan pada system flow komputerisasi

berikut ini:

4.2.1 System Flow

System flow (Sysflow) memuat hasil analisis yang dibuat berdasarkan hasil

survey ke owner dan pegawai Frenzy Second Store Surabaya. System flow

menggambarkan seluruh proses, yang berhubungan dalam pencatatan kegiatan jual beli

yang dirancang sekarang ini. Setelah menggambarkan Document Flow yang ada pada

alur bisnis Frenzy Second Store Surabaya, maka langkah selanjutnya adalah

mengajukan atau merancang sistem baru untuk meningkatkan kinerja perusahaan dan

meminimalisir kehilangan data. Berikut ini adalah System Flow yang

direkomendasikan guna menunjang proses bisnis pada Frenzy Second Store Surabaya.

Page 36: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

17

A. System Flow Transaksi Penjualan

System Flow transaksi penjualan adalah suatu proses terjadinya transaksi

penjualan barang yang dilakukan oleh pelanggan melalui sistem. Pada Gambar 4.1

dijelaskan awal proses transaksi penjualan dimulai dari pelanggan yang memilih

barang yang ditampilkan sistem. Pelanggan melakukan konfirmasi pembayaran

sesuai dengan barang yang dipilih. Setelah itu, sistem akan melakukan validasi

pembayaran dan menyimpan data transaksi penjualan.

Gambar 4.1 Sysflow Penjualan

Page 37: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

18

B. System Flow Transaksi Pembelian

System Flow transaksi pembelian adalah suatu proses terjadinya transaksi

pembelian barang ke supplier serta pencatatannya ke dalam sistem. Pada Gambar

4.2 dijelaskan awal proses transaksi pembelian dimulai dari bagian gudang/pegawai

yang melakukan cek stok barang melalui sistem. Apabila stok barang habis, maka

sistem akan menampilkan daftar pembelian barang. Proses selanjutnya dilakukan

pembelian barang ke supplier. Setelah itu, bagian gudang/pegawai akan mencatat

dan menyimpan data transaksi pembelian ke sistem.

Gambar 4.2 Sysflow Pembelian

Page 38: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

19

C. System Flow Pengiriman barang

System Flow pengiriman barang adalah suatu proses perpindahan barang

yang dibeli dari gudang ke pelanggan serta pencatatannya ke dalam sistem. Pada

Gambar 4.3 dijelaskan awal proses pengiriman dimulai dari sistem yang

menampilkan pesanan pelanggan yang siap dikirim. Bagian gudang/pegawai

menyiapkan barang untuk dikirim melalui kurir. Setelah itu, bagian

gudang/pegawai akan mencatat dan menyimpan data pengiriman ke sistem.

Gambar 4.3 Sysflow Pengiriman

Page 39: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

20

D. System Flow Laporan

System Flow laporan adalah proses mencetak laporan yang dilakukan oleh

owner Frenzy Second Store Pada Gambar 4.4 dijelaskan owner memilih jenis

laporan seperti Laporan Data Master, Laporan Transaksi Penjualan, Laporan

Transaksi Pembelian, dan Laporan Pengiriman Barang. Sistem akan mencetak

laporan.

Gambar 4.4 SystemFlow Laporan

4.2.2 Data Flow Diagram

Data Flow Diagram digunakan untuk menggambarkan aliran data dan

proses yang terjadi dalam sebuah sistem serta entitas-entitas apa saja yang terlibat.

A. Context Diagram

Context diagram dari aplikasi sistem informasi penjualan pada Frenzy

Second Store Surabaya ini terdiri dari empat entitas dengan aliran data masing-

masing yang saling terkait. Tiga entitas tersebut adalah entitas Owner, entitas

Page 40: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

21

Pegawai, dan entitas Pelanggan. Tiga entitas tersebut memberikan masukan dan

keluaran data yang diperlukan seperti yang digambarkan pada Gambar 4.5.

Gambar 4.0.5 Context Diagram

B. Data Flow Diagram Level 0

Data Flow Diagram digunakan untuk menggambarkan aliran data dan

proses yang terjadi dalam sebuah sistem serta entitas-entitas yang terlibat

didalamnya. Context diagram dibagi menjadi sub-sub proses yang lebih kecil,

dengan cara decompose context diagram dan disebut DFD Level 0. DFD Level 0

sistem infomasi penjualan pada Frenzy Second Store terdiri dari lima proses, tiga

entitas eksternal dan lima data store. Proses yang pertama adalah proses mengelola

Page 41: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

22

data master, proses kedua adalah proses penjualan, ketiga proses pembelian,

keempat proses pengiriman, dan kelima adalah proses cetak laporan. Sedangkan

untuk tiga entitas eksternal adalah Owner, Pegawai, dan Pelanggan. Lima data store

yang tertera adalah data master, penjualan, detil jual, pembelian, detil beli, dan

pengiriman. Pada Gambar 4.6 dijelaskan proses pengisian data master yang

dilakukan oleh owner, pegawai, dan pelanggan, dilanjutkan proses penjualan yang

dilakukan oleh pelanggan. Proses pembelian dan pengiriman yang dilakukan

pegawai. Terakhir, proses cetak laporan yang dilakukan oleh owner.

Pada DFD level 1 proses mengelola data master, menjelaskan secara

umum proses yang dilakukan saat mengelola data master. DFD level 1 proses

mengelola data master dapat dilihat pada Gambar 4.7.

Pada Gambar 4.8 menggambarkan DFD level 1 dari proses penjualan.

Pada DFD level 1 penjualan ini, terdapat enam macam proses, satu entitas eksternal

dan dua data store. Proses yang pertama adalah menampilkan detil barang, proses

yang kedua adalah menambahkan keranjang belanja, proses ketiga adalah validasi

pembayaran, proses keempat adalah menyimpan data penjualan, proses kelima

adalah menampilkan data penjualan, dan proses keenam adalah membuat laporan

penjualan.

Pada Gambar 4.9 menggambarkan DFD level 1 dari proses pembelian.

Pada DFD level 1 pembelian ini, terdapat lima macam proses, satu entitas eksternal

dan dua data store. Proses yang pertama adalah cek stok barang, proses yang kedua

adalah membuat daftar pembelian barang, proses yang ketiga adalah menyimpan

data pembelian, proses yang keempat adalah menampilkan data pembelian, dan

proses kelima adalah membuat laporan pembelian.

Page 42: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

23

Gam

bar 4

.6 D

ata

low

Dia

gram

(DFD

) Lev

el 0

Page 43: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

24

Gambar 4.7 Data Flow Diagram Level 1 Data Master

Page 44: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

25

Gambar 4.8 Data Flow Diagram Level 1 Penjualan

Page 45: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

26

Gambar 4.0.9 Data Flow Diagram Level 1 Pembelian

Pada Gambar 4.10, menjelaskan DFD level 1 dari proses pengiriman. Pada

DFD level 1 pembelian ini, terdapat enam macam proses, satu entitas eksternal dan

satu data store. Proses pertama adalah menampilkan pesanan yang akan dikirim,

kedua adalah membuat surat jalan, ketiga adalah membuat bukti pembayaran,

keempat adalah menyimpan data pengiriman, proses kelima adalah menampilkan

data pengiriman, dan proses keenam adalah membuat laporan pengiriman.

Page 46: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

27

Gambar 4.10 Data Flow Diagram Level 1 Pengiriman

4.2.3 Entity Relationship Diagram

Entity Relationship Diagram digunakan untuk menggambarkan tabel-

tabel yang ada dalam sebuah sistem, berikut relasi antar tabelnya.

Page 47: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

28

A. Conceptual Data Model

Conceptual Data Model pada Rancang Bangun Sistem Informasi

Penjualan Pada Frenzy Second Store Surabaya, merupakan model struktur logis

dari keseluruhan aplikasi data. CDM dibawah ini memiliki 17 entity yang saling

terhubung. Adapun Conceptual Data Model tersebut digambarkan pada gambar

4.11.

Gambar 4.11 Conceptual Data Model

Page 48: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

29

B. Physical Data Model

Physical Data Model adalah representasi fisik dari database yang dibuat

dengan mempertimbangkan DBMS yang digunakan. PDM pada aplikasi penjualan

Frenzy Second Store memiliki 17 tabel yang digambarkan pada Gambar 4.12.

Gambar 4.12 Physical Data Model

Page 49: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

30

4.2.4 Struktur Tabel

Struktur Tabel digunakan untuk menggambarkan secara detail tentang

tabel - tabel yang terdapat dalam sebuah sistem. Struktur tabel digambarkan sebagai

berikut:

A. Tabel Master Jabatan

Nama Tabel : Jabatan

Primary Key : JNS_KODE

Foreign Key : -

Fungsi : Digunakan untuk menyimpan data Jabatan.

Table 4.1. Tabel Master Jabatan

No Nama Kolom Tipe Data Panjang Keterangan 1 JB_KODE Varchar 10 Primary Key 2 JB_NAMA Varchar 30 - 3 JB_STATUS Varchar 30 -

B. Tabel Master Pegawai

Nama Tabel : Pegawai

Primary Key : PG_ID

Foreign Key : JB_ID

Fungsi : Digunakan untuk menyimpan data Pegawai.

Table 4.2 Tabel Master Pegawai

No Nama Kolom Tipe Data Panjang Keterangan 1 PG_ID Varchar 10 Primary Key 2 JB_ID Varchar 10 Foreign Key 3 PG_NAMA Varchar 30 - 4 PG_JENIS_KELAMIN Char 1 - 5 PG_TEMPAT_LAHIR Varchar 30 - 6 PG_TANGGAL_LAHIR Varchar 30 - 7 PG_NO_TELP Varchar 10 -

Page 50: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

31

No Nama Kolom Tipe Data Panjang Keterangan 8 PG_EMAIL Varchar 30 - 9 PG_USERNAME Varchar 10 - 10 PG_PASSWORD Varchar 10 - 11 PG_FOTO Varchar 30 - 12 PG_STATUS Varchar 30 -

C. Tabel Master Pelanggan

Nama Tabel : Pelanggan

Primary Key : PL_ID

Foreign Key : -

Fungsi : Digunakan untuk menyimpan data Pelanggan.

Table 4.3 Tabel Master Pelanggan

No Nama Kolom Tipe Data Panjang Keterangan 1 PL_ID Varchar 10 Primary Key 2 PL_NAMA Varchar 30 - 3 PL_JENIS_KELAMIN Char 1 - 4 PL_TEMPAT_LAHIR Varchar 30 - 5 PL_TANGGAL_LAHIR Varchar 30 - 6 PL_NO_TELP Varchar 10 - 7 PL_ALAMAT Varchar 100 - 8 PL_EMAIL Varchar 30 - 9 PL_PASSWORD Varchar 10 - 10 PL_FOTO Varchar 30 -

D. Tabel Master Supplier

Nama Tabel : Supplier

Primary Key : SP_ID

Foreign Key : -

Fungsi : Digunakan untuk menyimpan data Supplier.

Page 51: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

32

Table 4.4 Tabel Master Supplier

No Nama Kolom Tipe Data Panjang Keterangan 1 SP_ID Varchar 10 Primary Key 2 SP_NAMA Varchar 30 - 3 SP_ALAMAT Varchar 100 - 4 SP_NO_TELP Varchar 10 -

E. Tabel Master Kategori

Nama Tabel : Kategori

Primary Key : KT_KODE

Foreign Key : -

Fungsi : Digunakan untuk menyimpan data Kategori.

Table 4.5 Tabel Master Kategori

No Nama Kolom Tipe Data Panjang Keterangan 1 KT_KODE Varchar 10 Primary Key 2 KT_NAMA Varchar 30 - 3 KT_GAMBAR Varchar 30 - 4 KT_DESKRIPSI Varchar 100 - 5 KT_STATUS Varchar 30 -

F. Tabel Master Sub Kategori

Nama Tabel : Sub Kategori

Primary Key : SK_KODE Foreign Key : KT_KODE

Fungsi : Digunakan untuk menyimpan data Sub Kategori.

Table 4.6 Tabel Master Sub Kategori

No Nama Kolom Tipe Data Panjang Keterangan 1 SK_KODE Varchar 10 Primary Key 2 KT_KODE Varchar 10 Foreign Key 3 SK_NAMA Varchar 30 -

Page 52: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

33

No Nama Kolom Tipe Data Panjang Keterangan 4 SK_GAMBAR Varchar 30 - 5 SK_DESKRIPSI Varchar 100 - 6 SK_STATUS Varchar 30 -

G. Tabel Master Barang

Nama Tabel : Barang

Primary Key : BR_KODE

Foreign Key : SB_KODE

Fungsi : Digunakan untuk menyimpan data Barang.

Table 4.7 Tabel Master Barang

No Nama Kolom Tipe Data Panjang Keterangan 1 BR_KODE Varchar 10 Primary Key 2 SB_KODE Varchar 10 Foreign Key 3 BR_NAMA Varchar 30 - 4 BR_HARGA_JUAL Integer - - 5 BR_HARGA_BELI Integer - - 6 BR_GAMBAR Varchar 30 - 7 BR_DESKRIPSI Varchar 100 - 8 BR_STATUS Varchar 30 -

H. Tabel Master Ukuran

Nama Tabel : Ukuran

Primary Key : UK_KODE

Foreign Key : -

Fungsi : Digunakan untuk menyimpan data Ukuran.

Table 4.8 Tabel Master Ukuran

No Nama Kolom Tipe Data Panjang Keterangan 1 UK_KODE Varchar 10 Primary Key 2 UK_NAMA Varchar 30 - 3 UK_STATUS Varchar 30 -

Page 53: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

34

I. Tabel Penjualan

Nama Tabel : Penjualan

Primary Key : PJ_NO

Foreign Key : PL_ID, PG_ID

Fungsi : Digunakan untuk menyimpan data Penjualan.

Table 4.9 Tabel Penjualan

No Nama Kolom Tipe Data Panjang Keterangan 1 PJ_NO Varchar 10 Primary Key 2 PL_ID Varchar 10 Foreign Key 3 PG_ID Varchar 10 Foreign Key 4 PJ_TANGGAL Date - - 5 PJ_TOTAL Integer - - 6 PJ_STATUS_BAYAR Varchar 30 - 7 PJ_BUKTI_BAYAR Varchar 30 -

J. Tabel Detil Jual

Nama Tabel : Detil Jual

Primary Key : PJ_NO, BR_KODE, PR_UKURAN

Foreign Key : PJ_NO, BR_KODE, PR_UKURAN

Fungsi : Digunakan untuk menyimpan data Detil Jual

Table 4.10 Tabel Detil Jual

No Nama Kolom Tipe Data Panjang Keterangan 1 PJ_NO Varchar 10 Primary Key,

Foreign Key 2 BR_KODE Varchar 10 Primary Key,

Foreign Key 3 PR_UKURAN Varchar 10 Primary Key,

Foreign Key 4 DJ_JUMLAH Integer - - 5 DJ_SUBTOTAL Integer - -

Page 54: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

35

K. Tabel Persediaan

Nama Tabel : Persediaan

Primary Key : PR_UKURAN, BR_KODE

Foreign Key : BR_KODE

Fungsi : Digunakan untuk menyimpan data Persediaan.

Table 4.11 Tabel Persediaan

No Nama Kolom Tipe Data Panjang Keterangan 1 PR_UKURAN Varchar 10 Primary Key 2 BR_KODE Varchar 10 Primary Key,

Foreign Key 3 PR_JUMLAH Integer -

L. Tabel Pembelian

Nama Tabel : Pembelian

Primary Key : PM_NO

Foreign Key : PG_ID, SP_ID

Fungsi : Digunakan untuk menyimpan data Pembelian.

Table 4.12 Tabel Pembelian

No Nama Kolom Tipe Data Panjang Keterangan 1 PM_NO Varchar 10 Primary Key 2 PG_ID Varchar 10 Foreign Key 3 SP_ID Varchar 10 Foreign Key 4 PM_TANGGAL Date - - 5 PM_TOTAL Integer - - 6 PM_STATUS Varchar 30 -

M. Tabel Detil Beli

Nama Tabel : Detil Beli

Primary Key : PM_NO, BR_KODE, PR_UKURAN

Page 55: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

36

Foreign Key : PM_NO, BR_KODE, PR_UKURAN

Fungsi : Digunakan untuk menyimpan data Detil Beli.

Table 4.13 Tabel Detil Beli

No Nama Kolom Tipe Data Panjang Keterangan 1 PM_NO Varchar 10 Primary Key,

Foreign Key 2 BR_KODE Varchar 10 Primary Key,

Foreign Key 3 PR_UKURAN Varchar 10 Primary Key,

Foreign Key 4 DB_JUMLAH Integer - - 5 DB_SUBTOTAL Integer - -

N. Tabel Pengiriman

Nama Tabel : Pengiriman

Primary Key : PN_NO_RESI

Foreign Key : PJ_NO

Fungsi : Digunakan untuk menyimpan data Pengiriman.

Table 4.14 Tabel Pengiriman

No Nama Kolom Tipe Data Panjang Keterangan 1 PN_NO_RESI Varchar 30 Primary Key 2 PJ_NO Varchar 10 Foreign Key 3 PN_TANGGAL_KIRIM Varchar 30 - 4 PN_TANGGAL_TERIMA Varchar 30 -

4.2.5 Desain Input/Output

Desain input output merupakan langkah pertama untuk membuat sebuah

aplikasi sistem informasi. Dalam tahap ini user diberikan gambaran tentang

bagaimana sistem ini nantinya dibuat.

Page 56: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

37

A. Desain Halaman Login

Desain halaman login ini digunakan untuk pengecekan hak akses

pengguna. Pada halaman ini terdapat dua kolom, yaitu kolom User ID dan

password. Apabila pengguna sudah memasukkan data User ID dan password,

sistem akan melakukan pemeriksaan apakah data terdapat di database. Apabila

benar maka mengarah ke halaman dahboard yang isinya sesuai dengan data yang

dimasukkan. Desain halaman login dapat dilihat pada Gambar 4.13

Gambar 4.13 Halaman Login

B. Desain Halaman Dashboard

Desain halaman dashboard ini terdapat empat halaman, pertama halaman

dashboard dinas menampilkan tulisan selamat datang dinas, kedua halaman

dashboard sekolah menampilkan tulisan selamat datang. Desain halaman

dashboard dapat dilihat pada Gambar 4.14

Page 57: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

38

C. Desain Halaman Akses Feature Grup

Halaman ini berfungsi untuk menyimpan data utama yang dibutuhkan

untuk sistem. Desain halaman master digambarkan pada Gambar 4.15.

Gambar 4.14 Halaman Dashboard

Gambar 4.15 Akses Feature Grup

Page 58: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

39

D. Desain Halaman Akses Feature

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.16.

E. Desain Halaman Akses Feature

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.17.

F. Desain Halaman Akses Feature

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.18.

Gambar 4.16 Halaman Akses Feature

Page 59: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

40

Gambar 4.17 Halaman Akses User Grup

Gambar 4.18 Halaman Akses User

Page 60: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

41

G. Desain Halaman Master Pegawai

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.19.

H. Desain Halaman Master Suplier

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.20.

Gambar 4.20 Halaman Master Suplier

Gambar 4.19 Halaman Master Pegawai

Gambar 4 1 Gambar 4.20 Halaman Master Suplier

Page 61: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

42

I. Desain Halaman Master Rekening

Halaman ini berfungsi untuk menyimpan data barang. Desain master ba

rang digambarkan pada Gambar 4.21.

J. Desain Halaman Satuan Produk

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.22.

Gambar 4.22 Halaman Satuan Produk

Gambar 4.21 Halaman Master Rekening

Page 62: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

43

K. Desain Halaman Master Katergori Produk

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.23.

L. Desain Halaman Master Produk

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.24.

Gambar 4.23 Halaman Master Kategori Produk

Gambar 4.24 Halaman Master Produk

Page 63: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

44

M. Desain Halaman Transaksi Pembelian

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.25.

N. Desain Halaman Transaksi Penjualan

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.26.

O. Desain Halaman Transaksi Pengiriman

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.27.

Gambar 4.25 Halaman Transaksi Pembelian

Page 64: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

45

Gambar 4.26 Halaman Transaksi Penjualan

Gambar 4.27 Halaman Transaksi Pengiriman

Page 65: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

46

P. Desain Halaman Laporan Daftar Produk

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.28.

Q. Desain Halaman Laporan Daftar Pembelian

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.29.

Gambar 4.28 Halaman Laporan Daftar Produk

Gambar 4.29 Halaman Laporan Daftar Pembelian

Page 66: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

47

R. Desain Halaman Laporan Daftar Penjualan

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.30.

S. Desain Halaman Laporan Daftar Pengiriman

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.31.

T. Desain Halaman Laporan Rekap Pembelian

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.32.

Gambar 4.30 Halaman Laporan Daftar Penjualan

Page 67: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

48

Gambar 4.31 Halaman Laporan Daftar Pengiriman

Gambar 4.32 Halaman Laporan Rekap Pembelian

Page 68: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

49

U. Desain Halaman Laporan Rekap Penjualan

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.33.

V. Desain Halaman Laporan Stok

Halaman ini berfungsi untuk menyimpan data barang. Desain master

barang digambarkan pada Gambar 4.34.

Gambar 4.33 Halaman Rekap Penjualan

Gambar 4.34 Halaman Laporan Stok

Page 69: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

50

BAB V

IMPLEMENTASI DAN PEMBAHASAN

5.1 Sistem yang Digunakan

Berikut ini adalah hardware dan software yang dibutuhkan untuk

menggunakan aplikasi Sistem Informasi Penjualan Helm berbasis website yaitu:

a. Software Pendukung

Beberapa perangkat lunak yang dibutuhkan dalam Sistem Informasi

Manajemen Distribusi Dokumen Perpajakan ini, yaitu:

1. Sistem Operasi Microsoft Windows 7

2. XAMPP versi 3.2.2

3. Sublime Text 3 atau Notepad ++

b. Hardware Pendukung

Beberapa perangkat keras yang dibutuhkan dalam Sistem Informasi

Manajemen Distribusi Dokumen Perpajakan ini, yaitu:

1. Prosesor Intel Core 2 Duo 2.00 Ghz atau lebih tinggi

2. Memori RAM 2.00 GB atau lebih tinggi

3. Hardisk 100 Gb

5.2 Cara Setup Program

Dalam tahap ini, pengguna harus memperhatikan dengan benar terhadap

instalasi perangkat lunak. Berikut langkah-langkah instalasinya:

a. Install XAMPP versi 3.2.2 pada komputer yang digunakan.

b. Install Sublime Text 3 pada komputer yang digunakan.

c. Salin folder xampp/ htdocs/ci_helm/.

Page 70: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

51

d. Buka XAMPP, klik tombol start pada Apache dan Mysql

e. Buka browser dan ketik localhost/phpmyadmin

f. Buat database baru bernama ci_helm, kemudian impor file db_helm.sql pada

folder xampp/htdocs/ci_helm/.

g. Buka browser dan ketik localhost/ci_helm.

5.3 Penjelasan Pemakaian Program

Tahap ini merupakan langkah-langkah dari pemakaian aplikasi sistem

informasi penjualan helm berbasis website. Adapun penjelasannya akan dijabarkan

pada sub bab dibawah ini.

5.3.1 Halaman Login

Aplikasi distribusi alat keterangan pajak ini mengharuskan pengguna

untuk melakukan login dengan memasukkan User ID dan password yang terdaftar

pada database. Apabila data yang dimasukkan benar, maka penguna akan

diarahkan ke Halaman dashboard dan dapat melakukan segala aktifitas Penjualan

Helm. Halaman login digambarkan pada Gambar 5.1.

Page 71: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

52

Gambar 5.1 Halaman Login

Kolom User ID di isi menggunakan id pengguna kolom password di isi

dengan pin yang dimiliki oleh masing-masing pengguna. Jika pengguna berhasil

login maka tampilan dashboard akan sesuai dengan kriteria pengguna tersebut.

5.3.2 Halaman Dashboard

Halaman dashboard merupakan halaman lanjutan yang terbuka setelah

pengguna melakukan proses autentifikasi logi. Halaman ini memiliki 3 tab utama

Data Master, Transaksi dan laporan. Menu Data Master memiliki sub menu data

pengguna, data supplier, data barang, dan data pelanggan. Menu transaksi memiliki

sub menu penjualan, pembelian ,dan pengiriman. Menu laporan memiliki sub menu

laporan penjualan, laporan pengiriman, dan laporan pembelian .Halaman

Dashboard dipat dilihat pada Gambar 5.2.

Page 72: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

53

Gambar 5.2 Halaman Dashboard

5.3.3 Halaman Akses Feature Grup

Halaman Akses Feature Grup ini berfungsi untuk menambahkan hak akses

yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah di

gambarkandigambarkan pada Gambar 5.3

Gambar 5.3 Feature Grup

Page 73: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

54

5.3.4 Halaman Akses Feature

Halaman Akses Feature ini berfungsi untuk menambahkan hak akses yang

sesuai dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan pada

Gambar 5.4.

5.3.5 Halaman Akses User Grup

Halaman Akses Usesr Grup ini berfungsi untuk menambahkan hak akses

yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan

pada Gambar 5.5.

5.3.6 Halaman Akses User

Halaman Akses User ini berfungsi untuk mengelola data useer yang. Pada

halaman ini pengguna dapat menambah data dan juga mengubah data kelas sesuai

dengan yang dibutuhkan. Halaman data tabel master pegawai digambarkan pada

Gambar 5.6.

Gambar 5.4 Halaman Akses Feature

Page 74: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

55

Gambar 5.5 Halaman Akses User Grup

Gambar 5.6 Halaman Akses User

Page 75: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

56

5.3.7 Halaman Master Pegawai

Halaman Master Pegawau berfungsi untuk melihat dan menambahkan data

yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan

pada Gambar 5.7

Gambar 5.7 Halaman Master Pegawai

5.3.8 Halaman Master Suplier

Halaman Master Suplier ini berfungsi untuk menambahkan dan melihat

data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah di

gambarkan pada Gambar 5.8.

5.3.9 Halaman Master Rekening

Halaman Master Rekening ini berfungsi untuk menambahkan dan

menambahkan data yang sesuai dengan perintah dapat kita lihat pada gambar yang

sudah di gambarkan pada Gambar 5.9.

Page 76: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

57

Gambar 5.8 Halaman Master Suplier

Gambar 5.9 Halaman Master Rekening

Page 77: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

58

5.3.10 Halaman Master Satuan Produk

Halaman Master Satuan Produk ini berfungsi untuk menambahkan dan

melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkan pada Gambar 5.10.

5.3.11 Halaman Master Kategori Produk

Halaman Master Kategori Produk ini berfungsi untuk menambahkan dan

melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkan pada Gambar 5.11.

5.3.12 Halaman Master Produk

Halaman Master Produk ini berfungsi untuk menambahkan dan Melihat

data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah di

gambarkan pada Gambar 5.12.

Gambar 5.10 Halaman Master Satuan Produk

Page 78: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

59

Gambar 5.11 Halaman Master Kategori Produk

Gambar 5.12 Halaman Master Produk

Page 79: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

60

5.3.13 Halaman Transaksi Pembelian

Halaman Transaksi Pembelian ini berfungsi untuk menambahkan dan

melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkan pada Gambar 5.13

Gambar 5.13 Halaman Transaksi Pembelian

5.3.14 Halaman Transaksi Penjualan

Halaman Transaksi Penjualan ini berfungsi untuk menambahkan dan

melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkanpada Gambar 5.14

5.3.15 Halaman Transaksi Pengiriman

Halaman Transaksi Pengiriman Usesr ini berfungsi untuk menambahkan

dan melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang

sudah di gambarkan pada Gambar 5.15

Page 80: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

61

Gambar 5.15 Halaman Transaksi Pengiriman

Gambar 5.14 Halaman Transaksi Penjualan

Page 81: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

62

5.3.16 Halaman Laporan Daftar Produk

Halaman Laporan Daftar Produk ini berfungsi untuk menambahkan dan

melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkan pada Gambar 5.16

Gambar 5.16 Halaman Daftar Produk

5.3.17 Halaman Laporan Daftar Pembelian

Halaman Laporan Daftar Pembelian ini berfungsi untuk menambahkan

dan melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang

sudah di gambarkan pada Gambar 5.17

5.3.18 Halaman Laporan Daftar Penjualan

Halaman Laporan Daftar Penjualan ini berfungsi untuk menambahkan dan

melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkan pada Gambar 5.18

Page 82: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

63

Gambar 5.17 Halaman Laporan Daftar Pembelian

Gambar 5.18 Halaman Laporan Penjualan

Page 83: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

64

5.3.19 Halaman Laporan Daftar Pengiriman

Halaman Laporan Daftar Pengiriman ini berfungsi untuk menambahkan

dan melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang

sudah di gambarkan pada Gambar 5.19

5.3.20 Halaman Laporan Rekap Pembelian

Halaman Laporan Rekap Pembelian ini berfungsi untuk menambahkan

dan melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang

sudah di gambarkan pada Gambar 5.20

5.3.21 Halaman Laporan Rekap Penjualan

Halaman Laporan Rekap Penjualan ini berfungsi untuk menambahkan dan

melihat data yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkan pada Gambar 5.21

Gambar 5.19 Halaman Laporan Daftar Pengiriman

Page 84: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

65

Gambar 5.20 Halaman Laporan Rekap Pembelian

Gambar 5.21 Halaman Laporan Rekap Penjualan

Page 85: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

66

5.3.22 Halaman Laporan Stok

Halaman Laporan Stok ini berfungsi untuk menambahkan dan melihat data

yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan

pada Gambar 5.22

5.3.23 Halaman Login Website

Halaman Login Website ini berfungsi untuk agar dapat melakukan

kegiatan transaksi yang sesuai dengan perintah dapat kita lihat pada gambar yang

sudah di gambarkan pada Gambar 5.23.

Gambar 5.22 Halaman Laporan Stok

Gambar 5.23 Halaman Login Website

Page 86: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

67

5.3.24 Halaman Beranda Website

Halaman Beranda ini Berfungsi untuk melihat tampilan awal yang sesuai

dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan pada

Gambar 5.24.

Gambar 5.24 Halaman Beranda Website

5.3.25 Halaman Semua Produk Website

Halaman Semua Produk ini berfungsi untuk melihat barang yang sesuai

dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan pada

Gambar 5.25.

Gambar 5.25 Semua Produk Website

Page 87: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

68

5.3.26 Halaman Kategori Website

Halaman Kategori ini berfungsi untuk melihat barang yang dijual sesuai

dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan pada

Gambar 5.26

Gambar 5.26 Kategori Produk Website

5.3.27 Halaman Akun Website

Halaman Akun ini berfungsi untuk melihat data yang sesuai dengan

perintah dapat kita lihat pada gambar yang sudah di gambarkan pada Gambar 5.27

Gambar 5.27 Halaman Akun Website

Page 88: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

69

5.3.28 Halaman Keranjang Website

Halaman Keranjang ini berfungsi untuk melihat barang yang sudah dibeli

dapat kita lihat pada gambar yang sudah di gambarkan pada Gambar 5.28

Gambar 5.28 Halaman Keranjang Website

5.3.29 Halaman Konfirmasi Pembayaran Website

Halaman Konfirmasi Pembayaran berfungsi untuk melakukan

pembayaran yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah

di gambarkan pada Gambar 5.29.

Gambar 5.29 Konfirmasi Pembayaran website

Page 89: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

70

5.3.30 Halaman Cara Order Website

Halaman Cara Order ini berfungsi untuk petunjuk melakukan transaksi

yang sesuai dengan perintah dapat kita lihat pada gambar yang sudah di gambarkan

pada Gambar 5.30.

Gambar 5.30 Halaman Cara Order Website

5.3.31 Halaman Hubungi Kami Website

Halaman Hubungi kami ini berfungsi untuk mengetahui kontak yang dapat

di hubungi dapat kita lihat pada gambar yang sudah di gambarkan pada Gambar

5.31.

Gambar 5.31 Halaman Hubungi Kami Website

Page 90: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

71

BAB VI

PENUTUP

6.1 Kesimpulan

Berdasarkan hasil uji implementasi Sistem Informasi penjualan helm pada

Frenzy Second Store Surabaya, maka dapat diperoleh kesimpulan sebagai berikut:

a. Aplikasi yang dibuat dapat memudahkan pihak perusahaan dalam kegiatan

bisnisnya .

b. Aplikasi yang dibuat dapat melakukan pencatatan proses bisnis yang

terkomputerisasi dengan baik.

c. Aplikasi yang dibuat dapat digunakan untuk menyimpan dan mencetak data

yang dibutuhkan.

6.2 Saran

Saran pengembangan sistem yaitu, penambahan fitur kirim pesan

pengiriman. Fungsi fitur kirim pesan tersebut adalah untuk komunikasi antar

pengguna yang terkait pengiriman barang yang sedang berlangsung, selain itu

perusahaan juaga tetap meperhatikan segala aspek yang dianggap perlu untuk

tercapainya tujuan perusahaan.

Page 91: RANCANG BANGUN SISTEM INFORMASI …repository.dinamika.ac.id/id/eprint/3378/1/15390100040...RANCANG BANGUN SISTEM INFORMASI PENJUALAN DAN PEMBELIAN BARANG BEKAS BERBASIS WEBSITE (STUDI

72

DAFTAR PUSTAKA

Al Fatta, Hanif. 2009. Analisis dan Perancangan Sistem Informasi Untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi Offset.

http://www.spengetahuan.com/2015/11/7-pengertian-data-menurut-para-ahli-

lengkap.html, Pengertian Data, Maret 20, 2018. http://www.gurupendidikan.co.id/8-pengertian-penjualan-menurut-para-ahli-

beserta-jenisnya/, Pengertian Penjualan, Maret 20, 2018. http://www.materibelajar.id/2016/04/teori-persediaan-pengertian-tujuan.html#

,Juni 6,2018.

Kendal, K. E dan Kendall, J. E. 2004. Analisis dan Perancangan Sistem. Jakarta: PT Indeks Kelompok Gramedia.

Raymond McLeod, Jr. dan George P.Schell. 2008. Sistem Informasi Manajemen.

Salemba Empat. Jakarta. Soemarso S.R. 2009. Akuntansi Suatu Pengantar (Cetakan ke-5). Jakarta: Salemba

Empat.