Seminar Nasional Teknologi Informasi dan Multimedia 2017STMIK AMIKOM Yogyakarta, 4 Februari 2017

ISSN : 2302-3805

4.7-49

PERANCANGAN SISTEM E-GROCERY PADA MINIMARKET XYZPONTIANAK MENGGUNAKAN SCRUM METHODOLOGY

Utin Kasma 1), Windy Agasia 2)

1), 2) Sistem Informasi STMIK PontianakJalan Merdeka No 372 Pontianak

Email : utin.kasma@yahoo.co.id1), windy.agasia@yahoo.com2)

Abstrak

Penelitian ini dilakukan pada Minimarket XYZPontianak dengan permasalahan adalah keterbatasanjangkauan penjualan produk kepada konsumen danpersaingan kompetitif. Penulis merancang sistem e-grocery yaitu merupakan aplikasi yang mampumenawarkan produk bahkan promosi produk berbasiswebsite kepada konsumen. Pada penelitian ini, penulismenggunakan metode Agile yaitu dengan pendekatanScrum Methodology dengan instrument penelitianmenggunakan wawancara dan observasi. Perangkat alatanalisis yang digunakan adalah Unified ModelingLanguage (UML), bahasa pemrograman yangdigunakan adalah PHP dan database MySQL.Penelitian ini menghasilkan rancangan websitee-grocery dengan penawaran produk, kapabilitasmanajemen perusahaan terhadap konsumen sertamemberikan kemudahan kepada konsumen dalamberbelanja. Penulis melihat bahwa peluang penerapane-grocery dalam memasarkan dan menjual produksangatlah besar. Perancangan sistem E-Grocery jugamenghasilkan beberapa model UML seperti diagram usecase dan diagram sequence.

Kata kunci—e-grocery, Scrum Methodology, UML,PHP, MySQL

1. Pendahuluan

Sistem penjualan semakin berkembang pesat danpersaingan juga semakin ketat sehingga memaksa pihakpedagang mengembangkan sistem penjualan. Salah satusistem penjualan yang sedang marak digunakan adalahe-grocery. E-Grocery merupakan model bisnis yangmenerapkan teknologi informasi untuk menjalinhubungan komunikasi melakukan transaksi denganpelanggan mengenai produk, layanan dan sistemdistribusi melalui media internet [1]. E-grocery mengacupada industri grosir yang menerapkan sistem penjualansecara online dimana konsumen dapat melakukanpemesanan, memilih dan melakukan pembayaran daribarang yang dibeli secara online. Hal ini memberikankemudahan bagi konsumen dalam berbelanja barang-barang yang dibutuhkan. Pemesanan secara onlinedilakukan melalui situs e-commerce atau aplikasimobile. Sistem e-grocery merupakan sistem yang sangatekstrim dan sensitif, karena perlu adanya ketepatanpenjadwalan dari waktu penyampaian produk ke

pelanggan hingga ketepatan stok di gudang denganmempertimbangkan daya tahan produk yang memilikijangka waktu yang pendek sehingga mudah rusak [2].

Perancangan sistem e-grocery menggunakan modellinear sequential dengan pendekatan berorientasi objek.Hasil perancangan sistem e-grocery terdiri dari bagianfront-end dan sistem manajemen konten dan secaraspesifk meniadakan perantara, mengurangi biayapembuatan, pengiriman, dan kemudahan pendistribusianproduk. Adapun keuntungan yang bisa didapatkankonsumen dalam menggunakan e-grocery adalahpembayaran dapat dilakukan dengan transfer bank viaATM serta mobile banking. Untuk konsumen tertentu(langganan atau konsumen yang dikenal), pihakminimarket menerapkan sistem pembayaran yang bisadilakukan setelah barang diterima oleh konsumen atauCash On Delivery (COD). Sistem e-grocery memilikibanyak manfaat untuk konsumen, terutama dalam halkenyamanan dalam berbelanja dan dapat menghematwaktu dalam proses transaksi bisnis. Oleh Karena itu,Minimarket XYZ Pontianak sebagai sebuah minimarketyang menjual produk kebutuhan sehari-hari mencobauntuk menerapkan sistem e-grocery agar dapatmembantu pihak minimarket dalam bersaing denganminimarket-minimarket atau toko-toko modern lainnyadalam memperluas pangsa pasar dan menarik minatkonsumen dalam berbelanja.

Sistem penjualan yang dilakukan oleh Minimarket XYZPontianak selama ini masih konvensional dimanakonsumen datang langsung ke minimarket untukmemilih dan membeli produk yang dibutuhkan. Denganadanya sistem e-grocery maka konsumen yang akanmembeli barang dalam jumlah tertentu dapatmemanfaatkan jaringan internet yang terhubung kewebsite untuk memilih barang yang akan dibeli danmemasukkan ke keranjang virtual yang kemudian akandiproses oleh pihak Minimarket XYZ Pontianak dankemudian dikirim ke alamat konsumen setelahkonsumen tersebut melakukan pembayaran. Sistempembelian ini tentunya akan memanfaatkan pembayaranvia transaksi ATM, mobile banking atau pembayaranditempat setelah barang sampai di rumah konsumen.Penerapan sistem e-grocery ini diharapkan dapatmemberikan kemudahan pada konsumen dalamberbelanja serta memberikan kemudahan bagiMinimarket XYZ Pontianak dalam proses penjualannya.Sebelumnya, penelitian yang berkaitan dengan e-grocery

Seminar Nasional Teknologi Informasi dan Multimedia 2017STMIK AMIKOM Yogyakarta, 4 Februari 2017

ISSN : 2302-3805

4.7-50

pernah dilakukan. Penelitian ini membahas tentangpembuatan sistem e-grocery untuk memperlancarpendistribusian produk [3]. Adapun tujuan daripenelitian tersebut adalah menghasilkan sistem e-groceryuntuk memperlancar aliran informasi melalui integrasedatabase terkait semua dokumen penjualan dan prosespengiriman dalam mendistribusikan produk kepadapelanggan. Sasaran penelitian tersebut lebih kearahmemperluas pangsa pasar melalui mekanisme penjualandan pendistribusian produk kepada setiap pelanggan.

Bentuk penelitian ini adalah studi kasus dengan metodepenelitian Research and Development (R&D) yangmerupakan metode yang secara sengaja, sistematis,bertujuan/diarahkan untuk mencaritemukan,merumuskan, memperbaiki, mengembangkan,menghasilkan, menguji keefektifan produk, modelmetode/strategi/cara, jasa, prosedur tertentu yang lebihunggul, baru, efektif, efisien, produktif dan bermakna[4]. Research and Development (R&D) mencaritemukankebaruan dan keunggulan dalam rangka efektivitas,efisiensi, dan produktivitas. Instrumen penelitiandilakukan dengan teknik wawancara dan observasi.Metode analisis dan perancangan sistem menggunakanScrum Methodology. Siklus hidup proyek merupakan intidari Scrum Methodology yang terdiri atas 4 (empat)tahapan, yaitu Product Backlog, Sprint Backlog, ScrumMeetings dan Demos [5]. Perangkat analisis danpermodelan sistem yang digunakan adalah UML(Unified Modeling Language). UML menyediakan 7jenis diagram yang dapat dikelompokkan berdasarkansifatnya statis atau dinamis, seperti use case diagram,activity flow diagram, statechart diagram, collaborationdiagram, sequence diagram, class diagram, dan objectdiagram [6]). Sedangkan bahasa pemrogramanmenggunakan PHP: Hypertext Prepocessor (PHP) dandatabase My Structured Query Language (MySQL).PHP merupakan bahasa interpreter yang mirip denganBahasa C dan Perl yang memiliki kesederhanaan dalamperintah. PHP dapat digunakan bersama dengan HTMLsehingga memudahkan dalam pembangunan aplikasiweb dengan cepat. PHP dapat digunakan untuk meng-update basis data dan menciptakan basis data [7]. Salahsatu kelebihan dari PHP adalah kemampuan untuk dapatmelakukan koneksi dengan berbagai database, sepertiMySQL, PostgreSQL, dan Access sehingga sangatcocok jika digunakan untuk aplikasi e-commerce sepertishopping online.

2. Pembahasan

Dalam merancang website e-grocery, penulismenggunakan Scrum Methodology. Scrum Methodologymenarik untuk digunakan karena scrum lebih condongpada cara mengelola proyek secara praktikal (practicalprocess model). Scrum menuntun tim proyek untukmelakukan hal-hal yang perlu dan menyarankan hal-halyang tidak perlu dalam menginspeksi proses danmelakukan adaptasi terus menerus untuk menyetir arahdari proses. Siklus hidup proyek merupakan inti dari

Scrum Methodology yang terdiri atas 4 (empat) tahapan,yaitu : a) Product Backlog, yang merupakan daftarprioritas kebutuhan proyek atau fitur yang memberikannilai bisnis kepada pelanggan. Product Backlogmencakup kebutuhan pengguna sistem yaitu pihak tokosebagai penyedia barang dan pihak konsumen sebagaipembeli barang. b) Sprint Backlog. Aktifitas SprintBacklog merupakan unit pekerjaan yang diperlukanuntuk memenuhi kebutuhan yang ditetapkan dalambacklog sesuai dengan waktu yang ditetapkan dalamtime-box (biasanya 30hari). Selama proses iniberlangsung backlog tidak ada penambahan.Pengembangan e-grocery diperlukan tiga timpengembang yaitu, programmer, designer dan tester.Tugas programmer adalah membuat sistem e-grocerydengan penguasaan dibidang pemrograman berbasis webyaitu PHP dan menguasai database MySQL. Designermemiliki tugas mendesain interface dari e-grocery yangakan dihasilkan dengan menguasai tools untuk designerdan harus memahami secara detil kebutuhan daripembuatan sistem e-grocery. Sedangkan tester bertugasmelakukan pengujian terhadap sistem yang telahdikerjakan oleh programmer dan designer. c) ScrumMeetings. Aktifitas Scrum Meeting merupakanpertemuan yang rutin dilakukan perhari untuk evaluasiapa yang dikerjakan, hambatan yang ada, dan targetpenyelesaian untuk bahan meeting selanjutnya. Aktivitasmeeting telah dilakukan secara rutin selama prosespembuatan sistem e-grocery terutama yang pada saatmerancangan interface yang dilakukan oleh designer.d) Demos. Aktifitas Demo adalah penyerahan softwareincrement ke klien didemonstrasikan dan dievaluasi olehklien. Pada penelitian ini penulis tidak sampai kepadatahap demontrasi software. Hal ini dikarenakan hasil daripenelitian tidak diimplementasikan secara nyata dansetiap data yang ada hanya bersifat fiktif.

Perancangan arsitektur mempresentasi framework darisistem perangkat lunak yang dibangun. Deskripsiarsitektur mengadopsi spesifikasi sistem, model analisis,dan interaksi subsistem yang telah didefenisikan padatahap analisis. Pada gambar dijelaskan bahwa Adminberwenang melakukan serangkaian kegiatan pengelolaanpesanan konsumen, akses database, dan akses serverweb. Website e-grocery Minimarket XYZ Pontianakmenyediakan menu yang bisa digunakan oleh konsumenyang akan berbelanja dengan memilih produk yangdiinginkan serta dapat melakukan kegiatan lain yangterkait dengan produk dan tata cara pembayaran padaMinimarket XYZ Pontianak.

Seminar Nasional Teknologi Informasi dan Multimedia 2017STMIK AMIKOM Yogyakarta, 4 Februari 2017

ISSN : 2302-3805

4.7-51

Gambar 1. Arsitektur Website e-grocery

Perancangan arsitektur jaringan dimaksudkan untukmemberikan gambaran dari kebutuhan hardware jaringandan model dari arsitektur jaringan yang mendukungdalam penerapan website pada Minimarket XYZPontianak. Berikut ini adalah gambaran dari arsitekturjaringan.

Gambar 2. Arsitektur Jaringan

Pada gambar ini, terlihat bahwa user harus terhubung keinternet agar bisa mengakses website Minimarket XYZPontianak yang disediakan oleh admin web danpimpinan melalui web server mereka. Penggunaanfirewall diperuntukkan agar website terbebas dariserangan jaringan oleh pihak yang tidak berwenang.

Strategi dalam tahapan perancangan website e-grocerymengacu pada perancangan berbasis obyek. Dalampenelitian ini penulis menggunakan Unified ModelingLanguage (UML). Diagram Use case menjelaskanmanfaat sistem jika dilihat menurut pandangan orangyang berada di luar sistem atau actor. Pada diagram Usecase pengelolaan konten website minimarket terdiri dariadmin, pelanggan dan guest. Actor admin bertugas untukmemanajemen isi dari website secara keseluruhan. Actorpelanggan memanajemen isi dari profil sendiri, melihatpromosi khusus, memesan barang dan melakukankonfirmasi pembayaran. Sedangkan actor guest adalahpengunjung website yang ingin mendapatkan informasiproduk. Diagram ini menunjukkan fungsionalitas suatusistem atau kelas dari bagaimana sistem berinteraksidengan dunia luar.

admin

Kelola Nota

Kelola Transfer

Kelola Halaman Statis

Kelola Pelanggan

Kelola Kategori Barang

Kelola Barang

Login Admin

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

pelanggan

Promosi

Order Barang

Confirmasi Pembayaran

Print Order

<<extend>>

Print Confirmasi

<<extend>>

Login Pelanggan<<include>>

<<include>>

<<include>>

Gambar 3. Use case diagram Pengelolaan KontenWebsite

Diagram Sequence menggambarkan interaksi antar objekdi dalam dan di sekitar sistem (termasuk pengguna,display, dan sebagainya) berupa message yangdigambarkan terhadap waktu. Diagram Sequencedigunakan untuk menggambarkan skenario ataurangkaian langkah-langkah yang dilakukan sebagairespons dari sebuah event untuk menghasilkan outputtertentu. Pada diagram sequence login menunjukkanbahwa admin harus memasukkan username danpassword di form login. Pada proses login, akandilakukan validasi user dengan mengambil username danpassword yang dimasukkan tadi. Setelah melalui tahapproses login dan berhasil dieksekusi, admin akanterhubung dengan sistem.

: admin

: Form Login<<boundary>>

: Proses Login<<control>>

: Data User<<entity>>

1 : Open()

2 : masukan username dan password()

3 : validasi user()

4 : Get username dan password()5 : Terhubung pada sistem()

6 : Eksekusi proses()

7 : Eksekusi query()

8 : Hasil()

Gambar 4. Diagram Sequence Login

Pada diagram Sequence Order barang, konsumenmengisikan data order dan add data order ke Form orderbarang. Form order barang mengirimkan pesan berupaget data order pada Form Control Order kemudianmelakukan cek validasi. Form control order mengirimpesan pada form order barang untuk menampilkan pesanerror apabila data member tidak cocok, jika benar makacontrol barang mengirim pesan cek koneksi ke form dataorder. Control order akan mengirim pesan ke form orderbarang berupa tampilan sukses dan control ordermengirimkan pesan save ke data order.

Seminar Nasional Teknologi Informasi dan Multimedia 2017STMIK AMIKOM Yogyakarta, 4 Februari 2017

ISSN : 2302-3805

4.7-52

Gambar 5. Diagram Sequence Order Barang

Berikut ini merupakan rancangan halaman utama sisteme-grocery Minimarket XYZ Pontianak. Terdapatbeberapa menu yaitu menu home yang berisi halamanutama website, menu informasi, keranjang, invois,konfirmasi dan promosi. Pada rancangan ini dibagimenjadi beberapa bagian yaitu bagian header, bagianfooter, bagian menu atas, bagian menu kiri dan bagiantengah. Pada bagian kiri ada form Login dan MainMenu. Form login digunakan oleh konsumen untukmasuk ke sistem e-grocery Minimarket XYZ Pontianak.Main Menu digunakan oleh konsumen untuk memilihjenis produk yang diinginkan.

Gambar 6. Rancangan Form Halaman Utama

Rancangan form login konsumen digunakan olehkonsumen untuk masuk ke sistem e-grocery untuk prosespemesanan barang. Rancangan form login konsumendibuat untuk memberikan akses lebih ke website bagipara konsumen yang ingin belanja. Akses ini meliputi tatacara pembayaran secara online dan sebagainya.

Gambar 7. Rancangan Form Login konsumen

3. Kesimpulan

Penerapan sistem e-grocery dalam penjualan dapatmembantu Minimarket XYZ Pontianak dalammemperluas pangsa pasar, tidak hanya untuk konsumenyang berdomisili dekat dengan minimarket namun jugadapat menjangkau konsumen yang berdomisili jauh darilokasi minimarket. Penerapan sistem e-grocery jugamembantu Minimarket XYZ Pontianak dalam bersaingsecara kompetitif. Penawaran dan pemasaran produkbaru juga lebih mudah serta menginformasikan promosi-promosi yang sedang berlangsung pada MinimarketXYZ Pontianak. Pihak Minimarket XYZ Pontianak jugadapat mengetahui apa saya kebutuhan produk konsumenyang belum tersedia. Sistem e-grocery juga memberikankemudahan bagi konsumen dalam berbelanja dari rumahdan dimana saja sereta melakukan pembayaran melaluitransfer bank lewat ATM dan Cash On Delivery (COD).

Daftar Pustaka[1] Turban, E., King, D., & Lang, J, “Introduction to Electtronic

Commerce” (Third ed.), Prentice-Hall, Inc, 2010.[2] Barnett, Martin., dan Alexander, Paul, “The Seven-Step Model

for E-Grocery Fulfilment” School of Management InformationSystems, Perth, 2004.

[3] Kosasi, Sandy, “Pembuatan Sistem E-Grocery UntukMemperlancar Pendistribusian Produk” in Proc. SNATIF 2015,pp.199-206, September 12,2015.

[4] Putra, Nusa., “Research & Development Penelitian danpengembangan : Suatu Pengantar”, PT. RajaGrafindoPersada, Jakarta, pp. 67, Maret, 2015.

[5] Pressman, Roger S., “Software Engineering A Practitioner'sApproach”, edisi ketujuh, McGraw-Hill, New York. 2010.

[6] Rhem, Anthony J., “UML For Developing KnowledgeManagement System” Auerbach Publications, Taylor & FrancisGroup, Boca Raton New York, pp. 118, 2006.

[7] Iswanto., “Membangun Aplikasi Berbasis PHP 5 dan Firebird1.5” CV. ANDI Offset, Yogyakarta, pp. 2, 2007.

Seminar Nasional Teknologi Informasi dan Multimedia 2017STMIK AMIKOM Yogyakarta, 4 Februari 2017

ISSN : 2302-3805

4.7-53

Biodata Penulis

Utin Kasma, memperoleh gelar Sarjana Komputer(S.Kom), Jurusan Sistem Informasi STMIK Pontianak,lulus tahun 2001. Memperoleh gelar Magister Komputer(M.Kom) Program Pasca Sarjana Magister TeknikInformatika STMIK ERESHA Jakarta, lulus tahun2013.Saat ini menjadi Dosen di STMIK Pontianak.

Windy Agasia, memperoleh gelar Sarjana Komputer(S.Kom), Jurusan Sistem Informasi STMIK Pontianak,lulus tahun 2008. Memperoleh gelar Magister Komputer(M.Kom) Program Pasca Sarjana Magister TeknikInformatika STMIK ERESHA Jakarta, lulus tahun2013.Saat ini menjadi Dosen di STMIK Pontianak