3.1 Analisis Sistem
Dari analisis permasalahan yang telah dilakukan, maka akan dirancang suatu sistem absensi siswa dan pembayaran biaya sekolah yang menggunakan framework Codeigniter dengan studi kasus SMAK St. Fransiskus Saverius Ruteng. Untuk sistem absensinya menggunakan sensor sidik jari dan fitur sms gateway sebagai input dan output data kehadiran siswa. Hal tersebut dilakukan untuk menggambarkan arus data dalam aplikasi secara terstruktur dan jelas, serta menggambarkan proses yang terjadi pada aplikasi, sehingga dapat menjadi sarana dokumentasi sistem yang baik.
Aplikasi ini memudahkan siswa dalam menginputkan data pembayaan biaya sekolah dan data absensi siswa melalui sensor sidik jari dan dapat sekaligus mengkonfirmasi status kehadiran siswa tersbut kepada orang tua/wali melalui fitur
sms gateaway. Disamping itu juga, aplikasi ini memudahkan pihak admin/tata usaha sekolah dalam mencatat dan merekap data keuangan dan kehadiran siswa secara matematis dengn sistem yang berbasis framework Codeigniter.
3.2 Per ancangan Sistem
Perancangan sistem berisikan penjelasan tentang deskripsi umum sistem, kebutuhan sistem meliputi kebutuhan pengguna, kebutuhan basis data,
proses-proses akan dijabarkan dalam Use Case Diagram, Activity Diagram, CDM & PDM selain itu juga dibuat perancangan antarmuka aplikasi.
3.2.1 Use Ca se Diagr am
Use case diagram ini akan menggambarkan hubungan actor dengan proses-proses yang menjadi tanggung jawabnya. Dalam use case diagram ini ada 3 aktor, yaitu Administrator, Siswa, dan Orang Tua/wali murid. Masing-masing aktor memiliki tanggung jawab masing-masing seperti yang dijelaskan sebagai berikut:
3.2.1.1 Use Case Diagr am Administrator
Use case diagram administrator menggambarkan proses-proses yang dilakukan oleh administrator. Aktor administrator bertanggung jawab mengelola data-data yang berhubungan dengan data siswa, data biaya, data kelola absen, data rekap absen, data orang tua, data kelas, data semester, data registrasi sidik jari, dan data konfirmasi SMS Status Absen. Use Case Diagram Administrator terlihat seperti pada Gambar 3.1:
Manipulasi_Rekap_Absen Manipulasi_Konfirmasi_SMS_Stat us_Absen Manipulasi_Ortu Manipulasi_Kelola_Absen Manipulasi_Kelas Manipulasi_Data_Biaya Manipulasi_siswa Manipulasi_Semester Administrator Manipulasi_Registrasi_Sidik_Jari
a. Manipulasi Siswa : aktivitas ini merupakan aktivitas administrator yaitu menambah data siswa.
b. Manipulasi Orang Tua : aktivitas ini merupakan aktivitas administrator
yaitu menambah data orang tua.
c. Manipulasi kelas : aktivitas ini merupakan aktivitas administrator yaitu menambah data kelas.
d. Manipulasi semester: aktivitas ini merupakan aktivitas administrator yaitu menambah data semester.
e. Manipulasi data biaya: aktivitas ini merupakan aktivitas administrator
yaitu menambah dan mengedit data biaya.
f. Manipulasi kelola absen: aktivitas ini merupakan aktivitas administrator
yaitu menambah dan mengedit data absen.
g. Manipulasi rekap absen: aktivitas ini merupakan aktivitas administrator
yaitu mengakses data rekap absen.
h. Manipulasi Registrasi Sidik Jari : aktivitas ini merupakan aktivitas
administrator yaitu menambah data registrasi sidik jari siswa.
i. Manipulasi Konfirmasi SMS Status Absen : aktivitas ini merupakan aktivitas administrator yaitu mengirim SMS berupa konfirmasi status absen siswa.
3.2.1.2Use Ca se Diagr am Siswa
Use case diagram siswa menggambarkan proses yang dilakukan oleh aktor siswa. Aktor siswa melakukan aktivitas registrasi sidik jari pada sistem, penginputan absensi dan pembayaran biaya sekolah. Use Case Diagram Siswa
terlihat seperti pada Gambar 3.2:
Registrasi_Sidik_Jari
Absensi
Siswa Bayar_Biaya_Sekolah
Gambar 3.2 Use Case Diagram Siswa 3.2.1.3Use Ca se Diagr am Or ang Tua
Use case diagram orang tua menggambarkan proses-proses yang dilakukan oleh aktor orang tua. Aktor orang tua melakukan aktivitas pembayaran biaya sekolah dan menerima konfirmasi status absensi anaknya dari admin. Use Case Diagram Orang Tua terlihat seperti pada Gambar 3.3:
Bayar_Biaya_Sekolah
Konfirmasi_SMS_Status_Absen Orang_Tua
Gambar 3.3 Use Case Diagram Orang Tua
3.2.2 Activity Diagram
Activity diagram menunjukan aliran proses yang terjadi pada sistem. Ada beberapa Activity diagram yang akan dijelaskan sebagai berikut:
3.2.2.1Activity Diagram Tambah Data Registr asi Sidik J ar i
Activity diagram Tambah Data Registrasi Sidik Jari merupakan aliran proses untuk penambahan data (inputan) registrasi sidik jari yang terjadi pada sistem. Activiy diagramnya digambarkan seperti pada Gambar 3.4:
Memilih Master menu Memilih Menu Kelola User Memilih Daftar User Memilih Daftar Jari Memilih Menu Daftar Baru ya/ok Memilih Pendaftaran Id User
Taruh Jari Pada Fingerprint 3 kali Memilih Save/OK Batal System Administrator
Gambar 3.4 Activity Diagram Tambah Data Registrasi Sidik Jari
Activity diagram pada Gambar 3.4 menjelaskan tentang proses
penambahan data Registrasi Sidik Jari. Activity diagram tersebut memiliki sembilan sub-aktivitas. Sembilan sub-aktivitas tersebut adalah :
a. Memilih master menu : sebelum masuk ke dalam proses tambah data Sidik jari maka yang harus dilakukan adalah memilih master menu pada fingerprint oleh administrator.
b. Memilih menu Kelola User : menu Kelola User merupakan sub-menu dari master menu.
c. Memilih menu Daftar User : menu Daftar User merupakan sub-menu dari menu Kelola User
d. Memilih menu Daftar Jari : menu Daftar Jari merupakan sub-menu dari menu Daftar User
e. Memilih menu Daftar Baru : menu Daftar Baru merupakan sub-menu dari menu Daftar Jari
f. Memilih menu Pendaftaran Id User : aktivitas pada tahap ini adalah mengisi form untuk penambahan data siswa dengan id user yang baru. g. Taruh Jari Pada Fingerprint : user yang telah diberi id tersebut
mendaftarkan sidik jarinya untuk melakukan proses identifikasi dan autentifikasi sidik jari pada fingerprint.
h. Save : setelah proses pendaftaran sidikjari selesai maka proses selanjutnya adalah menekan tombol save/OK.
i. Batal : batal bisa saja terjadi apabila administrator tidak melakukan pemilihan menu daftar baru dan memilih menekan tombol batal untuk keluar dari form daftar baru user.
3.2.2.2Activity Diagram Input Siswa
Activity diagram Input Siswa merupakan aliran proses untuk penambahan
data (inputan) siswa yang terjadi pada sistem yang dilakukan oleh aktor administrator. Activiy diagramnya digambarkan seperti pada Gambar 3.5:
Memil ih Berl angganan SMS Memil ih Data Siswa Mengi si ID Absen Mengisi NIS Memil ih Menu Tambah Si swa Mengi si Nama Siswa Mengi si Nama Ortu Memil ih Panggil an Ortu Mengi si No.Handphone Memil ih Kelas Memil ih Semester Simpan Ya Batal System Administrator
Ga mbar 3.5 Activity Diagram Input Siswa
Activity diagram pada Gambar 3.5 ini menjelaskan tentang proses penambahan data (input) siswa yang dilakukan oleh aktor administrator. Activity
diagram tersebut memiliki dua belas sub-aktivitas. Dua belas sub-aktivitas tersebut adalah :
a. Memilih menu Data Siswa: sebelum masuk ke dalam proses tambah data maka yang harus dilakukan adalah memilih menu data siswa pada menu
b. Memilih menu Tambah Siswa: menu Tambah Siswa merupakan sub-menu dari master menu.
c. Mengisi form Id Absen : yang harus dilakukan dalam proses manipulasi adalah mengisi form id absen untuk penambahan data id absen pada siswa/user baru.
d. Mengisi form Nis Siswa : yang harus dilakukan dalam proses manipulasi adalah mengisi form nis siswa untuk penambahan data nis pada siswa/user baru sesuai dengan id user yang telah siswa daftarkan pada fingerprint. e. Mengisi form Nama Siswa : yang harus dilakukan dalam proses
manipulasi adalah mengisi form nama siswa untuk penambahan data nama pada siswa/user baru tersebut.
f. Mengisi form Nama Ortu (orang tua) : yang harus dilakukan dalam proses manipulasi adalah mengisi form nama orang tua siswa untuk penambahan data nama orang tua dari siswa/user baru tersebut.
g. Mengisi form Nomor Handphone : yang harus dilakukan dalam proses manipulasi adalah mengisi form nomor handphone orang tua siswa untuk penambahan data nomor handphone orang tua dari siswa/user baru tersebut.
h. Memilih menu Kelas : yang harus dilkukan dalam proses manipulasi adalah memilih/menambah data kelas bagi siswa/user baru tersebut. i. Memilih menu Semester : yang harus dilkukan dalam proses manipulasi
adalah memilih/menambah data semester bagi siswa/user baru tersebut. j. Memilih menu Berlangganan SMS : yang harus dilakukan dalam proses
berlangganan sms (YA atau TIDAK) untuk pengiriman konfirmasi sms status absen anaknya selaku siswa.
k. Simpan : setelah mengisi form tersebut maka proses selanjutnya adalah menekan tombol simpan.
l. Batal (Tidak): batal bisa saja terjadi apabila administrator tidak melakukan pengisian form berlangganan sms karena orang tua tidak ingin berlangganan SMS untuk konfirmasi status absen anaknya.
3.2.2.3Activity Diagram Input Absensi
Activity diagram Input Absensi merupakan aliran proses untuk
penambahan data (inputan) absensi siswa yang terjadi pada sistem yang dilakukan oleh aktor siswa. Activiy diagramnya digambarkan seperti pada Gambar 3.6:
Memilih Menu MASUK/KELUAR Pada Fingerprint Menaruh Jari Pada
Fingerprint Id User Tersedia Cocok Status Absen User Konfirmasi SMS Status Absen User ke Ortu
System Siswa
Gambar 3.6 Activity Diagram Input Absensi
Activity diagram pada Gambar 3.6 menjelaskan tentang proses penambahan data absensi. Activity diagram tersebut memiliki enam sub-aktivitas. Enam sub-aktivitas tersebut adalah :
a. Memilih menu Masuk/Keluar pada fingerprint : siswa memilih menu Masuk/Keluar pada fingerprint untuk menerima data absensi masuk atau keluar dari siswa tersebut.
b. Menaruh jari pada Fingerprint : pada tahap ini siswa menaruh jari yang teregister di database untuk melakukan proses penambahan data kehadirannya (Masuk-keluar) sesuai dengan waktu yang telah di set oleh administrator.
c. Menu Id User tersedia : Setelah jari siswa teridentifikasi oleh sistem, maka akan muncul perintah ”Id User tersedia”.
d. Menu status absen : setelah itu sistem mengirim data status absen ke database.
e. Menu Konfirmasi SMS Status Absen user/siswa : setelah data status absen tersimpan di database, secara otomatis pun kemudian sistem akan mengirim konfirmasi status absen siswa tersebut ke nomor handphone orang tuanya.
f. Batal (Tidak): batal bisa saja terjadi apabila data jari siswa tidak tersedia/ teridentifikasi dalam sistem, sehingga siswa tersebut tidak dapat melakukan proses input data absensi.
3.2.2.4 Activity Diagram Kelola Absen
Activity diagram Kelola Absen merupakan aliran proses untuk
penambahan dan pengeditan data status absensi siswa (khususnya siswa yang
tidak masuk/alpha, ijin, atau sakit) yang terjadi pada sistem yang dilakukan oleh aktor administrator. Activiy diagramnya digambarkan seperti pada Gambar 3.7:
Memilih Menu Utama Memilih MenuTanggal Absen Memilih Menu Kelas Memilih Menu Semester Memilih Menu Status Absen Memilih Menu Tampilkan Memilih Menu Edit Simpan Ya Batal System Administrator
Gambar 3.7 Activity Diagram Kelola Absen
Activity diagram pada Gambar 3.7 ini menjelaskan tentang proses pengelolaan data absen siswa yang dilakukan oleh aktor administrator. Activity
diagram tersebut memiliki delapan sub-aktivitas. Delapan sub-aktivitas tersebut adalah:
a. Memilih menu utama: sebelum masuk ke dalam proses pengelolaan data absen maka yang harus dilakukan adalah membuka menu utama.
b. Memilih menu Tanggal Absen: yang harus dilakukan dalam proses manipulasi adalah memilih menu tanggal absen pada sistem sesuai dengan kebutuhan. c. Memilih menu Kelas: yang harus dilakukan dalam proses manipulasi adalah
d. Memilih menu Semester: yang harus dilakukan dalam proses manipulasi adalah memilih menu semester siswa.
e. Memilih menu Tampilkan: yang harus dilakukan dalam proses manipulasi adalah memilih menu tampilkan untuk menmpilkan status absen siswa.
f. Memilih menu Edit: yang harus dilakukan dalam proses manipulasi adalah memilih menu edit untuk mengedit/menambah status absen siswa.
g. Simpan: setelah mengisi form tersebut maka proses selanjutnya adalah menekan tombol simpan.
h. Batal: batal bisa saja terjadi apabila administrator tidak melakukan pengeditan status absen siswa.
3.2.2.5 Activity Diagram Rekap Absen
Activity diagram Rekap Absen merupakan aliran proses untuk rekapitulasi data absensi siswa yang terjadi pada sistem yang dilakukan oleh aktor administrator. Activiy diagramnya digambarkan seperti pada Gambar 3.8:
Memilih Menu Utama
Memilih Menu Periode Waktu (tanggal) Memilih Menu Kelas Memilih Menu Semester Memilih Menu Tampilkan Download Excel Ya Batal System Administrator
Activity diagram pada Gambar 3.8 menjelaskan tentang proses rekapitulasi data absen siswa yang dilakukan oleh aktor administrator. Activity
diagram tersebut memiliki tujuh sub-aktivitas. Tujuh sub-aktivitas tersebut adalah: a. Memilih menu utama: sebelum masuk ke dalam proses rekapitulasi data absen
maka yang harus dilakukan adalah membuka menu utama.
b. Memilih menu Periode Waktu: yang harus dilakukan dalam proses manipulasi adalah memilih menu periode waktu (tanggal) untuk merekapitulasi data absensi siswa sesuai dengan tanggal absen pada sistem sesuai dengan kebutuhan.
c. Memilih menu Kelas: yang harus dilakukan dalam proses manipulasi adalah memilih menu kelas siswa.
d. Memilih menu Semester: yang harus dilakukan dalam proses manipulasi adalah memilih menu semester siswa.
e. Memilih menu Tampilkan: yang harus dilakukan dalam proses manipulasi adalah memilih menu tampilkan untuk menmpilkan rekapitulasi data absensi siswa sesuasi dengan pemilihan waktu (tanggal) absen siswa yang telah ditentukan sebelumnya.
f. Memilih menu Download Excel: yang harus dilakukan dalam proses manipulasi adalah memilih menu Download Excel untuk mendownload hasil rekap data absen siswa dalam format excel.
h. Batal: batal bisa saja terjadi apabila administrator tidak melakukan proses pemilihan menu semester.
3.2.2.6 Activity Diagram Input Kelas
Activity diagram Input Kelas merupakan aliran proses untuk penambahan data (inputan) kelas yang terjadi pada sistem yang dilakukan oleh aktor administrator. Activiy diagramnya digambarkan seperti pada Gambar 3.9:
Memilih Menu Utama Memilih Menu Master
Kelas Memilih Menu Tambah Data Kelas
Edit/Hapus Simpan Mengisi Id Kelas Ya Mengisi Nama Kelas System Admini strator
Gambar 3.9 Activity Diagram Input Kelas
Activity diagram pada Gambar 3.9 menjelaskan tentang proses
penambahan (input) data kelas yang dilakukan oleh aktor administrator. Activity
diagram tersebut memiliki tujuh sub-aktivitas. Tujuh sub-aktivitas tersebut adalah: a. Memilih menu utama: sebelum masuk ke dalam proses input data kelas maka
yang harus dilakukan adalah membuka menu utama.
b. Memilih menu Master Kelas: yang harus dilakukan dalam proses manipulasi adalah memilih menu Master Kelas pada menu utama.
c. Memilih menu Tambah Data Kelas: yang harus dilakukan dalam proses manipulasi adalah memilih menu Tambah Data Kelas pada menu Master Kelas.
d. Mengisi menu Id Kelas: yang harus dilakukan dalam proses manipulasi adalah mengisi id kelas.
e. Mengisi menu Nama Kelas: yang harus dilakukan dalam proses manipulasi adalah mengisi nama kelas.
f. Memilih menu Edit: yang harus dilakukan dalam proses manipulasi adalah memilih menu edit untuk mengedit/menambah data kelas.
g. Simpan: setelah mengisi form tersebut maka proses selanjutnya adalah menekan tombol simpan.
3.2.2.7 Activity Diagram Input Data Biaya
Activity diagram Input Data Biaya merupakan aliran proses untuk penambahan data (inputan) data biaya yang terjadi pada sistem yang dilakukan oleh aktor administrator. Activiy diagramnya digambarkan seperti pada Gambar 3.10: Memilih Menu Utama Memilih Menu Tambah Biaya Mengisi Nis Mengisi Nama Memilih Kelas Memilih Kategori Biaya Memilih Bulan Mengisi Tanggal Mengisi Jumlah Bayar Mengisi Keterangan Simpan System Administrator
Activity diagram pada Gambar 3.10 menjelaskan tentang proses penambahan (input) data biaya yang dilakukan oleh aktor administrator. Activity
diagram tersebut memiliki dua belas sub-aktivitas. Dua belas sub-aktivitas tersebut adalah:
a. Memilih menu utama: sebelum masuk ke dalam proses input data biaya maka yang harus dilakukan adalah membuka menu utama.
b. Memilih menu Tambah Biaya: yang harus dilakukan dalam proses manipulasi adalah memilih menu Tambah Biaya pada menu Data Biaya.
c. Mengisi Nis: yang harus dilakukan dalam proses manipulasi adalah mengisi nis pada menu Tambah Biaya.
d. Mengisi Nama: yang harus dilakukan dalam proses manipulasi adalah mengisi nama.
e. Memilih menu kelas: yang harus dilakukan dalam proses manipulasi adalah memilih nama kelas.
f. Memilih menu Kategori Biaya: yang harus dilakukan dalam proses manipulasi adalah memilih menu kategori biaya.
g. Memilih menu Bulan: yang harus dilakukan dalam proses manipulasi adalah memilih menu bulan.
h. Mengisi menu Tanggal: yang harus dilakukan dalam proses manipulasi adalah mengisi mnu tanggal.
i. Mengisi menu Jumlah Bayar: yang harus dilakukan dalam proses manipulasi adalah mengisi menu jumlah bayar.
j. Mengisi menu Keterangan: yang harus dilakukan dalam proses manipulasi adalah mengisi menu keterangan.
g. Simpan: setelah mengisi form tersebut maka proses selanjutnya adalah menekan tombol simpan.
3.2.2.8 Activity Diagram Input Semester
Activity diagram Input Semester merupakan aliran proses untuk
penambahan data (inputan) semester yang terjadi pada sistem yang dilakukan oleh aktor administrator. Activiy diagramnya digambarkan seperti pada Gambar 3.11:
Memilih Menu Master Semester Memilih Menu
Utama
Memilih Menu Tambah Data Semester Edit/Hapus Simpan Mengisi Id Semester Ya Mengisi Nama Semester System Administrator
Gambar 3.11 Activity Diagram Input Semeter
Activity diagram pada Gambar 3.11 menjelaskan tentang proses
Activity diagram tersebut memiliki tujuh sub-aktivitas. Tujuh sub-aktivitas tersebut adalah:
a. Memilih menu utama: sebelum masuk ke dalam proses input data kelas maka yang harus dilakukan adalah membuka menu utama.
b. Memilih menu Master Semester: yang harus dilakukan dalam proses manipulasi adalah memilih menu Master Semestter pada menu utama.
c. Memilih menu Tambah Data Semester: yang harus dilakukan dalam proses manipulasi adalah memilih menu Tambah Data Semester pada menu Master Semester.
d. Mengisi menu Id Semester: yang harus dilakukan dalam proses manipulasi adalah mengisi id semester.
e. Mengisi menu Nama Semester: yang harus dilakukan dalam proses manipulasi adalah mengisi nama semester.
f. Memilih menu Edit: yang harus dilakukan dalam proses manipulasi adalah memilih menu edit untuk mengedit/menambah data semester.
g. Simpan: setelah mengisi form tersebut maka proses selanjutnya adalah menekan tombol simpan.
3.2.3 Conceptual Data Model ( CDM )
CDM memodelkan struktur logis dari keseluruhan aplikasi data, tidak tergantung pada software atau pertimbangan model struktur data. CDM yang valid dapat dikonversi ke PDM atau OOM. CDM mirip dengan konsep ERD yang diajukan oleh Elmasri, hanya ada beberapa perbedaan sintaks. Berikut bentuk CDM seperti pada Gambar 3.12:
mengikuti mengisi melakukan menentukan memilih membayar Users id username passwd name <pi> Integer (11) Variable characters (40) Variable characters (33) Variable characters (40) <M> Identifier_1 <pi> absensi ID_ABSEN STATUS_ABSEN TANGGAL
<pi> Variable characte Variable characte Date & Time Identifier_1 <pi> data siswa nis nama_siswa nama_ortu panggilan nomon_HP Berlangganan_SMS
<pi> Variable characte Variable characte Variable characte Variable characte Variable characte Characters (1) Identifier_1 <pi> kelas id_kelas kelas <pi> Integer (11) Variable characters (30) <M> Identifier_1 <pi> semester id_semester semester <pi> Integer Variable characters (10) <M> Identifier_1 <pi> deamons Start Info <pi> <pi> Text Text <M> <M> Identifier_1 <pi> gammu
Version <pi> Integer <M> Identifier_1 <pi> Biaya id_biaya nama_siswa kategori_biaya bulan jum_biaya <pi> Integer Variable characters (5 Variable characters (3 Integer Variable characters (2 Identifier_1 <pi>
Gambar 3.12 Conceptual Data Model ( CDM )
Terdapat delapan tabel yang ada pada sistem ini dan yang nantinya akan digunakan sebagai tempat penyimpanan data (data stored), yaitu tabel data siswa, tabel kelas, tabel absensi, tabel semester, tabel biaya, tabel gammu, tabel deamons dan tabel users.
3.2.4 Physical Data Model ( PDM )
PDM memodelkan struktur fisik dari database, dengan mempertimbangkan
software DBMS serta model struktur yang akan digunakan. PDM yang valid dapat
dikonversi ke CDM atau OOM. PDM dapat dihasilkan (di-generate) dari CDM yang valid. Berikut bentuk PDM seperti pada Gambar 3.13:
FK_V_KELAS__MENGIKUTI_KELAS FK_V_KELAS__MENGIKUTI_ABSENSI FK_DATA_SISWA_MENGISI_SEMESTER FK_VIEW_SIS_MELAKUKAN_DATA_SIS FK_VIEW_SIS_MELAKUKAN_ABSENSI FK_DATA_SIS_MENENTUKA_KELAS FK_VIEW_SET_MEMILIH_SEMESTER FK_VIEW_SET_MEMILIH2_KELAS FK_RELATION_RELATIONS_DATA_SIS FK_RELATION_RELATIONS_BIAYA Users id username passwd name Integer (11) varchar(40) varchar(33) varchar(40) <pk> absensi ID_ABSEN STATUS_ABSEN TANGGAL id_kelas id_semester varchar(15) varchar(15) timestamp int int <pk> data siswa nis nama_siswa nama_ortu panggilan nomon_HP Berlangganan_SMS id_kelas id_semester ID_ABSEN varchar(15) varchar(50) varchar(50) varchar(10) varchar(15) char(1) int int int <pk> kelas id_kelas kelas Integer (11) varchar(30) <pk> semester id_semester semester integer varchar(10) <pk> deamons Start Info long varchar long varchar <pk> <pk>