JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 ISSN : 2985-4768 PERANCANGAN SISTEM INFORMASI PEMASARAN BERBASIS WEBSITE DENGAN METODE WATERFALL (TH38ROTHER COFFEE) Alfian Riyandoko1. Ersandika January Nugrahadi2. Wahyu Tri Cahya3. Saprudin4 1,2,3,4Jurusan Teknik Informatika. Universitas Pamulang. Jl. Raya Puspitek No. 46 buaran. Serpong. Kota Tangerang Selatan. Provinsi Banten. Indonesia, 15310. e-mail: 1riyandokoalfian1@gmail. com, 2echamukull14@gmail. com, 3wahyucahya011@gmail. dosen00845@umpam. Abstract Coffee Shop Th38rother coffee as a small business in its own home. With simple equipment, he started brewing coffee from the best coffee beans that he bought directly from trusted coffee farmers. Every cup of coffee is brewed with care and expertise. Marketing for Th38rother Coffee Coffee Shops is currently still using a conventional marketing system. This causes marketing to be carried out not optimal, so a new marketing system is needed. The design of a web-based Th38rother coffee marketing information system is one of the solutions to existing problems. The purpose of this research is to produce a web-based marketing information system for Th38rother Coffee Shop and determine the key factors in designing the system. The design of this research system uses a structured approach method and the system development method uses the waterfall model. The tools used in system design are: PHP. MySQL. PhpMyAdmin. Xampp, and Visual Studio Code. The results of the research show that a web-based marketing information system design for Th38rother Coffee Shop has been produced. The key factors of the design of this system are design, content and usability. The results of the assessment of the quality of the website show that respondents stated that the quality of the design is between good and very good, the content presented is close to complete, and usability is easy to use. Abstrak Kedai Kopi Th38rother coffee sebagai usaha kecil di rumahnya sendiri. Dengan peralatan sederhana, dia pun mulai menyeduh kopi dari biji kopi terbaik yang dia beli secara langsung dari petani kopi Setiap cangkir kopi diseduh dengan penuh perhatian dan keahlian. Pemasaran Kedai Kopi Th38rother coffee saat ini masih menggunakan sistem pemasaran konvensional. Hal ini menyebabkan pemasaran yang dilakukan belum optimal, sehingga diperlukan sistem pemasaran yang baru. Perancangan sistem informasi pemasaran Kedai Kopi Th38rother coffee berbasis web merupakan salah satu solusi dari permasalahan yang ada. Tujuan dari penelitian ini adalah menghasilkan sistem informasi pemasaran Kedai Kopi Th38rother coffee berbasis web dan menentukan faktor kunci dalam perancangan sistem tersebut. Perancangan sistem penelitian ini menggunakan metode pendekatan terstruktur dan metode pengembangan sistem menggunakan model waterfall. Alat bantu yang digunakan dalam perancangan sistem yaitu: PHP. MySQL. PhpMyAdmin. Xampp, dan Visual Studio Code asil penelitian menunjukkan bahwa telah dihasilkan Perancangan sistem informasi pemasaran Kedai Kopi Th38rother coffee berbasis Faktor kunci dari desain sistem ini adalah desain, konten, dan kegunaan. Hasil penilaian terhadap kualitas website menunjukkan bahwa responden menyatakan kualitas desain antara baik dan sangat baik, konten yang disajikan mendekati lengkap, dan usability mudah digunakan. Kata kunci: Perancangan Sistem. Sistem Informasi. Informasi Pemasaran https://jurnal. id/index. php/JORAPI/index JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 PENDAHULUAN Teknologi Informasi (TI) berkembang sangat cepat. Dampak dari perkembangan TI tersebut memberi kemudahan-kemudahan bagi Tuntutan masyarakat yang menginginkan kemudahan dalam setiap aktivitas dan kebutuhannya, merupakan tantangan bagi pengusaha-pengusaha bisnisuntuk memberikan pelayanan secara maksimal bagi para konsumennya, dengan menyediakan berbagai fasilitas yang memadai guna memenuhi kebutuhan mereka tersebut . Banyak fasilitas-fasilitas dari internet yang dapat dimanfaatkan dalam berbagai bidang usaha. Dan yang coba dikembangkan dalam proyek ini adalah sistem informasi coffee shop berbasis internet . Sistem ini dirancang sebagai pengembangan dari media informasi yang selama ini telah dijalankan di Th38rother coffee Jl. Raden Patah. Parung Serab. Kec Ciledug Kota Tangerang. Banten. Yaitu media informasi yang berupa spanduk baliho yang terpampang di depan kedai, sosialisasi via media sosial, dan dari mulut ke Dengan tersedianya layanan melalui internet . , pengunjung dapat mengetahui informasi tentang profil Th38rother coffee dan produk yang dijual. Dengan sistem tersebut diharapkan akan memaksimalkan Th38rother coffee Jl. Raden Patah. Parung Serab. Kec Ciledug Kota Tangerang. Banten dalam program pemasaran dan pelayanan kepada para pelanggan, sehingga dapat memberi kemudahan bagi para konsumen dalam mendapatkan informasi . PENELITIAN YANG TERKAIT Penelitian yang dilakukan ini menggunakan beberapa tinjauan studi yang digunakan sebagai landasan teori sebagai perbandingan antara penelitian yang sedang dilakukan dengan penelitian yang telah ada sebelumnya. Beberapa tinjauan studi dalam penelitian ini adalah sebagai berikut: Penelitian yang berjudul AuPerancangan Sistem Informasi Pemasaran Kopi Berbasis Web Serantau BandungAy. Tujuan dilakuan penelitian ini adalah Membuat sistem informasi untuk pemasaran secara https://jurnal. id/index. php/JORAPI/index ISSN : 2985-4768 online menggunakan sistem informasi. Kopi Serantau Cafy Bandung untuk mempermudah para penlanggan dan web ni akan dibangun semenarik mungkin dengan ui ux yang sangat user friendly dan design yang membuat pengguna web nyaman berada lama di website tersebut. Penelitian yang berjudul AuSistem Informasi Manajemen Pemasaran Kopi Arabika Subak Abian Ulian Murni Berbasis WebAy. Penelitian ini tujuannya adalah untuk pemasaran kopi arabika subak abian ulian murni ke berbagai daerah baik di dalam maupun di dalam maupun luar negeri. METODE PENELITIAN Untuk mendukung keperluan analisa dan perancangan sistem pakar ini. Diperlukan sejumlah data pendukung dengan menggunakan metode penelitian sebagai berikut . Metode Wawancara (Intervie. : Metode pengumpulan data dengan mengajukan pertanyaan secara langsung kepada informan atau seorang atau seorang yang ahli atau berwenang dalam suatu masalah (Gorys Keraf, 2001:. Pengumpulan data ini mengadakan wawancara dengan pihak pegawai untuk memperoleh karyawan . Metode Observasi : Metode dengan cara mengamati dan mencatat secara sistematis (Gorys Keraf, 2001:. Pengertian lain pengumpulan data dengan cara melakukan pengamatan dan peninjauan langsung terhadap objek penelitian . Studi Pustaka : Dimaksudkan untuk mendapat acuan dan landasan teoritis yang menjadi sumber data guna mendukung penelitian dalam pengembangan sistem usulan. Menurut Mestika Zed . ,Studi pustaka atau kepustakaan dapat diartikan sebagai serangkaian kegiatan yang berkenaan dengan metode pengumpulan data pustaka, membaca dan mencatat serta mengolah bahan penelitian . JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 HASIL DAN PEMBAHASAN Pengertian Sistem Informasi Sistem informasi adalah seperangkat komponen yang terintegrasi untuk mengumpulkan, menyimpan, dan memproses data dan untuk menyediakan informasi, pengetahuan, dan produk Perusahaan, bisnis, organisasi dan instansi pemerintah mengandalkan sistem informasi untuk menjalankan dan mengelola operasi mereka, berinteraksi dengan pelanggan dan pemasok mereka, dan bersaing di pasar . Pengertian Pemasaran Pemasaran (Marketin. merupakan salah satu kunci keberhasilan bagi perusahaan, dimana marketing bukan hanya prinsip mengenai untuk menjual saja, tetapi bagaimana memberikan kepuasan kepada konsumen agar mendatangkan keuntung bagi perusahaan. Dalam konteks perusahaan, marketing secara hanafiah dapat diartikan sebagai upaya perusahaan dalam mendapatkan keuntungan, kepuasan konsumen, atau loyalitas konsumen dengan cara memberikan apa yang diinginkan oleh konsumen . Metode Waterfall Metode air terjun atau yang sering disebut metode waterfall seing dinamakan siklus hidup klasik . lassic life cycl. , nama model ini sebenarnya adalah AuLinear Sequential ModelAy dimana hal ini menggambarkan pendekatan yang sistematis dan juga berurutan pada pengembangan perangkat lunak, dimulai dengan spesifikasi kebutuhan pengguna lalu berlanjut melalui tahapan-tahapan . , permodelan . , konstruksi . , serta penyerahan sistem ke para pengguna . , yang diakhiri dengan dukungan pada perangkat lunak lengkap yang dihasilkan . Tahapan Metode Waterfall ISSN : 2985-4768 Gambar 1. Tahapan Medode Waterfall Requirement Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan untuk memahami perangkat lunak yang diharapkan oleh pengguna dan batasan perangkat lunak tersebut. Informasi dapat diperoleh melalui wawancara, diskusi atau survei langsung. Informasi dianalisis untuk mendapatkan data yang dibutuhkan oleh pengguna. Design Pada tahap ini, pengembang membuat desain sistem yang dapat membantu menentukan perangkat keras . dan sistem persyaratan dan juga membantu dalam mendefinisikan arsitektur sistem secara keseluruhan. Implementation Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang disebut unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit dikembangkan dan diuji untuk fungsionalitas yang disebut sebagai unit testing. Verification Pada tahap ini, sistem dilakukan verifikasi dan pengujian apakah sistem sepenuhnya atau sebagian memenuhi persyaratan sistem, pengujian dapat dikategorikan ke dalam unit testing . ilakukan pada modul tertentu kod. , sistem pengujian . ntuk melihat bagaimana sistem bereaksi ketika semua modul yang terintegras. dan penerimaan pengujian . ilakukan dengan atau nama pelanggan untuk melihat apakah semua kebutuhan pelanggan pua. Maintenance Ini adalah tahap akhir dari metode waterfall. Perangkat lunak yang sudah jadi dijalankan serta dilakukan pemeliharaan. Pemeliharaan termasuk https://jurnal. id/index. php/JORAPI/index JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 dalam memperbaiki kesalahan yang ditemukan pada langkah sebelumnya. ISSN : 2985-4768 Perancangan Sistem Activity Diagram Sistem Berjalan Activity gambaran aktivitas dari sebuah diagram secara umum dari sebuah sistem yang terdapat pada software atau perangkat lunak. Aktivitas tersebut antara lain: Gambar 3 Activity Proses Login User Activity Proses Register User Gambar 2 Activity Diagram Sistem Berjalan Prosedur THE38BROTHER COFFEE: Pembeli memesan/memilih menu terlebih Admin menerima pesanan dari pembeli dan segera menyiapkan pesanan. Admin membuat pesanan. Kemudian admin mengisi data pembelian pada buku penjualan. Pembeli melakukan pembayaran menu yang telah dipesan. Selanjutnya admin melakukan konfirmasi atas pembayaran tersebut. Lalu admin menyerahkan pesanan pembeli yang telah siap. Pembeli menerima pesanan yang sudah dipesan. Gambar 4 Activity Proses Register User Activity Proses Login Admin Activity Diagram Sistem Usulan Activity Proses Login User Gambar 5 Activity Proses Login Admin https://jurnal. id/index. php/JORAPI/index JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 Activity Proses Tambah Data Gambar 6 Activity Proses Tambah Data Use Case Diagram Use case diagram berguna untuk mendeskripsikan sutu interaksi antara satu atau lebih aktor dengan sistem informasi yang di buat. Use Case dibuat untuk mengetahui data apa aja yang boleh ada di dalam suatu system . ISSN : 2985-4768 Entity Relationship Diagram (ERD) merupakan sebuah model untuk menyusun database agar dapat menggambarkan data yang mempunyai relasi dengan database yang akan didesain (Idcloudhost. Berikut ini ERD yang kami gunakan, yaitu: Gambar 8 ERD (Entity Relationship Diagra. Relasi Tabel Relasi pada tabel merupakan relasi atau hubungan antara tabel yang satu dengan yang lain pada database. Pada sebuah database, relasi dihubungkan dengan dua tabel yang dihubungkan melalui kolom foreign key pada tabel pertama dengan primary key tabel kedua. Dibawah ini adalah relasi tabel nya: Gambar 9 Relasi Tabel Gambar 7 Use Case Diagram Normalisasi Normalisasi merupakan sebuah teknik dalam logical desain sebuah basis data yang mengelompokkan atribut dari suatu relasi sehingga membentuk struktur relasi yang baik . anpa Squence Diagram Sequence diagram atau diagram urutan adalah sebuah diagram yang digunakan untuk menjelaskan dan menampilkan interaksi antar objek-objek dalam sebuah sistem secara terperinci. Selain itu sequence diagram juga akan menampilkan pesan atau perintah yang dikirim, beserta waktu pelaksanaannya. ERD (Entity Relationship Diagra. https://jurnal. id/index. php/JORAPI/index JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 ISSN : 2985-4768 Register Gambar 12 RegisterLogin Gambar 10 Squence Diagram Flowchart Flowchart atau sering disebut dengan diagram alir merupakan suatu jenis diagram yang merepresentasikan algoritma atau langkah-langkah instruksi 14 yang berurutan dalam sistem (Rosaly and Prasetyo 2. Berikut ini merupakan flowchart yang kami gunakan. Di halaman register, harus memasukkan username dan password yang ingin anda buat, setelah itu masukan data diri anda. Jika sudah lalu klik tombol register yang berada di bawah. Login Gambar 13 Login Di halaman login, harus memasukkan username dan password terlebih dahulu agar bisa masuk kedalam website. Jika salah username dan password maka bisa reset Kembali dan memasukkan Kembali username dan password Halaman Home Gambar 11. Flowchart Tampilan Sistem Tampilan User https://jurnal. id/index. php/JORAPI/index JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 ISSN : 2985-4768 dibawah harga menu, dan akan langsung diarahkan ke halaman pesanan. Halaman Daftar Menu Makanan Gambar 14 Halaman Home Disini pengguna dapat melihat foto menu, nama menu dan harga menu yang tersedia di TH38ROTHER COFFEE. Jika ingin membeli, maka bisa langsung klik button/tombol add to cart dibawah harga menu, dan akan langsung diarahkan ke halaman pesanan. Setelah login kita akan masuk ke home/dashboard aplikasi, disini terdapat nama toko dan juga ada 2 menu dibawahnya, yaitu Lihat Daftar Menu dan Lihat Pesanan. Halaman Tentang Kami Gambar 17 Halaman Daftar Menu Makanan Gambar 15 Halaman Tentang Kami Halaman Daftar Menu Minuman Halaman Kontak Disini pengguna dapat mengirimkan pesan kritik dan saran kepada admin. Gambar 16 Halaman Daftar Menu Minuman Disini pengguna dapat melihat foto menu, nama menu dan harga menu yang tersedia di TH38ROTHER COFFEE. Jika ingin membeli, maka bisa langsung klik button/tombol add to cart https://jurnal. id/index. php/JORAPI/index Gambar 18 Halaman Kontak Tampilan Admin Login Admin JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 ISSN : 2985-4768 Untuk masuk ke menu utama. User harus login terlebih dahulu untuk membatasi hak akses orang Ae orang yang tidak berkepentingan. Data username dan password diakses melalui database Gambar 21 Daftar Menu Admin Gambar 19 Login Admin Dashboard Admin Setelah login sukses, akan tampil menu utama Pada menu utama terdapat menu Home. Apps. Photos. Contact, dan Logout. button Create New Data yang akan membuat data baru langsung ke database . button action edit yang akan untuk mengedit / mengupdate data langsung ke . button delete yang akan untuk menghapus data yang dipilih langsung ke database. Daftar Pesanan Halaman Pesanan Admin ini dapat melihat transaksi yang sedang berlangsung dan juga dapat Mengkonfirmasi Pembayaran saat ada transaksi yang berlangsung. Gambar 20 Dashboard Admin Daftar Menu Admin Di form ini user dapat menambahkan, melihat, mengupdate, dan menghapus, pada menu yang ada di website. Gambar 22 Daftar Pesanan Kritik Dan Saran Customer https://jurnal. id/index. php/JORAPI/index JORAPI : Journal of Research and Publication Innovation Vol. No. April 2023 Halaman : 501 - 510 Gambar 23 Kritik Dan Saran Customer\ Logout Jika memilih Logout, makan akan keluar dari halaman web tersebut, dan balik ke halaman Login. KESIMPULAN Kesimpulan yang telah dilakukan dalam kerja praktek adalah: Pembagian pembangunan website dapat meningkatkan produktivitas pekerjaan. Berhasil merancang website Sistem Informasi Pemasaran Th38rother coffee dengan menggunakan HTML & CSS, memanfaatkan fitur-fitur dan standar yang ada didalamnya. HTML & CSS terbukti dapat diandalkan untuk membuat website semacam ini. Berhasil membantu UMKM pemasaran pada Th38rother coffee untuk mempermudah para pelanggan untuk menggunakan website Saran Menulis kode yang rapih dengan implementasi class dan function yang tepat akan memudahkan untuk pembangunan Penggunaan versi untuk setiap update modul sangat dianjurkan, hal seperti ini sangat biasa dilakukan dalam pengembangan di dunia DAFTAR PUSTAKA