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”