Page 1
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 5
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
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
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
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
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 11
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
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
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
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
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
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.