JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Sistem Toko Online Berbasis PHP Menggunakan Framework Bootstrap: DestyAos Pastry Muhammad Farhan Saputraa.
Anggi Hadi Wijayab.
Ipriadic Informatika.
Fakultas Teknologi Informasi.
Universitas Andalas, mhmmdfarhann05@gmail.
Informatika.
Fakultas Teknologi Informasi.
Universitas Andalas, anggihadi@it.
Sistem Komputer.
Fakultas Ilmu Komputer.
UPI YPTK Padang, ipriadi8@gmail.
Abstract AuDestyAos PastryAy previously relied on WhatsApp-based ordering and manual record-keeping, resulting in frequent order errors, limited market reach, and the absence of modern payment and notification features.
This study aims to address these challenges by developing a web-based online store to improve operational efficiency and enhance customer experience.
The system was built using the Waterfall development model, with requirements collected through interviews and direct PHP 8.
Bootstrap 5.
5, and MySQL were used as core technologies, supported by Data Flow Diagrams and Entity Relationship Diagrams for system design.
The resulting system provides key features including product catalog management, user authentication, shopping cart functionality, order processing, and an administrative dashboard, along with digital payment integration through QRIS.
Black-box testing using Equivalence Partitioning showed that core functionalities such as registration, product selection, cart management, and order processing performed correctly with accurate data handling.
Overall, the system successfully resolves initial operational issues and offers a scalable solution for SMEs adopting digital sales platforms.
Keywords: Online Store.
Digitalization.
PHP.
Bootstrap.
Waterfall Model Abstrak AuDesty's PastryAy sebelumnya mengandalkan pemesanan melalui WhatsApp dan pencatatan manual, yang menyebabkan kesalahan pesanan, keterbatasan jangkauan pasar, serta tidak tersedianya metode pembayaran dan notifikasi modern.
Penelitian ini bertujuan mengatasi permasalahan tersebut dengan mengembangkan sistem toko online berbasis web untuk meningkatkan efisiensi operasional dan pengalaman pelanggan.
Pengembangan sistem menggunakan model Waterfall, dengan pengumpulan kebutuhan melalui wawancara dan observasi langsung.
Sistem dibangun menggunakan PHP 8.
Bootstrap 5.
5, dan MySQL, serta dirancang melalui Data Flow Diagram dan Entity Relationship Diagram.
Sistem yang dihasilkan menyediakan fitur katalog produk, autentikasi pengguna, keranjang belanja, pemrosesan pesanan, panel admin, serta integrasi pembayaran digital melalui QRIS.
Pengujian black-box dengan teknik Equivalence Partitioning menunjukkan bahwa fungsi inti, seperti pendaftaran pengguna, pemilihan produk, pengelolaan keranjang, dan pemrosesan pesanan, berjalan dengan benar dan menyimpan data secara akurat.
Secara keseluruhan, sistem yang dibangun berhasil mengatasi kendala operasional awal dan memberikan solusi yang dapat diadopsi UMKM dalam proses digitalisasi penjualan.
Kata Kunci: Toko Online.
Digitalisasi.
PHP.
Bootstrap.
Model Waterfall This work is licensed under Creative Commons Attribution License 4.
0 CC-BY International license PENDAHULUAN Manusia selalu berinteraksi satu sama lain untuk mendapatkan informasi dan memenuhi kebutuhan mereka, termasuk dalam perdagangan.
Perdagangan konvensional telah berubah menjadi e-commerce berkat kemajuan Platform online sekarang dapat mencapai lebih banyak pelanggan dan mempercepat proses transaksi.
Toko online memungkinkan pengelolaan katalog, stok, dan pembayaran secara otomatis, yang mengurangi kesalahan tangan dan meningkatkan produktivitas operasi .
Dalam skala makro, pemerintah Indonesia mendorong penggunaan digitalisasi ekonomi sebagai strategi pertumbuhan.
Bahkan.
Kementerian Koordinator Bidang Perekonomian Republik Indonesia memproyeksikan bahwa pada tahun 2045.
Indonesia akan menjadi negara maju dengan ekonomi terbesar kelima di dunia dengan fokus pada digitalisasi .
Toko kue rumahan "Desty's Pastry", di sisi lain, masih menggunakan pemesanan WhatsApp dan pencatatan manual menggunakan buku nota atau spreadsheet.
Kesalahan data, pembatalan sepihak, dan keterbatasan pasar adalah masalah yang mungkin terjadi selama proses ini.
Tanpa platform terpadu, pengambilan keputusan bisnis berbasis data menjadi lebih sulit karena laporan keuangan yang rumit dan pelacakan status pesanan yang tidak real-time.
Sistem Informasi dikelompokkan menjadi 3 jenis, yaitu Transaction Processing System (TPS).
Management Information System (MIS), dan Decision Support System (DSS) dimana masing-masing jenis tersebut mendukung operasional harian, pelaporan manajemen, dan pengambilan Keputusan semi-terstruktur .
Untuk memastikan aliran data yang andal, komponen utama sistemAiperangkat keras, perangkat lunak, data, prosedur, dan manusiaAiharus diintegrasikan .
Jurnal Sistem Informasi Dan InformatikaAe JISKA Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Dalam penelitian ini, model pengembangan sistem yang digunakan adalah model Waterfall.
Model Waterfall SDLC menekankan urutan fase yang sistematis: analisis kebutuhan, perancangan, implementasi, pengujian, dan pemeliharaan.
Ini dilakukan untuk mengurangi risiko kegagalan proyek yang signifikan.
METODE PENELITIAN
Metode Pengembangan Penelitian ini menggunakan model Waterfall untuk mengembangkan sistem toko online "Desty's Pastry".
Model Waterfall menekankan bagaimana setiap tahap dilakukan secara berurutan, mulai dari analisis kebutuhan, perancangan, pengkodean, pengujian, dan implementasi, sebelum melanjutkan ke tahap Diagram SDLC Metodologi Waterfall menunjukkan model ini, yang membantu peneliti membentuk kebutuhan sistem secara menyeluruh dan membedakan komponen yang relevan untuk pengembangan perangkat lunak.
Dua metode digunakan oleh penulis untuk mengumpulkan data empiris.
pertama, mereka melakukan wawancara mendalam dengan pemilik toko dan satu orang pelanggan, dan kedua, mereka melakukan pengamatan langsung pada alur kerja toko.
Kriteria pertanyaan meliputi mekanisme pemesanan, pengelolaan transaksi, pembukuan, kendala operasional, dan fitur yang diharapkan dari aplikasi toko online.
Gambar 1.
Diagram Metode Waterfall Hasil wawancara menunjukkan bahwa pemesanan saat ini masih dilakukan secara manual melalui WhatsApp.
menu hanya terdiri dari foto-foto produk tanpa informasi lengkap, dan pembayaran dilakukan berdasarkan kepercayaan.
DP dikirim setelah barang diterima.
Seringkali, chat pesanan tertunda oleh percakapan personal, daftar menu yang tidak konsisten, pembatalan sepihak oleh pelanggan yang menyebabkan kerugian, kesulitan pelanggan untuk mengetahui menu apa yang tersedia, dan pencatatan pembukuan yang hilang atau tidak dilakukan dengan baik adalah beberapa masalah yang diidentifikasi.
Penulis mengidentifikasi kebutuhan fitur utama berdasarkan temuan ini: tampilan menu yang menampilkan ketersediaan stok secara real-time, integrasi pembayaran digital melalui QRIS, opsi chat langsung dengan penjual, proses pembuatan akun pengguna, dan dashboard statistik untuk laporan pembukuan.
Observasi alur kerja mengkonfirmasi beberapa masalah operasional, termasuk pencatatan pengeluaran yang sering terlewat, risiko pembatalan sepihak untuk pesanan di bawah Rp 150.
000, harga yang baru diinformasikan setelah pemesanan, dan ketiadaan katalog online yang mengharuskan pelanggan menghubungi penjual secara manual.
Sebaliknya, praktik yang menguntungkan harus dipertahankan, seperti memberikan kisaran harga sebelum pesanan akhir dikonfirmasi, penggunaan pembayaran DP .
ang dapat ditingkatkan dengan QRIS), pengiriman langsung oleh penjual, dan konfirmasi pemesanan melalui WhatsApp untuk kemudahan komunikasi.
Hasil ini digunakan sebagai dasar untuk membangun sistem yang lebih terintegrasi dan responsif terhadap kebutuhan pengguna.
Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Diagram Alir Perancangan Diagram Konteks Gambar 2.
Diagram Konteks Berdasarkan fitur-fitur yang telah direkayasa oleh penulis, dibuatlah diagram konteks untuk mewakili batasan-batasan yang sistem mampu kerjakan.
Penjelasan dari diagram konteks diatas adalah sebagai berikut:
Pelanggan ke Sistem Pelanggan berinteraksi dengan sistem untuk melakukan beberapa aktivitas seperti pendaftaran, pemesanan, dan pembayaran.
Data yang dikirimkan oleh pelanggan ke sistem adalah sebagai berikut:
n Data registrasi/login: Pelanggan mengirimkan data untuk membuat akun atau login ke sistem agar dapat mengakses fitur yang tersedia.
n Data pesanan: Setelah login, pelanggan memilih produk yang ingin mereka pesan dan mengirimkan data pesanan ke sistem.
n Data transaksi: Setelah pesanan dipilih, pelanggan mengirimkan data terkait transaksi pembayaran untuk memproses pesanan mereka.
n Permintaan menu: Pelanggan meminta informasi menu yang tersedia di sistem agar dapat memilih produk yang ingin dipesan.
Kemudian.
Data yang diterima pelanggan dari sistem:
n Data menu makanan: Sistem mengirimkan informasi mengenai menu yang tersedia, termasuk harga dan ketersediaan produk.
n Laporan transaksi/pesanan: Setelah pesanan dikirim, pelanggan menerima informasi terkait status transaksi dan rincian pesanan yang telah diproses oleh sistem.
Penjual ke Sistem Penjual mengirimkan data ke sistem untuk memperbarui informasi menu dan pencatatan Berikut adalah data yang dikirimkan oleh penjual:
n Data pengeluaran: Penjual mengirimkan data terkait biaya yang dikeluarkan untuk produk atau operasional lainnya.
n Data menu makanan: Penjual mengirimkan informasi mengenai produk yang dijual, termasuk harga dan stok produk Data yang diterima penjual dari sistem:
n Laporan hasil penjualan: Penjual menerima laporan terkait produk yang terjual, keuntungan, dan informasi lainnya tentang penjualan.
n Data pesanan: Penjual menerima data pesanan yang telah dipilih oleh pelanggan, termasuk rincian produk yang dipesan dan jumlahnya.
Admin ke Sistem Admin bertugas mengelola data dan mengawasi aktivitas dalam sistem.
Berikut adalah data yang dikirimkan oleh admin ke sistem:
n Laporan hasil penjualan: Admin mengirimkan laporan untuk pencatatan atau analisis performa penjualan di toko.
Data yang diterima admin dari sistem:
n Data menu makanan: Admin menerima data terkait menu yang diperbarui atau ketersediaan produk yang dijual.
n Data pelanggan: Admin menerima data terkait pelanggan yang terdaftar di sistem untuk keperluan manajemen dan analisis.
Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska n Data transaksi: Admin menerima data mengenai transaksi yang terjadi antara pelanggan dan penjual untuk keperluan pembukuan dan verifikasi.
n Data pengeluaran: Admin juga menerima data terkait pengeluaran yang dikirim oleh penjual, yang penting untuk analisis biaya dan keuangan.
Sistem Toko Online Sistem ini bertindak sebagai pusat pengolahan dan penghubung antar entitas yang terlibat.
Sistem menerima data dari pelanggan, penjual, dan admin, serta mengirimkan data yang relevan kepada mereka:
n Menerima data dari pelanggan .
ata registrasi/login, data pesanan, data transaksi, permintaan men.
dan mengirimkan data ke pelanggan .
ata menu makanan, laporan transaksi/pesana.
n Menerima data dari penjual .
ata pengeluaran, data menu makana.
dan mengirimkan data ke penjual .
aporan hasil penjualan, data pesana.
DFD
Gambar 3.
DFD
DFD pada sistem ini menggambarkan alur data yang terintegrasi antara pelanggan, penjual, admin, proses sistem, dan basis data.
Proses 1.
0 Menampilkan Produk dimulai ketika pelanggan meminta data menu, kemudian sistem mengambil data menu dari basis data item dan menampilkannya kepada Selanjutnya pada proses 2.
0 Pemesanan Produk, pelanggan membuat pesanan yang diproses oleh sistem dengan menyimpan data pesanan ke basis data order, memberikan konfirmasi pesanan kepada pelanggan, serta meneruskan data pesanan dan laporan penjualan kepada penjual dan admin.
Proses 3.
0 Pembayaran terjadi saat pelanggan melakukan pembayaran, di mana sistem menerima data pembayaran, menyimpannya ke basis data payment, dan mengirimkan informasi pembayaran tersebut kepada penjual.
Pada proses 4.
0 Kelola Menu, penjual dan admin dapat menambahkan, mengubah, atau menghapus data menu, di mana sistem akan mengambil maupun menyimpan data menu ke basis data item sesuai kebutuhan perubahan.
Terakhir, proses 5.
0 Kelola User memungkinkan pelanggan melakukan registrasi dengan mengirimkan data pengguna ke sistem untuk disimpan pada basis data user, sementara admin memiliki hak untuk menambah, mengubah, atau menghapus data user dengan mekanisme pengambilan dan penyimpanan data user ke basis data, sehingga keseluruhan sistem mampu mendukung operasional penjualan, pengelolaan data, dan pelaporan secara terstruktur dan terpadu.
Spesifikasi Sistem .
Arsitektur Sistem Untuk "Desty's Pastry", arsitektur sistem menggunakan pendekatan tiga lapis: antarmuka pengguna .
, logika aplikasi .
, dan integrasi layanan eksternal (API).
HTML.
CSS,
dan JavaScript digunakan pada lapisan frontend untuk memberikan pengguna akses ke katalog produk, melakukan pemesanan, dan melihat status transaksi melalui browser web.
Pada lapisan backend, seluruh proses bisnisAimulai dari penerimaan dan validasi permintaan, pengaturan pengaturan, dan pengaturan pengaturanAi Selain itu, sistem menggunakan layanan eksternal seperti Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Google API dan Google Font untuk menampilkan peta lokasi toko pada halaman utama dan membuat antarmuka lebih konsisten dan menarik bagi pengguna.
Teknologi yang Digunakan Untuk teknologi, sistem ini dibangun sepenuhnya dengan komponen open-source yang terbukti stabil dan dapat dikustomisasi.
PHP versi 8.
2 adalah bahasa pemrograman utama di sisi server, yang berjalan secara native tanpa kerangka kerja, memberikan pengembang kontrol total atas alur eksekusi dan struktur kode.
Bootstrap versi 5.
5 menyediakan grid sistem dan komponen UI siap pakai, yang mempercepat proses pembuatan antarmuka responsif.
Di sisi lain, implementasi ikon vektor FontAwesome memungkinkan penambahan ikon tanpa mengurangi kinerja halaman.
Kombinasi teknologi ini memastikan sistem dapat menangani permintaan dinamis dengan antarmuka pengguna yang konsisten di berbagai perangkat.
Basis Data Gambar 4.
ERD Sistem Penjelasan terkait basis data yang digunakan adalah sebagai berikut:
Users Tabel users berfungsi menyimpan data akun pengguna sistem informasi penjualan.
Setiap baris pada tabel ini merepresentasikan satu pengguna beserta informasi identitas dan hak aksesnya.
Atribut-atribut pada tabel ini meliputi:
id_users (INT.
Primary Ke.
: identitas unik setiap pengguna.
Sebagai primary key, nilai ini bersifat unik dan tidak boleh null username (VARCHAR): nama pengguna .
ser nam.
unik yang digunakan untuk login.
password (VARCHAR): kata sandi pengguna dalam bentuk terenkripsi.
full_name (VARCHAR): nama lengkap pengguna.
Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska email (VARCHAR): alamat surel pengguna .
iharapkan uni.
phone (VARCHAR): nomor telepon pengguna.
profile_picture (VARCHAR): path ke gambar profil pengguna.
role (ENUM): peran pengguna dalam sistem (Admin.
Staff.
Pelangga.
created_at (DATETIME): tanggal dan waktu pembuatan akun.
Tabel users menjadi pusat data pengguna yang akan digunakan oleh tabel-tabel lain melalui foreign key Alamat Tabel alamat menyimpan data alamat pengguna.
Tabel ini mencatat detail lokasi .
elurahan, kecamatan, kota, provinsi, dan alamat lengka.
untuk keperluan pengiriman atau informasi tempat tinggal.
Atributatribut pada tabel alamat adalah:
id_alamat (INT.
Primary Ke.
: identitas unik setiap alamat.
id_users (INT.
Foreign Ke.
: merujuk ke users.
id_users untuk menunjukkan pemilik alamat.
Atribut ini menghubungkan alamat dengan pengguna yang bersangkutan kelurahan, kecamatan, kota, provinsi (VARCHAR): komponen alamat administratif.
alamat_lengkap (TEXT): alamat rinci .
alan, nomor, blok, dsb.
alamat_tambahan (TEXT, opsiona.
: informasi tambahan lokasi .
isal: nama gedung, patoka.
dibuat_pada (DATETIME): waktu pencatatan alamat dibuat.
alamat_utama (BOOLEAN): penanda apakah alamat ini merupakan alamat utama pengguna.
Setiap baris di tabel alamat dihubungkan ke satu entitas di tabel users melalui id_users.
Dengan demikian satu pengguna dapat memiliki banyak alamat .
elasi satu-ke-banyak/one-to-man.
, sedangkan setiap alamat hanya terkait ke satu pengguna Items Tabel items .
menyimpan data barang atau menu yang dijual .
isalnya item makanan atau Setiap baris pada tabel ini merepresentasikan satu produk beserta deskripsi dan harganya.
Atribut-atribut pada tabel items meliputi:
id_items (INT.
Primary Ke.
: identitas unik produk.
title (VARCHAR): nama atau judul produk.
description (TEXT): deskripsi rinci produk.
price (DECIMAL): harga satuan produk.
status (VARCHAR): status ketersediaan produk .
isalnya tersedia atau habi.
category (VARCHAR): kategori produk.
created_at, updated_at (DATETIME): waktu pembuatan dan pembaruan data produk.
Tabel items memuat daftar produk yang dapat dipesan oleh pengguna.
Setiap produk dapat dihubungkan ke satu atau beberapa gambar di tabel files, dan juga dapat muncul di tabel pesanan melalui tabel perantara order_detail.
Files Tabel files menyimpan metadata berkas .
yang terkait dengan produk items, misalnya gambar Atribut-atribut pada tabel files adalah:
id_files (INT.
Primary Ke.
: identitas unik berkas.
id_items (INT.
Foreign Ke.
: merujuk ke items.
id_items untuk menunjukkan produk yang memiliki file tersebut.
filename (VARCHAR): nama file .
isalnya foto.
filepath (VARCHAR): lokasi atau path penyimpanan file.
filetype (VARCHAR): tipe file .
isal: image/jpe.
file_size (INT): ukuran file dalam byte.
uploaded_at (DATETIME): waktu upload file.
Hubungan files ke items bersifat one-to-many, karena satu produk .
dapat memiliki banyak berkas .
Setiap file hanya terkait ke satu entitas items .
elalui id_item.
Cart Tabel cart .
menyimpan item yang dipilih pengguna sebelum melakukan pesanan.
Setiap baris mewakili satu jenis item yang diletakkan di keranjang satu pengguna.
Atribut-atribut pada tabel cart id_cart (INT.
Primary Ke.
: identitas unik baris keranjang.
id_user (INT.
Foreign Ke.
: merujuk ke users.
id_users, menunjukkan pemilik keranjang.
id_item (INT.
Foreign Ke.
: merujuk ke items.
id_items, menunjukkan produk yang ditambahkan.
quantity (INT): jumlah unit produk dalam keranjang.
added_at (DATETIME): waktu item ditambahkan ke keranjang.
Tabel cart menghubungkan users dan items dalam hubungan banyak-ke-banyak .
any-to-man.
: satu pengguna dapat memiliki banyak item dalam keranjang, dan satu item dapat muncul dalam keranjang Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska banyak pengguna.
Relasi ini diimplementasikan dengan dua foreign key .
d_user dan id_ite.
pada tabel cart sebagai tabel perantara.
Orders Tabel orders menyimpan data pemesanan yang dilakukan pengguna.
Setiap baris menunjukkan satu transaksi pemesanan lengkap.
Atribut-atribut pada tabel orders meliputi:
id_orders (INT.
Primary Ke.
: identitas unik pesanan.
id_user (INT.
Foreign Ke.
: merujuk ke users.
id_users, menunjukkan siapa yang melakukan id_alamat (INT.
Foreign Ke.
: merujuk ke alamat.
id_alamat, menunjukkan alamat pengiriman untuk pesanan tersebut.
order_date (DATETIME): tanggal dan waktu saat pesanan dibuat.
total_amount (DECIMAL): jumlah total biaya pesanan.
status (VARCHAR): status pesanan .
ending, verified, processed, delivered, completed, cancele.
Tabel orders berperan sebagai entitas transaksi.
Melalui atribut id_user dan id_alamat, setiap pesanan dihubungkan ke pengguna dan alamat tujuan.
Order_detail Tabel order_detail mencatat rincian barang untuk tiap pesanan.
Setiap baris mencantumkan satu produk yang termasuk dalam satu order, beserta jumlah dan harga unit pada saat dipesan.
Atribut-atributnya id_order_detail (INT.
Primary Ke.
: identitas unik baris detail.
id_order (INT.
Foreign Ke.
: merujuk ke orders.
id_orders, menunjukkan pesanan terkait.
id_item (INT.
Foreign Ke.
: merujuk ke items.
id_items, menunjukkan produk yang dipesan.
quantity (INT): jumlah unit produk dalam pesanan.
price (DECIMAL): harga satuan produk pada saat pesanan dibuat.
Tabel order_detail merupakan tabel perantara untuk relasi banyak-ke-banyak antara orders dan items.
Satu pesanan dapat berisi banyak barang, dan satu barang dapat muncul di banyak pesanan.
Foreign key id_order menghubungkan ke orders, dan id_item menghubungkan ke items.
Payments Tabel payments menyimpan catatan pembayaran untuk pesanan.
Setiap baris menunjukkan satu transaksi pembayaran .
isa saja berupa pembayaran penuh atau cicila.
Atribut-atribut pada tabel payments adalah:
id_payments (INT.
Primary Ke.
: identitas unik pembayaran.
id_orders (INT.
Foreign Ke.
: merujuk ke orders.
id_orders, menunjukkan pesanan yang dibayar.
id_users (INT.
Foreign Ke.
: merujuk ke users.
id_users, menunjukkan pengguna yang melakukan payment_method (VARCHAR): metode pembayaran .
isal: kartu kredit, transfer ban.
amount (DECIMAL): nominal uang yang dibayarkan.
status (VARCHAR): status pembayaran .
ending, pai.
created_at (DATETIME): waktu transaksi pembayaran dicatat.
Setiap pembayaran terkait ke satu pesanan dan satu pengguna.
Dengan demikian, satu pesanan dapat memiliki banyak catatan pembayaran .
:N), dan satu pengguna dapat melakukan banyak pembayaran .
:N).
Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska .
Perancangan Antarmuka Sistem Landing Page Gambar 5.
Rancangan Landing Page Menampilkan Produk Gambar 6.
Rancangan Halaman Menu Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Halaman Login dan Register Gambar 7.
Halaman Login Gambar 8.
Halaman Register Halaman Admin/Staff Panel Gambar 9.
Rancangan Halaman Admin/Staff Panel Halaman Pemesanan Gambar 10.
Rancangan Halaman Pemesanan Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Halaman Manajemen Menu/User Gambar 11.
Rancangan Halaman Manajemen Menu/Use Halaman Keranjang Gambar 12 .
Rancangan Halaman Keranjang Halaman Pemesanan Pelanggan Gambar 13.
Rancangan Halaman Pemesanan Pelanggan HASIL DAN PEMBAHASAN Penelitian ini menghasilkan rancangan sistem toko online berbasis web yang dirancang untuk menjawab kebutuhan operasional AuDestyAos PastryAy.
Perancangan dilakukan berdasarkan hasil analisis kebutuhan yang diperoleh melalui wawancara dengan pemilik usaha dan pengamatan terhadap alur bisnis yang berjalan.
Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Perancangan ini meliputi arsitektur sistem.
Data Flow Diagram (DFD).
Entity Relationship Diagram (ERD), serta rancangan antarmuka pengguna (UI desig.
1 Implementasi Implementasi sistem dilakukan berdasarkan rancangan yang telah disusun dalam tahap sebelumnya.
Sistem toko online berhasil dibangun dan dapat dijalankan melalui peramban web tanpa memerlukan instalasi tambahan pada perangkat pengguna.
Berikut adalah hasil implementasi utama:
Landing Page.
Halaman Menu.
Halaman Menu.
Login dan Register Halaman landing page menampilkan profil singkat usaha dan menu utama untuk melakukan pemesanan.
Pada halaman katalog produk, pengguna dapat melihat daftar menu beserta deskripsi, harga, dan ketersediaan stok.
Informasi ini ditarik secara langsung dari basis data, sehingga perubahan stok pada panel admin akan tercermin secara otomatis, dan halaman login untuk masuk kedalam sistem serta halaman registrasi bagi user yang belum memiki ID atau user Gambar 15 : Halaman Menu Gambar : Halaman Login Gambar 14 : Landing Page Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 Gambar 16 : Halaman Registrasi JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Halaman Admin/Staff Panel Halaman Admin atau pemilik usaha memiliki akses untuk mengelola produk, menambah atau mengubah menu, memperbarui stok, dan menghapus produk yang tidak tersedia.
Selain itu, admin dapat melihat daftar pesanan pelanggan sebagai dasar pengolahan pesanan dan produksi.
Panel ini membantu pemilik usaha dalam memantau aktivitas operasional secara real-time Gambar 17 : Halaman Admin/Staff Panel Halaman Pemesanan dan Lihat pemesanan Gambar 18 : Pemesanan Gambar 19 : Lihat Pemesanan Halaman Manajemen Menu Gambar 20 : Halaman Manajemen Menu Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska Halaman Keranjang Gambar 21 : Halaman Pelanggan Halaman Pemesanan Pelanggan Setelah memilih produk, pelanggan dapat menambahkannya ke keranjang.
Sistem menampilkan ringkasan pesanan, total harga, serta opsi memilih atau menambahkan alamat pengiriman.
Ketika pesanan dikirim, data pesanan direkam dalam tabel orders dan order_detail, sehingga setiap transaksi
terdokumentasi secara terstruktur Gambar 22 : Halaman Manajemen Menu
SIMPULAN
Penelitian ini telah berhasil merancang dan membangun sistem toko online berbasis web untuk AuDesty's PastryAy menggunakan bahasa pemrograman PHP 8.
Bootstrap 5.
5, dan basis data MySQL.
Pengembangan mengikuti model Waterfall, dimulai dari analisis kebutuhan, perancangan sistem, hingga implementasi fitur utama seperti katalog produk, manajemen pengguna, keranjang belanja, pemrosesan pesanan, serta panel admin untuk pengelolaan data.
Sistem yang dibangun mampu mengatasi berbagai permasalahan operasional yang sebelumnya terjadi pada proses pemesanan manual melalui WhatsApp, seperti ketidakteraturan pencatatan, kesalahan input, keterbatasan informasi menu, dan kurangnya efisiensi dalam pengelolaan pesanan.
Dengan adanya sistem ini, proses bisnis menjadi lebih terstruktur melalui penyediaan katalog produk yang jelas, alur pemesanan yang terstandarisasi, serta penyimpanan data yang terorganisasi dalam basis data.
Selain itu, integrasi beberapa fitur penting seperti manajemen stok, pengaturan alamat pelanggan, dan pencatatan pesanan memberikan kemudahan bagi pemilik usaha dalam memantau aktivitas penjualan dan mengelola operasional harian.
Sistem ini juga menawarkan potensi pengembangan lebih lanjut, termasuk penambahan fitur pembayaran digital, notifikasi otomatis, atau dashboard analitik penjualan.
Secara keseluruhan, penelitian ini menghasilkan prototipe sistem toko online yang dapat mendukung digitalisasi proses bisnis UMKM, khususnya dalam meningkatkan efisiensi, konsistensi data, dan aksesibilitas layanan bagi pelanggan.
Meskipun belum dilakukan pengujian formal, sistem telah memenuhi kebutuhan dasar pengguna sesuai hasil analisis dan perancangan yang ditetapkan.
Jurnal Sistem Informasi Dan InformatikaAe Vol 4 No 1 .
: Januari 2026 JISKA: Jurnal Sistem Informasi Dan Informatika Vol 4 No 1 .
: Januari 2026 Hal.
http://jurnal.
id/index.
php/jiska UCAPAN TERIMAKASIH Saya menyampaikan rasa syukur dan terima kasih yang sebesar-besarnya kepada Allah SWT atas limpahan rahmat dan karunia-Nya sehingga penelitian dan penulisan manuskrip ini dapat terselesaikan.
Ucapan penghargaan dan terima kasih saya tujukan kepada lembaga yang telah mendanai penelitian ini serta kepada Bapak Anggi Hadi Wijaya.
Pd.
Kom sebagai dosen pengampu yang telah membimbing, memberikan arahan, dan ilmu selama proses penelitian.
Saya juga berterima kasih kepada teman-teman Angkatan Informatika 2023 Universitas Andalas yang telah membantu dalam berbagai diskusi, validasi data, dan dukungan moral.
Terakhir, ucapan terima kasih saya haturkan kepada keluarga dan seluruh staf di Universitas Andalas atas fasilitas dan fasilitas akademik yang mendukung kelancaran penelitian ini.
DAFTAR PUSTAKA