SKRIPSI SISTEM INFORMASI PENJUALAN AYAM GEPREK BERBASIS WEB RESPONSIVE (STUDI KASUS : RUMAH MAKAN AYAM GEPREK SALJU YOGYAKARTA)

(1)

SKRIPSI

SISTEM INFORMASI PENJUALAN AYAM GEPREK BERBASIS WEB RESPONSIVE (STUDI KASUS : RUMAH MAKAN AYAM GEPREK

SALJU YOGYAKARTA)

RESPONSIVE WEB-BASED GEPREK SALJU CHICKEN SALES INFORMATION SYSTEM

(CASE STUDY: YOGYAKARTA GEPREK SALJU CHICKEN RESTAURANT)

MUHAMMAD SOLEHUDIN 175610047

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM

YOGYAKARTA

2021

(2)

i SKRIPSI

SISTEM INFORMASI PENJUALAN AYAM GEPREK BERBASIS WEB RESPONSIVE (STUDI KASUS : RUMAH MAKAN AYAM GEPREK

SALJU YOGYAKARTA)

RESPONSIVE WEB-BASED GEPREK SALJU CHICKEN SALES INFORMATION SYSTEM

(CASE STUDY: YOGYAKARTA GEPREK SALJU CHICKEN RESTAURANT)

Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang strata satu (S1)

Program Studi Sistem Informasi

Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM

Yogyakarta

Disusun Oleh

MUHAMMAD SOLEHUDIN 175610047

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM

YOGYAKARTA

2021

(3)

ii

HALAMAN PERNYATAAN

Dengan ini saya menyatakan bahwa Laporan Skripsi ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar Ahli Madya/kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.

Yogyakarta,

Muhammad Solehudin

(4)

iii

(5)

iv

HALAMAN PERSEMBAHAN

Puji syukur kami panjatkan kepada Allah SWT yang senantiasa memberikan Rahmat dan Hidayah-Nya sehingga dapat menyelesaikan skripsi ini dengan baik. Oleh karena itu, dengan rasa bangga dan bahagia penulis haturkan rasa syukur dan terimakasih kepada :

1. Ibu Sur Yanti, S.E., M.Cs. selaku Dosen Pembimbing yang telah berkenan memberikan masukan dan saran serta semangat dalam menyusun skripsi ini.

2. Bapak Djumadi dan Ibu Haryati, kedua orang tua penulis yang selalu mendukung baik melalui dukungan moril dan juga materil yang selalu mendoakan siang dan malam tanpa henti agar menjadi anak yang soleh dan berguna.

3. Teruntuk sahabat-sahabat terbaikku yang setiap hari memberikan banyak pelajaran dan masukan serta menjadi teman berbagi saat suka maupun duka.

Terima kasih yang sebesar-besarnya untuk kalian semua, akhir kata semoga

skripsi ini membawa kemanfaatan dan berguna untuk kemajuan ilmu pengetahuan

dimasa yang akan datang.

(6)

v MOTTO

“Bekerja keras dan bersikap baiklah. Hal luar biasa akan terjadi”

(7)

vi

DAFTAR ISI

Halaman

HALAMAN JUDUL ... i

HALAMAN PENGESAHAN ... ii

HALAMAN PERNYATAAN ... iii

HALAMAN PERSEMBAHAN ... iv

HALAMAN MOTTO ... v

DAFTAR ISI ... vi

DAFTAR GAMBAR ... x

DAFTAR TABEL ... xii

KATA PENGANTAR ... xiii

ABSTRAK ... xv

ABSTRACT ... xvi

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 2

1.3 Ruang Lingkup ... 3

1.4 Tujuan Penelitian ... 3

1.5 Manfaat Penelitian ... 4

1.6 Sistematika Penelitian ... 4

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI ... 6

2.1 Tinjauan Pustaka ... 6

2.2 Dasar Teori ... 10

2.2.1 Sistem Informasi ... 10

(8)

vii

2.2.2 Penjualan ... 11

2.2.3 XAMPP ... 11

2.2.4 Basis Data ... 12

2.2.5 MySQL ... 12

2.2.6 PHP ... 12

2.2.7 Responsive Web Design ... 13

2.2.8 Bootstrap ... 13

BAB III METODE PENELITIAN ... 14

3.1 Metode Penelitian ... 14

3.1.1 Bahan/Data ... 14

3.1.2 Peralatan ... 14

3.1.3 Prosedur dan Pengumpulan Data ... 15

3.2 Perancangan Sistem ... 18

3.2.1 Diagram Konteks ... 18

3.2.2 Diagram Alir Data Level 1 ... 20

3.2.3 Desain Basis Data ... 22

3.2.4 Relasi Antar Tabel... 26

3.2.5 Rancangan Masukan ... 27

3.2.6 Rancangan Keluaran ... 32

BAB IV IMPLEMENTASI DAN PEMBAHASAN ... 39

4.1 Implementasi Sistem ... 39

4.1.1 Kode Program Pendaftaran Pelanggan... 39

4.1.2 Kode Program Login Pelanggan ... 40

4.1.3 Kode Program Menu Terbaru ... 41

4.1.4 Kode Program Slider ... 42

(9)

viii

4.1.5 Kode Program Detail Menu ... 43

4.1.6 Kode Program Keranjang Belanja ... 44

4.1.7 Kode Program Checkout ... 45

4.1.8 Kode Program Email Pelanggan ... 47

4.1.9 Kode Program Riwayat Belanja ... 49

4.1.10 Kode Program Pembayaran Pelanggan ... 50

4.1.11 Kode Program Login Admin dan Pemilik ... 52

4.1.12 Kode Program Konfirmasi Pembayaran ... 53

4.1.13 Kode Program Grafik Stok Menu ... 55

4.1.14 Kode Program Laporan Per-Menu ... 56

4.1.15 Kode Program Laporan Per-Pelanggan ... 57

4.1.16 Kode Program Laporan Per-Periode ... 59

4.2 Pembahasan Sistem ... 60

4.2.1 Tampilan Pendaftaran Pelanggan ... 60

4.2.2 Tampilan Login Pelanggan ... 60

4.2.3 Tampilan Menu Terbaru ... 61

4.2.4 Tampilan Detail Menu ... 62

4.2.5 Tampilan Keranjang Belanja ... 64

4.2.6 Tampilan Checkout ... 64

4.2.7 Tampilan Email Pelanggan ... 65

4.2.8 Tampilan Riwayat Belanja ... 66

4.2.9 Tampilan Konfirmasi Pembayaran ... 67

4.2.10 Tampilan Email Admin dan Pemilik ... 68

4.2.11 Tampilan Login Admin dan Pemilik ... 69

4.2.12 Tampilan Ubah Status Penjualan ... 69

(10)

ix

4.2.13 Tampilan Grafik Stok Menu ... 70

4.2.14 Tampilan Laporan Penjualan Per-Periode ... 70

4.2.15 Tampilan Laporan Penjualan Per-Menu ... 72

4.2.16 Tampilan Laporan Penjualan Per-Pelanggan ... 73

BAB V PENUTUP ... 75

5.1 Kesimpulan ... 75

5.2 Saran ... 75

DAFTAR PUSTAKA ... 76

LAMPIRAN

(11)

x

DAFTAR GAMBAR

Halaman

Gambar 3.1 Diagram Konteks... 18

Gambar 3.2 DAD Level 1 ... 20

Gambar 3.3 Relasi Antar Tabel ... 26

Gambar 3. 4 Form Input Data Registrasi Pelanggan... 28

Gambar 3. 5 Form Input Data Login Pelanggan ... 28

Gambar 3. 6 Form Input Data Pemesanan ... 29

Gambar 3. 7 Form Input Data Menu ... 30

Gambar 3. 8 Form Input Data Ongkir ... 30

Gambar 3. 9 Form Input Data Pembayaran ... 31

Gambar 3. 10 Form Input Data Konfirmasi Pembayaran ... 31

Gambar 3. 11 Form Input Data Slider ... 32

Gambar 3. 12 Keluaran Data Pelanggan ... 33

Gambar 3. 13 Keluaran Data Pemesanan ... 33

Gambar 3. 14 Keluaran Data Menu ... 34

Gambar 3. 15 Keluaran Data Ongkir ... 35

Gambar 3. 16 Keluaran Data Pembayaran ... 35

Gambar 3. 17 Keluaran Data Slider ... 36

Gambar 3. 18 Keluaran Laporan Per-Menu ... 37

Gambar 3. 19 Keluaran Laporan Per-Pelanggan... 37

Gambar 3. 20 Keluaran Laporan Per-Periode ... 38

Gambar 4. 1 Kode Program Pendaftaran Pelanggan ... 39

Gambar 4. 2 Kode Prohram Login Pelanggan ... 40

Gambar 4. 3 Kode Program Menu Terbaru ... 41

Gambar 4. 4 Kode Program Slider ... 42

Gambar 4. 5 Kode Program Detail Menu ... 43

Gambar 4. 6 Kode Program Keranjang Belanja... 44

Gambar 4. 7 Kode Program Checkout ... 46

(12)

xi

Gambar 4. 8 Kode Program Email Pelanggan ... 48

Gambar 4. 9 Kode Program Riwayat Belanja ... 50

Gambar 4. 10 Kode Program Pembayaran Pelanggan ... 51

Gambar 4. 11 Kode Program Login Admin dan Pemilik ... 53

Gambar 4. 12 Kode Program Konfirmasi Pembayaran ... 54

Gambar 4. 13 Kode Program Grafik Stok Menu ... 56

Gambar 4. 14 Kode Program Laporan Per-Menu ... 57

Gambar 4. 15 Kode Program Laporan Per-Pelanggan ... 58

Gambar 4. 16 Kode Program Laporan Per-Periode ... 59

Gambar 4. 17 Tampilan Pendaftaran Pelanggan ... 60

Gambar 4. 18 Tampilan Login Pelanggan ... 61

Gambar 4. 19 Tampilan Menu Terbaru... 61

Gambar 4. 20 Tampilan Detail Menu ... 63

Gambar 4. 21 Tampilan Keranjang Belanja ... 64

Gambar 4. 22 Tampilan Checkout ... 65

Gambar 4. 23 Tampilan Email Pelanggan ... 65

Gambar 4. 24 Tampilan Riwayat Belanja ... 66

Gambar 4. 25 Tampilan Konfimrasi Pembayaran... 68

Gambar 4. 26 Tampilan Email Admin dan Pemilik ... 68

Gambar 4. 27 Tampilan Login Admin dan Pemilik ... 69

Gambar 4. 28 Tampilan Ubah Status Penjualan ... 69

Gambar 4. 29 Tampilan Grafik Stok Menu ... 70

Gambar 4. 30 Tampilan Laporan Penjualan Per-Periode... 71

Gambar 4. 31 Tampilan Laporan Penjualan Per-Menu ... 72

Gambar 4. 32 Tampilan Laporan Penjualan Per-Pelanggan ... 74

(13)

xii

DAFTAR TABEL

Halaman

Tabel 2. 1 Perbedaan Penelitian ... 9

Tabel 3.1 Struktur Tabel user ... 22

Tabel 3. 2 Struktur Tabel menu... 22

Tabel 3. 3 Struktur Tabel kategori ... 23

Tabel 3. 4 Struktur Tabel ongkir ... 23

Tabel 3. 5 Struktur Tabel slider... 23

Tabel 3. 6 Struktur Tabel penjualan ... 24

Tabel 3. 7 Struktur Tabel detail_penjualan ... 24

Tabel 3. 8 Struktur Tabel pembayaran ... 25

(14)

xiii

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT karena atas limpahan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan Skripsi ini yang berjudul “Sistem Informasi Penjualan Ayam Geprek Berbasis Web Responsive (Studi Kasus : Rumah Makan Ayam Geprek Salju Yogyakarta)“.

Shalawat serta salam senantiasa tercurah kepada Rasulullah SAW yang mengantarkan manusia dari zaman jaran ke zaman sedan ini. Skripsi ini disusun sebagai persyaratan kelulusan pada Program Studi Sistem Informasi Strata 1 STMIK AKAKOM Yogyakarta.

Dalam penyusunan Skripsi ini penulis banyak mendapat saran, dorongan, bimbingan serta keterangan-keterangan dari berbagai pihak yang merupakan pengalaman yang tidak dapat diukur secara materi. Oleh karena itu dengan segala hormat dan kerendahan hati perkenankanlah penulis mengucapkan terima kasih kepada :

1. Bapak Ir. Totok Suprawoto, M.M., M.T.. selaku Ketua Sekolah Tinggi Manajemen Informatika dan Komputer Akakom Yogyakarta.

2. Ibu Pulut Suryati, S.Kom., M.Cs. selaku Ketua Jurusan Sistem Informasi.

3. Ibu Sur Yanti, S.E., M.Cs. selaku Dosen Pembimbing yang telah berkenan memberikan masukan dan saran serta dorongan dan motivasi.

4. Ibu Emy Susanti, S.Kom., M.Cs. selaku Dosen Wali yang telah banyak

memberikan pengarahan, saran, dan motivasi.

(15)

xiv

5. Bapak Djumadi dan Ibu Haryati kedua orang tua penulis yang selalu memberikan kasih saying, moril, materil, doa, dukungan, teladan dan motivasi sehingga penulis dapat terus berkembang sampai saat ini.

6. Seluruh teman – teman jurusan Sistem Informasi, khususnya Angkatan 2017 yang telah memberikan motivasi.

7. Semua pihak yang tidak mungkin penulis sebutkan satu persatu yang telah terlibat banyak dalam membantu sehingga Skripsi ini dapat diselesaikan.

Akhir kata semoga Skripsi yang penulis buat dapat bermanfaat bagi penulis sendiri, institusi Pendidikan, dan masyarakat luas. Amin.

Yogyakarta,

Penulis

(16)

xv ABSTRAK

Penelitian ini bertujuan untuk menciptakan sistem informasi penjualan yang dapat diakses secara online dengan tampilan yang bersifat responsive di rumah makan Ayam Geprek Salju Yogyakarta. Manfaat dari penelitian ini pelanggan dapat melihat informasi dan melakukan pemesanan secara online. Sistem ini dibangun menggunakan metode web responsive dengan menggunakan framework bootstrap, bahasa pemrograman PHP, dan MySQL untuk databasenya.

Sistem ini digunakan oleh tiga user yaitu admin, pelanggan, dan pemilik.

Admin dapat mengelola semua informasi yang berkaitan dengan tata kelola data menu dan data penjualannya, pelanggan diberikan fitur khusus untuk memperoleh informasi dan dapat melakukan transaksi, pemilik memperoleh informasi yang berkaitan dengan laporan-laporan.

Dari hasil implementasi yang dilakukan dalam penelitian ini dapat disimpulkan bahwa sistem ini dapat memberikan informasi kepada setiap user dengan baik, menyediakan media pemesanan secara online, dan tampilan yang dapat menyesuaikan ukuran layar.

Kata Kunci : Ayam Geprek, Penjualan, Responsive, Sistem Informasi, Web.

(17)

xvi ABSTRACT

This study aims to create a sales information system that can be accessed online with a responsive display at the Geprek Salju Chicken restaurant in Yogyakarta. The benefit of this research is that customers can view information and place orders online. These systems are built using responsive web method using bootstrap framework, PHP programming language, and MySQL for its database.

This system is used by three users, namely admin, customer, and owner.

Admin can manage all information related to menu data management and sales data, customers are given special features to get information and can make transactions, owners get information related to reports.

From the results of the implementation carried out in this study, it can be concluded can provide information to each user well provides online ordering media and a display that can adjust the screen size.

Keywords : Geprek Salju Chicken, Information System, Responsive, Sales, Web.