RPL LANJUT: STUDI KASUS PENGELOLAAN ARTIKEL (REV).
STUDI KASUS PENGELOLAAN
ARTI KEL ( REV)
Defri Kurniaw an M .Kom
(2)
St udi Kasus
Sistem Pengelolaan Artikel
Unt uk memudahkan art ikel ilmiah diperlukan sebuah
pengelola art ikel ilmiah yg memungkinkan pengguna
unt uk menent ukan kat egori art ikel, menambahkan
art ikel dan menghapus art ikel. Sist em pengelolaan
art ikel t ersebut memungkinkan pula pada
penggunanya unt uk memberi t anda bint ang (
rat ing
)
pada art ikel-art ikel ilmiah yang paling disuka
Pertanyaan
Siapa pengguna sist em yang dimaksud?
(3)
St udi Kasus Pengelolaan Ar t ikel Ilmiah
Identifikasi Aktor
Pengguna 1 (Akt or Ut ama): Pengelola (Admin)
M enent ukan kat egori art ikel,
M enambahkan art ikel dan
M enghapus art ikel
Pengguna 2 (Akt or Sekunder): Pengunjung
(4)
(5)
(6)
Use Case Scenar io- Melakukan Login
Title Skenario M elakukan Login
Deskripsi Aktor melakukan login ke webapp
Aktor & Interface Aktor: Pengelola
Interface: Halaman Login, Halaman Admin
Pre-condit ion Pengelola belum melakukan login
Basic Flow -Aktor membuka Halaman Login
-Aktor memasukkan username & password
-Sistem memeriksa account pengelola apakah valid -Jika valid, Sistem menampilkan Halaman Admin
-Jika t idak, Sistem mengkonfirmasi bahwa username / password salah di Halaman Login
Post -condit ion -Pengelola telah berhasil masuk ke Halaman Admin
(7)
Use Case Scenar io – Melakukan Logout
Title Skenario M elakukan Logout
Deskripsi Aktor melakukan logout di Web app
Aktor & Interface Aktor: Pengelola
Interface: Halaman Admin, Halaman Login
Pre-condit ion Aktor belum melakukan Logout
Basic Flow -Aktor menekan tombol logout -Sistem memproses logout -Aktor keluar dari sistem
-Sistem menampilkan halaman login
Post -condit ion -Aktor telah keluar dari sistem
(8)
-Use Case Scenar io – Menambah Ar t ikel
Title Skenario M enambah Artikel
Deskripsi Aktor melakukan penambahan art ikel
Aktor & Interface Aktor: Pengelola
Interface: Halaman Admin, Halaman Form Art ikel
Pre-condit ion Aktor belum menambah art ikel
Basic Flow -Aktor memilih menu Tambah Art ikel di Halaman Admin -Sistem menampilkan form art ikel
-Aktor mengisi art ikel
-Aktor menekan tombol simpan art ikel
-Sistem melakukan penambahan art ikel pada data art ikel
Post -condit ion -Aktor telah melakukan penambahan art ikel
(9)
-Use Case Scenar io – Menghapus Ar t ikel
Title Skenario M enghapus Artikel
Deskripsi Aktor menghapus art ikel yang dipilih
Aktor & Interface Aktor: Pengelola
Interface: Halaman Admin, Halaman Daftar Art ikel
Pre-condit ion Aktor belum menghapus art ikel
Basic Flow -Aktor memilih menu Daftar Art ikel di Halaman Admin -Sistem menampilkan daftar art ikel
-Aktor menekan tombol hapus pada art ikel yang dipilih -Sistem mengkonfirmasi penghapusan art ikel
-Jika aktor memberikan konfirmasi ‘ Ya’ maka Sistem menghapus art ikel yang dipilih, jika ‘ Tidak’ art ikel batal dihapus
Post -condit ion -Aktor telah melakukan penghapusan art ikel yang dipilih
(10)
Use Case Scenar io – Menent ukan
Kat egor i Ar t ikel
Title Skenario M enentukan Kategori Artikel
Deskripsi Aktor menent ukan kategori apa yang akan dibuat
Aktor & Interface Aktor: Pengelola
Interface: Halaman Admin, Halaman Form Kategori
Pre-condit ion Aktor belum menent ukan kategori art ikel
Basic Flow -Aktor memilih menu Kategori pada Halaman Admin -Sistem menampilkan form kategori
-Aktor menent ukan kategori apa yang akan dibuat -Aktor mengisi form kategori art ikel
-Aktor menekan tombol simpan kategori
-Sistem melakukan penambahan kategori pada data kategori
Post -condit ion -Aktor telah menent ukan kategori art ikel pada sistem
(11)
-Use Case Scenar io – Member i Tanda Bint ang
Title Skenario M emberi Tanda Bintang
Deskripsi Aktor memberikan rat ing pada art ikel yg dipilih
Aktor & Interface Aktor: Pengunjung
Interface: Halaman Utama, Halaman Art ikel
Pre-condit ion Aktor belum memberi rat ing pada art ikel
Basic Flow -Aktor membuka halaman utama
-Aktor memilih art ikel di halaman utama
-Sistem menampilkan art ikel yang dipilih pada halaman art ikel
-Aktor memberi tanda bintang pada art ikel yg dipilih -Sistem memperbaharui rat ing art ikel yg dipilih
Post -condit ion -Aktor telah memberi rat ing pada art ikel yang dipilih
(12)
-Cont ent Analysis
1. Halaman Login
M enampilkan Form Login
Jenis t ext
Berisi kolom username & passw ord, t ombol submit & bat al
2. Halaman Admin
M emuat M enu-menu unt uk Admin
Jenis t ext
(13)
Cont ent Analysis
3. Halaman Form Artikel
M enampilkan form unt uk penambahan art ikel
Jenis t ext
Berisi kolom-kolom at ribut art ikel, t ombol simpan & bat al
4. Halaman Daftar Artikel
M enampilkan list / daft ar art ikel
Jenis t ext
(14)
Cont ent Analysis
5. Halaman Form Kategori
M enampilkan form unt uk penambahan kat egori
Jenis t ext
Berisi kolom-kolom at ribut kat egori, t ombol simpan & bat al
6. Halaman Utama
M emuat kumpulan art ikel
Jenis t ext
(15)
Cont ent Analysis
7. Halaman Artikel
M enampilkan art ikel secara lengkap
Jenis t ext
(16)
Int er act ion Analysis
Int eraksi digambarkan melalui
Sequence
diagram
(17)
(18)
(19)
(20)
(21)
Sequence Diagr an – Menent ukan
Kat egor i Ar t ikel
(22)
(23)
Funct ion Analysis
Fungsi Pengelola:
Login
M enent ukan Kat egori Art ikel
M enabah Art ikel
Hapus Art ikel
Logout
Fungsi Pengunjung
M emberikan Rat ing
(24)
Funct ion Analysis
Fungsi:
Login
Operasi:
-
Sist em memeriksa account pengelola apakah valid
-Jika valid, Sist em menampilkan Halaman Admin
-
Jika t idak, Sist em mengkonfirmasi bahw a username / passw ord salah di
Halaman Login
Fungsi:
Logout
Operasi:
- - Sist em memproses logout
(25)
Funct ion Analysis
Fungsi:
M enambah Art ikel
Operasi:
-
Sist em menampilkan form art ikel
-
Sist em melakukan penambahan art ikel pada dat a art ikel
Fungsi:
M enghapus Art ikel
Operasi:
-
Sist em menampilkan daft ar art ikel
-
Sist em mengkonfirmasi penghapusan art ikel
-
Sist em menghapus art ikel yang dipilih jika konfirmasi ‘Ya’ dan
(26)
Funct ion Analysis
Fungsi:
M enent ukan Kat egori Art ikel
Operasi:
-
Sist em menampilkan form kat egori
-
Sist em melakukan penambahan kat egori pada dat a kat egori
Fungsi:
M emberi Rat ing
Operasi:
-
Sist em menampilkan art ikel yang dipilih pada halaman art ikel
-Sist em memperbaharui rat ing art ikel yg dipilih
(27)
Configur at ion Analysis
Webapp akan diakses menggunakan jalur int ernet
(
public
) ht t p:/ / w w w .example.com
Server:
Lokasi Server di Indonesia (IIX), Disk Space : 1 Gb,
Bandw idt h: 20 Gb
Dat abase:
M ySQL
(Dat abase digunakan unt uk menampilkan art ikel-art ikel di
front -end dan pengelolaan art ikel di back-end)
(28)
(29)
(30)
Int er face Design
(31)
Int er face Design
(32)
Int er face Design
(33)
(34)
(35)
Ar chit ect ur al Design
(36)
Ar chit ect ur al Design
(37)
Navigat ion Design
(38)
Navigat ion Design
Syntax Navigasi
Navigasi Pengelola
terdiri dari kolom-kolom navigasi vertikal
untuk desain menu & Tautan Navigasi Bersifat Individu untuk
button dan link pendukung
Menu
Tentukan Kategori
Tambah Artikel
Daftar Artikel
Logout
Tautan Navigasi Bersifat Individu
(39)
Navigat ion Design
Syntax Navigasi
Menu Pengunjung
terdiri dari Bar Navigasi Horizontal untuk
navigasi pemilihan artikel & Tautan Navigasi Bersifat Individu
untuk proses pendukung
Bar Navigasi Horizontal
Kategori 1
|
Kategori 2
|
Kategori n
Tautan Navigasi Bersifat Individu
readmode
(40)
(1)
Ar chit ect ur al Design
(2)
Ar chit ect ur al Design
(3)
Navigat ion Design
(4)
Navigat ion Design
Syntax Navigasi
Navigasi Pengelola terdiri dari kolom-kolom navigasi vertikal
untuk desain menu & Tautan Navigasi Bersifat Individu untuk button dan link pendukung
Menu
Tentukan Kategori
Tambah Artikel
Daftar Artikel
Logout
Tautan Navigasi Bersifat Individu
(5)
Navigat ion Design
Syntax Navigasi
Menu Pengunjung terdiri dari Bar Navigasi Horizontal untuk
navigasi pemilihan artikel & Tautan Navigasi Bersifat Individu untuk proses pendukung
Bar Navigasi Horizontal
Kategori 1 | Kategori 2 | Kategori n
Tautan Navigasi Bersifat Individu
(6)