Volume 5. Nomor 1. Juni 2024 SISTEM INFORMASI PEMASARAN BERBASIS WEBGIS PADA PT. ULTRAJAYA MILK Muhammad Ikrar Yamin1. Sefta Hermizan2. Ria Arista Mewar3 Teknik Elektro. Institut Sains dan Teknologi Nasional Sistem Informasi. STMIK Mercusuar Bekasi email: ikrar@istn. id11, sefta@mercusuar. id2, riaaristamewar@gmail. Informasi Artikel Riwayat artikel: Disubmit: 19 Mei 2024 Direvisi: 1 Juni 2024 Diterima: 14 Juni 2024 Dipublikasi: 15 Juni 2024 Keywords: Design. Information Systems. WebGis. Purchase Order. Waterfall. MySQL. Black Box Testing ABSTRACT WebGIS (Geographic Information Syste. is a Geographic Information System (GIS) application that can be accessed online via the internet/web. In the WebGIS configuration there is a server that functions as a MapServer in charge of processing map requests from the client and then sending them back to the client. At PT Ultra Jaya Milk, the system used is inadequate for employees to collect data on agent shops that have not been registered with the company and the PO . urchase orde. input system that has not been This research aims to design a WebGis-based Ultra Jaya Milk Marketing Information System to overcome the problems of ineffective performance of sales employees in collecting data on new agent stores and inputting Purchase Orders (PO). This research is a development research using waterfall method in system development by utilizing MySQL database technology. HTML. Visual Code. PHP 7, javascript. CSS. Balsamiq Mockup, and UML. The results showed that the GIS application can effectively help employees obtain information on the distribution of new agent stores and reduce the use of paper in inputting POs. Based on the research results, it can be concluded that the WebGis-based UltraJaya Milk marketing information system can improve the efficiency of sales employee performance and expand the company's distribution network. ABSTRAK Kata Kunci: Perancangan. Sistem Informasi. WebGis. Purchase Order. Waterfall. MySQL,Black Box Testing WebGIS (Geographic Information Syste. merupakan aplikasi Geographic Information System (GIS) yang dapat diakses secara online melalui internet/web. Pada konfigurasi WebGIS ada server yang berfungsi sebagai MapServer yang bertugas memproses permintaan peta dari client dan kemudian mengirimkannya kembali ke client. Pada PT. Ultra Jaya Milk sistem yang digunakan kurang memadai untuk karyawan dalam melakukan pendataan toko-toko agen yang belum terdaftar di perusahaan serta sistem input PO . urchase orde. yang belum Penelitian ini bertujuan untuk merancang Sistem Informasi Pemasaran UltraJaya Milk Berbasis WebGis guna mengatasi permasalahan kinerja karyawan sales yang kurang efektif dalam pendataan toko-toko agen baru dan penginputan Purchase Order (PO). Penelitian ini merupakan penelitian pengembangan dengan menggunakan metode waterfall dalam pengembangan sistem dengan memanfaatkan teknologi MySQL database. HTML. Visual Code. PHP 7, javascript. CSS. Balsamiq Mockup, dan UML. Hasil penelitian menunjukkan bahwa aplikasi GIS dapat secara efektif membantu karyawan memperoleh informasi persebaran toko-toko agen baru dan mengurangi penggunaan kertas dalam penginputan PO. Berdasarkan hasil penelitian dapat disimpulkan bahwa sistem informasi pemasaran UltraJaya Milk berbasis WebGis dapat meningkatkan efisiensi kinerja karyawan sales dan memperluas jaringan distribusi perusahaan. Volume 5. Nomor 1. Juni 2024 PENDAHULUAN Pengertian Sistem Informasi. Hartono . mengemukakan bahwa AuSecara umum bahwa sistem informasi adalah sebuah rangkaian prosedur formal yang di mana data dikelompokan, diproses menjadi informasi, dan didistribusikan kepada pemakai. Sedangkan definisi yang lebih khusus terkait sistem komputer bahwa sistem informasi mencakup sejumlah komponen . anusia, komputer, teknologi informasi, dan prosedur kerj. , ada sesuatu yang diproses . ata menjadi informas. , dan dimaksudkan untuk mencapai suatu sasaran atau tujuan. Sistem informasi adalah sekumpulan hardware, software, brainware, prosedur dan atau aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusanAy. Banyaknya riset yang dilakukan untuk mendorong timbulnya penemuan baru dalam dunia teknologi, terutama teknologi Salah satu penemuan tersebut adalah Sistem Informasi Geografis. SIG dibuat dengan menggunakan informasi yang berasal dari pengolahan sejumlah data, yaitu data geografis atau data yang berkaitan dengan posisi obyek di permukaan bumi. SIG dapat disajikan dalam bentuk aplikasi desktop maupun aplikasi berbasis web (Prahasta, 2. Aplikasi GIS saat ini banyak digunakan atau dipublikasikan melalui internet, salah satunya yaitu web-based GIS atau lebih dikenal dengan sebutan WebGis. Teknologi WebGIS memungkinkan penggabungan data spasial . eperti lokasi distribusi, wilayah penjuala. dengan data non-spasial . eperti data demografi, angka penjuala. , yang memfasilitasi pandangan yang holistik tentang pasar. Integrasi ini mendukung segmentasi pasar yang lebih baik, analisis tren, dan perencanaan strategis (Peng. , & Tsou. ,2. WebGIS juga menawarkan alat yang kuat untuk visualisasi dan analisis data, seperti peta panas, clustering, dan analisis buffer. Alat-alat ini membantu mengidentifikasi pola penjualan, area berkinerja tinggi, dan zona potensial untuk ekspansi. (Andrienko. , & Andrienko. ,2. WebGIS memfasilitasi perencanaan dan optimasi rute distribusi dengan mempertimbangkan faktor geografis dan operasional. Optimasi ini tidak hanya meningkatkan efisiensi operasional tetapi juga mengurangi biaya distribusi dan meningkatkan layanan pelanggan. (Miller. , & Shaw. ,2. Implementasi teknologi terbaru seperti cloud computing dan API peta meningkatkan skalabilitas dan aksesibilitas sistem WebGIS, memastikan bahwa data dapat diakses dan dianalisis secara real-time dari berbagai lokasi. ( Armbrust. , et al. ,2. Dikutip hari halaman website resmi PT. UltraJaya Milk . secara umum PT. Ultrajaya Milk berperan sebagai pemain utama dalam industri susu cair di Tanah Air. Hal ini dibuktikan dengan pencatatan kapasitas produksi yang mencapai 1juta liter tiap harinya. Dengan hal ini, total Volume 5. Nomor 1. Juni 2024 produksi perusahaan telah menyerap setidaknya lebih dari 90% di pasar domestik. Rencana Ultrajaya Milk dalam jangka panjang akan memperluas jaringan distribusi sebanyak 125. 000 toko ritel melalui 50 distributor yang tersebar di seluruh Indonesia. Perusahaan UltraJaya Milk terutama untuk karyawan di bidang sales masih menggunakan cara lama untuk mencatat data lokasi toko agen yang baru dibuka atau belum menjual produk UltraJaya Milk ditoko tersebut serta dalam pengimputan PO (Purchase Orde. toko yang masih menggunakan kertas. Sehingga data-data toko yang baru dan laporan PO toko yang akan membeli produk ultra milk yang dilaporkan ke dalam perusahaan menjadi kurang efektif dan memperlambat waktu. Dari uraian permasalahan diatas maka solusi yang dilakukan untuk meminimalisirkan kesalahan dalam pecatatan lokasi toko-toko baru agen agar menjadi lebih efektif dan efisien. Maka, dirancangkan aplikasi suatu Sistem Informasi Geografis berbasis Web untuk membantu karyawan sales dalam melakukan pencatatan yang akan diinput secara modern dengan pemetaan lokasi Toko Retail Agen yang tersebar didaerah Jakarta Selatan. Integrasi WebGIS ke dalam sistem informasi pemasaran menawarkan keunggulan kompetitif yang signifikan, termasuk peningkatan efisiensi operasional dan pengambilan keputusan berbasis data yang lebih akurat. Integrasi ini mendukung PT. UltraJaya Milk dalam mengoptimalkan rute distribusi, memahami tren pasar, dan meningkatkan strategi pemasaran secara (Laudon. , & Laudon. ,2. METODE PENELITIAN Model waterfall adalah model klasik yang bersifat sistematis, berurutan dalam membangun Nama model ini sebenarnya adalah Linear Sequential Model. Model ini sering disebut juga disebut dengan classic life cycle atau metode waterfall. Model ini termasuk ke dalam model generik pada rekayasa perangkat lunak dan pertama kali diperkenalkan oleh Winston Royce sekitar tahun 1970 sehingga sering dianggap kuno, tetapi merupakan model yang paling banyak dipakai dalam Software Engineering (SE). Model ini melakukan pendekatan secara sistematis dan berurutan. Tahapan-tahapan pada Waterfall: Reqruitments System dan sofware design Implemantation Testing Maintenance Volume 5. Nomor 1. Juni 2024 HASIL DAN PEMBAHASAN Perancangan Perancangan sistem merujuk pada proses merancang atau merencanakan struktur, komponen, dan fitur-fitur sistem secara keseluruhan sebelum sistem tersebut dikembangkan atau diimplementasikan. Hal ini melibatkan pemikiran dan analisis yang cermat terhadap kebutuhan dan tujuan sistem, serta merancang solusi yang efisien dan efektif untuk mencapai tujuan tersebut. Analisa Sistem Berjalan Penulis harus mengetahui alur proses tentang sistem pencatatan data PO toko yang digunakan saat ini pada PT. UltraJaya Milk. Berikut proses pencatatan data toko dan PO toko pada use case sistem berdasarkan referensi dari Sommerville . dan Pressman. Gambar 1. Use Case Diagram Sistem Berjalan Perancangan Sistem Usulan Setelah mengetahui dan menganalisa dari sistem yang sedang berjalan maka perlu dilakukan perbaikan sistem guna memperoleh sebuah sistem yang lebih baik. Berikut ini adalah UML sistem usulan: Use Case Diagram Use Case Diagram mendeskripsikan sebuah interaksi antara satu atau lebih actor dengan sistem informasi yang akan dibuat. Use case di gunakan untuk mengetahui siapa saja yang berhak masuk ke dalam sebuah sistem. Volume 5. Nomor 1. Juni 2024 Gambar 2. Use Case Diagram Sistem Usulan Activity Diagram Activity diagram digunakan untuk model perilaku dalam proses bisnis, dalam berbagai hal activity diagram dapat dipandang sebagai diagram aliran data yang canggih, dapat digunakan dalam hubungan analis terstruktur. Dalam diagram ini akan digambarkan berbagai aliran activity diagram dalam sistem, yang bertujuan untuk mengetahui alur proses pada sistem yang diusulkan. Berikut adalah activity diagram yang mengacu pada setiap deskripsi use case yang dibuat sebelumnya. Activity Diagram Admin Gambar 3. Activity Diagram Login Admin Activity Diagram Sales Activity diagram login sales yang sudah mempunyai Username dan Password yang telah dibuat oleh Users, lalu sales login dan sistem menampilkan dasboard sales. Jika login gagal maka akan menampilkan notifikasi AuLogin gagalAy dan akan kembali ke menu login awal. Volume 5. Nomor 1. Juni 2024 Gambar 4. Activity Diagram Login Sales Class Diagram Class diagram adalah model statis yang menggambarkan struktur dan deskripsi class hubungannya antara class. Berikut class diagram sistem usulan yang dibuat : Gambar 5. Class Diagram Deylopyment Diagram Deylopment diagram pada sistem informasi ini membutuhkan web dan database untuk mengambil, menyimpan, dan mengirim data. Lalu ada client atau konsumen yang menggunakan laptop untuk mengambil data harus terkoneksi dengan internet. Volume 5. Nomor 1. Juni 2024 Gambar 6. Deylopyment Diagram Package Diagram Package diagram biasanya digunakan untuk mengambarkan tingkat organisasi yang tinggi dari suatu proyek software. Atau dengan kata lain untuk menghasilkan diagram ketergantungan package untuk setiap package dalam pohon model. Gambar 7. Package Diagram Hasil Tampilan Antar Muka Hasil tampilan antarmuka dalam konteks skripsi atau proyek yang berkaitan dengan pengembangan perangkat lunak atau aplikasi merujuk pada hasil visual dari antarmuka pengguna yang telah dirancang dan diimplementasikan. Antarmuka pengguna (UI - User Interfac. adalah bagian dari suatu sistem perangkat lunak atau aplikasi yang berinteraksi langsung dengan pengguna. Volume 5. Nomor 1. Juni 2024 Tampilan Login Gambar 8. Tampilan Halaman Login Admin Tampilan Dashboard Halaman dashboard adalah tampilan utama aplikasi yang memberikan ringkasan visual tentang Master data titik pusat, data toko, data kategori, data barang, pesan barang, peta persebaran toko, laporan, data user. Gambar 9. Tampilan Halaman Utama Admin Tampilan Titik Pusat Halaman data titik pusat pada tampilan ini daerah data toko yang sudah terdata oleh admin dan tidak bisa diubah oleh user. Data ini hanya bisa dilihat untuk satu user Gambar 10. Tampilan Titik Pusat Admin Volume 5. Nomor 1. Juni 2024 Tampilan Data Toko Halaman ini menampilkan data toko yang sudah diinput oleh user. Disini terdapat id toko, nama toko, telepon, garis lintang , garis bujur, dan link untuk melihat lokasi toko. Jika user ingin menambahkan toko maka user bisa memilih button tambah toko. Gambar 11. Form Data Toko Tampilan Data Kategori Halaman ini menampilkan data kategori yang telah input oleh admin. Dihalaman ini berisi ID. Nama Toko. Telepon. Gris Lintang. Garis Bujur, dan edit. Gambar 12. Master Data Toko Tampilan Data Barang Halaman ini terdapat list barang yang sudah terinput oleh admin yang berisi Kode Toko. Nama Barang. Satuan barang berupa Pc/Karton, harga barang, dan status aktif atau tidaknya barang. Volume 5. Nomor 1. Juni 2024 Gambar 13. Master Data Barang Tampilan Pesan Barang Halaman ini Pesan Barang Toko yang bisa diinput oleh Admin/User yang telah diminta toko, disini berisi barang yang sudah dipesan toko terdapat ID toko. Kode Toko. Tanggal pemesanan, dan edit. Gambar 14. Data Pesanan Barang Tampilan Peta Persebaran Toko Pada halaman ini terlohat peta persebaran toko yang sudah diinput. Dimana peta ini menampilkan titik toko didaerah Jakarta Selatan. Volume 5. Nomor 1. Juni 2024 Gambar 15. Peta Persebaran Toko Tampilan Cetak Laporan FPB (Form Pesan Baran. Toko Tampilan cetak laporan pembelian adalah format yang menampilkan informasi terkait transaksi Laporan ini mencakup data seperti Id fpb, tanggal, toko, id barang, nama barang, satuan, harga, qty, total. Gambar 16. Laporan Form Pesan Barang Toko Volume 5. Nomor 1. Juni 2024 Tampilan Laporan Persebaran Toko Tampilan cetak laporan penjualan adalah format yang menampilkan informasi terkait transaksi Laporan ini mencakup data seperti ID Titik Pusat, nama titik, id toko, nama toko, garis lintang, garis bujur. Gambar 17. Laporan Persebaran Toko Tampilan Data User Halaman data user yang telah diinput admin untuk user mempunyai username dan password ketika login ke halaman aplikasi web nantinya. Gambar 18. Data User Volume 5. Nomor 1. Juni 2024 Kesimpulan Hasil Pengujian Black Box Berikut adalah kesimpulan dari hasil pengujian-pengujian black box yang telah dijelaskan Halaman Login: Semua skenario pengujian pada halaman login telah berhasil berjalan dengan baik. Fungsionalitas login, validasi input, dan tampilan pesan kesalahan berjalan sesuai harapan. Halaman Data Toko: Tombol tambah, detail, dan hapus data toko berjalan sesuai harapan. Validasi input pada tombol tambah dan detail berhasil mencegah input data yang tidak Data toko ditampilkan dan dikelola dengan benar. Halaman Pesan Barang : Tombol tambah, pilih barang, quantity, harga, dan edit data pesan barang bekerja dengan Data pesan barang ditampilkan dengan benar dan fungsionalitasnya berjalan sesuai Halaman Laporan Persebaran Toko: Opsi pemilihan jenis laporan, pilih view, tampilkan, cetak berjalan sesuai harapan. Halaman Laporan FPB (Form Pesan Baran. : Opsi pemilihan jenis laporan, pilih periode tanggal, tampilkan, cetak berjalan sesuai harapan. SIMPULAN Setelah melalui serangkaian proses analisa, perancangan sistem dan uji coba dalam membuat aplikasi Berbasis WebGis ini, dapat diambil kesimpulan yakni user akan lebih mempermudah karyawannya dalam penginputan data dilapangan dan pengolahan data yang dilakukan admin menjadi lebih efisien dan menghemat biaya pengeluaran kertas untuk laporan. Dengan memanfaatkan Google Maps aplikasi berbasis WebGis ini dapat memperlihatkan titik persebaran toko yang ada didaerah Jakarta Selatan beserta data tokonya, dan pencatatan PO toko dapat dilakukan dengan menggunakan aplikasi tanpa harus mencatat dengan manual atau menggunakan Aplikasi Sistem Informasi Pemasaran Berbasis WeGis ini menggunakan database MySQL sebagai penyimpanan data sehingga User dapat menambah titik lokasi toko dan pesanan toko lebih Volume 5. Nomor 1. Juni 2024 DAFTAR RUJUKAN Abdulloh. , 7 In 1 Pemrograman Web Untuk Pemula. PT. Elex Media Komputindo. Jakarta. Ambarita. Analisis dan Pengembangan Sistem Informasi Pendekatan Model Driven, 1 . Gosyen Publishing. Jakarta. Andalas Rivaldi Permana. Barry Ceasar Octariadi. Syarifah Putri Agustini Alkadri. AuData Mining Menggunakan Algoritma Apriori Terhadap Penjualan Barang Di Toko BangunanAy. JUTECH : Journal Education and Technology. Vol. 3 No. 2, hal. Ayu. dan Permatasari. AuPerancangan Sistem Informasi Pengolahan Data PKL (Praktek Kerja Lapanga. di Devisi Humas Pada PT PegadaianAy. Jurnal Intra Tech. Vol. 2 No. 2, hal. 12Ae26. Azhar. Sistem Informasi Akuntansi. Lingga Jaya. Bandung. Bachtiar. dan Sumaryana. AuSistem Pengolahan Rekam MedisAy. Jurnal Manajemen dan Teknik Informatika (JUMANTAKA). Vol. 1 No. 1, hal. 351Ae360. Ekadinata. Dewi. Hadi. Nugroho. dan Johana. Sistem Informasi Geografis untuk Pengelolaan Bentang Lahan Berbasis Sumber Daya Alam. ICRAF Southeast Asia. Bogor. Enterprise. CorelDRAW 2018 Komplet. Elex Media Kompuntindo. Jakarta. Fritz Gamaliel. Yudi Dwi Arliyanto. AuPerancangan Aplikasi Ujian Online Berbasis WebsiteAy. JUTECH : Journal Education and Technology. Vol. 2 No. 2, hal. Handayani. AuPerancangan Sistem Informasi Penjualan Berbasis E-Commerce Studi Kasus Toko Kun JakartaAy. ILKOM Jurnal Ilmiah. Vol. 10 No. 2, hal. 182Ae189. Hanifah. AuApa itu Balsamiq MockupAy, prakerinmalang, tersedia https://prakerinmalang. com/2015/12/08/apa-itu-balsamiq- mockup/. Imron. Nurhayati. dan Setiani. AuPerancangan Aplikasi Purchase Order Berbasis Web pada PT Intradita Prosimpex JakartaAy. Indonesian Journal of Networking and Security (IJNS). Vol. 7 No. 3, hal. 41Ae48. Mulyadi dan Fahriana. Supervisi Akademik : Konsep. Teori. Model Perencanaan, dan Implikasinya. Madani. Malang. Mustofa. Aditya. dan Sutanta. AuSistem Informasi Geografis Partisipatif (SIG-P) untuk Menuntaskan Pemetaan Bidang Tanah: Peluang dan TantanganAy. The 2nd CGISE (Conference on Geospatial Information Science and Engineerin. AuMenuju Pengelolaan Informasi Secara SpasialAy. Noer. Ramadhan. dan Hendrawan. AuSub Sistem Penerimaan Peserta Didik Baru (PPDB) di SMK MJPS 3 Kota TasikmalayaAy. Jurnal Teknik Informatika (JUTEKIN). Vol. No. 1, hal. 41Ae50. Volume 5. Nomor 1. Juni 2024 Pressman. Rekayasa Perangkat Lunak: Pendekatan Praktisi Buku I. Andi. Yogyakarta. Purbadian. Trik Cepat Membangun Aplikasi Berbasis Web dengan Framework CodeIgniter. Andi Offset. Yogyakarta. Razi. Mutiaz. dan Setiawan. AuPenerapan Metode Design Thinking pada Model Perancangan UI/UX Aplikasi Penanganan Laporan Kehilangan dan Temuan Barang TercecerAy. Demandia: Jurnal Desain Komunikasi Visual. Manajemen Desain, dan Periklanan. Vol. 3 No. 2, hal. 219Ae237. Rizka Amalia. Syarifah Putri Agustini Alkadri. Barry Ceasar Octariadi. AuAplikasi Peramalan Stok Barang Retail Menggunakan Metode Trend Moment Pada Toko RizkaAy. JUTECH : Journal Education and Technology. Vol. 3 No. 1, hal. Rosa. dan Shalahuddin. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Informatika Bandung. Bandung. Siahaan. dan Sianipar. Tutorial Pemograman Java Untuk Pemula. Balige Publishing. Jakarta. Siahaya. Sukses Supply Chain Management Akses Demand Chain Management. In Media. Jakarta. Sommerville. Software Engineering . th ed. Addison-Wesley. Supono dan Putratama. Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. Deepublish. Yogyakarta. Suri. dan Puspaningrum. AuSistem Informasi Manajemen Berita Berbasis WebAy. Jurnal Teknologi Dan Sistem Informasi. Vol. 1 No. 1, hal. 8Ae14. Sutabri. Sistem Informasi Manajemen (Edisi Revis. Andi. Yogyakarta. Sutabri. Analisis Sistem Informasi. Andi. Yogyakarta. Utami. dan Asnawati. Rekayasa Perangkat Lunak. Deepublish. Yogyakarta.