SISTEM INFORMASI PENJUALAN KUE

DI TOKO JEJUAL RASA

BERBASIS WEB

PROYEK AKHIR

Disusun Untuk Memenuhi Ujian Akhir

Semester Pada Politeknik Negeri Sriwijaya
Palembang Sumatera Selatan

OLEH
NIKEN KARTIKA
NIM (061940832129)
5MIA

POLITEKNIK NEGERI SRIWIJAYA

TAHUN AKADEMIN 2022
A. Latar Belakang Masalah
Jejual Rasa merupakan sebuah toko kue yang berada di Kota
Palembang. Jejual Rasa didirikan oleh penulis sendiri yaitu Niken
Kartika yang menjual berbagai jenis kue seperti donat, cake, brownies,
kue kering. Selain penjualan kue seperti biasa Jejual Rasa juga melayani
pemesanan kue dengan permintaan khusus. Proses penjualan pada
Jejual Rasa masih berjalan secara manual. Seluruh transaksi yang
berjalan tidak menggunakan sistem informasi baik itu penjualan
ataupun pemesanan. Belum ada sistem informasi yang dapat membantu
Jejual Rasa dalam melaksanakan proses penjualan. Selain itu pada
proses pemesanan secara online Jejual Rasa hanya mengandalkan
sistem kepercayaan kepada pembeli.
Sistem kepercayaan ini menjadikan pembeli tidak dituntut untuk
membayarkan uang muka sehingga dalam pemesanannya pembeli
kembali perlu melakukan pemesanan ulang paling lambat satu hari
sebelum pesanan akan diambil. Selain itu Jejual Rasa juga tidak
memiliki pencatatan tranksasi tiap harinya secara khusus. Pencatatan
yang terdapat pada Jejual Rasa hanyalah pencatatan toko secara
keseluruhan, dimana dalam pencatatan itu termasuk juga transaksi lain
yang terdapat di toko tersebut. Sehingga menimbulkan adanya
kemungkinan terjadi masalah antara lain kesalahan dalam perhitungan
penjualan, ketidakakuratan dalam perhitungan stok, tidak adanya
integritas data dan lain-lain. Tidak adanya penggunaan sistem informasi
penjualan dan pemesanan tersebut menjadi salah satu kesempatan
penulis untuk melakukan penelitian terhadap pengembangan sistem
informasi penjualan dan pemesanan pada toko kue Jejual Rasa.
Pada penelitian ini dirancang sebuah sistem informasi berbasis
komputer yang dapat mengatasi kelemahan toko berupa pemesanan
transaksi yang masih bersifat manual, sehingga sistem penjualan
menjadi lebih efektif dan efisien. Sistem informasi penjualan yang
dirancang dapat mengatasi human error dalam penghitungan penjualan
dan stok, dan juga dapat menghasilkan informasi penjualan yang lebih
 akurat Sistem informasi ini dibangun dengan model aplikasi web dalam
pengelolaan data penjualan dan pemesanan kue dan aplikasi mobile
untuk proses pemesanan kue. Penggunaan aplikasi web dapat
membantu pemilik dalam mengelola data pemesanan dan pembelian.
Aplikasi web dapat menjadikan pengolahan data menjadi lebih mudah
untuk mengurangi terjadinya kesalahan. Penggunaan aplikasi mobile
dapat membatu mempermudah pembeli dalam melakukan pemesanan.
Sistem informasi ini diharapkan dapat memudahkan pengguna dalam
melakukan proses penjualan dan pemesanan kue, serta pembuatan
laporan transaksi yang terjadi pada toko kue tersebut. Maka dari itu
penulis melakukan penelitian yang berjudul “Perancangan Sistem
Informasi Penjualan Kue di Toko Jejual Rasa”

B. Rumusan Masalah
Dari latar belakang tersebut, dapat dirumuskan suatu masalah,
yaitu Bagaimana membuat sistem informasi penjualan kue di
berbasis web untuk proses bisnis di toko kue Jejual Rasa.

C. Batasan Masalah
Berdasarkan rumusan masalah yang telah dijelaskan, maka
ruang lingkup pembahasan dibatasi pada :
1. Penelitian pembuatan Sistem Informasi Penjualan ini hanya
dilakukan pada satu toko yaitu Toko Kue Jejual Rasa.
2. Data yang akan diolah dalam sistem informasi penjualan
sembako di Toko Jejual Rasa adalah data transaksi penjualan
dan stok persediaan.
3. Penelitian yang dilakukan pada objek penelitian, berkaitan
dengan proses keamanan data transaksi penjualan.
4. Sistem dibangun dengan menggunakan Bahasa
pemrograman HTML dan Database MySQL.

D. Ruang LIngkup.
Untuk pembahasan sebuah topik yang lebih terarah dan
 terfokus pada tujuan yang ingin dicapai, maka laporan ini akan
membahas hal-hal sebagai berikut :
1. Merancang tampilan informasi produk Membuat tampilan
informasi produk secara rinci seperti gambar, penjelasan
produk, dan harga produk. Untuk memudahkan pelanggan
untuk memilih produk yang ingin dipesannya.
2. Merancang sistem pendataan pelanggan. Membuat sistem
pendataan atau pendaftaran pelanggan secara online, Data
Pelanggan akan di isi oleh pelanggan sendiri.

E. Tujuan dan Manfaat Penelitian

1. Tujuan
Adapun tujuan yang ingin di capai oleh penulis adalah,
membuat sistem penjualan sembako di Toko Kue Jejual Rasa.
2. Manfaat
Ini diharapkan dapat bermanfaat bagi kepentingan berbagai
pihak antara lain:
1. Untuk menambah ilmu pengetahuan sesuai dengan bidang
yang di pelajari.
2. Manfaat Bagi Pembaca, untuk menambah wawasan dan
dapat dipergunakan sebagai referensi untuk penelitian
sejenis.

F. Analisis Sistem yang Berjalan

Aliran sistem informasi yang berjalan bertujuan untuk mengetahui
bagaimana terjadinya proses kegiatan operasional dan juga untuk
mengetahui masalah-masalah yang ada serta kelemahan-kelemahan
pada sistem yang sedang berjalan sekarang ini. Jika pada sistem yang
sedang berjalan terdapat kekurangan maka dapat disempurnakan
dengan menggunakan sistem yang baru.
Langkah pertama dalam membuat sistem baru ini adalah
mempelajari sistem yang sedang berjalan pada sebuah perusahaan
beserta dengan permasalahannya. Tujuannya adalah untuk
mendapatkan gambaran secara jelas tentang bentuk permasalahan yang
ada pada perusahaan tersebut.
 Sistem yang berjalan pada Jejual Rasa masih bersifat manual,
sehingga proses dari pemasukan data, proses transaksi sampai
pembuatan laporan masih dilakukan secara manual sehingga terkadang
terjadi kesalahan dalam laporan penjualan.
Berdasarkan observasi pemilik Jejual Rasa, analisis prosedur
penjualan yang berjalan pada saat ini adalah Pelanggan datang ke toko
Jejual Rasa untuk melakukan pembelian kue seperti seperti donat,
cake, brownies, kue kering dll. Pelanggan melakukan pemilihan
produk dan jumlah yang diingikan, Admin memeriksa ketersedian
stock produk, Jika stock produk tersedia, maka admin akan membuat
dan menyerahkan nota serta memberitahukan total harga yang harus
dibayar konsumen, Pelanggan melakukan Untuk lebih jelasnya, aliran
sistem informasi Jejual Rasa dapat dilihat pada gambar 4.1 di bawah
ini.
Aliran Sistem Informasi yang sedang berjalan

Pelanggan Admin Pemilik

Mulai Konfimasi Cek

data Laporan
produk

Datang ke lokasi
. A
Jejual Rasa

Pilih
Produk

Tanya
Produk

Beli
produk
Tidak

Ya
Invoice

Terima
A
Invoice
Menerima
Pembayaran
Melakukan
Pembayaran
Memberikan
produk
Menerima
produk

Selesai
Buku Besar

Gambar 4.1 Aliran Sistem Informasi Berjalan

 Dari hasil penelitian yang telah penulis lakukan pada Jejual Rasa, sistem
yang sedang berjalan masih memiliki kelemahan yaitu:

1. Cakupan wilayah pemasaran yang sangat terbatas.

2. Tidak dapat menyediakan informasi yang update tentang produk yang dijual
kepada konsumen.
3. Dari segi waktu, sistem yang berjalan tidak dapat menyediakan layanan 24
jam per hari kepada pelanggan.
4. Pelayanan belum fleksibel. Hal ini dikarenakan konsumen yang masih harus
datang kelokasi untuk mendapatkan informasi produk atau melakukan
transaksi pembelian.
5. Dalam pencatatan laporan terkadang terjadi kesalahan.

Setelah analisa dan evaluasi terhadap sistem yang berjalan pada Jejual Rasa
secara keseluruhan maka perlu dilakukan pengembangan terhadap sistem
informasi yang ada dengan diharapkan sistem baru dapat mempercepat proses
penjualan dan menghasilkan informasi lebih cepat, tepat dan akurat serta
meningkatkan penjualan perusahaan dan mengatasi kelemahan – kelemahan yang
ada.

G. Analisis Sistem yang Diusulkan

Sebagaimana yang telah dijelaskan sebelumnya bahwa ada kelemahan
kelemahan dari sistem yang berjalan terutama pada sistem informasi penjualan
pada Jejual Rasa. Sistem baru bertujuan untuk menutupi kelemahan kelemahan
yang ada pada sistem yang lama.
Dalam hal ini prosedur yang dibuat tidak mengalami banyak perubahan dari
sistem yang sedang berjalan, hanya berbeda dalam penggunaan sistem
komputerisasi dengan teknologi internet yang diharapkan dapat memperluas
cakupan penjualan produk dan menghasilkan informasi yang lebih cepat dan
akurat.
Berikut adalah prosedur sistem informasi penjualan yang diusulkan kepada
Jejual Rasa,
1. Pelanggan memilih produk yang sudah ada dan akan masuk ke keranjang
belanja Pelanggan.
2. Pelanggan melakukan login sebelum melakukan pembelian. pelanggan yang
belum memiliki akun diharuskan untuk melakukan registrasi (pendaftaran)
akun terlebih dahulu sebelum memesan barang.
3. Sistem secara otomatis mengirimkan nota tagihan ke email pelanggan.

4. Pelanggan mendapatkan rincian pesanan produk dan melakukan pembayaran

sesuai dengan informasi yang diberikan.
5. Admin akan mengecek data pesanan pelanggan.

6. Admin akan merubah status pesanan menjadi lunas apabila pelanggan sudah
membayar tagihan pesanan tersebut.
7. Admin melakukan proses pengiriman pesanan kepada pelanggan

Analisis sistem yang diusulkan digambarkan dalam flowmap yang dapat

menjelaskan proses aliran data sehingga menghasilkan informasi yang diinginkan.
Aliran Sistem Informasi yang Diusulkan

Pelanggan Admin Pemilik

Menerima
Mulai
Laporan
Data Pembeli
Pilih /Lihat Produk

T
Beli Produk

Keranjang
Belanja

T
Check Out

Registrasi Data
Pembeli

db.barelang

Validasi
Melakukan dan
Pembayaran Transaksi

Menerima Proses Pengiriman

produk produk

Selesai

Gambar 4.2 Aliran Sistem Informasi yang Diusulkan

 H. Use Case
Use Case merupakan sebuah teknik yang digunakan dalam pengembangan
sebuah software atau sistem informasi untuk menangkap kebutuhan fungsional
dari sistem yang bersangkutan, Use Case menjelaskan interaksi yang terjadi antara
‘aktor’ — inisiator dari interaksi sistem itu sendiri dengan sistem yang ada,
sebuah Use Case direpresentasikan dengan urutan langkah yang sederhana atau
secara singkat Use Case adalah Gambaran fungsional sistem yang akan di buat,
agar pengguna lebih mengerti penggunaan system.

System

Melihat Barang
Mengelola data

<<extend>>

Pelanggan
Admin

Mengelola Laporan Membeli Barang

<<include>>

<<extend>>

Menerima Laporan

Keterangan :
 Admin bertindak sebagai aktor yang memiliki tugas mengola data
dan juga mengelola laporan
 Pelanggan sebagai actor yang melihat barang kemudian membeli
barang tersebut
 Ketika pelanggan membeli sebuah barang maka laporan akan
masuk ke admin dan admin akan mengola laporan tersebut
 I. Definisi Aktor
Aktor Menggambarkan sesorang yang beriteraksi dengan sistem, di mana hanya
bisa menginputkan informasi dan menerima indormasi dari sistem dan tidak
memegang kendali pada use case. Dan biasa actor di gambarkan dengan stickman.
sistem ini terdapat 4 Aktor yang terlibat, antara lain :
1. Admin
2. Pelanggan

J. Class Diagram

penjualan_item
retur beli_item retur
penjualan +id_penjualan
+id_retur +id_retur
+id_penjualan +id_barang()
+jumlah() +id_barang() +tgl_retur()
+tgl_pembelian() +keterangan()
+harga_satuan() +jumlah()
+keterangan1() +id_suplier()
+diskon() +keterangan()
+id_kasir() +id_petgudang()
+harga_bayar()

petugas_gudang

+id_petgudang
+nama_petgudang()
kasir Barang +no_telp_petgudang()
+username()
+id_kasir +id_barang +foto()
+nama_kasir() +barcode_barang() pembelian
+username() +id_suplier() pembelian _item
+password() +nama_barang() +id_pembelian
+foto() +harga_beli() +id_pembelian
+tgl()
+harga_jual() +id_barang() +keterangan()
+jumlah_masuk() +jumlah() +id_suplier()
+jumlah_keluar() +harga_satuan() +id_petgudang()
+jumlah_masuk()
+satuan()
+diskon()
Kategori +masa_berlaku()
+id_kategori()
+id_kategori +id_merk() Admin
+nama_kategori() +id_admin
+nama_admin()
+no_telp_admin()
+username()
Merk +password()
+id_merk
+nama_merk()
 K. Aktivity Diagram

 Activity Diagram Login (Admin)

Admin Sistem

Mengakses Sistem menampilkan halaman login

Masukkan username & password

menampilkan pesan kesalahan

klik login

dashboard user

 Activity Diagram Kelola Data Barang (admin)

Admin sistem

klik tambag data barang menampilkan halaman data barang

klik tambag data barang menampilkan halaman tambah data barang

menampilkan pesan kesalahan

klik simpan memproses data

false

true

menampilkan pesan data barang sudah ditambah dan kembali ke halaman data barang
 Activity Diagram Kelola Data Kasir (admin)

Admin sistem

menampilkan halaman data kasir

klik menu data kasir

menampilkan pesan kesalahan

klik tambah data kasir menampilkan halaman tambah data kasir

memproses data
klik simpan

menampilkan pesan data kasir sudah di tambah & kembali ke halaman data kasir

 Activity Diagram Kelola Data Transaksi Penjualan (admin)

Admin sistem

klik menu transaksi penjualan menampilkan halaman data penjualan

klik menu tambah transakasi menampilkan halaman tambah transakasi penjualan

menampilkan pesan kesalahan

klik simpan
memproses data

menampilkan pesan invoice penjualan berhasil dibuat & kembali ke halaman data penjualan
  Activity Diagram Kelola Data Pengguna (admin)

Swimlane1 sistem

menampilkan halaman data pengguna

manajemen pengguna

klik tamabah data pengguna menampilkan halaman tambah pengguna

klik simpan memproses data

menampilkan pesan kesalahan

menampilkan pesan penggunaberhasil ditambahkan & kembali kehalaman data pengguna

 Activity Diagram Kelola Profil Toko (admin)

Admin Sistem

menampilkan halaman pada pengguna

manajemen pengguna

menampilkan halaman tambah pengguna

klik tambah data pengguna

memproses data
klik simpan

menampilkan data kesalahan

menampilkan pesan data pengguna berhasil ditambahkan & kembali kehalaman data pengguna
 Activity Diagram Login (kasir)

Admin Sistem

mengakses sistem menampilkan halaman login

masukkan username & password menampilkan pesan kesalahan

klik login

dashboar user

 Activity Diagram Kelola Data Barang(kasir)

Admin Swimlane1

mengklik menu data kasir menampilkan halaman data kasir

menampilkan data kasir

klik cari data kasir
  Activity Diagram Kelola Data Kasir (kasir)

Admin Swimlane1

menampilkan halaman data penjualan

klik menu transaksi penjualan

memilih aksi menampilkan data yang dicari

cari data transaksi

menampilkan halaman transaksi penjualan

tambah transaksi

melakukan transaksi
menampilkan pesan invoice penjualan berhasil dibuat & kembali ke halaman data peminjaman

L. Squence Diagram

 Sequence Diagram Login (Admin)

Form Login Database Dashboard Admin

: Admin

1 : Mengakses Hlaman Login()

2 : Menampilkan Halaman Login()

3 : Memasukkan Username & Pasword()

4 : Periksa Username & Pasword()

5 : Validasi()

7 : Berhasil()
6 : Menampilkan pesan Error()

8 : Menampilkan Dasboard()

9 : Mengkilk Tombol Logout()

10 : Berhasil Logout()
  Sequence Diagram Master Barang (Admin)

Form Kontrol Data Database

Halaman Data Barang

: Admin
1 : Mengklik Tambah Data()
2 : Mengisi Form Tambah Data Barang()
3 : Data Barang()

4 : Validasi()

6 : Berhasil Menambah Data Barang()

5 : Menampilkan Pesan Error()

7 : Menampilkan Pesan Berhasil Menambahkan Data Barang()

8 : Mengklik Edit()
9 : Mengedit Data()
10 : Data Barang()

11 : Validasi()

13 : Data diperbarui()
12 : Menampilkan Pesan Error()

14 : Data Barang Berhasil sDiperbaharui()

15 : Mengklk Hapus()

16 : id Data Barang()
17 : Menghapus Data()

18 : Data Barang Berhasil Dihapus()

 Sequence Diagram Master Kasir (Admin)

Halaman Data Kasir Form Kontrol Data Database

: Admin
1 : Mengklik Tambah Data()
2 : Mengisi Form Tambah Data Kasir()
3 : Data Kasir()

4 : Validasi()

6 : Berhasil Menambah Data Kasir()

5 : Menampilkan Pesan Error()

7 : Menampilkan Pesan Berhasil Menambahkan Data Kasir()

8 : Mengklik Edit()

9 : Mengedit Data()
10 : Data Kasir()

11 : Validasi()

13 : Data Diperbaharui()
12 : Menampilkan Pesan Error()

14 : Data Barang Berhasil Diperbaharui()

15 : Mengklik Hapus()

16 : id Data Kasir()

17 : Menghapus Data()

18 : Data Kasir Berhasil Dihapus()

 Sequence Diagram Transaksi Penjualan (Admin)

Halaman Data Penjualan

: Admin Form Kontrol Data Database

1 : Mengisi Tambah Data()

2 : Mengisi Form Tambah Penjualan()

3 : Data Penjualan()

4 : Validasi()

5 : Menampilkan Pesan Error()6 : Berhasil Menambah Transaksi()

7 : Menampilkan Pesan Berhasil Melakukan Transaksi()

8 : Mengklik Hapus()
9 : id Data Penjualan()
10 : Menghapus Data()

11 : Data Berhasil Dihapus()

12 : Mengklik Cetak()

13 : Data Berhasil Dicetak()

 Sequence Diagram Master Kasir (Admin)

Halaman Data Pengguna Form Kontrol Data Databaas

: Admin
1 : Mengklik Tambah Data()

2 : Mengisi Form Tambah Data pengguna()

3 : Data Pengguna()

4 : Validasi()

5 : Menampilkan Pesan Error() 6 : Berhasil Menambah Data Pengguna()

7 : Menampilkan Pesan Berhasil Menambah Data Pengguna()

8 : Mengkilk Edit()
9 : Mengedit Data()
10 : Data Pengguna()

11 : Validasi()

13 : Data Diperbaharui()
12 : Menampilkan Pesan Error()

14 : Data Pengguna Berhasil Diberbaharui()

15 : Mengklik Hapus()
16 : id Data Pengguna()

17 : Menghapus Data()

18 : Data Pengguna Berhasil Dihapus()

 Sequence Diagram Profil Toko (Admin)

Halaman Profil Toko Kontrol Data Database

: Admin
1 : Mengklik Ubah()

2 : Menampilkan From Profil Toko()

3 : Mengisi Form Toko()

4 : Form Telah di isi()

5 : Mengklik Tombol Simpan()

6 : Data Toko()

7 : Validasi()

9 : Berhasil()
8 : Menampilkan Pesan()

10 : Menampilkan Pesan Profil Toko Behasil di Ubah()

 Sequence Diagram Login (Kasir)

 Form Login Database
Dashboard Kasir

: Kasir
1 : Mengakses Halaman Login()

2 : Menampilkan Halaman Ubah()

3 : Memasukkan Username & PAsword()

4 : Perikas Username & Pasword()

5 : Validasi()

7 : Berhasil()
6 : Menampilkan Pesan Error()

8 : Menampilkan Dashboard()

9 : Mengklik Tombol Logout()

10 : Berhasil Logout()

 Sequence Diagram Login (Kasir)

 Halaman Data Kasir

: Kasir
1 : Menghapus Halaman Data Kasir()

2 : Menampilkan Halaman Data Kasir()

 Sequence Diagram Transaksi Penjualan (Kasir)

 Halaman Data Penjualan Form Kontrol Data Database

: Admin
1 : Mengklik Tambah Data()
2 : Mengisi Form Tambah Penjualan()
3 : Data Penjualan()

4 : Validasi()

6 : Berhasil Menambah Transaksi()

5 : Menampilkan Pesan Error()

7 : Menampilkan Pesan Berhasil Melakukan Transaksi()

8 : Mengklik Hapus()
9 : id Data Penjualan()
10 : Menghapus Data()

11 : Data Berhasil Dihapus()

12 : Mengklik Cetak()

13 : Data Berhasil Di Cetak()

M. Perancangan Basis Data

Basis data (data base) kumpulan data yang saling berhubungann satu dengan
yang lainnya.perancangan basis data merupakan salah satu tahap yang penting
dalam proses pembuatan aplikasi. Tujuan dirancangnya basis data adalah untuk
mendefinisikan data – data (record –record) yang ada dalam satu file.
Perancangan basis data ini didasarkan pada DFD (Data Flow Diagram) dan
ERD (Entity Relationship Diagram) yang sudah dibuat. Dalam ERD di ketahui
hubungan kardinalitas anatar himpunan entitas. Himpunan entitas tersebut
ditransformasi ke dalam bentuk table yaitu sebagai berikut.

1. Nama data base : dbbarelangdbjejualrasa

Nama tabel : admin

Primary key : username

Tabel 4.2 Admin

 Nama_Field Type Size Keterangan
Username Varchar 50 Primary Key
Password Varchar 50

nama_lenkap Varchar 100

Email Varchar 100

no_telp Varchar 20

Level Varchar 20

Blokir enum(‘Y’,’N’)

2. Nama data base : dbbarelang : dbjejualrasa

Nama tabel : banner

Primary key : id_banner

Tabel 4.3 Banner

Nama_Field Type Size Keterangan
id_banner Varchar 5 Primary Key

Judul Varchar 100

url Varchar 100

Gambar Varchar 100

tgl_posting Date

3. Nama data base : dbbarelang : dbjejualrasa

Nama tabel : hubungi

Primary key : id_hubungi

 Tabel 4.4 Hubungi
Nama_Field Type Size Keterangan
id_hubungi Int 5 Primary Key
Nama Varchar 50
Email Varchar 100

Subjek Varchar 100

Pesan Text

Taggal Date

4. Nama data base : dbnisjejualrasa

Nama tabel : kategori
4. Nama data base : dbbarelang Nama
tabel : kategori
Primary key : id_kategori

Tabel 4.5 kategori

Nama_Field Type Size Keterangan
id_kategori Int 5 Primary Key

nama_kategori Varchar 100

kategori_seo Varchar 100

5. Nama data base : dbbarelang : dbjejualrasa

Nama tabel : kota

Primary key : id_kota

Tabel 4.6 kota

 Nama_Field Type Size Keterangan
id_kota Int 3 Primary Key
nama_kota Varchar 100

ongkos_kirim Int 10

6. Nama data base : dbbarelang : dbjejualrasa

Nama tabel : kustomer

Primary key : id_kustomer

Tabel 4.7 kustomer

Nama_Field Type Size Keterangan
id_kustomer Int 5 Primary Key
Password Varchar 50
nama_lengkap Varchar 100
Alamat Text
Email Varchar 100
Telpon Varchar 20
id_kota Int 5

7. Nama data base : dbbarelang : dbjejualrasa

Nama tabel : modul

Primary key : id_modul

Tabel 4.8 modul

Nama_Field Type Size Keterangan
id_modul Int 5 Primary Key
nama_modul Varchar 50
Link Varchar 100
static_content Text
Gambar Varchar 100
 Status enum

(‘user’,admin)
Aktif enum(‘y’,’n’)
Urutan Int 5
nama_toko Varchar 100
meta_deskripsi Varchar 200
meta_keyword Varchar 200
email_pengelola Varchar 100
nomor_rekening Varchar 100
nomor_hp Varchar 20

8. Nama data base : dbjejualrasa

Nama tabel : order

Primary key : id_order

Tabel 4.9 order

Nama_Field Type Size Keterangan
id_order Int 5 Primary Key
status_order Varchar 50
tgl_order Date
jam_oerder Time
id_kustomer Int 5

9. Nama data base : dbjejualrasa

Nama tabel : order_detail
Primary key : id_order
Tabel 4.10 order detail
Nama_Field Type Size Keterangan
id_order Int 5
id_produk Int 5
Jumlah Int 5
10. Nama data base : dbjejualrasa
Nama tabel : order_temp
10. Nama data base : dbbarelang
Nama tabel : order_temp
Primary key : id_order temp
Tabel 4.11 order temp
Nama_Field Type Size Keterangan
id_order temp Int 5 Primary Key
id_produk Int 5
id_session Varchar 100
Jumlah Int 5
tgl_order_temp Date
jam_order_temp Time
stok_temp Int 5

11. Nama data base : dbbarelang : dbjejualrasa

Nama tabel : produk

Primary key : id_produk

Tabel 4.12 produk
Nama_Field Type Size Keterangan
id_produk Int 5 Primary Key
id_koategori Int 5
nama_produk Varchar 100
produk_seo Varchar 100
Deskripsi Text
Harga Int 20
Stok Int 5
Barat Decimal 5,2
 tgl_masuk Date
Gamabar Varchar 100
Beli Int 5
Diskon Int 5

Perancangan Antar Muka (User Interface Design)

Perancangan antar muka merupakan tahapan untuk membuat tampilan atau
desain dari sistem yang akan dibuat. Perancangan antar muka sangat penting
untuk memenuhi kriteria yang mudah digunakan, menarik dan nyaman digunakan
oleh user.Oleh karena itu dibuatlah rancangan antar muka untuk memudahkan
user. Rancangan tampilan yang dibuat meliputi rancangan struktur menu,
rancangan input dan rancangan output dari sistem yang akan dibuat.

Struktur Menu

Perancangan menu digunakan untuk memudahkan penelusuran serta alur

program ketika kita menjalankan program yang kita buat. Struktur menu akan
dibagi menjadi 2, yaitu struktur menu admin dan struktur menu user.

1. Struktur Menu Admin

Berikut adalah bentuk struktur menu interface admin.

 Ganti _password Homepage Ongkir

Profil _toko Cara pembelian

Modul Hubungi kami

Kategori Banner

Produk Laporan

Order Logout

Gambar di atas menggambarkan tampilan utama(homepage)

Administrator (penjual) saat membuka system penjualan Toko Kue Jejual Rasa.
Tampilan utama administrator terdiri dari ganti password, profil toko, manajemen
modul, kategori produk, produk, order, ongkos kirim, cara pembelian, hubungi
kami, banner, laporan, logout yang biasa ditambah, di ubah, dan dihapus oleh
administrator.

HEADER ADMIN

HOME
Password
Profile
 Manajemen
TToko
Kategori

Order

Cara Beli

Login : Hari – Tanggal - Jam

Logout

Gambar Perancangan Halaman Menu Utama admin

2. Struktur Menu User

Berikut adalah bentuk struktur menu interface user.

Gambar Struktur Menu User

Cari produk
 Logo dan hea
der
home produk Cara penyajian Profil Hubungi kami Check out
Keranjang
belanja

Kategori
Halaman produk

Banner

Copyright

Gambar Rancangan Halaman Utama User

Gambar di atas mengambarkan tampilan utama (hompage) bagi pelanggan

(user) saat mengunjungi situs website penjualan Toko Kue Jejual Rasa

Rancangan Tampilan Output

Perancangan output merupakan hasil dari pengolahan data setelah suatu
masukan lengkap, dan diproses hingga menghasilkan keluaran (output).
1. Rancangan Halaman Laporan Penjualan
 Berikut adalah rancangan halaman laporan penjualan yang dapat dilihat pada
gambar dibawah ini

HEADER ADMIN

HOME
From Laporan
Password
Profile Laporan Hari ini
Manajemen Laporan Per Periode
TToko d-mmmmm-yyyyy
Kategori Dari Tanggal :

s/d tanggal : d-mmmmm-yyyyy

Produk

Order Proses

Ongkir

Cara Beli
Info
Laporan Login : Hari – Tanggal - Jam

Logout

Gambar Rancangan Halaman Laporan Penjualan

Rancangan Tampilan Input

Rancangan input yaitu desain yang dirancang untuk menerima input dari
pengguna sistem. Bagi konsumen yang ingin melakukan pemesanan maka terlebih
dahulu harus memasukan username dan password. Apabila konsumen belum
mempunyai akun, maka konsumen harus melakukan registrasi terlebih dahulu
1. Rancangan Halaman Login User
Rancangan tampilan ini digunakan bagi konsumen yang ingin memesan
produk dengan memasukan username dan password. Berikut adalah rancangan
halaman login user yang dapat dilihat pada gambar dibawah ini.

Cari produk
 Logo dan header

home produk produk Hubungi kami Check out

Keranjang
Email belanja
Kategori
Password

Nama lengkap

Password
Banner
Alamat
Nomor hp

Email
Kota

Capctah

Daftar Masukkan kode Capctah

Copyright

Gambar Rancangan Halaman Login User

2. Rancangan Halaman Registrasi User

Berikut adalah rancangan halaman registrasi user yang dapat dilihat pada
gambar dibawah ini
 Cari produk

Logo dan header

home produk produk Hubungi kami Check out

Keranjang
Kategori Email belanja

Password

Nama lengkap
Banner
Password
Alamat
Nomor hp

Email
Kota

Capctah
Daftar
Masukkan kode Capctah

Gambar 4.12 Rancangan Halaman Registrasi User

Rancangan Halaman Reegistrasi user

3. Rancangan Halaman Login Admin

Berikut adalah rancangan halaman login admin yang dapat dilihat pada
gambar dibawah ini

HEADER ADMIN
 Logo Administrasi
tor

Logo Admin

Gambar Rancangan Halaman Login Admin

4. Rancangan Halaman Input Kategori

Berikut adalah rancangan tampilan halaman Input kategori yang dapat dilihat
pada gambar dibawah ini
 HEADER ADMIN

HOME
Password
Tambah Kategori
Profile Nama Kategori :
Manajemen
TToko Simpan Batal
Kategori
Produk
Cara Beli

Ongkir
Order

Info
Gambar 4.14 Rancangan Halaman Input Kategori
Laporan
6. Rancangan Halaman Input Data Produk
HOME

Logout

Gambar Rancangan Halaman Input Kategori

5. Rancangan Halaman Input Data Produk

Berikut adalah rancangan halaman input data produk yang dapat dilihat pada
gambar dibawah ini

HEADER ADMIN

HOME Nambah
Produk
Password
Profile Nama Produk Pilih Kategori
Kategori
Manajemen Berat
TToko Harga
Kategori Diskon
Stok
Produk Deskripsi
Order

Ongkir

Cara Beli
Info Browser
Gambar
Laporan
HOME Simpan Batal
Logout

Gambar Rancangan Halaman Input Data Produk

[Type here]