Anda di halaman 1dari 82

LAPORAN AKHIR

RANCANG BANGUN SISTEM INFORMASI PENJUALAN


PADA TOKO AISYAH COOCKIES BERBASIS WEB

Diajukan Oleh:

BELLA FEBRYZHA A.
NIM 2005102072

PROGRAM STUDI MANAJEMEN INFORMATIKA


JURUSAN TEKNIK KOMPUTER DAN INFORMATIKA
POLITEKNIK NEGERI MEDAN
MEDAN
2023
PERNYATAAN ORISINALITAS

i
LEMBAR PENGESAHAN

ii
LEMBAR PERSEMBAHAN

Bismillah Hirohaman Nirohim

Sembah sujud dan syukur kepada allah SWT, yang telah memberikan saya kekuatan
bisa sampai sekarang ini. Jika bukan karna taburan cinta dan kasih saying-Mu saya
bukanlah apa-apa. Engkau yang memudahkan setiap langka saya untuk
meyelesaikan laporan akhir ini. Tidak lupa pula shalawat dan salam selalu
tercurahkan kepada Nabi Muhammad SAW.

Kepada kedua orang tua saya yang selalu mendukung saya dan mendoakan penulis
dari pagi hingga malam. Terutama kepada papa yang selalu memberikan kasih
sayang yang sangat berlimpah dan doa di setiap malamnya, makasih papa. Laporan
akhir ini saya tunjukan untuk mamak dan papa. Sosok yang saya idolakan.
Akhirnya penulis bisa membanggakan papa dan mamak melalui laporan akhir ini.

Terimakasih buat abang andre abang tercinta saya yang telah membatu memberi
dukungan dan pengertian kepada penulis setiap saat pengerjaan laporan ini.
Terimaksih juga buat kakak dan abang atas dukungan yang sangat membantu
penulis untuk menyelesaikan laporan akhir ini.

Terimakasih kepada teman-teman yang sudah membantu dalam mengerjakan


laporan tugas akhir ini terutama syfa yang selalu membantu dan mengantar saya
bimbingan. Banyak sekali ilmu dan pelajaran yang penulis dapat dari teman-teman.
Penulis sangat senang bisa mengenal kalian semua. Sekali lagi terimakasih untuk
semua.

iii
ABSTRAK

Sistem informasi penjualan kue kering berbasis web merupakan sistem informasi
yang dapat menyelesaikan permasalahan dalam memberikan informasi yang cepat.
Penjualan kue kering di toko masih menggunakan cara manual untuk menjual
produk. Pengunjung harus datang ke toko untuk memesan produk toko tersebut.
Strategi pemasaran tersebut bukan berarti tidak bermanfaat lagi dimasa sekarang,
namun perlu mempertimbangkan sebuah media baru dalam proses pemasaran agar
lebih efektif dan efisien. berdasarkan permasalahan tersebut, maka di butuhkan
suatu sistem terkomputerisasi untuk memberikan informasi yang tepat dan
memudahkan pelanggan untuk memesan produk secara online. Hasil dari
pembuatan laporan akhir ini suatu sistem informasi berbasis web yang berguna
untuk mempermudah proses penjualan dan informasi tentang produk dalam toko
tersebut. Sisteminformasi penjualan yang dirancang dan dibangun oleh penulis
menggunakan bahasa pemrograman PHP dan menggunakan bantuan dari
framework Codeigniter. Sedangkan Pemograman basis data menggunakan Mysql.
Penelitian yang dilakukan oleh penulis hanya dapat menghasilkan aplikasi penjualan
berbasis web yang berguna bagi perkembangan penjualan.
Kata kunci : penjualan , kue kering, sistem informasi,toko,Mysql,PHP.

iv
ABSTRACT
Web-based pastry sales information system is an information system that can solve
problems in providing fast information. The sale of pastries in the shop still uses a
manual way to sell products. Visitors must come to the store to order the store's
products. This marketing strategy does not mean that it is no longer useful in the
present, but it is necessary to consider a new media in the marketing process to be
more effective and efficient. based on these problems, a computerized system is
needed to provide the right information and make it easier for customers to order
products online. The result of making this final report is a web-based information
system that is useful for facilitating the sales process and information about
products in the store. The sales information system designed and built by the author
uses the PHP programming language and uses the help of the Codeigniter
framework. While database programming uses Mysql. Research conducted by the
author is expected to produce web-based sales applications that are useful for sales
development.
Keywords: sales, pastries, information system, shop, Mysql, PHP.

v
KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah Subahanahu Wa Ta’ala, Tuhan


Yang Maha Pengasih dan Maha Penyayang telah dilimpahkan segala rahmat,
hidaya dan inayah-Nya sehingga terselesaikan Laporan akhir dengan judul “Sistem
Penjualan Pada Toko Asyah Coockies”.

Laporan akhir ini merupakan kewajiban yang harus dilaksanaknan untuk memenuhi
salah satu syarat kelulusan dalam mencapa derajat Diploma 3 pada Program Studi
D3 Manajemen Informatika Politeknik Negeri Medan. Selama melaksanakan
penelitian dan kemudian tersusun dalam Laporan akhir ini, banyak pihak yang telah
berjasa memberikan bantuan, dukungan dan bimbingan.

Pada kesempatan ini, tak lupa penulis mengucapkan terimakasih yang sebesar-
besarnya kepada:

1. Orang tua papa dan mamak yang telah mendukung dan mendoakan.
2. Bapak Abdul Rahman S.E., Ak.M.Si., Direktur Politeknik Negeri Medan.
3. Bapak Kadri Yusuf S.T., M.Kom Ketua Jurusan Teknik Komputer dan
Informatika Politeknik Negeri Medan.
4. Ibu Marliana Sari, S.T., M.MSI Sekretaris Jurusan Teknik Komputer dan
Informatika Politeknik Negeri Medan.
5. Bapak Arif Ridho Lubis, B.IT., M.Sc.IT. Kepala Program Studi Manajemen
Informatika Politeknik Negeri Medan.
6. Bapak Gabriel Ardi Hutagalung, S.T., M.Kom. Sekretaris Program Studi
Manjemen Informatika Politeknik Negeri Medan.
7. Bapak Ir. Zulkifli Lubis, M.I.Komp. sebagai Dosen Pembimbing yang telah
bersedia memberikan bimbingan, arahan dan petunjuk dalam penulisan
Laporan Laporan akhir.
8. Seluruh Staf Pengajar dan Staf Administrasi Jurusan Teknik Komputer dan
Informatika Program Studi Manajemen Informatika Politeknik Negeri Medan.
9. Abang yang turut memberi dukugan kepada saya.
10. Aisyah Coockies yang bersedia menjadi tempat peneletian dan memberikan
dukungan.

vi
11. Sahabat-sahabat saya Indah, Rafika, Deby, Salwa, Aini, Syfa, Aziza, Juniarta,
Yoana yang selalu ada di saat susah dan senangnya saya.
12. Teman-teman MI 6C yang telah memberi dukungan kepada saya hingga
laporan tugas akhir bisa selesai.

Medan, 17 Juli 2023

Bella Febryzha A
NIM 2005102072

vii
DAFTAR ISI

Halaman
PERNYATAAN ORISINALITAS ............................................................................ i
LEMBAR PENGESAHAN....................................................................................... ii
LEMBAR PERSEMBAHAN .................................................................................. iii
ABSTRAK ............................................................................................................... iv
KATA PENGANTAR ............................................................................................. vi
DAFTAR ISI ............................................................................................................ ix
DAFTAR TABEL .................................................................................................... xi
DAFTAR GAMBAR .............................................................................................. xii
DAFTAR LAMPIRAN .......................................................................................... xiv
PENDAHULUAN .....................................................................................................1
1.1 Latar Belakang ...............................................................................................1
1.2 Rumusan Masalah ..........................................................................................2
1.3 Batasan Masalah ............................................................................................2
1.4 Tujuan Laporan Akhir....................................................................................2
1.5 Manfaat Laporan Akhir..................................................................................3
1.6 Sistematika Laporan.......................................................................................3
BAB 1 PENDAHULUAN .........................................................................................3
BAB 2 TINJAUAN PUSTAKA ................................................................................3
BAB 3 METODE PENELITIAN...............................................................................3
BAB 4 HASIL DAN PEMBAHASAN......................................................................3
BAB 5 SIMPULAN DAN SARAN ...........................................................................4
TINJAUAN PUSTAKA.............................................................................................5
2.1 Penelitian Terdahulu ......................................................................................5
2.2 Landasan Teori...............................................................................................6
Sistem .........................................................................................................................6
Informasi ....................................................................................................................6
Sistem Informasi ........................................................................................................6
Website .......................................................................................................................7
PhpMyAdmin .............................................................................................................7
MySQL.......................................................................................................................8

ix
Internet .......................................................................................................................8
Database .....................................................................................................................9
METODE PENELITIAN .........................................................................................10
3.1 Alat dan Bahan Pembuatan Rancangan / Alat .............................................10
Alat ...........................................................................................................................10
Bahan .......................................................................................................................10
3.2 Metode Pengumpulan Data ..........................................................................11
3.3 Langkah Perancangan ..................................................................................12
Use Case Diagram ....................................................................................................13
Activity Diagram ......................................................................................................15
Class diagram ...........................................................................................................23
Perancangan Basis Data ...........................................................................................23
3.4 Perancangan Interface ..................................................................................27
3.5 Metode Pengujian Rancangan/Alat ..............................................................29
3.6 Hasil Pengujian Sistem ................................................................................30
HASIL DAN PEMBAHASAN ................................................................................33
Langkah pembuatan sistem ......................................................................................33
Hasil pengujian rancangan sistem ............................................................................39
4.2 Pembahasan .................................................................................................40
Kelebihan aplikasi ....................................................................................................40
Kekurangan aplikasi .................................................................................................40
SIMPULAN DAN SARAN .....................................................................................42
5.1 Simpulan ......................................................................................................42
5.2 Saran ............................................................................................................42
DAFTAR PUSTAKA ..............................................................................................43

x
DAFTAR TABEL

Halaman
Tabel 3.1 Deskripsi Aktor ..................................................................................... 13
Tabel 3.2 Deskripsi Use Case Diagram ................................................................ 14
Tabel 3.3 Keterangan Activity Diagram Login Admin......................................... 15
Tabel 3.4 Deskripsi Activity Diagram Kategori ................................................... 16
Tabel 3.5 Deskripsi Activity Diagram .................................................................. 17
Tabel 3.6 activity diagram data petugas. ............................................................... 18
Tabel 3.7 Deskripsi Activity Diagram Data Pengguna ......................................... 19
Tabel 3.8 Deskripsi Activity Diagram Data Tagihan ............................................ 20
Tabel 3.9 Deskripsi Activity Diagram Data pesanan Pada penjual....................... 21
Tabel 3.10 Deskripsi Activity Diagram Update Profile ........................................ 22
Tabel 3.11 Tabel admin......................................................................................... 22
Tabel 3.12 Tabel produk ....................................................................................... 24
Tabel 3.13 tabel order........................................................................................... 24
Tabel 3.14 Tabel Chart .......................................................................................... 25
Tabel 3.15 Tabel Chart (Lanjutan) ........................................................................ 25
Tabel 3.16 tabel oders confirm.............................................................................. 25
Tabel 3.17 tabel orders detail ................................................................................ 26
Tabel 3.18 Pengujian Sistem Login ...................................................................... 30
Tabel 3.19 Pembuatan Data admin ....................................................................... 30
Tabel 3.20 Pembuatan order ................................................................................. 30

xi
DAFTAR GAMBAR

Halaman
Gambar 3.1 Observasi Langsung Aisyah Coockies .............................................. 11
Gambar 3.2 Gambar Hasil Wawancara ................................................................. 12
Gambar 3.3 Dokumentasi...................................................................................... 12
Gambar 3.4 Use Case Diagran .............................................................................. 13
Gambar 3.5 Activity Diagram Login Admin ........................................................ 15
Gambar 3.6 Activity Diagram Katagori................................................................ 16
Gambar 3.7 Activity Diagram Data Produk .......................................................... 17
Gambar 3.8 Activity diagram data Orderan.......................................................... 18
Gambar 3.9 Activity Diagram Data Pengguna ...................................................... 19
Gambar 3.10 Activity Diagram Data Tagihan ...................................................... 20
Gambar 3.11 Activity Diagram Data Pemesanan ................................................. 20
Gambar 3.12 Activity Diagram Data Pembayaran ................................................ 21
Gambar 3.13 Activity Diagram Update Profile..................................................... 22
Gambar 3.14 Class Diagram ................................................................................. 23
Gambar 3.15 Halaman Login ................................................................................ 27
Gambar 3.16 Halaman Kategori............................................................................ 27
Gambar 3.17 Halaman Dashboard ........................................................................ 28
Gambar 3.18 Halaman Pemesanan........................................................................ 28
Gambar 3.19 Halaman Pengguna .......................................................................... 29
Gambar 3.20 Halaman Keranjang ......................................................................... 29
Gambar 4.1 Halaman login (Admin) .................................................................... 33
Gambar 4.2 halaman katagori ............................................................................... 34
Gambar 4.3 halaman produk ................................................................................. 34
Gambar 4.4 Halaman orderan ............................................................................... 35
Gambar 4.5 halaman katagori ............................................................................... 35
Gambar 4.6 halaman pemesanan ........................................................................... 36
Gambar 4.7 halaman pembayaran ......................................................................... 36
Gambar 4.8 halaman login pelanggan ................................................................... 37
Gambar 4.9 halaman utaman pelanggan ............................................................... 37
xii
Gambar 4.10 halaman total pembayaran ............................................................... 38
Gambar 4.11 halaman login email salah ............................................................... 39
Gambar 4.12 halaman login password salah ......................................................... 39
Gambar 4.13 uji coba sistem pada web ................................................................. 40

xiii
DAFTAR LAMPIRAN
Halaman

Lampiran 1 Surat Kesediaan Dosen Pembimbing ....................................................................... 45


Lampiran 2 Pengajuan Judul Ta .................................................................................................. 46
Lampiran 3 Kartu Bimbingan ...................................................................................................... 47
Lampiran 4 Pengajuan Sidang Laporan Akhir ............................................................................. 48
Lampiran 5 Undangan Sidang ..................................................................................................... 49
Lampiran 6 Bebas Revisi Dosen Penguji I .................................................................................. 50
Lampiran 7 Bebas Revisi Dosen Penguji II ................................................................................. 51
Lampiran 8 Listing Program ........................................................................................................ 52
Lampiran 9 Biodata Penulis......................................................................................................... 68

xiv
PENDAHULUAN

1.1 Latar Belakang

Toko Aisyah Coockies adalah toko kue yang menjual berbagai macam kue.
Proses pemesanan kue di Toko Aisyah Coockies dilakukan dengan cara
pelanggan datang langsung ke toko untuk melakukan pemesanan. Hal ini
membuat pelanggan membutuhkan tenaga dan waktu untuk melakukan
pemesanan kue. Oleh karena itu, sangat dibutuhkan sebuah sistem informasi
pemesanan kue berbasis web agar pelanggan dapat melakukan pemesanan kue
dengan mudah dan cepat tanpa harus datang ke toko.

Sistem informasi pemesanan kue berbasis web akan memberikan banyak


manfaat bagi Toko Aisyah Coockies dan pelanggan. Bagi Toko Aisyah
Coockies, sistem ini akan dapat meningkatkan penjualan, karena pelanggan
dapat melakukan pemesanan kue kapan saja dan di mana saja. Selain itu, sistem
ini juga akan dapat meningkatkan efisiensi operasional toko, karena proses
pemesanan kue akan dapat dilakukan secara otomatis.

Bagi pelanggan, sistem informasi pemesanan kue berbasis web akan


memberikan kemudahan dalam melakukan pemesanan kue. Pelanggan tidak
perlu datang ke toko untuk melakukan pemesanan, dan mereka dapat
melakukan pemesanan kue dari mana saja dan kapan saja. Selain itu, sistem ini
juga akan memberikan informasi yang lengkap tentang kue yang dijual di Toko
Aisyah Coockies, seperti harga, jenis, dan ukuran kue.

Berdasarkan uraian di atas, maka penulis membuat tugas akhir dengan judul
“Sistem Informasi Penjualan Pada Toko Aisyah Coockies Berbasis Web”.
Tujuan dari tugas akhir ini adalah untuk merancang dan membuat sistem
informasi penjualan kue berbasis web untuk Toko Aisyah Coockies. Sistem ini
akan dapat memberikan kemudahan bagi pelanggan dalam melakukan
pemesanan kue, dan juga akan dapat meningkatkan penjualan dan efisiensi
operasional Toko Aisyah Coockies.

1
Agar tujuan dari penelitian tercapai, maka penulis melakukan beberapa hal
berikut: Menganalisis kebutuhan sistem informasi pemesanan kue berbasis
web untuk Toko Aisyah Coockies, merancang sistem informasi pemesanan
kue berbasis web sesuai dengan kebutuhan Toko Aisyah Coockies,
mengembangkan sisteminformasi pemesanan kue berbasis web menggunakan
bahasa pemrograman PHP dan MySQL, menguji sistem informasi pemesanan
kue berbasis web, mengimplementasikan sistem informasi pemesanan kue
berbasis web di Toko Aisyah Coockies. Berdasarkan urayan tersebut penulis
tertarik untuk mengangkat judul “Rancang Bangun Sistem Informasi
Penjualan Pada Toko Aisyah Coockies Berbasis Web”.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah dijelaskan sebelumnya, maka rumusan


masalah dalam tugas akhir ini dapat diuraikan sebagai berikut, yaitu:

1. Bagaimana cara mengatasi pemesanan online di whatsapp agar


pemesananyang di lakukan dapat lebih terorganisir.
2. Bagaimana cara membangun sistem informasi untuk pemesanan secara
online pada toko aisyah coockies berbasis web.
1.3 Batasan Masalah

Ruang lingkup masalah yang dibahas mengenai “Rancang Bangun Sistem


Informasi Penjualan PadaToko Aisyah Coockies Berbasis Web” antara lain :

a. Untuk menentukan jadwal pengambilan kue yang customer pesan.


b. Pembayaran di lakukan melalui trasfer pada rekening yang tercantum di
website, Karena toko belum menampilkan pembayaran yang lain kecuali
transfer.
c. Konfirmasi pembayaran masih di cek oleh admin,belum bisa otomatis
terkonfirmasi sendiri.
1.4 Tujuan Laporan Akhir

Adapun tujuan laporan akhir ini adalah sebagai berikut:

a. Merancang dan membuat sistem informasi penjualanan Website untuk


TokoAisyah Coockie.

2
b. Aplikasi menampilkan katalog kue dan melayani transaksi pemesanan kue
secara online bagi pelanggan.

1.5 Manfaat Laporan Akhir

Adapun manfaat penulisan laporan tugas akhir ini dapat diuraikan sebagai
berikut, yaitu:

a. Sebagai sarana untuk menerapkan kemampuan teori dan praktek yang


didapatkan selama kuliah dan belajar di prodi Manajemen Informatika.

b. Laporan tugas akhir ini dapat dijadikan referensi mengenai permasalahan


yang terkait dengan tugas akhir ini.

c. Bagi pembaca tugas akhir ini dapat dijadikan sebagai tambahan ilmu
mengenai pengetahuan komputer khususnya dalam membangun aplikasi
sistem informasi berbasis web.

d. Mempermudah pelanggan untuk memesan produk kue kering secara online.

1.6 Sistematika Laporan

Sistematika penulisan laporan ini adalah sebagai berikut:


BAB 1 PENDAHULUAN
Berisi latar belakang sistem informasi yang akan dirancang yaitu perancangan
dan pembuatan sistem informasi Toko Aisyah Coockies Berbasis Website
Diikuti dengan rumusan masalah, batasan masalah, tujuan Tugas Akhir, dan
juga manfaat dari Tugas Akhir.
BAB 2 TINJAUAN PUSTAKA
Bab ini berisi landasan teori yang digunakan dalam menyelesaikan laporan
tugas akhir. Bagian ini berisi teori, data, atau informasi yang menjadi dasar
identifikasi, penjelasan dan pembahasan masalah tugas akhir.
BAB 3 METODE PENELITIAN
Bab ini berisi tentang analisis sistem informasi yang mau penulis buat yang
berjudul Sistem Informasi Penjualan Pada Toko Aisyah Coockies Berbasis
Website . Bagian ini juga berisi tentang perancangan dan pembuatan sistem
yang akan dibangun.
BAB 4 HASIL DAN PEMBAHASAN
3
Bab ini berisi tentang hasil sistem informasi yang dibuat sesuai dengan
rancangan yang dibuat. Bagian hasil hanyalah menampilkan data atau sistem
yang dibuat sedangkan interpretasi dari hasil tersebut termasuk dalam bagian
pembahasan.
BAB 5 SIMPULAN DAN SARAN
Bab ini merupakan hasil akhir dari semua pengerjaan tugas akhir yaitu
simpulan dan saran yang penulis berikan untuk mengembangkan sistem.
Simpulan berisikan pernyataan yang berupa rangkuman dari hasil
pembuatantugas akhir. Saran yang dibuat berkaitan dengan hasil dan
pembahasan dalam laporan tugas akhir.

4
TINJAUAN PUSTAKA

2.1 Penelitian Terdahulu

Penelitian terdahulu bertujuan untuk mendapatkan bahan perbandingan dan


acuan. Selain itu, untuk menghindari anggapan kesamaan dengan penelitian
ini. Maka dalam tinjauan pustaka ini peneliti mencantumkam hasil-hasil
penelitian terdahulu sebagai berikut:

1. Tabel Penelitian Terdahulu


No Peneliti, Judul, Tahun Pembahasan Persamaan dan Perbedaan

1. Yeni Anggraini, Membuat Sistem Perbedaan nya adalah system


Donaya Pasha, untuk penjualan dalam penelitian ini hanya di
Damayanti, dan Aan sepeda oleh gunakan hanya untuk perusahaan
Setiawan, “Sistem perusahaan Orbit saja, yaitu Orbit Station dan
Informasi Penjualan Station di kota sepeda.
Sepeda Berbasis Web Bandar Lampung. Sedangkan topik yang penulis
Menggunakan angkat berjenis penjualanan kue
Framework kering, yaitu terdapat lebih dari 1
Codeigniter”, 2020 jenis kue kering.
(Anggraini et al., 2020)

2. Filzah Nadiah, Membuat aplikasi Persamaan penelitian ini dengan


“Rancang Bangun marketplace untuk topik yang penulis angkat
Marketplace Bahan toko bahan bangunan adalahkeduanya membahas
Bangunan di di Kecamatan Percut tentang marketplace di daerah
Kecamatan Percut Sei Sei Tuandengan tertentu.
Tuan Berbasis Web”, pembayaran cash on
2021 (Lase delivery. Perbedaan nya terletak pada
& Nadiah, 2021) target bisnisnya hanya 1 yaitu
bahan bangunan, sedangkan
penulis berupa penjualan
mengenai toko kue kering.
Selain itu, metode pembayaran
penelitian ini adalahcash on
delivery, sedangkan penulis
menggunakan metode
pembayaran transfer bank.
3. Arka Fadila Yasa, Membuat sistem Persamaan penelitian ini dengan
Denny Sagita untuk topik yang penulis angkat
Rusdianto, dan mempertemukan adalahkeduanya membahas
Komang Candra antara pihak yang tentang marketplace.
Brata, sedang membutuhkan
“Pembangunan pekerja lepas untuk Perbedaan nya terletak pada
Sistem Freelance mengerjakan suatu target bisnisnya yang
Marketplace Untuk proyek dengan berfokuspada freelance
Bidang freelance yang software, sedangkan penulis
Pengembangan memiliki keahlian berfokus padapenjualanan.
Perangkat Lunak yang berfokus pada
5
Berbasis Web”, pencarian pekerja di
2019 (Yasa et al., bidang
2019) pengembangan
software.

2.2 Landasan Teori

Sistem

Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling


berhubungan, berkumpul bersama-sama untuk melakukan suatu kegatan
tertentu untuk mencapai tujuan tertentu (Asmara, 2019).

Informasi

Informasi adalah data yang diolah menjadi bahan yang lebih berguna dan
berarti bagi penerimanya. Dengan informasi, sbuah Lembaga dapat
mengetahui tingkat produktivitas kemajuan dan aktivitas yang terjadi pada
Lembaga tersebut (Sutopo, 2012).

Sistem Informasi

Sistem informasi adalah sistem yang dapat didefinisikan dengan


mengumpulkan, memperoses, menyimpan, menganalisis, menyebarkan
informasi untuk tujuan tertentu. Seperti sistem lainnya, sebuah sistem
informasi terdiri atas input (datainstruksi) dan output (laporan, kalkulasi).

Sistem informasi adalah seperangkat komponen yang saling berhubungan,


yang bekerja untuk mengumpulkan dan menyimpan data serta mengolahnya
menjadi informasi untuk digunakan. (Nofyat et al., 2018)

Sistem informasi adalah media untuk menyajikan informasi dan memiliki


manfaat bagi penggunanya. Tujuannya adalah untuk memberikan informasi
kepada perusahaan yang membantu organisasi melaksanakan proses
pengambilan keputusannya. (Widyasari & Ramadhan, 2022)

6
Website

Website adalah suatu sistem yang berkaitan dengan dokumen yang digunakan
sebagai media untuk menampilkan teks, gambar, multimedia dan lain
sebagainya pada jaringan internet (Alexander F.K, 2011).

“Website” atau disingkat web, dapat diartikan sekumpulan halaman yang


terdiri atas beberapa laman yang berisi informasi dalam bentuk data digital,
baik berupa teks, gambar, video, audio, dan animasi lainnya yang disediakan
melalui alur koneksi internet” “Website adalah keseluruhan halaman-
halaman web yang terdapat dari sebuah domain yang mengandung informasi.
Sebuah website biasanya dibangun atas banyak halaman web yang saling
berhubungan. (Yuhefizar, 2016).

Aplikasi atau perangkat lunak yang digunakan untuk memproses penelitian


dengan tujuan mendapatkan informasi dari situs web dapat di artikan sebagai
penjelasan dari Web browser. Awalnya yang ditampilkan browser hanya teks,
setelah berkembangnya web browser, sekarang tidak hanya menunjukkan
web browser, tetapi juga dapat melakukan pemutaran media yaitu audio dan
video selain dari itu web browser juga bisa menerima dan mengirim email,
serta memproses kode HTML sebagai input dari penjelajahan, dan halaman
web sebagai output informasi. Peramban web juga dapat menyimpan aktivitas
penelusuran pengguna dalam bentuk URL yang dijelajahi, gambar yang
diunduh, file, cache, cookie serta informasi lain. Pengguna browser web yang
sadar privasi tidak menampilkan riwayat pencarian selama orang itu
menjelajahi internet. (Zahara & Harman, 2021)

PhpMyAdmin

PhpMyAdmin adalah tool open source yang ditulis dalam bahasa PHP untuk
menangani administrasi MySQL berbasis World Wide Web. Berdasarkan
teori diatas maka dapat disimpulkan PhpMyAdmin adalah sebuah aplikasi
web yang digunakan untuk administrasi database MySQL yang berbasis tool
open source dan Word Wide Web. PhpMyAdmin digunakan untuk
administrasi database MYSQL. (Cahyono & Jayanti, 2022)

7
MySQL

MySQL merupakan suatu jenis database server yang sangat terkenal. MySQL
termasuk jenis RDBMS (Relational Database Manajement System). MySQL
mendukung bahasa pemrograman PHP, bahasa permintaan yang terstruktur,
karena pada penggunaannya SQL memiliki berberapa aturan yang telah
distandarkan oleh asosiasi yang bernama ANSI. MySQL merupakan RDBMS
(Relational Database Management System) server. RDBMS adalah program
yang memungkinkan pengguna database untuk membuat, mengelola, dan
menggunakan data pada suatu model relational. Dengan demikian, tabel-tabel
yang ada pada database memiliki relasi antara satu tabel dengan tabel lainnya.
(Asnawati & Kanedi, 2021)

MySQL merupakan server yang melayani basis data dengan tujuan untuk
membuat, mengolah serta menyimpan basis data. Pada MySQL terdapat
bahasa pemrograman khusus yang disebut dengan query (perintah) SQL.
Basis data akan dibutuhkan apabila inputan data dari user web menggunakan
form HTML selanjutnya akan diolah PHP agar dapat disimpan di basis data
MySQL. (Jubilee Enterprise., 2018)

Internet

Internet adalah suatu jaringan komunikasi yang memiliki fungsi untuk


menghubungkan antara satu media elektronik dengan media elektronik yang
lain dengan cepat dan tepat. Jaringan komunikasi tersebut, akan
menyampaikan beberapa informasi yang dikirim melalui transmisi sinyal
dengan frekuensi yang telah disesuaikan. Untuk standar global dalam
penggunaan jaringan internet sendiri menggunakan TCP / IP (Transmission
Control Protocol / Internet Protocol). (Maharani et al., 2021)

Internet merupakan sekumpulan jaringan yang berskala global yang


menghubungkan komputer-komputer dan jaringan-jaringan komputer di
seluruh dunia. Setiap komputer dan jaringan terhubung secara langsung
maupun tidak langsung ke beberapa jalur utama yang disebut internet
backbone. Tujuan utama dari internetworking adalah interoperabilitas yang
maksimum, yaitu memaksimalkan kemampuan program pada sistem
8
komputer jaringan yang berbeda untuk berkomunikasi secara handal dan
efisien. (Asnawati & Kanedi, 2021)

Database

Database merupakan kumpulan file – file yang saling berkaitan dan


berinteraksi, relasi tersebut bila ditunjukan dengan kunci dari tiap - tiap file
yang ada. Satu database menunjukkan suatu kumpulan data yang dipakai
dalam suatu lingkup perusahaan, instansi. Pengolahan database merupakan
suatu cara yang dilakukan terhadap file-file yang berada di suatu instansi yang
mana file tersebut dapat disusun, diurut, diambil sewaktu-waktu serta dapat
ditampilkan dalam bentuk suatu laporan sehingga dapat mengolah file-file
yang berisikan informasi tersebut secara rapi. (Irmayani & Munandar, 2020)
Database adalah sekumpulan informasi yang diatur agar mudah dicari. Dalam
arti umum basis data adalah sekumpulan data yang diproses dengan bantuan
komputer yang memungkinkan data dapat diakses dengan mudah dan tepat,
yang dapat digambarkan sebagai aktivitas dari satu atau lebih organisasi yang
berelasi. (Audrilia & Budiman, 2020)

Dalam jurnal yang diterbitkan oleh peneliti Daniel Dido Jantce TJ Sitinjak,
Maman, dan Jaka Suwita mendefinisikan bahwa “Database adalah sebuah
struktur yang umumnya dikategorikan dalam 2 hal: sebuah database flat
dan sebuah database relasional. Database relasional lebih disukai karena
lebih masuk akal dibandingkan database flat”. (Daniel Dido Jantce TJ
Sitinjak, 2020)

9
METODE PENELITIAN

3.1 Alat dan Bahan Pembuatan Rancangan / Alat

Penulis melakukan analisa terhadap kebutuhan untuk pengembangan sistem


yang telah berjalan, yang mana, diharapkan dapat membantu dalam kegiatan
pemesana kue secara online di toko kue AISYAH COOCKIES. Untuk
pembuatannya, di perlukan alat dan bahan tertentu.

Alat

Ada dua jenis alat yang digunakan dalam perancangan sistem informasi yang
sedang dilakukan, yaitu perangkat keras dan perangkat lunak.

a. Perangkat Lunak (Software)

Perangkat lunak yang digunakan sebagai pengelolaan dan tools dalam


proses pengerjaan sistem informasi yaitu:

1) Visual Studio Code, sebagai aplikasi editor code.

2) XAMPP, sebagai aplikasi server lokal.

3) MySQL, sebagai Database Management Ststem (DBMS) dalam


melakukan pengelolaan database.

4) Laravel, sebagai framework pengembang aplikasi.

5) Windows 10, sebagai sistem operasi.

6) Figma, sebagai Image Editor.

Bahan

Bahan yang di gunakan dalam pembuatan sistem informasi AISYAH


COOCKIES data hasl penelitian dari wawancara yang telah dilakan bersama
narasumber di toko AISYAH COOCKIES. Bahan-bahan yang di dapat kan
melalui wawancara tersebut berupa informasi terkait alur yang sudah
berjalan, data harga produk, bahan dan nama produk, jenis produk.

10
3.2 Metode Pengumpulan Data

Metode pengumpulan data yang di gunakan untuk menyelesaikan penulisan ini


adalah sebagai berikut:

a. Obervasi

Metode observasi dalam pengumpulan data ini di lakukan dengan cara


mengamati langsung ke objek penelitian yaitu toko kue aisyah coockies

Gambar 3.1 Observasi Langsung Aisyah Coockies

b. Wawancara

Metode wawancara di lakukan dengan cara bertanya atau interview secara


langsung dengan pihak toko kue yaitu ibu aisyah titki siregar mengenai
rancangan yang di inginkan dan prodak apa saja yang akan di tampil kan di
aplikasi, selain itu penulis juga menanyakan harga dan berat prodak
tersebut.

11
Gambar 3.2 Gambar Hasil Wawancara

c. Dokumentasi

Metode ini bertujuan untuk memperoleh data langsung pada tempat


penelitian, meliputi bahan bahan yg di gunakan, foto-foto, serta data yang
di butuhkan untuk membantu pemesanan pada toko kue aisyah coockies

Gambar 3.3 Dokumentasi

3.3 Langkah Perancangan

Permodelan rancangan sistem yang sednag dibangun menggunakan diagram


UML yang dilakukan dengan pembuatan diagram. Diagram UML yang
digunakan dalam pemodelan sistem ini berupa Use Case Diagram, dan Activity
Diagram.

12
Use Case Diagram

Berikut merupakan rancangan sistem informasi toko kue AISYAH


COOCKIES dengan Model Use Case Diagram:

Gambar 3.4 Use Case Diagran


Tabel 3.1 Deskripsi Aktor

Nama Aktor Deskripsi


Pemilik/ Admin Pemilik/ Admin merupakan level akun yang memiliki peran
tertinggi pada aplikasi pemesanan kue pada Toko Aisyah Coockies
Berbasis Web
pelanggan Pelanggan merupakan level akun yang memiliki peran untuk
melakukan pemesanan kue, seperti memilih jenis kue, mengupload
bukti pembayaran.
pengunjung Pengunjung merupakan level akun yang berperan sebagai hanya
dapatmelihat informasi jenis kue dan harga kue.

13
Tabel 3.2 Deskripsi Use Case Diagram

Use Case Aktor Deskripsi.


Login Pemilik/ Validasi pengguna berdasarkan level pengguna sebelum
Admin, masukkedalam sistem.
Penjual
Mengelola Pemilik/ Halaman yang memuat data pengelolaan informasi
Informasi Admin halaman .
Halaman
Mengelola Pemilik/ Halaman yang memuat pengelolaan data pelanggan.
Data Admin
Pelanggan
Mengelola Pemilik/ Halaman yang memuat pengelolaan data produk.
Data produk Admin

Mengelola Pemilik/ Halaman yang memuat pengelolaan data penjual.


Penjual Admin

Konfirmasi Pemilik/ Halaman ini digunakan untuk mengelola konfirmasi


Pemesanan Admin pemesanan apakah telah di bayar atau salah upload bukti
pembayaran, mengubah status pemesanan, cancel,
menunggu pembayaran, sudah dibayar dan selesai.
Laporan Pemilik/ Halaman yang memuat untuk laporan data pemesanan
Admin, secara keseluruhan.
Penjual
Ubah Data Pelangga Halaman untuk mengubah data profil penlanggan, berisi
Profil n data profil biodata pelanggan yang sedang login.

Melakukan pelangga Halaman yang memuat untuk melakukan pelanggan


Pemesanan n seperti memilih jenis kue, memilih waktu pengambilan
dan upload bukti pembayaran.
Logout Pemilik/ Halaman untuk keluar dari akun admin.
Admin,
Penjual
Registratsi Pengunj Halaman yang memuat untuk melakukan pendaftaran
ung akun pengguna baru.

Home Penjual, Halaman awal saat membuka aplikasi tersebut.


Pengunj
ung
Toko kue Penjual, Halaman yang memuat informasi kue dan harga yang
Pengunj tersedia.
ung
Hubungi Penjual, Halaman yang berisi form untuk pertanyaan untuk
Kami Pengunj menghubungi pemilik, sperti pertanyaan dan saran.
ung
Rekening Penjual, Halaman yang berisi keterangan rekening pemilik.
Pengunj
ung

14
Pemilik/admin dapat melakukan login, mengelola dan melihat data
Pelanggan, data kue, data pelanggan, data laporan serta mengelola informasi
halaman, Kemudian pelanggan dapat melakukan registrasi, login, melihat
informasi pemesanan, melakukan pemesanan dan pembayaran.

Activity Diagram

Activity diagram admin menggambarkan aliran kerja atau aktivitas admin


dalam mengelola sebuah sistem.

1. Activity Diagram Admin

Activity diagram login admin menggambarkan aktivitas yang terjadi saat


admin mengakses login pada sistem.

Gambar 3.5 Activity Diagram Login Admin

Berikut merupakan tabel deskripsi activity diagram login admin.

Tabel 3.3 Keterangan Activity Diagram Login Admin

Nama Aktor Deskripsi

Activity diagram Login Admin Admin mengunjungi sistem, dimana sistem


langsung menampilkan halaman login. Lalu admin
Admin
mengisikan data login berupa email dan password,
kemudian admin menekan tombol login. Sistem
akan mengecek email dan password, jika data valid
maka sistem akan menampilkan halaman
dashboard. Jika tidak valid, maka sistem akan
mengeluarkan alert dan kembali kepada halaman
login.

15
2. Activity Diagram Kategori

Activity diagram katagori menggambarkan aktivitas yang terjadi antara


admin dan sistem dalam melakukan pengolahan data katagori.

Gambar 3.6 Activity Diagram Katagori


Berikut merupakan tabel deskripsi activity diagram katagori:

Tabel 3.4 Deskripsi Activity Diagram Kategori

Nama Aktor Deskripsi


Activity diagram Admin Admin memiliki hak akses untuk mengelola data
Katagori sistem seperti menambahkan produk, melihat
detail produk, mengedit, dan menghapus dengan
cara menekan salah satu tombol diikuti dengan
alur yang ada.

3. Activity Diagram Data Produk

Activity diagram data produk menggambarkan aktivitas yang terjadi


antara admin dan sistem dalam melakukan pengolahan data produk.
16
Gambar 3.7 Activity Diagram Data Produk
Berikut merupakan tabel deskripsi activity diagram data produk:

Tabel 3.5 Deskripsi Activity Diagram


Nama Aktor Deskripsi

Activity diagram Data Admin Admin memiliki hak akses penuh untuk mengelola
P ro d u k data penjual pada sistem seperti menambahkan data
produk,melihat detail data produk, mengedit, dan
menghapus dengan cara menekan salah satu tombol
diikuti dengan alur yang ada.

4. Activity Diagram Data Orderan

Activity diagram data Orderan menggambarkan aktivitas yang terjadi antara


admin dan sistem dalam melakukan pengolahan data Orderan.

17
Gambar 3.8 Activity diagram data Orderan
Berikut merupakan tabel deskripsi activity diagram data petugas.

Tabel 3.6 activity diagram data petugas.

Nama Aktor Deskripsi


Activity diagram Data Admin Admin memiliki hak akses untuk mengelola data
Orderan Orderan pada sistem seperti menambahkan data
Orderan, dan mengedit dengan cara menekan salah
satu tombol diikuti dengan alur yang ada.
5. Activity Diagram Data Pengguna

Activity diagram data pengguna menggambarkan aktivitas yang terjadi


antara admin dan sistem dalam melakukan pengolahan data pengguna.

18
Gambar 3.9 Activity Diagram Data Pengguna
Berikut merupakan tabel deskripsi activity diagram data pengguna.

Tabel 3.7 Deskripsi Activity Diagram Data Pengguna


Nama Aktor Deskripsi

Activity diagram Data Admin Admin memiliki hak akses untuk mengelola data
pengguna pengguna pada sistem seperti menambahkan data
pengguna, mengedit dan menghapus data
pembayaran dengan cara menekan salah satu
tombol diikuti dengan alur yang ada.

6. Activity Diagram Data Tagihan

Activity diagram data tagihan menggambarkan aktivitas yang terjadiantara


admin dan sistem dalam melakukan pengolaha data tagihan.

19
Gambar 3.10 Activity Diagram Data Tagihan
Berikut merupakan tabel deskripsi activity diagram data tagihan.

Tabel 3.8 Deskripsi Activity Diagram Data Tagihan


Nama Aktor Deskripsi

Activity diagram Data Admin Admin memiliki hak akses untuk mengelola data
tagihan pada sistem seperti melakukan pembayaran
Tagihan
dengan menekan salah satu tombol diikuti dengan
alur yang ada.

7. Activity Diagram Data Pemesanan

Activity diagram data pembayaran menggambarkan aktivitas yang


terjadi antara ppenjual dan sistem dalam melakukan pengolahan data
pemesana.

Gambar 3.11 Activity Diagram Data Pemesanan


20
Berikut merupakan tabel deskripsi activity diagram pemesanan pada
penjual.

Tabel 3.9 Deskripsi Activity Diagram Data pesanan Pada penjual.


Nama Aktor Deskripsi

Activity diagram Data Petugas Petugas memiliki hak akses untuk mengelola data
pembayaran pada sistem seperti menambahkan data
Pembayaran
pembayaran, mengedit dan menghapus data
pembayaran dengan cara menekan salah satu
tombol diikuti dengan alur yang ada.

8. Activity Diagram Data Pembayaran

Activity diagram data pembayaran menggambarkan aktivitas yang


terjadi antara admin dan sistem dalam melakukan pengolahan data
pembayaran.

Gambar 3.12 Activity Diagram Data Pembayaran

21
Berikut merupakan tabel deskripsi activity diagram data pembayaran.

Tabel 3.6 Deskripsi Activity Diagram Data Pembayaran


Nama Aktor Deskripsi

Activity diagram Data Admin Admin memiliki hak akses untuk mengelola data
Pembayaran pembayaran pada sistem seperti menambahkan data
pembayaran, mengedit dan menghapus data
pembayaran dengan cara menekan salah satu
tombol diikuti dengan alur yang ada.

9. Activity diagram update profile

Activity diagram update profile menggambarkan aktivitas yang terjadiantara


admin dan sistem dalam melakukan update profile.

Gambar 3.13 Activity Diagram Update Profile

Berikut merupakan tabel deskripsi activity diagram updateprofile.

Tabel 3.10 Deskripsi Activity Diagram Update Profile

Nama Aktor Deskripsi

Activity diagram Admin Admin memiliki hak akses untuk mengupdate


Update Profile profile dengan menekan tombol update profile
diikuti dengan alur yang ada.

22
Class diagram

Pada Sebuah perancangan aplikasi tidak lepas dari yang namanya UML
(Unified Modeling Language). Salah satu bagian dari UML adalah Class
Diagram dari sebuah alur database dalam sebuah program. Pada Perancangan
dan Pembuatan Sistem Informasi Penjualan Pada Toko Aisyah Coockies
Berbasis Web, penulis menggunakan class diagam sebagai salah satu bahan
acuan dalam perancangan sistem. Berikut merupakan class diagram dari
Penjualan Pada Toko Aisyah Coockies Berbasis Web.

Gambar 3.14 Class Diagram


Perancangan Basis Data

Perancangan basis data di perlukan dalam pengembangan sistem informasi


pelanyanan jasa IT berbasis web pada Toko Aisyah Coockies, di ginakan
untuk tempat penyimpanan seluru informasi dan data. Adapun tabelnya
sebagai berikut:

23
1. Tabel admin

Merupakan tabel yang berguna untuk menyimpan data user.

Tabel 3.11 Tabel admin

Nama Type Null Keterangan


Id Int (11) no Primary key
name Varchar(55) no
email Varchar(50) no
password Varchar(100) no
role Enum(‘admin’,’member’) no
Is_active Tinyint(1) no
Image Varchar(90) no

2. Tabel produk

Merupakan tabel yang berguna untuk menyimpan data produk.

Tabel 3.12 Tabel produk

Nama Type Null Keterangan

Id Int (11) no Primary key


Id_category Int(11) no Foreign key
Slug Varchar(50) no
title Varchar(50) no
description Varchar(255) no
price int(11) no
Is_available Tinyint(1) no
Image Varchar(80) no

3. Tabel category

Merupakan tabel yang berguna untuk menyimpan data category produk.

24
Tabel 3. 1 Tabel category
Nama Type Null Keterangan
Id Int (11) no Primary key
siug Varchar(20) no
title Varchar(25) no

4. Tabel order

Merupakan tabel yang berguna untuk menyimpan data order.

Tabel 3.13 tabel order

Nama Type Null Keterangan


Id Int (11) no Primary key
Id_user Int(11) no Foreign key
date date no
invoice Varchar(50) no
total Int(11) no
name Varchar(55) no
address Varchar(60) no
phone Varchar(15) no
status Enum(‘waiting’,’paid’,delivered’, no
’cancel’)

5. Tabel cart

Merupakan tabel yang berguna untuk menyimpan data cart.

Tabel 3.14 Tabel Chart

Nama Type Null Keterangan


Id Int (11) no Primary key
Id_user Int(11) no

25
Tabel 3.15 Tabel Chart (Lanjutan)

Nama Type Null Keterangan


Id_product Int(11) no
Qty Int(11) no
subtotal Int(11) no

6. Tabel orders confirm

Merupakan tabel yang berguna untuk menyimpan data orders confirm.

Tabel 3.16 tabel oders confirm

Nama Type Null Keterangan


Id Int (11) no Primary key
Id_orders Int(11) no
account_name Varchar(55) no
account_number Varchar(50) no
nominal Int(11) no
note Varchar(50) no
image Varchar(80) no

7. Tabel orders detail

Merupakan tabel yang berguna untuk menyimpan data orders detail.

Tabel 3.17 tabel orders detail

Nama Type Null Keterangan


Id Int (11) no Primary key
Id_orders Int(11) no
Id_product Int(11) no
Qty Int(4) no
subtotal Int(11) no

26
3.4 Perancangan Interface

Perancangan Interface Pada Admin

Pada perancangan interface bagian admin ini menampilkan perancangan


dari tampilan web yang akan dibuat. Berikut tampilan interface web
tersebut.

1. Perancangan Halaman Login

Admin sebelum masuk dan beraktivitas di web memerlukan login


terlebihdahulu dengan memasukkan email dan password yang terdaftar.

Gambar 3.15 Halaman Login

2. Perancangan halaman katagori

Halaman katagori merupakan halan untuk melihat jenis produk kue yang
ada contoh nya ada dua jenis katagori seperti yang cokelat dan non
cokelat.

Gambar 3.16 Halaman Kategori

27
3. Perancangan Halaman produk

Halaman produk merupakan utama melihat jenis produk apa saja


yang ada di dalam ya.

Gambar 3.17 Halaman Dashboard

4. Perancangan halaman pemesan

Halaman pemesanan merupakan halam untuk melihat pelanggan yang


sudah memesan dan membayar produk.

Gambar 3.18 Halaman Pemesanan

28
5. Peracangan halaman pengguna

Halaman penggu ini fungsinya untuk melihat pelanggal yang sudah


memesan produk kuenya.

Gambar 3.19 Halaman Pengguna

6. Perancangan halaman keranjang

Halaman Ini untuk melihat produek kue yang di pesan oleh pelanggan.

Gambar 3.20 Halaman Keranjang

3.5 Metode Pengujian Rancangan/Alat

Metode pengujian yang dipakai pada pengujian rancangan/alat ialah metode


Black Box Testing dimana pengujian ini dilakukan diakhir pembuatan
rancangan untuk mengetahui apakah rancangan berfungsi dengan baik.

29
3.6 Hasil Pengujian Sistem

Berikut ini adalah tabel hasil pengujian dari Rancang Bangun Sistem Infomasi
Penjualan Pada Toko Aisyah Coockies Berbasis Web.

1. Hasil Pengujian Sistem Login

Berikut ini adalah tabel hasil pengujian sistem login yang dimiliki oleh website
disemua sistem aktor:

Tabel 3.18 Pengujian Sistem Login

Tombol Pengujian Hasil yang diharapkan Respons

Login Input email dan password Masuk ke halaman home Berhasil


secara benar actor

2. Hasil Pengujian Sistem Admin


Berikut ini adalah tabel dari hasil pengujian sistem aktor admin:
Tabel 3.19 Pembuatan Data admin
Tombol Pengujian Hasil yang diharapkan Respons

Input username dan


Tambah Update data baru Berhasil
Password

30
Ubah Menganti nama produk Update data baru Berhasil

Tabel 3.20 pembuatan order


Tombol Pengujian Hasil yang diharapkan Respons

Tambah Halaman order pelanggan Update data baru Berhasil


yang mesan

Menganti status order


Ubah Update data baru sudah Berhasil
dika sudah mengirum
di bayar
bukti pembayaran

Tabel 3.21 Pembuatan Sistem Kontrak

Tombol Pengujian Hasil yang diharapkan Respons

Masukan ke halaman
Tambah Update data baru Berhasil
keranang

31
Hapus Update data baru Berhasil
Menghapus data
kontrak

32
HASIL DAN PEMBAHASAN

4.1 Hasil

Berikut adalah sistem yang telah di rancang pada aplikasi Sistem Informasi
Penjualan Pada Toko Aisyah Coockies Berbasis Web.

Langkah pembuatan sistem

1. Halaman Login

Pelanggan yang berhasil melakukan registrasi dapat melakukan login


dengan menggunakan username dan password yang didaftarkan saat
registrasi.

Gambar 4.1 Halaman login (Admin)

2. Halaman katagori

Menampilkan halaman katagori untuk melihat jenis produk kue yang ada.
Ada dua jenis katagori prodak pertama adalah jenis produk kue kering, dan
yang kedua adalah jenis prodak yang berbahan coklat.

33
Gambar 4.2 halaman katagori

3. Halaman produk

Menampilkan halaman produk, halaman ini untuk elihat jenis produk apa
aja yang ada di dalamnya. Pada halaman ini, sistem akan menampilkan
barang dengan kategori yang dipilih sebelumnya.

Gambar 4.3 halaman produk

4. Halaman orderan

Halaman ini menampilkan halamana orderan untuk menampilkan


pemesaana yang masuk dan stratus pemesanan.

34
Gambar 4.4 Halaman orderan

5. Halaman penggguna

Halaman ini menampilkan pengguna dan bisa melihat pelanggan yang


sudah pernah memesan produknya.

Gambar 4.5 halaman katagori

6. Halaman pemesanan

Menampilkan halaman pemesanan untuk melihat jumlah dan produk yang


di pesan.

35
Gambar 4.6 halaman pemesanan

7. Halaman pembayaran

Halaman ini untuk menampilkan nama pemesan, alamat dan nomor


handphone yang akan di kirim barang nya ke alamat tujuan.

Gambar 4.7 halaman pembayaran

8. Halaman login pelanggan

Halaman ini akan login jika pelanggan memasukan nama,email, paswod dan
aplikasi otomatis akan masuk ke halanan utama. Dan pelanggan dapat
memesan produk kue yang tersedia.

36
Gambar 4.8 halaman login pelanggan

9. Halaman utama pelanggan

Halaman ini untuk pelanggan dapat melihat dan memesan produk kue
kering yang tersedia di dalam aplikasi.

Gambar 4.9 halaman utaman pelanggan

37
10. Halaman total pembayaran

Halaman ini menampilkan jika pelanggan sudah memesan produk


dan dika ingin menyetak struk harus tekan cetak struk.

Gambar 4.10 halaman total pembayaran


11. Bukti struk pembayaran

38
12. Halaman login email salah

Halam ini menampilkah halaman login jika emailnya salah akan


menampilkan error dan akan masuk ke halamana itu lagi.

Gambar 4.11 halaman login email salah

13. Halaman login password salah

Halaman ini menamapilkan halaman login jika passwordnya salah akan


menamapilkan eror akan masuk ke halaman itu lagi.

Gambar 4.12 halaman login password salah


Hasil pengujian rancangan sistem

Pengujian ini di lakukan secara langsung terhadap kerja fungsi-fungsi pada sistem
Pengujian dapat di lakukan tanpa pengetahuan struktur coding dan hanya
melakukan pengujian sistem yang sudah di bangun. Dibawah ini merupakan hasil
rancangan sistem yang telah di bangun:

39
Gambar 4.13 uji coba sistem pada web

Pada uji coba yang di lakukan,sistem di jalan kan dengan memasukkan data penbeli
dan mencoba melakukan pemesanan. Dari hasil yang di dapatkan, sistem berjalan
sesuai dengan kebutuhan admin/penjual.

4.2 Pembahasan

Berikut ini mengenai beberapa kelebihan dan kekurangan dari Aplikasi Toko
Aisyah Coockies Berbasis Web

Kelebihan aplikasi

Aplikasi Sistem informasi penjualan pada toko Aisyah Coockies berbasis web memiliki
beberapa kelebihan, yaitu:

1. Dapat membantu customer untuk memesan kue kering atau kue coklat
dengan online

2. Dapat mengurangi kerugian agar pedagang dapat melihat pesanan yang


di pesan oleh customer

3. Customer tidah harus datang ke toko untuk memesan atau menempah kue
kering

4. Pembayaran dapat menggunakan dua tipe transfer atau cash

Kekurangan aplikasi

Aplikasi Sistem informasi penjualan pada toko Aisyah Coockies berbasis


web:

40
1. Tidak dapat chatting ke pada customer.

2. Sistem pembayaran masih harus di periksa oleh admin, belom bisa di cek
secara otomatis.

41
SIMPULAN DAN SARAN

5.1 Simpulan

Berdasarkan rancangan dan pengujian yang telah di lakukan, dapat di ambil


kesimpulan bahwa:

1. Sistem informasi penjualan kue ini dibangun dengan menggunakan


bahasa PHP dan MYSQL yang dapat di jalankan secara online. Melalui
sistem ini pemilik toko dan pelanggan dapat melakukan transaksi secars
online baebasis web.

2. Sistem informasi penjualan pada toko aisyah coockies dapat menampilkan


katalok kue sehingga setiap produk dapat terlihat oleh pelanggan.

5.2 Saran

Setelah penulis selesai melakukan perancangan Sistem Informasi Marketplace


Usaha Mikro, Kecil, Dan Menengah Kabupaten Langkat, terdapat beberapa
saran yang penulis berikan, yaitu:

1. Saran yang dapat penulia buat adalah dapat memperluas dan menambah
fitur baru yang ada pada aplikasi tersebut.

2. Menambah fitur cehatting yang di sediakan oleh sistem sehingga


komunikasi antara pemilik toko dan pelanggan menjadi lebih mudah.

3. Menambah fitur notification alert melalui email bagi pembeli yang akan
mgkonfirmasikan pembeliaan yang telah di lakukan.

42
DAFTAR PUSTAKA
Audrilia, M., & Budiman, A. (2020). Perancangan Sistem Informasi Manajemen

Bengkel Berbasis Web (Studi Kasus: Bengkel Anugrah). Jurnal Madani :

Ilmu Pengetahuan, Teknologi, dan Humaniora, 3(1), 1–12.

https://doi.org/10.33753/madani.v3i1.78

Alexander F.K, S. (2011). Kitab Suci Web Programming Power Pack. Yogyakarta:
Mediakom.

Anggraini, Y., Pasha, D., & Setiawan, A. (2020). SISTEM INFORMASI


PENJUALAN SEPEDA BERBASIS WEB MENGGUNAKAN
FRAMEWORK CODEIGNITER (STUDI KASUS : ORBIT STATION).
Jurnal Teknologi dan Sistem Informasi, 1(2).

Asmara, & Jimi. (2019). Rancang Bangun Sistem Informasi Desa Berbasis
Website. Jurnal Pendidikan Teknologi Informasi (JUKANTI), 7.

Asnawati, A., & Kanedi, I. (2021). Pembuatan E-Commerce Pada Raja Komputer
Menggunakan Bahasa Pemrograman PHP Dan Database Mysql. Jurnal
Media Infotama, 17(1).
https://doi.org/10.37676/jmi.v17i1.1317

Cahyono, D. E., & Jayanti, A. (2022). IMPLEMENTASI APLIKASI KASIR

BERBASIS WEB PADA TOKO GHAFYA FRUITS SHOP. 10(1).

Daniel Dido Jantce TJ Sitinjak, M. J. (2020). Analisa Dan Perancangan Sistem


Informasi Administrasi Kursus Bahasa Inggris Pada Intensive English
Course Di Ciledug Tangerang. JURNAL IPSIKOM, 1-16.

Ishak, R., Widyastuti, H., & Setiaji, S. (2018). Rancang Bangun Sistem
InformasiPenjualan Kue Dan Roti Berbasis Web Pada Yuki Bakery
Jakarta. Swabumi (Suara Wawasan Sukabumi): Ilmu Komputer,
Manajemen, dan Sosial, 6(1), 27-34.
Jubilee Enterprise., G. A. (2018). HTML, PHP, dan MySQL untuk Pemula. Elex
Media Komputindo.

43
Maharani, D., Helmiah, F., & Rahmadani, N. (2021). Penyuluhan Manfaat

Menggunakan Internet dan Website Pada Masa Pandemi Covid-19.

Abdiformatika: Jurnal Pengabdian Masyarakat Informatika, 1(1), 1–7.

https://doi.org/10.25008/abdiformatika.v1i1.130

Nofyat, Adelina Ibrahim, & Arisandy Ambarita. (2018). SISTEM INFORMASI

PENGADUAN PELANGGAN AIR BERBASIS WEBSITE PADA PDAM

KOTA TERNATE

Sutopo, & Hadi, A. (2012). Teknologi Informasi dan Komunikasi Dalam Pendidikan.
Yogyakarta: Graha ilmu.

Widyasari, Y. D. L., & Ramadhan, A. T. (2022). Pengembangan dan Penerapan

Sistem Informasi Marketplace UMKM.

Yuhefizar, 2016. Rancang Bangun E-Voting Dengan Menggunakan Keamanan


Algoritma Rivest Shamir Adleman (Rsa) Berbasis Web (Studi Kasus:
Pemilihan Ketua Bem Fmipa).

Zahara, M., & Harman, R. (2021). PERANCANGAN SISTEM INFORMASI

PENYEWAAN RUSUN OTORITA BATAM BERBASIS WEB. 05(02).

44
LAMPIRAN

Lampiran 1 Surat Kesediaan Dosen Pembimbing

45
Lampiran 2 Pengajuan Judul Ta

46
Lampiran 3 Kartu Bimbingan

47
Lampiran 4 Pengajuan Sidang Laporan Akhir

48
Lampiran 5 Undangan Sidang

49
Lampiran 6 Bebas Revisi Dosen Penguji I

50
Lampiran 7 Bebas Revisi Dosen Penguji II

51
Lampiran 8 Listing Program
Alert.phph
<?php
$success = $this->session->flashdata('success');
$error = $this->session->flashdata('error');
$warning = $this->session->flashdata('warning');

if ($success) {
$alert_status = 'alert-success';
$status = 'Success!';
$message = $success;
}

if ($error) {
$alert_status = 'alert-danger';
$status = 'Error!';
$message = $error;
}

if ($warning) {
$alert_status = 'alert-warning';
$status = 'Warning!';
$message = $warning;
}
?>
<?php if($success || $error || $warning) : ?>
<div class="row">
<div class="col-md-12">
<div class="alert <?= $alert_status ?> alert-dismissible fade-show " role="alert">
<strong><?= $status ?> </strong> <?= $message ?>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
</div>
<?php endif ?>

Menu.php
div class="card mb-3">
<div class="card-header">
Menu
</div>
<div class="list-group list-group-flush">
<li class="list-group-item">
<a href="<?= base_url("/profile") ?>">Profile</a>
</li>
<li class="list-group-item">
<a href="<?= base_url("/myorder") ?>">Orders</a>
</li>
</div>
</div>
Navbar.php

52
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container">
<a class="navbar-brand" href="<?= base_url() ?>">Aisyah Coockies</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="<?= base_url() ?>">Home <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" id="dropdown-1" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Manage</a>
<div class="dropdown-menu" aria-labelledby="dropdown-1">
<a href="<?= base_url('category') ?>" class="dropdown-item">Kategori</a>
<a href="<?= base_url('product') ?>" class="dropdown-item">Produk</a>
<a href="<?= base_url('order') ?>" class="dropdown-item">Order</a>
<a href="<?= base_url('user') ?>" class="dropdown-item">Pengguna</a>
</div>
</li>
</ul>
<ul class="navbar-nav">
<li class="navbar-item">
<a href="<?= base_url('/cart') ?>" class="nav-link"><i class="fas fa-shopping-cart"></i> Cart
(<?= getCart() ?>)</a>
</li>
<?php if(!$this->session->userdata('is_login')) : ?>
<li class="navbar-item active">
<a href="<?= base_url('/login') ?>" class="btn btn-primary nav-link mr-2">Login</a>
</li>
<li class="navbar-item active">
<a href="<?= base_url('/register') ?>" class="btn btn-danger nav-link">Register</a>
</li>
<?php else : ?>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" id="dropdown-2" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false"><?= $this->session->userdata('name') ?></a>
<div class="dropdown-menu" aria-labelledby="dropdown-2">
<a href="<?= base_url('/profile') ?>" class="dropdown-item">Profile</a>
<a href="<?= base_url('/myorder') ?>" class="dropdown-item">Orders</a>
<a href="<?= base_url('/logout') ?>" class="dropdown-item">logout</a>
</div>
</li>
<?php endif ?>
</ul>
</div>
</div>
</nav>

Login.php
<main role="main" class="container">

53
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-8 mx-auto">
<div class="card">
<div class="card-header">
Hello, Welcome back !
</div>
<div class="card-body">
<?= form_open('login', ['method' => 'POST']) ?>
<div class="form-group">
<label for="">E-Mail</label>
<?= form_input(['type' => 'email', 'name'=>'email','value' => $input->email,'class' => 'form-
control', 'placeholder' => 'Masukkan alamat email']) ?>
<?= form_error('email')?>
</div>
<div class="form-group">
<label for="">Password</label>
<?= form_password('password', '', ['class' => 'form-control', 'placeholder' => 'Masukkan
password']) ?>
<?= form_error('password')?>
</div>
<button type="submit" class="btn btn-primary">Login</button>
<?= form_close()?>
</div>
</div>
</div>
</div>
</main>

Register.php
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-8 mx-auto">
<div class="card">
<div class="card-header">
Formulir Registrasi
</div>
<div class="card-body">
<?= form_open('register', ['method' => 'POST']) ?>
<div class="form-group">
<label for="">Nama</label>
<?= form_input('name', $input->name, ['class' => 'form-control', 'required' => true,
'autofocus' => true]) ?>
<?= form_error('name')?>
</div>
<div class="form-group">
<label for="">E-Mail</label>
<?= form_input(['type' => 'email', 'name'=>'email','value' => $input->email,'class' => 'form-
control', 'placeholder' => 'Masukkan alamat email aktif', 'required' => true]) ?>
<?= form_error('email')?>
</div>
<div class="form-group">
<label for="">Password</label>

54
<?= form_password('password', '', ['class' => 'form-control', 'placeholder' => 'Masukkan
password minimal 8 karakter', 'required' => true]) ?>
<?= form_error('password')?>
</div>
<div class="form-group">
<label for="">Konfirmasi Password</label>
<?= form_password('password_confirmation', '', ['class' => 'form-control', 'placeholder' =>
'Masukkan password yang sama', 'required' => true]) ?>
<?= form_error('password_confirmation')?>
</div>
<button type="submit" class="btn btn-success">Register</button>
<?= form_close()?>
</div>
</div>
</div>
</div>
</main>

Cart.php
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-12">
<div class="card mb-3">
<div class="card-header">
Keranjang Belanja
</div>
<div class="card-body">
<table class="table">
<thead>
<tr>
<th>Produk</th>
<th class="text-center">Harga</th>
<th class="text-center">Jumlah</th>
<th class="text-center">Subtotal</th>
<th></th>
</tr>
</thead>
<tbody>
<?php foreach($content as $row) : ?>
<tr>
<td>
<p><img src="<?= $row->image ? base_url("/images/product/$row->image") :
base_url("/images/product/default.png")?>"
alt="" height="50"> <strong><?= $row->title ?></strong>
</p>
</td>
<td class="text-center">Rp<?=number_format($row->price, 0, ',', '.') ?>,--</td>
<td>
<form action="<?= base_url("cart/update/$row->id") ?>" method="POST">
<input type="hidden" name="id" value="<?= $row->id?>">
<div class="input-group">
<input type="number" name="qty" class="form-control text-center"
value="<?= $row->qty ?>">

55
<div class="input-group-append">
<button class="btn btn-info" type="submit"><i
class="fas fa-check"></i></button>
</div>
</div>
</form>
</td>
<td class="text-center">Rp<?=number_format($row->subtotal, 0, ',', '.') ?>,--</td>
<td>
<form action="<?= base_url("cart/delete/$row->id") ?>" method="POST">
<input type="hidden" name="id" value="<?= $row->id?>">
<button class="btn btn-danger" type="submit"
onclick="return confirm('Apakah anda yakin ingin menghapus?')"><i
class="fas fa-trash-alt"></i></button>
</form>
</td>
</tr>
<?php endforeach ?>
<tr>
<td colspan="3"><strong>Total:</strong></td>
<td class="text-center">
<strong>Rp<?=number_format(array_sum(array_column($content, 'subtotal')), 0, ',',
'.') ?>,--</strong>
</td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
<a href="<?= base_url('/') ?>" class="btn btn-warning text-white float-left"><i
class="fas fa-angle-left">
</i> Kembali Belanja </a>
<a href="<?= base_url('/checkout') ?>" class="btn btn-success float-right">Pembayaran <i
class="fas fa-angle-right"> </i></a>
</div>
</div>
</div>
</div>
</main>

Category.php
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-10 mx-auto">
<div class="card">
<div class="card-header">
<span>Kategori</span>
<a href="<?= base_url('category/create') ?>" class="btn btn-sm btn-primary">Tambah</a>

<div class="float-right">
<?= form_open(base_url("category/search"), ['method' => 'POST'])?>
<div class="input-group">

56
<input type="text" name="keyword" class="form-control form-control-sm text-center"
placeholder="Cari" value="<?= $this->session->userdata('keyword')?>">
<div class="input-group-append">
<button class="btn btn-info btn-sm" type="submit"><i class="fas fa-
search"></i></button>
<a href="<?= base_url('category/reset') ?>" class="btn btn-info btn-sm"><i
class="fas fa-eraser"></i></a>
</div>
</div>
<?= form_close()?>
</div>
</div>
<div class="card-body">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Title</th>
<th scope="col">Slug</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<?php $no = 0; foreach ($content as $row) : $no++;?>
<tr>
<td><?= $no ?></td>
<td><?= $row->title ?></td>
<td><?= $row->slug ?></td>
<td>
<?= form_open("category/delete/$row->id", ['method' => 'POST'])?>
<?= form_hidden('id', $row->id)?>
<a href="<?= base_url("category/edit/$row->id") ?>" class="btn btn-sm">
<i class="fas fa-edit text-info"></i>
</a>
<button class="btn btn-sm" type="submit"
onclick="return confirm('Apakah anda yakin ingin menghapus?')">
<i class="fas fa-trash text-danger"></i>
</button>
<?= form_close()?>
</td>
</tr>
<?php endforeach ; ?>
</tbody>
</table>
<nav aria-label="Page navigation example">
<?= $pagination ?>
</nav>
</div>
</div>
</div>
</div>
</main>

Cekout.php

57
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-8">
<div class="card">
<div class="card-header">
Formulir Alamat Pengiriman
</div>
<div class="card-body">
<form action="<?= base_url("checkout/create") ?>" method="POST">
<div class="form-group">
<label for="">Nama</label>
<input type="text" class="form-control" name="name" placeholder="Masukkan Nama
Penerima"
value="<?= $input->name ?>">
<?= form_error('name') ?>
</div>
<div class="form-group">
<label for="">Alamat</label>
<textarea name="address" id="" cols="30" rows="5"
class="form-control"><?= $input->address ?></textarea>
<?= form_error('address') ?>
</div>
<div class="form-group">
<label for="">Telepon</label>
<input type="number" class="form-control" name="phone"
placeholder="Masukkan Nomor Telepon Penerima" value="<?= $input->phone ?>">
<?= form_error('phone') ?>
</div>
<button class="btn btn-primary" type="submit">Checkout</button>
</form>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
<div class="col-md-12">
<div class="card mb-3">
<div class="card-header">
Cart
</div>
<div class="card-body">
<table class="table">
<thead>
<tr>
<th>Produk</th>
<th>Qty</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<?php foreach($cart as $row) : ?>
<tr>
<td><?= $row->title ?></td>

58
<td><?= $row->qty ?></td>
<td>Rp<?=number_format($row->price, 0, ',', '.') ?>,--</td>
</tr>
<tr>
<td colspan="2">Subtotal</td>
<td>Rp<?=number_format($row->subtotal, 0, ',', '.') ?>,--</td>
</tr>
<?php endforeach ?>
</tbody>
<tfoot>
<tr>
<th colspan="2">Total</th>
<th>Rp<?=number_format(array_sum(array_column($cart, 'subtotal')), 0, ',', '.')
?>,--
</th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</main>

Home.php
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-9">
<div class="row">
<div class="col-md-12">
<div class="card mb-3">
<div class="card-body">
Kategori: <strong><?= isset($category) ? $category : 'Semua Kategori'?></strong>
<span class="float-right">
Urutkan Harga: <a href="<?=base_url("/shop/sortby/asc") ?>"
class="badge badge-primary">Termurah</a> | <a
href="<?=base_url("/shop/sortby/desc") ?>" class="badge badge-
primary">Termahal</a>
</span>
</div>
</div>
</div>
</div>
<div class="row">
<?php foreach($content as $row) : ?>
<div class="col-md-4">
<div class="card mb-3">
<img src="<?= $row->image ? base_url("/images/product/$row->image") :
base_url("/images/product/default.png")?>"
alt="" height="" class="card-img-top mt-2">
<div class="card-body">

59
<h5 class="card-title"><?= $row->product_title ?></h5>
<p class="card-text"><strong>Rp<?=number_format($row->price, 0, ',', '.') ?>,--
</strong></p>
<p class="card-text"><?= $row->description ?></p>
<a href="<?= base_url("/shop/category/$row->category_slug") ?>"
class="badge badge-primary"><i class="fas fa-tags"></i>
<?= $row->category_title ?></a>
</div>
<div class="card-footer">
<form action="<?= base_url("/cart/add") ?>" method="POST">
<input type="hidden" name="id_product" value="<?= $row->id ?>">
<div class="input-group">
<input type="number" name="qty" value="1" class="form-control">
<div class="input-group-append">
<button class="btn btn-primary" type="submit">Add to Cart</button>
</div>
</div>
</form>
</div>
</div>
</div>
<?php endforeach ?>
</div>
<nav aria-label="Page navigation example">
<?= $pagination ?>
</nav>
</div>
<div class="col-md-3">
<div class="row">
<div class="col-md-12">
<div class="card mb-3">
<div class="card-header">
Pencarian
</div>
<div class="card-body">
<form action="<?= base_url("/shop/search") ?>" method="POST">
<div class="input-group">
<input type="text" name="keyword" placeholder="Cari"
value="<?=$this->session->userdata('keyword');?>" class="form-control">
<div class="input-group-append">
<button class="btn btn-primary" type="submit"><i
class="fas fa-search"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card mb-3">
<div class="card-header">
Kategori

60
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item"><a href="<?= base_url('/')?>">Semua Kategori </a></li>
<?php foreach(getCategories() as $category) : ?>
<li class="list-group-item"><a
href="<?= base_url("/shop/category/$category->slug") ?>"><?= $category->title
?></a>
</li>
<?php endforeach ?>
</ul>
</div>
</div>
</div>
</div>
</div>
</main>

Myorderan.php
<main role="main" class="container">
<div class="row">
<div class="col-md-3">
<?php $this->load->view('layouts/_menu'); ?>
</div>
<div class="col-md-9">
<div class="card">
<div class="card-header">
Konfirmasi Detail Order #<?= $order->invoice ?>
<div class="float-right">
<?php $this->load->view('layouts/_status', ['status' => $order->status]); ?>
</div>
</div>
<div class="card-body">
<?= form_open_multipart($form_action, ['method' => 'POST']) ?>
<?= form_hidden('id_orders', $order->id) ?>
<div class="form-group">
<label for="">Transaksi</label>
<input type="text" class="form-control" value="<?= $order->invoice ?>" readonly>
</div>
<div class="form-group">
<label for="">Dari Rekening a/n</label>
<input type="text" name="account_name" value="<?= $input->account_name ?>"
class="form-control">
<?= form_error('account_name') ?>
</div>
<div class="form-group">
<label for="">Nomor Rekening</label>
<input type="text" name="account_number" value="<?= $input->account_number ?>"
class="form-control">
<?= form_error('account_number') ?>
</div>
<div class="form-group">
<label for="">Sebesar</label>
<input type="number" name="nominal" value="<?= $input->nominal ?>" class="form-
control">

61
<?= form_error('nominal') ?>
</div>
<div class="form-group">
<label for="">Catatan</label>
<textarea name="note" id="" cols="30" rows="5" class="form-control">-</textarea>
</div>
<div class="form-group">
<label for="">Bukti Transfer</label> <br>
<input type="file" name="image" id="">
<?php if ($this->session->flashdata('image_error')) :?>
<small class="form-text text-danger"><?= $this->session->flashdata('image_error')
?></small>
<?php endif ?>
</div>
</div>
<div class="card-footer">
<button type="submit" class="btn btn-success float-right">Konfirmasi Pembayaran</button>
</div>
</form>
</div>
</div>
</div>
</main>

Orderan.php
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-10 mx-auto">
<div class="card">
<div class="card-header">
<span>Order</span>

<div class="float-right">
<?= form_open(base_url("order/search"), ['method' => 'POST'])?>
<div class="input-group">
<input type="text" name="keyword" class="form-control form-control-sm text-center"
placeholder="Cari" value="<?= $this->session->userdata('keyword')?>">
<div class="input-group-append">
<button class="btn btn-info btn-sm" type="submit"><i class="fas fa-
search"></i></button>
<a href="<?= base_url('order/reset') ?>" class="btn btn-info btn-sm"><i
class="fas fa-eraser"></i></a>
</div>
</div>
<?= form_close()?>
</div>
</div>
<div class="card-body">
<table class="table">
<thead>
<tr>
<th>Nomor</th>
<th>Tanggal</th>

62
<th>Total</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php $no = 0; foreach ($content as $row) : $no++;?>
<tr>
<td><a
href="<?= base_url("order/detail/$row->id") ?>"><strong>#<?= $row->invoice
?></strong></a>
</td>
<td><?= str_replace('-', '/', date("d-m-Y", strtotime($row->date)) )?></td>
<td>Rp<?=number_format($row->total, 0, ',', '.') ?>,--</td>
<td>
<?php $this->load->view('layouts/_status', ['status' => $row->status]); ?>
</td>
</tr>
<?php endforeach ; ?>
</tbody>
</table>
<nav aria-label="Page navigation example">
<?= $pagination ?>
</nav>
</div>
</div>
</div>
</div>
</main>

Product.php
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-10 mx-auto">
<div class="card">
<div class="card-header">
<span>Formulir Produk</span>
<a href="<?= base_url('product/create')?>" class="btn btn-sm btn-primary">Tambah</a>

<div class="float-right">
<?= form_open(base_url("product/search"), ['method' => 'POST'])?>
<div class="input-group">
<input type="text" name="keyword" class="form-control form-control-sm text-center"
placeholder="Cari" value="<?= $this->session->userdata('keyword')?>">
<div class="input-group-append">
<button class="btn btn-info btn-sm" type="submit"><i class="fas fa-
search"></i></button>
<a href="<?= base_url('product/reset') ?>" class="btn btn-info btn-sm"><i
class="fas fa-eraser"></i></a>
</div>
</div>
<?= form_close()?>
</div>
</div>

63
<div class="card-body">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Produk</th>
<th scope="col">Kategori</th>
<th scope="col">Harga</th>
<th scope="col">Stock</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<?php $no = 0; foreach ($content as $row) : $no++;?>
<tr>
<td><?= $no ?></td>
<td>
<p>
<img src="<?= $row->image ? base_url("/images/product/$row->image")
:"https://placehold.co/70x70" ?>"
alt="" height="60">
<?= $row->product_title ?>
</p>
</td>
<td>
<span class="badge badge-primary"><i class="fas fa-tags"></i>
<?= $row->category_title ?></span>
</td>
<td>Rp<?=number_format($row->price, 0, ',', '.') ?>,--</td>
<td><?= $row->is_available ? 'Tersedia' : 'Kosong'?></td>
<td>
<?= form_open(base_url("/product/delete/$row->id"), ['method' => 'POST'])?>
<?= form_hidden('id', $row->id)?>
<a href="<?=base_url("/product/edit/$row->id")?>" class="btn btn-sm">
<i class="fas fa-edit text-info"></i>
</a>
<button class="btn btn-sm" type="submit"
onclick="return confirm('Apakah anda yakin ingin menghapus?')">
<i class="fas fa-trash text-danger"></i>
</button>
<?= form_close()?>
</td>
</tr>
<?php endforeach ; ?>
</tbody>
</table>
<nav aria-label="Page navigation example">
<?= $pagination ?>
</nav>
</div>
</div>
</div>
</div>
</main>

64
Profile.php
<main role="main" class="container">
<div class="row">
<div class="col-md-3">
<?php $this->load->view('layouts/_menu'); ?>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="card-body text-center">
<img src="<?= $content->image ? base_url("/images/user/$content->image") :
base_url("/images/user/avatar.png") ?>"
height="200">
</div>
</div>
</div>
<div class="col-md-8">
<div class="card">
<div class="card-body">
<p>Nama : <?= $content->name ?></p>
<p>Email : <?= $content->email ?></p>
<a href="<?= base_url("profile/update/$content->id") ?>" class="btn btn-
primary">Edit</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>

User.php
<main role="main" class="container">
<?php $this->load->view('layouts/_alert'); ?>
<div class="row">
<div class="col-md-10 mx-auto">
<div class="card">
<div class="card-header">
<span>Pengguna</span>
<a href="<?= base_url('user/create') ?>" class="btn btn-sm btn-primary">Tambah</a>

<div class="float-right">
<form action="<?= base_url("user/search") ?>" method="POST">
<div class="input-group">
<input type="text" class="form-control form-control-sm text-center"
placeholder="Cari"
name="keyword" value="<?= $this->session->userdata('keyword');?>">
<div class="input-group-append">
<button class="btn btn-info btn-sm" type="submit"><i
class="fas fa-search"></i></button>
<a href="<?= base_url("user/reset") ?>" class="btn btn-info btn-sm"><i
class="fas fa-eraser"></i></a>

65
</div>
</div>
</form>
</div>
</div>
<div class="card-body">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Pengguna</th>
<th scope="col">E-mail</th>
<th scope="col">Role</th>
<th scope="col">Status</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<?php $no = 0; foreach ($content as $row) : $no++;?>
<tr>
<td><?= $no ?></td>
<td>
<p>
<img src="<?= $row->image ? base_url("/images/user/$row->image") :
base_url("/images/user/avatar.png") ?>"
alt="" height="60">
<?= $row->name ?>
</p>
</td>
<td><?= $row->email ?></td>
<td><?= $row->role ?></td>
<td><?= $row->is_active ? 'Aktif' : 'Tidak Aktif'?></td>
<td>
<?= form_open("user/delete/$row->id", ['method' => 'POST'])?>
<?= form_hidden('id', $row->id)?>
<a href="<?=base_url("user/edit/$row->id")?>" class="btn btn-sm">
<i class="fas fa-edit text-info"></i>
</a>
<button class="btn btn-sm" type="submit" onclick="return confirm('Are You
Sure')">
<i class="fas fa-trash text-danger"></i>
</button>
<?= form_close()?>
</td>
</tr>
<?php endforeach ; ?>
</tbody>
</table>
<nav aria-label="Page navigation example">
<?= $pagination ?>
</nav>
</div>
</div>
</div>

66
</div>
</main>

67
Lampiran 9 Biodata Penulis

BIODATA PENULIS
LAPORAN AKHIR

1. Identitas Diri
Nama Lengkap : Bella Febryzha A Pas Poto
Jenis Kelamin : Perempuan Terbaru
Tempat dan Tanggal Lahir : Pematangsiantar 8 Februari 2002 Warna
Jurusan / Program Studi :Teknik Komputer dan Informatika Background
NIM 2005102072 Merah
Alamat Rumah : Asrama Rindam 1/BB Blok Perwira Ukuran 3 x 4
No Telepon / HP 085156723160
Alamat E-mail :Bellaebryzha@students.polmed.ac.id
Judul Laporan Akhir :Sistem Informsi Penjualan Pada Toko Aisyah
Coockies Berbasis Web
Nama Dosen Pembimbing : Ir.Zulkifli Lubis,M.I.Komp.

2. Riwayat Pendidikan
No Jenjang Pendidikan Nama Sekolah Tempat ahun Ijazah
1 SD SD swasta taman Pematangsiantar 2014
asuhan
2 SMP SMP swasta taman Pematangsiantar 2017
asuhan
3 SMA SMA Negeri 6 Pematangsiantar 2020
pematangsiantar

Medan, 17 juli 2023

(Bella Febryzha A)

68

Anda mungkin juga menyukai