Rancangan Antarmuka Non Member

97

3.7. Perancangan Antarmuka

Antarmuka pemakai merupakan media komunikasi antara pemakai dengan sistem komputer. Hasil perancangan antarmuka pemakai akan memudahkan proses implementasi nanti.

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 Gambar 3.27. Rancangan Menu Utama Non Member 98 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 Gambar 3.29. Rancangan Menu Kumpulan Soal 99 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 Gambar 3.31. Rancangan Tab Lupa Password 100

3.7.2. Rancangan Antarmuka Menu Admin