Website Design as an Online Trading Media at the "Coffee On The Way" Shop
DOI:
https://doi.org/10.31004/jestm.v5i2.297Keywords:
DFD, E – Commerce Website, Coffee on the Way, Flow Maps, Coffee or Non – CoffeeAbstract
An implementation of the e-commerce website at the Coffee on the Way store described in this report was identified with the aim of knowing that by designing and implementing a website for the trade, it can build digitalization of online trade so that it will be described in detail how the e-commerce website design process for the Coffee on the Way store. The media that will be used to analyze how the system works is with flow maps and information tables. Therefore, the design to build the website uses DFD level 0-1 and PDM and CDM for database design and menu structure to identify the system navigation menu. Based on the findings of the implementation that has been carried out, there are several external software used such as XAMPP, bootstrap, leaflet and so on. The results of the implementation on the website are that the website system can display designs and features that have been previously designed in a concrete manner. Therefore, the contribution of the website is successfully displaying the planned features and designs and enabling the online transaction in the website.
References
Adani Muhammad Robith. (2021). Data Flow Diagram(DFD): Pengertian, Jenis, Fungsi & Contoh. Diakses 14 Mei 2025. https://www.sekawanmedia.co.id/blog/dfd-adalah/
Adani Muhammad Robith. (2021). Mengulas Penggunaan HTML dan Cara Kerjanya pada Web Development. Diakses 28 Mei 2025. https://www.sekawanmedia.co.id/blog/pengertian-html/
Basri, A., Mahesa. (2024). Rancangan E-CommerceBerbasis Web untuk Memperluas Pasar Toko Kelontong Di Kabupaten Tangerang, 7(2), 272 – 273. https://jurnal.kdi.or.id/index.php/bt/article/view/1742/972
Bivisyani. (2025). Pentingnya Website untuk Perkembangan Bisnis Anda. Diakses 20 Maret 2025. https://www.jurnal.id/id/blog/2017-pentingnya-website-untuk-perkembangan-bisnis-anda/#:~:text=Media%20Promosi,informasi%20dengan%20cepat%20dan%20tepat
Biznetgio. (2022). Mengenal Apa Itu CSS. Diakses 28 Mei 2025. https://www.biznetgio.com/news/apa-itu-css
Danusantoso. (2023). Memahami Berbagai Jenis Data Modeling yang Sesuai Kebutuhan Bisnis. Diakses 29 Mei 2025. https://kiriminaja.com/blog/jenis-data-modeling
Faradilla Rinda. (2024). Analisis Sistem: Pengertian, Proses dan Tujuannya. Diakses 12 Mei 2025. https://www.idntimes.com/business/finance/apa-itu-analisis-sistem-00-xdyh4-gfdv27
Greeksforgeeks. (2025). Levels in Data Flow Diagrams (DFD). Diakses 20 Mei 2025. https://www.geeksforgeeks.org/levels-in-data-flow-diagrams-dfd/
Huda Nurul. (2024). Apa Itu Navigasi Website: Fungsi, Jenis, & Cara Membuatnya!. Diakses 3 Juni 2025. https://www.dewaweb.com/blog/mengenal-struktur-navigasi-web/#Apa_Itu_Navigasi_Web
Huda Nurul. (2025). Apa itu Javascript? Pengertian, Fungsi & Bedanya dengan Java. Diakses 29 Mei 2025. https://www.dewaweb.com/blog/mengenal-javascript/#Apa_itu_Javascript
Jagoan Hosting. (2022). Pengertian PHP, Fungsi, Syntax & Kelebihannya. Diakses 29 Mei 2025. https://www.jagoanhosting.com/blog/pengertian-php/#h.bpj318hqsla0
Muhardian Ahmad. (2022). Tutorial CSS: Sintaks Dasar CSS yang Harus Dipahami. Diakses 29 Mei 2025. https://www.petanikode.com/css-sintaks/
Nathania Elsiha. (2022). MySQL adalah: Pengertian, komponen, 7 perintah dasar, kelebihan dan kekurangan. Diakses 29 Mei 2025. https://www.ekrut.com/media/mysql-adalah#6_7_perintah_dasar_my_s_q_l
Nescafe. (2025). Mengapa Es Kopi Susu Menjadi Favorit Banyak Orang?. Diakses 14 April 2025. https://www.nescafe.com/id/id-id/budaya-kopi/gaya-hidup/es-kopi-susu
Pedriquez Daleska. (2025). Context Diagram: Definition, Symbols, Examples & How to Create One. Diakses 14 Mei 2025. https://venngage.com/blog/context-diagram/
Pricilia Ester Claudia et al. (2024). Alasan Mengapa Peluang Bisnis Kopi Sangat Menjanjikan. Diakses 20 Maret 2025. https://umkm.kompas.com/read/2024/04/10/091000683/alasan-mengapa-peluang-bisnis-kopi-sangat-menjanjikan
Sentosa Catur Alvindo. (2023). Data Flow Diagram (DFD) : Definisi dan Simbol yang Digunakan. Diakses 14 Mei 2025. https://www.alvindocs.com/blog/data-flow-diagram#:~:text=Keuntungan%20Penggunaan%20Data%20Flow%20Diagram,-Berdasarkan%20penjelasan%20di&text=Berikut%20adalah%20beberapa%20keuntungan%20utama,dalam%20kolaborasi%20dan%20pemahaman%20tim
Sitanggang Debora Danisa Kurniasih Perdana. (2022). Pengertian Analisis Adalah: Berikut Jenis dan Fungsinya. Diakses 12 Mei 2025. https://www.detik.com/bali/berita/d-6458995/pengertian-analisis-adalah-berikut-jenis-dan-fungsinya
Sugiarti Ucy. (2024). Memahami Perancangan Database: Tahapan yang Perlu Diketahui. Diakses 29 Mei 2025. https://www.lawencon.com/mengenali-perancangan-database/
Suratna Agus. (2021). Mengenal Definisi, Fungsi, dan Simbol dalam Flowmap. Diakses 12 Mei 2025. https://agussuratna.net/2021/03/mengenal-definisi-fungsi-dan-simbol-dalam-flow-map/#Jenis-jenis_Flowmap
Ticong Liz. (2024). Apa itu Model Data Fisik? Definisi dan Contoh. Diakses 30 Mei 2025. https://www-datamation-com.translate.goog/big-data/physical-data-models/?_x_tr_sl=en&_x_tr_tl=id&_x_tr_hl=id&_x_tr_pto=tc
Triyono, G., Ujiyanti, A. (2020). Penerepan Website E-Commerce Berbasis Contentmanagement System (Cms) Untuk Pelayanan Penjualanpada Msfashioners. Jurnal IDEALIS, 3(1), 436 – 437. https://jom.fti.budiluhur.ac.id/IDEALIS/article/view/2082/1071
Yunita, F et al. (2021). Penerapan E-Commerce Pada Toko Raja Profil tembilahan, 2(1), 23 – 24. https://doi.org/10.32520/karyaabdi.v2i1.1536
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Herland Ibrahim; Pahrezi Azhar; Arida Martikasari
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
