Tugas Bu Lela
Tugas Bu Lela
Tugas Bu Lela
untuk:
Teknik Informatika ITBS
Dipersiapkan oleh:
1.3 Referensi
1. https://www.detik.com/sulsel/berita/d-6740957/40-
2. https://badr.co.id/id/panduan-menyusun-dokumen-software-requirement-
specification-srs/sss
No Actor Deskripsi
Admin mengelola web &
maintenance server database,
pemberian hak akses serta
1. Administrator menyediakan informasi bagi user
Skenario normal
Skenario normal
yang
4. Pembeli menekan tombol Akan muncul data pembeli yang harus diisi.
order untuk melanjutkan
berbelanja.
Skenario normal
Skenario normal
2. Menginputkan
username Masuk dalam halaman administrator dan
password dan menampilkan menu-menu administrasi.
Skenario alternatif
Skenario normal
1. Masuk dalam halaman
administrator
Skenario alternatif
2. Memilih menu
Menampilkan halaman sesuai menu yang
administrasi
dipilih dan menampilkan pilihan insert,
update dan delete.
<<include>>
Transaksi
<<extend>>
Customer
Mengisi data
contact
Edit Data
Artikel
Edit Data
Login
Produk
Product Logo
FOOTER
b. Halaman About
Deskripsi : Halaman informasi web.
Desain Tampilan : Desain menggunakan css. Tema utama
desain adalah langit dan dataran. Warna
background kombinasi biru dan biru terang.
Background page title dengan gambar
awan sedangkan footer dengan gambar
landscape. Navigasi menu fixed, sehingga
saat menarik tombol scroll halaman ke
bawah navigasi menu akan tetap berada di
sebelah kiri. Pada halaman About, content
menggunakan font 12px.
LOGO
LOMOLAND
CONTENT
FOOTER
c. Halaman Product
Deskripsi : Halaman daftar produk.
Desain Tampilan : Desain menggunakan css. Tema utama desain
adalah langit dan dataran. Warna background
kombinasi biru dan biru terang. Background
banner dengan gambar awan sedangkan
footer dengan gambar landscape. Navigasi
menu fixed, sehingga saat menarik tombol
scroll halaman ke bawah navigasi menu akan
tetap berada di sebelah kiri. Pada halaman
Home, terbagi dua kolom content yaitu
categories dan daftar produk. Lebar gambar
daftar produk adalah 216px dan tinggi
maksimal 276px. Hal ini untuk menghindari
jarak antar item yang terlalu dekat dan
mengakibatkan mata kelelahan.
Jenis : Tampilan menu.
HOME
ABOUT PAGE TITLE
PRODU
CT CATEGORIES
CONTA
CT
Gambar
LOGO
LOMOLAND Produk
Get!
Gambar
Produk
Get!
FOOTER
Gambar 2.4 Halaman Product
HOME
ABOUT
PRODUCT Price Quantity Sub Total
CONTACT Product
LOGO
LOMOLAND
Total Rp.
FOOTER
FOOTER
f. Halaman Contact
Deskripsi : Halaman form contact.
Desain Tampilan : Desain menggunakan css. Tema utama desain
adalah langit dan dataran. Warna background
kombinasi biru dan biru terang. Background
page title dengan gambar awan sedangkan
footer dengan gambar landscape. Navigasi
menu fixed, sehingga saat menarik tombol
scroll halaman ke bawah navigasi menu akan
tetap berada di sebelah kiri. Pada halaman
Contact, content menggunakan font 12px.
LOGO Name
LOMOLAND
Email
Comment
submit
FOOTER
ADMINISTRATOR
Username
LOGO
LOMOLAND Password
submit
Artickels Data
Products Data
BANNER
Customers Data
Contacts Data Id Artickel
Categories Data
Explain
Users Data
Transaction Data Menu
DATABASE TABLE
Submit
LOGO
LOMOLAND
FOOTER
Artickels Data
Products Data
BANNER
Customers Data
Contacts Data Product
Categories Data
Type
Users Data
Transaction Data File
Id_Category
DATABASE
LOGO TABLE
LOMOLAND Price
Submit
FOOTER
d. Customer Data
Deskripsi Halaman form data customer.
Desain Tampilan Desain menggunakan css. Tema utama desain
adalah langit dan dataran. Warna background
kombinasi biru dan biru terang. Background
banner dengan gambar awan sedangkan
footer dengan gambar landscape. Navigasi
menu fixed, sehingga saat menarik tombol
scroll halaman ke bawah navigasi menu akan
tetap berada di sebelah kiri. Pada halaman ini,
terbagi dua kolom content yaitu form insert
new data dan tabel database. Tabel database
menggunakan background biru gelap dan biru
terang yang diselang-seling tiap barisnya.
Artickels Data
Products Data
BANNER
Customers Data
Contacts Data
Categories Data Name
Users Data
Transaction Data
Email
Address
DATABASE TABLE
LOGO
LOMOLAND
Province
City
Phone
:
:
Submit
FOOTER
Gambar 2.11 Halaman Customers Data
e. Contact Data
Deskripsi Halaman form data contact.
Desain Tampilan Desain menggunakan css. Tema utama desain
adalah langit dan dataran. Warna background
kombinasi biru dan biru terang. Background
banner dengan gambar awan sedangkan
footer dengan gambar landscape. Navigasi
menu fixed, sehingga saat menarik tombol
scroll halaman ke bawah navigasi menu akan
tetap berada di sebelah kiri. Pada halaman ini,
terbagi dua kolom content yaitu form insert
new data dan tabel database. Tabel database
menggunakan background biru gelap dan biru
terang yang diselang-seling tiap barisnya.
FOOTER
f. Categories Data
Deskripsi : Halaman form data Kategori.
Desain Tampilan : Desain menggunakan css. Tema utama desain adalah
langit dan dataran. Warna background
kombinasi biru dan biru terang. Background
banner dengan gambar awan sedangkan
footer dengan gambar landscape. Navigasi
menu fixed, sehingga saat menarik tombol
scroll halaman ke bawah navigasi menu akan
tetap berada di sebelah kiri. Pada halaman ini,
terbagi dua kolom content yaitu form insert
new data dan tabel database. Tabel database
menggunakan background biru gelap dan biru
terang yang diselang-seling tiap barisnya.
Jenis : Form masukan (entry) dan tombol.
Artickels Data
Products Data
BANNER
Customers Data
Contacts Data Id Category
Categories Data
Users Data Category
Transaction Data
DATABASE
TABLE
Submit
LOGO
LOMOLAND
FOOTER
g. User Data
Deskripsi : Halaman form data user.
Desain Tampilan : Desain menggunakan css. Tema utama desain
adalah langit dan dataran. Warna background
kombinasi biru dan biru terang. Background
banner dengan gambar awan sedangkan
footer dengan gambar landscape. Navigasi
menu fixed, sehingga saat menarik tombol
scroll halaman ke bawah navigasi menu akan
tetap berada di sebelah kiri. Pada halaman ini,
terbagi dua kolom content yaitu form insert
new data dan tabel database. Tabel database
menggunakan background biru gelap dan biru
terang yang diselang-seling tiap barisnya.
Jenis : Form masukan (entry) dan tombol.
Artickels Data
Products Data
BANNER
Customers Data
Contacts Data Id User
Categories Data
Users Data Username
Transaction Data
DATABASE
Password TABLE
LOGO
LOMOLAND Submit
FOOTER
h. Transaction Data
Deskripsi : Halaman form data transaksi.
Desain Tampilan : Desain menggunakan css. Tema utama desain
adalah langit dan dataran. Warna background
kombinasi biru dan biru terang. Background
banner dengan gambar awan sedangkan
footer dengan gambar landscape. Navigasi
menu fixed, sehingga saat menarik tombol
scroll halaman ke bawah navigasi menu akan
tetap berada di sebelah kiri. Pada halaman ini,
tabel database menggunakan background biru
gelap dan biru terang yang diselang-seling
tiap barisnya.
Jenis : Form masukan (entry) dan tombol.
Artickels Data
Products Data
BANNER
Customers Data
Contacts Data
Categories Data
Users Data
Transaction Data
DATABASE
TABLE TRANSACTION
LOGO
LOMOLAND
FOOTER
2.6 Glossary
Istilah Deskripsi
Package Merupakan kumpulan dari class-class dengan
karakteristik sama.
BAB III
Model Analisis
3.1 Deskripsi Arsitektur
cariProdukById_kategori()
membukaKoneksi
<<create>> ()
eksekusiQuerySelect()
hasil query
TProduk
<<create>>
getKode_produk()
getJenis()
getFile()
getId_kategori()
getHarga()
data produk
<<destroy>>
<<destroy>>
b. Use Case: Transaksi
data transaksi
memasukkanTransaksi() TTransaksi
<<create>>
<<create>>
membukaKoneksi()
eksekusiQueryUpdate()
tutupKoneksi()
<<destroy>>
<<destroy>>
X X
c. Use Case: Mengisi Data Contact
Customer Main MengisiDataContact KoneksiDatabase
data contact
memasukkanContact() TContact
<<create>>
<<create>>
membukaKoneksi()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
X X
data contact
memasukkanContact() TContact
<<create>>
<<create>>
membukaKoneksi()
eksekusiQueryUpdate()
tutupKoneksi()
<<destroy>>
<<destroy>>
X X
Diagram Sequence Memasukkan Data Contact
Admin Main EditDataContact koneksiDatabase
nama
cariContactByNama
()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TContact
<<create>>
setName()
setEmail()
setComment
()
Data Contact
Konfirmasi ubah
mengubahContact
()
eksekusiQueryUpdate
()
tutupKoneksi
()
<<destroy>>
<<destroy>>
XX
Diagram Sequence Mengubah Data Contact
Admin Main EditDataContact koneksiDatabase
nama
cariContactByNama
()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TContact
<<create>>
setName()
setEmail()
setComment
()
Data Contact
Konfirmasi hapus
menghapusContact
()
eksekusiQueryUpdate
()
tutupKoneksi
()
<<destroy>>
<<destroy>>
data produk
memasukkanProduk() TProduk
<<create>>
<<create>>
membukaKoneksi()
eksekusiQueryUpdate()
tutupKoneksi()
<<destroy>>
<<destroy>>
X X
Diagram Sequence Memasukkan Data Produk
Admin Main EditDataProduk koneksiDatabase
Kode_produk
cariCostumerById
()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TProduk
<<create>>
setKode_produk()
setJenis()
setFile()
setId_Kategori()
setProvinsi()
setHarga()
Data produk
Konfirmasi ubah
mengubahProduk
()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
XX
Diagram Sequence Mengubah Data Produk
Admin Main EditDataProduk koneksiDatabase
Kode_produk
cariCostumerById
()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TProduk
<<create>>
setKode_produk()
setJenis()
setFile()
setId_Kategori()
setProvinsi()
setHarga()
Data produk
Konfirmasi hapus
menghapusProduk
()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
XX
Diagram Sequence Menghapus Data Contact
data customer
memasukkanCustomer() TCustomer
<<create>>
<<create>>
membukaKoneksi()
eksekusiQueryUpdate()
tutupKoneksi()
<<destroy>>
<<destroy>>
X
X
Diagram Sequence Memasukkan Data Costumer
XX
Diagram Sequence Mengubah Data Customer
XX
Diagram Sequence Menghapus Data Customer
e. Use Case: Edit Data Transaksi
Kode_transaksi
cariTransaksiByKode_transaksi()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TTransaksi
<<create>>
setKode_transaksi()
setKode_produk()
setJumlah()
setKode_costumer()
Data transaksi
Konfirmasi hapus
menghapusTransaksi
()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
XX
Pesan data telah dihapus
Data artikel
TArtikel
memasukkanArtikel
()
<<create>>
<<create>>
membukaKoneksi
()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
XX
Diagram Sequence Memasukkan Data Artikel
Admin Main EditDataArtikel koneksiDatabase
Id
cariArtikelById()
<<create>>
membukaKoneksi()
eksekusiQuerySelect()
Hasil query
TArtikel
<<create>>
setId()
setKeterangan()
setMenu()
Data artikel
mengubahArtikel()
eksekusiQueryUpdate()
tutupKoneksi()
<<destroy>>
<<destroy>>
Id
cariArtikelById()
<<create>>
membukaKoneksi()
eksekusiQuerySelect()
Hasil query
TArtikel
<<create>>
setId()
setKeterangan()
setMenu()
Data artikel
menghapusArtikel()
eksekusiQueryUpdate()
tutupKoneksi()
<<destroy>>
<<destroy>>
Data user
TUser
memasukkanUser
()
<<create>>
<<create>>
membukaKoneksi
()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
XX
Diagram Sequence Memasukkan Data User
Admin Main EditDataUser koneksiDatabase
Id
cariUserById()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TUser
<<create>>
setId()
setUsername()
setPassword()
Data user
mengubahUser()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
Id
cariUserById()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TUser
<<create>>
setId()
setUsername()
setPassword()
Data user
menghapusUser
()
eksekusiQueryUpdate
()
tutupKoneksi()
<<destroy>>
<<destroy>>
data kategori
memasukkanKategori() TKategori
<<create>>
<<create>>
membukaKoneksi()
eksekusiQueryUpdate()
tutupKoneksi()
<<destroy>>
<<destroy>>
X X
Diagram Sequence Memasukkan data kategori
Admin Main EditDataKategori koneksiDatabase
Id_kategori
cariContactById
_kategori()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TContact
<<create>>
setId_kategori()
setNama_kategori()
Data Contact
Konfirmasi ubah
mengubahContact
()
eksekusiQueryUpdate
()
tutupKoneksi
()
<<destroy>>
<<destroy>>
XX
Diagram Sequence Mengubah data kategori
Admin Main EditDataKategori koneksiDatabase
Id_kategori
cariContactById
_kategori()
<<create>>
membukaKoneksi
()
eksekusiQuerySelect
()
Hasil query
TContact
<<create>>
setId_kategori()
setNama_kategori()
Data Contact
Konfirmasi hapus
menghapusContact
()
eksekusiQueryUpdate
()
tutupKoneksi
()
<<destroy>>
<<destroy>>
XX
Diagram Sequence Menghapus data kategori
Customer Administrator