3.18 berikut ini
3.4.3 Perancangan Layar (Storyboard) Pada Solusi
Berdasarkan dari fungsi dan proses bisnis baru yang telah didefinisikan di sub bab 3.4.1 dan sub bab 3.4.2, maka pada tahapan ini akan dirancang layar (screen) yang akan digunakan pada aplikasi untuk solusi yang diusulkan. Masing-masing layar menerangkan bagaimana data entri dalam bentuk formulir isian maupun keluaran informasi yang dihasilkan dari proses dari fungsi tersebut. Berikut ini merupakan tabel yang memetakan fungsi/menu yang akan digunakan dalam proses-proses bisnis barutersebut dengan layar (storyboard) yang akan digunakan pada fungsi/menu dan proses bisnis baru :
Tabel 3.22 Fungsi/Menu vs Layar (Storyboard)
No. Fungsi/Menu Aplikasi
Digunakan Pada Proses Bisnis Baru
Nama Layar (Storyboard)
1. Menu Login Login Layar login ini sebagai tampilan awal user untuk mengakses e-archieve. Hanya user yang memiliki hak kewenangan yang dapat melakukan authentikasi terhadap layanan ini. User harus mengisi user name dan password terlebih dahulu lalu meng klik
94 No. Fungsi/Menu Aplikasi Digunakan Pada Proses Bisnis Baru
Nama Layar (Storyboard)
tombol login. 2. Menu List
Dokumen
Tabel daftar
e-archive List dokumen arsip dapat diakses oleh admin dan staff. Layar ini digunakan untuk menampilkan daftar arsip secara keseluruhan yang telah diinput. Tabel arsip disusun berdasarkan klasifikasi, tanggal, perihal. Daftar tabel berisikan 20 baris setiap halamannya. Untuk mendownload dokumen yang sudah diinput pada menu Administrasi Dokumen, klik daftar perihal pada tabel daftar e-archive.
3. Menu List Dokumen
Pencarian e-archive
Menu pencarian ini digunakan apabila user ingin mencari dokumen arsip dengan lebih cepat. Pada menu ini, pencarian
95 No. Fungsi/Menu Aplikasi Digunakan Pada Proses Bisnis Baru
Nama Layar (Storyboard)
dapat dilakukan berdasarkan tiga pilihan, perihal, klasifikasi dan tanggal. 4 Menu Administrasi Dokumen Input dokumen e-archive
Menu menginput dokumen arsip ini digunakan untuk
menambahkan dokumen untuk disimpan di dalam aplikasi e-archieve. Dokumen yang sudah tersimpan dapat dilihat di menu list dokumen. 5. Menu management user Tabel daftar user
Menu management user ini untuk melihat daftar user id, user name, password, group, nama, email, telepon. Di tabel daftar user juga dilengkapi aksi tambah user, edit user, dan hapus user.
6. Menu management
Input user Menu management user ini untuk menginput username,
96 No. Fungsi/Menu Aplikasi Digunakan Pada Proses Bisnis Baru
Nama Layar (Storyboard)
user password, nama, email, telepon,
group yang baru. 7. Menu
management user
Edit user Menu management user ini untuk mengubah username, password, nama, email, telepon, group yang sudah diinput sebelumnya di menu management user.
8. Menu pribadi
Ganti Password Menu pribadi ini untuk
mengganti password actor, dari password lama sampai password yang baru.
97 Berikut ini merupakan rincian dari masing-masing rancangan layar (storyboard) yang disebutkan di Tabel 3.22
1. Login
Gambar 3.23 Tampilan halaman login
Pada halaman ini user yang ingin mengakses e-archive dapat melakukan login terlebih dahulu. Otoritas user dalam mengakses data akan diidentifikasi berdasarkan kedudukan user tersebut didalam perusahaan.
Usher Authentikasi User Name
Password
LOGO
98 2. Home
Gambar 3.24 Tampilan halaman home
Halaman ini memberikan sebagai halaman awal e-archive PT Infoglobal Teknologi Semesta, berikut memberikan informasi mengenai hak user yang bersangkutan.
\\
LOGO
Menu
99 3. Rancangan Layar Menu list document
Gambar 3.n Rancangan Layar [nama layar 1]
Gambar 3.25 Tampilan Menu list document
Menu list document ini hanya bisa diakses oleh actor yang terkait diantaranya bagian marketing, tim teknis, senior-junior programming, dan implementator. Layar ini digunakan untuk membagikan dokumen yang sudah diinput oleh masing-masing actor. Jadi yang bisa mendownload dokumen pada daftar perihal hanya masing-masing actor yang memiliki laporan yang sudah diinput di menu administrasi dokumen.
\\
User Id :
`````` Klasifikasi Tanggal Perihal xxx xxx xxx xxx xxx xxx xxx
LOGO
Menu e-Archieve100 4. Rancangan feature search document
Gambar 3.26 Menu feature search document
Halaman ini menyediakan fasilitas bagi user untuk melakukan pencarian dokumen arsip yang diinginkan.Dokumen arsip tersebut telah terlebih dahulu diinput ke dalam e-archive. User yang ingin melakukan pencarian, terlebih dahulu mengetik judul/perihal, klasifikasi atau tanggal penginputan dokumen arsip ke dalam box yang telah disediakan. Selanjutnya klik Ok , maka menu akan menampilkan list dokumen arsip yang diinginkan. Back Menu e-Archieve
LOGO
Pencarian Dokumen Perihal : Klasifikasi : Tanggal : OK101 5. Rancangan menu input document
Gambar 3.27 Tampilan menu input document
Menu input document ini hanya bisa diakses oleh actor yang terkait diantaranya bagian marketing, tim teknis, senior-junior programming, dan implementator. Layar ini digunakan untuk menambahkan atau menginput dokumen oleh masing-masing setiap actor.+-
\\ User Id : Xxxx : Xxx : Xxx :
LOGO
Menu e-Archieve ok cancel Browse102 6. Menu management user
Gambar 3.28 Tampilan halaman menu management user
Menu management user ini hanya bisa diakses oleh admin. Admin yang dapat mengatur data user yang sudah ada. Admin dapat menambahkan user yang baru ke dalam grup actor dan admin juga dapat mengedit dan menghapus actor di setiap grup.
\\
User Management
No Username Password Group Name Email Telephone Action
LOGO
Menu e-Archieve
103 7. Tambah User
Gambar 3.29 Tampilan halaman tambah user
Halaman ini masih bagian dari halaman magement user yang hanya dapat diakses oleh admin.Halaman ini menampilkan fitur untuk menambah user yang mempunyai hak untuk dapat mengakses e-archive.
\\ Tambah User
LOGO
Menu e-Archieve User name : Password : Nama : Email : Telepon : Group : -pilih- simpan batal104 8. Edit User
Gambar 3.30 Tampilan halaman edit user
Halaman ini masih bagian dari halaman magement user yang hanya dapat diakses oleh admin.Halaman ini menampilkan fitur untuk mengupdate user yang mempunyai hak untuk dapat mengakses e-archive.
\\ EDIT USER
LOGO
Menu e-Archieve User name : Password : Nama : Email : Telepon : Group : -pilih- edit batal105
9. Change Password
Gambar 3.31 Tampilan halaman change password
Halaman ini merupakan menu pribadi user.Halaman ini menyediakan fitur untuk mengganti password user yang lama menjadi password yang baru.
User id : Group : LOGO User name Password lama Password baru
Konfirmasi password baru
Ganti
Menu e-Archieve
106