PERANCANGAN DAN PEMBUATAN SISTEM APLIKASI POINT OF SALE BERBASIS WEBSITE PADA UD. ES DROP CITA RASA. Setiawan Budi Kusuma

Transkripsi

1 Jurnal Manajemen Infrmatika, Vlume 7 Nmr 2 Tahun 2017, PERANCANGAN DAN PEMBUATAN SISTEM APLIKASI POINT OF SALE BERBASIS WEBSITE PADA UD. ES DROP CITA RASA Setiawan Budi Kusuma D3 Manajemen Infrmatika, Fakultas Teknik, Universitas Negeri Surabaya, setiawanbudi163@gmail.cm Ardhini Warih Utami Jurusan Teknik Infrmatika, Fakultas Teknik, Universitas Negeri Surabaya, ardhiniwarih@unesa.ac.id Abstrak UD. Es Drp Cita Rasa adalah sebuah hme industry yang terletak di RT/RW.11/06, Ds. Sawahan, Kec. Panggul, Kab. Trenggalek yang mempunyai tugas dalam prduksi dan penjualan es krim stick. Dalam melakukan tugas penjualan tersebut, ud. es drp cita rasa tersebut memiiliki beberapa data data penjualan atau dkumen lapran lapran penjualan, seperti halnya nta penjualan, surat peengiriman, dan juga lapran penjualan baik untuk agen distributr dan manajer perusahaan yang harus disimpan dan dijaga dengan baik dan rapi. Dalam usahanya ud. es drp cita rasa mempunyai berbagai masalah yang dapat mengganggu dalam kelancaran aktifitas usahanya. Untuk mengatasi masalah tersebut, maka dibutuhkan suatu system yang baru yang memudahkan dalam pemesanan, penjualan dan lapran lapran penjualan. Maka dibuat analisa system usulan dengan slusi pembuatan aplikasi pint f sale pada ud. es drp cita rasa yang dapat meningkatkan kinerja ud. es drp cita rasa. Prses ini terdiri dari pendataan agen distributr, pendataan barang, pendataan stck barang, pemesanan barang dari agen beserta transaksi penjualan yang dilakukan leh, pendataan retur barang, dan pembayaran barang Kata Kunci : Lapran, Pint Of Sale Abstract UD. Es Drp Cita Rasa was a hme industry lcated in RT/RW. 11/06, Sawahan village, Panggul subdistrict, Trenggalek regency, which in rder t prduce and sale ice cream stick. In ding sale rder, ud. es drp cita rasa had sme data sale r dcuments sale like nte, delivery letter and als sale reprt fr distributr agent and cmpany manager. Which is shuld be save prperty and neat. In this industry ud. es drp cita rasa had many prblem that ffend cntinuity in it s activity. T vercme the prblem, than needed a new certain system which is facilitate in rdering, sale and sale reprts. Then made suggestin in system analysis with slutin in applicatin pint f sale fr ud. es drp cita rasa which is can increase perfrmance in ud. es drp cita rasa. This prcess f the system cnsist f cding distributr agent, cding prduct, cding stk prduct, rdering prduct frm the agent with the sale transactin which dne by the, cding rund trip prduct and payment prduct. Keywrds: Reprt, Pint Of Sale. PENDAHULUAN Pada era glbalisasi kemajuan teknlgi semakin canggih, mengakibatkan tingkat kmpetisi pada dunia usaha semakin tinggi dengan memacu perusahaan - perusahaan yang ada untuk meningkatkan kualitas di segala bidang. Dan untuk kemajuan tersebut diperlukan suatu wawasan atau pengetahuan mengenai suatu bidang yang ingin di majukan serta keinginan yang keras untuk memajukan bidang tersebut. Teknlgi infrmasi merupakan alat untuk mempermudah, mempercepat, dan merapikan pekerjaan. Selain dari itu, teknlgi infrmasi juga memungkinkan sebuah infrmasi dapat di akses dalam waktu nyata (realtime) tanpa di batasi dengan ruang dan waktu. UD Es Drp Cita Rasa merupakan sebuah hme industri yang terletak di Rt/Rw. 11/06, Ds. Sawahan, kec.. Panggul, Kab. Trenggalek yang memiliki tugas dalam melakukan penjualan es cream stick yang telah di prduksi. Dalam melakukan tugas penjualan tersebut, UD. Es Drp Cita Rasa tersebut memiliki beberapa data data penjualan atau dkumen lapran lapran penjualan, seperti halnya nta penjualan, surat pengiriman, dan juga lapran penjualan baik untuk agen distributr dan manajer perusahaan yang harus disimpan dan dijaga dengan baik dan rapi. Pembuatan lapran dan pendataan penjualan merupakan salah sau hal penting yang harus ada pada suatu hme industri khususnya yang bergerak dalam bidang penjualan prduk. Pada Hme Industri UD. Es Drp Cita Rasa, pengellaan data penjualan yang masih menggunakan sistem manual, yaitu petugas yang mencatat data penjualan di buku agenda. Hal ini akan menimbulkan banyak masalah seperti pencarian data penjualan yang memakan waktu sehingga terkadang pekerjaan diselesaikan tidak tepat waktu. Banyaknya data penjualan yang dikella tiap harinya leh UD. Es Drp Cita Rasa, mengakibatkan terjadinya penumpukan buku buku lapran yang dapat mengakibatkan kerusakan ataupun hilangnya data pada lapran lapran tersebut. Sehingga perlu adanya slusi bagaimana mengella data 36

2 Perancangan Dan Pembuatan Sistem Aplikasi Pint Of Sale Berbasis Website Pada UD. Es Drp Cita Rasa lapran lapran yang ada pada hme industri UD. Es Drp Cita Rasa. Dengan adanya sistem aplikasi penjualan yang telah terkmputerisasi, sumber daya manusia yang terlibat dapat di krdinasikan tanpa memerlukan pertemuan tatap muka. Sehingga dapat mengetahui bagaimana transaaksi penjualan yang sedang berlangsung dan siapa yang bertanggung jawab untuk setiap transaksi penjualan. KAJIAN PUSTAKA Sistem Infrmasi Menurut (Supriyant : 2005) telah di ketahui bahwa infrmasi merupakan hal yang sangat penting bagi managemen didalam pengambilan keputusan. Infrmasi dapat di perleh dari sistem infrmasi atau disebut juga prses sistem atau prses sistem infrmasi. Infrmasi adalah data yang telah di lah menjadi bentuk yang berarti bagi penerimanya dan bermanfaat dalam mengambil keputusan saat ini atau mendatang. Dasar dari infrmasi adalah data, kesalahan dalam mengambil atau memasukkan data dan kesalahan menglah data akan menyebabkan kesalahan dalam memberikan infrmasi. Jadi data yang didapatkan dan diinputkan harus valid (benar) hingga bentuk penglahannya, agar bisa menghasilkan infrmasi yang dapat dipercaya. Pint Of Sale Pengertian penjualan menurut Henry Simamra dalam buku Akuntansi Basis Pengambilan Keputusan Bisnis menyatakan bahwa : Penjualan adalah pendapatan lazim dalam perusahaan dan merupakan jumlah ktr yang dibebankan kepada pelanggan atas barang dan jasa. Pengertian penjualan menurut Chairul Marm dalam buku Siistem Akuntansi Perusahaan Dagang menyatakan bahwa : Penjualan artinya penjualan barang dagangan sebagai usaha pkk perusahaan yang biasanya dilakukan secara teratur. Pengertian dari Pint Of Sale (POS) yaitu merupakan kegiatan yang berrientasi pada penjualan serta sistem yang membantu prses transaksi. Setiap POS terdiri dari hardware berupa (Terminal/PC, Receipt Printer, Cash Drawer, Terminal pembayaran, Barcde Scanner) dan sftware berupa (Inventry Management, Pelapran, Purchasing, Custmer Management, Standar Keamanan Transaksi, Return Prcessing) dimana kedua kmpnen tersebut digunakan untuk setiap prses transaksi. POS akan menjadi sangat penting di dunia bisnis karena POS diibaratkan berupa terminal uang dimana tempat menerima pembayaran dari pembeli kepada pedagang, karena pembayaran tersebut merupakan indikatr bagi pebisnis untuk mengukur tingkat pendapatan mereka (Axps, 2015). PHP Hypertext Preprcessr (PHP) adalah bahasa serverside scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis menrut M. Rudyant Arief PHP banyak dipakai untuk pemrgraman situs WEB dinamis. Karena PHP merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirim ke brwser dalam frmat HTML. Dengan demikian kde prgram yang ditulis dalam PHP tidak akan terlihat leh user sehingga keamanan halaman web lebih terjamin. PHP dirancang untuk membentuk sutu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data ke halaman web. (Nugrh, Bunafit : 2004) CSS (Sitrus : 2012) mengemukakan CSS (CSS : Cascading Style Sheet) adalah bahasa style yang digunakan untuk mengatur tampilan dkumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan frmat yang berbeda. CSS merupakan aturan untuk mengendalikan beberapa kmpnen dalam sebuah web sehingga akan lebih terstruktur dan seragam, namun CSS bukan merupakan bahasa pemrgraman. Pada umumnya CSS dipakai untuk memfrmat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. Btstrap Btstrap adalah framewrk maupun tls untuk membuat aplikasi web atauun webseite yang bersifat respnsive secara cepat, mudah dan gratis. Kata Respnsive disini berarti bahwa tampilan web (lebar dan susunan isinya) dapat berubah secara tmatis sesuai dengan lebar layer yang menampilkannya. Btstrap terdiri dari CSS dan HTML untuk menghasilkan Grid, Layut, Tipgrafi, Tabel, Frm, Mdal, Drpdwn, ScrllSpy, TlTip, PpOver, Tab, Alert, Buttn, Carusel dan lain lain. Dengan Btstrap, kita dapat membuat respnsive website dengan cepat dan mudah dan dapat berjalan sempurna pada brwser brwser mdern seperti Chrme, Firefx, Safari, Opera dan Internet Explrer. MySQL Menurut (Nugrh : 2004) MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management sistem) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi kmersial untuk kasus-kasus dimana penggunaannya tidak cck dengan penggunaan GPL. (Nugrh, Bunafit. 2004) Sublime Text Editr Sublime Text Editr adalah editr teks untuk berbaga bahasa pemrgaman terasuk pemrgaman PHP. Sublime Text Editr merupakan editr text linta-platfrm dengan Phytn Applicatin Prgramming Interface (API). 37

3 Jurnal Manajemen Infrmatika. Vlume 7 Nmr 2 Tahun 2017, Sublim Text Editr juga mendukung banyak bahasa pemrgaman dan bahasa markup, dan fungsinya dapat ditambah dengan plugin, dan Sublime Text Editr tanpa lisenssi perangkat lunak. Sublime Text Editr pertama kali dirilis pada tanggal 18 Januari 2008, sekarang versi Sublime Text Editr sudag mencapai versi 3 yang dirilis pada tanggal 29 Januari Sublime Text Editr mendukung peratin system seperti linux. Mac Os X, dan juga windws. Sangat banyak fitur yang tersedia pada Sublime Text Editr diantaranya minimap, memuka script secara side by side, bracket highlight sehingga tidak bingung mencari pasangannya, kde snippets, drag and drp direktri ke sidebar terasa mirip dengan TextMate untuk Mac OS. Xampp XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem perasi, merupakan kmpilasi dari beberapa prgram. Fungsinya adalah sebagai server yang berdiri sendiri (lcalhst) yang terdiri atas prgram Apache, HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrgraman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem perasi apapun), Apache, MySQL,PHP, dan Perl. Prgram ini tersedia dalam GNU (General Public License) dan bebas, merupakan we server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkannya dapat mengunduh langsung dari web resminya. (Peter, Jerry : 2007) Website Website atau situs dapat diartikan sebagai kumpulan halaman -halaman yang berasal dari file-file berisi bahasa pemrgraman yang saling berhubungan digunakan untuk menampilkan infrmasi, gambar bergerak dan tidak bergerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis. (Nugrh, Yuliandri Priy: 2012) METODE Analisa Sistem Sebelumnya Kegiatan yang di lakukan pada prses pengiriman barang yang ada di UD. Es Drp Cita Rasa yaitu : 1. Agen distributr meminta sebuah pengiriman barang kepada sales melalui panggilan seluler. 2. Kemudian sales membuat sebuah catatan pengiriman barang yang akan diberikan untuk dan diarsipkan buat sales. 3. Selanutnya meminta stck barang kepada bagian gudang, 4. Setelah itu bagian gudang memeriksa apakah barang masih ada atauu ksng, dan jika barang ksng maka bagian gudang akan melaprkan ke dan selanjutnya melaprkan ke sales dan sales melaprkan ke agen. 5. Sebaliknya jika stk barang masih ada maka bagian gudang akan membuat sebuah lapran barang keluar (pengiriman barang) yang nantinya akan diberikan ke dan yang satunya akan disimpan atau di arsipkan untuk bagian gudang. 6. Kemudian akan membuat sebuah nta penjualan barang yang nantinya akan diberikan kepada sales dan juga agen distributr. Analisis Sistem Yang di Kembangkan Sistem ini dibuat untuk merubah dari manual ke sistem yang menggunakan database. Sistem ini bertujuan untuk mempermudah dalam prses penyimpan data penjualan dan pencarian data data penjualan yang ada di UD. Es Drp Cita Rasa. Dalam pembuatan aplikasi ini, bahasa pemrgraman yang digunakan adalah PHP dan untuk penyimpanan database-nya menggunakan phpmyadmin. Aplikasi/sftware yang digunkan untuk pemrgraman bahasa PHP menggunakan Sublime Text Editr karena bersifat user friendly dalam melakukan cding dan phpmyadmin yang menjadi salah satu tl berbasis website yang digunakan untuk penglahan database MySQL. Desain Prses 1. DFD Level Knteks DFD level 0 atau bisa juga disebut diagram knteks merupakan gambaran bagaimana sistem berinteraksi dengan external entity yang dimaksud external entity disini adalah super,, agen distributr dan wner. External entity disini berinteraksi dengan system yang kemudian system memberikan interkasi balasan kepada external entity. Super User Agen Data User Admin dan Lapran Data User dan Lgut Super User Lgin Agen Data Pemesanan Barang Lgin Super User Lapran Pemesanan Agen Lapran Data Retur Agen Lapran Pembayaran Agen Lapran Rekapitulasi Agen Lapran Penjualan Agen Lgut Agen 1 Lgut Admin Lapran Data Agen Lapran Data Pemesanan Lapran Data Penjualan Lapran Data Retur Barang Lapran Data Pembayaran Lapran Data Rekapitulasi Sistem Aplikasi Pint Of Sale Es Drp Cita Rasa Lgut Lapran Data Retur Lapran Data Rekapitulasi Data Agen Lapran Data Agen Data Barang Lapran Data Penjualan Lapran Data Pembayaran Data Stck Barang Data Penjualan Lapran Data Pemesanan Data Retur Barang Data Pembayaran Lgin Admin Lgin Admin Gambar 1. DFD Level 0 (Diagram Knteks) Sistem Aplikasi Pint Of Sale UD. Es Drp Cita Rasa Trenggalek 38

4 Perancangan Dan Pembuatan Sistem Aplikasi Pint Of Sale Berbasis Website Pada UD. Es Drp Cita Rasa 2. DFD Level 1 4. DFD Level 3 Lgin Agen Hsl Verifikasi Lgin Agen Lgin Hsl Verifikasi Lgin Lgin Admin Hsl Verifikasi Lgin Admin 1.1 Lgin Verifikasi Data Lgin Hsl Verifikasi Lgin Hsl Input Data Satuan Input Data Satuan Input Data Satuan Hsl Simpan Data Satuan Simpan Data Satuan Lgin Super User Hsl Verifikasi Lgin Super User Admin Edit Data Satuan Hsl Update Data Satuan Update Data Satuan Update Data Satuan Hsl Update Data Satuan 8 Data Satuan Super User Admin Agen 3. DFD Level 2 Data User Admin & Data User Data Agen Hsl Data Agen Data Barang Hsl Data Barang Data Stck Hsl Data Stck Data Penjualan Hsl Olah Data Jual Data Retur Hsl Data Retur Data Pembayaran Hsl Data Bayar Lap. Data Bayar Lap. Data Retur Lap. Data Jual Lap. Data Pemesanan Lap. Data Agen Lap. Data Rekap Lap. Data Agen Lap. Data Pemesanan Lap. Data Jual Lap. Data Retur Lap. Data Bayar Lap. Data Rekap Lap. Data Pemesanan Lap. Data Jual Lap. Data Bayar Lap. Data Retur Lap. Data Rekap Data Pesan Hsl Data Pesan 1.2 Olah Data User Admin & 1.3 Olah Data Agen 1.4 Olah Data Barang 1.5 Olah Data Stck 1.6 Olah Data Penjualan 1.7 Olah Data Retur Barang 1.8 Olah Data Pembayaran 1.9 Olah Data Rekap & Pelapran 1.10 Olah Data Pesan Data User Admin dan Data User Simpan Data Agen Hsl Data Agen Simpan Data Agen Hsl Data Barang Simpan Data Agen Hsl Data Stck Simpan Data Agen Hsl Olah Data Jual Simpan Data Retur Hsl Data Retur Simpan Data Pembayaran Hsl Data Bayar Simpan Data Pesan Hsl Olah Data Pesan Data Bayar Data Retur Data Penjualan Data Stck Data Barang Data Agen Data Pesan 1 Data User 2 Data Barang 3 Data Stck 4 Data Jual 5 Data Retur 6 Data Bayar 7 Data Pesan Gambar 2. DFD Level 1 Sistem Aplikasi Pint Of Sale UD. Es Drp Cita Rasa Trenggalek Hapus Data Satuan Hsl Hapus Data Satuan Hapus Data Satuan Hapus Data Satuan Hsl Hapus Data Satuan Gambar 4. DFD Level 3 Sistem Aplikasi Pint Of Sale UD. Es Drp Cita Rasa Trenggalek 5. CDM (Cnceptual Data Mdel) Pada desain CDM yang ada di gambar 3 dapat dilihat bahwa tabel-tabel tersebut saling berelasi. Terdapat 10 tabel, yaitu: Data Jual, Data retur, Data Bayar, Data User, Data Pesan, Data Barang, Data Satuan, Data Kategri, Data Stck dan Data Rasa.. Desain CDM (Cnceptual Data Mdel) ini bertujuan untuk memudahkan user dalam mengakses sehingga user dapat dengan mudah mendapatkan infrmasi yang telah diberikan. Namun sebelum membuat cnceptual data mdel ini harus membuat knsepnya terlebih dahulu, seperti menentukan knsep tabel apa saja yang akan dibutuhkan. Kemudian atribut apa saja yang dibutuhkan pada setiap tabel dan relasi antar tabelnya. Berikut adalah gambar cnceptual data mdel pint f sale ud. es drp cita rasa. id_retur struk_id nm_agen tgl_retur hrg_retur ttal_retur id_bayar struk_bayar agen_bayar tgl_bayar nm_bayar Memiliki Banyak Data Retur Variable characters (100) Mempunyai banyak data bayar Data Bayar satu user punya banyak data jual id_struk nama_agen tgl_pesanan dft_pesanan jml_pesanan alm_tujuan kategri tgl_jual pengirim harga ttal_harga status id_agen id_barang nama_barang satuan Data Jual Variable characters (30) Variable characters (1000) Variable characters (500) Variable characters (100) Data Barang Variable characters (30) id_rasa nama_rasa Banyak data stck id_stck tanggal barang rasa kategri jumlah Data Stck Data Rasa Banyak data stck barang Variable characters (30) Admin Input Data Barang Hsl Input Data Barang Edit Data Barang Hsl Update Data Barang Hapus Data Barang Hsl Hapus Data Barang Data Satuan Hsl Data Satuan Data Kategri Hsl Data Kategri Data Rasa Hsl Data Rasa Input Data Barang Update Data Barang Hapus Data Barang Olah Data Satuan Olah Data Kategri Olah Data Rasa Simpan Data Barang Hsl Simpan Data Barang Update Data Barang Hsl Update Data Barang 2 Data Barang Hapus Data Barang Hsl Hapus Data Barang Simpan Data Satuan 8 Data Satuan Hsl Data Satuan Simpan Data Kategri Hsl Data Kategri Simpan Data Rasa Hsl Data Rasa 9 Data Kategri 10 Data Rasa Gambar 3. DFD Level 2 Sistem Aplikasi Pint Of Sale UD. Es Drp Cita Rasa Trenggalek id_user nama_lengkap username passwrd alamat1 level Banyak data pesan user Data User Text (100) Data Pesan id_pesan id_user1 tgl_pesan barang2 rasa1 kategri2 alamat1 jml_pesan Text (100) Memiliki banyak barang id_satuan nama_satuan Data Satuan Punya banyak data pesan Variable characters (30) Data Kategri Banyak stck kategri banyak data pesan Gambar 5. CDM Sistem Aplikasi Pint Of Sale UD. Es Drp Cita Rasa Trenggalek Mempunyai banyak data pesan 6. PDM (Physical Data Mdel) Pada desain PDM (Physical Data Mdel) ini tidak jauh berbeda dengan desain pada prses CDM (Cnceptual Data Mdel). Setelah knsep CDM dibuat kemudian di generate menjadi PDM sehingga terlihat jelas relasi antar tabelnya. Selain itu desain PDM juga bersifat lebih khusus dan spesifik dari CDM karena penggambaran rancangan PDM memperlihatkan struktur penyimpanan data yang benar pada basis data yang digunakan. id_kategri nama_katrgri Variable characters (30) 39

5 Jurnal Manajemen Infrmatika. Vlume 7 Nmr 2 Tahun 2017, Data Retur id_retur integer struk_id integer nm_agen varchar(100) tgl_retur timestamp jml_retur integer hrg_retur integer ttal_retur integer Data Bayar id_bayar integer struk_bayar integer agen_bayar varchar(50) tgl_bayar timestamp nm_bayar integer Data Jual id_struk integer id_retur integer id_bayar integer nama_agen varchar(30) tgl_pesanan timestamp dft_pesanan varchar(1000) jml_pesanan integer alm_tujuan varchar(500) kategri varchar(100) tgl_jual timestamp pengirim varchar(100) harga integer ttal harga integer status varchar(50) id_agen integer Data Stck id_stck integer tanggal timestamp barang integer rasa integer kategri integer jumlah integer Data Kategri <pk> id_kategri integer id_stck integer id_pesan integer nama_kategri varchar(30) Data User id_user integer id_pesan integer id_struk integer nama_lengkap varchar(50) varchar(50) username varchar(50) passwrd varchar(50) alamat varchar(100) level varchar(50) Data Rasa id_rasa id_stck id_pesan Dat_id_pesan Data Satuan integer integer integer integer id_satuan integer id_barang integer nama_satuan varchar(30) Gambar 6. PDM Sistem Aplikasi Pint Of Sale UD. Es Drp Cita Rasa Trenggalek < < < < Data Pesan id_user integer id_pesan integer tgl_pesan timestamp barang integer rasa integer kategri integer alamat lng varchar jml_pesan integer Data Barang id_barang integer id_pesan integer id_stck integer nama_barang varchar(30) satuan integer Gambar 8. Halaman Beranda Super Admin Halaman beranda ini adalah halaman depan yang akan diakses ketika super berhasil lgin dengan username dan passwrd super. Pada halaman ini menu beranda, data master dan lgut. Untuk menu data master mempunyai sub menu yang berisikan data user, yang dimana menu data user tersebut dapat digunakan untuk membuat dan menglah data user dan wner. 3. Halaman Data User Super Admin Berikut merupakan tampilan halaman data usser khusus untuk super. HASIL DAN PEMBAHASAN 1. Halaman Lgin Berikut merupakan tampilan halaman lgin. Gambar 9. Halaman Data User Super Admin Gambar 7. Halaman Lgin Halaman ini adalah halaman depan yang pertamakali diakses leh pengguna atau user. Terdapat frm dengan isian username dan passwrd dan tmbl Lgin. Jika Username dan passwrd benar, maka selanjutnya pengguna akan masuk ke halaman utama atau beranda. - Pengguna Super Admin lgin dengan username dan passwrd Super Admin - Pengguna agen distributr lgin dengan username dan passwrd agen distributr - Pengguna Admin lgin dengan username dan passwrd Admin - Pengguna wner lgin dengan username dan passwrd wner 2. Halaman Beranda Super Admin Berikut merupakan tampilan halaman beranda khusus untuk super. Halaman data user super berisi data user dalam bentuk tabel yang akan di isi leh super. Pada tabel data user berisi klm antara lain n, id user, nama lengkap, , username, passwrd, alamat dan level. 4. Halaman Tambah Data User Super Admin Berikut merupakan tampilan halaman tambah data user super. Gambar 10. Halaman Tambah Data User Super Admin 40

6 Perancangan Dan Pembuatan Sistem Aplikasi Pint Of Sale Berbasis Website Pada UD. Es Drp Cita Rasa Pada halaaman tambah data user ini super mengisikan data nama lengkap, , username, passwrd, alamat dan level. Kemudian setelah mengisikan data user ke dalam frm kemudian super dapat menyimpan data user dan wner ke dalam database. 5. Halaman Beranda Admin Tidak jauh beda dengan beranda super. Pada halaman beranda ini menampilkan menu yaitu menu beranda, penjualan, data master, lapran dan lgut. Pada halaman kasir pesan ini digunakan untuk menambahkan data penjualan dari daftar pesanan barang leh agen. Jadi mengakses halaman kasir pesan ini hanya bisa melalui buttn kasir yang terdapat pada field data pesanan barang. 8. Halaman Retur Data Kasir Admin Berikut merupakan tampilan halaman retur data kasir. Gambar 14. Halaman retur data kasir Gambar 11. Halaman beranda 6. Halaman Daftar Pesanan Barang Admin Berikut merupakan tampilan halaman daftar pesanan barang. Pada halaman retur data kasir ini hanya bisa mengakses halaman ini melaui buttn aksi yang terdapat pada halaman kasir. 9. Halaman Bayar Kasir Admin Berikut merupakan tampilan halaman bayar kasir Gambar 12. Halaman daftar pesanan barang Pada halaman daftar pesanan barang ini akan menampilkan daftar pesanan brang yang telah dikirim leh agen. 7. Halaman Kasir Pesan Admin Berikut merupakan tampilan halaman kasir pesan Gambar 15. Halaman bayar kasir Pada halaman bayar kasir ini hanya bisa mengakses halaman ini melaui buttn pembayaran yang terdapat pada buttn aksi halaman kasir. 10. Halaman Bayar Lunas Admin Berikut merupakan tampilan halaman bayar lunas Gambar 13. Halaman kasir pesan Gambar 16. Halaman bayar lunas 41

7 Jurnal Manajemen Infrmatika. Vlume 7 Nmr 2 Tahun 2017, Pada halaman bayar lunas ini pada nminal pembayaran akan menampilkan sebuah teks LUNAS ketika jumlah pembayaran sudah memenuhi nminal pembayaran yang harus dibayar leh agen. 11. Halaman Data Agen Admin Berikut merupakan tampilan halaman data agen Pada halaman satuan barang ini juga tidak jauh beda dengan halaman data barang dan edit data barang. 14. Halaman Data Kategri Barang Admin Berikut merupakan tampilan halaman data kategri barang. Gambar 17. Halaman data agen Pada halaman data agen distributr ini akan terdapat frm tambah data agen yang nantinya digunakan untuk menambahkan data agen distributr. 12. Halaman Data Barang Admin Berikut merupakan tampilan halaman data barang Gambar 20. Halaman data kategri barang Halaman kategri barang ini adalah halaman untuk menambahkan atau menampilkan data kategri barang yang dimiliki leh barang. Pada es drp cita rasa memiliki dua kategri barang yaitu small dan large. 15. Halaman Data Stck Barang Admin Berikut merupakan tampilan halaman data stck barang. Gambar 18. Halaman data barang Pada halaman data barang ini menampilkan sebuah frm untuk menambahkan data barang dan tabel untuk menampilkan data barang. 13. Halaman Data Satuan Barang Admin Berikut merupakan tampilan halaman data satuan barang Gambar 21. Halaman data stck barang Halaman stck barang ini merupakan halaman yang digunakan untuk menambahkan stck barang dan juga menampilkan data stck barang yang ada pada ud es drp cita rasa. 16. Halaman Data Pembayaran Admin Berikut merupakan tampilan halaman data pembayaran Gambar 19. Halaman data satuan barang Gambar 22. Halaman data pembayaran 42

8 Perancangan Dan Pembuatan Sistem Aplikasi Pint Of Sale Berbasis Website Pada UD. Es Drp Cita Rasa Pada halaman data pembayaran ini hanya terdapat tabel yang berisikan hasil rekapitulasi pembayaran agen distributr. 17. Halaman Data Rekapitulasi Admin Berikut merupakan tampilan halaman data rekapitulasi. yang ada pada ud es drp cita rasa. Lapran ini nantinya juga akan di berikan kepada wner untuk digunakan sebagai evaluasi daftar pemesanan barang. 20. Lapran Data Rekapitulasi Admin Berikut merupakan tampilan hasil lapran data rekapitulasi. Gambar 23. Halaman data rekapitulasi 18. Lapran Data Agen Admin Berikut merupakan tampilan hasil lapran data agen Gambar 26. Hasil lapran data rekapitulasi 21. Halaman Pesan Barang Agen Berikut merupakan tmpilan halaman pesan barang agen Gambar 27. Halaman pesan barang agen Gambar 24. Hasil lapran data agen Hasil lapran data agen ini merupakan sebuah lapran cetak atau dalam bentuk pdf data agen distributr es drp cita rasa. 19. Lapran Data Pemesanan Admin Brerikut merupakan tampilan hasil lapran data pemesanan. Halaman pesan barang agen ini merupakan halaman yang digunakan agen untuk melakukan pemesanan barang es drp cita rasa. 22. Halaman Data Penjualan Agen Berikut merupakan halaman data penjualan untuk agen distributr. Gambar 28. Halaman data penjualan agen Gambar 25. Hasil lapran data pemesanan Hasil lapran data pemesanan ini merupakan hasil cetak atau dalam bentuk pdf daftar pemesaan barang Sama halnya dengan sebuah struk penjualan, pada halaman data penjualan agen ini digunakan untuk menginfrmasikan sebuah data penjualan yang dilakukan kasir berdasarkan agen tersebut. 43

9 Jurnal Manajemen Infrmatika. Vlume 7 Nmr 2 Tahun 2017, Halaman Data Retur Barang Agen Berikut merupakan halaman data retur barang untuk agen distributr Halaman data agen distributr ini digunakan untuk menampilkan data agen distributr es drp cita rasa. 26. Halaman Data Pemesanan Barang Berikut merupakan halaman data pemesanan barang untuk wner. Gambar 29. Halaman data retur barang agen Halaman data retur barang agen ini merupakan halaman untuk menampilkan data retur barang dari hasil penjualan leh agen. 24. Halaman Data Rekapitulasi Agen Berikut merupakan halaman data rekapitulasi untuk agen distributr. Gambar 32. Halaman data pemesanan barang wner Sama halnya dengan data pemesanan barang yang dimiliki leh, data pemesanan wner ini juga menampilkan data data pemesanan barang leh agen. 27. Halaman Data Penjualan Berikut merupakan halaman data penjualan yang dimiliki leh wner. Gambar 30. Halaman data rekapitulasi agen Halaman data rekapitulasi agen ini merupakan halaman yang digunakan untuk menampilkan data rekapituasi dari hasil penjualan agen, mulai dari data penjualan, data retur dan data pembayaran agen. 25. Halaman Data Agen Distributr Berikut merupakan halaman agen distributr yang dimiliki leh wner Gambar 33. Halaman data penjualan wner Pada halaman data penjualan yang dimiliki leh wner ini, merupakan halaman yang digunakan untuk menampilkan data penjualan pada ud. es drp cita rasa. 28. Halaman Data Retur Barang Berikut merupakan tampilan halaman data retur barang wner Gambar 31. Halaman data agen untuk wner Gambar 34. Halaman data retur barang wner 44

10 Perancangan Dan Pembuatan Sistem Aplikasi Pint Of Sale Berbasis Website Pada UD. Es Drp Cita Rasa Halaman data retur barang wner ini merupakan halaman yang digunakan untuk menampilkan data retur barang hasil dari penjualan agen es drp cita rasa. 29. Halaman Data Pembayaran Berikut merupakan halaman data pembayaran untuk wner atau penurunan mset penjualan barang pada ud. es drp cita rasa. DAFTAR PUSTAKA Alatas, H. (2015). Pryek Membangun Respnsive Web Design dengan Btstrap 3&4. Ygyakarta: CV. LOKOMEDIA. Faisal, S. D. (2015). Analisa dan Perancangan Aplikasi Pint Of Sale (POS) Untuk Mendukung Manajemen Hubungan Pelanggan. Jurnal Teknlgi Infrmasi dan Ilmu Kmputer (JTIIK), 09. Gambar 35. Halaman data pembayaran wner Sama halnya dengan halaman data pembayaran yang dimiliki leh. Halaman data pembayaran wner ini juga digunakan untuk menampilkan data pembayaran dari agen distributr ud. es drp cia rasa. 30. Halaman Data Rekapitulasi Berikut merupakan halaman data rekapitulasi untuk wner Indrajani, S. (2014). Database System Case Study All In One. Jakarta: PT. Elex Media Kmputind. Penerbit Andi dan Madcms. (2004). Membuat Aplikasi Database Karyawan Online Berbasis Web dengan PHP dan My SQL. Ygyakarta: ANDI OFFSET. Abdullh, R. (2016). Amazing prject! Aplikasi Ujian Online Full Ajax. Cirebn: CV. Asfa Slutin, Sftware Develpment, IT & Publishing. Gambar 36. Halaman data rekapitulasi wner PENUTUP Kesimpulan Dari pembahasan sebelumnya dapat diambil kesimpulan bahwa dengan adanya sistem aplikasi pint f sale berbasis web pada UD. Es Drp Cita Rasa Trenggalek ini, dapat megnhindari data data penjualan barang yang berantakan dan lapran lapran penjualan yang berantakan. Selain itu juga dapat memberikan kemudahan user dalam mengella data penjualan, pelapran data penjualan, dan pencarian data penjualan barang yang ada pada ud. es drp cita rasa. Saran Saran untuk pengembang sistem aplikasi ini antara lain : Sistem aplikasi ini dapat dikembangkan lebih lanjut dengan menambahkan rekapitulasi penjualan setiap tahunnya dan juga menambahkan diagram pada hasil rekapitulasi penjualan. Sehingga dapat mempermudah, agen ataupun wner untuk mengetahui kenaikan 45