BAB III ANALISIS DAN PERANCANGAN SISTEM
3.7 Perancangan Antarmuka
3.7.1. Rancangan Antarmuka Non Member
Rancangan antarmuka untuk non member ditunjukkan pada gambar 3.27
s.d 3.31.
T01
Logo
Anda Belum LogIn | Daftar
Menu Utama
Ukuran Form 1280 x 800
Warna Background Gradasi Biru Hitam Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Jam Pencarian Logo Home Materi Kumpulan Soal - Mata Kuliah - Mata Kuliah Counter Kalender Linklabel Home
diklik, maka kembali ke menu T01.
Linklabel Materi
diklik, maka masuk ke menu T02.
Linklabel Kumpulan
Soal diklik, maka masuk ke menu T03.
Linklabel Daftar
diklik, maka masuk ke menu T04.
Tab Lupa password diklik, maka akan muncul TB02. Data Login admin valid masuk ke menu T05, jika Login member valid masuk ke menu T17, jika gagal keluar pesan M01 Logo home HOME Member Terbaru Tentang CLB Learning
CBL Learning adalah sebuah aplikasi pembelajaran Collaborative Learning berbasis web, setiap membernya dapat melakukan kolaborasi dalam mengelola isi materi dari web ini, menyumbangkan informasi, pengalaman, ide, sikap, pendapat, kemampuan, dan keterampilan yang dimiliki untuk saling meningkatkan pemahaman. Setiap Member dapat melakukan kolaborasi dalam menyunting, mengedit dan mengirim materi yang berhubungan dengan bidang ilmu tertentu. Metode ini memungkinkan pengguna (dosen, dan mahasiswa) aktif dalam mengembangkan pengetahuan. Materi Terbaru Kumpulan Soal Terbaru Foto member Tentang Kampus Info member Foto
member Info member
Log In Login Username Password Lupa Password Admin Member
T02
Logo
Anda Belum LogIn | Daftar
Ukuran Form 1280 x 800
Warna Background Gradasi Biru Hitam Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Jam Logo
Materi Materi
Pencarian
Gambar
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Logo [ Selengkapnya | Dilihat : 25 kali ]
Halaman : 1 | Gambar
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
[ Selengkapnya | Dilihat : 5 kali ]
Counter
Kalender
Linklabel Home diklik,
maka kembali ke menu T01.
Linklabel Materi diklik,
maka masuk ke menu T02.
Linklabel Kumpulan
Soal diklik, maka masuk ke menu T03.
Linklabel Daftar diklik,
maka masuk ke menu T04.
Tab Lupa password diklik, maka akan muncul TB02.
Data Login admin valid masuk ke menu T05, jika Login anggota valid masuk ke menu T17, jika gagal keluar pesan M01 Log In Login Username Password Lupa Password Admin Member Menu Utama Home Materi Kumpulan Soal - Mata Kuliah - Mata Kuliah
Gambar 3.28. Rancangan Menu Materi
T03
Logo
Anda Belum LogIn | Daftar
Menu Utama
Ukuran Form 1280 x 800
Warna Background Gradasi Biru Hitam Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Jam Pencarian Logo Home Materi Kumpulan Soal - Mata Kuliah - Mata Kuliah Counter Kalender Linklabel Home diklik, maka kembali ke menu T01.
Linklabel Materi diklik, maka masuk ke menu T02.
Linklabel Kumpulan Soal diklik, maka masuk ke menu T03.
Linklabel Daftar diklik, maka masuk ke menu T04.
Tab Lupa password diklik, maka akan muncul TB02. Data Login admin valid masuk ke menu T05, jika Login anggota valid masuk ke menu T17, jika gagal keluar pesan M01
Logo
Materi Kumpulan Soal
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
[ Selengkapnya | Dilihat : 25 kali ]
Halaman : 1 | Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
[ Selengkapnya | Dilihat : 5 kali ] Log In Login Username Password Lupa Password Admin Member
T04
Logo
Anda Belum LogIn | Daftar
Menu Utama Jam Pencarian Logo Home Materi Kumpulan Soal - Mata Kuliah - Mata Kuliah Counter Kalender Linklabel Home
diklik, maka kembali ke menu T01.
Linklabel Materi
diklik, maka masuk ke menu T02.
Linklabel Kumpulan
Soal diklik, maka masuk ke menu T03.
Linklabel Daftar
diklik, maka masuk ke menu T04.
Tab Lupa password diklik, maka akan muncul TB02. Data Login admin valid masuk ke menu T05, jika Login anggota valid masuk ke menu T17, jika gagal keluar pesan M01
Logo Pendaftaran Member Baru
Nama Lengkap Browse Username Password Tulis Kembali Password Foto Saya Setuju Alamat E-mail
User ID Menggunakan huruf yang lazim digunakan dan Tidak diperkenankan menggunakan spasi. a-z A-Z 0-9.
Penulisan email harus benar, karena kode veritifikasi akan dikirim ke email Anda , dan apabila Anda lupa pada password Anda akan dikirimkan pada email Anda.
Ganti
Persyaratan
Apabila gambar tidak diubah dikosongkan saja, Format gambar harus berekstensi gif dan jpg. Ukuran gambar 90 x 103 pixel, ukuran file gambar tidak lebih dari 50 kb.
Kirim Batal
NIM / NIP
Tuliskan NIM Anda jika Anda Mahasiswa dan NIP Anda Jika Anda Dosen
Ukuran Form 1280 x 800
Warna Background Gradasi Biru Hitam Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Portal ini digunakan untuk berkolaborasi dalam mengelola isi dari berbagai bidang ilmu, Anda dapat mengirimkan materi, visual animasi, kumpulan soal yang berhubungan dengan disiplin ilmu tertentu. Jadikan portal ini sebagai manajemen pengetahuan (Knowlage Management) untuk berbagai disiplin ilmu. Log In Login Username Password Lupa Password Admin Member
Gambar 3.30. Rancangan Menu Daftar
Log In Kirim Username Email Lupa Password Admin Member Ukuran Form 256 x 256
Warna Background Gradasi Biru Hitam Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Tab Login diklik, maka kembali ke TB01.
Kirim diklik dan data valid maka akan keluar pesan M02f, jika gagal keluar M02a.
TB02