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