SKRIPSI
IMPLEMENTASI DASHBOARD PENJUALAN DI WAROENG SPESIAL SAMBAL “SS”
ELSA SETIYAWATI NIM : 215611104
PROGRAM STUDI SISTEM INFORMASI PROGRAM SARJANA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA YOGYAKARTA
2023
i
SKRIPSI
IMPLEMENTASI DASHBOARD PENJUALAN DI WAROENG SPESIAL SAMBAL “SS”
Diajukan sebagai salah satu syarat untuk menyelesaikan studi Program Sarjana
Program Studi Sistem Informasi Fakultas Teknologi Informasi Universitas Teknologi Digital Indonesia
Yogyakarta
Disusun Oleh ELSA SETIYAWATI
NIM : 215611104
PROGRAM STUDI SISTEM INFORMASI PROGRAM SARJANA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS TEKNOLOGI DIGITAL INDONESIA YOGYAKARTA
2023
iv
PERNYATAAN KEASLIAN SKRIPSI
Dengan ini saya menyatakan bahwa naskah skripsi ini belum pernah diajukan untuk memperoleh gelar Sarjana Komputer di suatu Perguruan Tinggi, dansepanjang pengetahuan saya tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara sah diacu dalam naskah ini dan disebutkan dalam daftar pustaka.
Yogyakarta, Januari 2023
Elsa Setiyawati NIM: 215611104
v
HALAMAN PERSEMBAHAN
Dengan penuh rasa syukur atas terselesaikannya skripsi ini, saya persembahkan kepada :
1. Allah SWT. Alhamdulillah, atas segala rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan skripsi ini secara maksimal. Semoga skripsi ini dapat menjadi salah satu bentuk ibadah dan bermanfaat untuk orang lain.
2. Kepada orang tua penulis yang sangat disayangi dan dicintai penulis, terimakasih selalu memberikan dukungan semangat serta doa yang tiada henti sehingga dapat menyelesaikan skripsi ini.
3. Kepada Ibu Deborah Kurniawati, S.Kom., M.Cs. yang telah menjadi dosen pembimbing skripsi, terimakasih selalu sabar dan memberikan semangat terhadap saya.
4. Kepada Ibu Indra Yatini Buryadi, S.Kom., M.Kom. dan Ibu Femi Dwi Astuti, S.Kom., M.Cs. yang telah menjadi dosen penguji sidang skripsi saya.
5. Kepada Ibu Pulut Suryati, S.Si., M.Cs. selaku Kaprodi Sistem Informasi, Ibu Dara Kusumawati, S.E., M.M. dan Ibu Endang Wahyuningsih, S.Kom., M.Cs., selaku dosen yang selalu memberikan doa dan semangat dengan pertanyaan “kapan sidang”, serta Bapak dan Ibu Dosen Universitas Teknologi Digital Indonesia terimakasih untuk ilmu yang telah diberikan kepada saya.
6. Kepada perusahaan tempat saya bekerja yaitu PT Dua Empat Tujuh, terima kasih karena telah memberikan izin dan dukungan untuk saya melanjutkan studi dan menyelesaikan skripsi ini.
7. Kepada Waroeng Spesial Sambal “SS” terima kasih karena telah memberikan izin untuk dijadikan pembahasan untuk skripsi saya.
8. Kepada partner saya “Ard” yang jauh disana yang selalu memberikan doa dan dukungan. Untuk teman-teman tersayang seperjuangan yaitu Ichsan, Heni, Nurul, Andika terima kasih karena telah mau bersama-sama
vi
berjuang kawan. Untuk teman-teman kelas karyawan prodi Sistem Informasi terima kasih sudah mau berjuang bersama kawan.
9. Untuk teman-teman kerja saya yaitu Nugroho, Mba Widya, Mba Nunik, Mba Janie, Mba Aurel, Yunita, Firmania, Okta, terimakasih atas dukungan dan doa yang diberikan untuk saya.
10. Untuk teman-teman terdekat saya yaitu Lala (yang sudah pulang kampung sebelum saya sidang) dan Helina, saya ucapkan terima kasih.
Dan masih banyak lagi yang tidak dapat penulis sebutkan satu per satu, penulis ucapkan terima kasih untuk semuanya, semoga skripsi ini dapat bermanfaat serta berguna untuk masa depan, aamiin.
vii
HALAMAN MOTTO
Semua punya ruang lukis yang kau mau (Raisa & Isyana Sarasvati – Anganku anganmu)
Work hard in silence, let success be your noise. (Bekerja keras dalam diam, dan biarkan sukses menjadi kebisinganmu)
Frank ocean
Education’s purpose is to replace an empty mind with an open one. Tujuan pendidikan adalah untuk menggantikan pikiran kosong menjadi pikiran terbuka.
Malcolm Forbes
Iman tanpa ilmu bagaikan lentera di tangan bayi. Namun ilmu tanpa iman bagaikan lentera di tangan pencuri.
Buya Hamka
viii
KATA PENGANTAR
Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan skripsi dengan judul
“Implementasi Dashboard Penjualan Di Waroeng Spesial Sambal “SS””. Skripsi ini disusun untuk memenuhi salah satu syarat untuk menyelesaikan studi jenjang strata satu (S1) Program Studi Sistem Informasi Universitas Teknologi Digital Indonesia.
Dalam melakukan penyusunan skripsi ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih kepada:
1. Allah SWT yang telah memberikan rahmat dan hidayah serta bimbingan-Nya kepada penulis dalam menyusun proyek akhir ini.
2. Bapak Totok Suprawoto, Ir., M,M., M.T selaku Rektor Universitas Teknologi Digital Indonesia.
3. Ibu Pulut Suryati, S.Si., M.Cs. selaku Ketua Program Studi Sistem Informasi di Universitas Teknologi Digital Indonesia.
4. Ibu Deborah Kurniawati, S.Kom., M.Cs. yang telah menjadi dosen pembimbing skripsi.
5. Ibu Indra Yatini Buryadi, S.Kom., M.Kom. dan Ibu Femi Dwi Astuti, S.Kom., M.Cs. yang telah menjadi dosen penguji sidang skripsi.
6. Kedua oranng tua yang selalu memberikan dukungan penuh dan doa yang tiada henti sehingga penulis dapat menyelesaikan skripsi ini.
7. Semua pihak yang tidak bisa penulis sebutkan satu persatu yang telah terlibat banyak dalam membantu sehingga skripsi ini dapat diselesaikan.
Penulis menyadari bahwa skripsi ini masih terdapat banyak kekurangan dan kesalahan dikarenakan keterbatasan ilmu pengetahuan dan wawasan serta pengalaman yang penulis miliki. Untuk itu penulis memohon maaf, dan semua jenis saran, kritik serta masukkan yang bersifat membangun sangat penulis harapkan.
ix
Semoga skripsi yang penulis buat dapat bermanfaat bagi penulis sendiri, institusi pendidikan, dan masyarakat luas, Aamiin.
Yogyakarta, Januari 2023
Penulis
x
DAFTAR ISI
Halaman
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
HALAMAN PERNYATAAN ... iv
HALAMAN PERSEMBAHAN ... v
HALAMAN MOTTO ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... x
DAFTAR GAMBAR ... xii
DAFTAR TABEL ...xiv
DAFTAR LISTING ... xv
INTISARI ... xvii
ABSTRACT ... xviii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang Masalah ... 1
1.2. Tujuan Penelitian... 3
1.3. Rumusan Masalah ... 2
1.4. Ruang Lingkup ... 2
1.5. Manfaat Penelitian ... 3
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI ... 4
2.1. Tinjauan Pustaka ... 4
2.2. Dasar Teori ... 6
2.2.1 Waroeng Spesial Sambal “SS” ... 6
2.2.2 Konsep Dashboard ... 7
2.2.3 PHP ...10
2.2.4 Javascript ...11
2.2.5 MariaDB ...11
2.2.6 Laravel ...12
2.2.7 VueJs ...12
xi
2.2.9 Apache HTTP...13
2.2.10 ApexCharts ...13
BAB III METODE PENELITIAN ...14
3.1 Bahan/Data ...14
3.2 Peralatan ...15
3.3 Analisis Dan Perancangan Sistem ...16
BAB IV IMPLEMENTASI DAN PEMBAHASAN ...30
4.1 Implementasi dan Pembahasan sistem ...30
BAB V KESIMPULAN DAN SARAN ...82
5.1. Kesimpulan ...82
5.2. Saran ...82
DAFTAR PUSTAKA ...83
LAMPIRAN ...85
xii
DAFTAR GAMBAR
Halaman
Gambar 3.1 Data Flow Diagram Level 0 ...16
Gambar 3.2 Data Flow Diagram Level 1 ...17
Gambar 3.3 Data Flow Diagram Level 2 Proses 2 ...18
Gambar 3.4 Dashboard Utama ...19
Gambar 3.5 Grafik Jumlah Pengunjung Periode Tertentu...21
Gambar 3.6 Grafik Menu Terlaris Periode Tertentu ...23
Gambar 3.7 Grafik Omset Penjualan Periode Tertentu ...24
Gambar 3.8 Tabel Penjualan Menu Periode Tertentu ...26
Gambar 3.9 Grafik Omset Penjualan Top Ten Per Area ...28
Gambar 3.10 Grafik Jumlah Pengunjung Top Ten Per Area ...29
Gambar 4.1 Tampilan Dashboard Utama ... 31
Gambar 4.2 Tampilan SQL Omset Halaman Dashboard Utama ...35
Gambar 4.3 Tampilan SQL Pengujung Dine In ...36
Gambar 4.4 Tampilan SQL Pengujung Non Dine In ...36
Gambar 4.5 Tampilan SQL Nota Dine In ...37
Gambar 4.6 Tampilan SQL Nota Non Dine In ...38
Gambar 4.7 Tampilan SQL Penjualan Menu Dine In ...39
Gambar 4.8 Tampilan SQL Menu Non Dine In ...40
Gambar 4.9 Tampilan SQL Pertumbuhan Omset Dashboard Utama ...40
Gambar 4.10 Tampilan Halaman Jumlah Pengunjung Periode Tertentu ...41
Gambar 4.11 Tampilan SQL Jumlah Pengujung ...47
Gambar 4.12 Tampilan Halaman Menu Terlaris (Top Ten) Periode Tertentu ...47
Gambar 4.13 Tampilan SQL Menu Terlaris (Top Ten) ... 54
Gambar 4.14 Tampilan Halaman Omset Penjualan Periode Tertentu ... 54
Gambar 4.15 Tampilan SQL Omset Penjualan ... 61
Gambar 4.16 Tampilan Halaman Penjualan Menu Periode Tertentu ... 62
Gambar 4.17 Tampilan SQL Penjualan Menu ... 68
Gambar 4.8 Tampilan Halaman Omset Penjualan (Top Ten) Per Area... 69
Gambar 4.19 Tampilan SQL Omset penjualan Terbanyak (Top Ten) ...75
xiii
Gambar 4.21 Tampilan SQL Jumlah Pengunjung Terbanyak (Top Ten) ... 81
xiv
DAFTAR TABEL
Halaman Tabel 2.1 perbandingan penelitian sebelumnya ... 5
xv
DAFTAR LISTING
Halaman
Listing 4.1 Program Konfigurasi ke Database Server Cloud ...30
Listing 4.2 Implementasi Program Filter Tanggal Dashboard ...32
Listing 4.3 Implementasi Program Omset Penjulan Dashboard ...32
Listing 4.4 Implementasi Program pengunjung, nota, menu Dashboard ...33
Listing 4.5 Implementasi Program Pertumbuhan Omset Dashboard ...34
Listing 4.6 Data Omset Halaman Dashboard Utama ...35
Listing 4.7 Data Pengunjung Dine In ...35
Listing 4.8 Data Pengunjung Non Dine In ...36
Listing 4.9 Data Nota Dine In ...37
Listing 4.10 Data Nota Non Dine In ...38
Listing 4.11 Data Penjualan Menu Dine In ...39
Listing 4.12 Data Penjualan Menu Non Dine In ...39
Listing 4.13 Data Pertumbuhan Omset Halaman Dashboard Utama ...40
Listing 4.14 Program Filter Periode dan Date Pengunjung ...43
Listing 4.15 Program Filter Shift Pengunjung ...44
Listing 4.16 Program Filter Wilayah, Area, dan Waroeng Pengunjung ...44
Listing 4.17 Program Filter Jenis Transaksi Pengunjung ...45
Listing 4.18 Program Grafik Jumlah Pengunjung ...46
Listing 4.19 Data Jumlah Pengujung Periode Tertentu ...46
Listing 4.20 Program Filter Periode dan Date Menu Terlaris ...50
Listing 4.21 Program Filter Shift Menu Terlaris ...50
Listing 4.22 Program Filter Wilayah, Area, dan Waroeng Menu Terlaris ...51
Listing 4.23 Program Filter Jenis Transaksi ...51
Listing 4.24 Program Filter Jenis Menu dari Menu Terlaris ...52
Listing 4.25 Program Grafik Jumlah Pengunjung ...53
Listing 4.26 Data Menu Terlaris (Top Ten) Periode Tertentu ...54
Listing 4.27 Program Filter Periode dan Date Omset Penjualan...56
Listing 4.28 Program Filter Shift Omset Penjualan ...57
Listing 4.29 Program Filter Wilayah, Area, dan Waroeng Omset Penjualan...58
xvi
Listing 4.31 Program Filter Jenis Transaksi Omset Penjualan ...59
Listing 4.32 Program Grafik Omset Penjualan...59
Listing 4.33 Data Omset Penjualan Periode Tertentu ...60
Listing 4.34 Program Filter Periode dan Date Omset Penjualan...64
Listing 4.35 Program Filter Shift Penjualan Menu ...64
Listing 4.36 Program Filter Wilayah, Area, dan Waroeng Penjualan Menu ...65
Listing 4.37 Program Filter Jenis Transaksi Penjualan Menu ...66
Listing 4.38 Program Filter Jenis Menu dari Penjualan Menu ...66
Listing 4.39 Program Tabel Penjualan Menu ...67
Listing 4.40 Data Penjualan Menu Periode Tertentu ...67
Listing 4.41 Program Filter Periode dan Date Omset Penjualan (Top Ten) ...71
Listing 4.42 Program Filter Shift Omset penjualan Terbanyak (Top Ten) ...71
Listing 4.43 Program Filter Jenis Transaksi Omset Penjualan (Top Ten) ...72
Listing 4. 44 Program Filter Produk Omset Penjualan (Top Ten) ...72
Listing 4.45 Program Filter Pilih Objek Omset Penjualan (Top Ten) ...73
Listing 4.46 Program Grafik Omset Penjualan Terbanyak (Top Ten) per Area....74
Listing 4.47 Data Omset Penjualan (Top Ten) Per Area ...74
Listing 4.48 Program Filter Periode dan Date Jumlah Pengunjung (Top Ten) ...78
Listing 4.49 Program Filter Shift Jumlah Pengunjung Terbanyak (Top Ten) ...78
Listing 4.50 Program Filter Jenis Transaksi Jumlah Pengunjung (Top Ten) ...79
Listing 4.51 Program Filter Pilih Objek Jumlah Pengunjung (Top Ten)...79
Listing 4.52 Program Grafik Jumlah Pengunjung (Top Ten) per Area ...80
Listing 4.53 Data Jumlah Pengunjung (Top Ten) Per Area ...81
xvii
Perkembangan teknologi yang semakin pesat, menyebabkan kebutuhan akan suatu informasi yang akurat sangat dibutuhkan dalam perkembangan dunia bisnis. Teknologi merupakan kunci penting dalam dunia bisnis untuk menentukan perkembangan dalam persaingan bisnis. Adapun manfaat perkembangan teknologi yang mendukung proses bisnis yaitu membantu dalam mengelola informasi yang didapat dan membantu meningkatkan performa dalam pengambilan keputusan.
Salah satu pemanfaatan teknologi untuk membantu hal tersebut adalah visualisasi dashboard, yang merupakan visualisasi data statistik yang bertujuan untuk memudahkan pengguna membaca data statistik dalam bentuk visual. Salah satu perusahaan yang memerlukan pengelolaan informasi bentuk visual yaitu Waroeng Spesial Sambal “SS” yang memiliki jumlah data transaksi yang banyak, sehingga manajemen Waroeng yang berkepentingan kesulitan untuk mendapatkan informasi penjualan realtime, maka dibuatlah visualisasi dashboard ini.
Visualisasi dashboard dibuat di sistem aplikasi yang disebut “Sipedas”, menggunakan bahasa pemrograman PHP dan database MariaDB, grafik statistik menggunakan tools ApexChart. Data yang digunakan adalah data yang tersimpan di database server cloud, sehingga untuk menjalankannya harus terkoneksi dengan internet.
Visualisasi dashboard yang dibangun menghasilkan informasi grafik jumlah pengunjung, grafik menu terlaris (Top Ten), grafik pengunjung terbanyak (Top Ten), grafik omset penjualan terbanyak (Top Ten), grafik omset penjualan, tabel penjualan menu, dan grafik pertumbuhan omset. Semua informasi tersebut kecuali tabel penjualan menu, yaitu hanya menampilkan informasi dari satu wilayah nasional atau satu wilayah area atau satu waroeng, bukan perbandingan antarwilayah atau antararea atau antarwaroeng. Sedangkan untuk informasi tabel penjualan menu dapat ditampilkan perbandingan antarwilayah atau antararea atau antarwaroeng, serta grafik pertumbuhan omset menampilkan omset setiap bulan dalam satu tahun dari semua waroeng.
Kata Kunci : ApexChart, Database Server Cloud, Grafik Statistik, Visualisasi Dashboard.
xviii
ABSTRACT
The rapid development of technology, causing the need for accurate information is needed in the development of the business world. Technology is an important key in the business world to determine developments in business competition. The benefits of technological developments that support business processes are to assist in managing the information obtained and to help improve performance in decision making. One of the uses of technology to help with this is dashboard visualization, which is a visualization of statistical data that aims to make it easier for users to read statistical data in visual form. One company that requires management of information in visual form, namely Waroeng Special Sambal "SS" which has a large amount of transaction data, so that Waroeng management with an interest has difficulty getting realtime sales information, so this dashboard visualization was created.
Dashboard visualization is made in an application system called "Sipedas", using the PHP programming language and MariaDB database, for statistical graphs using ApexChart tools. The data used is data stored in the cloud server database, so to run this system it must be connected to the internet.
The dashboard visualization that was built produces graphical information on the number of visitors, the best-selling menu graphs (Top Ten), the most visitor graphs (Top Ten), the most sales turnover graphs (Top Ten), sales turnover graphs, menu sales tables, and turnover growth charts. All of this information except for the menu sales table, which only displays information from one national region or one regional area or one waroeng, not comparisons between regions or between areas or between waroeng. Whereas for menu sales table information a comparison can be displayed between regions or between areas or between waroengs, as well as for the turnover growth chart displays turnover graphs every month in one year from all waroeng.
Keywords: ApexChart, Cloud Server Database, Dashboard Visualization, Statistical Charts.
