Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM PERANCANGAN WEBSITE MAKANAN BERNAMA TASTYFOOD
DENGAN MENGGUNAKAN FRAMEWORK LARAVEL
1Rizal Ahmad Setiawan, 2Rini Suwartika Program Studi Sistem Informasi.
Politeknik Piksi Ganesha Email: rizal.
9i@gmail.
2rinisuwartika@gmail.
ABSTRACT
Tastyfood is a website that can provide information about food, especially typical Indonesian food, which is food that comes from our homeland.
Indonesia.
This website aims to make it easy for people to access information about Indonesian food.
This research was created using the Laravel framework.
The method used is with a prototype methodology that contains use cases and activity diagrams in it, the implementation of its creation uses PHP and CSS Bootstrap with blackbox testing, with the results of a website that has a display that has quite a lot of images and of course makes it easier to disseminate information.
Keywords: Website.
Food.
Laravel
ABSTRAK
Tastyfood adalah sebuah website yang dapat memberikan informasi seputar makanan khususnya adalah makanan khas nusantara yang mana itu adalah makanan yang berasal dari tanah ait kita Indonesia.
Website ini bertujuan agar orang-orang dapat dengan mudah mengakses infomasi mengenai makanan Indonesia.
Penelitian ini dibuat dengan menggunakan framework Laravel.
Metode yang digunakan adalah demgan metodologi prototipe yang terdapat usecase dan activity diagram didalamnya, implementasi pembuatanya menggunakan PHP dan CSS Bootstrap dengan pengujian blackbox, dengan hasil website yang memiliki tampilan yang cukup memiliki banyak gambar dan tentunya mempermudah untuk penyebaran informasi.
Kata Kunci: Website.
Makanan.
Laravel
PENDAHULUAN
Dijaman sekarang untuk mendapatkan individu dari kalangan muda sampai sebuah informasi itu sangatlah mudah.
dengan tua.
Dari yang menggunakannya Dengan karena memang keperluan kebutuhan dengan teknologi kita dapat mengakses seperti pekerjaan riset dan lain lain berbagai infomasi dengan sangat cepat.
sampai dengan hanya menggunakannya Hal ini membuat teknologi maupuni tampa alasan, karena memang terknologi atau internet itu sudah melekat sekali Jurnal INFOKOM | 82
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM pada masyarat yang sudah berkembang diberi respon positif oleh user yang yang tentu saja mempengaruhi gaya Hal tersebut menjadi sebuah ide untuk Forum merupakan salah satu media untuk tastyfood ini, agar orang-orang dapat mengetahui manakan, tempat makan, pengetahuan antar member-nya, bisa dan informasi seputar makanan yg dilakukan kapan saja dan dimana saja.
khususnya adalah makanan nusantara dalam forum tersebut masing- masing mengetahuinya karena telah pudar oleh komunitas- komunitas yang terbagi perkembangan jaman berdasarkan topik permasalahan yang Dengan harapan melestarikan makanan .
dan budaya nusantara harapanya website Dengan informasi kepada sesama khususnya di penggunanya untuk mencari makanan untuk makanan nusantara website inipun maupun tempat makanan khas Indonesia Dengan website ini orang-orang karena bisa lebih praktis hanya dengan akan dapet informasi seputar dunia melihatnya di website ini kuliner Indonesia dengan mudah, cepat dan praktis dengan begitu mereka akan METODE lebih mengetahui infomasi yang lebih Dalam perancangan ini metode yang banyak lagi tentang makanan nusantara.
digunakan adalah metode prototipe yang Berdasarkan penelitian yang di tulis oleh menurut Ogedebe, dkk .
, pada .
dengan judul AuPerancangan Sistem Informasi Wisata Kuliner Berbasis WebAy di jurnal tersebut bahwa Sebuah perangat lunak, yang berupa model fisik web yang menampilkan / mencari tempat kerja sistem dan berfungsi sebagai versi makan yang dikehendaki oleh user awal dari sistem.
Dengan metode secara efisien dan menampilkan juga kemungkinan makanan lainnya yang pengembang dan pengguna agar dapat Jurnal INFOKOM | 83
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM dengan keiinginan konsumen, lalu pengembangan sistem informasi.
Agar kemudian akan di definisikan dengan proses pembuatan prototipe ini berhasil terperinci agar tidak ada kesalahan mendefinisikan aturan-aturan pada tahap pengembang akan meminta informasi awal, yaitu pengembang dan penguna sebanyak banyaknya kepada klien harus satu pemahaman bahwa prototipe baik secara langsung maupun dalam bentuk brief.
Dimuali dari gambaran Prototipe dihilangkan atau ditambahkan pada kasar/singkat, tata letak dan lain lain tentang sistem tersebut Membangun, memperbaiki prototipe perencanaan dan analisis yang dilakukan Di tahap ini pengembang akan oleh pengembang sampai dengan uji coba dilakukan secara simultan seiring dengan keinginan konsumen, dengan dengan proses pengembangan.
Tahapan mengandalkan informasi dan sumber metode prototipe dapat dilihat pada gambar dibawah ini pengenbang akan membuat semirip mungkin dengan apa yang ada di brief.
Pelanggan menguji coba prototipe Di tahap ini konsumen akan mencoba sistem tersebut yang telah di buat oleh Gambar 1.
Model Prototipe Mendengarkan Pelanggan Dimulai dari tahap ini pengembang akan menerima semua informasi dan keinginan pelanggan seperti design fitur dan lain lain.
Pengembang akan menanalisis semua kebutuhan untuk membuat sistem tersebut agar sesuai eksperasinya atau tidak yang tentunya sistem tersebut telah dibuat semirip konsumen itu buat sebelumnya yang telah di setujui bersama.
Bila konsumen kurang puas maupun ingin mengubah design, menambah fitur
Jurnal INFOKOM | 84
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM Prosesnya akan kembali ke poin 1 itu Use Case Diagram akan terus berulang hingga konsumen merasa puas, namun jika konsumen sudah puas prosesnya akan berakhir sampai sini disini pengembang bisa lanjut ke tahap selanjutnya missal seperti hosting dan maintenance.
Gambar 2.
Use Case Diagram
HASIL DAN PEMBAHASAN
Hasil Penjelasannya dari use case diatas Dalam proses pembuatannya seperti adalah admin dapat mengelola data-data yang berada di sistem tersebut dengan menggunakan metode prototipe yang syarat ialah harus login/ mengautentikasi mana diawali dengan mengumpulkan dirinya adalah seorang admin dan saat berbagai informasi dan resource untuk memenuhi syarat tersebut ia dapat kebutuhan pembuatan website ini seperti menabah data, mengedit data, ataupun gambar dan bagaimana alurnya website Sementara pengunjung tersebut ingin di buat.
Jadi website ini mereka hanya bisa melihat dan mencari memiliki judul Tastyfood yang memiliki infomasi di depan saja kegunaan dapat memberikan informasi Acitivity Diagram Mengelola Artikel kuliner di Indonesia.
Informasi tersebut didapatkan dari sebuah brife dan saya sebagai pembuat harus membuat website tesebut semirip mingkin dengan brief yang diberikan.
Setelah mendapatkan infomasi yang terdapat di brief bias digambarkan use case dan activity diagram seperti ini.
Gambar 3.
Activity Diagram Mengelola Artikel
Jurnal INFOKOM | 85
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM Gambar 3 terdapat activity diagram yang Gambar 4 menjelaskan bagaimana alur menjelaskan alur bagaimana admin mengelola galeri pada website.
Alur nya mengupdate artikel di dalam website.
mirip seperti activity sebelumnya karena Dimulai dari memasuki menu login lalu memang di satu dashboard yang sama kemudian memasukan username dan dimulai dari login memasukan username dan password jika salah disuruh mengisi autentifikasi tidak falid yang berarti ulang dan jika benar akan masuk ke dashboard admin.
dari sini masuk ke menu galeri dan disana terdapat 2 opsi memberikan notif ke akan diarahkan lagi yaitu tambah gambar dan hapus gambar.
untuk mengisi username dan password.
Saat memilih salah satu system akan Dan jika pada saat autentikasi benar mengupdate data galeri yang mana untuk admin akan di arahkan ke dashboard admin akan dibalikan lagi kemenu galeri lalu lanjut dengan memilih menu dengan notifikasi lalu untuk pengunjung Disana terdapat beberapa opsi akan mendapatkan galeri yang telah seperti tambah artikel, edit artikel, dan hapus artikel.
Setelah memilih salah satu Activity Diagram Mengelola kontak mengupdate artikelnya dan setelah itu admin akan kembali ke menu atikel di sisi lain pengunjung dapat melihat artikel yang telah terupdate.
Activity Diagram Mengelola Galeri Gambar 5.
Activity Diagram Mengelola Gambar 4.
Activity Diagram Mengelola Galeri Kontak
Jurnal INFOKOM | 86
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM Gambar 5 menunjukan alur aktifitas Halaman home merupakan tampilan awal saat memasuki website disini seblumnya disini pengunjung memiliki terdapat memunculkan semua sebagian peran dimana dimulai dari memasuki konten dari tentang, informasi yang web lalu kemudian masuk ke page disorot, artikel sampai dengan galeri.
kontak setelah itu disana ada form untuk mengirim pesan dan saat pesan dikirim sistem akan mamasukannya ke data mendapat notifikasi data telah terkirim.
Disisi sebelumnya ia harus login terlebih dahulu untuk masuk dashboard admin lalu kemudian masuk ke menu kontak disana ada 2 opsi yaitu lihat pesan dan hapus pasan.
Jika pilih opsi liat pesan sistem akan mengambil pesan dari data Gambar 7.
Halaman Tentang Halaman tentang ini berisikan infomasi tentang website, dari latar belakang hingga visi dan misi terbentuknya website ini pesan yang telah diisi oleh pengunjung menampilkannya ke admin untuk dilihat.
Jika memilih hapus pesan sistem akan menghapus pesan yang dipilih di data pesan kemudian seteleh itu ada notifikasi data telah terhapus.
Gambar 8.
Halaman Artikel Halaman ini berikan artikel atau berita seputar makanan khususnya makan yang berada di nusantara seperti lokasi, fakta unik dan infomasi mengenai makan Gambar 6.
Halaman Home
Jurnal INFOKOM | 87
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM Gambar 11.
Halaman Login Ini adalah halaman untuk memsuki Gambar 9.
Halaman Galeri fitur admin saat ingin memasukin page Ini berisikan foto-foto yang ditampilkan admin seperti dashboard jika user slideshow dan juga foto yg lebih kecil belum login halaman ini akan otomatis seperti album yang berikian makanan muncul yang tentunya mengharuskan khas dari nusantara yang dapat dilihat penggunanya mempunyai akun untuk lebih jelas jika di klik gambarnya.
Gambar 12.
Halaman Dashboard Admin Gambar 12 adalah dashboard admin yang mana ini adalah halaman utama Gambar 10.
Halaman Kontak admin setelah login.
Halaman ini Pada halaman kontak penguntuk biasa menunjukan menu apa saja yang dapat memberi pesan kepada admin baik penggunanya masuki sebagai admin.
secara langsung dengan mengisi form lasgsung disana ataupun tidak langsung dengan email ataupun no telepon yang bias di klik langsung pada ikon di halaman tesebut Gambar 12.
Halaman Menu Artikel Admin
Jurnal INFOKOM | 88
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM Ini adalah halaman untuk admin dapat Disini admin dapat mengontrol foto foto mengontrol artikel pada web.
Dengan di galeri sepertmi menambah foto dan menu ini ia akan bisa menambah, juga mengapusnya dengan memecat mengedit sampai dengan menhapus tombol hapus.
Gambar 14.
Halaman Menu Kontak Admin Halaman menu kontak ini memiliki funsi Gambar 13.
Halaman Menu Galeri Admin untuk melihat pesan langsung yang dikirim oleh pengunjung dan menghapus pesan yang sudah terbaca.
Pembahasan Tabel 1.
Pengujian Blackbox Login No Pengujian Input Output Login menggunakan Username:
Login username dan password yang Status dan Berhasil password: 123456 Login menggunakan username Username: user@ Login gagal dan tetap dan password yang salah Berhasil di halaman login Login menggunakan username Username:
Login gagal dan tetap dan password kosong di halaman login Berhasil Tabel 2.
Pengujian Blackbox input Artikel
No Pengujian Input
Output
Status
Jurnal INFOKOM | 89
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM Mengisi semua kolom File:
masakan- data berhasil di formulir terdiri dari input input dan balik ke gambar, judul dan konten Judul: masakan padang menu artikel Berhasil Konten: masakan padang adalah masakan kuliner Mengisi formulir namun File:
Data berhasil di menyisakan 1 kolom Judul: nasi goreng tambahkan lalu Konten:
Berhasil goreng datapun diperbarui adalah makanan jalanan indonesia artikel dan save Tabel 3.
Pengujian Blackbox Edit Artikel No Pengujian Input Output Memperbarui data File: masakan-padang.
jpg data Judul: masakan padang Status di Berhasil perbarui dan balik ke Konten: masakan padang halaman artikel adalah masakan kuliner Memperbarui data File: masakan-padang.
jpg data berhasil di artikel tanpa mengubah Judul: masakan padang Berhasil perbarui dan balik ke Konten: masakan padang halaman artikel adalah masakan kuliner Tabel 4.
Pengujian Blackbox Input Galeri Pengujian Input Menambah foto pada galeri File:
Menambah foto pada galeri tanpa memilih gambar Output Status File:
data gagal untuk di Berhasil Berhasil Jurnal INFOKOM | 90
Jurnal Informatika dan Komputer (INFOKOM) Volume 12 Nomor 2 Tahun 2024
E ISSN : 2722-4147 P ISSN : 2339-188X
OJS : http://journal.
id/index.
php/INFOKOM KESIMPULAN Forum Makanan Berbasis Web,Ay Sesuai dengan landasan yang ada.
Jurnal Manajemen Informatika, penulis merancang sebuah website yang 78, 2015.
dapat memberikan informasi seputar Suryaningrat.
AuPerancangan makanan dikarenakan belum tersedianya Sistem Informasi Wisata Kuliner sistem informasi yang terkomputerisasi Berbasis Menggunakan Ajax dan Code Web Dengan Berdasarkan analisis kebutuhan Igniter,Ay sistem yang telah dilakukan melalui Informatika (JSI), vol.
10, no.
observasi dan wawancara dengan pihak 1Ae8, 2016.
Jurnal Cahyaningtyas Sistem Iriyani, website untuk mengelola informasi AuPerancangan Sistem Informasi terkait penelitian dan pengabdian kepada Perpustakaan Pada Smp Negeri 3 Tulakan.
Perancangan Kecamatan Tulakan melibatkan pembuatan use case diagram Kabupaten Pacitan,Ay Indonesian untuk dua aktor dan activity diagram Journal untuk berbagai proses yang melibatkan Security (IJNS), vol.
4, no.
aktor dan sistem.
Implementasi sistem Networking mencangkup halaman-halaman dengan Nugroho.
AuPerancangan Sistem fitur-fitur yang sesuai untuk kedua aktor.
Informasi Penjualan Online Studi yaitu admin dan pengunjung.
Pengujian Kasus Tokoku,Ay Simetris: Jurnal Teknik Mesin.
Elektro Dan Ilmu memastikan sistem berfungsi sesuai Komputer, vol.
7, no.
2, pp.
717Ae dengan yang diharapkan.
Implementasi 724, 2016.
ini diharapkan juga dapat meningkatkan Abbas.
AuAnalisa aksesibilitas informasi bagi seluruh pihak yang berkepentingan.
Universitas Negeri Yogyakarta
(UNY),Ay Prosiding Sains DAFTAR PUSTAKA