daftar isi - absenku.comabsenku.com/tutorial/tutorial_absenku_sekolah.pdf · tutorial aplikasi...
TRANSCRIPT
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”