Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web...

16
Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana Sayur Tlogomas SKRIPSI Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Ridhani Maulana 201110370311045 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2018

Transcript of Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web...

Page 1: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

Sistem Informasi Penjualan Sayur dan Sembako

Berbasis Web

Study Kasus Istana Sayur Tlogomas

SKRIPSI

Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Ridhani Maulana

201110370311045

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2018

Page 2: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana
Page 3: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana
Page 4: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana
Page 5: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

v

LEMBAR PERSEMBAHAN

Dengan menyebut nama Allah SWT yang maha pengasih lagi maha

penyayang. Segala puji bagi Allah SWT karena atas rahmat dan hidayahNya

penulis dapat menyelesaikan skripsi yang berjudul “Sistem Informasi Penjualan

Sayur dan Sembako Berbasis Web Studi Kasus Istana Sayur”. Shalawat dan salam

atas junjungan kita Nabi Muhammad S. A. W. beserta keluarga dan para sahabat.

Skripsi ini disusun untuk memenuhi persyaratan memperoleh gelar Sarjana

Komputer di Fakultas Teknik Jurusan Informatika Universitas Muhammadiyah

Malang.

Melalui kesempatan ini, penulis ingin menyampaikan rasa hormat dan

terima kasih yang sebesar-besarnya kepada semua pihak yang telah membantu baik

melalui bimbingan dan bantuan moral selama penulisan tugas akhir ini. Pada

kesempatan ini penulis ingin menyampaikan rasa hormat dan terima kasih kepada:

1. Ayahanda Alm. Muhammad Halid, Ibunda Aluh Mariani, Adik kami

Jannatunnisa, dan seluruh keluarga besar atas segala nasehat, saran, semangat,

pengertian dan kesabarannya dalam membantu walaupun secara tidak langsung

senantiasa memberikan doa dan semangat demi terselesaikannya skripsi ini.

2. Ilyas Nuryasin S.Kom., M.Kom dan Wildan Suharso S.Kom, M.Kom

selaku dosen pembimbing skripsi yang senantiasa memberikan bimbingan skripsi

dan sabar mengarahkan penulis sehingga dapat menyelesaikan skripsi ini.

3. Adi, Dayat, Adit, Arif , Yoka, Dicky, Rasyid selaku teman sahabat

seperjuangan yang selalu sabar membantu dan menasehati penulis hingga

selesainya skripsi ini.

4. Seluruh dosen dan staf tata usaha teknik informatika universitas

muhammadiyah malang atas kesediaannya mengajar dan membantu administrasi

kepada penulis.

Page 6: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

vi

5. Teman seangkatan 2011 teknik informatika, terima kasih atas segala

bantuannya selama menempuh studi di teknik informatika Universitas

Muhammadiyah Malang.

6. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang terlibat

baik secara langsung maupun tidak langsung demi terselesaikannya skripsi ini.

Hanya doa yang bisa penulis hantarkan semoga Allah SWT memberikan

pahala serta balasan kebaikan dan kesehatan. Penulis menyadari bahwa skripsi ini

masih banyak kekurangan dan masih belum sempurna. Untuk itu, saran dan kritik

yang membangun sangat penulis harapkan. Semoga skripsi ini membawa manfaat

bagi penyusun maupun pihak lain yang menggunakannya.

Malang, 16 Juli 2018

Penulis

Page 7: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

vii

ABSTRAK

Istana sayur tlogomas adalah usaha yang bergerak dibidang perdagangan

sayur dan sembako, beralamat di Jalan raya tlogomas nomor 93 RT 5 RW 6

Tlogomas, Malang. Untuk membantu promosi, maka dibuatlah website Istana

Sayur Tlogomas. Perancangan yang dibuat dapat memangkas aktivitas yang belum

efisien menjadi efisien bagi pembeli lewat website yang dibuat. Pada penelitian

tugas akhir ini, peneliti membangun website e commerce untuk memudahkan

proses jual beli ditoko istana sayur tlogomas. Website ini dilengkapi fitur trace

order bagi pembeli untuk memudahkan memantau pesanan. Dengan website ini

pembeli dapat berbelanja ditoko sayur tlogomas lewat internet tanpa harus keluar

rumah. Aplikasi telah diuji dan berjalan sesuai dengan fungsi.

Kata kunci: website, istana sayur, PHP, MY SQL, XAMMP, sublime text, sistem

informasi, ERD, use case.

Page 8: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

viii

ABSTRACT

Istana Sayur Tlogomas is a grocery store engaged in the trade of vegetables

and nine basic necessities located at Tlogomas street number 93 Tlogomas, Malang.

To assist the promotion, then be made Istana Sayur Tlogomas website. This website

are made to cut inefficient activities to be efficient for the buyer via the website

created. In this research, researchers built e-commerce website to facilitate the

process of buying and selling in Istana Sayur Tlogomas grocery stores. The website

is equipped with features for buyers trace order to facilitate the monitoring of

orders. With this website buyers can do shoping at Istana Sayur Tlogomas grocery

stores without have to out off the house. Applications have been tested and run in

accordance with full function.

Keywords: Website, palace vegetables, PHP, MY SQL, XAMMP, sublime text,

information systems, ERD, use case.

Page 9: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

ix

Kata Pengantar

Assalamu’alaikum Wr. Wb

Dengan memenjatkan puji syukur kehadirat Allah SWT, atas limpahan

rahmat dan hidayah-Nya sehingga peneliti dapat menyelesaikan tugas akhir yang

berjudul :

“Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Studi Kasus

Istana Sayur Tlogomas”

Peneliti menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini

masih banyak kekurangan dan keterbatasan. Oleh karena itu peniliti mengharapkan

saran yang mebangun agar tulisan ini bermanfaat bagi perkembangan ilmu

pengetahuan kedepan.

Akhir kata penulis mengucapkan terima kasih kepada semua pihak yang

telah membantu sehingga penulisan tugas akhir ini terselesaikan.

Wassalamu’alaikum Wr. Wb.

Malang 16 Juli 2018

Penulis

Ridhani Maulana

Page 10: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana
Page 11: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

x

DAFTAR ISI

LEMBAR PERSETUJUAN ................................................................................. i

LEMBAR PENGESAHAN ................................................................................ ii

LEMBAR PERNYATAAN ............................................................................... iii

LEMBAR PERSEMBAHAN .............................................................................. v

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

ABSTRACT ....................................................................................................... viii

KATA PENGANTAR ......................................................................................... ix

DAFTAR ISI ......................................................................................................... x

DAFTAR GAMBAR ........................................................................................ xiii

DAFTAR TABEL ............................................................................................. xiv

BAB I PENDAHULUAN

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

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

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

1.4. Tujuan …………………………………………………………………….. 2

1.5. Metodologi ………………………………………………………………… 3

1.5.1. Studi Literatur …………………………………………………….... . 3

1.5.2. Analisa Kebutuhan Sistem …………………………………............. 5

1.5.3. Desain Sistem ………………………………………………............. 6

1.5.4. Implementasi ………………….…………………………………..... 7

1.5.5. Pengujian …………………………………………………………… 7

BAB II LANDASAN TEORI

2.1. Sistem Informasi ......................................... ……………………………... .. 8

2.2. Pengelolaan Data ……………………………………………….. ............. ... 9

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

2.4. Use Case Diagram ....................................................................................... 11

Page 12: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

xi

2.5. Activity Diagram ......................................................................................... 12

2.6. Sequence Diagram ..................................................................................... 12

2.7. Entity Relationship Diagram (ERD) ........................................................... 13

2.8. Database ....................................................................................................... 15

2.8.1. Manfaat Database .............................................................................. 15

2.9. World Wide Web (WWW) dan Internet ..................................................... 16

2.10. Pengembangan Aplikasi Berbasis Web ...................................................... 17

2.11. HTML ......................................................................................................... 17

2.12. PHP ............................................................................................................. 18

2.13. MY SQL ......................................................................................................19

2.14. XAMMP ......................................................................................................19

2.15. Sublime Text 3 ...........................................................................................20

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1. Analisa Sistem .............................................................................................. 22

3.1.1. Analisa Kebutuhan ............................................................................. 22

3.1.2. Use Case Diagram .............................................................................. 23

3.1.3. Activity Diagram ................................................................................ 27

3.1.4. Sequence Diagram ............................................................................. 34

3.2. Desain dan Perancangan Sistem................................................................... 40

3.2.1. Arsitektur Sistem .............................................................................. 40

3.2.2. Desain Database ................................................................................ 41

3.2.3. Perancangan Interface ....................................................................... 42

BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1. Implementasi Sistem ................................................................................... 43

4.1.1. Halaman Utama ................................................................................ 44

4.1.2. Managemen Pesanan ........................................................................ 45

4.1.3. Managemen Produk .......................................................................... 46

Page 13: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

xii

4.1.4. Managemen Tambah Produk ............................................................ 47

4.1.5. Hapus Data ....................................................................................... 48

4.1.6. Add to Cart ....................................................................................... 48

4.1.7. Checkout ........................................................................................... 49

4.1.8. Managemen Edit Produk .................................................................. 49

4.1.9. Login Admin ..................................................................................... 50

4.1.10. Trace Order ..................................................................................... 50

4.2. Implementasi User Interface ....................................................................... 51

4.2.1. Tampilan Halaman Utama ............................................................... 51

4.2.2. Tampilan Managemen Pesanan ....................................................... 52

4.2.3. Tampilan Managemen Produk ......................................................... 53

4.2.4. Tampilan Managemen Tambah Produk ........................................... 53

4.2.5. Tampilan Managemen Hapus Data ................................................. 54

4.2.6. Tampilan Add to Cart ...................................................................... 54

4.2.7. Tampilan Checkout .......................................................................... 55

4.2.8. Tampilan Trace Order ...................................................................... 55

4.2.9. Tampilan Managemen Edit Produk ................................................. 56

4.2.10. Tampilan Login Admin .................................................................. 56

4.3. Pengujian Black Box .................................................................................... 57

BAB V KESIMPULAN DAN SARAN

5.1. Kesimpulan ................................................................................................. 61

5.2. Saran ............................................................................................................ 61

DAFTAR PUSTAKA ......................................................................................... 62

Page 14: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

xiii

DAFTAR GAMBAR

Gambar 1.1. Metodologi Penelitian ........................................................................ 3

Gambar 1.2. Use case Diagram ............................................................................... 5

Gambar 1.3. Desain Sistem ..................................................................................... 6

Gambar 3.1. Use Case Diagram ............................................................................ 24

Gambar 3.2. Activity Diagram Login Admin ....................................................... 27

Gambar 3.3. Activity Diagram Create Barang ...................................................... 28

Gambar 3.4. Activity Diagram Hapus Barang ...................................................... 29

Gambar 3.5. Activity Diagram Edit Barang ......................................................... 30

Gambar 3.6. Activity Diagram Edit Status Pemesanan ........................................ 31

Gambar 3.7. Activity Diagram Customer Beli Barang ......................................... 32

Gambar 3.8. Activity Diagram Pantau Orderan .................................................... 33

Gambar 3.9. Sequence Diagram Create Barang.................................................... 34

Gambar 3.10. Sequence Diagram Hapus Barang ................................................. 35

Gambar 3.11. Sequence Diagram Edit Barang ..................................................... 36

Gambar 3.12. Sequence Diagram Edit Status Orderan ......................................... 37

Gambar 3.13. Sequence Diagram Customer Beli Barang ..................................... 38

Gambar 3.14. Sequence Diagram Pantau Orderan................................................ 39

Gambar 3.15. Arsitektur Sistem ............................................................................ 40

Gambar 3.16. Entity Relationship Diagram .......................................................... 41

Gambar 3.17. Rancangan Interface ....................................................................... 42

Gambar 4.1. Source Code Halaman Utama ......................................................... 44

Page 15: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

xiv

Gambar 4.2. Source Code Halaman Managemen Pesanan ................................... 45

Gambar 4.3. Source Code Halaman Managemen Produk .................................... 46

Gambar 4.4. Source Code Halaman Managemen Tambah Produk ...................... 47

Gambar 4.5. Source Code Hapus Data ................................................................. 48

Gambar 4.6. Source Code Method Add to Cart .................................................... 48

Gambar 4.7. Source Code Method Checkout ....................................................... 49

Gambar 4.8. Source Code Method Edit Produk .................................................... 49

Gambar 4.9. Source Code Login ........................................................................... 50

Gambar 4.10. Source Code Trace Orderan ........................................................... 50

Gambar 4.11. Tampilan Halaman Utama ............................................................. 51

Gambar 4.12. Tampilan Managemen Pesanan ...................................................... 52

Gambar 4.13. Tampilan Managemen Produk ....................................................... 53

Gambar 4.14. Tampilan Managemen Tambah Produk ......................................... 53

Gambar 4.15. Tampilan Managemen Hapus Data ................................................ 54

Gambar 4.16. Tampilan Add to Cart ..................................................................... 54

Gambar 4.17. Tampilan Checkout ........................................................................ 55

Gambar 4.18. Tampilan Trace Order .................................................................... 55

Gambar 4.19. Tampilan Managemen Edit Produk................................................ 56

Gambar 4.20. Tampilan Login Admin .................................................................. 56

DAFTAR TABEL

Tabel 3.1. Tabel Use Case Diagram...................................................................... 25

Tabel 4.1. Tabel Pengujian Sistem ........................................................................ 57

Page 16: Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web ...eprints.umm.ac.id/39609/1/PENDAHULUAN.pdf · Sistem Informasi Penjualan Sayur dan Sembako Berbasis Web Study Kasus Istana

62

Daftar Pustaka

• Ni Luh Nym Mirah Wedasari, & IGKG Puritan Wijaya ADH. Juli 2018.

“Perancangan Pengembangan Usaha Penjualan Daring Sayuran di Bali”

http://www.sisfotenika.stmikpontianak.ac.id/index.php/sensitek/article/dow

nload/313/267%20oleh%20NLNM%20Wedasari%20-

%20%E2%80%8E2018

• Eclesi, Mikhael Dio. April 2017 “Perancangan Sistem Penjualan Sayur

Organik dengan Menggunakan Framework Codeigniter: Studi Kasus Jogja

Organic, Yogyakarta”

http://repository.uksw.edu/bitstream/123456789/13713/1/T1_672013604_

Full%20text.pdf

• Eka Yulis Sari, Hartatik. November 2016. “ANALISIS DAN

PERANCANGAN SISTEM INFORMASI PENJUALAN DI TOKO

SAYUR DAN SEMBAKO SARIYATI YOGYAKARTA”

http://repository.amikom.ac.id/index.php/detail/10158/ANALISIS%20DAN

%20PERANCANGAN%20SISTEM%20INFORMASI%20PENJUALAN%2

0DI%20TOKO%20SAYUR%20DAN%20SEMBAKO%20SARIYATI%20Y

OGYAKARTA

• Abdul Kadir. Dasar Perancangan dan Implementasi Database Relasional,

Yogyakarta : CV. Andi OFFSET, 2009.

• Priyanto Hidayatullah, Jauhari Khairul Kawistara. Pemrograman Web,

Bandung : Informatika Bandung, 2014

• Sholiq., Pemodelan Sistem Informasi Berorientasi Obyek dengan UML.,

Yogyakarta: Graha Ilmu., 2006.