4.3.3 Construction
Bagian terpenting saat menganalisis aplikasi berbasis web, yang memiliki banyak tipe dari aplikasi software, adalah mengidentifikasi entitas-
entitas sistem beserta proses-proses yang ada. Entitas dan proses dari sebuah aplikasi menggambarkan sebuah konsep kunci dari sebuah bisnis. Pada
sebuah aplikasi berbasis web, salah satu bagian kritikal adalah peta navigation map
dan web page definition.
4.3.3.1 The User Experience Model
The User Experience Model UX model adalah salah satu cara
untuk meng-capture elemen-elemen dari user interface pada sistem berbasis web. UX model juga membantu dalam mendeskripsikan peta
navigasi antar web pages di dalam sistem. Pada perancangan Sistem Informasi Virtual Manuscript
Collection ini, penulis menggunakan State Transition Diagram STD
yang akan terdiri dari Rancangan Modul Menu Utama dan Rancangan Menu Masukan.
A. Rancangan Modul Menu Utama
Rancangan modul menu utama berfungsi untuk memanggil sub-program lain modul-modul lain untuk dijalankan. Terdapat 4
rancangan modul utama, yaitu untuk user guest, user member, pakar, dan admin.
1. Rancangan Menu Utama User Guest
Gambar 4.18 Rancangan Modul Menu Utama User Guest
2. Rancangan Menu Utama User Member
Gambar 4.19 Rancangan Modul Menu Utama User Member 3. Rancangan Menu Utama Pakar
Gambar 4.20 Rancangan Modul Menu Utama Pakar
HOME COLLECTION
ARTICLE FORUM
FAQ
Catagories
Klik Home Masuk Menu Utama
Klik Home Masuk Menu Utama
Klik Catagories Masuk Menu Catagories
SIGN UP
HOME COLLECTION
ARTICLE FORUM
FAQ
Manuscript Collection Forum List
Description Thumbnails
Transliteration
Klik Home Masuk Menu Utama
Klik Manuscript Collection Masuk Menu Manuscript Collection
Klik Thumbnails Masuk Menu Thumbnails
Klik Description Masuk Menu Description
Klik Translation Masuk Menu Translation
Klik Home Masuk Menu Utama
Klik Groups Masuk Menu Groups List
SIGN IN
Transliterasi
Article Forum
Collection
FAQ Front End
Sign Out HOME
Klik Home Masuk Menu Utama
Klik Home Masuk Menu Utama
4. Rancangan Menu Utama Admin
Gambar 4.21 Rancangan Modul Menu Utama Admin
B. Rancangan Modul Menu Masukan
Rancangan modul menu masukan dilakukan agar tingkatan keakuratan data tinggi dan proses pemasukan data benar sehingga
dapat diterima dan dimengerti oleh pengguna sistem. 1. STD Menu Collection untuk User Guest
Gambar 4.22 STD Menu Collection untuk User Guest
Member
Front End Sign Out
Download Koleksi
Article Forum
Collection
FAQ HOME
Klik Home Masuk Menu Utama
Klik Home Masuk Menu Utama
Collection Tampilan data
kategori manuskrip
Tampilan List Manuskript
Klik Collection Masuk Data Koleksi
Klik Kategori Masuk Data Kategori
Keluar
2. STD Menu Collection untuk User Member
Gambar 4.23 STD Menu Collection untuk User Member 3. STD Menu Forum untuk User Member
Gambar 4.24 STD Menu Forum untuk User Member 4. STD Menu Article untuk User Member
Gambar 4.25 STD Menu Article untuk User Member
Collection Tampilan data
kategori manuskrip Tampilan List
Manuskript Tampilan Detail
Manuskrip Klik Collection
Masuk Data Koleksi Klik Kategori
Masuk Data Kategori Klik View
Masuk Data Manuskrip Tampilan Gambar
Tampilan Deskripsi Tampilan Transliterasi
Keluar Klik Thumbnails
Masuk Data Gambar Klik Description
Masuk Data Deskripsi Klik Transliteration
Masuk Data Transliterasi
Forum Tampilan List Forum
Klik Forum Masuk Data Forum
Tampilan Forum Klik Join
Masuk Data Detail Forum Keluar
Article Tampilan data Article
Tampilan Detail Article Klik Article
Masuk Data Article
Keluar Klik Judul Article
Masuk Data Article
5. STD Menu FAQ untuk User Member dan Guest
Gambar 4.26 STD Menu FAQ untuk User Member 6. STD Menu Validasi untuk User Pakar
Gambar 4.27 STD Menu Validasi untuk User Pakar 7. STD Menu Member untuk User Admin
Gambar 4.28 STD Menu Member untuk User Admin 8. STD Menu Koleksi untuk User Admin
Gambar 4.29 STD Menu Koleksi untuk User Admin
FAQ Tampilan data FAQ
Tampilan Detail FAQ Klik FAQ
Masuk Data FAQ
Keluar Klik Judul FAQ
Masuk Data FAQ
Validasi Tampilan List Validasi
Klik Validasi Masuk Data Validasi
Tampilan Data Validasi
Klik Manuskrip Masuk Data Detail Validasi
Keluar
Member Tampilan List Member
Klik Member Masuk Data Validasi
Tampilan List Pakar Klik Pakar
Masuk Data Pakar Keluar
Koleksi Tampilan List Koleksi
Klik Koleksi Masuk Data Koleksi
Tampilan Tambah Koleksi
Klik Tambah Koleksi Masuk Data Tambah Koleksi
Keluar
9. STD Menu Download untuk User Admin
Gambar 4.30 STD Menu Download untuk User Admin
4.3.3.2 The Analysis and Design Models