PERANCANGAN SISTEM INFORMASI PENJUALAN

TOKO SEMBAKO ARISA DENGAN OBJECT ORIENTED

ANALYSIS AND DESIGN

Anggota Kelompok :
1. Ade Farisano (21104079)
2. Dewa Gede Maha Putra (21104039)
3. I Gede Pasek Krisna Darsana Putra (21101154)
4. I Wayan Gede Raka Suryawan (21101170)
5. Putu Agus Juliantara (21104049)

INSTITUT BISNIS DAN TEKNOLOGI INDONESIA

Jl. Tukad Pakerisan 97 Denpasar
Tahun Ajaran 2021/2022
 DAFTAR ISI

DAFTAR ISI ............................................................................................................................................. ii

DAFTAR TABEL ..................................................................................................................................... iii

DAFTAR GAMBAR ................................................................................................................................. iv

PROJECT CHARTER ................................................................................................................................ 1

USE CASE DIAGRAM.............................................................................................................................. 6

NARRATIVE USE CASE.......................................................................................................................... 7

ACTIVITY DIAGRAM ........................................................................................................................... 30

SEQUENCE DIAGRAM ......................................................................................................................... 48

CLASS DIAGRAM .................................................................................................................................. 55

USER INTERFACE ................................................................................................................................. 56

LAMPIRAN LAPORAN ASISTENSI ..................................................................................................... 82

ii
 DAFTAR TABEL

Tabel 1. Project Charter ................................................................................................................. 1

Tabel 2. Use Case Login................................................................................................................ 7
Tabel 3. Use Case Lupa Password................................................................................................. 8
Tabel 4. Use Case Menambahkan Data Transaksi ........................................................................ 9
Tabel 5. Use Case Melihat Data Transaksi.................................................................................. 11
Tabel 6. Use Case Melihat Data Barang...................................................................................... 12
Tabel 7. Use Case Melihat Laporan Harian ................................................................................ 13
Tabel 8. Use Case Mengelola Data Barang ................................................................................. 14
Tabel 9. Use Case Tambah Data Barang ..................................................................................... 15
Tabel 10. Use Case Cari Data Barang ......................................................................................... 16
Tabel 11. Use Case Ubah Data Barang ....................................................................................... 17
Tabel 12. Use Case Mengelola Data Pengguna ........................................................................... 18
Tabel 13. Use Case Tambah Data Pengguna ............................................................................... 19
Tabel 14. Use Case Cari Data Pengguna ..................................................................................... 20
Tabel 15. Ubah Data Pengguna ................................................................................................... 22
Tabel 16. Mengelola Data Transaksi ........................................................................................... 23
Tabel 17. Use Case Cari Data Transaksi ..................................................................................... 24
Tabel 18. Use Case Ubah Data Transaksi ................................................................................... 25
Tabel 19. Use Case Melihat Laporan .......................................................................................... 26
Tabel 20. Use Case Cetak Laporan ............................................................................................. 28
Tabel 21. Use Case Logout.......................................................................................................... 29

iii
 DAFTAR GAMBAR

Gambar 1. Use Case ...................................................................................................................... 6

Gambar 2. Activity Diagram Login ............................................................................................. 30
Gambar 3. Activity Diagram Lupa Password .............................................................................. 31
Gambar 4. Activity Diagram Menambahkan Data Transaksi ..................................................... 32
Gambar 5. Activity Diagram Melihat Data Transaksi ................................................................. 33
Gambar 6. Activity Diagram Melihat Data Barang ..................................................................... 33
Gambar 7. Activity Diagram Melihat Laporan Harian................................................................ 34
Gambar 8. Activity Diagram Mengelola Data Barang ................................................................ 34
Gambar 9. Activity Diagram Tambah Data Barang .................................................................... 35
Gambar 10. Activity Diagram Cari Data Barang ........................................................................ 36
Gambar 11. Activity Diagram Ubah Data Barang ...................................................................... 37
Gambar 12. Activity Diagram Mengelola Data Pengguna .......................................................... 38
Gambar 13. Activity Diagram Tambah Data Pengguna .............................................................. 39
Gambar 14. Activity Diagram Cari Data Pengguna .................................................................... 40
Gambar 15. Activity Diagram Ubah Data Pengguna .................................................................. 41
Gambar 16. Activity Diagram Mengelola Data Transaksi .......................................................... 42
Gambar 17. Activity Diagram Cari Data Transaksi .................................................................... 43
Gambar 18. Activity Diagram Ubah Data Transaksi .................................................................. 45
Gambar 19. Activity Diagram Melihat Laporan ......................................................................... 45
Gambar 20. Activity Diagram Cetak Laporan............................................................................. 46
Gambar 21. Activity Diagram Logout ......................................................................................... 47
Gambar 22. Sequence Diagram Login ....................................................................................... 48
Gambar 23. Sequence Diagram Lupa Password ........................................................................ 48
Gambar 24. Sequence Diagram Menambahkan Data Transaksi ................................................ 49
Gambar 25. Sequence Diagram Melihat Data Transaksi ........................................................... 49
Gambar 26. Sequence Diagram Melihat Data Barang ............................................................... 49
Gambar 27. Sequence Diagram Melihat Data Harian ................................................................ 50

iv
Gambar 28. Sequence Diagram Mengelola Data Barang ........................................................... 50
Gambar 29. Sequence Diagram Tambah Data Barang ............................................................... 50
Gambar 30. Sequence Diagram Cari Data Barang ..................................................................... 51
Gambar 31. Sequence Diagram Ubah Data Barang ................................................................. 51
Gambar 32. Sequence Diagram Mengelola Data Pengguna....................................................... 51
Gambar 33. Sequence Diagram Tambah Data Pengguna........................................................... 52
Gambar 34. Sequence Diagram Cari Data Pengguna ................................................................. 52
Gambar 35. Sequence Diagram Cari Data Pengguna ................................................................. 52
Gambar 36. Sequence Diagram Mengelola Data Transaksi ....................................................... 53
Gambar 37. Sequence Diagram Cari Data Transaksi ................................................................. 53
Gambar 38. Sequence Diagram Ubah Data Transaksi ............................................................... 53
Gambar 39. Sequence Diagram Melihat Laporan ...................................................................... 54
Gambar 40. Sequence Diagram Cetak Laporan ......................................................................... 54
Gambar 41. Sequence Diagram Logout ..................................................................................... 54
Gambar 42. Class Diagram ........................................................................................................ 55
Gambar 43 UI Login.................................................................................................................. 56
Gambar 44 UI Masukan Email .................................................................................................. 57
Gambar 45 UI Validasi Email ................................................................................................... 58
Gambar 46 UI Masukan Password ............................................................................................ 59
Gambar 47 UI Tambah Data Transaksi ..................................................................................... 60
Gambar 48 UI Lihat Data Transaksi.......................................................................................... 61
Gambar 49 UI Lihat Data Barang.............................................................................................. 62
Gambar 50 UI Lihat Laporan Harian ........................................................................................ 63
Gambar 51 UI Tambah Data Transaksi ..................................................................................... 64
Gambar 52 UI Lihat Data Transaksi.......................................................................................... 65
Gambar 53 UI Lihat Data Barang.............................................................................................. 66
Gambar 54 UI Lihat Laporan Harian ....................................................................................... 67
Gambar 55 UI Mengelola Data Barang ..................................................................................... 68
Gambar 56 UI Tambah Data Barang ......................................................................................... 69
Gambar 57 UI Cari Data Barang ............................................................................................... 70

v
Gambar 58 UI Ubah Data Barang ............................................................................................. 71
Gambar 59 UI Mengelola Data Pengguna ................................................................................. 72
Gambar 60 UI Tambah Data Pengguna ..................................................................................... 73
Gambar 61 UI Cari Data Pengguna ........................................................................................... 74
Gambar 62 UI Ubah Data Pengguna ......................................................................................... 75
Gambar 63 UI Mengelola Data Transaksi ................................................................................. 76
Gambar 64 UI Cari Data Transaksi ........................................................................................... 78
Gambar 65 UI Ubah Data Transaksi ......................................................................................... 79
Gambar 66 UI Lihat Laporan .................................................................................................... 80
Gambar 67 UI Laporan Tersimpan ............................................................................................ 81
Gambar 68 UI Logout Berhasil ................................................................................................. 82
Gambar 69 Laporan Asistensi ................................................................................................... 82

vi
 PROJECT CHARTER

Tabel 1. Project Charter

Project Description and Goals

Sistem informasi berbasis komputer akan menghasilkan sesuatu yang bernilai lebih
dibandingkan sistem yang diolah secara manual. Yang dimaksud yaitu masih menggunakan
buku besar untuk mengarsipkkan data-datanya. Hal ini sangat sering terjadi pada suatu
pembisnis bahkan umkm yang memiliki jumlah data yang banyak dan memerlukan
penanganan yang khusus serta waktu yang terbatas. Salah satu diantaranya yaitu pada Toko
Arisa.

Toko Arisa beralamatkan di Jalan Tangkuban Perahu kota Denpasar tepatnya di depan
pasar Sariwinangun, toko ini merupakan toko kelontong yang dikelola secara langsung oleh
keluarga ibu fatimah, menjual berbagai barang sembako dan kebutuhan rumah tangga. Karena
letaknya yang cukup strategis, pembeli pun ramai berdatangan yang memungkinkan dalam
perharinya toko ini melakukan banyak sekali transaksi. Dengan pengelolaan data yang
dilakukan secara manual seperti pada proses penjualan barang masih dicatat pada buku nota
kecil, dan pada proses pengelolaan stok barang yang ada juga harus mengecek satu-persatu,
hal ini dapat menjadi permasalahan berikut beberapa contoh permasalahan yang mungkin
terjadi, seperti ketika pemilik toko ingin melakukan rekap penjualan harian bisa saja ada
beberapa data transaksi yang tidak terekap karena catatan notanya hilang, kemudian juga bisa
saja terjadi salah perhitungan stok barang, salah harga jual, salah dalam menghitung sub total
penjualan, dan masih banyak lagi.

Maka berdasarkan permasalahan yang sudah dipaparkan diatas, kelompok kami

mencoba untuk mengajukan sebuah sistem pengelolaan data penjualan berbasis web yang
dapat diakses secara offline, dengan harapan nantinya sistem ini dapat membantu dan
mempermudah kinerja dalam pengelolaan data penjualan dan kegiatan transaksi penjualan
pada Toko Arisa.

Scope Definition
Batasan dari proyek ini adalah :

- Tidak membahas inventory

- Tidak membahas pengelolaan data karyawan

1
- Tidak membahas tentang pembelian barang
Kebutuhan fungsional yang harus ada dalam system :

- Admin dan Kasir diharuskan login untuk dapat menggunakan sistem dengan menginputkan
username dan password
- Admin dapat mengelola data barang berupa menambahkan data barang, mencari data
barang dan mengubah data barang. Ketika menambahkan data barang, admin
menginputkan kode barang, nama barang, harga beli, harga barang, stok barang. Kode
barang pada data barang tidak dapat diubah ketika terjadi perubahan data yang dilakukan
admin
- Admin dapat mengelola data transaksi penjualan berupa mengubah data transaksi, mencari
data transaksi dan melihat laporan transaksi per periode yang ditentukan. Ketika admin
melakukan cetak laporan transaksi, System diharapkan mampu menghitung pengeluaran
dan pemasukan berdasarkan data transaksi dari periode yang ditentukan
- Admin dapat mengelola data pengguna berupa menambahkan data pengguna, mencari
data pengguna, mengubah data pengguna. Ketika menambahkan data pengguna, admin
menginputkan kode pengguna, nama pengguna, email, alamat, username, password,
peran, dan status. Kode pengguna pada data pengguna tidak dapat diubah ketika terjadi
perubahan data yang dilakukan admin
- Admin dan Kasir dapat menambahkan data transaksi dengan menginputkan nomor
penjualan, tanggal, nama kasir, kode barang, jumlah barang, total harga. Ketika kode
barang diinputkan System dapat mengisi secara otomatis kolom nama barang dan harga
barang sesuai dengan data dari masing-masing barang.
- Kasir dapat melihat data barang
- Kasir dapat melihat data transaksi
- Kasir dapat melihat laporan harian
- System mampu menyimpan data kasir dan admin
- System mampu memberikan akses akses tertentu pada setiap akun yang sudah di daftarkan
- System mampu menyimpan data barang
- System mampu menampilkan data barang
- System mampu mengupadate data barang
- System mampu memverifikasi akun pengguna
- System mampu mengirimkan kode unik ke email pengguna ketika terjadi lupa password

2
- System mampu mencetak laporan transaksi penjualan
- System mampu mencari data ketika use case “cari” dijalankan, kategori pencarian dapat
berupa kode dan nama dari data tersebut

Kebutuhan nonfungsional :

Berdasarkan perfomancenya, sistem diharapkan dapat mempersingkat waktu yang

dibutuhkan untuk menyelesaikan setiap pekerjaan. Semakin sedikit waktu yang dibutuhkan,
semakin besar troughput yang dapat dihasilkan. Peningkatan kecepatan dan troughput ini
diharapkan dapat terjadi pada semua proses/pekerjaan. Besarnya peningkatan ini tergantung
pada jenis proses/pekerjaannya.

Kebutuhan nonfungsional dari segi pengontrolan sistem diharapkan memiliki backup

data. Backup data ini terutama dibutuhkan jika server down, misalnya karena matinya aliran
listrik. Dengan adanya backup data ini akses data tidak akan terhenti apabila server down.
Selain itu, sistem juga dapat menjaga keamanan data-data yang disimpan, terutama untuk data-
data yang bersifat confidential.

Project Milestones

Summary Milestone Schedule – List key project milestones relative to project start.
Target Date
Project Milestone
(dd/mm/yyyy)
Project Start 1/6/2022
Complete Solution Analyst 9/6/2022
Complete Use Case Diagram 9/6/2022
Complete Narrative Diagram 16/6/2022
Complete Activity Diagram 23/6/2022
Complete Sequence Diagram 29/6/2022
Complete Class Diagram 30/6/2022
Complete UI Design 3/7/2022
Project Report 6/7/2022
Project Complete 7/7/2022

3
Budget Summary

Project Component Component Cost

Survey dan Analisa Rp 3.750.000

Desain dan Implementasi Sistem Rp 3.750.000

Total Rp 7.500.000
Assumptions, Constraints & Dependencies
Asumsi-asumsi dari proyek ini adalah:

1. Survey dan hari bekerja dilakukan selama 1 minggu yang terdiri dari 5 hari (hari Sabtu
dan Minggu tidak dihitung).

Batasan-batasan untuk sistem ini, antara lain :

1. Hanya admin dan kasir yang dapat masuk/menggunakan sistem.

2. Admin bisa melakukan insert, update, dan delete data.

Project Organizational Structure

Function Name Role

Project Manager - Ade Farisano - Menjadwalkan pelaksanaan
dan manajemen proyek.
- Memantau kinerja proyek
pelaksanaan dari analisis
sampai implementasi.
Data Primer - Ade Farisano - Mengumpulkan data primer
berupa wawancara dan
observasi.
Data Sekunder - Ade Farisano - Mengumpulkan data sekuder
berupa Kepustakaan.

4
 System Analyst - Ade Farisano - Menganalisa proses bisnis.
- Mendefinisikan prosedur
yang ada dalam sistem.
- Membuat dokumen SRS
yang mendefinisikan
spesifikasi kebutuhan
perangkat lunak
Use Case Diagram - Ade Farisano - Membuat use case diagram
dari system yang akan
diajukan.
Narrative Diagram - I Gede Pasek Krisna Darsana - Membuat narrative diagram
Putra dari system yang akan
diajukan.
Activity Diagram - Dewa gede maha putra - Membuat activity diagram
dari system yang akan
diajukan.
Sequence Diagram - Putu Agus Juliantara - Membuat sequence diagram
dari system yang akan
diajukan.
Class Diagram - I Wayan Gede Raka - Membuat class diagram dari
Suryawan system yang akan diajukan.
UI Design - I Gede Pasek Krisna Darsana - Membuat design dari user
Putra interface system.
- Dewa gede maha putra
System - I Wayan Gede Raka - Control keselarasan dan
Documentation Suryawan kelengkapan seluruh
- Putu Agus Juliantara dokumen.
- Membuat laporan.
Project Authorization
APPROVED BY: PROJECT MANAGER DATE
Ade Farisano
APPROVED BY: PROJECT SPONSOR DATE
Ni Kadek Ariasih, S.Kom., M.T

5
USE CASE DIAGRAM

Gambar 1. Use Case

6
 NARRATIVE USE CASE

• Use Case : 1
Tabel 2. Use Case Login

Use Case Name : Login ID : UC1 Importance Level : High

Primary Actor : Kasir, Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Kasir – Ingin masuk dan menggunakan sistem toko.
Admin – Ingin masuk dan menggunakan sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana langkah Kasir atau
Admin dalam melakukan login kedalam sistem toko.

Trigger : Kasir atau Admin akan melakukan login kedalam sistem toko.

Type : External

Relationship :

Association : -
Include : Melihat data barang, melihat data transaksi, melihat data kasir, menambahkan
data transaksi, kelola data barang, kelola data kasir, kelola data transaksi.
Extend : Lupa Password
Generalization : -

Normal Flow of Events :

1. Kasir atau Admin membuka website toko.
2. Sistem menampilkan halaman login sistem toko yang berisikan form username
dan password.
3. Kasir atau Admin menginputkan username dan password.
4. Kasir atau Admin menekan tombol “Login”.
5. Sistem memverifikasi data login yang di inputkan berdasarkan database toko.
6. Sistem menampilkan pesan “Login Berhasil”.
7. Sistem menampilkan dashboard utama sistem toko.

Subflows : -

7
Alternate/Exceptional Flows :
5E. Sistem memverifikasi data login yang diinputkan berdasarkan database toko. Jika
username atau password salah, maka sistem akan menampilkan pesan “Login gagal,
username atau password anda salah” kemudian Kasir atau Admin akan diarahkan kembali
ke langkah nomor 3 Normal Flow Of Events.

• Use Case : 2
Tabel 3. Use Case Lupa Password

Use Case Name : Lupa Password ID : UC2 Importance Level : High

Primary Actor : Kasir, Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Kasir – Lupa password sistem toko.
Admin – Lupa password sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana langkah Kasir atau
Admin dalam melakukan lupa password apabila Kasir dan Admin lupa terhadap password
login kedalam sistem toko.

Trigger : Kasir atau Admin melakukan lupa password (ubah password baru) kedalam
sistem toko.
Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Kasir atau Admin menekan tombol “Lupa Password” pada halaman login toko.
2. Sistem menampilkan halaman yang berisikan form yang ditujukan untuk
diinputkan email yang sudah terdaftar pada akun Kasir atau Admin.
3. Kasir atau Admin menginputkan email.
4. Kasir atau Admin menekan tombol “Kirim”.
5. Sistem memverifikasi email.

8
 6. Sistem mengirim sebuah pesan berisikan kode unik ke email yang sudah
diinputkan Kasir atau Admin.
7. Sistem menampilkan halaman yang berisikan form untuk menginputkan kode
unik.
8. Kasir atau Admin menginputkan kode unik yang diterimanya melalui email.
9. Kasir atau Admin menekan tombol “Kirim”.
10. Sistem memverifikasi kode unik.
11. Sistem menampilkan halaman berisi form ubah password.
12. Kasir atau Admin menginputkan password baru.
13. Kasir atau Admin menekan tombol “Simpan”.
14. Sistem mengubah password akun.
15. Sistem menampilkan pesan “Password berhasil diubah!”.

Subflows : -

Alternate/Exceptional Flows :
5E. Sistem memverifikasi email, apabila email yang diinputkan Kasir atau Admin salah
atau tidak sesuai dengan yang sudah di daftarkan pada akun, maka Sistem akan
mengarahkan Kasir dan Admin kembali ke langkah nomor 3 Normal Flow Of Events.

10E. Sistem memverifikasi kode unik, apabila kode unik yang diinputkan Kasir atau
Admin tidak sesuai dengan yang sudah dikirimkan oleh sistem melalui email sebelumnya,
maka Kasir atau Admin akan diarahkan kembali ke langkah nomor 8 Normal Flow Of
Events.

• Use Case : 3
Tabel 4. Use Case Menambahkan Data Transaksi

Use Case Name : Menambahkan ID : UC3 Importance Level : High

Data Transaksi

Primary Actor : Kasir, Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Kasir – Ingin menambahkan data transaksi kedalam sistem toko.
Admin – Ingin menambahkan data transaksi kedalam sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Kasir atau Admin
dalam menambah data transaksi kedalam sistem toko.

9
Trigger : Kasir atau Admin akan menambahkan data transaksi kedalam sistem toko.
Type : External

Relationship :

Association : Kasir, Admin

Include : -
Extend : Melihat data transaksi, melihat data barang, melihat laporan harian, logout.
Generalization : -

Normal Flow of Events :

1. Sistem menampilkan dashboard utama sistem toko yang langsung menampilkan
form tambah data transaksi yang dibawahnya terdapat 3 tombol aksi, diantaranya
“Lihat Data Transaksi”, “Lihat Data Barang” dan “Lihat Laporan Harian”.
2. Kasir atau Admin menginputkan data-data transaksi baru kedalam form tambah
data transaksi sistem toko.
3. Kasir atau Admin menekan tombol “Simpan Data”.
4. Sistem menyimpan data transaksi kedalam tabel data transaksi
5. Sistem menampilkan pesan “Data Transaksi Berhasil Disimpan!”.
Subflows :
2S. Kasir atau Admin menambahkan data transaksi dengan menginputkan : nomor
penjualan, tanggal, nama kasir, kode barang, jumlah barang, total harga.

2S. Saat Kasir atau Admin menginputkan kode barang secara otomatis sistem akan
mengisikan kolom nama barang dan harga barang sesuai dengan data dari masing-masing
barang.

2S. Saat Kasir atau Admin menginputkan jumlah barang secara otomatis sistem akan
mengisikan kolom total harga sesuai dengan data dari harga barang dan jumlah barang.

Alternate/Exceptional Flows :

• Use Case : 4

10
 Tabel 5. Use Case Melihat Data Transaksi

Use Case Name : Melihat Data ID : UC4 Importance Level : Medium

Transaksi

Primary Actor : Kasir, Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Kasir – Ingin melihat data transaksi yang ada pada sistem toko.
Admin – Ingin melihat data transaksi yang ada pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Kasir atau Admin
dalam melihat data transaksi pada sistem toko.

Trigger : Kasir atau Admin akan melihat data transaksi pada sistem toko.
Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Kasir atau Admin menekan tombol “Lihat Data Transaksi” pada halaman tambah
data transaksi sistem toko.
2. Sistem menampilkan data transaksi berupa tabel.
Subflows :
2S. Didalam “Lihat Data Transaksi”, sistem akan menampilkan tabel data transaksi yang
berisikan nomor penjualan, tanggal, nama kasir, kode barang, jumlah barang, total harga.

Alternate/Exceptional Flows : -

• Use Case : 5
11
 Tabel 6. Use Case Melihat Data Barang

Use Case Name : Melihat Data ID : UC5 Importance Level : Medium

Barang

Primary Actor : Kasir, Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Kasir – Ingin melihat data barang pada sistem toko.
Admin – Ingin melihat data barang pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Kasir atau Admin
dalam melihat data barang yang ada pada sistem toko.

Trigger : Kasir atau Admin melihat data barang pada sistem toko.
Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Kasir atau Admin menekan tombol “Lihat Data Barang” pada halaman tambah
data transaksi sistem toko.
2. Sistem menampilkan data barang berupa tabel.
Subflows :
2S. Didalam “Lihat Data Barang”, sistem akan menampilkan tabel data barang yang
berisikan kode barang, nama barang, harga beli, harga barang, dan stok barang.

Alternate/Exceptional Flows : -

• Use Case : 6

12
 Tabel 7. Use Case Melihat Laporan Harian

Use Case Name : Melihat Laporan ID : UC6 Importance Level : Medium

Harian

Primary Actor : Kasir, Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Kasir – Ingin melihat laporan harian pada sistem toko.
Admin – Ingin melihat laporan harian pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Kasir atau Admin
dalam melihat laporan harian yang ada pada sistem toko.

Trigger : Kasir atau Admin melihat laporan harian pada sistem toko.
Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Kasir atau Admin menekan tombol “Lihat Laporan Harian” pada halaman tambah
data transaksi sistem toko.
2. Sistem menampilkan laporan harian berupa tabel.
Subflows :
2S. Didalam “Lihat Laporan Harian”, sistem akan menampilkan tabel laporan harian yang
berisikan rekap penjualan harian.

Alternate/Exceptional Flows : -

• Use Case : 7

13
 Tabel 8. Use Case Mengelola Data Barang

Use Case Name : Mengelola Data ID : UC7 Importance Level : High

Barang

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mengelola data barang pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
mengelola data barang pada sistem toko.

Trigger : Admin akan mengelola data barang pada sistem toko.

Type : External

Relationship :

Association : Admin
Include : -
Extend : Tambah data barang, cari data barang, ubah data barang, logout.
Generalization : -

Normal Flow of Events :

1. Sistem menampilkan dashboard utama sistem toko
2. Admin memilih opsi “Kelola Data Barang” yang terdapat pada bagian kiri
dasboard.
3. Sistem menampilkan halaman Kelola Data Barang yang didalamnya berisikan
tabel data barang yang dimana diatas tabel terdapat 2 tombol “Tambah Data
Barang” dan “Cari Data Barang”. Selain itu, akan terdapat kolom aksi pada tabel
yang berisikan tombol “Ubah Data Barang”.

Subflows : -

Alternate/Exceptional Flows : -

14
• Use Case : 8
Tabel 9. Use Case Tambah Data Barang

Use Case Name : Tambah Data ID : UC8 Importance Level : High

Barang

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin menambahkan data barang kedalam sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
menambahkan data barang kedalam sistem toko.

Trigger : Admin akan menambah data barang kedalam sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Tambah Data Barang” pada halaman kelola data barang.
2. Sistem menampilkan halaman form tambah data barang.
3. Admin menginputkan data-data barang baru kedalam form tambah data barang
sistem toko.
4. Admin menekan tombol “Simpan Data Barang”.
5. Sistem menambahkan data barang ke dalam tabel data barang.
6. Sistem menampilkan pesan “Data Barang Berhasil Disimpan!”.
Subflows :
3S. Ketika menambahkan data barang, admin menginputkan kode barang, nama barang,
harga beli, harga barang, stok barang.

3S. Admin tidak dapat menginputkan kode barang yang sama.

15
Alternate/Exceptional Flows : -

• Use Case : 9
Tabel 10. Use Case Cari Data Barang

Use Case Name : Cari Data Barang ID : UC9 Importance Level : Low

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mencari data barang pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam mencari
data barang pada sistem toko.

Trigger : Admin akan mencari data barang pada sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Cari Data Barang” pada halaman kelola data barang.
2. Sistem memunculkan pop-up berupa form pencarian data barang yang berisikan
tombol bertuliskan “Cari”.
3. Admin menginputkan data barang yang ingin dicari pada form pencarian data
barang.
4. Admin menekan tombol “Cari”.
5. Sistem mencari data yang paling mendekati berdasarkan data yang diinputkan

16
 6. Sistem menampilkan hasil pencarian berupa tabel data barang

Subflows :
3S. Ketika mencari data barang, admin hanya dapat menginputkan kode barang/nama
barang.

Alternate/Exceptional Flows :

• Use Case : 10
Tabel 11. Use Case Ubah Data Barang

Use Case Name : Ubah Data Barang ID : UC10 Importance Level : High

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mengubah data barang pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
mengubah data barang pada sistem toko.

Trigger : Admin akan mengubah data barang pada sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

17
Normal Flow of Events :
1. Admin menekan tombol “Ubah Data Barang” pada halaman kelola data barang.
2. Sistem mengarahkan Admin ke halaman ubah data barang.
3. Admin mengubah data-data barang pada sistem toko.
4. Admin menekan tombol “Ubah Data Barang”.
5. Sistem menampilkan pesan “Apakah Anda Yakin Mengubah Data Barang?”. Lalu
sistem menampilkan opsi “Iya” dan “Tidak”.
6. Admin memilih opsi “Iya”.
7. Sistem menyimpan data barang yang diubah ke dalam tabel data barang.
8. Sistem menampilkan tulisan “Data Barang Berhasil Diubah!”.
Subflows : .
3S. Ketika mengubah data barang, Admin hanya dapat menginputkan ulang nama barang,
harga beli, harga barang, stok barang.

3S. Sistem tidak menerima perubahan pada kode barang.

Alternate/Exceptional Flows :
6E. Jika Admin memilih opsi “Tidak”, maka data barang tidak akan diubah oleh sistem,
lalu Admin akan diarahkan oleh sistem ke langkah nomor 3 Normal Flows Of Events.

• Use Case : 11
Tabel 12. Use Case Mengelola Data Pengguna

Use Case Name : Mengelola Data ID : UC11 Importance Level : High

Pengguna

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mengelola data pengguna pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
mengelola data pengguna pada sistem toko.

Trigger : Admin akan mengelola data pengguna pada sistem toko.

Type : External

18
Relationship :

Association : Admin
Include : -
Extend : Tambah data pengguna, cari data pengguna, ubah data pengguna, logout.
Generalization : -

Normal Flow of Events :

1. Sistem menampilkan dashboard utama sistem toko
2. Admin memilih opsi “Kelola Data Pengguna” yang terdapat pada bagian kiri
dasboard.
3. Sistem menampilkan halaman Kelola Data Pengguna yang didalamnya
berisikan tabel data pengguna yang dimana diatas tabel terdapat 2 tombol
“Tambah Data Pengguna” dan “Cari Data Pengguna”. Selain itu, akan terdapat
kolom aksi pada tabel yang berisikan tombol “Ubah Data Pengguna”.

Subflows : -

Alternate/Exceptional Flows : -

• Use Case : 12
Tabel 13. Use Case Tambah Data Pengguna

Use Case Name : Tambah Data ID : UC12 Importance Level : High

Pengguna

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin menambahkan data pengguna kedalam sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
menambahkan data pengguna kedalam sistem toko.

19
Trigger : Admin akan menambah data pengguna kedalam sistem toko.
Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Tambah Data Pengguna” pada halaman kelola data
pengguna.
2. Sistem menampilkan halaman form tambah data pengguna.
3. Admin menambahkan data-data pengguna baru kedalam form tambah data
pengguna sistem toko.
4. Admin menekan tombol “Simpan Data Pengguna”.
5. Sistem menambahkan data pengguna ke dalam tabel data pengguna.
6. Sistem menampilkan pesan “Data Pengguna Berhasil Disimpan!”.
Subflows :
6S. Ketika menambahkan data pengguna, Admin menginputkan kode pengguna, nama
pengguna, email, alamat, username, password, peran dan status.

6S. Admin tidak dapat menginputkan kode pengguna yang sama.

Alternate/Exceptional Flows : -

• Use Case : 13
Tabel 14. Use Case Cari Data Pengguna

Use Case Name : Cari Data ID : UC13 Importance Level : Low

Pengguna

Primary Actor : Admin Use Case Type : Detail, Essential

20
Stakeholder and Interest :
Admin – Ingin mencari data pengguna pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam mencari
data pengguna pada sistem toko.

Trigger : Admin akan mencari data pengguna pada sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Cari Data Pengguna” pada halaman kelola data
pengguna.
2. Sistem memunculkan pop-up berupa form pencarian data pengguna yang berisikan
tombol bertuliskan “Cari”.
3. Admin menginputkan data pengguna yang ingin dicari pada form pencarian data
pengguna.
4. Admin menekan tombol “Cari”.
5. Sistem mencari data yang paling mendekati berdasarkan data yang diinputkan
6. Sistem menampilkan hasil pencarian berupa tabel data pengguna
Subflows :
3S. Ketika mencari data pengguna, admin dapat menginputkan kode pengguna/nama
pengguna/username.

Alternate/Exceptional Flows :

• Use Case : 14

21
 Tabel 15. Ubah Data Pengguna

Use Case Name : Ubah Data ID : UC14 Importance Level : High

Pengguna

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mengubah data pengguna pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
mengubah data pengguna pada sistem toko.

Trigger : Admin akan mengubah data pengguna pada sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Ubah Data Pengguna” pada halaman kelola data
pengguna.
2. Sistem mengarahkan Admin ke halaman ubah data pengguna.
3. Admin mengubah data-data pengguna pada sistem toko.
4. Admin menekan tombol “Ubah Data Pengguna”.
5. Sistem menampilkan pesan “Apakah Anda Yakin Mengubah Data Pengguna?”.
Lalu sistem menampilkan opsi “Iya” dan “Tidak”.
6. Admin memilih opsi “Iya”.
7. Sistem menyimpan data pengguna yang diubah ke dalam tabel data pengguna.
8. Sistem menampilkan tulisan “Data Pengguna Berhasil Diubah!”.
Subflows :
3S. Ketika mengubah data pengguna, Admin hanya dapat menginputkan ulang nama
pengguna, email, alamat, username, password, peran dan status.

3S. Sistem tidak menerima perubahan pada kode pengguna, apabila admin ingin
22
melakukan perubahan pada kode pengguna.

Alternate/Exceptional Flows :
6E. Jika Admin memilih opsi “Tidak”, maka data pengguna tidak akan diubah oleh
sistem, lalu Admin akan diarahkan oleh sistem ke langkah nomor 3 Normal Flows Of
Events.

• Use Case : 15
Tabel 16. Mengelola Data Transaksi

Use Case Name : Mengelola Data ID : UC15 Importance Level : High

Transaksi

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mengelola data transaksi pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
mengelola data transaksi pada sistem toko.

Trigger : Admin akan mengelola data transaksi pada sistem toko.

Type : External

Relationship :

Association : Admin
Include : -
Extend : Cari data transaksi, ubah data transaksi, melihat laporan, logout.
Generalization : -

Normal Flow of Events :

1. Sistem menampilkan dashboard utama sistem toko
2. Admin memilih opsi “Kelola Data Transaksi” yang terdapat pada bagian kiri
dasboard.
3. Sistem menampilkan halaman Kelola Data Transaksi yang didalamnya berisikan
tabel data pengguna yang dimana diatas tabel terdapat 2 tombol “Lihat Laporan”
23
 dan “Cari Data Transaksi”. Selain itu, akan terdapat kolom aksi pada tabel yang
berisikan tombol “Ubah Data Transaksi”.

Subflows : -

Alternate/Exceptional Flows : -

• Use Case : 16
Tabel 17. Use Case Cari Data Transaksi

Use Case Name : Cari Data ID : UC16 Importance Level : Low

Transaksi

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mencari data transaksi pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam mencari
data transaksi pada sistem toko.

Trigger : Admin akan mencari data transaksi pada sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

24
Normal Flow of Events :
1. Admin menekan tombol “Cari Data Transaksi” pada halaman kelola data
transaksi.
2. Sistem memunculkan pop-up berupa form pencarian data transaksi yang berisikan
tombol bertuliskan “Cari”.
3. Admin menginputkan data transaksi yang ingin dicari pada form pencarian data
transaksi.
4. Admin menekan tombol “Cari”.
5. Sistem mencari data yang paling mendekati berdasarkan data yang diinputkan.
6. Sistem menampilkan tabel data transaksi berdasarkan data transaksi yang telah
diinputkan Admin.
Subflows :
3S. Ketika mencari data transaksi, admin dapat menginputkan nomor penjualan/tanggal
transaksi.

Alternate/Exceptional Flows :

• Use Case : 17
Tabel 18. Use Case Ubah Data Transaksi

Use Case Name : Ubah Data ID : UC17 Importance Level : High

Transaksi

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mengubah data transaksi pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
mengubah data transaksi pada sistem toko.

Trigger : Admin akan mengubah data transaksi pada sistem toko.

Type : External

25
Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Ubah Data Transaksi” pada halaman kelola data
transaksi.
2. Sistem mengarahkan Admin ke halaman ubah data transaksi.
3. Admin mengubah data-data transaksi pada sistem toko.
4. Admin menekan tombol “Ubah Data Transaksi”.
5. Sistem menampilkan pesan “Apakah Anda Yakin Mengubah Data
Transaksi?”. Lalu sistem menampilkan opsi “Iya” dan “Tidak”.
6. Admin memilih opsi “Iya”.
7. Sistem menyimpan data transaksi yang diubah ke dalam tabel data transaksi.
8. Sistem menampilkan tulisan “Data Transaksi Berhasil Diubah!”.
Subflows :

3S. Ketika mengubah data transaksi, Admin hanya dapat menginputkan ulang tanggal,
nama kasir, kode barang, jumlah barang, total harga.

3S. Saat Admin menginputkan kode barang secara otomatis sistem akan mengisikan
kolom nama barang dan harga barang sesuai dengan data dari masing-masing barang.

3S. Saat Admin menginputkan jumlah barang secara otomatis sistem akan mengisikan
kolom total harga sesuai dengan data dari harga barang dan jumlah barang.

3S. Sistem tidak menerima perubahan pada nomor penjualan.

Alternate/Exceptional Flows :
6E. Jika Admin memilih opsi “Tidak”, maka transaksi tidak akan diubah oleh sistem, lalu
Admin akan diarahkan oleh sistem ke langkah nomor 3 Normal Flows Of Events.

• Use Case : 18
Tabel 19. Use Case Melihat Laporan

Use Case Name : Melihat Laporan ID : UC18 Importance Level : Medium

26
Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin melihat laporan pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam melihat
laporan yang ada pada sistem toko.

Trigger : Admin melihat laporan pada sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : Cetak laporan.
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Lihat Laporan” pada halaman kelola data transaksi
sistem toko.
2. Sistem menampilkan opsi laporan per periode (per tanggal).
3. Admin menginputkan periode laporan dari tanggal berapa s.d tanggal berapa
sesuai dengan kebutuhan yang diperlukan toko.
4. Sistem menampilkan laporan berupa tabel beserta tombol aksi bertuliskan “Cetak
Laporan” yang berada dibawah tabel laporan.
Subflows :
4S. Didalam “Lihat Laporan”, sistem akan menampilkan tabel laporan yang berisikan
rekap penjualan per periode (per tanggal).

Alternate/Exceptional Flows : -

• Use Case : 19

27
 Tabel 20. Use Case Cetak Laporan

Use Case Name : Cetak Laporan ID : UC19 Importance Level : Low

Primary Actor : Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Admin – Ingin mencetak laporan transaksi pada sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana Admin dalam
mencetak laporan transaksi pada sistem toko.

Trigger : Admin akan mencetak laporan transaksi pada sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Admin menekan tombol “Cetak Laporan” pada halaman tabel lihat laporan pada
sistem toko.
2. Sistem mengunduh laporan berupa file PDF.
3. Sistem menampilkan pesan “Laporan Tersimpan!”.

Subflows : -

Alternate/Exceptional Flows : -

• Use Case : 20

28
 Tabel 21. Use Case Logout

Use Case Name : Logout ID : UC20 Importance Level : Middle

Primary Actor : Kasir, Admin Use Case Type : Detail, Essential

Stakeholder and Interest :

Kasir – Ingin keluar dari sistem toko.
Admin – Ingin keluar dari sistem toko.

Brief Description : Dalam use case ini akan dijelaskan bagaimana langkah Kasir atau
Admin dalam melakukan logout dari sistem toko.

Trigger : Kasir atau Admin akan melakukan logout dari sistem toko.

Type : External

Relationship :

Association : -
Include : -
Extend : -
Generalization : -

Normal Flow of Events :

1. Sistem menampilkan dashboard utama sistem toko.
2. Kasir atau Admin mengklik tombol bertuliskan “Logout”.
3. Sistem mengeluarkan akun Kasir atau Admin dari sistem toko
4. Sistem menampilkan pesan “Logout Berhasil!”.

Subflows : -

Alternate/Exceptional Flows :

29
 ACTIVITY DIAGRAM

• Activity Diagram Login

Gambar 2. Activity Diagram Login

30
• Activity Diagram Lupa Password

Gambar 3. Activity Diagram Lupa Password

31
• Activity Diagram Menambahkan Data Transaksi

Gambar 4. Activity Diagram Menambahkan Data Transaksi

32
• Activity Diagram Melihat Data Transaksi

Gambar 5. Activity Diagram Melihat Data Transaksi

• Activity Diagram Melihat Data Barang

Gambar 6. Activity Diagram Melihat Data Barang

33
• Activity Diagram Melihat Laporan Harian

Gambar 7. Activity Diagram Melihat Laporan Harian

• Activity Diagram Mengelola Data Barang

Gambar 8. Activity Diagram Mengelola Data Barang

34
• Activity Diagram Tambah Data Barang

Gambar 9. Activity Diagram Tambah Data Barang

35
• Activity Diagram Cari Data Barang

Gambar 10. Activity Diagram Cari Data Barang

36
• Activity Diagram Ubah Data Barang

Gambar 11. Activity Diagram Ubah Data Barang

37
• Activity Diagram Mengelola Data Pengguna

Gambar 12. Activity Diagram Mengelola Data Pengguna

38
• Activity Diagram Tambah Data Pengguna

Gambar 13. Activity Diagram Tambah Data Pengguna

39
• Activity Diagram Cari Data Pengguna

Gambar 14. Activity Diagram Cari Data Pengguna

40
• Activity Diagram Ubah Data Pengguna

Gambar 15. Activity Diagram Ubah Data Pengguna

41
• Activity Diagram Mengelola Data Transaksi

Gambar 16. Activity Diagram Mengelola Data Transaksi

42
• Activity Diagram Cari Data Transaksi

Gambar 17. Activity Diagram Cari Data Transaksi

43
• Activity Diagram Ubah Data Transaksi

44
 Gambar 18. Activity Diagram Ubah Data Transaksi

• Activity Diagram Melihat Laporan

Gambar 19. Activity Diagram Melihat Laporan

45
• Activity Diagram Cetak Laporan

Gambar 20. Activity Diagram Cetak Laporan

46
• Activity Diagram Logout

Gambar 21. Activity Diagram Logout

47
 SEQUENCE DIAGRAM

• Sequence Diagram Login

Gambar 22. Sequence Diagram Login

• Sequence Diagram Lupa Password

Gambar 23. Sequence Diagram Lupa Password

48
• Sequence Diagram Menambahkan Data Transaksi

Gambar 24. Sequence Diagram Menambahkan Data Transaksi

• Sequence Diagram Melihat Data Transaksi

Gambar 25. Sequence Diagram Melihat Data Transaksi

• Sequence Diagram Melihat Data Barang

Gambar 26. Sequence Diagram Melihat Data Barang

49
• Sequence Diagram Melihat Laporan Harian

Gambar 27. Sequence Diagram Melihat Data Harian

• Sequence Diagram Mengelola Data Barang

Gambar 28. Sequence Diagram Mengelola Data Barang

• Sequence Diagram Tambah Data Barang

Gambar 29. Sequence Diagram Tambah Data Barang

• Sequence Diagram Cari Data Barang

50
 Gambar 30. Sequence Diagram Cari Data Barang

• Sequence Diagram Ubah Data Barang

Gambar 31. Sequence Diagram Ubah Data Barang

• Sequence Diagram Mengelola Data Pengguna

Gambar 32. Sequence Diagram Mengelola Data Pengguna

• Sequence Diagram Tambah Data Pengguna

51
 Gambar 33. Sequence Diagram Tambah Data Pengguna

• Sequence Diagram Cari Data Pengguna

Gambar 34. Sequence Diagram Cari Data Pengguna

• Sequence Diagram Ubah Data Pengguna

Gambar 35. Sequence Diagram Cari Data Pengguna

• Sequence Diagram Mengelola Data Transaksi

52
 Gambar 36. Sequence Diagram Mengelola Data Transaksi

• Sequence Diagram Cari Data Transaksi

Gambar 37. Sequence Diagram Cari Data Transaksi

• Sequence Diagram Ubah Data Transaksi

Gambar 38. Sequence Diagram Ubah Data Transaksi

53
• Sequence Diagram Melihat Laporan

Gambar 39. Sequence Diagram Melihat Laporan

• Sequence Diagram Cetak Laporan

Gambar 40. Sequence Diagram Cetak Laporan

• Sequence Diagram Logout

Gambar 41. Sequence Diagram Logout

54
CLASS DIAGRAM

Gambar 42. Class Diagram

55
 USER INTERFACE
• UI Login

Gambar 43. UI Login

56
• UI Masukan Email

Gambar 44. UI Masukan Email

57
• UI Validasi Email

Gambar 45. Validasi Email

58
• UI Masukan Password

Gambar 46. UI Masukan Password

59
• UI Tambah Data Transaksi (Kasir)

Gambar 47. UI Tambah Data Transaksi

60
• UI Lihat Data Transaksi (Kasir)

Gambar 48. UI Lihat Data Transaksi

61
• UI Lihat Data Barang (Kasir)

Gambar 49. UI Lihat Data Barang

62
• UI Lihat Laporan Harian (Kasir)

Gambar 50. UI Lihat Laporan Harian

63
• UI Tambah Data Transaksi (Admin)

Gambar 51. UI Tambah Data Transaksi\

64
• UI Lihat Data Transaksi (Admin)

Gambar 52. UI Lihat Data Transaksi

65
• UI Lihat Data Barang (Admin)

Gambar 53. UI Lihat Data Barang

66
• UI Lihat Laporan Harian (Admin)

Gambar 54. UI Lihat Laporan Harian

67
• UI Mengelola Data Barang (Admin)

Gambar 55. UI Mengelola Data Barang

68
• UI Tambah Data Barang (Admin)

Gambar 56. UI Tambah Data Barang

69
• UI Cari Data Barang (Admin)

Gambar 57. UI Cari Data Barang

70
• UI Ubah Data Barang (Admin)

Gambar 58. UI Ubah Data Barang

71
• UI Mengelola Data Pengguna (Admin)

Gambar 59. UI Mengelola Data Pengguna

72
• UI Tambah Data Pengguna (Admin)

Gambar 60. UI Tambah Data Pengguna

73
• UI Cari Data Pengguna (Admin)

Gambar 61. UI Cari Data Pengguna

74
• UI Tambah Data Pengguna (Admin)

Gambar 62. UI Tambah Data Pengguna

75
• UI Mengelola Data Transaksi (Admin)

Gambar 63. UI Mengelola Data Transaksi

76
• UI Cari Data Transaksi (Admin)

Gambar 64. UI Cari Data Transaksi

77
• UI Ubah Data Transaksi (Admin)

Gambar 65. UI Ubah Data Transaksi

78
• UI Lihat Laporan (Admin)

Gambar 66. UI Lihat Laporan

79
• UI Laporan Tersimpan (Admin)

Gambar 67. UI Laporan Tersimpan

80
• UI Logout Berhasil

Gambar 68. UI Logout Berhasil

81
LAMPIRAN LAPORAN ASISTENSI

Gambar 69. Laporan Asistensi

82