rancang bangun sistem terintegrasi berbasis web pada toko ...

RANCANG BANGUN SISTEM TERINTEGRASI BERBASIS

WEB PADA TOKO ANDESTA ISLAMIC VILLAGE

SKRIPSI

Chyntia Cahya Utami

00000023328

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK DAN INFORMATIKA

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2022



SKRIPSI

Diajukan sebagai Salah Satu Syarat untuk Memperoleh

Gelar Sarjana Komputer (S.Kom)

Chyntia Cahya Utami

00000023328

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK DAN INFORMATIKA

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2022

i Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

ii Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

HALAMAN PERNYATAAN TIDAK PLAGIAT

iii Rancang Bangun Sistem..., Chyntia Cahya Utami, Universitas Multimedia Nusantara

HALAMAN PENGESAHAN

Skripsi dengan judul

RANCANG BANGUN SISTEM TERINTERGRASI BERBASIS


Oleh Nama : Chyntia Cahya Utami

NIM : 00000023328

Program Studi : Sistem Informasi

Fakultas : Fakultas Teknik dan Informatika

Telah diujikan pada hari Kamis, 13 Januari 2022 Pukul 10.00 s/d 12.00 dan dinyatakan

LULUS Dengan susunan penguji sebagai berikut.

Penguji

Monika Evelin Johan, S.Kom., M.M.S.I. NIDN: 0327059501

Ketua Sidang

Suryasari, S.Kom., M.T. NIDN: 0323088301

Pembimbing

Ririn Ikana Desanti, S.Kom., M.Kom. NIDN: 0313058001

Pembimbing

Fransiscus Ati Halim, S.Kom., M.M. NIDN: 0317066901

Ketua Sistem Informasi

Ririn Ikana Desanti, S.Kom., M.Kom.

Digitally signed by SuryasariDN: cn=Suryasari gn=Suryasaric=Indonesia l=ID o=Universitas Multimedia Nusantara ou=Information System [email protected]: I am approving this documentLocation: Date: 2022-02-09 15:49+07:00

iv Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH

UNTUK KEPENTINGAN AKADEMIS

Sebagai civitas academica Universitas Multimedia Nusantara, saya yang bertanda

tangan di bawah ini:

Nama : Chyntia Cahya Utami

NIM : 00000023328

Program Studi : Sistem Informasi

Fakultas : Teknik dan Informatika

JenisKarya : *Tesis/Skripsi/Tugas Akhir (*coret salah satu)

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Universitas Multimedia Nusantara Hak Bebas Royalti Nonekslusif (Non-exclusive

Royalty-Free Right) atas karya ilmiah saya yang berjudul.

“Rancang Bangun Sistem Terintegrasi Berbasis Web Pada Toko Andesta

Islamic Village”

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

Noneksklusif ini, Universitas Multimedia Nusantara berhak menyimpan,

mengalihmediakan/mengalihformatkan, mengelola dalam bentuk pangkalan data

(database), merawat, dan memublikasikan tugas akhir saya selama tetap

mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.

Demikian pernyataan ini saya buat dengan sebenarnya.

Tangerang, 3 Januari 2022

Yang menyatakan,

(Chyntia Cahya Utami)

v Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

KATA PENGANTAR

Puji syukur dipanjatkan kepada Allah SWT karena atas karunia-Nya laporan

skripsi dengan judul “Rancang Bangun Sistem Terintegrasi Berbasis Web Pada

Toko Andesta Islamic Village” dapat diselesaikan tepat pada waktunya.

Dengan selesainya proses penulisan laporan skripsi ini, penulis ingin

mengucapkan terima kasih kepada Universitas Multimedia Nusantara yang telah

memberi kesempatan bagi penulis untuk dapat melaksanakan kerja magang di divisi

IT Department.

Selain itu, penulis juga ingin mengucapkan terima kasih kepada:

1. Bapak Dr. Ninok Leksono selaku Rektor Universitas Multimedia

Nusantara.

2. Bapak Dr. Eng. Niki Prastomo, S.T., M.Sc., selaku Dekan Fakultas

Universitas Multimedia Nusantara.

3. Ibu Ririn Ikana Desanti, S.Kom., M.Kom., selaku etua Program Studi

Universitas Multimedia Nusantara serta sebagain pembimbing pertama

yang telah memberikan bimbingan, arahan, dan motivasi atas terselesainya

tugas akhir ini.

4. Bapak Fransiscus Ati Halim, S.Kom., M.M., sebagai Pembimbing kedua

yang telah memberikan bimbingan, arahan, dan motivasi atas terselesainya

tugas akhir ini.

5. Keluarga penulis yang telah memberikan bantuan dukungan material dan

moral, sehingga penulis dapat menyelesaikan tugas akhir ini.

6. Muhammad Ilyas Asyura, S.Kom., yang telah senantiasa membantu,

menemani, dan memberi motivasi sehingga penulis dapat menyelesaikan

laporan skripsi dengan sangat baik.

7. Eka Daniansyah yang telah membantu dan memberi arahan dalam

pembuatan sistem untuk skripsi penulis.

8. Teman-teman dan sahabat lainnya yang tidak dapat disebutkan satu

persatu, karena telah memberika dukungan kepada penulis.

vi Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

Harapan penulis dalam berakhirnya laporan skripsi ini, dapat menginspirasi

dan menambah pengetahuan baru untuk banyak orang.

Tangerang, 3 Januari 2022


vii Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara




ABSTRAK

Toko Andesta Islamic Village merupakan salah satu UMKM (usaha mikro,

kecil dan menengah) yang dijalankan oleh oknum-oknum yang bergerak di bidang

perdagangan alat tulis kantor (ATK) dan pengadaan dokumen. Permasalahan pada

toko Andesta Islamic Village yaitu terbiasa melakukan penjualan tanpa mencatat

sehingga tidak menyadari keuntungan dan kerugian yang didapat berdasarkan

periode tertentu. Hal ini menyebabkan tidak diketahuinya ketersediaan stok barang

yang masuk dan keluar pada toko Andesta Islamic Village.

Permasalahan ini akan diselesaikan dengan dibuatkan sebuah sistem yang

terintegrasi untuk melakukan pencatatan dan penyimpanan dalam menjalankan

proses bisnis dari Toko Andesta Islamic Village. Proses pertama pembuatan sistem

yaitu membuat rancangan menggunakan metode prototyping. Setelah rancangan

dibuat dan disetujui oleh pemilik usaha, sistem akan segera dibuat. Pembuatan

sistem menggunakan framework codeigniter dan menggunakan database mySql.

Dengan dibuatnya sistem pencatatan dan penyimpanan tersebut, diharapkan

dapat membantu toko Andesta Village dalam menjalankan proses bisnisnya.

Diharapkan juga kedepannya toko Andesta yang berada dilokasi lain, dapat

menggunakan sistem yang telah dibuat.

Kata kunci: Prototyping, Terintegrasi, Toko Andesta Islamic Village, UMKM,

Website.

viii Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

DESIGN A WEB-BASED INTEGRATED SYSTEM

AT ISLAMIC VILLAGE ANDESTA STORE


ABSTRACT (English)

Andesta Islamic Village store is one of the MSMEs (micro, small and

medium enterprises) run by individuals who are engaged in trading office

stationery (ATK) and document procurement. The problem at andesta Islamic

Village store is that it is used to make sales without recording so that it is not

aware of the profits and losses obtained based on a certain period. This led to the

unknown availability of stock of goods entering and exiting and andesta Islamic

Village stores.

This problem will be solved by the creation of an integrated system for

recording and storing in carrying out business processes from the Andesta

Islamic Village Store. The first process of creating a system is to create a design

using prototyping methods. Once the design is made and approved by the business

owner, the system will be created immediately.

System creation uses the codeigniter framework and uses mySql

databases. With the creation of the recording and storage system, it is expected to

help andesta Village stores in carrying out their business processes. It is also

expected that in the future Andesta stores located in other locations, can use the

system that has been created

Keywords: Andesta Islamic Village Store, Integrated, Prototyping, SME, Website

ix Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

DAFTAR ISI

HALAMAN PERNYATAAN TIDAK PLAGIAT ................................................. ii

HALAMAN PENGESAHAN ................................................................................ iii

HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK

KEPENTINGAN AKADEMIS ............................................................................. iv

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

ABSTRAK ............................................................................................................ vii

ABSTRACT (English) ........................................................................................... viii

DAFTAR ISI .......................................................................................................... ix

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

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

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

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

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

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

1.4 Tujuan dan Manfaat Penelitian ............................................................... 3

1.4.1 Tujuan Penelitian ................................................................................ 3

1.4.2 Manfaat Penelitian .............................................................................. 4

1.5 Sistematika Penulisan ............................................................................. 4

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

Sistem Pencatatan ................................................................................... 6

Sistem Persediaan ................................................................................... 6

Penjualan dan Pembelian ........................................................................ 6

UMKM .................................................................................................... 6

Metode Prototyping ................................................................................ 7

Unified Modelling Language (UML) ...................................................... 8

2.6.1 Use Case Diagram .............................................................................. 9

2.6.2 Activity Diagram ............................................................................... 11

2.6.3 Class Diagram .................................................................................. 13

CodeIgniter ............................................................................................ 14

PHP ....................................................................................................... 15

x Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

MySQL .................................................................................................. 16

Black Box Testing .................................................................................. 16

Penelitian Terdahulu ............................................................................. 17

Kesimpulan Terdahulu .......................................................................... 19

BAB III METODOLOGI PENELITIAN ............................................................ 20

3.1 Gambaran Umum Objek Penelitian ...................................................... 20

3.1.1 Profil Toko Andesta Islamic Village ................................................ 20

3.2 Metode Penelitian ................................................................................. 21

3.2.1 Metode Pengumpulan Data ............................................................... 21

3.2.2 Metode Pengembangan Sistem ......................................................... 21

BAB IV ANALISIS DAN HASIL PENELITIAN .............................................. 24

4.1 Analisa Masalah dan Kebutuhan Penelitian .......................................... 24

4.2 Pemodelan Sistem ................................................................................. 25

4.2.1 Use Case Diagram ............................................................................ 25

4.2.2 Activity Diagram ............................................................................... 26

4.2.3 Class Diagram .................................................................................. 34

4.2.4 Tabel Relasi ....................................................................................... 35

4.2.5 Database ........................................................................................... 35

4.3 Prototyping ............................................................................................ 38

4.4 Development .......................................................................................... 43

4.5 User Acceptance Test (UAT) ................................................................ 57

BAB V SIMPULAN DAN SARAN .................................................................... 62

5.1 Simpulan ............................................................................................... 62

5.2 Saran ...................................................................................................... 62

DAFTAR PUSTAKA ........................................................................................... 63

LAMPIRAN .......................................................................................................... 65

xi Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

DAFTAR TABEL

Tabel 2. 1 Keuntungan dan Kerugian Metode Prototyping .................................... 8 Tabel 2. 2 Use Case Diagram ................................................................................. 9 Tabel 2. 3 Activity Diagram .................................................................................. 11 Tabel 2. 4 Class Diagram ..................................................................................... 13

Tabel 2. 5 Penelitian Terdahulu ............................................................................ 17 Tabel 4. 1 Tabel Requirement ............................................................................... 24 Tabel 4. 2 Tabel tbl_barang .................................................................................. 35 Tabel 4. 3 Tabel tbl_detail_jual ............................................................................ 36 Tabel 4. 4 Tabel tbl_jual ....................................................................................... 36 Tabel 4. 5 Tabel tbl_kategori ................................................................................ 36

Tabel 4. 6 Tabel superadmin ................................................................................. 37 Tabel 4. 7 Tabel Admin ........................................................................................ 37 Tabel 4. 8 Tabel Kasir ........................................................................................... 37 Tabel 4. 9 User Acceptance Test (UAT) ............................................................... 57

xii Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

DAFTAR GAMBAR

Gambar 2. 1 Tahap Prototyping .............................................................................. 7 Gambar 2. 2 Konsep MVC ................................................................................... 15 Gambar 3. 1 Profil Toko Andesta Islamic Village ................................................ 20 Gambar 4. 1 Use Case Diagram Sistem Usulan ................................................... 25

Gambar 4. 2 Activity Diagram Transaksi Penjualan Superadmin......................... 26 Gambar 4. 3 Activity Diagram Transaksi Penjualan Admin ................................. 27 Gambar 4. 4 Activity Diagram Transaksi Penjualan Kasir ................................... 28 Gambar 4. 5 Activity Diagram Pendataan Barang Superadmin ............................ 29 Gambar 4. 6 Activity Diagram Pendataan Barang Admin .................................... 30 Gambar 4. 7 Activity Diagram Pengecekkan Daftar Rekap Superadmin ............. 31

Gambar 4. 8 Activity Diagram Pengecekkan Daftar Rekap Admin...................... 32 Gambar 4. 9 Activity Diagram Data Pengguna ..................................................... 33 Gambar 4. 10 Class Diagram ............................................................................... 34 Gambar 4. 11 Tabel Relasi .................................................................................... 35 Gambar 4. 12 Prototype Login Pengguna ............................................................. 38 Gambar 4. 13 Prototype Dashboard ..................................................................... 39 Gambar 4. 14 Prototype Transaksi Penjualan ....................................................... 39 Gambar 4. 15 Prototype Kategori Barang............................................................. 40 Gambar 4. 16 Prototype Informasi Data Barang .................................................. 40 Gambar 4. 17 Prototype Daftar Rekap .................................................................. 41 Gambar 4. 18 Prototype Data Pengguna ............................................................... 41 Gambar 4. 19 Prototype Grafik ............................................................................. 42 Gambar 4. 20 Prorotype Notifikasi ....................................................................... 42 Gambar 4. 21 Halaman Login Pengguna .............................................................. 43

Gambar 4. 22 Halaman Dashboard Superadmin .................................................. 43 Gambar 4. 23 Halaman Dashboard Admin .......................................................... 44 Gambar 4. 24 Halaman Dashboard Kasir ............................................................. 44

Gambar 4. 25 Halaman Transaksi Penjualan ........................................................ 45 Gambar 4. 26 Tampilan Button Cari Produk! ....................................................... 45 Gambar 4. 27 Tampilan Button Kode Barang ....................................................... 46 Gambar 4. 28 Tampilan Pembayaran .................................................................... 46

Gambar 4. 29 Halaman Kategori Barang .............................................................. 47 Gambar 4. 30 Tampilan Tambah Kategori Barang ............................................... 47

Gambar 4. 31 Halaman Informasi Data Barang .................................................... 47 Gambar 4. 32 Tampilan Tambah Data Barang ..................................................... 48 Gambar 4. 33 Tampilan Edit Barang .................................................................... 48 Gambar 4. 34 Tampilan Edit Stok ........................................................................ 49 Gambar 4. 35 Alert Duplikat Barang .................................................................... 49 Gambar 4. 36 Halaman Daftar Rekap ................................................................... 50 Gambar 4. 37 Rekap Daftar Barang ...................................................................... 50

Gambar 4. 38 Rekap Penjualan PerTanggal ......................................................... 51

xiii Rancang Bangun Sistem…, Chyntia Cahya Utami, Universitas Multimedia Nusantara

Gambar 4. 39 Rekap Penjualan PerBulan ............................................................. 51 Gambar 4. 40 Rekap Penjualan PerTahun ............................................................ 52 Gambar 4. 41 Rekap Total Keuntungan ................................................................ 52 Gambar 4. 42 Halaman Pengguna ......................................................................... 53 Gambar 4. 43 Tampilan Tambah Pengguna .......................................................... 53 Gambar 4. 44 Halaman Grafik .............................................................................. 54

Gambar 4. 45 Grafik Stok Barang ........................................................................ 54 Gambar 4. 46 Grafik Penjualan PerTanggal ......................................................... 55 Gambar 4. 47 Grafik Penjualan PerBulan ............................................................. 55 Gambar 4. 48 Grafik Penjualan PerTahun ............................................................ 56 Gambar 4. 49 Halaman Notifikasi ........................................................................ 56

rancang bangun sistem terintegrasi berbasis web pada toko ...

Documents