2 DAFTAR ISI
DAFTAR ISI...................................................................................................................... 2 TUTORIAL APLIKASI ABSENKU ................................................................................... 4 A. ADMIN ......................................................................................................................... 4 Membuka Halaman Depan .............................................................................................. 4 1. Menu User .................................................................................................................. 6 Ganti Password............................................................................................................ 6 2. Pengolahan Data Murid ............................................................................................... 6 Tambah Data ............................................................................................................... 8 Import Data Murid ....................................................................................................... 8 Detail Murid ................................................................................................................ 9 Edit Data Murid........................................................................................................... 9 3. Pengolahan Data Penjemput ( Orang Tua) ................................................................ 10 Daftar Penjemput (Orang Tua) ................................................................................... 10 Tambah Data Penjemput (Orang Tua) ........................................................................ 11 Import Data Penjemput .............................................................................................. 11 Detail Penjemput (Orang Tua) ................................................................................... 12 Edit Data Penjemput (Orang Tua) .............................................................................. 12 4. Pengguna Web .......................................................................................................... 13 Daftar Pengguna Web ................................................................................................ 13 Tambah Data Pengguna Web ..................................................................................... 13 5. Pengguna Mobile ...................................................................................................... 14 Daftar Pengguna Mobile ............................................................................................ 14 Tambah Pengguna Mobile ......................................................................................... 14 6. Daftar Kelas ............................................................................................................. 15 Tambah Data Kelas ................................................................................................... 16 7. Absensi .................................................................................................................... 16 Data Absensi ............................................................................................................. 16 Tambah Data Absensi ................................................................................................ 17 Rekap Absensi........................................................................................................... 17
3 8. Berita ....................................................................................................................... 18 Daftar Berita.............................................................................................................. 18 Tambah Berita ........................................................................................................... 19 9. Pengumuman ........................................................................................................... 19 Daftar Pengumuman .................................................................................................. 19 Tambah Data Pengumuman ....................................................................................... 20 10. Kotak Pesan ........................................................................................................... 20 Daftar Kotak Pesan .................................................................................................... 20 Detail Pesan .............................................................................................................. 21 MOBILE APLICATION .................................................................................................. 22 1. Membuka halaman utama .......................................................................................... 22 2. Halaman Berita ....................................................................................................... 24 Detail Berita .............................................................................................................. 25 3. Halaman Pengumuman ............................................................................................ 25 4. Halaman Absensi .................................................................................................... 26 5. Halaman Kotak Pesan.............................................................................................. 26 6. Halaman Kirim Pesan .............................................................................................. 27 7. Halaman Ubah Password ......................................................................................... 27 8. Logout .................................................................................................................... 28
4
TUTORIAL APLIKASI ABSENKU absenku.com A. ADMIN Membuka Halaman Depan Langkah membuka halaman depan absenku.com sebagai berikut: a. Buka browser yang ada pada desktop komputer, sebagai contoh kita akan membuka google chrome, klik icon google chrome pada layar desktop
b. Setelah halaman Google Chrome terbuka silahkan ketik absenku.com seperti dibawah ini kemudian enter :
Silahkan masukkan Username dan passwordnya : Username : admin Password : admin**##
5 Kemudian klik “Log In” dan akan tampil halaman utama seperti gambar berikut. Aplikasi absenku merupakan aplikasi untuk membantu sekolah, siswa, penjemput dan orang tua siswa untuk mendapatkan info atau bantuan mengenai absen di sekolah
Terdapat Menu-menu dalam halaman utaman diantaranya: 1) Menu User 2) Pengolahan data murid 3) Pengolahan data penjemput 4) Pengguna web 5) Pengguna mobile 6) Daftar kelas 7) Absensi 8) Berita 9) Pengumuman 10) Kotak Pesan
6 1. Menu User
Ganti Password
Apabila ingin merubah password lama menjadi password baru maka pilih pada menu ganti password kemudian isi password lama dan password pada kolom yang telah disediakan kemudian klik “simpan”
2. Pengolahan Data Murid Halaman yang berisi list daftar murid. Untuk mencari data
tinggal pilih kelas dan
masukkan namanya. Untuk melihat detail murid klik nama pada list daftar. Untuk mengedit data klik icon edit. Untuk mengapus nya klik icon hapus. Untuk mengexport semua data murid klik tombol Export Data Murid
7
Keterangan: 1) Tambah data apabila terdapat murid baru yang ingin ditambahkan pada daftar murid 2) Tambah data dari fingerprint apabila terdapat murid baru yang ingin ditambahkan pada daftar murid lewat absen dari fingerprint 3) Unduh tamplate import apabila ingin mengambil tamplate dalam formal excel 4) Import data murid apabila ingin memasukkan data murid dari suatu file 5) Pilih kelas yang dicari 6) Ketikkan keyword apabila ingin mencari suatu data secara langsung tanpa menlihat pada daftar murid satu persatu 7) Cari untuk mencari data murid yang dicari 8) Export data excel untuk mengambil data murid dalam format excel 9) Export data PDF untuk mengambil data murid dalam format PDF 10) Unduh kartu barcode 11) Download barcode 12) Terdapat dua aksi yaitu edit untuk mengubah data murid dan hapus untuk menghapus data murid yang sudah tidak dibutuhkan
8 Tambah Data
Menu ini bisa di akses lewat tombol tambah data pada daftar murid atau lewat menu tambah data murid. Isikan semua data secara lengkap kemudian klik “simpan” seperti yang ditunjukkan gambar dibawah ini.
Import Data Murid
Untuk mengimport data murid klik tombol import. Centang upload data sebelumnya untuk mengupdate data yang sudah ada berdasarkan NISN seperti yang ditunjukkan gambar dibawah ini.
9 Detail Murid
Keterangan: 1) Pilih foto dari file atau dari camera apabila ingin merubah foto 2) Detail dari data murid 3) Edit untuk merubah data murid atau kembali apabiloa data sudah dirasa benar
Edit Data Murid
Apabila ingin merubah data murid pilih “Edit” dan ubah data sesuai dengan kebutuhan kemudian klik “simpan” seperti yang ditunjukkan gambar dibawah ini.
10 3. Pengolahan Data Penjemput ( Orang Tua) Menu pengolahan data penjemput ini digunakan untuk menambah daftar penjemput dan melakukan edit data penjemput. Daftar Penjemput (Orang Tua)
Keterangan: 1) Tambah data apabila terdapat data penjemput baru yang ingin ditambahkan pada daftar penjemput 2) Unduh tamplate import apabila ingin mengambil tamplate dalam formal excel 3) Import data penjemput apabila ingin memasukkan data penjemput dari suatu file 4) Ketikkan keyword apabila ingin mencari suatu data secara langsung tanpa menlihat pada daftar murid satu persatu 5) Cari untuk mencari data murid yang dicari 6) Export data excel untuk mengambil data murid dalam format excel 7) Export data PDF untuk mengambil data murid dalam format PDF 8) Unduh kartu barcode 9) Download barcode 10) Terdapat dua aksi yaitu edit untuk mengubah data murid dan hapus untuk menghapus data murid yang sudah tidak dibutuhkan
11 Tambah Data Penjemput (Orang Tua)
Pilih menu “Tambah Data” untuk menuju form tambah data penjemput, kemudian isi data lengkap sesuai dengan data penjemput, setelah selesai silahkan pilih tombol “Simpan”
Import Data Penjemput
Untuk mengimport data penjemput klik tombol import. Centang “upload data sebelumnya” untuk mengupdate data yang sudah ada sebelumnya
12 Detail Penjemput (Orang Tua)
Untuk melihat detail penjemput silahkan klik nama penjemput, sehingga akan muncul tampilan detail penjemput seperti terlihat pada gambar dibawah ini.
Keterangan: 1) Pilih foto dari file atau dari camera apabila ingin merubah foto 2) Detail dari data penjemput 3) Edit untuk merubah data penjemput atau kembali apabiloa data sudah dirasa benar
Edit Data Penjemput (Orang Tua)
Edit data yang akan diubah dan simpan. Gambar di bawah ini merupakan tampilannya.
13 4. Pengguna Web Pengguna web adalah pengguna yang mengakses aplikasi absensi lewat web. Untuk melihat daftar data pengguna web, silahkan pilih menu “Daftar Pengguna Web” Daftar Pengguna Web
Keterangan: 1) Tambah Data apabila terdapat pengguna baru yang ingin ditambahkan 2) Cari untuk mencari pengguna web dengan menuliskan keyword pada kolom cari 3) Terdapat 2 aksi yaitu edit untuk mengubah data pengguna web dan hapus untuk menghapus data pengguna web yang sudah tidak dibutuhkan lagi Tambah Data Pengguna Web
Untuk menambah data pengguna web, silahkan pilih tombol “Tambah Data” , kemudian isi data lengkap pengguna web, setelah selesai silahkan pilih tombol “Simpan”
14 5. Pengguna Mobile Melihat daftar pengguna mobile silahkan pilih menu “Daftar Pengguna Mobile” pengguna mobile adalah pengguna yang menggunakan aplikasi mobile android. Daftar Pengguna Mobile
Keterangan: 1) Tambah data apabila terdapat data pengguna baru yang ingin ditambahkan 2) Cari untuk mencari data pengguna mobile secara langsung dengan menulis keyword pada kolom cari 3) Terdapat 2 aksi yaitu edit untuk mengubah data pengguna mobile dan hapus untuk mengahpus data pengguna mobile yang sudah tidak dibutuhkan kembali
Tambah Pengguna Mobile
Untuk menambah pengguna mobile, sebelumnya data penjemput harus terdaftar terlebih dahulu untuk melihat daftar penjemput silahkan kembali ke manu daftar penjemput. Untuk menambah daftar pengguna mobile silahkan pilih tombol “Tambah Data” kemudian masukkan nama penjemput terlebih dahulu, kemuliah pilih tombol Detil Penjemput dan inputkan username dan password, setelah itu pilih “Simpan”
15
6. Daftar Kelas Untuk melihat daftar kelas silahkan pilih tombol “Daftar Kelas” terlihat seperti gambar berikut ini
Keterangan: 1) Tambah data apabila terdapat kelas baru yang ingin ditambahkan 2) Cari untuk mencari kelas secara langsung dengan mengetikkan keyword pada kolom cari 3) Terdapat 2 aksi yaitu edit untuk mengubah daftar kelas dan hapus untuk menghapus daftar kelas yang sudah tidak digunakan kembali
16 Tambah Data Kelas
Pilih menu “Tambah Data Kelas” untuk menuju form tambah data kelas, kemudian isi nama kelas sesuai dengan data kelas, setelah selesai silahkan pilih tombol “Tambahkan”
7. Absensi Data Absensi
Pada menu “Data Absensi” berfungsi untuk mencari data absensi berdasarkan kelas dan murid, tampilah data absensi sebagai berikut :
Keterangan: 1) Tentukan terlebih dahulu kelas, nama murid dan periode tanggal sesuai yang di butuhkan 2) Cari untuk mencari data absensi
17 3) Tambah Data apabila terdapat data absensi baru yang ingin ditambahkan dalam daftar 4) Download semua data absensi murid apabila ingin mengambil semua data absensi dalam format excel 5) Download data absensi murid apabila ingin mengambil data absensi dari murid yang dipilih dalam format excel
Tambah Data Absensi
Pilih menu “Tambah Data Absensi” untuk menuju form tambah data absensi, kemudian isi data absensi secara lengkap , setelah selesai silahkan pilih tombol “Tambah” seperti yang ditunjukkan gambar dibawah ini.
Rekap Absensi
Pada menu “Rekap Absensi” berfungsi untuk melihat hasil rekap absensi perkelas seperti yang ditunjukkan gambar dibawah ini
18 Keterangan: 1) Pilih dahulu kelas, minggu dan bulan/tahun yang ingin di cari 2) Cari untuk mencari data rekap absensi 3) Download rekap absensi murid apabila ingin mengambil data rekap dalam format excel
8. Berita Menu berita berfungsi untuk membuat berita yang dapat di tampilkan pada halaman depan aplikasi absen, untuk memulai silahkan pilih menu Berita > Daftar Berita seperti yang ditunjukkan gambar dibawah ini
Daftar Berita
Keterangan: 1) Buat berita baru apabila terdapat berita baru yang ingin ditambahkan dalam daftar berita 2) Cari untuk mencari berita secara langsung tanpa melihat satu persatu pada daftar berita dengan cara mengisi keyword pada kolom cari 3) Terdapat 2 aksi yaitu edit untuk mengubah data berita dan hapus untuk menghapus berita yang sudah tidak digunakan kembali
19
Tambah Berita
Pilih menu “Buat Berita Baru” untuk menuju form tambah berita, kemudian isi judul, isi berita dan nama pembuat berita secara lengkap , setelah selesai silahkan pilih tombol “Tambah” seperti yang ditunjukkan gambar dibawah ini.
9. Pengumuman Menu pengumuman berfungsi untuk membuat pengumuman kepada seluruh pengguna aplikasi absen yang menggunakan mobile application.
Daftar Pengumuman
Untuk melihat daftar pengumuman silahkan pilih menu Daftar Pengumuman, akan tampil halaman seperti dibawah ini
20 Keterangan: 1) Buat pengumuman baru apabila terdapat pengumuman baru yang ingin ditambahkan dalam daftar pengumuman 2) Cari untuk mencari pengumuman secara langsung tanpa melihat satu persatu pada daftar pengumuman dengan cara mengisi keyword pada kolom cari 3) Terdapat 2 aksi yaitu edit untuk mengubah data pengumuman dan hapus untuk menghapus pengumuman yang sudah tidak digunakan kembali
Tambah Data Pengumuman
Pilih menu “Buat Pengumuman Baru” untuk menuju form tambah pengumuman, kemudian isi judul, isi pengumuman dan pilih target, setelah selesai silahkan pilih tombol “simpan” seperti yang ditunjukkan gambar dibawah ini.
10. Kotak Pesan Menu kotak masuk berfungsi untuk melihat pesan yang dikirimkan oleh orang tua murid via mobile application
Daftar Kotak Pesan Untuk melihat daftar kotak pesan silahkan pilih menu Daftar Kotak Pesan, akan tampil halaman sebagai berikut :
21
Detail Pesan Untuk melihat detil pesan, silahkan klik isi kotak masuk. Maka akan tampil halaman seperti ini.
22 MOBILE APLICATION
1. Membuka halaman utama Instal terlebih dahulu aplikasi pada android dan buka aplikasinya seperti yang ditunjukkan gambar dibawah ini
Silahkan masukkan username dan password yang sesuai. Kemudian klik “Log In” dan akan tampil halaman seperti gambar berikut :
23
Menu-menu dalam aplikasi ini bisa diakses melalui halaman home. Silakan klik salah satu menunya. Selain dapat diakses dari halaman home, menu bisa diakses melalui menu sidebar. Pada pojok kiri atas ada tombol untuk menampilkan menu. Tampilan menu sidebar adalah seperti di bawah ini:
24 Keterangan: 1) Home menampilkan halaman utama dari aplikasi absenku 2) Berita menampilkan daftar berita 3) Pengumuman menampilkan daftar pengumuman 4) Absensi menampilkan data absensi dari murid 5) Kotak Pesan menampilkan pesan yang masuk pada aplikasi 6) Kirim Pesan digunakan apabila pengguna aplikasi ingin membalas pesan kepada pihak sekolah 7) Ubah Password apabila ingin merubah password yang lama menjadi password yang baru 8) Keluar apabila ingin keluar dari aplikasi ini
2. Halaman Berita Halaman berita menampilkan list berita dari sekolah. Tampilan halaman berita adalah seperti di bawah ini:
25 Detail Berita Untuk melihat detail berita silahkan klikberita yang akan dilihat, akan tampil halaman sebagai berikut
3. Halaman Pengumuman Halaman berita menampilkan list pengumuman dari sekolah. Tampilan halaman pengumuman adalah seperti di bawah ini:
26 4. Halaman Absensi Halaman berita menampilkan list absensi siswa. Tampilan halaman absensi adalah seperti di bawah ini:
5. Halaman Kotak Pesan Halaman kotak pesan menampilkan list pesan yang sudah dikirimkan dari user mobile kepada sekolah. Tampilan halaman kotak pesan adalah seperti di bawah ini:
27 6. Halaman Kirim Pesan Halaman kirim pesan berisi kolom untuk membuat pesan kepada sekolah. Tampilan halaman kirim pesan adalah seperti di bawah ini:
7. Halaman Ubah Password Halaman ubah password berisi isian untuk merubah password dari user mobile. Tampilan halaman ubah password adalah seperti di bawah ini:
28 8. Logout Apabila ingin keluar dari aplikasi absenku dengan cara pilih menu “Logout” yang ada di sidebar. Akan muncul konfirmasi seperti gambar dibawah ini kemudian klik “Ok”