Perancangan Antarmuka Halaman Tambah Forum Admin Perancangan Antarmuka Halaman Isi Forum Admin

3.3.4.2 Perancangan Antar Muka Guru Dan Siswa

Perancangan antarmuka dibuat agar sistem perangkat lunak yang akan dibangun bisa mempermudah guru dan siswa dalam menggunakan program aplikasi E-learning ini. Dengan dibuatkannya perancangan antarmuka diharapkan guru dan siswa dapat menjalankan aplikasi yang dibangun tanpa mengalami kesulitan. Berikut perancangan antarmuka guru dan siswaakan dijelaskan dibawah ini.

1. Perancangan Antarmuka Halaman Login

Merupakan halaman dimana pertama kali guru dan siswa membuka program, di halaman login ini guru dan siswa diminta memasukan NIP kode guru NISN dan sandi sebagai acuan login. Berikut penggambaran Perancangan login yang akan dijelaskan oleh gambar dibawah ini. Keterangan Warna : Abu-Abu,Hijau,Hitam,Putih TipeUkuran Font : Arial 12 Ukuran : Dinamis Default 1024 x 768 T01 Kode Guru NISN Kata Sandi Masuk Lupa Kata Sandi E-Learning SMA Negeri 6 Cimahi Keterangan - Klik menu Login untuk menuju ke halaman T02 - Klik Lupa kata sandi Untuk menuju ke halaman T01L Siswa Guru Gambar 3.63 Perancangan Login

2. Perancangan Antarmuka Halaman Lupa Kata Sandi

Merupakan halaman untuk lupa kata sandi admin, guru dan siswa, berikut penggambaran perancangan antarmuka halaman lupa kata sandi guru dan siswa yang akan dijelaskan oleh gambar dibawah ini. T01L Keterangan Warna : Hijau,Hitam,Putih,pink soft TipeUkuran Font : Arial 12 Ukuran : Dinamis Default 1024 x 768 Masukan alamat email Kirim Keterangan -klik tombol kirim untuk mengirimkan kata sandi baru ke email Gambar 3.64 Perancangan Lupa Kata Sandi

3. Perancangan Antarmuka Halaman Utama Guru

Merupakan halaman utama program aplikasi E-learning, di halaman utama ini disediakan menu yang memiliki fungsinya sendiri-sendiri. Berikut penggambaran Perancangan antarmuka halaman utama guru yang akan dijelaskan oleh gambar dibawah ini. E-Learning SMA Negeri 6 Cimahi Beranda E-Learning SMA 6 Negeri Cimahi 2013 SMA Negeri 6 Cimahi Website – PTK Guru – Privacy Policy Depeloped by Admin SMA Negeri 6 Cimahi Beranda Tahun Ajaran : Hari dan Tanggal : Selamat Datang ……………. Sedang Online : .. Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Logo T02 Keterangan Warna : Hijau,Hitam,Putih TipeUkuran Font : Arial 12 Ukuran : Dinamis Default 1024 x 768 Belajar Interaksi Pengguna Keluar Tugas Soal Kuis Ajar Materi Pengumuman Share pengetahuan Forum Edit kontak Ganti kata sandi Pesan Chat Icon Icon Keterangan -klik menu beranda untuk menuju ke halaman T02 -klik menu pengguna pilih edit kontak untuk menuju ke halaman T03 -klik menu pengguna pilih ganti kata sandi untuk menuju ke halaman T04 -klik menu belajar pilih ajar untuk menuju ke halaman T05 -klik menu belajar pilih materi untuk menuju ke halaman T06, T061 -klik menu belajar pilih tugas untuk menuju ke halaman T07, T071 -klik menu belajar pilih kuis untuk menuju ke halaman T08, T081 -klik menu belajar pilih soal untuk menuju ke halaman T09, T091 -klik menu belajar pilih pengumuman untuk menuju ke halaman T10, T101 -klik menu interaksi pilih sharepengetahuan untuk menuju ke halaman T11, T111, T112 -klik menu interaksi pilih forum untuk menuju ke halaman T12 -klik menu interaksi pilih pesan untuk menuju ke halaman T13, T131, T132 -klik menu interaksi pilih chat untuk menuju ke halaman T14 -klik menu keluar untuk keluar Gambar 3.65 Perancangan Halaman Utama Guru