SISTEM INFORMASI RETAILER

TOKO ALAT TULIS KANTOR BERBASIS WEB

REKAYASA PERANGKAT LUNAK

PROGRAM STUDI : S1-SISTEM

INFORMASI

Nama Anggota Kelompok :

 I Putu Gede Andika Putra (200030229)

 Renaldi Satrio Abimanyu (200030022)
 Arif Rahman Hakim (200030227)

INSTITUT TEKNOLOGI DAN BISNIS

(ITB) STIKOM BALI
2022
 PENDAHULUAN

- Tujuan Penulisan
Tujuan dari pembuatan dokumen Spesifikasi Kebutuhan Perangkat Lunak
adalah untuk menggambarkan sistem informasi retail yaitu toko alat tulis kantor
berbasis web yang akan membantu pelanggan dalam membeli barang dan
melakukan pembayaran secara online.

- Lingkup Masalah
Sistem Informasi toko ATK dikembangkan dengan tujuan untuk untuk
membantu toko ATK dalam proses pendataan sistem informasi yaitu sistem
penjualan, pembelian, dan stok barang. Selain itu juga sistem ini dibuat untuk
memperluas wilayah dan jangkauan dalam penjualan ATK.

- Definisi, akronim dan singkatan

1. SKPL (Spesifikasi Kebutuhan Perangkat Lunak) adalah sebuah dokumen
yang berisi deskripsi detail mengenai hal yang harus dilakukan oleh perangkat
lunak sesuai dengan kebutuhan dari pengguna.
2. DFD (Data Flow Diagram) adalah representasi grafik dari sebuah sistem.
DFD menggambarkan komponen-komponen sebuah sistem, aliran-aliran data
diantara komponen-komponen tersebut, asal, tujuan dan penyimpanan dari
data tersebut.
3. UML (Unify Modelling Language) adalah sebuah "bahasa" yang telah
menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar
untuk merancang model sebuah sistem.
4. Flowchart adalah diagram yang digunakan untuk memperlihatkan langkah-
langkah yang diambil untuk melakukan suatu proses.
5. ERD (Entity Relationship Diagram) adalah diagram yang digunakan untuk
menggambarkan relasi atau hubungan antar entitas, digunakan untuk
mempermudah pembuatan database.
6. Database atau basis data adalah kumpulan data yang dikelola dan
dikelompokkan berdasarkan ketentuan yang saling berhubungan untuk
mempermudah pengelolaan data tersebut.
 DESKRIPSI UMUM PERANGKAT LUNAK

 Deskripsi Umum Sistem

Sistem informasi retailer toko ATK ini dibuat berbasi website. Sistem
informasi ini digunakan oleh admin dan pelanggan, dimana admin bisa mengelola
seluruh data yang ada pada system yaitu data pelanggan, data admin, data berang,
data pembelian, data pembayaran. Sedangkan pelanggan bisa melihat barang yang
ada pada halaman utama, pelanggan juga bisa melakukan pemilihan barang dan
memasukkan kedalam keranjang, melakukan pembelian, dan melakukan
pembayaran.

 Batasan
Batasan yang dapat digunakan pada pengembangan sistem informasi alat tulis
kantor berbasis web ini adalah sebagai berikut :
1. Menambah dan menghapus data barang hanya bisa dilakukan oleh admin.
2. Pembelian dan pembayaran barang hanya bisa dilakukan menggunakan akun
pelanggan.
 DESKRIPSI KEBUTUHAN

 Kebutuhan Fungsional
1. Sistem dapat menampilkan halaman menu utama.
- Pengguna bisa melakukan pendaftaran.
- Pengguna bisa melakukan login.
- Pengguna bisa melihat barang-barang yang direkomendasikan oleh sistem.
- Pengguna bisa memilih barang dan dimasukan ke dalam keranjang.
- Pengguna bisa mencari data barang sesuai dengan kategori.
2. Sistem menampilkan halaman registrasi.
- Pengguna dapat melakukan registrasi jika tidak memiliki akun dengan
menginputkan data yaitu nama lengkap, username, umur, alamat, no hp, tgl
lahir, dan password.
- Sistem dapat menyimpan registrasi dari pengguna.
3. Sistem dapat menampilkan halaman login.
- Admin dan pengguna dapat melakukan login terlebih dahulu dengan
menginputkan username dan password.
4. Sistem dapat menampilkan halaman pengguna.
- Pengguna dapat mengedit biodata seperti nama, umur, alamat, no hp, tgl
lahir, dan password.
- Pengguna juga dapat melakukan logout dari halaman website.
5. Sistem dapat menampilkan halaman detail barang.
- Pengguna dapat melihat barang lebih detail dibanding saat melihat barang di
halaman dashboard, dimana pada halaman barang akan terlihat stok barang.
- Pengguna bisa memasukan barang ke dalam keranjang.
- Pengguna bisa membeli langung barang dengan memilih beli sekarang dan
pengguna akan dialihkan pada halaman pembelian.
6. Sistem dapat menampilkan halaman pembelian.
 - Pengguna bisa melihat barang apa saja yang sudah dimasukkan ke dalam
keranjang.
- Pengguna bisa melihat total harga barang yang harus dibayar
7. Sistem menampilkan halaman menu pembayaran.
- Pengguna dapat memilih metode pembayaran dengan menggunakan transfer
bank atau kartu kredit.
- Pengguna dapat melakukan konfirmasi pembayaran.
8. Sistem dapat menampilkan halaman admin.
- Admin dapat mengelola data admin.
- Admin dapat mengelola data pelanggan yang sudah melakukan registrasi
pada sistem.
- Admin dapat mengelola data barang.
- Admin dapat mengelola data pembelian barang.
- Admin dapat mengelola data pembayaran barang.
- Admin juga dapat melakukan log out dari halaman website.

 Kebutuhan Fungsional
1. Operasional :
- Bisa diakses melalui website.
- Menggunakan windows 10.
- Membutuhkan RAM minimal 512 MB.
- Microsoft Word untuk membuat perencanaan.
- Microsoft Excel untuk pembuatan laporan.
- Printer untuk mencetak struk transaksi dan mencetak laporan-laporan.
2. Keamanan :
- Dilengkapi dengan kata sandi dan pembatasan hak akses bagi pengguna.
- Sistem akan bisa diakses jika pengguna, admin sudah melakukan login
terlebih dahulu.
- Dilengkapi dengan kamera CCTV.
3. Informasi :
 - Sistem akan menampilkan informasi jika salah memasukan password.
- Sistem akan menampilkan informasi apabila pengguna, admin belum
melakukan pengisian biodata diri.
- Sistem akan menampilkan informasi jumlah barang yang ingin di beli.
- Sistem akan menampilkan informasi jika sudah melakukan pembayaran.
- Sistem akan menampilkan informasi struk transaksi.
- Sistem akan menampilkan informasi harga barang.
- Sistem akan menampilkan informasi apabila website sedang dalam keadaan
maintenance.
4. Kinerja :
- Mengolah data pengguna yang telah melakukan Registrasi.
- Memberikan tampilan yang nyaman bagi pengguna.
- Menjalankan proses pengecekan pembayaran.
 PERANCANGAN

 Flowchart
Berikut adalah flowchart keseluruhan sistem dimana admin dan pelanggan
diharuskan untuk melakukan login untuk masuk ke dalam sistem. Bedanya adalah
admin bisa mengelola data pelanggan, data admin, data barang, data pembelian,
dan data pembayaran.

ffff
 Deskripsi Flowchart :
- Langkah pertama yaitu pelanggan dan admin diwajibkan melakukan login
- Setelah login admin bisa mengelola data admin
- Jika pelanggan belum memiliki akun maka diharuskan melakukan registrasi,
dimana data registrasiakan tersimpan pada system sebagai data pelanggan, dan
data pelanggan dapat dikelola oleh admin.
- Setelah login pelanggan akan masuk pada halman utama, dimana pada
halaman tersebut pelanggan bisa melihat barang-barang yang sudah
ditampilkan oleh admin dengan data barang yang dikelola admin.
- Langkah selanjutnya pelanggan bisa memilih barang yang akan dibeli dengan
memasukan barang ke dalam keranjang
- Setelah itu system akan menampilkan seluruh barang yang sudah dipilih
pelanggan pada keranjang
- Jika barang sudah benar, system akan menampilkan total harga dari belanjaan
yang sudah dipilih.
- Selanjutnya pelanggan bisa melakukan pembelian dimana pembelian tersebut
akan tersimpan pada system sebagai data pembelian dan bisa dikelola oleh
admin.
- Setelah melakukan pembelian pelanggan bisa melakukan pembayaran dimana
data pembayaran akan tersimpan pada system dan bisa dikelola oleh admin
-
 DFD LVL 0
Data flow diagram level 0 merupakan diagram aliran data yang digambarkan
dalam bentuk sebuah lingkaran besar yang mewakili proses pada sistem secara
keseluruhan. pada data flow diagram level 0 sistem informasi alat tulis kantor
ini menggambarkan proses interaksi entitas terhadap system yaitu Admin dan
Pelanggan.
Deskripsi DFD LVL 0 :

Entitas Data Masuk Data Keluar

Pelanggan - data_pelanggan - info_barang
- data_login - info_login
- data_pembelian - info_pelanggan
- data_pembayaran - info_pembelian
- info_pembayaran
Admin - data_login - info_pelanggan
- data_pelanggan - info_pembelian
- data_barang - info_pembayaran
- data_pembelian - info_barang
- data_pembayaran - info_login
 DFD LVL 1
DFD level 1 akan melanjutkan DFD level 0 dimana setiap proses yang
berjalan akan diperinci pada tingkatan ini sehingga proses utama akan dipecah
menjadi sub-sub proses yang lebih kecil lagi. DFD LVL 1 pada sistem informasi
retailer alat tulis kantor berbasis web memiliki lima proses yaitu Login, Register,
Mengelola Data, Pembelian, dan Pembayaran. Untuk data store pada sistem ini
terdapat lima data store yaitu pelanggan, admin, barang, pembelian, pembayaran.
Deskripsi DFD LVL 1 :

Entitas Proses Data Masuk Data Keluar Deskripsi

Proses
Pelanggan Login data login info login Proses
pelanggan
melakukan
login
terhadap
sistem
Register data register info register Proses
pelanggan
melakukan
registrasi
karena
belum
memiliki
akun
Mengelola info_buku Proses
data pelanggan
mengetahui
barang yang
ada pada
system dan
dikelola
admin
Pembelian data_pembelian info_pembelian Proses
pelanggan
melakukan
 pembelian
barang
Pembayaran data_pembayaran info_pembayaran Proses
pelanggan
melakukan
pembayaran
barang

Admin Login data_login info_login Proses

dimana
admin
melakukan
login
terhadap
sistem
Mengelola data_pelanggan info_pelanggan Proses
data data_barang info_barang dimana
data_pembelian Info_pembelian admin bisa
data_pembayaran info_pembayaran mengelola
data_admin info_admin semua data
yang ada
pada sistem
 ERD

Entity relationship Diagram adalah sebuah diagram yang menggambarkan

hubungan kardinalitas dari entitas-entitas yang ada di dalam sebuah database.
Berikut adalah gambar dari entity relationship diagram dari sistem informasi
retailer alat tulis kantor berbasis web.

 Konseptual Basis Data

Proses ini dibuat untuk membangun sebuah rancangan sistem informasi toko
alat tulis. Model data dibuat dengan menggunakan informasi yang
didokumentasikan dalam spesifikasi kebutuhan pengguna. Langkah-langkah dalam
perancangan basis data konseptual yaitu dengan mengidentifikasi entitas, atribut,
identifikasi primary key (PK) dan juga foreign key (FK) dari suatu entitas.
 Struktur tabel
Struktur tabel akan menampilkan struktur data dari tiap tabel yang
ditampilkan di dalam konseptual database. Berikut adalah struktur tabel dari
system retailer alat tulis kantor berbasis web.
- Tabel pelanggan
Berikut adalah tampilan struktur tabel pelanggan.

No Nama Kolom Tipe Data Constraint

1 id_pelanggan Int(11) Primary key (auto increment)
2 nama Varchar(50) NOT NULL
3 username Varchar(20) NOT NULL
4 password Varchar(20) NOT NULL
5 alamat Varchar(100) NOT NULL
6 no_telp Varchar(15) NOT NULL
7 email Varchar(30) NOT NULL

- Tabel admin
Berikut adalah tampilan struktur tabel admin.

No Nama Kolom Tipe Data Constraint

1 id_admin Int(11) Primary key (auto increment)
2 nama Varchar(50) NOT NULL
3 username Varchar(20) NOT NULL
4 password Varchar(20) NOT NULL
5 alamat Varchar(100) NOT NULL
6 no_telp Varchar(15) NOT NULL
7 email Varchar(30) NOT NULL

- Tabel barang
Berikut adalah tampilan struktur table barang.

No Nama Kolom Tipe Data Constraint

1 kode_barang Char(5) Primary key
2 nama_barang Varchar(30) NOT NULL
3 stok Int(11) NOT NULL
 4 harga Int(20) NOT NULL
5 kategori Varchar(20) NOT NULL
6 id_admin Int(11) Foreign key

- Tabel pembelian
Berikut adalah tampilan struktur table pembelian.

No Nama Kolom Tipe Data Constraint

1 kode_pembelian Char(5) Primary key
2 total_belanja Int(15) NOT NULL
3 tanggal Date NOT NULL
4 id_pelanggan Int(11) Foreign key
5 kode_barang Char(5) Foreign key

- Tabel pembayaran
Berikut adalah tampilan struktur table pembayaran.

No Nama Kolom Tipe Data Constraint

1 kode_pembayaran Char(5) Primary key
2 total_bayar Int(15) NOT NULL
3 tanggal_bayar Date NOT NULL
4 jenis_pembayaran Int(15) NOT NULL
5 kode_pembelian Char(5) Foreign key
 PENGUJIAN

Butir Uji Testcase Data input yang Hasil yang diharapkan

diujikan
Registrasi Pengguna  Mengisi semua field  Sistem akan
memasukkan dengan benar menampilkan
nama lengkap,  Mengisi field notifikasi berhasil
username, username yang registrasi
umur, alamat, sudah ada  Sistem akan
no hp, tgl  Mengisi field menampilkan pesan
lahir, dan password kurang untuk meminta
password dari 8 karakter mengganti username
 Mengisi field no hp  Sistem akan
menggunakan huruf menampilkan pesan
 Field nama lengkap bahwa minimal
kosong password adalah 8
 Field username karakter
kosong  Sistem akan
 Field umur kosong menampilkan pesan

 Field alamat kosong bahwa no hp harus

 Field no hp kosong diisi menggunakan

angka
 Field tgl lahir
kosong  Sistem akan
menampilkan pesan
 Field password
bahwa nama lengkap
kosong
harus diisi
 Sistem akan
menampilkan pesan
bahwa username harus
 diisi
 Sistem akan
menampilkan pesan
bahwa umur harus
diisi
 Sistem akan
menampilkan pesan
bahwa alamat harus
diisi
 Sistem akan
menampilkan pesan
bahwa no hp harus
diisi
 Sistem akan
menampilkan pesan
bahwa tgl lahir harus
diisi
 Sistem akan
menampilkan pesan
bahwa password harus
diisi
Login Pengguna  Username dan  Sistem akan
memasukkan password salah menampilakan pesan
username dan  Username benar dan maaf username dan
password password salah password anda salah
 Username salah dan  Sistem akan
password benar menampilakan pesan
 Username benar dan maaf password anda
password benar salah
  Sistem akan
menampilakan pesan
maaf username dan
password anda salah
 Sistem akan menuju
ke halaman dashboard
Edit Pengguna  Mengisi field  Sistem akan
biodata mengubah password kurang menampilkan pesan
password dari 8 karakter bahwa minimal
lama menjadi  Konfirmasi password adalah 8
password baru password salah karakter
 Konfirmasi  Sistem akan
password benar menampilkan pesan
maaf konfirmasi
password anda salah
 Sistem akan
menampilkan pesan
password anda
berhasil diganti