3.5 Rancangan Layar
3.5.1 Rancangan Layar U ser (Client) .1 Rancangan Layar Home
Gambar 3.11 Rancangan Layar Home
• Pada Layar Home ini, terdapat beberapa button utama seperti Home, Berita, Khazanah, Lokasi, dan Profil. Button–button tersebut merupakan sebuah penghubung antara Layar yang satu dengan yang lainnya yang akan tampil pada setiap Layar, kecuali Layar Pencarian Arsip
• Terdapat running text yang berisi tentang kutipan–kutipan berita terkini tentang ANRI. Running text akan tampil pada setiap Layar, kecuali pada Layar Pencarian Arsip
• Dan pada Layar Home ini terdapat kutipan yang berisi ucapan syukur dari pimpinan kepala ANRI, serta video kelembagaan yang berisi tentang sejarah maupun kegiatan yang ada di ANRI
• Terdapat pula logo dan banner ANRI yang akan ditampilkan di setiap layar, kecuali pada Layar Pencarian Arsip
Modul Proses Layar Home Lakukan jika
Button “Home” ditekan, tidak akan melakukan apa-apa Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1 Button “Profil” ditekan, akan berpindah ke Layar Profil
Akhir lakukan jika
Akhir Modul
3.5.1.2 Rancangan Layar Berita
Gambar 3.12 Rancangan Layar Berita
• Pada Layar Berita ini terdapat isi berita yang berisi tentang berita–berita terkini ANRI yang diload dari data yang telah diinput oleh admin.
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Jika tidak terjadi aktivitas selama kurang lebih 10 menit maka akan kembali ke Layar Home
• Terdapat pula button scroll yang berada di sebelah kanan kolom berita Modul Proses Layar Berita
Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, tidak akan melakukan apa – apa Button “Khazanah” ditekan, akan berpindah ke Layar khazanah Button “Lokasi” ditekan, akan berpindah ke Layar lantai 1. Button “Profil” ditekan, akan berpindah ke Layar profil.
Button “Scroll” ditekan maka isi berita akan dapat bergerak ke atas ataupun ke
bawah, yang berfungsi untuk melihat keseluruhan isi berita Akhir lakukan jika
Akhir Modul
3.5.1.3 Rancangan Layar Khazanah
Gambar 3.13 Rancangan Layar Khazanah
• Pada Layar Khazanah ini dijelaskan mengenai isi dari arsip-arsip yang terbagi menurut beberapa periode.
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka layar ini akan berpindah ke Layar Home
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Pada Layar Khazanah terdapat 3 sub button yang terdiri dari Khazanah Arsip, M edia Baru, dan Pencarian Arsip
Modul Proses Layar Khazanah Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita Button “Khazanah” ditekan, tidak akan melakukan apa – apa Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1. Button “Profil” ditekan, akan berpindah ke Layar Profil.
Button “Khazanah Arsip” ditekan, akan berpindah ke Layar Tekstual. Button “M edia Baru” ditekan, akan berpindah ke Layar Arsip Film.
Button “Pencarian Arsip” ditekan, akan berpindah ke Layar Pencarian Arsip
Akhir lakukan jika
3.5.1.4 Rancangan Layar Tekstual
Gambar 3.14 Rancangan Layar Tekstual
• Pada layar ini akan ditampilkan beberapa arsip tekstual yang berupa image • Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Pada layar tekstual terdapat 2 sub button yang terdiri dari button tekstual dan kartografi
• Terdapat kolom image beserta keterangannya yang berada pada sebelah kanan layar
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka layar ini akan berpindah ke Layar Home
Modul Proses Layar Tekstual Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1. Button “Profil” ditekan, akan berpindah ke Layar Profil.
Button “Tekstual” ditekan, tidak akan melakukan apa-apa
Button “Kartografi” ditekan, akan berpindah ke Layar Kartografi
Akhir lakukan jika Jika image ditekan maka
Load frame image sesuai dengan parameter yang dituju
Akhir jika
Akhir Modul
3.5.1.5 Rancangan Layar Kartografi
Gambar 3.15 Rancangan Layar Kartografi • Pada layar ini akan ditampilkan beberapa arsip kartografi.
• Terdapat 2 sub button yang terdiri dari button`tekstual dan kartografi
• Jika pada Layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka layar ini akan berpindah ke Layar Home.
• Terdapat kolom image dan beserta keterangannya yang berada pada sebelah kanan layar
Modul Proses Layar Kartografi Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1. Button “Profil” ditekan, akan berpindah ke Layar Profil.
Button “Tekstual” ditekan, akan berpindah ke Layar Tekstual Button “Kartografi” ditekan, tidak akan melakukan apa-apa
Akhir lakukan jika Jika image ditekan maka
Load frame image sesuai dengan parameter yang dituju
Akhir jika
Akhir Modul
3.5.1.6 Rancangan Layar Film
Gambar 3.16 Rancangan Layar Film
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Pada layar ini terdapat 4 sub button yang terdiri dari Arsip Film, Arsip Video, Arsip Foto dan Rekaman Suara
• Terdapat beberapa image film yang berada di sebelah kanan dan dapat diakses oleh user
• Di bagian bawah kolom film terdapat keterangan mengenai arsip film yang user pilih
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka layar ini akan berpindah ke Layar Home
Modul Proses Layar Film Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1 Button “Profil” ditekan, akan berpindah ke Layar Profil. Button “Film” ditekan, tidak akan melakukan apa-apa Button “Video” ditekan, akan berpindah ke Layar Video Button “Foto” ditekan, akan berpindah ke Layar Foto
Button “Rekaman Suara” ditekan, akan berpindah ke Layar Rekaman Suara
Akhir lakukan jika Jika image ditekan maka
Load movie sesuai dengan paramater nama file.swf yang dituju
Akhir jika
3.5.1.7 Rancangan Layar Video
Gambar 3.17 Rancangan Layar video
• Layar ini berisikan tentang beberapa arsip video sejarah yang tersimpan di ANRI • Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Terdapat kolom yang berisi keterangan mengenai arsip video yang user pilih • Pada layar ini terdapat 4 sub button yang terdiri dari Arsip Film, Arsip Video,
Arsip Foto dan Rekaman Suara
• Terdapat beberapa image video yang berada di sebelah kanan dan dapat diakses oleh user
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka layar ini akan berpindah ke Layar Home
Modul Proses Layar Film Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1. Button “Profil” ditekan, akan berpindah ke Layar Profil. Button “Film” ditekan, akan berpindah ke Layar Film Button “Video” ditekan, tidak akan melakukan apa-apa Button “Foto” ditekan, akan berpindah ke Layar Foto
Button “Rekaman Suara” ditekan, akan berpindah ke Layar Rekaman Suara
Akhir lakukan jika Jika image ditekan maka
Load video sesuai dengan paramater nama file.swf yang dituju
Akhir jika
Akhir Modul
3.5.1.8 Rancangan Layar Foto
Gambar 3.18 Rancangan Layar Foto
• Layar ini berisi beberapa arsip foto sejarah yang tesimpan di ANRI yang dapat diakses oleh user
• Terdapat kolom yang berisi keterangan mengenai arsip foto yang user pilih • Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka layar ini akan berpindah ke Layar Home
Modul Proses Layar Foto Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1. Button “Profil” ditekan, akan berpindah ke Layar Profil. Button “Film” ditekan, akan berpindah ke Layar Film Button “Video” ditekan, akan berpindah ke Layar Video Button “Foto” ditekan, tidak akan melakukan apa-apa
Button “Rekaman Suara” ditekan, akan berpindah ke Layar Rekaman Suara
Akhir lakukan jika Jika image ditekan maka
Load frame image sesuai dengan parameter yang dituju
Akhir jika
3.5.1.9 Rancangan Layar Rekaman S uara
Gambar 3.19 Rancangan Layar Rekaman Suara
• Pada layar ini akan ditampilkan arsip rekaman suara yang ada di ANRI • Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Terdapat kolom yang berisi keterangan mengenai arsip rekaman suara yang user pilih
• Terdapat beberapa image yang dapat di pilih oleh user
• Pada layar ini terdapat 4 sub button yang terdiri dari Arsip Film, Arsip Video, Arsip Foto dan Rekaman Suara
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka layar ini akan berpindah ke layar Home
• Terdapat control button untuk mendengarkan dan memberhentikan arsip suara Modul Proses Layar Rekaman Suara
Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1. Button “Profil” ditekan, akan berpindah ke Layar Profil. Button “Film” ditekan, akan berpindah ke Layar Film Button “Video” ditekan, akan berpindah ke Layar Video Button “Foto” ditekan, akan berpindah ke Layar Foto
Button “Rekaman suara” ditekan, tidak akan melakukan apa-apa
Akhir lakukan jika
Jika control button ditekan pada image yang di pilih maka
Load sound sesuai dengan parameter yang dituju
Akhir jika
Jika control button ditekan pada image yang lainnya maka
Stop sound
Load sound sesuai dengan parameter yang dituju
Akhir jika
Akhir Modul
3.5.1.10 Rancangan Layar Lantai 1 dan 2
• Pada layar ini terdapat 2 sub button yang terdiri dari Lantai 1 dan Lantai 2 • Pada layar ini akan ditampilkan denah lokasi pada gedung ANRI
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Jika tidak terjadi aktivitas selama kurang lebih 10 menit maka akan kembali ke Layar Home
• Terdapat kolom image dan keterangan di sebelah kanan layar ini Modul Proses Layar Lokasi
Lakukan jika
Button “home” ditekan, akan berpindah ke Layar Home Button “berita” ditekan, akan berpindah ke Layar Berita
Button “khazanah” ditekan, akan berpindah ke Layar Khazanah Button “lokasi” ditekan, akan berpindah ke Layar Lantai 1 Button “profil” ditekan, akan berpindah ke Layar Visi dan M isi
Akhir lakukan jika
// Layar berada pada Layar Lantai 1 Lakukan jika
Button “lantai 1” ditekan, tidak akan melakukan apa-apa. Button “lantai 2” ditekan, akan berpindah ke Layar Lantai 2
Akhir lakukan jika
// Layar berada pada Layar Lantai 2 Lakukan jika
Button “lantai 1” ditekan, akan berpindah ke Layar Lantai 1 Button “lantai 2” ditekan, tidak akan melakukan apa-apa.
Akhir lakukan jika Jika image ditekan maka
Foto dari ruangan yang ditunjuk akan muncul beserta keterangan dari ruangan tersebut
Akhir jika
3.5.1.11 Rancangan Layar Profil
Gambar 3.21 Rancangan Layar Profil • Layar ini berisi tentang profil dan agenda kegiatan ANRI
• Pada layar ini terdapat 4 sub button yang terdiri dari Visi dan Misi, Sejarah, Tugas Pokok dan Struktur Organisasi
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Jika tidak terjadi aktivitas selama kurang lebih 10 menit maka akan kembali ke Layar Home
• Terdapat pula button scroll yang berada di sebelah kanan kolom agenda kegiatan Modul Proses Profil
Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Kkhazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1.
Button “Profil” ditekan, tidak akan melakukan apa-apa.
Button “Sejarah” ditekan, akan berpindah ke Layar Sejarah
Button “Tugas Pokok” ditekan, akan berpindah ke Layar Tugas Pokok Button “Struktur Organisasi” ditekan, akan berpindah ke Layar Struktur
Organisasi
Button “Scroll” ditekan, maka kolom pada isi berita akan dapat bergerak ke atas
ataupun ke bawah, yang berfungsi untuk melihat keseluruhan agenda kegiatan Akhir lakukan jika
Akhir Modul
3.5.1.12 Rancangan Layar Visi dan Misi
Gambar 3.22 Rancangan Layar Visi dan M isi • Pada layar ini akan ditampilkan visi dan misi ANRI.
• Pada layar ini terdapat 4 sub button yang terdiri dari Visi dan Misi, Sejarah, Tugas Pokok dan Struktur Organisasi
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka akan berpindah ke Layar Home
Modul Proses Layar Visi dan Misi Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1 Button “Profil” ditekan, akan berpindah ke Layar Profil.
Button “Visi dan M isi” ditekan, tidak akan melakukan apa-apa. Button “Sejarah” ditekan, akan berpindah ke Layar Sejarah Button “Lokasi” ditekan, tidak akan melakukan apa–apa
Button “Struktur Organisasi” ditekan, akan berpindah ke Layar Struktur
Organisasi Akhir lakukan jika
Akhir Modul
3.5.1.13 Rancangan Layar S ejarah
Gambar 3.23 Rancangan Layar Sejarah • Pada layar ini akan ditampilkan sejarah dari ANRI
• Terdapat icon sebagai penanda navigasi Layar pada Layar ini • Terdapat button next yang berada di sebelah kanan layar
• Terdapat button back yang berada di sebelah kiri button next ( pada layar Sejarah yang berikutnya ). Layar Sejarah terdiri dari 3 layar.
• Pada layar ini terdapat 4 sub button yang terdiri dari Visi dan Misi, Sejarah, Tugas Pokok dan Struktur Organisasi
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka akan berpindah ke Layar Home
• Terdapat beberapa image gedung ANRI
Modul Proses Layar S ejarah Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1. Button “Profil” ditekan, akan berpindah ke Layar Profil.
Button “Visi dan M isi” ditekan, akan berpindah ke Layar Visi dan M isi. Button “Sejarah” ditekan, tidak akan melakukan apa – apa
Button “Struktur Organisasi” ditekan, akan berpindah ke Layar Struktur
Organisasi
Button “Next” ditekan, akan berpindah ke Layar Sejarah ANRI berikutnya. Button “Back” ditekan, akan kembali ke Layar sejarah ANRI sebelumnya.
Akhir lakukan jika
3.5.1.14 Rancangan Layar Tugas Pokok
Gambar 3.24 Rancangan Layar Tugas Pokok • Pada layar ini akan ditampilkan tugas pokok dari ANRI
• Pada layar ini terdapat 4 sub button yang terdiri dari Visi dan Misi, Sejarah, Tugas Pokok dan Struktur Organisasi
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka akan berpindah ke Layar Home
• Terdapat beberapa image dari tugas pokok ANRI
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada Modul Proses Layar Tugas Pokok
Lakukan jika
Button “Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1 Button “Profil” ditekan, akan berpindah ke Layar Profil
Button “Visi dan M isi” ditekan, akan berpindah ke Layar Visi dan M isi Button “Sejarah” ditekan, akan berpindah ke Layar Sejarah
Button “Tugas Pokok” ditekan, tidak akan melakukan apa – apa
Button “Struktur Organisasi” ditekan, akan berpindah ke Layar Struktur
Organisasi Akhir lakukan jika
Akhir Modul
3.5.1.15 Rancangan Layar S truktur Organisasi
Gambar 3.25 Rancangan Layar Struktur Organisasi • Pada layar ini akan ditampilkan Struktur Organisasi dari ANRI
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka akan berpindah ke Layar Home
• Terdapat pula button cursor navigasi yang berada di sebelah kiri dan kanan dari kolom struktur organisai
• Terdapat button next yang berada di sebelah kanan bawah layar
• Terdapatbutton back yang berada di sebelah kiri button next (pada layar Struktur
Organisasi yang berikutnya ). Layar Struktur Organisasi terdiri dari 7 layar Modul Proses Layar Tugas Pokok
Lakukan jika
Button “ Home” ditekan, akan berpindah ke Layar Home Button “Berita” ditekan, akan berpindah ke Layar Berita
Button “Khazanah” ditekan, akan berpindah ke Layar Khazanah Button “Lokasi” ditekan, akan berpindah ke Layar Lantai 1 Button “Profil” ditekan, akan berpindah ke Layar Profil.
Button “Visi dan M isi” ditekan, akan berpindah ke Layar Visi dan M isi. Button “Sejarah” ditekan, akan berpindah ke Layar Sejarah
Button “Tugas Pokok” ditekan, akan berpindah ke Layar Tugas Pokok Button “Struktur Organisasi” ditekan, tidak akan melakukan apa – apa Button “Next” ditekan, akan berpindah ke Struktur Organisasi berikutnya. Button “Back” ditekan, akan kembali ke Struktur Organisasi sebelumnya Button “Cursor Navigasi” ditekan ke kiri ataupun ke kanan, maka struktur
organisasi akan terlihat lebih detil sesuai dengan divisi bagian yang telah dipilih Akhir lakukan jika
3.5.1.16 Rancangan Layar Pencarian Arsip
Gambar 3.26 Rancangan Layar Pencarian Arsip
• Pada layar ini, user dapat mencari arsip yang diinginkan berdasarkan kategori arsipnya.
• Pada layar ini disediakan sebuah keyboard virtual untuk user melakukan pencarian arsip
• Terdapat button enter pada virtual keyboard untuk melakukan searching
• Jika pada layar ini tidak terjadi aktivitas selama kurang lebih 10 menit, maka akan berpindah ke Layar Home
• Terdapat button back yang berada di sebelah kiri bawah Layar
• Terdapat icon yang berfungsi sebagai penunjuk menu dimana user berada • Terdapat textbox di atas kategori arsip
• Terdapat beberapa icon yang berada di sebelah kanan virtual keyboard sebagai pilihan dari kategori arsip yang di inginkan.
Modul Pencarian Arsip Lakukan jika
Button “Back” ditekan, akan berpindah ke Layar Khazanah
Akhir lakukan jika
Ubah data di textbox keyword , pilih icon dari kategori arsip Jika Button Enter ditekan maka
Tampilkan arsip sesuai dengan parameter yang diinput Akhir jika
Akhir Modul
3.5.2 Rancangan Layar Admin