LOGIN SEBAGAI GURU

A. TAMPILAN AWAL

Pertama-tama silahkan mengakses alamat website: http://hbtlonline.com/ menggunakan aplikasi web browser (Mozilla Firefox, Goggle Chrome, Internet Explorer, Microsoft Edge, Opera, Safari, dll).

Gambar A.1 Halaman LOGIN

Tampilan awal yang akan muncul setelah berhasil mengakses alamat http://hbtlonline.com/ adalah sebagai Gambar

A.1 Pertama-tama silahkan memasukkan USERNAME dan

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

PASSWORD yang telah diberikan untuk mengakses dan menggunakan fasilitas yang disajikan oleh HBTLonline.

Jika ingin langsung mengakses KELAS ONLINE sebagai tindak lanjut dari remedial, silahkan klik gambar menu MOODLE di sisi paling bawah dari tampilan LOGIN HBTLonline ini.

B. LOGIN SEBAGAI GURU

Gambar C.1 Tampilan Toolbar Menu Guru

Menu yang disajikan oleh HBTLonline GURU terdapat 5 Menu seperti terlihat pada Gambar C.1 dimana Tombol Menu Beranda untuk mengakses Tampilan Utama Guru, Tombol Menu Data Murid untuk mengakses Halaman Daftar Data Murid, Tombol Menu Nilai terdapat submenu Nilai Murid untuk mengakses Halaman Laporan Nilai dan Submenu Laporan Nilai untuk mengakses Halaman Kirim Laporan Nilai via Email, Tombol Menu Kompetensi untuk mengakses Halaman Kompetensi, dan Tombol Profile yang digunakan untuk melihat dan merubah data diri Guru. Letak Toolbar Menu ini terdapat di sisi atas dari tampilan HBTLonline.

Berikut Tampilan awal jika berhasil LOGIN sebagai GURU. Tampilan pada Gambar C.2 diakses dengan menekan Tombol Menu Beranda pada Toolbar Menu Guru.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

xlv

Gambar C.2 Halaman Utama Guru

Tampilan awal guru selain menyajikan data pribadi guru, pada tampilan awal guru juga menyajikan pintasan cepat (quick links) yang pada tampilan berbentuk lingkaran didalam groupbox Quick Links seperti pada gambar C.2, fasilitas ini dimaksudkan bagi guru agar lebih cepat dalam mengakses data yang terdapat pada aplikasi ini. Quick links yang disajikan terdapat 6 buah, yaitu quick links ke data nilai mata pelajaran IPA, ke data nilai mata pelajaran Matematika, ke data siswa yang terdaftar, ke data kompetensi mata pelajaran IPA, ke data kompetensi mata pelajaran Matematika dan pintasan untuk masuk/ login ke halaman kelas online.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

xlv

Gambar C.3 Halaman Data Murid

Gambar C.3 merupakan tampilan yang akan muncul jika memilih menu Data Murid pada toolbar menu guru. Pada tampilan data murid terdapat beberapa tombol dengan fungsi masing-masing. Tombol CETAK DATA MURID berfungsi untuk mencetak daftar data murid secara keseluruhan dan dapat pula disimpan dengan file berformat PDF. Tombol lihat detail (tombol berwarna biru muda dengan gambar icon kaca pembesar) berfungsi untuk melihat data siswa yang dipilih secara detail seperti pada gambar C.4. Tombol

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

xlv

Gambar C.4 Halaman Detail Data Murid

Gambar C.5 Halaman Kirim Pesan Motivasi ke Murid

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar C.6 Halaman Perolehan Nilai Murid

Gambar C.7 Halaman Input Nilai Murid Bagian 1

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar C.8 Halaman Input Nilai Murid Bagian 2

Gambar C.9 Halaman Input Nilai Murid (Form Catatan Todo/Saran Remidi)

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar C.10 Halaman Kirim Laporan via Email

Gambar C.11 Halaman Kompetensi Guru

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar C.12 Form Tambah Kompetensi

Gambar C.13 Halaman Ubah Kompetensi

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar C.14 Form Data Diri/ Profile Guru

Gambar C.14 merupakan tampilan Data Diri/ Profile Guru, Anda dapat merubah data diri Anda dengan menekan Tombol Menu Profile pada Toolbar Menu, dan jika sudah Anda rubah data tersebut sesuai keterangan kolom masing-masing, untuk menyimpannya silahkan tekan Tombol Simpan.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Panduan Murid

PANDUAN PENGAPLIKASIAN WEBSITE HBTLONLINE.COM

PENYAJIAN HASIL BELAJAR & TINDAK

LANJUT | www.HBTLonline.com

HBTLONLINE PANDUAN PENGGUNAAN APLIKASI WEB PENYAJIAN HASIL BELAJAR DAN TINDAK MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM LANJUT HBTLONLINE

PANDUAN PENGGUNAAN APLIKASI WEB PENYAJIAN HASIL BELAJAR & TINDAK LANJUT HBTL ONLINE

http://hbtlonline.com/

LOGIN SEBAGAI MURID

C. TAMPILAN AWAL

Pertama-tama silahkan mengakses alamat website: http://hbtlonline.com/ menggunakan aplikasi web browser (Mozilla Firefox, Goggle Chrome, Internet Explorer, Microsoft Edge, Opera, Safari, dll).

Gambar A.1 Halaman LOGIN

Tampilan awal yang akan muncul setelah berhasil mengakses alamat http://hbtlonline.com/ adalah sebagai Gambar

A.1 Pertama-tama silahkan memasukkan USERNAME dan

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

PASSWORD yang telah diberikan untuk mengakses dan menggunakan fasilitas yang disajikan oleh HBTLonline.

Jika ingin langsung mengakses KELAS ONLINE sebagai tindak lanjut dari remedial, silahkan klik gambar menu MOODLE di sisi paling bawah dari tampilan LOGIN HBTLonline ini.

D. LOGIN SEBAGAI MURID

Gambar B.1 Tampilan Toolbar Menu Murid

Menu yang disajikan oleh HBTLonline MURID terdapat 4 Menu seperti terlihat pada Gambar B.1 dimana Tombol Menu Beranda untuk mengakses Tampilan Utama Murid, Tombol Menu Nilai untuk mengakses Tampilan Laporan Nilai, Tombol Menu Kompetensi untuk mengakses Tampilan Kompetensi, dan Tombol Profile yang digunakan untuk melihat dan merubah data diri Murid. Letak Toolbar Menu ini terdapat di sisi atas dari tampilan HBTLonline.

Berikut Tampilan awal jika berhasil LOGIN sebagai MURID. Tampilan pada Gambar B.2 diakses dengan menekan Tombol Menu Beranda pada Toolbar Menu Murid.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar B.2 Halaman Utama Murid

Untuk melihat hasil Anda, silahkan klik gambar lingkaran di sebelah kiri dan kanan gambar profile Anda. Jika ingin melihat detail dan gambar grafiknya silahkan klik tombol LIHAT GRAFIK. Hasil yang ditampilkan terlihat seperti Gambar B.2 di bawah ini.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

lvii

Gambar B.3 Halaman Grafik Rata-rata Nilai

Hasil belajar yang disajikan adalah Mata Pelajaran IPA dan Matematika. Silahkan Anda cermati hasil dua Mata Pelajaran ini untuk melihat STATUS NILAI Anda apakah sudah TUNTAS atau harus melakukan REMIDI atau PERBAIKAN. Jika Anda sudah TUNTAS maka aka nada keterangan bahwa Anda sudah TUNTAS. Jika nilai Anda masih MERAH maka Anda harus melakukan PERBAIKAN dalam KELAS ONLINE dengan menekan tautan yang dilampirkan pada Halaman Tindak Lanjut Murid (Gambar

B.5) atau dapat langsung merujuk ke KELAS ONLINE dengan LOGIN ke KELAS ONLINE. Untuk melakukan perbaikan silahkan kunjungi kelas online yang tersedia. Panduan ada di bagian kedua dari panduan ini.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar B.4 Halaman Nilai Murid

Gambar B.4 Halaman Nilai Murid dapat diakses dengan menekan tombol Menu Nilai pada Toolbar Menu. Untuk mengakses Halaman Tindak Lanjut seperti yang ditampilkan pada Gambar B.5 dengan menekan tombol YANG HARUS DILAKUKAN pada Halaman Nilai Murid.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar B.5 Halaman Tindak Lanjut Murid

Gambar B.6 Halaman Kompetensi Murid

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar B.6 merupakan tampilan dari Kompetensi yang disajikan.

Gambar B.7 merupakan tampilan Data Diri/ Profile Murid, Anda dapat merubah data diri Anda dengan menekan Tombol Menu Profile pada Toolbar Menu, dan jika sudah Anda rubah data tersebut sesuai keterangan kolom masing-masing, untuk menyimpan silahkan tekan Tombol Simpan.

Gambar B.7 Form Data Diri/ Profile Murid

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Panduan Orangtua

PANDUAN PENGAPLIKASIAN WEBSITE HBTLONLINE.COM

PENYAJIAN HASIL BELAJAR & TINDAK

LANJUT | www.HBTLonline.com

HBTLONLINE PANDUAN PENGGUNAAN APLIKASI WEB

PENYAJIAN HASIL BELAJAR DAN TINDAK MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM LANJUT HBTLONLINE lxii

PANDUAN PENGGUNAAN APLIKASI WEB PENYAJIAN HASIL BELAJAR & TINDAK LANJUT HBTL ONLINE

http://hbtlonline.com/

LOGIN SEBAGAI ORANGTUA

E. TAMPILAN AWAL

Pertama-tama silahkan mengakses alamat website: http://hbtlonline.com/ menggunakan aplikasi web browser (Mozilla Firefox, Goggle Chrome, Internet Explorer, Microsoft Edge, Opera, Safari, dll).

Gambar A.1 Halaman LOGIN

Tampilan awal yang akan muncul setelah berhasil

mengakses alamat http://hbtlonline.com adalah sebagai Gambar A.1 Pertama-tama

silahkan

memasukkan

USERNAME dan

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

lxi

PASSWORD yang telah diberikan ke putra/ putri Anda untuk mengakses dan menggunakan fasilitas yang disajikan oleh HBTLonline.

Jika ingin langsung mengakses KELAS ONLINE sebagai tindak lanjut dari remedial, silahkan klik gambar menu MOODLE di sisi paling bawah dari tampilan LOGIN HBTLonline ini.

F. LOGIN SEBAGAI ORANGTUA/ MURID

Gambar B.1 Tampilan Toolbar Menu Murid

Berikut Tampilan awal jika berhasil LOGIN sebagai MURID. Tampilan pada Gambar B.2 diakses dengan menekan Tombol Menu Beranda pada Toolbar Menu Murid.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar B.2 Halaman Utama Murid/ Orangtua

Untuk melihat hasil putra/ putri Anda, silahkan klik gambar lingkaran di sebelah kiri dan kanan gambar profile putra/ putri Anda. Jika ingin melihat detail dan gambar grafiknya silahkan klik tombol LIHAT GRAFIK. Hasil yang ditampilkan terlihat seperti Gambar B.2 di bawah ini.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

lxv

Gambar B.3 Halaman Grafik Rata-rata Nilai

Hasil belajar yang disajikan adalah Mata Pelajaran IPA dan Matematika. Silahkan Anda cermati hasil dua Mata Pelajaran ini untuk melihat STATUS NILAI putra/ putri Anda apakah sudah TUNTAS atau harus melakukan REMIDI atau PERBAIKAN. Jika Anda sudah TUNTAS maka aka nada keterangan bahwa putra/ putri Anda sudah TUNTAS. Jika nilai putra/ putri Anda masih MERAH maka Anda harus melakukan PERBAIKAN dalam KELAS ONLINE dengan menekan tautan yang dilampirkan pada Halaman Tindak Lanjut Murid (Gambar B.5) atau dapat langsung merujuk ke KELAS ONLINE dengan LOGIN ke KELAS ONLINE. Untuk melakukan perbaikan silahkan kunjungi kelas online yang tersedia. Panduan ada di bagian kedua dari panduan ini. Namun halaman kelas online sebagai kegiatan tindak lanjut ini ditujukan bagi putra/ putri Anda yang nantinya putra/ putri Anda diarahkan untuk belajar secara mandiri sesuai petunjuk dari guru yang telah diberikan.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

lxv

Gambar B.4 Halaman Nilai Murid/ Orangtua

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

lxv

Gambar B.5 Halaman Tindak Lanjut Murid/ Orangtua

Gambar B.6 Halaman Kompetensi Murid/ Orangtua

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

Gambar B.6 merupakan tampilan dari Kompetensi yang disajikan.

Gambar B.7 merupakan tampilan Data Diri/ Profile Murid, Anda dapat merubah data diri putra/ putri Anda dengan menekan Tombol Menu Profile pada Toolbar Menu, dan jika sudah Anda rubah data tersebut sesuai keterangan kolom masing-masing, untuk menyimpan silahkan tekan Tombol Simpan.

Gambar B.7 Form Data Diri/ Profile Murid

Dengan kesimpulan, halaman yang diakses murid dan orangtua adalah halaman yang sama, namun halaman tindak lanjut dikelas online sebagai kegiatan tindak lanjut lebih ditujukan bagi murid, karena dihalaman tersebut, murid akan diarahkan untuk belajar secara mandiri sesuai petunjuk yang telah diberikan oleh guru.

MODEL PENYAJIAN HASIL BELAJAR BERBASIS WEB DAN TINDAK LANJUTNYA DALAM

LOGIN SEBAGAI GURU