Tampilan Desain Produk HASIL PENELITIAN DAN PEMBAHASAN

4.1.4 Tampilan Desain Produk

4.1.4.1 Tampilan Pada Saat Login

Gambar 4.2 Tampilan web saat login Pada Tampilan login Pengguna dapat langsung masuk dengan mengisi username dan password yang sebelumnya telah dibuat, untuk pendaftar baru dapat menggunakan tombol “klik” daftar dan mengisi identitas yang dimulai dari; nama, username, password, kelas, nomer telephone, dan unggah foto profil jika ada. Dalam tampilan awal juga disediakan toolbar, yang pertama “About Us” untuk melihat data serta visi misi sekolah SMA Negeri 1 Ambarawa, dan “Contacts” untuk melihat alamat serta identitas sekolah yang dapat dihubungi melalui bebapa pilihan.

4.1.4.2 Tampilan Pada Menu Utama “Main”

Gambar 4.3 Tampilan Web Pada Menu Utama “Main” Pada menu utama atau “Main”, pengguna dapat langsung menjelajahi semua materi yang telah disediakan. Ada tiga materi utama yang disediakan yaitu: pemahaman diri, pemilihan lingkungan, dan perencanaan masa depan, ketiga materi tersebut dapat langsung diakses dengan cukup sekali tombol “klik” pada sisi kiri atau atau dengan mengarahkan cursor pada gambar yang mewakili ketiga materi tersebut, setiap materi didalamnya sudah terdapat sub materi da disediakan pula gambar- gambar motivasi sesuai materi yang ada. Untuk diketahui bahwa setiap akhir materi akan ada uraian mewakili setiap materi utamanya yang hasilnya secara otomatis akan masuk ke database guru Bimbingan dan Konseling. Selesai mengakses, untuk keluar cukup klik “Logout” yang ada disisi kanan atas.

4.1.4.3 Tampilan Pada Menu Uraian Tugas

Gambar 4.4 Tampilan Web Pada Menu Uraian Tugas Berikut salah satu contoh tampilan untuk tugas uraian dalam web layanan informasi karir, disini pengguna dapat mengisi kolom- kolom kosong yang disediakan sesuai intruksi yang ada, untuk tugas uraian selanjutnya adapat diakses ketika kolom isian sebelumnya telah diisi semua. Berbeda dengan konten materi yang dapat diakses sesuka pengguna. Hasil uraian tugas akan masuk ke database guru Bimbingan dan Konseling. Disini guru bimbingan hanya dapat melihat hasil dari siswa peserta didiknya. Layanan guru Bimbingan berikutnya dapat melihat hasil uraian tugas siswa sebagai bahan pertimbangan dan patokan untuk memberi layanan yang lebih terarah, sesuai yang dibutuhkan dan untuk mengevaluasi diri konselor melihat perkembangan siswa peserta didiknya, tentunya terutama dalam bidang karir.

4.1.5 Hasil Uji Kelayakan Dari Para Ahli dan Praktisi