Dokumen Perancangan Perangkat Lunak

DOKUMEN PERANCANGAN PERANGKAT LUNAK
SuperMarket.co
untuk:
<nama pelanggan>
Dipersiapkan oleh:
Nabila Vandya Rahmayani (180030712)
Program Studi Sistem Komputer

Institut Teknologi dan Bisnis STIKOM Bali
2020
Nomor Dokumen Halaman

Program Studi Sistem
Komputer DPPL-SMC <#>/<jml #
ITB STIKOM Bali
Revisi <nomor Tgl: 10/0520
revisi>
1
DAFTAR PERUBAHAN
Revisi Deskripsi
A 2.3 Dekomposisi Fungsional Modul
1.4.3 Aturan Penomoran dan Penamaan fungsi/proses
2.2 Deskripsi Data
3.2.2 Spesifikasi Fungsi/Proses FS-01.1 Sistem melakukan Login
Admin
INDEX - A B C D E F G
TGL
Ditulis
oleh
Diperiks
a oleh
Disetujui
oleh
2
Daftar Halaman Perubahan
Halaman Revisi Halaman Revisi
Dekomposisi
Fungsional Modul
Aturan Penomoran
dan Penamaan
fungsi
Deskripsi Data
Spesifikasi
Fungsi/Proses FS-
01.1 Sistem
melakukan Login
Admin
3
DAFTAR ISI
1.1 Tujuan Penulisan Dokumen ................................................................................ 7

1.2 Lingkup Masalah ................................................................................................ 7
1.3 Definisi, Istilah, dan Akronim............................................................................. 7
1.4 Aturan Penomoran dan Penamaan ...................................................................... 7
1.4.1 Aturan Penomoran dan Penamaan Spesifikasi Kebutuhan ............................. 7
1.4.2 Aturan Penomoran dan Penamaan Tabel ........................................................ 7
1.4.3 Aturan Penomoran dan Penamaan Fungsi / Proses ......................................... 8
1.4.4 Aturan Penomoran dan Penamaan Query ....................................................... 8
1.4.5 Aturan Penomoran dan Penamaan Layar Pesan.............................................. 8
1.4.6 Aturan Penomoran Algoritma ......................................................................... 8
1.5 Referensi ............................................................................................................. 9
1.6 Deskripsi Umum Dokumen ................................................................................ 9
............................................................................................................................................ 9
2 Deskripsi Perancangan Global ..................................................................................... 9
2.1 Rancangan Lingkungan Implementasi .............................................................. 10
2.2 Deskripsi Data ................................................................................................... 10
Tabel 2-1 Deskripsi Data .................................................................................................. 10
2.2.1 Definisi Domain/Type................................................................................... 10
Tabel 2-2 Definisi Domain/Type ...................................................................................... 10
2.2.2 Conceptual Data Model ................................................................................ 11
2.2.3 Physical Data Mode ...................................................................................... 12
2.2.4 Daftar Tabel Aplikasi .................................................................................... 12
Tabel 2-3 Daftar Tabel Aplikasi ....................................................................................... 12
2.3 Dekomposisi Fungsional Modul ....................................................................... 13
Tabel 2-4 Dekomposisi Fungsional Modul ....................................................................... 13
3 Deskripsi Perancangan Rinci ..................................................................................... 14
3.1 Deskripsi Rinci Tabel ....................................................................................... 14
3.1.1 Tabel TPelanggan (TAB-1) .......................................................................... 14
3.1.2 Tabel TAdmin (TAB-2) ................................................................................ 15
3.1.3 Tabel TBarang (TAB-3)................................................................................ 15
3.1.4 Tabel TTransaksi (TAB-4)............................................................................ 16
3.1.5 Tabel TInfoPembayaran (TAB-5) ................................................................. 16
3.2 Deskripsi Fungsional secara Rinci .................................................................... 16
3.2.1 Spesifikasi Fungsi/Proses FS-1.0 Sistem melakukan proses Login .............. 16
3.2.2 Spesifikasi Fungsi/Proses FS-2.0 Sistem melakukan Registrasi ................... 20
3.2.3 Identifikasi/nama : FS-02.0 Sistem melakukan Registrasi Deskripsi Isi: .... 20
3.2.4 Spesifikasi Fungsi/Proses FS-03.0 Melakukan Manipulasi Barang.............. 23
3.2.5 Spesifikasi Fungsi/Proses FS-04.0 Menampilkan katalog barang yang
tersedia. ...................................................................................................................... 26
3.2.6 Spesifikasi Fungsi/Proses FS-2.3 Melakukan Pemesanan Barang................ 28
3.2.7 Spesifikasi Fungsi/Proses FS-06.0 Melakukan Transaksi secara Transfer ... 30
3.2.8 Spesifikasi Fungsi/Proses FS-3.0 Menampilkan Informasi Pembayaran
Error! Bookmark not defined.
4
DAFTAR TABEL
Table 1. Aturan Penomoran dan Penamaan Query ............................................................. 8

Table 2. Aturan Penomoran dan Penamaan Layar Pesan ................................................... 8
Table 3. Tabel Deskripsi Data........................................................................................... 10
Table 4. Definisi Domain/Type ........................................................................................ 11
Table 5. Daftar Tabel Aplikasi.......................................................................................... 13
Table 6. Tabel Dekomposisi Fungsional Modul ............................................................... 14
Table 7. Tabel TPelanggan (TAB-1) ................................................................................ 15
Table 8. Tabel TAdmin (TAB-2) ...................................................................................... 15
Table 9. Tabel TBarang (TAB-3) ..................................................................................... 15
Table 10. Tabel TTransaksi (TAB-4) ............................................................................... 16
Table 11. Tabel TInfoPembayaran (TAB-5)..................................................................... 16
Table 12. Tabel Spesifikasi Tabel Output 3.2.1.2 ............................................................. 17
Table 13. Tabel Spesifikasi Query 3.2.1.4 ........................................................................ 18
Table 14. Spesifikasi Field Data pada Layar 3.2.1.5 ........................................................ 19
Table 15. Spesifikasi Function Key 3.2.1.6 ...................................................................... 19
Table 16. Spesifikasi Layar Pesan 3.2.1.7 ........................................................................ 19
Table 17. Spesifikasi Tabel Output 3.2.3.2 ....................................................................... 20
Table 18. Spesifikasi Query 3.2.3.4 .................................................................................. 21
Table 22. Spesifikasi Tabel Input 3.2.4.1 ......................................................................... 23
Table 27. Spesifikasi Tabel Output 3.2.5.2 ....................................................................... 26
Table 29. Spesifikasi Field Data Pada Layar 3.2.5.5 ........................................................ 27
Table 30. Spesifikasi Function Key 3.2.5.6 .......................Error! Bookmark not defined.
Table 31. Spesifikasi Layar Pesan .................................................................................... 28
Table 32. Spesifikasi Tabel Input ..................................................................................... 28
Table 37. Spesifikasi Tabel Output 3.2.7.2 ........................Error! Bookmark not defined.
Table 38. Spesifikasi Query 3.2.7.4 ...................................Error! Bookmark not defined.
Table 39. Spesifikasi Field Data pada Layar 3.2.7.5 .........Error! Bookmark not defined.
Table 41. Spesifikasi Tabel Output 3.2.8.2 ........................Error! Bookmark not defined.
Table 42. Spesifikasi Query 3.2.8.4 ...................................Error! Bookmark not defined.
Table 44. Spesifikasi Layar Pesan 3.2.8.7 .........................Error! Bookmark not defined.
5
DAFTAR GAMBAR
Gambar 1. Conceptual Data Model................................................................................... 11

Gambar 2. Physical Data Mode ........................................................................................ 12
Gambar 3. Sistem melakukan Login ................................................................................. 18
Gambar 4. Sistem melakukan Registrasi .......................................................................... 21
Gambar 5. Sistem Memanipulasi Barang ......................................................................... 24
Gambar 6. Sistem menampilkan Katalog Barang ............................................................. 27
Gambar 7. Sistem melakukan Pemesanan Barang ........................................................... 29
Gambar 8. Sistem melakukan Transaksi ............................Error! Bookmark not defined.
Gambar 9. Sistem menampilkan Informasi Pembayaran ...Error! Bookmark not defined.
6
I. Pendahuluan
1.1 Tujuan Penulisan Dokumen

Dokumen ini berisi tentang Deskripsi Perancangan Perangkat Lunak (DPPL).
Dokumen ini bertujuan untuk menjelaskan dan menggambarkan mengenai Sistem
Informasi SuperMarket.co yang akan dikembangkan dengan ancangan berorientasi
proses. Diharapkan dengan adanya dokumen DPPL ini Sistem Informasi
SuperMarket.co dapat lebih terarah, efektif, dan efisien.
1.2 Lingkup Masalah

SuperMarket.co ialah Sistem Informasi berbasis web yang digunakan untuk
mempermudah para pelanggan untuk berbelanja dan transaksi secara online tanpa
harus ke Supermarket. Deskripsi perancangan yang ditampilkan pada dokumen ini
disesuaikan dengan spesifikasi fungsional Sistem Informasi dengan mengacu pada
dokumen SKPL.
1.3 Definisi, Istilah, dan Akronim

DPPL (Deskripsi Perancangan Perangkat Lunak) adalah dokumen deskripsi dari
Sistem Informasi yang dirancang dan dikembangkan bertujuan untuk pengkodean
aplikasi sebagai acuan untuk tahap selanjutnya.
SuperMarket.co adalah Sistem Informasi berbasis web yang bertujuan untuk

mempermudah para pelanggan untuk berbelanja dan transaksi secara online.
1.4 Aturan Penomoran dan Penamaan
1.4.1 Aturan Penomoran dan Penamaan Spesifikasi Kebutuhan

Setiap kebutuhan perangkat lunak dalam dokumen ini akan diberi penomoran
dengan format :
SKPL-JK-XX.Y <SuperMarket.co>, dengan :
• JK adalah jenis kebutuhan. JK dapat diisi dengan :
• F untuk jenis kebutuhan fungsional
• NF untuk jenis kebutuhan non fungsional
• XX adalah nomor kebutuhan fungsi (dua digit) dimulai dari 00, 01, 02, …
• Y adalah nomor fungsi rinci, yang diturunkan dari kebutuhan nomor XX. Jika
suatu kebutuhan bukan turunan maka nilai Y diisi 0.
1.4.2 Aturan Penomoran dan Penamaan Tabel

Tabel diberi nama awalan huruf T kapital, diikuti dengan nama entitas tabel tersebut.
Tiap karakter awal kata dalam nama entitas tabel, dimulai dengan huruf kapital,
tanpa adanya spasi antar kata bila nama entitas lebih dari satu kata. Penomoran tabel
mengikuti format TAB-X, dengan X menyatakan nomor urut tabel.
7
Contoh :
TAB-1 TPelanggan
TAB-2 TAdmin
1.4.3 Aturan Penomoran dan Penamaan Fungsi / Proses

Penomoran fungsi menurut format FS-X, FS-X.Y, F S-X.Y.Z, dan seterusnya,
dengan X,Y,Z menyatakan tingkatan level fungsi/proses pada Data Flow Diagram
(DFD) sesuai dengan kedalaman fungsi. Setiap fungsi diberi nama sesuai dengan
deskripsinya.
Contoh :
FS-01.0 Sistem dapat melakukan Login Pelanggan
FS-01.1 Sistem dapat melakukan Login Admin
1.4.4 Aturan Penomoran dan Penamaan Query

Penamaan query disesuaikan dengan fungsinya. Penomorannya mengikuti format
QUE-X, dengan X menyatakan nomor urut query.
Contoh :
ID Query Deskripsi Ekspresi Query
QUE-5 Melakukan pemesanan INSERT INTO TPelanggan
barang VALUES (Nama_Pelanggan,
No_Telpon, Alamat, Jml pesanan)
Table 1. Aturan Penomoran dan Penamaan Query
1.4.5 Aturan Penomoran dan Penamaan Layar Pesan

Setiap layar pesan diberi nama sesuai dengan pesan yang ditampilkan.
Penomorannya mengikuti format LP-X, dengan X menyatakan nomor urut layar
pesan.
Contoh :
Id_Pesan Waktu Kemunculan Isi Pesan
LP-5 Jika btnLogin diklik, Terjadi error, anda akan dialihkan ke
koneksi menuju halaman utama.
basisdata tidak dapat
dilakukan.
Table 2. Aturan Penomoran dan Penamaan Layar Pesan
1.4.6 Aturan Penomoran Algoritma

Algoritma diberi nama sesuai dengan tujuan algoritma itu. Penomorannya
mengikuti format ALGO-X, dengan X menyatakan nomor urut algoritma.
Contoh :
Id Proses : ALGO-1
Initial State (IS) :
Tabel TPelanggan sudah lengkap dengan data diri, login, dan password.
Final State (FS) :
Jika txtEmail dan txtPassword masih kosong atau belum lengkap, akan
ditampilkan layar pesan LP-1. Jika Email dan password masukan sudah
benar, akan ditampilkan halaman selanjutnya, jika gagal akan
8
ditampilkan layar pesan LP-5, dan tampilkan LP-2 jika tidak ada
koneksi.
Spesifikasi Proses/Algoritma :
IF (IsNotEmpty(txtEmail) AND (IsNotEmpty(txtPassword))) THEN
IF (koneksi berhasil) THEN
Jalankan query Result=QUE-1
IF (IsNotNULL(Result)) THEN
Tampilkan halaman selanjutnya
ELSE
Tampilkan layar pesan LP-2
ELSE
ELSE
1.5 Referensi
a. Fembi Rekrisna Grandea Putra, Lia Ristiana dkk., DOKUMEN
SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK “UNS Library
Automation”, 2015.
b. Edi Suherman, Lainatul Jannah dkk., DOKUMEN SPESIFIKASI

KEBUTUHAN PERANGKAT LUNAK “Halen Bookstore”, 2017.
1.6 Deskripsi Umum Dokumen

Dokumen ini berisikan Deskripsi Perancangan Perangkat Lunak (DPPL) yang
menjelaskan tentang pengembangan dari dokumen SKPL ke dalam bentuk
perancangan. Dokumen ini mengacu kepada dokumen sebelumnya yaitu
SKPL. Dokumen ini berisi dari beberapa bab:
1. Pendahuluan
Bab ini berisi tentang latar belakang sistem informasi SuperMarket.co,
tujuan pembuatan sistem informasi, lingkup masalah pengembangan
sistem informasi, tujuan penulisan dokumen, aturan penomoran dan
referensi.
2. Deskripsi perancangan
Bab ini berisi tentang rancangan lingkungan implementasi, deskripsi
data.
2 Deskripsi Perancangan Global
Bagian ini berisi rancangan global dari Sistem Informasi SuperMarket.co,

mencakup perancangan implementasi, deskripsi data, domain/tipe, deskripsi tabel
aplikasi dan dekomposisi modul.
9
2.1 Rancangan Lingkungan Implementasi
SuperMarket.co dikembangkan dan diimplementasikan dalam lingkungan sebagai

berikut:
Perangkat Keras :
Tidak diperlukan perangkat keras khusus dalam pengembangan dan
implementasi di Sistem Infromasi SuperMarket.co ini, yang terpenting ialah
terhubung dengan jaringan yang stabil dan juga PC/Laptop/Handphone.
Perangkat Lunak :
- Sistem Operasi : SuperMarket.co merupakan perangkat lunak stand-
alone yang berjalan di lingkungan Windows dan
Web Browser.
- DBMS : Basis Data SuperMarket.co dikelola dengan DBMS
MySQL
- Bahasa Pemrograman : Bahasa pemrograman yang digunakan adalah PHP.
2.2 Deskripsi Data

Tabel 0-1 Deskripsi Data
Integrity
Nama Tabel / Volum Primar
No Jenis Laju Constrai
Data e y Key
nt
1 TPelanggan Tabel 1000 500 Email -
induk Record Record
2 TAdmin Tabel 300 600 ID_Ad -
induk record record min
per tahun
3 TBarang Tabel 1500 1000 ID_Bar -
induk record record ang
per tahun
4 TTransaksi Tabel 500 1000 ID_Tra -
induk record record nsaksi
per tahun
5 TInfoPembayaran Tabel 1500 1000 ID_Pela -
Refrensi record record nggan,
per tahun ID_Tra
nsaksi
Table 3. Tabel Deskripsi Data
2.2.1 Definisi Domain/Type

Tabel 0-1 Definisi Domain/Type
Domain Name Type
ID_Admin Integer
Nama_Admin VarChar 50
10
No_Rekening Integer
Alamat VarChar 50
No_HP Integer
Email VarChar 10
Password Char 6
ID_Barang VarChar 9
Pilihan barang Integer
HargaOngkir Integer
WaktuPemesanan Date
Keterangan String
ID_Pelanggan Char 9
Nama Pelanggan Integer
No_KTP String
ID_Transaksi VarChar 12
Status_Pembayaran Integer
Status_Pengiriman VarChar 50
Table 4. Definisi Domain/Type
2.2.2 Conceptual Data Model
Gambar 1. Conceptual Data Model
11
2.2.3 Physical Data Mode
Gambar 2. Physical Data Mode
2.2.4 Daftar Tabel Aplikasi
Tabel 0-1 Daftar Tabel Aplikasi

Nama Tabel Primary Data Store E/R Deskripsi Isi
Key
TPelanggan ID_Pelangg dbPelanggan Admin, Dalam data ini
an Pelangan berisi tentang
Email dan
Password
pelanggan.
TAdmin ID_Admin dbAdmin Admin Data diri
Admin
SuperMarket.c
o
TBarang ID_Barang dbBarang Admin, Data barang
Pelanggan yang tersedia
di
12
SuperMarket.c
o
TTransaksi ID_Transak dbTransaksi Pembayaran Data yang
si berisi tagihan
pembayaran.
TInfoPembayar ID_InfoPem dbInfoPembay Pelanggan, Data selesai
an bayaran, aran Admin transaksi.
ID_Transak
si
Table 5. Daftar Tabel Aplikasi
2.3 Dekomposisi Fungsional Modul

Tabel 0-1 Dekomposisi Fungsional Modul
No. Tabel / Data Tabel / Data Keteranga
Fungsi / Proses
Fungsi Input Output n
(SKPL- Sistem dapat - TPelanggan,
F-01.0 melakukan Login Admin
<Super Pelanggan.
Market.c
o>)
(SKPL- Sistem dapat - TAdmin
F-01.1 melakukan Login
<Super Admin.
Market.c
o>)
(SKPL- Sistem dapat TAdmin, TPelanggan
F-01.2 melakukan TPelanggan
<Super Registrasi Akun
Market.c Pelanggan
o>)
(SKPL- Sistem dapat TAdmin TAdmin,
F-01.3 menampilkan data TPelanggan
<Super Pelanggan.
Market.c
o>)
(SKPL- Sistem dapat - TPelanggan
F-02.0 menampilkan
<Super Katalog barang.
Market.c
o>)
(SKPL- Sistem dapat TAdmin, TPelanggan
F-02.1 melakukan TPelanggan
<Super pembelian barang
Market.c Pelanggan.
o>)
13
(SKPL- Sistem dapat TAdmin TAdmin
F-02.2 melakukan tambah
<Super barang dari Admin.
Market.c
o>)
F-02.3 melakukan update
<Super barang dari Admin
Market.c
o>)
F-03.0 melakukan hapus
<Super barang dari Admin.
Market.c
o>)
F-03.1 melakukan TPelanggan.
<Super Transaksi.
Market.c
o>)
F-03.2 menampilkan TPelanggan
<Super Informasi
Market.c Pembayaran.
o>)
Table 6. Tabel Dekomposisi Fungsional Modul
3 Deskripsi Perancangan Rinci
3.1 Deskripsi Rinci Tabel
3.1.1 Tabel TPelanggan (TAB-1)

IdField Deskripsi Type & Boleh Default Ketera
Length NULL ngan
ID_Pelanggan Kode unik untuk Tidak -
membedakan Char 9
setiap akun
pelanggan.
Nama_Pelangg Berisi nama Tidak -
an lengkap Integer
pelanggan.
Alamat Berisi alamat Tidak -
lengkap VarChar50
pelanggan.
No_KTP Berisi nomor String Tidak -
KTP.
No_Telepon Berisi nomor Integer Tidak -
telepon.
14
No_Rekening Berisi nomor Integer Tidak -
rekening
pelanggan.
Email Berisi username Tidak -
yang harus VarChar10
berbeda dari
pelanggan lain.
Password Berisi password Tidak -
untuk menjaga Char6
privacy.
Table 7. Tabel TPelanggan (TAB-1)
3.1.2 Tabel TAdmin (TAB-2)

Length NULL ngan
ID_Admin Setiap Admin Integer Tidak -
harus memiliki
ID.
ID_Barang ID barang yang VarChar9 Tidak -
dipegang oleh
admin.
Nama_Admin Nama lengkap VarChar50 Tidak -
admin.
Alamat Alamat admin. VarChar50 Tidak -
No_HP Nomor hp admin. Integer Tidak -
Email Email admin. VarChar10 Tidak -
Password Password admin. Char6 Tidak -
Table 8. Tabel TAdmin (TAB-2)
3.1.3 Tabel TBarang (TAB-3)

IdField Deskripsi Type & Boleh Default Keteran
Length NULL gan
ID_Barang ID disetiap VarChar9 Tidak - ID
barang. barang
akan
terisi
otomatis
ID_Admin ID admin Integer Tidak -
ID_Pelanggan ID pelanggan Char9 Tidak -
yang mau
memilih barang.
Pilihan_Barang Pilihan barang Integer Tidak -
yang tersedia di
SuperMarket.co
Table 9. Tabel TBarang (TAB-3)
15
3.1.4 Tabel TTransaksi (TAB-4)
Length NULL ngan
ID_Transaksi ID disetiap VarChar12 Tidak - ID
transaksi. Transak
si akan
terisi
otomati
s
ID_Barang ID barang yang VarChar12 Tidak -
dibeli.
ID_Pelanggan ID pelanggan Char 9 Tidak -
yang membeli
barang.
Status_pembay Total semua Integer Tidak -
aran pembayaran
Table 10. Tabel TTransaksi (TAB-4)
3.1.5 Tabel TInfoPembayaran (TAB-5)

Length NULL ngan
ID_InfoPemba Mempunyai ID Char10 Tidak -
yaran disetiap selesai
transaksi.
ID_Transaksi Untuk Tidak -
mengetahui VarChar12
transaksi.
ID_Pelanggan Mengetahui ID Char9 Tidak -
pelanggan.
Status_Pembay Setelah sukses -
aran melakukan Integer Tidak
transaksi.
Table 11. Tabel TInfoPembayaran (TAB-5)
3.2 Deskripsi Fungsional secara Rinci
3.2.1 Spesifikasi Fungsi/Proses FS-01.0 Sistem melakukan proses Login

Pelanggan.
Identifikasi/Nama : FS-01.0 Sistem dapat melakukan Login Pelanggan.
Deskripsi Isi : Proses ini menerima Email dan password pelanggan
SuperMarket.co, kemudian melakukan validasi terhadap
Email dan Password tersebut di Tabel TPelanggan.
Jenis : -
16
3.2.1.1 Spesifikasi Tabel Input
Tidak ada.
3.2.1.2 Spesifikasi Tabel Output

Daftar Tabel Output untuk Fungsi/Proses Melakukan Proses Login Pelanggan
No Kode Tabel Output Nama Tabel Output
1. TAB-1 TPelanggan
Table 12. Tabel Spesifikasi Tabel Output 3.2.1.2
17
3.2.1.3 Spesifikasi Layar Utama
Gambar 3. Sistem melakukan Login Pelanggan
3.2.1.4 Spesifikasi Query

QUE-1 Mencari data SELECT * FROM TPelanggan
pelanggan dengan WHERE email=[email masukan]
Email dan Password AND password=[password masukan];
tertentu pada
Tpelanggan.
Table 13. Tabel Spesifikasi Query 3.2.1.4
3.2.1.5 Spesifikasi Field Data pada Layar

Label Field Tabel/Quer I/O Format Validas Keteranga
y i n
txtEmail Email TPelangga Outpu Berisi NOT Email
n t kalimat NULL pelanggan
atau
angka
dan
minima
l8
huruf.
18
txtPasswor Passwor TPelangga Outpu Berisi NOT Password
d d n t kaimat NULL pelanggan
dan
angka,
minima
l8
huruf.
Table 14. Spesifikasi Field Data pada Layar 3.2.1.5
3.2.1.6 Spesifikasi Function Key/Objek-

Objek Pada Layar
Id_Objek Jenis Keterangan
btnLogin Button Login Jika diklik akan menjalankan algoritma
ALGO-1
Table 15. Spesifikasi Function Key 3.2.1.6
3.2.1.7 Spesifikasi Layar Pesan

LP-1 Jika txtEmail dan Masukkan email dan password anda.
txtPassword masih
kosong, maka
btnLogin akan
mengeluarkan
peringatan
LP-2 Jika setelah klik Email atau Password yang ada
btnLogin namun tidak masukkan salah.
masuk ke home page,
maka txtEmail atau
txtPassword salah.
LP-3 Saat btnLogin diklik, Terjadi kesalahan, mohon menunggu.
koneksi ke basis data
tidak dapat dijalankan.
Table 16. Spesifikasi Layar Pesan 3.2.1.7
3.2.1.8 Spesifikasi Proses/Algoritma

Id Proses : ALGO-1
Objek terkait : txtEmail, txtPassword, btnLogin
Event : btnLogin onClick

Tabel TPelanggan sudah dibuat dan berisi data email dan password
pelanggan.
Final State (FS) :
Jika txtEmail atau txtPassword masih kosong, akan ditampilkan layar
pesan LP-1. Jika email dan password masukan valid, akan ditampilkan
halaman selanjutnya, jika gagal akan ditampilkan layar pesan LP-2, dan
tampilkan LP-3 jika tidak ada koneksi atau error.
19
ELSE
ELSE
ELSE
3.2.1.9 Spesifikasi Report

Tidak ada.
3.2.2 Spesifikasi Fungsi/Proses FS-01.1 Sistem melakukan Login Admin
Identifikasi/nama : FS-01.1 Sistem melakukan Login Admin

Deskripsi Isi : Disini memproses Login Admin
Jenis :-

Tidak ada.

Daftar Tabel output untuk Fungsi/Proses Registrasi
No Kode Tabel Input Nama Tabel Input
1. TAB-2 TAdmin
Table 17. Spesifikasi Tabel Output 3.2.3.2
20
Gambar 4. Sistem melakukan Login Admin

QUE-2 Melakukan Login SELECT * FROM TAdmin WHERE
Admin. email=[email masukan] AND
password=[password masukan];
Table 18. Spesifikasi Query 3.2.3.4

Label Field Tabel/Que I/O Forma Validasi Ketera
ry t ngan
txtEmail Email TAdmin Outp Berisi NOT
ut kalim NULL
at atau
angka.
txtPassword Password TAdmin Outp Berisi NOT
ut kalim NULL
at atau
angka.
21
Objek Pada Layar
btnLogin Button Login Jika diklik akan menjalankan algoritma
ALGO-2

LP-4 Jika txtEmail dan Masukkan email dan password anda.

txtPassword masih
kosong, maka
btnLogin akan
mengeluarkan
peringatan
LP-5 Jika setelah klik Email atau Password yang ada

btnLogin namun tidak masukkan salah.
masuk ke home page,
maka txtEmail atau
txtPassword salah.
LP-6 Saat btnLogin diklik, Terjadi kesalahan, mohon menunggu.

koneksi ke basis data
tidak dapat dijalankan.

Id Proses : ALGO-2
Objek terkait : txtEmail, txtPassword, btnLogin
Event :-

Tabel TAdmin sudah dibuat dan berisi data email dan password Admin.
Final State (FS) :
Jika txtEmail atau txtPassword masih kosong, akan ditampilkan layar
pesan LP-4. Jika email dan password masukan valid, akan ditampilkan
halaman selanjutnya, jika gagal akan ditampilkan layar pesan LP-5, dan
tampilkan LP-6 jika tidak ada koneksi atau error.
22
ELSE
ELSE
ELSE

Tidak ada.
3.2.3 Spesifikasi Fungsi/Proses FS-01.2 Melakukan Registrasi Pelanggan

Identifikasi/nama : FS-01.2 Melakukan Registrasi Pelanggan
Deskripsi Isi : Proses ini dapat Membuat Akun baru pelanggan.
Jenis : -

Daftar Tabel Input untuk Fungsi/Proses Melakukan Registrasi Pelanggan
1. TAB-1 TPelanggan
2. TAB-2 TAdmin
Table 22. Spesifikasi Tabel Input 3.2.4.1

Tidak Ada.
23
Gambar 5. Sistem Melakukan Registrasi

QUE-3 Menambah data INSERT INTO TPelanggan VALUES
Pelanggan di (Nama_Pelanggan, Email, Password,
TPelanggan Alamat, No_Handphone)
QUE-4 Menambah data di INSERT INTO TAdmin VALUES
TAdmin (Email, Password)

Label Field Tabel/Que I/O Format Validasi Keterang
ry an
Nama Nama_Pel TPelangga Input - NOT
anggan n NULL
Email Email TPelangga Input - NOT
pelanggan n NULL
Password Password TPelangga Input - NOT
n NULL
Alamat Alamat TPelangga Input - NOT
n NULL
24
No Handphone No TPelangga Input - NOT
Handphon n NULL
e
Pelanggan

Objek Pada Layar
btnDaftar Button Jika diklik akan menjalankan algoritma
ALGO-3

LP-7 Saat btnDaftar diklik Mohon isi data diri anda yang masih
namun belum terdaftar kosong.
dan belum ke halaman
selanjutnya, maka
diberi peringatan.
LP-8 Saat btnDaftar diklik, Password harus menggunakan
namun txtPassword kombinasi huruf dan angka minimal 8
tidak terdapat huruf dan kata.
angka, maka akan
diberi peringatan.
LP-9 Jika masih ada yang -
belum valid, maka akan
kembali ke halaman
awal.

Id Proses : ALGO-3
Objek terkait : Nama, Email, Password, Alamat, No Handphone, btnDaftar
Event :-

Tabel TPelanggan dan Tabel TAdmin sudah dibuat.
Final State (FS) :
Jika terdapat data di LP-7 yang masih kosong, akan ditampilkan layar
pesan LP-9. Jika terdapat data di LP-8 yang masih belum valid, akan
ditampilkan layar pesan LP-9.
IF (IsNotEmpty(Nama, Email, Password, Alamat, No_Handphone)
THEN
IF (IsNotVarChar(Password)) THEN
25
ELSE IF (IsNotVarChar(Password)) THEN
ELSE
Jalankan query QUE-3
IF (berhasil) THEN
ELSE

Tidak ada.
3.2.4 Spesifikasi Fungsi/Proses FS-01.3 Menampilkan data Pelanggan

Identifikasi/nama : FS-01.3 Menampilkan data Pelanggan.
Deskripsi Isi : Proses ini menampilkan data Pelanggan
Jenis : -

Tidak Ada

Daftar Tabel Input untuk Fungsi/Proses Menampilkan data Pelanggan
1. TAB-1 TPelanggan
Table 27. Spesifikasi Tabel Output 3.2.5.2
26
Gambar 6. Sistem menampilkan Katalog

Barang
QUE-5 Menampilkan data SELECT * FROM TPelanggan
Pelanggan

Label Field Tabel/Qu I/O Format Validasi Keterang
ery an
Nama Nama TPelang Output - NOT
Pelanggan gan NULL
Telepon No TPelang Output - NOT
Pelanggan Handphon gan NULL
e
Pelanggan
Table 29. Spesifikasi Field Data Pada Layar 3.2.4.5

Objek Pada Layar
Tidak ada Spesifikasi Function Key/Objek-Objek Pada Layar.
27
LP-10 Saat masuk ke layar -
data pelanggan, maka
akan muncul data
pelanggan.
Table 30. Spesifikasi Layar Pesan

Id Proses : ALGO-4
Objek terkait : Nama, No Handphone
Event :-

Tabel TPelanggan sudah dibuat.
Final State (FS) :
Jika sudah masuk ke Layar LP-10, maka akan muncul LP-10.
IF (LP-10 = YES) THEN
Get LP-10
Untuk ke halaman berikutnya.
ELSE
3.2.4.9 Spesifikasi report

Tidak ada
3.2.5 Spesifikasi Fungsi/Proses FS-02.0 Menampilkan Katalog Barang

Identifikasi/nama : FS-02.0 Menampilkan Katalog Barang
Deskripsi Isi : Proses ini menampilkan katalog barang.
Jenis : -

Daftar Tabel input untuk Fungsi/Proses Menampilkan Katalog Barang
1. TAB-3 TBarang
Table 31. Spesifikasi Tabel Input
28
Gambar 7. Sistem menampilkan katalog barang

QUE-6 Menampilkan Katalog SELECT Nama_Barang,
Barang Harga_Barang
FROM TBarang
WHRE ID_Barang=(txtIDBarang)

ery an
Tampilan ID_Barang TBarang Output - NOT
gambar NULL
barang
Nama Barang Nama_Bara TBarang Output - NOT
ng NULL
Harga Barang Harga_Bara TBarang Output - NOT
ng NULL
29
Objek Pada Layar
btnBarang Button Jika diklik akan menjalankan algoritma
ALGO-5

LP-11 Jika btnBarang diklik, -
maka akan muncul
detail barang.
LP-12 Jika btnBarang berhasil -
diklik, maka langsung
menampilkan detail
barang

Id Proses : ALGO-5
Objek terkait : Tampilan gambar, Nama barang, Harga barang, btnBarang
Jenis :-

Tabel TPelanggan dan Tabel TBarang sudah dibuat
Final State (FS) :
Jika btnBarang diklik pada LP-11, maka tampilan yang akan muncul
adalah LP-12.
IF (LP-11, LP-12 = YES) THEN
Get btnBarang
Untuk ke halaman berikutnya.
ELSE

Tidak ada.
3.2.6 Spesifikasi Fungsi/Proses FS-02.1 Melakukan Pembelian Barang

Identifikasi/nama : FS-02.1 Melakukan Pembelian Barang
Deskripsi Isi : Proses ini untuk melakukan Pembelian barang.
Jenis : -
30
Tidak ada Spesifikasi Tabel Input.

Daftar Tabel output untuk Fungsi/Proses Melakukan Pembelian Barang
1. TAB-1 TPelanggan
2. TAB-3 TBarang

QUE-7 Melakukan pembelian INSERT INTO TPelanggan VALUES

barang (Barang yang dipesan, Harga, Jumlah,
Subharga, Aksi)
QUE-8 Melihat data barang INSERT INTO TBarang VALUES

yang sudah dipesan (Barang, Harga, Jumlah, Subharga)
31
ery an
Barang ID_Barang TBarang Output - NOT

NULL
Harga Barang Harga_Bara TBarang Output - NOT

ng NULL
Jumlah Jumlah_Bar TBarang Output - NOT

Barang ang NULL
Subharga Subharga_B TPenggu Input - NOT

Barang arang na dan NULL
Output

Objek Pada Layar
btnLanjutkan Button Jika diklik akan menjalankan algoritma

Belanja ALGO-6
btnCheckout Button Jika diklik akan menjalankan algoritma

ALGO-7

LP-13 Jika btnCheckout diklik Field harus terisi semua, mohon isi
namun masih error, Field yang masih kosong!
maka ada salah satu
field yang belum terisi,
maka akan kembali ke
field yang masih
kosong.
LP-14 Jika btnPesan diklik Selamat, berhasil memesan pesanan

lalu sudah muncul ke anda.
page selanjutnya,
32
proses pemesanan
sukses.

Id Proses : ALGO-6, ALGO-7
Objek terkait : Barang, Harga, Jumlah, Subharga, Aksi, BtnLanjutPesan,
BtnCheckout
Jenis :-
Tabel TPelanggan dan Tabel TBarang sudah dibuat
Final State (FS) :
Jika btnPesan diklik namun masih error, maka ada salah satu field yang belum terisi,
maka muncul tampilan L-13. Jika btnPesan diklik lalu sudah muncul ke page
selanjutnya, proses pemesanan sukses, maka muncul tampilan L-14.
IF (IsNotEmpty(Barang, Harga, Jumlah, Subharga) THEN
IF (IsNotVarChar(Jumlah)) THEN
ELSE IF (IsNotVarChar(Barang)) THEN
Tampilkan layar pesan LP -14
ELSE
IF (berhasil) THEN
ELSE
33
Tidak ada Spesifikasi Report.
3.2.7 Spesifikasi Fungsi/Proses FS-02.2 Menambah data barang dari Admin

Identifikasi/nama : FS-02.2 Menambah data barang dari Admin
Deskripsi Isi : Proses ini untuk menambah data barang dari bagian
Admin.
Jenis : -

Daftar Tabel Input untuk Fungsi/Proses Menambah Data barang dari Admin
1. TAB-3 TBarang

Tidak ada spesifikasi Tabel output.

QUE-9 Menambah data INSERT INTO TBarang VALUES

barang di TBarang (Nama barang, Harga, Berat, Stok)
34
Label Field Tabel/Quer I/O Format Validas Keteran
y i gan
Nama barang Nama_bar TBarang Input Huruf NOT

ang NULL
Harga Harga_bar TBarang Input Angka NOT

ang NULL
Berat Berat_bara TBarang Input Angka NOT

ng NULL
Stok Stock_Bar TBarang Input Angka NOT

ang NULL

Objek Pada Layar
Tidak ada Spesifikasi Function Key/Objek-Objek Pada Layar.

LP-15 Saat mengklik tambah -

data barang, maka akan
muncul layar LP-15

Id Proses : ALGO-8
Objek terkait : Nama barang, Harga, Berat, Stok
Jenis :-
Tabel TBarang sudah dibuat .
Final State (FS) :
Jika mengklik tambah data barang, maka akan muncul LP-15.
Jalankan query QUE-9.
35
Tidak ada Spesifikasi Report.
3.2.8 Spesifikasi Fungsi/Proses FS-02.3 Melakukan Update barang dari

Admin
Identifikasi/nama : FS-02.3 Melakukan Update Barang dari Admin
Deskripsi Isi : Proses ini melakukan update barang melalui Admin.
Jenis : -

Tidak ada spesifikasi tabel input.

Daftar Tabel Input untuk Fungsi/Proses Update Barang dari Admin
1. TAB-3 TBarang
36
QUE-10 Mengupdate data UPDATE TBarang

barang di table SET NamaBarang=(txtNamaBarang),
TBarang Harga=(txtHarga), Berat=(txtBerat),
Stok=(txtStok),
WHERE ID_Barang = (txtIDBarang)

Label Field Tabel/Qu I/O Format Validas Ketera
ery i ngan
Nama Nama_Bar TBarang Input Huruf NOT

Barang ang dan NULL
angka
Harga Harga_bar TBarang Input Angka NOT

Barang ang NULL
Berat Berat_Bar TBarang Input Angka NOT

barang ang NULL
Stok Stok_Bara TBarang Input dan Angka NOT

ng Output NULL

Objek Pada Layar
btnUbah Button Jika diklik akan menjalankan algoritma

ALGO-9
btnKembali Button Jika diklik akan menjalankan algoritma

ALGO-10
37
LP-16 Saat btnUbah diklik, Field tidak boleh kosong, mohon

namun masih ada yang diperiksa kembali.
kosong, maka akan
diberi peringatan.
LP-17 Update barang sudah Data barang sudah terupdate.

sukses.

Id Proses : ALGO-9, ALGO-10
Objek terkait : Nama barang, Harga barang, Berat barang, Stok barang, btnUbah,
btnKembali
Jenis :-

Tabel TBarang sudah dibuat.
Final State (FS) :
Jika terdapat field yang masih kosong, akan ditampilkan layar pesan LP-16
Jika berhasil mengupdate data barang, maka akan ditampilkan layar pesan LP-
17
IF (IsNotEmpty(NamaBarang=(txtNamaBarang), Harga=(txtHarga),
Berat=(txtBerat), Stok=(txtStok) THEN
IF (berhasil) THEN
ELSE

Tidak ada spesifikasi report.
3.2.9 Spesifikasi Fungsi/Proses FS-03.0 Menghapus Data barang dari

Admin
Identifikasi/nama : FS-03.0 Menghapus Data barang dari Admin
Deskripsi Isi : Proses ini untuk menghapus data barang melalui Admin.
Jenis : -
38

Daftar Tabel Input untuk Fungsi/Proses Menghapus Data barang
1. TAB-3 TBarang

QUE-11 Menghapus data DELETE FROM TBarang WHERE

barang ID_Barang=(txtIDBarang)

ery an
Nama Nama_Bar TBarang Output Huruf NOT

ang NULL
39
Harga Harga_bar TBarang Output Angka NOT
ang NULL
Berat Berat_bara TBarang Output Angka NOT

ng NULL
Stok Stok_bara TBarang Output Angka NOT

ng NULL

Objek Pada Layar
btnOK Button Jika diklik akan menjalankan algoritma

ALGO-11
btnBatal Button Jika diklik akan otomatis batal

LP-18 Saat btnHapus diklik, Apakah anda yakin menghapus data

maka akan muncul ini?
peringatan
LP-19 Jika mengklik -

btnKembali, maka akan
muncul tampilan awal.

Id Proses : ALGO-11
Objek terkait : Nama barang, Harga, Berat, Stok, btnOke, btnBatal
Jenis :-

Tabel TBarang sudah dibuat.
Final State (FS) :
Jika LP-18 btnKembali diklik, maka muncul layar pesan LP-19
40
IF (dataBarang=Valid) THEN
ELSE
IF(LP-20 = YES)
ELSE
Tampilkan Layar pesan LP-19
3.2.9.9 Spesifikasi report

Tidak ada spesifikasi report
3.2.10 Spesifikasi Fungsi/Proses FS-03.1 Melakukan Transaksi

Identifikasi/nama : Fs-03.1 Melakukan Transaksi
Deskripsi Isi : Proses ini untuk melakukan transaksi.
Jenis : -


Daftar Tabel input untuk Fungsi/Proses Melakukan Transaksi
1. TAB-4 TTransaksi
41

QUE-12 Melakukan transaksi INSERT INTO TPembayaran

secara transfer VALUES (Barang yang dipesan,
Harga, Jumlah, Total pembayaran)

ery an
Nama barang Nama_Bara TTransa Output Huruf NOT
ng ksi NULL
Harga Harga_Bara TTransa Output Angka NOT
ng ksi NULL
Jumlah Jumlah_Bar TTransa Output Angka NOT
ang ksi NULL
Total Total_Pemb TTransa Output Angka NOT
Pembayaran ayaran ksi NULL
42
Objek Pada Layar
Tidak ada spesifikasi Function Key/Objek pada Layar

LP-20 Jika mengklik data -

transaksi maka
langsung muncul
Subharga & Total.
Id Proses : ALGO-12
Objek terkait : Barang, Harga barang, Jumlah, Subharga, Total pembayaran.
Jenis :-
Tabel TTransaksi sudah dibuat.
Final State (FS) :
Jika mengklik transaksi, maka akan muncul LP-20.

3.2.11 Spesifikasi Fungsi/Proses FS-03.2 Menampilkan Informasi

Pembayaran
Identifikasi/nama : FS-03.2 Menampilkan Informasi Pembayaran
Deskripsi Isi : Proses ini untuk menampilkan Informasi Pembayaran
Jenis : -
43

1. TAB-5 TInfoPembayaran

QUE-13 Menampilkan INSERT INTO

Informasi TInfoPembayaranVALUES (Barang
Pembayaran yang dipesan, Harga, Jumlah, Total
pembayaran)
44
ery an
Nama barang Nama_Bara TInfoPe Output Huruf NOT
ng mbayara NULL
n
Harga Harga_Bara TInfoPe Output Angka NOT
ng mbayara NULL
n
Jumlah Jumlah_Bar TInfoPe Output Angka NOT
ang mbayara NULL
n
Total Total_Pemb TInfoPe Output Angka NOT
Pembayaran ayaran mbayara NULL
n

Objek Pada Layar
Tidak ada spesifikasi Function Key/Objek pada Layar

LP-21 Jika mengklik data -

Informasi Pembayaran
maka akan muncul hasil
transaksi.

Id Proses : ALGO-13
Objek terkait : Barang, Harga barang, Jumlah, Subharga, Total pembayaran,
Informasi Pembayaran.
Jenis :-
Tabel TInfoPembayaran sudah dibuat.
Final State (FS) :
Jika mengklik transaksi, maka akan muncul LP-21.
45

46
47

Dokumen Perancangan Perangkat Lunak

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Dokumen Perancangan Perangkat Lunak

Diunggah oleh

Hak Cipta:

Format Tersedia

DOKUMEN PERANCANGAN PERANGKAT LUNAK

Program Studi Sistem Komputer

Nomor Dokumen Halaman

1.1 Tujuan Penulisan Dokumen ................................................................................ 7

Table 1. Aturan Penomoran dan Penamaan Query ............................................................. 8

Gambar 1. Conceptual Data Model................................................................................... 11

1.1 Tujuan Penulisan Dokumen

1.2 Lingkup Masalah

1.3 Definisi, Istilah, dan Akronim

SuperMarket.co adalah Sistem Informasi berbasis web yang bertujuan untuk

1.4 Aturan Penomoran dan Penamaan

1.4.1 Aturan Penomoran dan Penamaan Spesifikasi Kebutuhan

1.4.2 Aturan Penomoran dan Penamaan Tabel

1.4.3 Aturan Penomoran dan Penamaan Fungsi / Proses

1.4.4 Aturan Penomoran dan Penamaan Query

1.4.5 Aturan Penomoran dan Penamaan Layar Pesan

1.4.6 Aturan Penomoran Algoritma

b. Edi Suherman, Lainatul Jannah dkk., DOKUMEN SPESIFIKASI

1.6 Deskripsi Umum Dokumen

2 Deskripsi Perancangan Global

Bagian ini berisi rancangan global dari Sistem Informasi SuperMarket.co,

SuperMarket.co dikembangkan dan diimplementasikan dalam lingkungan sebagai

2.2 Deskripsi Data

2.2.1 Definisi Domain/Type

2.2.2 Conceptual Data Model

Gambar 1. Conceptual Data Model

Gambar 2. Physical Data Mode

2.2.4 Daftar Tabel Aplikasi

Tabel 0-1 Daftar Tabel Aplikasi

2.3 Dekomposisi Fungsional Modul

3.1 Deskripsi Rinci Tabel

3.1.1 Tabel TPelanggan (TAB-1)

3.1.2 Tabel TAdmin (TAB-2)

3.1.3 Tabel TBarang (TAB-3)

3.1.5 Tabel TInfoPembayaran (TAB-5)

3.2 Deskripsi Fungsional secara Rinci

3.2.1 Spesifikasi Fungsi/Proses FS-01.0 Sistem melakukan proses Login

3.2.1.2 Spesifikasi Tabel Output

Gambar 3. Sistem melakukan Login Pelanggan

3.2.1.4 Spesifikasi Query

3.2.1.5 Spesifikasi Field Data pada Layar

3.2.1.6 Spesifikasi Function Key/Objek-

3.2.1.7 Spesifikasi Layar Pesan

3.2.1.8 Spesifikasi Proses/Algoritma

Initial State (IS) :

3.2.1.9 Spesifikasi Report

3.2.2 Spesifikasi Fungsi/Proses FS-01.1 Sistem melakukan Login Admin

Identifikasi/nama : FS-01.1 Sistem melakukan Login Admin

3.2.2.1 Spesifikasi Tabel Input

3.2.2.2 Spesifikasi Tabel Output

Gambar 4. Sistem melakukan Login Admin

3.2.2.4 Spesifikasi Query

3.2.2.5 Spesifikasi Field Data pada Layar

3.2.2.7 Spesifikasi Layar Pesan

LP-4 Jika txtEmail dan Masukkan email dan password anda.

LP-5 Jika setelah klik Email atau Password yang ada

LP-6 Saat btnLogin diklik, Terjadi kesalahan, mohon menunggu.

Table 21. Spesifikasi Layar Pesan 3.2.2.7

3.2.2.8 Spesifikasi Proses/Algoritma

Initial State (IS) :

3.2.2.9 Spesifikasi Report

3.2.3 Spesifikasi Fungsi/Proses FS-01.2 Melakukan Registrasi Pelanggan

3.2.3.1 Spesifikasi Tabel Input