Aplikasi Rantai Pasok Antar Outlet Berbasis Web Studi Kasus : Kopimade

Transkripsi

1 Aplikasi Ratai Pasok Atar Berbasis Web Studi Kasus : Kopimade Aak Agug Gede Agug M. A. agugmaha@studets.telkomuiversity.ac.id Ie Gartia H., S.Kom., M.T. Ie@tass.telkomuiversity.ac.id Hadi Prasetyo U, S.Kom., M.T. hadibaoe@gmail.com Program Studi Maageme Ifomatika Telkom Uiversity 205 Abstrak Kopimade adalah salah satu café yag mejual miuma kopi, berdiri sejak tahu 202 di daerah Reo Bali. Sampai saat ii, Kopimade memiliki outlet lagi di Jakarta Timur. Dega adaya outlet yag berjauha tersebut, terjadi proses pegadaa barag atar outlet. Hal itu terjadi karea ada beberapa barag yag haya tersedia di salah satu outlet. Dalam proses pegadaa barag yag dilakuka outlet Kopimade sampai saat ii belum adaya sistem yag medukug proses ii. Pegelolaa data pegadaa barag ii masih sagat maual. Mucul beberapa permasalaha yag terjadi seperti, pegirima barag yag tidak sesuai dega permitaa, catata permitaa masuk yag da catata yag tidak dapat terbaca karea rusak. Dari hal tersebut peulis igi membuat sebuah sistem yag dapat megelola data pegadaa barag, data persediaa barag da sistem yag mampu mecetak lapora sesuai periode yag diigika. Aplikasi ii dibagu megguaka bahasa pemrograma php, javascript, html da css dega database mysql. Metode pegerjaa yag diguaka yaitu SDLC (System Developmet Life Cycle) da utuk megujiya megguaka teori Black Box. Kata Kuci: Aplikasi Ratai Pasok Kopimade, SPC Kopimade Abstrack Kopimade, established i 202 i Reo, Bali, is oe of may cafe that sells coffee beverages. Util this time, Kopimade has other outlet i East Jakarta. With that outlet so far, there would be a cross-outlet procuremet process. This thig happes because there are some items those oly available i oe of the outlet. Util ow, there is o system, which is coducted by Kopimade, to support this process. Data processig ad items procurig still usig the traditioal-maual method. There are several problems appear, such as usuitable item delivery, missig, tucked or ureadable broke ivoice. From that reaso, writer wats to create a system that ca processes item procuremet data, ivetory data ad prits out a report from a requested time period. This applicatio is built o programmig laguage php, javascript, html ad css with mysql as database. Writer use SDLC (System Developmet Life Cycle) as workig method ad test the applicatio usig Black Box. Keywords: Supply Chai Aplicatio of Kopimade, SPC Kopimade

2 . Latar Belakag Kopimade adalah salah satu Café yag memiliki spesialis pejuala miuma berjeis kopi. Café ii didirika pada tahu 202 di daerah Reo Bali. Sampai saat ii Kopimade sudah memiliki 2 outlet yaitu di Bali da di Jakarta Timur. Bayak meu yag ditawarka oleh Kopimade seperti beraeka jeis miuma kopi, selai itu ada pula miuma selai kopi seperti Gree Tea Latte, Gree Tea Cream, Gree Lavachio, Flavor Tea Soda da masih bayak lagi miuma laiya. Kopimade juga meawarka beberapa meu makaa riga seperti Spagetti, Hot Dog, Burger ala Kopimade da Nasi Goreg ala Kopimade. Dega adaya outlet yag berjauha tersebut, terjadi proses pegadaa barag atar outlet. Hal itu terjadi karea ada beberapa barag yag haya tersedia di salah satu outlet. Atara outlet Bali da outlet Jakarta masig masig memiliki barag yag memag haya tersedia di masig masig outlet. Oleh karea itu muculah proses pegadaa barag atar outlet Kopimade. Dalam proses pegadaa barag yag dilakuka outlet Kopimade sampai saat ii belum adaya sistem yag medukug proses ii. Pegelolaa data pegadaa barag ii masih sagat maual. Mucul beberapa permasalaha yag terjadi seperti, pegirima barag yag tidak sesuai dega permitaa, catata permitaa masuk yag hilag atau terselip da catata yag tidak dapat terbaca karea rusak. Dari hal tersebut peulis igi membuat sebuah sistem yag dapat megelola data permitaa barag, data persediaa barag da sistem yag mampu mecetak lapora sesuai periode yag diigika. Dega adaya hal tersebut di atas, yag melatarbelakagi peulis utuk megusulka judul APLIKASI RANTAI PASOK ANTAR OUTLET BERBASIS WEB (Studi Kasus : Kopimade)..2 Rumusa Masalah Rumusa masalah yag mucul dari sistem ii adalah : a. Bagaimaa membuat aplikasi yag dapat megelola data permitaa atar outlet da pembuata daftar pemesaa ke supplier secara terkomputerisasi? b. Bagaimaa membagu aplikasi yag meghubugka outlet Bali da outlet Jakarta dalam melakuka permitaa barag da memproses permitaa tersebut? c. Bagaimaa membagu aplikasi yag dapat mecetak lapora sesuai periode yag dibutuhka?.3 Tujua Tujua dari sistem ii adalah : a. Membagu aplikasi yag dapat megelola data persediaa barag, data permitaa barag atar outlet da data pemesaa ke supplier secara terkomputerisasi. b. Membagu aplikasi yag dapat meghubugka outlet Bali da Jakarta dalam melakuka permitaa barag da memproses permitaa tersebut. c. Membagu sistem yag dapat melakuka pecetaka lapora sesuai periode yag dibutuhka..4 Batasa Masalah Batasa masalah proyek akhir ii meliputi: a. Proyek akhir ii haya membahas sampai proses testig dari keseluruha proses SDLC. b. Aplikasi yag dibuat utuk megelola data pemesaa, data persediaa, data barag masuk, data barag keluar da data pedukug proses pemesaa yag lai. c. Aplikasi ii haya membahas sampai megelola pemesaa atar outlet da pembuata pesaa ke supplier. d. Aplikasi ii tidak membahas trasaksi pembayara. e. Dalam proses pegelolaa pegelolaa pesaa dari outlet lai, outlet sebagai peyedia tidak berhak membatalka pesaa masuk. f. Pemesaa atar outlet haya dapat dilakuka dalam jagka waktu 3 hari setelah pembuata pesaa..5 Defiisi Operasioal a. Aplikasi ratai pasok atar outlet adalam aplikasi berbasis web yag memudahka outlet outlet studi kasus dalam melakuka pemesaa barag sesama outlet laiya. b. Kopimade adalah cafe yag bergerak dalam pejuala miuma spesialis kopi yag memiliki dua outlet di Jakarta Timur da daerah Bali. c. Bebrbasis Web adalah sistem yag berjala megguaka basis tekologi web browser

3 megguaka pegkodiga PHP da database MySQL..6 Tijaua Pustaka.6. Hyper Text Markup Laguage (HTML) HTML adalah sigkata dari Hypert Text Markup Laguage, yaitu bahasa (atura) stadar yag diguaka utuk meampilka teks, gambar, video, da audio ke dalam halama web. HTML merupaka file teks yag tersusu atas eleme-eleme yag disebut dega tag. Tag HTML diapit dega tada lebih kecil (<) da tada lebih besar (>), misalya: <html>, <head>, <body>, <p>, da lai-lai. Tag HTML ada yag memiliki pasaga, ada juga yag tidak. Jika suatu tag memiliki pasaga, maka tag peutup aka disertai dega tada slash (/), misalya: </html>, </head>, </body>, </p>, da lai-lai. atau file HTML dapat dibuat megguaka aplikasi Text Editor apa saja, da disimpa dega ekstesi.html atau.htm. [2].6.2 Cascadig Style Sheets (CSS) CSS adalah suatu bahasa yag bekerja sama dega dokume HTML utuk medefiisika cara bagaimaa suatu isi halama web ditampilka atau dipresetasika. Presetasi ii meliputi style atau gaya teks, lik, maupu tata letak (layout) halama. [2] Dega adaya tekologi seperti ii, kita dapat memilah atau memisahka atara kode utuk isi halama web da kode yag diperluka khusus utuk meagai tampila. Kode CSS tersusu atas selector da deklarasi. Selector adalah tag HTML yag aka diberi atau dikeai CSS, sedagka deklarasi adalah properti da ilai yag aka ditetuka utuk tag bersagkuta. [2].6.3 PHP HyperText Preprocessor (PHP) PHP adalah salah satu bahasa pemrograma skrip yag diracag utuk membagu aplikasi web. Ketika dipaggil dari web browser, program yag ditulis dega PHP aka di-parsig di dalam web server oleh iterpreter PHP da diterjemahka ke dalam dokume HTML, yag selajutya aka ditampilka kembali ke web browser. [3] Karea pemrosesa program PHP dilakuka di ligkuga web server, PHP dikataka sebagai bahasa sisi server (server-side). Oleh sebab itu, seperti yag telah dikemukaka sebelumya, kode PHP tidak aka terlihat pada saat user memilih peritah View Source pada web browser yag mereka guaka. Selai megguaka PHP, aplikasi web juga dapat dibagu dega Java (JSP JavaServer Pages da Servlet), Perl, maupu ASP (Active Server Pages). Pada umumya orag megguaka PHP utuk tujua pembuata aplikasi web..6.4 JavaScript JavaScript adalah bahasa yag diguaka utuk membuat program yag diguaka agar dokume HTML yag ditampilka dalam browser mejadi lebih iteraktif, tidak sekedar idah saja. JavaScript memberika beberapa fugsioalitas ke dalam halama web, sehigga dapat mejadi sebuah program yag disajika dega megguaka atarmuka web. [4].6.5 XAMPP XAMPP merupaka paket PHP da MySQL berbasis ope source yag dapat diguaka sebagai tool pembatu pegembaga aplikasi berbasis PHP. XAMPP megkombiasika beberapa paket peragkat luak berbeda ke dalam satu paket. [5].6.6 Apache Apache adalah sebuah ama web server yag bertaggug jawab pada request-respose HTTP da loggig iformasi secara detail. Selai itu Apache diartika sebagai suatu web server yag kompak, modular, da megikuti stadar protokol HTTP. [6].6.7 MySQL MySQL merupaka software yag tergolog sebagai DBMS (Database Maagemet System) yag bersifat Ope Source. Ope Source meyataka bahwa software ii dilegkapi dega source code (kode yag dipakai utuk membuat MySQL), selai itu tetu saja betuk executableya atau kode yag dapat dijalaka secara lagsug dalam sistem operasi, da bisa diperoleh dega cara me-dowload (meguduh) di iteret secara gratis. MySQL awalya dibuat oleh perusahaa kosulta berama TcX yag berlokasi di Swedia. Saat ii pegembaga MySQL berada di bawah auga perusahaa MySQL AB. [3].6.8 Eity Relatioship Diagaram (ERD) ERD diguaka utuk medokumetasika data perusahaa dega megidetifikasi jeis etitas (etity) da hubugaya. ERD merupaka suatu model jariga yag megguaka susua data yag disimpa pada sistem secara abstrak. ERD juga meggambarka hubuga atara satu etitas yag memiliki sejumlah atribut dega etitas yag lai dalam suatu sistem yag teritegrasi. ERD diguaka oleh peracag sistem utuk memodelka data yag atiya aka dikembagka mejadi basis data (database). Model data ii juga aka membatu pada saat melakuka aalisis da peracaga basis data, karea model data ii aka meujukka bermacam-macam data yag dibutuhka da hubuga atardata. [7].6.9 Data Flow Diagram (DFD) DFD merupaka alat utuk membuat diagram yag serbagua. DFD terdiri dari otasi peyimpaa data (data store), proses (process), alira data (flow data), da sumber masuka (etity). [7].6.0 Flowmap Flowmap merupaka baga alir yag meggambarka arus dokume-dokume da lapora-lapora termasuk tembusa-tembusaya pada sebuah program atau sistem secara logika. Flowmap medefiisika hubuga atara

4 Mulai Megetujui (ttd) (ttd) Melakuka Pemesaa Meeruska Cek Tersedia YA Pecatata Buat Tidak Melakuka Pemesaa Stok YA TIDAK bagia (pelaku proses), proses maual atau berbasis komputer da alira data (dalam betuk dokume keluara da masuka). [8].7.3 Sistem Berjala Proses Pegadaa Proses Pegadaa Stok Bagia Gudag Bagia Gudag Bagia Pembelia Supplier ( Pemesa) Mulai Faktur Pembelia Faktur Pembelia.7 Aalisis Sistem Berjala.7. Defiisi Stok Melimpah Dalam studi kasus Kopimade ditemukaya adaya istilah stok melimpah. Stok melimpah yag dimaksudka pada studi kasus meujuka stok dari suatu barag baha produksi yag tersimpa da memiliki stok yag bayak. Stok melimpah ii terjadi karea adaya pemesaa stok yag belum mecapai batas miimum stok da buka kurag dari batas miimum stok yag kemudia dipesa ke supplier. Stok melimpah ii bisa juga terjadi karea pegirima barag dari supplier yag telat atau lebih cepat dari perjajia sehigga stok sedikit demi sedikit aka bertambah da memiliki jumlah stok yag melimpah..7.2 Sistem Berjala Proses Pemesaa Proses Pemesaa Bagia Gudag ( Pemesa) ( Pemesa) Bagia Pembelia ( Pemesa) Bagia Gudag Bagia Pembelia Supplier Pecatata Masuk Masuk Cek Pemesaa Legkap Pecatata Buat Pecatata Masuk Masuk Peambaha Stok Gambar 3-2 Flowmap berjala Pegadaa.8 Aalisis Sistem Usula Berdasarka permasalaha yag terdapat pada studi kasus, aplikasi yag diusulka megguaka bahasa pemrograma HTML, PHP dega MySQL sebagai database-ya..8. Flowmap Usula utuk Permitaa Proses Pemesaa Bagia Gudag ( Pemesa) ( Pemesa) Bagia Gudag Mulai Dashboard Gambar 3- Flowmap berjala Pemesaa Pemesaa Ke Simpa Tampil Detil Tampil Approve Detil Detil Tambah Detil Simpa Data Iput Jumlah Kirim Check list barag Da iput jumlah Save Detil_Pesa a Simpa Detil Update Sed Simpa Update Cetak Gambar 3-3 Flowmap Usula Proses Permitaa

5 status tgl_tras keteraga barag #o_tras Trasaksi jumlah Peyedia Ket_peyedia Tgl_kirim Ket_pesaa Keteraga Peyedia Sesuai Status Alamat_Supplier #Kode_ Nama_ #o_kategori Tgl_Pesa #Kode_Ps Jumlah_stock #No_Supplier Detail Jeis Kategori_ Memiliki m telp_supplier o_stock Status #o_stok Nama_Supplier Satua am_satua Megirim Membuat userame m #o_satua keteraga User Memiliki telp_user Alamat_ password #Kode_ ama_user level_user No_Telp #id_user.8.2 Flowmap Usula utuk Pecetaka Lapora Proses Pecetaka Lapora.0 Peracaga Basis Data.0. Etity Diagram Relathioship Mulai Home Lapora Iputka Taggal, Bula da Tahu Klik Cetak Database KOMA Megambil data da Masuk Display Data Megirim Supplier Display Lapora Dega template Gambar 3-4 Flowmap Usula Proses Pecetaka Lapora.9 Aalisis Kebutuha Sistem Gambar 3-7 Etity Relatioship Diagram.9. Diagram Koteks pesaa(approve) Bagia persediaa Gudag pemesaa Dt_trasaksi_barag Dt_pesaa(semetara) Aplikasi Ratai Dt_persediaa Pasok Atar Bagia Pembelia pesaa(approve) persediaa outlet barag user. Implemetasi.. Implemetasi Basis Data Tabel 4- Struktur Tabel Lapora barag.9.2 DFD Level Tabel Trasaksi Dt_Tras_barag 6.0 Meyimpa Trasaksi Dt_jumlah_kirim Dt_detil_jumlah Dt_pesaa(approve) Bagia Gudag Dt_Tras_barag pesaa(semetara) Dt_pesaa(approve) Dt_barag Dt_user Dt_outlet Gambar 3-5 Diagram Koteks Tabel Detil Dt_detil_pesaa 5.0 Memproses ke Dt_pesaa(semetara) Dt_pesaa(approve) Dt_detil_pesaa 2.0 Tambah Detil Dt_barag.0 Buat Dt_pesaa(semetara) Tabel Dt_detil_pesaa 4.0 Memproses ke Supplier Dt_pesaa(approve) Admi Dt_pesaa_supplier Bagia Pembelia kode_brg char(0) No o_kategori it() No ama_brg varchar(50) No peyedia char(0) No Tabel 4-2 Struktur Tabel Trasaksi o_tras it() No tgl_tras date No barag char(0) No jumlah it() No status varchar(20) No keteraga varchar(50) No Tabel 4-3 Struktur Tabel Detil Dt_jumlah_barag Dt_pesaa(approve) 7.0 Update Dt_jumlah_barag Tabel Dt_pesaa(semetara) 3.0 Approve Dt_pesaa(semetara) Dt_pesaa(semetara) o_detil it() No kode_brg char(0) No Gambar 3-6 DFD Level kode_ps char(0) No jumlah_barag it() No jumlah_kirim it() No

6 Tabel 4-4 Sturktur Tabel Tabel 4-0 Struktur Tabel User kode_outlet char(0) No alamat_outlet varchar(0) No telp_outlet bigit(2) No Tabel 4-5 Struktur Tabel Kategori o_kategori it() No jeis varchar(20) No keteraga varchar(50) No Tabel 4-6 Structur Tabel o_stock it() No kode_brg char(0) No kode_outlet char(0) No jumlah_stock it() No o_satua it() No Tabel 4-7 Struktur Tabel kode_ps char(0) No pemesaa varchar(20) No tgl_pesa date No tgl_kirim date No status char(0) No id_user char(0) No ket_pesaa varchar(50) No peyedia char(0) No ket_peyedia varchar(50) No Tabel 4-8 Struktur Tabel Satua o_satua it() No ama char(0) No keteraga varchar(20) No Tabel 4-9 Struktu Tabel Supplier kode_supplier char(0) No ama_supplier varchar(20) No alamat_supplier varchar(50) No telp_supplier bigit(2) No outlet char(0) No id_user char(0) No userame varchar(20) No password varchar(20) No kode_outlet char(0) No ama_user varchar(20) No level_user varchar(20) No telp_user bigit(2) No.2 Kesimpula Kesimpula dari pembuata aplikasi ii adalah :. Aplikasi ii dapat membatu Kopimade dalam megelola data persediaa barag, data permitaa atar outlet da data pemesaa ke supplier 2. Aplikasi ii dapat melakuka pecetaka lapora berupa file pdf da sesuai dega reggag waktu periode yag diiputka oleh peggua. 3. Aplikasi ii dapat meghubugka outlet Jakarta da outlet bali dalam melakuka proses pegadaa barag. 4. Aplikasi ii meampilka data histori pemesaa yag dilakuka oleh setiap outlet.3 Sara Ada beberapa sara yag perlu ditambahka dalam aplikasi ii, yaitu:. Peambaha sms gateway utuk aplikasi ii dalam memberika otifikasi pesaa atau permitaa yag masuk. 2. Aplikasi ii diharapka mampu meetuka stok miimum berdasarka jumlah da satua dari setiap stok tersebut..4 Daftar Pustaka Sukamto, R. A., & Shalahuddi, M. (20). Modul Pembelajara Rekayasa Peragkat Luak (Terstruktur da Berorietasi Objek). Badug: Modula B. Raharjo, I. Haryato ad E. R.K., Modul Pemrograma Web (HTML,PHP & MySQL), Badug: Modula, 200. B. Raharjo, Belajar Pemrograma Web, Badug: Iformatika, 200. B. Sidik, JavaScript, Badug: Iformatika, 20. Riyato, Membuat Sediri Aplikasi E-Commerce dega PHP da MySQL megguaka CodeIgiter da JQuery, Yogyakarta: Adi, 20. The Apache Software Foudatio, Apache HTTP Server Project, 204. [Olie]. Available:

7 [Diakses 3 April 204]. Yakub, Pegatar Sistem Iformasi, Graha Ilmu, 202. H. J, Aalisis da Desai Sistem Iformasi: Pedekata Terstruktur Teori da Praktek Aplikasi Bisis, Yogyakarta: Adi Offset, 2005.