sir.stikom.edusir.stikom.edu/id/eprint/2026/5/bab_iii.pdf · 21 bab i ii analisis dan perancangan...
Post on 29-Apr-2019
221 Views
Preview:
TRANSCRIPT
21
BAB III
ANALISIS DAN PERANCANGAN SISTEM
Tahapan yang dilakukan dalam pelaksanaan analisis dan perancangan
sistem ini menggunakan metode System Development Life Cycle (SDLC) model
waterfall. Seperti yang dijelaskan pada Gambar 2.1, model waterfall memiliki 4
tahap. Tahap tersebut adalah analisis sistem, desain sistem, implementasi sistem
dan operasi dan pemeliharaan. Namun dalam pembuatan sistem ini tahapan
tersebut hanya sampai implementasi sistem. Adapun tabel yang menggambarkan
tahapan tersebut dapat dilihat pada Gambar 3.1.
Gambar 3.1 Tahapan Analisis dan Perancangan Sistem
3.1 Analisis Sistem
Sesuai dengan langkah-langkah yang sudah dijelaskan sebelumnya, maka
langkah pertama yang dilakukan adalah analisis sistem. Pada tahap ini ada
beberapa cara yang dilakukan dalam analisis sistem, antara lain:
22
1. Observasi
Melakukan observasi langsung ke lokasi yang dijadikan sebagai obyek
penelitian dalam hal ini yakni SMA Ta’miriyah. Dengan mengadakan
pengamatan secara langsung terhadap SMA Ta’miriyah, maka dapat
ditemukan sistem yang dibutuhkan oleh pihak SMA Ta’miriyah.
Observasi ini mencakup pencarian data yang akan digunakan dalam
merancang sistem. Pengamatan dan peninjauan langsung terhadap obyek
penelitian yaitu SMA Ta’miriyah meliputi tahap-tahap sebagai berikut:
a. Pengumpulan data terkait profile SMA Ta’miriyah.
b. Mempelajari tentang kegiatan belajar mengajar pada ruang lingkup
jenjang kelas X SMA Ta’miriyah.
c. Mempelajari proses pencatatan serta perhitungan nilai, pencatatan
kehadiran, pencatatan pembayaran SPP dan pencatatan pelanggaran
siswa.
2. Wawancara
Wawancara dilakukan kepada pihak yang secara langsung menangani
permasalahan yang diangkat terkait sistem atau proses yang ada. Wawancara
dilakukan dengan tujuan untuk mengetahui alur proses bisnis yang ada pada
SMA Ta’miriyah serta mencari tahu peran bagian-bagian yang ada pada SMA
Ta’miriyah. Hal tersebut dilakukan dengan tujuan untuk mengetahui
pengguna sistem kedepannya.
3. Studi Pustaka
Penelitian ini tidak lepas dari proses studi pustaka yang digunakan untuk
menghimpun informasi yang relevan terkait dengan topik atau masalah yang
23
diteliti. Studi pustaka dapat diperoleh dari buku-buku ilmiah, laporan
penelitian, peraturan-peraturan, dan sumber-sumber tertulis baik tercetak
maupun elektronik. Pencarian sumber-sumber studi pustaka sebagai bahan
penelitian tentunya yang membahas di bidang Akademik dan beberapa studi
pustaka lain yang mendukung topik penelitian. Materi dan referensi yang
digunakan akan dituliskan pada landasan teori dan daftar pustaka. Adapun
teori-teori yang digunakan dalam pembuatan sistem diantaranya:
a. Sistem Informasi Akademik
b. Administrasi Akademik
c. Sekolah Menengah Atas
d. Kehadiran
e. Penilaian
f. Pembayaran SPP
g. Pelanggaran
h. Penelitian Terdahulu
i. Website
j. Bahasa Pemrograman PHP
k. MySQL
l. Black Box Testing
m. System Development Life Cycle
4. Analisa Kebutuhan
Tahapan terakhir dari analisis sistem adalah analisa kebutuhan. Data dan
informasi dari hasil observasi, wawancara, dan studi pustaka akan dianalisis
24
untuk menentukan kebutuhan fungsional dan kebutuhan non fungsional dari
sistem yang akan dibuat.
3.1.1 Analisa Kebutuhan
Hasil dari observasi dan wawancara pihak SMA Ta’miriyah
menghasilkan sebuah informasi mengenai proses bisnis terkait dengan kehadiran,
penilaian, pembayaran SPP, dan pelanggaran. Proses bisnis tersebut akan
dijelaskan pada docflow berikut:
A. Document Flow Kehadiran
Document Flow Kehadiran Siswa
Tata Usaha Guru
Fase
Mulai
Mencetak Form
Absensi
Form Absensi
Form Absensi
Form Absensi terisi
Mengisi Form
Absensi
Form Absensi terisi
Selesai
Gambar 3.2 Document Flow Kehadiran
25
Gambar 3.2 menjelaskan tentang document flow proses kehadiran siswa.
Proses ini dilakukan secara manual, dimulai dari bagian Tata Usaha mencetak
form absensi kemudian form tersebut diberikan kepada Guru untuk diisi, setelah
proses belajar mengajar berakhir form absensi terisi diberikan kembali kepada
Tata Usaha.
B. Document Flow Penilaian
Document Flow Penilaian Siswa
Guru Tata Usaha
Fase
Mulai
Form Permintaan Nilai Mata Pelajaran
Form Permintaan
Form Permintaan
Form Nilai Mata Pelajaran
Mencetak Form Nilai
Mata Pelajaran
Form Nilai Mata Pelajaran
Mengisi Nilai Siswa
Form Nilai Mata Pelajaran Terisi
Form Nilai Mata Pelajaran Terisi
Selesai
Gambar 3.3 Document Flow Penilaian
26
Gambar 3.3 menjelaskan tentang document flow proses penilaian siswa.
Proses ini dilakukan secara manual, dimulai dari bagian Guru membuat form
permintaan nilai mata pelajaran, kemudian form permintaan nilai diberikan
kepada Tata Usaha untuk mencetak form nilai mata pelajaran yang diberikan
kepada Guru. Setelah ulangan berakhir Guru mengisi nilai dalam form nilai mata
pelajaran yang kemudian diserahkan kembali ke Tata Usaha.
C. Document Flow Pembayaran SPP
Document Flow Pembayaran SPP
Siswa Tata Usaha
Fase
Mulai
Mengisi Slip Pembayaran
SPP
Slip Pembayaran
Slip Pembayaran
Bukti Pembayaran
Mencetak Bukti
Pembayaran SPP
Bukti Pembayaran
Selesai
1
2
1
Gambar 3.4 Document Flow Pembayaran SPP
Gambar 3.4 menjelaskan tentang document flow proses pembayaran SPP.
Proses ini dilakukan secara manual, dimulai dari bagian Siswa mengisi slip
27
pembayaran SPP, kemudian slip pembayaran terisi diberikan kepada Tata Usaha
untuk dicatat setelah itu Tata Usaha mencetak bukti pembayaran SPP rangkap dua
yang pertama diberikan kepada Siswa yang kedua digunakan untuk arsip.
D. Document Flow Pelanggaran
Document Flow Pelanggaran
Bimbingan Konseling SiswaGuru
Fase
Melakukan Pencatatan Pelanggaran
Siswa
Selesai
Mulai
Form Pelanggaran
Form Pelanggaran
Melebihi poin yang ditentukan
Surat Panggilan Wali Murid
Y
Surat Panggilan Wali Murid
Mencetak Surat
Panggilan Wali Murid
Arsip Form Pelanggaran
T
Mengisi Form Pelanggaran
Gambar 3.5 Document Flow Pelanggaran
Gambar 3.5 menjelaskan tentang document flow proses pelanggaran
siswa. Proses ini dilakukan secara manual, dimulai dari bagian Guru mengisi form
pelanggaran, kemudian form pelanggaran diserahkan kepada Bimbingan
Konseling untuk dilakukan pencatatan pelanggaran yang dilakukan oleh siswa
setelah itu dicek apakah poin pelanggaran melebihi ketentuan jika tidak maka
langsung menyimpan ke dalam arsip form pelanggaran, jika ya bagian Bimbingan
Konseling mencetak surat panggilan wali murid yang diberikan kepada siswa.
28
3.2 User Requirement
Kebutuhan pengguna (user requirement) pada Tabel 3.1 di bawah adalah
kebutuhan yang telah disesuaikan dan menunjang tugas pengguna terkait dengan
sistem informasi administrasi akademik pada SMA Ta’miriyah Surabaya. Peran
pengguna yang dicantumkan pada Tabel 3.1 berasal dari hasil wawancara dan
observasi dengan pihak SMA Ta’miriyah.
Tabel 3.1 User Requirement
No Pengguna Tugas User Requirement
1. Tata Usaha 1.1 Dapat melakukan
pencatatan data kehadiran.
1.2 Dapat melakukan
pencatatan data penilaian.
1.3 Dapat melakukan
pencatatan data keuangan.
1.4 Dapat melakukan
pencatatan data guru
1.5 Dapat melakukan
pencatatan data siswa
1.6 Dapat melakukan
pencatatan data kelas
1.7 Dapat melakukan
pencatatan data mata
pelajaran
1.1 Mampu mencatat data
kehadiran.
1.2 Dapat melihat laporan
kehadiran.
1.3 Mampu mencatat data
penilaian.
1.4 Dapat melihat laporan
penilaian
1.5 Mampu mencatat data
keuangan.
1.6 Dapat melihat laporan
keuangan.
1.7 Mampu mencatat data
guru.
1.8 Dapat melihat daftar guru.
1.9 Mampu mencatat data
siswa.
1.10 Dapat melihat daftar siswa.
1.11 Mampu mencatat data
kelas.
1.12 Dapat melihat daftar kelas.
1.13 Mampu mencatat data mata
pelajaran.
1.14 Dapat melihat daftar mata
pelajaran.
2. Bimbingan Konseling
1.1 Dapat melakukan pencatatan data
pelanggaran.
1.2 Dapat melakukan
pencatatan data jenis
pelanggaran.
1.1 Mampu mencatat data pelanggaran.
1.2 Dapat melihat laporan
pelanggaran.
1.3 Mampu mencatat data jenis
pelanggaran.
29
No Pengguna Tugas User Requirement
1.4 Dapat melihat daftar jenis
pelanggaran.
3. Siswa/Wali
Murid
1.1 Dapat memilih menu
menampilkan informasi
kehadiran.
1.2 Dapat memilih menu
menampilkan informasi
penilaian.
1.3 Dapat memilih menu
menampilkan informasi
keuangan.
1.4 Dapat memilih menu
menampilkan informasi
pelanggaran.
1.1 Dapat melihat informasi
kehadiran.
1.2 Dapat melihat informasi
penilaian.
1.3 Dapat melihat informasi
keuangan.
1.4 Dapat melihat informasi
pelanggaran.
4. Guru 1.1 Dapat memilih menu
menampilkan laporan
penilaian.
1.1 Dapat melihat informasi
penilaian.
1.2 Dapat mengunduh laporan
penilaian.
3.3 Functional Requirement
Kebutuhan fungsional (functional requirement) pada Tabel 3.2 adalah
kebutuhan mengenai fungsi-fungsi yang dibutuhkan dan disesuaikan dengan
kebutuhan pengguna (user requirement) yang tercantum pada Tabel 3.1
Tabel 3.2 Fucntional Requirement
No Pengguna User Requirement Functional Requirement
1. Tata Usaha 1.1 Mampu mencatat data
kehadiran.
1.2 Dapat melihat laporan
kehadiran.
1.3 Mampu mencatat data
penilaian.
1.4 Dapat melihat laporan penilaian
1.5 Mampu mencatat data
keuangan.
1.6 Dapat melihat laporan
keuangan.
1.1 Fungsi pencatatan data
kehadiran.
1.2 Fungsi menampilkan data
kehadiran.
1.3 Fungsi pencatatan data
penilaian.
1.4 Fungsi menampilkan data penilaian.
1.5 Fungsi pencatatan data
keuangan.
1.6 Fungsi menampilkan data
keuangan.
30
No Pengguna User Requirement Functional Requirement
1.7 Mampu mencatat data
guru.
1.8 Dapat melihat daftar guru.
1.9 Mampu mencatat data
siswa.
1.10 Dapat melihat daftar siswa.
1.11 Mampu mencatat data
kelas.
1.12 Dapat melihat daftar kelas.
1.13 Mampu mencatat data mata
pelajaran.
1.14 Dapat melihat daftar mata
pelajaran.
1.7 Fungsi pencatatan data
guru.
1.8 Fungsi menampilkan data
guru.
1.9 Fungsi pencatatan data
siswa.
1.10 Fungsi menampilkan data
siswa.
1.11 Fungsi pencatatan data
kelas.
1.12 Fungsi menampilkan data
kelas.
1.13 Fungsi pencatatan data
mata pelajaran.
1.14 Fungsi menampilkan data
mata pelajaran.
2. Bimbingan
Konseling
1.1 Mampu mencatat data
pelanggaran.
1.2 Dapat melihat laporan
pelanggaran.
1.3 Mampu mencatat data jenis
pelanggaran.
1.4 Dapat melihat daftar jenis
pelanggaran.
1.1 Fungsi pencatatan data
pelanggaran.
1.2 Fungsi menampilkan data
pelanggaran.
1.3 Fungsi pencatatan data
jenis pelanggaran.
1.4 Fungsi menampilkan data
jenis pelanggaran.
3. Siswa/Wali
Murid
1.1 Dapat melihat informasi
kehadiran.
1.2 Dapat melihat informasi
penilaian.
1.3 Dapat melihat informasi
keuangan.
1.4 Dapat melihat informasi
pelanggaran.
1.1 Fungsi menampilkan
informasi kehadiran.
1.2 Fungsi menampilkan
informasi penilaian.
1.3 Fungsi menampilkan
informasi keuangan.
1.4 Fungsi menampilkan
informasi pelanggaran.
4. Guru 1.1 Dapat melihat informasi
penilaian.
1.2 Dapat mengunduh laporan
penilaian.
1.1 Fungsi menampilkan
informasi penilaian.
1.2 Fungsi unduh laporan nilai.
Dari Tabel 3.2 di atas, maka secara keseluruhan kebutuhan fungsional (functional
requirement) yang diperlukan dapat dilihat pada Tabel 3.3 berikut ini :
31
Tabel 3.3 Kebutuhan Fungsional Keseluruhan
No Functional Requirement Pengguna
1. Fungsi pencatatan data kehadiran. Tata Usaha
2. Fungsi menampilkan data kehadiran. Tata Usaha
3. Fungsi pencatatan data penilaian. Tata Usaha
4. Fungsi menampilkan data penilaian. Tata Usaha, Guru
5. Fungsi pencatatan data keuangan. Tata Usaha
6. Fungsi menampilkan data keuangan. Tata Usaha
7. Fungsi pencatatan data guru. Tata Usaha
8. Fungsi menampilkan data guru. Tata Usaha
9. Fungsi pencatatan data siswa. Tata Usaha
10. Fungsi menampilkan data siswa. Tata Usaha
11. Fungsi pencatatan data kelas. Tata Usaha
12. Fungsi menampilkan data kelas. Tata Usaha
13. Fungsi pencatatan data mata pelajaran. Tata Usaha
14. Fungsi menampilkan data mata pelajaran. Tata Usaha
15. Fungsi pencatatan data pelanggaran. Bimbingan Konseling
16. Fungsi menampilkan data pelanggaran. Bimbingan Konseling
17. Fungsi pencatatan data jenis pelanggaran. Bimbingan Konseling
18. Fungsi menampilkan data jenis pelanggaran. Bimbingan Konseling
19. Fungsi menampilkan informasi kehadiran. Siswa/Wali Murid
20. Fungsi menampilkan informasi penilaian. Siswa/Wali Murid
21. Fungsi menampilkan informasi keuangan. Siswa/Wali Murid
22. Fungsi menampilkan informasi pelanggaran. Siswa/Wali Murid
23. Fungsi unduh laporan nilai. Guru
32
3.4 Spesifikasi Kebutuhan Fungsional
Pada spesifikasi kebutuhan fungsional menjelaskan lebih detail mengenai
kebutuhan fungsional (functional requirement) yang telah didapatkan sebelumnya.
Detail tersebut meliputi prioritas, pemicu, kondisi awal, alur normal dan alternatif,
kondisi akhir, pengecualian, dan kebutuhan non-fungsional dalam setiap fungsi
yang dijalankan.
Tabel 3.4 Fungsi Pencatatan Data Kehadiran
Nama Fungsi Fungsi pencatatan data kehadiran
Prioritas High
Pemicu Terdapat transaksi kehadiran.
Kondisi Awal Data transaksi kehadiran sudah tersedia.
Alur Normal 1. Pilih menu transaksi kehadiran siswa.
2. Aplikasi menampilkan pilihan kelas dan tanggal kehadiran.
3. Pengguna menekan tombol kirim untuk melanjutkan.
4. Aplikasi menampilkan form entri presensi siswa.
5. Pengguna memilih keterangan kehadiran dengan disesuaikan
pada data kehadiran yang sudah ada.
6. Pengguna menekan tombol simpan untuk menyelesaikan
pencatatan data kehadiran.
7. Aplikasi menyimpan data kehadiran.
8. Aplikasi menampilkan data kehadiran yang sudah berhasil
disimpan dengan tanda bintang pada keterangan kehadiran.
Alur Alternatif -
Kondisi Akhir Sistem berhasil menyimpan data kehadiran dan menampilkan
data kehadiran.
Pengecualian
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
33
Tabel 3.5 Fungsi Menampilkan Data Kehadiran
Nama Fungsi Fungsi menampilkan data kehadiran
Prioritas High
Pemicu Pencatatan data kehadiran berhasil disimpan.
Kondisi Awal Data kehadiran berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu kehadiran siswa.
2. Aplikasi menampilkan pilihan kelas dan tanggal kehadiran.
3. Pengguna menekan tombol kirim untuk melanjutkan.
4. Aplikasi menampilkan data kehadiran siswa dengan tanda
bintang pada keterangan kehadiran.
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data kehadiran.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.6 Fungsi Pencatatan Data Penilaian
Nama Fungsi Fungsi pencatatan data penilaian
Prioritas High
Pemicu Terdapat transaksi penilaian.
Kondisi Awal Data transaksi penilaian sudah tersedia.
Alur Normal 1. Pilih menu transaksi penilaian siswa.
34
2. Aplikasi menampilkan pilihan semester, kelas dan mata
pelajaran.
3. Pengguna menekan tombol kirim untuk melanjutkan.
4. Aplikasi menampilkan form entri penilaian siswa.
5. Pengguna mengisi form penilaian dengan disesuaikan pada
data penilaian yang sudah ada.
6. Pengguna menekan tombol simpan untuk menyelesaikan
pencatatan data penilaian.
7. Aplikasi menyimpan data penilaian.
8. Aplikasi menampilkan data penilaian yang sudah berhasil
disimpan.
Alur Alternatif -
Kondisi Akhir Sistem berhasil menyimpan data penilaian dan menampilkan
data penilaian.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.7 Fungsi Menampilkan Data Penilaian
Nama Fungsi Fungsi menampilkan data penilaian
Prioritas High
Pemicu Pencatatan data penilaian berhasil disimpan.
Kondisi Awal Data penilaian berhasil disimpan ke dalam sistem.
35
Alur Normal 1. Pengguna memilih menu penilaian siswa.
2. Aplikasi menampilkan pilihan semester, kelas dan mata
pelajaran.
3. Pengguna menekan tombol kirim untuk melanjutkan.
4. Aplikasi menampilkan data penilaian siswa.
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data penilaian.
Pengecualian -
Kebutuhan
Non-
Fungsional
Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.8 Fungsi Pencatatan Data Keuangan
Nama Fungsi Fungsi pencatatan data keuangan
Prioritas High
Pemicu Terdapat transaksi pembayaran SPP.
Kondisi Awal Data transaksi keuangan sudah tersedia.
Alur Normal 1. Pilih menu transaksi pembayaran SPP.
2. Aplikasi menampilkan pilihan kelas dan periode pembayaran
SPP.
3. Pengguna menekan tombol kirim untuk melanjutkan.
4. Aplikasi menampilkan form entri pembayaran SPP siswa.
5. Pengguna memilih status pembayaran SPP dengan
disesuaikan pada data keuangan yang sudah ada.
36
6. Pengguna menekan tombol simpan untuk menyelesaikan
pencatatan data keuangan.
7. Aplikasi menyimpan data keuangan.
8. Aplikasi menampilkan data keuangan yang sudah berhasil
disimpan dengan tanda bintang pada status pelunasan SPP.
Alur Alternatif -
Kondisi Akhir Sistem berhasil menyimpan data keuangan dan menampilkan
data keuangan.
Pengecualian
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.9 Fungsi Menampilkan Data Keuangan
Nama Fungsi Fungsi menampilkan data keuangan
Prioritas High
Pemicu Pencatatan data keuangan berhasil disimpan.
Kondisi Awal Data keuangan berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu pembayaran SPP.
2. Aplikasi menampilkan pilihan kelas dan periode pembayaran
SPP.
3. Pengguna menekan tombol kirim untuk melanjutkan.
4. Aplikasi menampilkan data keuangan dengan tanda bintang
pada status pelunasan SPP.
37
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data keuangan.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.10 Fungsi Pencatatan Data Guru
Nama Fungsi Fungsi pencatatan data guru
Prioritas High
Pemicu Terdapat data guru.
Kondisi Awal Data guru sudah tersedia.
Alur Normal 1. Pilih menu data guru.
2. Aplikasi menampilkan halaman data guru.
3. Pengguna menekan tombol tambahkan data guru.
4. Aplikasi menampilkan form tambah data guru.
5. Pengguna mengisi form tambah data guru sesuai dengan data
guru yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data guru.
7. Aplikasi menyimpan data guru dan menampilkan data guru
pada halaman data guru.
Alur Alternatif 1. Pilih menu data guru.
2. Aplikasi menampilkan halaman data guru.
38
3. Pengguna menekan tombol tambahkan data guru.
4. Aplikasi menampilkan form tambah data guru.
5. Pengguna mengisi form tambah data guru sesuai dengan data
guru yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data guru.
7. Aplikasi menampilkan alert bahwa ada data kosong dalam
form.
8. Pengguna melengkapi data guru dalam form.
9. Pengguna menekan tombol simpan kembali untuk
menyimpan data guru.
10. Aplikasi menyimpan data guru dan menampilkan data guru
pada halaman data guru.
Kondisi Akhir Data guru berhasil disimpan dan ditampilkan dalam halaman
data guru.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.11 Fungsi Menampilkan Data Guru
Nama Fungsi Fungsi menampilkan data guru
Prioritas High
Pemicu Pencatatan data guru berhasil disimpan.
39
Kondisi Awal Data guru berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu data guru.
2. Aplikasi menampilkan data tabel guru.
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data guru.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.12 Fungsi Pencatatan Data Siswa
Nama Fungsi Fungsi pencatatan data siswa
Prioritas High
Pemicu Terdapat data siswa.
Kondisi Awal Data siswa sudah tersedia.
Alur Normal 1. Pilih menu data siswa.
2. Aplikasi menampilkan halaman data siswa.
3. Pengguna menekan tombol tambahkan data siswa.
4. Aplikasi menampilkan form tambah data siswa.
5. Pengguna mengisi form tambah data siswa sesuai dengan
data siswa yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data siswa.
40
7. Aplikasi menyimpan data siswa dan menampilkan data siswa
pada halaman data siswa.
Alur Alternatif 1. Pilih menu data siswa.
2. Aplikasi menampilkan halaman data siswa.
3. Pengguna menekan tombol tambahkan data siswa.
4. Aplikasi menampilkan form tambah data siswa.
5. Pengguna mengisi form tambah data siswa sesuai dengan
data siswa yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data siswa.
7. Aplikasi menampilkan alert bahwa ada data kosong dalam
form.
8. Pengguna melengkapi data siswa dalam form.
9. Pengguna menekan tombol simpan kembali untuk
menyimpan data siswa.
10. Aplikasi menyimpan data siswa dan menampilkan data siswa
pada halaman data siswa.
Kondisi Akhir Data siswa berhasil disimpan dan ditampilkan dalam halaman
data siswa.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
41
Tabel 3.13 Fungsi Menampilkan Data Siswa
Nama Fungsi Fungsi menampilkan data siswa
Prioritas High
Pemicu Pencatatan data siswa berhasil disimpan.
Kondisi Awal Data siswa berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu data siswa.
2. Aplikasi menampilkan data tabel siswa.
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data siswa.
Pengecualian -
Kebutuhan
Non-
Fungsional
Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.14 Fungsi Pencatatan Data Kelas
Nama Fungsi Fungsi pencatatan data kelas
Prioritas High
Pemicu Pencatatan data kelas.
Kondisi Awal Data kelas sudah tersedia.
Alur Normal 1. Pilih menu kelas.
2. Aplikasi menampilkan halaman data kelas.
3. Pengguna menekan tombol tambahkan data kelas.
4. Aplikasi menampilkan form tambah data kelas.
42
5. Pengguna mengisi form tambah data kelas sesuai dengan data
kelas yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data kelas.
7. Aplikasi menyimpan data kelas dan menampilkan data kelas
pada halaman data kelas.
Alur Alternatif 1. Pilih menu data kelas.
2. Aplikasi menampilkan halaman data kelas.
3. Pengguna menekan tombol tambahkan data kelas.
4. Aplikasi menampilkan form tambah data kelas.
5. Pengguna mengisi form tambah data kelas sesuai dengan data
kelas yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data kelas.
7. Aplikasi menampilkan alert bahwa ada data kosong dalam
form.
8. Pengguna melengkapi data kelas dalam form.
9. Pengguna menekan tombol simpan kembali untuk
menyimpan data kelas.
10. Aplikasi menyimpan data kelas dan menampilkan data kelas
pada halaman data kelas.
Kondisi Akhir Data kelas berhasil disimpan dan ditampilkan dalam halaman
data kelas.
Pengecualian -
43
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.15 Fungsi Menampilkan Data Kelas
Nama Fungsi Fungsi menampilkan data kelas
Prioritas High
Pemicu Pencatatan data kelas berhasil disimpan.
Kondisi Awal Data kelas berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu data kelas.
2. Aplikasi menampilkan data tabel kelas.
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data kelas.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.16 Fungsi Pencatatan Data Mata Pelajaran
Nama Fungsi Fungsi pencatatan data mata pelajaran
Prioritas High
Pemicu Pencatatan data mata pelajaran.
Kondisi Awal Data mata pelajaran sudah tersedia.
Alur Normal 1. Pilih menu mata pelajaran.
44
2. Aplikasi menampilkan halaman data mata pelajaran.
3. Pengguna menekan tombol tambahkan data mata pelajaran.
4. Aplikasi menampilkan form tambah data mata pelajaran.
5. Pengguna mengisi form tambah data mata pelajaran sesuai
dengan data mata pelajaran yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data mata pelajaran.
7. Aplikasi menyimpan data mata pelajaran dan menampilkan
data mata pelajaran pada halaman data mata pelajaran.
Alur Alternatif 1. Pilih menu data mata pelajaran.
2. Aplikasi menampilkan halaman data mata pelajaran.
3. Pengguna menekan tombol tambahkan data mata pelajaran.
4. Aplikasi menampilkan form tambah data mata pelajaran.
5. Pengguna mengisi form tambah data mata pelajaran sesuai
dengan data mata pelajaran yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data mata pelajaran.
7. Aplikasi menampilkan alert bahwa ada data kosong dalam
form.
8. Pengguna melengkapi data mata pelajaran dalam form.
9. Pengguna menekan tombol simpan kembali untuk
menyimpan data mata pelajaran.
10. Aplikasi menyimpan data mata pelajaran dan menampilkan
data mata pelajaran pada halaman data mata pelajaran.
45
Kondisi Akhir Data mata pelajaran berhasil disimpan dan ditampilkan dalam
halaman data mata pelajaran.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.17 Fungsi Menampilkan Data Mata Pelajaran
Nama Fungsi Fungsi menampilkan data mata pelajaran
Prioritas High
Pemicu Pencatatan data mata pelajaran berhasil disimpan.
Kondisi Awal Data mata pelajaran berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu data mata pelajaran.
2. Aplikasi menampilkan data tabel mata pelajaran.
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data mata pelajaran.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.18 Fungsi Pencatatan Data Pelanggaran
Nama Fungsi Fungsi pencatatan data pelanggaran
Prioritas High
46
Pemicu Terdapat data pelanggaran.
Kondisi Awal Data pelanggaran sudah tersedia.
Alur Normal 1. Pilih menu pelanggaran siswa.
2. Aplikasi menampilkan halaman data pelanggaran.
3. Pengguna menekan tombol tambahkan data.
4. Aplikasi menampilkan form tambah data pelanggaran.
5. Pengguna mengisi form tambah data pelanggaran sesuai
dengan data pelanggaran yang dilakukan siswa.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data pelanggaran.
7. Aplikasi menyimpan data pelanggaran dan menampilkan data
pelanggaran pada halaman data pelanggaran.
Alur Alternatif 1. Pilih menu pelanggaran siswa.
2. Aplikasi menampilkan halaman data pelanggaran.
3. Pengguna menekan tombol tambahkan data.
4. Aplikasi menampilkan form tambah data pelanggaran.
5. Pengguna mengisi form tambah data pelanggaran sesuai
dengan data pelanggaran yang dilakukan siswa.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data pelanggaran.
7. Aplikasi menampilkan alert bahwa ada data kosong dalam
form.
8. Pengguna melengkapi data pelanggaran dalam form.
47
9. Pengguna menekan tombol simpan kembali untuk
menyimpan data pelanggaran.
10. Aplikasi menyimpan data pelanggaran dan menampilkan data
pelanggaran pada halaman data pelanggaran.
Kondisi Akhir Sistem berhasil menyimpan dan menampilkan data pelanggaran.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.19 Fungsi Menampilkan Data Pelanggaran
Nama Fungsi Fungsi menampilkan data pelanggaran
Prioritas High
Pemicu Pencatatan data pelanggaran berhasil disimpan.
Kondisi Awal Data pelanggaran berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu data pelanggaran.
2. Aplikasi menampilkan data tabel pelanggaran.
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data pelanggaran.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
48
Tabel 3.20 Fungsi Pencatatan Data Jenis Pelanggaran
Nama Fungsi Fungsi pencatatan data jenis pelanggaran
Prioritas High
Pemicu Pencatatan data jenis pelanggaran.
Kondisi Awal Data jenis pelanggaran sudah tersedia.
Alur Normal 1. Pilih menu jenis pelanggaran.
2. Aplikasi menampilkan halaman data jenis pelanggaran.
3. Pengguna menekan tombol tambahkan data.
4. Aplikasi menampilkan form tambah data jenis pelanggaran.
5. Pengguna mengisi form tambah data jenis pelanggaran sesuai
dengan data jenis pelanggaran yang tersedia.
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data jenis pelanggaran.
7. Aplikasi menyimpan data jenis pelanggaran dan
menampilkan data jenis pelanggaran pada halaman data jenis
pelanggaran.
Alur Alternatif 1. Pilih menu data jenis pelanggaran.
2. Aplikasi menampilkan halaman data jenis pelanggaran.
3. Pengguna menekan tombol tambahkan data jenis
pelanggaran.
4. Aplikasi menampilkan form tambah data jenis pelanggaran.
5. Pengguna mengisi form tambah data jenis pelanggaran sesuai
dengan data jenis pelanggaran yang tersedia.
49
6. Pengguna menekan tombol simpan untuk menyelesaikan
penambahan data jenis pelanggaran.
7. Aplikasi menampilkan alert bahwa ada data kosong dalam
form.
8. Pengguna melengkapi data jenis pelanggaran dalam form.
9. Pengguna menekan tombol simpan kembali untuk
menyimpan data jenis pelanggaran.
10. Aplikasi menyimpan data jenis pelanggaran dan
menampilkan data jenis pelanggaran pada halaman data jenis
pelanggaran.
Kondisi Akhir Data jenis pelanggaran berhasil disimpan dan ditampilkan dalam
halaman data jenis pelanggaran.
Pengecualian -
Kebutuhan
Non-
Fungsional
Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.21 Fungsi Menampilkan Data Jenis Pelanggaran
Nama Fungsi Fungsi menampilkan data jenis pelanggaran
Prioritas High
Pemicu Pencatatan data jenis pelanggaran berhasil disimpan.
Kondisi Awal Data jenis pelanggaran berhasil disimpan ke dalam sistem.
Alur Normal 1. Pengguna memilih menu data jenis pelanggaran.
2. Aplikasi menampilkan data tabel jenis pelanggaran.
50
Alur Alternatif -
Kondisi Akhir Sistem menampilkan data jenis pelanggaran.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.22 Fungsi Menampilkan Informasi Kehadiran
Nama Fungsi Fungsi menampilkan informasi kehadiran
Prioritas High
Pemicu Pencatatan data kehadiran berhasil disimpan.
Kondisi Awal Data kehadiran berhasil disimpan.
Alur Normal 1. Pengguna memilih menu informasi kehadiran.
2. Aplikasi menampilkan halaman informasi kehadiran siswa.
Alur Alternatif -
Kondisi Akhir Informasi kehadiran berhasil ditampilkan.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.23 Fungsi Menampilkan Informasi Penilaian
Nama Fungsi Fungsi menampilkan informasi penilaian
Prioritas High
51
Pemicu Pencatatan data penilaian berhasil disimpan.
Kondisi Awal Data penilaian berhasil disimpan.
Alur Normal 1. Pengguna memilih menu informasi penilaian.
2. Aplikasi menampilkan halaman informasi penilaian siswa.
Alur Alternatif -
Kondisi Akhir Informasi penilaian berhasil ditampilkan.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.24 Fungsi Menampilkan Informasi Keuangan
Nama Fungsi Fungsi menampilkan informasi keuangan
Prioritas High
Pemicu Pencatatan data keuangan berhasil disimpan.
Kondisi Awal Data keuangan berhasil disimpan.
Alur Normal 1. Pengguna memilih menu informasi keuangan.
2. Aplikasi menampilkan halaman informasi keuangan siswa.
Alur Alternatif -
Kondisi Akhir Informasi keuangan berhasil ditampilkan
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
52
Tabel 3.25 Fungsi Menampilkan Informasi Pelanggaran
Nama Fungsi Fungsi menampilkan informasi pelanggaran
Prioritas High
Pemicu Pencatatan data pelanggaran berhasil disimpan.
Kondisi Awal Data pelanggaran berhasil disimpan.
Alur Normal 1. Pengguna memilih menu informasi pelanggaran.
2. Aplikasi menampilkan halaman informasi pelanggaran siswa.
Alur Alternatif -
Kondisi Akhir Informasi pelanggaran berhasil ditampilkan
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
Tabel 3.26 Fungsi unduh laporan nilai
Nama Fungsi Fungsi unduh laporan nilai
Prioritas High
Pemicu Data penilaian berhasil ditampilkan.
Kondisi Awal Data penilaian berhasil disimpan.
Alur Normal 1. Memilih menu laporan nilai siswa.
2. Aplikasi menampilkan pilihan semester dan kelas.
3. Pengguna menekan tombol kirim untuk melanjutkan.
4. Aplikasi menampilkan penilaian siswa.
5. Pengguna menekan tombol unduh.
53
6. Laporan nilai siswa berhasil diunduh
Alur Alternatif -
Kondisi Akhir Laporan nilai berbentuk file excel berhasil diunduh.
Pengecualian -
Kebutuhan
Non-
Fungsional
1. Keamanan aplikasi. Sebelum mengakses aplikasi pengguna
diwajibkan login terlebih dahulu.
3.5 Desain Sistem
Tahapan desain sistem dilakukan untuk menghasilkan rancangan yang
memenuhi kebutuhan yang ditentukan selama tahap analisis sistem dengan
menggunakan beberapa pemodelan untuk mempermudah analisa terhadap
pemodelan sistem yang digunakan. Desain sistem dimulai dari Process Modelling
yang menghasilkan system flow, diagram jenjang, context diagram, data flow
diagram, data modelling yang menghasilkan conceptual data model, physical
data model, design interface untuk tampilan input/output antarmuka pengguna
dan desain uji coba.
3.2.1 System Flow
System Flow ini memuat hasil analisa yang merupakan pengembangan
keseluruhan dari proses yang sudah ada. Secara detil system flow untuk rancang
bangun sistem informasi administrasi akademik pada SMA Ta’miriyah dapat
dijelaskan sebagai berikut:
54
A. System Flow Kehadiran
System Flow Kehadiran Siswa
Tata Usaha Guru Siswa/Wali Murid
Fase
Mulai
Mencetak Form Absensi
Form Absensi
Form Absensi
Melakukan Absensi Siswa
Menyerahkan Form Absensi Terisi ke
Tata Usaha Akademik
Form Absensi Terisi
Form Absensi TerisiEntri Data Kehadiran Siswa
Simpan Kehadiran Siswa
Transaksi Kehadiran
Tampilkan Informasi Kehadiran Siswa
Informasi Kehadiran
Informasi Kehadiran
Selesai
Gambar 3.6 System Flow Kehadiran
Gambar 3.6 Menjelaskan system flow proses kehadiran siswa, dimulai
dari Tata Usaha mencetak form absensi kemudian form absensi diberikan kepada
Guru untuk diisi, setelah proses belajar mengajar berakhir form absensi terisi
diberikan ke Tata Usaha untuk dientri data kehadiran siswa kemudian data
tersebut disimpan ke dalam basis data kehadiran. Informasi kehadiran dapat
langsung dilihat oleh Siswa/Wali Murid.
55
B. System Flow Penilaian
System Flow Penilaian Siswa
Guru Tata Usaha Siswa/Wali Murid
Fase
Mulai
Permintaan Form Nilai Mata Pelajaran
Form Permintaan
Form Permintaan
Mencetak Form Nilai Mata Pelajaran
Nilai Mata Pelajaran
Nilai Mata Pelajaran
Mengisi Nilai Mata Pelajaran
Nilai Mata Pelajaran Terisi
Simpan Nilai SiswaTransaksi Penilaian
Tampilkan Informasi Nilai Siswa
Informasi Nilai Siswa
Informasi Nilai Siswa
Selesai
Nilai Mata Pelajaran Terisi
Entri Nilai Mata Pelajaran
Gambar 3.7 System Flow Penilaian
Gambar 3.7 Menjelaskan system flow proses penilaian siswa, dimulai dari
Guru mengajukan permintaan form nilai mata pelajaran kepada Tata Usaha.
Setelah Tata Usaha mencetak form nilai mata pelajaran form tersebut diberikan
kepada Guru untuk mengisi nilai mata pelajaran, form nilai mata pelajaran yang
terisi diserahkan kembali ke Tata Usaha untuk dientri nilai mata pelajaran
kemudian data tersebut disimpan ke dalam basis data penilaian. Informasi nilai
dapat langsung dilihat oleh Siswa/Wali Murid.
56
C. System Flow Pembayaran SPP
Sysflow Flow Pembayaran SPP
Siswa/Wali Murid Tata Usaha
Fase
Mulai
Data Pembayaran SPP
Data Pembayaran SPP
Entri Data Pembayaran SPP
Simpan Data Pembayaran SPP
Transaksi Pembayaran SPP
Tampilkan Informasi Keuangan
Informasi Keuangan
Informasi Keuangan
Selesai
Mengisi Slip Pembayaran SPP
Gambar 3.8 System Flow Pembayaran SPP
Gambar 3.8 Menjelaskan system flow proses pembayaran spp, dimulai
dari Siswa/Wali Murid mengisi slip pembayaran SPP yang telah disediakan,
kemudian slip pembayaran SPP tersebut diberikan kepada Tata Usaha untuk
dientri data pembayaran SPP kemudian data tersebut disimpan ke dalam basis
data pembayaran. Informasi keuangan dapat langsung dilihat oleh Siswa/Wali
Murid.
57
D. System Flow Pelanggaran
System Flow Pelanggaran
BK Siswa/Wali MuridGuru
Fa
se
Selesai
Mulai
Laporan Pelanggaran
Laporan Pelanggaran
Entri Data Pelanggaran
Simpan Data Pelanggaran
Jenis Pelanggaran
Transaksi Pelanggaran
Tampilkan Informasi Pelanggaran
Informasi Pelanggaran
Informasi Pelanggaran
Mengisi Form Pelanggaran
Gambar 3.9 System Flow Pelanggaran
Gambar 3.9 Menjelaskan system flow proses pelanggaran, dimulai dari
Guru mengisi form pelanggaran setelah form terisi laporan pelanggaran diberikan
kepada Bimbingan Konseling untuk dientri data pelanggaran yang dilakukan
Siswa kemudian data tersebut disimpan ke dalam basis data pelanggaran.
Informasi pelanggaran dapat langsung dilihat oleh Siswa/Wali Murid.
58
3.2.2 Diagram Jenjang
Berikut ini gambar Hierarchy Input Process Output dari rancang bangun
sistem informasi administrasi akademik pada SMA Ta’miriyah yang memberikan
gambaran proses dan sub-sub proses yang ada, dapat dilihat pada Gambar 3.10.
0
Sistem Informasi Administrasi Akademik
6
Laporan
1
Mengelola Data
2
Kehadiran
3
Penilaian
4
Pembayaran SPP
5
Pelanggaran
1.1
Mengelola Data Guru
1.2
Mengelola Data Siswa
1.3
Mengelola Data Kelas
6.2
Laporan Penilaian
1.4
Mengelola Data Mata Pelajaran
1.5
Mengelola Data Jenis
Pelanggaran
6.1
Laporan Kehadiran
6.3
Laporan Keuangan
6.4
Laporan Pelanggaran
Gambar 3.10 Hierarchy Input Process Output (HIPO)
Sistem informasi administrasi akademik memilihi enam proses dimulai dari
mengelola data, kehadiran, penilaian, pembayaran SPP, pelanggaran, dan laporan.
Untuk mengelola data memiliki sub lagi yaitu mengelolah data guru, data siswa,
data mata pelajaran, data jenis pelanggaran. Pada laporan juga memiliki sub yaitu
laporan kehadiran, penilaian, keuangan dan pelanggaran.
59
3.2.3 Context Diagram
Daftar Guru
Daftar S iswa
Laporan Pelanggaran
Daftar Jenis Pelanggaran
Daftar Kelas
Daftar Mata Pelajaran
Laporan Kehadiran
Laporan Penilaian
Laporan Keuangan
Data Guru
Data Siswa
Data Kelas
Data Mata Pelajaran
Data Kehadiran
Data Penilaian
Data Keuangan
Data Pelanggaran
Laporan Nilai
Laporan Nilai
Laporan Kehadiran
Laporan Keuangan
Laporan Pelanggaran
Data Jenis Pelanggaran
0
Sistem Informasi Administrasi Akademik
+
Guru BK
Tata Usaha
Siswa atau
Wali Murid
Gambar 3.11 Context Diagram
Context Diagram merupakan pengembangan proses tertinggi dalam
tingkatan / level dan berhubungan dengan berberapa entity yang terlibat langsung
dengan pengolahan data dalam rancang bangun sistem informasi administrasi
akademik SMA Ta’miriyah yang dibuat, selain itu context diagram diatas
digunakan untuk mendesain sistem yang memberikan gambaran detail mengenai
semua informasi yang diterima ataupun dihasilkan dari suatu aktivitas yang
berada dalam sistem. Seperti pada Gambar 3.11, symbol persegi dengan ujung
melengkung adalah sistem yang dibuat yaitu Sistem Informasi Administrasi
Akademik, sedangkan symbol persegi menggambarkan orang atau bagian yang
berperan dalam sistem sebagai external entity yaitu Tata Usaha, Guru, BK
(Bimbingan Konseling) dan Siswa/Wali Murid.
60
3.2.4 Data Flow Diagram
Data Flow Diagram (DFD) merupakan bagan yang mengambarkan arus
data dalam suatu sistem yang telah ada atau sistem yang digunakan dalam
pengembangan sistem yang restruktur dari tingkat tertinggi sampai.
A. Data Flow Diagram Level 0
Laporan Keuangan
Laporan Penilaian
Laporan Kehadiran
Daftar Mata Pelajaran
Daftar KelasDaftar Guru
Daftar Siswa
Data S iswa
Data Guru
Laporan Pelanggaran
Data Pelanggaran
Data Keuangan
Data Penilaian
Data Kehadiran
Laporan Pelanggaran
Laporan Keuangan
Laporan Kehadiran
Laporan Nilai
Laporan Nilai
Laporan Nilai
Simpan Pelanggaran Ssiswa
Simpan Pembayaran SPP
Simpan Penilaian
Simpan Kehadiran
Simpan Data Jenis Pelanggaran
Simpan Data Mata Pelajaran
Simpan Data Kelas
Simpan Data Guru
Data Kelas
Data Mata Pelajaran
Simpan Data S iswa
Data Jenis Pelanggaran
Laporan Pelanggaran
Laporan Keuangan
Laporan Kehadiran
Daftar Jenis Pelanggaran
Siswa atau
Wali Murid
3
Penilaian
4
Pembayaran SPP
5
Pelanggaran
1 Data Guru
3 Data Kelas
4Data Mata
Pelajaran
5Data Jenis
Pelanggaran
2 Data S iswa
Guru
9Transaksi
Pelanggaran
8
Transaksi
Pembayaran
SPP
7Transaksi
Penilaian
6Transaksi
Kehadiran
2
Kehadiran
6
Laporan
+
Tata Usaha
1
Mengelola Data
+
BK
Gambar 3.12 Data Flow Diagram Level 0
61
Data Flow Diagram Level 0 adalah peggambaran fungsi-fungsi utama
yang terdapat pada program, yaitu proses penjabaran dari Gambar 3.11 seperti
yang digambarkan pada Gambar 3.12 terdapat enam fungsi utama yaitu
Mengelola Data, Kehadiran, Penilaian, Pembayaran SPP, Pelanggaran, dan
Laporan.
B. Data Flow Diagram Level 1
1. Data Flow Diagram (DFD) Mengelola Data
Daftar Jenis Pelanggaran
Daftar Mata Pelajaran
Data Mata Pelajaran
Daftar Kelas
Daftar Siswa
Daftar Guru
Simpan Data Jenis Pelanggaran
Simpan Data Mata Pelajaran
Simpan Data Kelas
Simpan Data S iswa
Simpan Data Guru
Data Jenis Pelanggaran
Data Siswa
Data Kelas
Data Guru
Tata Usaha
1 Data Guru
2 Data Siswa
3 Data Kelas
4Data Mata
Pelajaran
5Data Jenis
Pelanggaran
BK
1
Mengelola Data
Guru
2
Mengelola Data
Siswa
3
Mengelola Data
Kelas
4
Mengelola Data
Mata Pelajaran
5
Mengelola Data
Jenis Pelanggaran
Gambar 3.13 Data Flow Diagram (DFD) Mengelola Data Master
Data Flow Diagram (DFD) mengelola data merupakan penjabaran dari
fungsi mengelola data. Pada Gambar 3.13 memiliki lima sub fungsi yaitu
mengelola data guru, mengelola data siswa, mengelola data kelas, mengelola data
62
mata pelajaran, dan mengelola data jenis pelanggaran. Setiap data dapat dikelola
data dengan cara insert, update, dan delete.
2. Data Flow Diagram (DFD) Laporan
Laporan Penilaian
Laporan Keuangan
Laporan Kehadiran
Laporan Pelanggaran
Laporan Keuangan
Laporan Nilai
Laporan Nilai
Laporan Kehadiran
Laporan Pelanggaran
Laporan Keuangan
Laporan Pelanggaran
Laporan Nilai
Laporan Kehadiran
BK
Siswa atau
Wali Murid
Guru
7Transaksi
Penilaian
8 Transaksi Pembayaran SPP
9Transaksi
Pelanggaran
6Transaksi
Kehadiran1
Laporan Kehadiran
2
Laporan Penilaian
3
Laporan Keuangan
4
Laporan Pelanggaran
Tata Usaha
Gambar 3.14 Data Flow Diagram (DFD) Laporan
Data Flow Diagram (DFD) laporan merupakan penjabaran dari fungsi
laporan. Pada Gambar 3.14 memiliki empat sub fungsi yaitu laporan kehadiran,
laporan nilai, laporan keuangan, dan laporan pelanggaran.
63
3.2.5 Entity Relationship Diagram (ERD)
Pada tahap ini desain database yang dibuat berupa Entity Relational
Diagram (ERD), merupakan model untuk merepresentasikan data yang ada pada
sistem dimana terdapat entity dan relational. Ada 2 model yang digunakan dalam
pemodelan, seperti Conceptual Data Model (CDM) dan Physical Data Model
(PDM). Entity Relationship Diagram (ERD) itu sendiri terdapat beberapa objek
seperti entitas, atribut dan relasi. Entitas adalah objek dan atribut merupakan
bagian dari objek itu sendiri. Antara entitas dan entitas dihubungkan dengan relasi
sesuai kegiatannya.
A. Conceptual Data Model
Gambar 3.15 Conceptual Data Model
Berisi
Dicatat
Mendapatkan
Terdapat
Melunasi
Memiliki
Mengajar
Melakukan
Berada
Guru
#
o
o
o
o
o
o
o
id_guru
nip
nama_guru
jk_guru
alamat_guru
tlp_guru
foto_guru
password_guru
Integer
Variable characters (50)
Variable characters (100)
Variable characters (10)
Text
Variable characters (20)
Variable characters (150)
Text
Siswa
#
o
o
o
o
o
o
o
o
o
o
id_siswa
nis
nama_siswa
jk_siswa
alamat_siswa
tlp
foto_siswa
nama_wali_murid
perkerjaan_wali_murid
password_siswa
password_wali_murid
Integer
Variable characters (50)
Variable characters (100)
Variable characters (10)
Text
Variable characters (20)
Variable characters (150)
Variable characters (50)
Variable characters (50)
Text
Text
Kelas
#
o
id_kelas
nama_kelas
Variable characters (4)
Variable characters (20)
Mata Pelajaran
#
o
id_mata_pelajaran
nama_mata_pelajaran
Variable characters (4)
Variable characters (50)
Jenis Pelanggaran
#
o
o
id_jenis_pelanggaran
nama_pelanggaran
poin
Variable characters (5)
Text
Integer
Penilaian
#
o
o
o
o
o
o
id_penilaian
semester
tugas
ulangan_harian
uts
uas
nilai_akhir
Integer
Characters (1)
Integer
Integer
Integer
Integer
Integer
Kehadiran
#
o
o
o
id_absen
tanggal_kehadiran
keterangan_kehadiran
jam
Integer
Date
Characters (1)
Integer
Pembayaran
#
o
o
o
id_pembayaran
periode_pembayaran
tanggal_pembayaran
status_pembayaran
Integer
Date
Date
Characters (1)
Pelanggaran
#
o
o
id_pelanggaran
tanggal_pelanggaran
keterangan_pelanggaran
Integer
Date
Text
Kategori Jenis Pelanggaran
#
o
id_k_jenis_pelanggaran
nama_kategori_jenis_pelanggaran
Variable characters (5)
Variable characters (10)
64
Conceptual Data Model (CDM) pada Gambar 3.15 pada halaman
sebelumnya menjelaskan tentang gambaran secara keseluruhan struktur aplikasi.
Dengan CDM kita bisa membangun desain awal sistem dan tidak perlu khawatir
dengan detail implementasinya secara fisik. Dan melalui prosedur generation
yang mudah, kita bisa melakukan generate CDM ke PDM.
B. Physical Data Model
Gambar 3.16 Physical Data Model
Guru
id_guru
id_mata_pelajaran
nip
nama_guru
jk_guru
alamat_guru
tlp_guru
foto_guru
password_guru
int
varchar(4)
varchar(50)
varchar(100)
varchar(10)
text
varchar(20)
varchar(150)
text
<pk>
<fk>
Siswa
id_siswa
id_kelas
nis
nama_siswa
jk_siswa
alamat_siswa
tlp
foto_siswa
nama_wali_murid
perkerjaan_wali_murid
password_siswa
password_wali_murid
int
varchar(4)
varchar(50)
varchar(100)
varchar(10)
text
varchar(20)
varchar(150)
varchar(50)
varchar(50)
text
text
<pk>
<fk>
Kelas
id_kelas
nama_kelas
varchar(4)
varchar(20)
<pk>
Mata Pelajaran
id_mata_pelajaran
nama_mata_pelajaran
varchar(4)
varchar(50)
<pk>
Jenis Pelanggaran
id_jenis_pelanggaran
id_k_jenis_pelanggaran
nama_pelanggaran
poin
varchar(5)
varchar(5)
text
int
<pk>
<fk>
Penilaian
id_penilaian
id_siswa
id_mata_pelajaran
semester
tugas
ulangan_harian
uts
uas
nilai_akhir
int
int
varchar(4)
char(1)
int
int
int
int
int
<pk>
<fk1>
<fk2>
Kehadiran
id_absen
id_siswa
tanggal_kehadiran
keterangan_kehadiran
jam
int
int
date
char(1)
int
<pk>
<fk>
Pembayaran
id_pembayaran
id_siswa
periode_pembayaran
tanggal_pembayaran
status_pembayaran
int
int
date
date
char(1)
<pk>
<fk>
Pelanggaran
id_pelanggaran
id_siswa
id_jenis_pelanggaran
tanggal_pelanggaran
keterangan_pelanggaran
int
int
varchar(5)
date
text
<pk>
<fk2>
<fk1>
Kategori Jenis Pelanggaran
id_k_jenis_pelanggaran
nama_kategori_jenis_pelanggaran
varchar(5)
varchar(10)
<pk>
65
Physical Data Model (PDM) pada Gambar 3.16 pada halaman
sebelumnya menggambarkan hubungan struktur antar tabel-tabel yang digunakan
untuk menyimpan data administrasi akademik sebagaimana diterapkan pada
Database Mangement System (DBMS).
3.2.6 Struktur Tabel
Dalam hal merancang struktur tabel yang digunakan dalam pembuatan
sistem informasi administrasi akademik pada SMA Ta’miriyah, meliputi nama
tabel, nama atribut, tipe data, serta data pelengkap seperti primary key dan foreign
key. Data-data dibawah ini akan menjelaskan satu per satu secara detil dari
struktur tabel yang terdapat dalam sistem.
A. Tabel Guru
Nama tabel : guru
Primary Key : id_guru
Foreign Key : id_mata_pelajaran
Fungsi : Menyimpan data guru
Tabel 3.27 Guru
No Kolom Tipe Data Lebar Constraint
1. id_guru Int - Primary Key
2. id_mata_pelajaran Varchar 4 Foreign Key
3. nip Varchar 50 -
4. nama_guru Varchar 100 -
5. jk_guru Varchar 10 -
6. alamat_guru Text - -
7. tlp_guru Varchar 20 -
66
No Kolom Tipe Data Lebar Constraint
8. foto_guru Varchar 150 -
9. password_guru Text - -
B. Tabel Siswa
Nama tabel : siswa
Primary Key : id_siswa
Foreign Key : id_kelas
Fungsi : Menyimpan data siswa
Tabel 3.28 Siswa
No Kolom Tipe Data Lebar Constraint
1. id_siswa Int - Primary Key
2. id_kelas Varchar 4 Foreign Key
3. nis Varchar 50 -
4. nama_siswa Varchar 100 -
5. jk_siswa Varchar 10 -
6. alamat_siswa Text - -
7. tlp Varchar 20 -
8. foto_siswa Varchar 150 -
11. nama_wali_murid Varchar 50 -
12. perkerjaan_wali_murid Varchar 50 -
13. password_siswa Text - -
14. password_ wali_murid Text - -
C. Tabel Kelas
Nama tabel : kelas
Primary Key : id_kelas
Foreign Key : -
Fungsi : Menyimpan data kelas
67
Tabel 3.29 Kelas
No Kolom Tipe Data Lebar Constraint
1. id_kelas Varchar 4 Primary Key
2. nama_kelas Varchar 20 -
D. Tabel Mata Pelajaran
Nama tabel : mata_pelajaran
Primary Key : id_mata_pelajaran
Foreign Key : -
Fungsi : Menyimpan data mata pelajaran
Tabel 3.30 Mata Pelajaran
No Kolom Tipe Data Lebar Constraint
1. id_mata_pelajaran Varchar 4 Primary Key
2. nama_mata_pelajaran Varchar 50 -
E. Tabel Jenis Pelanggaran
Nama tabel : jenis_pelanggaran
Primary Key : id_jenis_pelanggaran
Foreign Key : -
Fungsi : Menyimpan data jenis pelanggaran
Tabel 3.31 Jenis Pelanggaran
No Kolom Tipe Data Lebar Constraint
1. id_jenis_pelanggaran Varchar 5 Primary Key
2. id_k_jenis_pelanggaran Varchar 5 Foreign Key
68
No Kolom Tipe Data Lebar Constraint
3. nama_pelanggaran Text - -
4. poin Int - -
F. Tabel Kategori Jenis Pelanggaran
Nama tabel : kategori_jenis_pelanggaran
Primary Key : id_k_jenis_pelanggaran
Foreign Key : -
Fungsi : Menyimpan data kategori jenis pelanggaran
Tabel 3.32 Kategori Jenis Pelanggaran
No Kolom Tipe Data Lebar Constraint
1. id_k_jenis_pelanggaran Varchar 5 Primary Key
2. nama_kategori_jenis_pelanggaran Varchar 10 -
G. Tabel Kehadiran
Nama tabel : kehadiran
Primary Key : id_absen
Foreign Key : di_siswa
Fungsi : Menyimpan data transaksi kehadiran
Tabel 3.33 Kehadiran
No Kolom Tipe Data Lebar Constraint
1. id_absen Int - Primary Key
2. id_siswa Int - Foreign Key
3. tanggal_kehadiran Date - -
4. keterangan_kehadiran Char 1 -
5. jam Int - -
69
H. Tabel Penilaian
Nama tabel : penilaian
Primary Key : id_penilaian
Foreign Key : id_siswa, id_mata_pelajaran
Fungsi : Menyimpan data transaksi penilaian
Tabel 3.34 Penilaian
No Kolom Tipe Data Lebar Constraint
1. id_penilaian Int - Primary Key
2. id_siswa Int - Foreign Key
3. id_mata_pelajaran Varchar 4 Foreign Key
4. semester Char 1 -
5. tugas Int - -
6. ulangan_harian Int - -
7. uts Int - -
8. uas Int - -
9. nilai_akhir Int - -
I. Tabel Pembayaran SPP
Nama tabel : pembayaran
Primary Key : id_pembayaran
Foreign Key : id_siswa
Fungsi : Menyimpan data transaksi pembayaran SPP
Tabel 3.35 Pembayaran SPP
No Kolom Tipe Data Lebar Constraint
1. id_pembayaran Int - Primary Key
2. id_siswa Int - Foreign Key
3. periode_pembayaran Date - -
4. tanggal_pembayaran Date - -
70
No Kolom Tipe Data Lebar Constraint
5. status_pembayaran Char 1 -
J. Tabel Pelanggaran
Nama tabel : pelanggaran
Primary Key : id_pelanggaran
Foreign Key : id_siswa, id_jenis_pelanggaran
Fungsi : Menyimpan data transaksi pelanggaran
Tabel 3.36 Pelanggaran
No Kolom Tipe Data Lebar Constraint
1. id_pelanggaran Int - Primary Key
2. id_siswa Int - Foreign Key
3. id_jenis_pelanggaran Varchar 5 Foreign Key
4. tanggal_pelanggaran Date - -
5. keterangan_pelanggaran Text - -
K. Tabel User
Nama tabel : user
Primary Key : id_user
Foreign Key : -
Fungsi : Menyimpan data hak akses pengguna yang dimiliki sekolah
Tabel 3.37 User
No Kolom Tipe Data Lebar Constraint
1. id_user Int - Primary Key
2. username Varchar 20 -
3. password Varchar 50 -
71
No Kolom Tipe Data Lebar Constraint
4. nama_lengkap Varchar 50 -
5. level Varchar 30 -
L. Tabel User Aktivitas
Nama tabel : user_aktivitas
Primary Key : id_user
Foreign Key : -
Fungsi : Menyimpan data riwayat login dari siswa dan guru
Tabel 3.38 User Aktivitas
No Kolom Tipe Data Lebar Constraint
1. id_user_aktivitas Int - Primary Key
2. identitas Varchar 50 -
3. Ip_address Varchar 50 -
4. browser Varchar 50 -
5. os Varchar 50 -
6. status Enum(‘siswa’,’guru’) - -
7. jam Time - -
8. tanggal Date - -
3.2.7 Desain Interface Input/Output
Pada tahap ini dilakukan desain interface input/output yang merupakan
form rancangan I/O untuk berinteraksi antara pengguna dan sistem dalam
memasukkan data dan membuat laporan sebagai informasi yang dihasilkan dari
pengelolaan data, selain itu desain interface input/output juga digunakan sebagai
acuan membuat aplikasi dalam merancang dan membangun sistem. Perancangan
desain interface input/output ini dibuat dengan menggunakan perangkat lunak
GUI Design Studio.
72
A. Desain Input
Desain input merupakan desain masukan dari pengguna kepada sistem
yang kemudian disimpan ke dalam database.
1. Login
Desain form login merupakan tampilan awal aplikasi yang digunakan
pengguna untuk dapat masuk dan mengakses menu-menu yang terdapat pada
aplikasi administrasi akademik SMA Ta’miriyah. Disini pengguna terlebih dahulu
menginputkan username dan password untuk login sebagai verifikasi user. Desain
tampilan login dapat dilihat pada Gambar 3.17.
Gambar 3.17 Tampilan Desain Form Login
2. Siswa
Desain form data siswa digunakan untuk menampilkan semua data siswa
yang terdaftar dalam aplikasi administrasi akademik SMA Ta’miriyah. Form ini
berfungsi untuk memanajemen Create, Read, Update, Delete (CRUD) data siswa.
Desain tampilan data siswa dapat dilihat pada Gambar 3.18.
73
Gambar 3.18 Tampilan Desain Halaman Data Siswa
Desain form tambah data siswa adalah form lanjutan dari data siswa,
form ini berfungsi untuk menambah siswa baru pada aplikasi administrasi
akademik SMA Ta’miriyah.
Gambar 3.19 Tampilan Desain Form Tambah Data Siswa
3. Guru
Desain form data guru digunakan untuk menampilkan semua data guru
yang terdaftar dalam aplikasi administrasi akademik SMA Ta’miriyah. Form ini
berfungsi untuk memanajemen Create, Read, Update, Delete (CRUD) data guru.
Desain tampilan data guru dapat dilihat pada Gambar 3.20.
74
Gambar 3.20 Tampilan Desain Halaman Data Bagian
Desain form tambah data guru adalah form lanjutan dari data guru, form
ini berfungsi untuk menambah guru baru pada aplikasi administrasi akademik
SMA Ta’miriyah.
Gambar 3.21 Tampilan Desain Form Tambah Data Bagian
4. Kelas
Desain form data kelas digunakan untuk menampilkan semua data kelas
yang terdaftar dalam aplikasi administrasi akademik SMA Ta’miriyah. Form ini
berfungsi untuk memanajemen Create, Read, Update, Delete (CRUD) data kelas.
Desain tampilan data kelas dapat dilihat pada Gambar 3.22.
75
Gambar 3.22 Tampilan Desain Halaman Data Kelas
Desain form tambah kelas adalah form lanjutan dari data kelas, form ini
berfungsi untuk menambah kelas baru pada aplikasi administrasi akademik SMA
Ta’miriyah.
Gambar 3.23 Tampilan Desain Form Tambah Data Kelas
5. Mata Pelajaran
Desain form data mata pelajaran digunakan untuk menampilkan semua
data mata pelajaran yang terdaftar dalam aplikasi administrasi akademik SMA
Ta’miriyah. Form ini berfungsi untuk memanajemen Create, Read, Update,
76
Delete (CRUD) data mata pelajaran. Desain tampilan data mata pelajaran dapat
dilihat pada Gambar 3.24.
Gambar 3.24 Tampilan Desain Halaman Data Mata Pelajaran
Form tambah mata pelajaran adalah form lanjutan dari data mata
pelajaran, form ini berfungsi untuk menambah mata pelajaran pada aplikasi
administrasi akademik SMA Ta’miriyah.
Gambar 3.25 Tampilan Desain Form Tambah Data Pinjaman
6. Jenis Pelanggaran
Desain form data jenis pelanggaran digunakan untuk menampilkan
semua data jenis pelanggaran yang terdaftar dalam aplikasi administrasi akademik
77
SMA Ta’miriyah. Form ini berfungsi untuk memanajemen Create, Read, Update,
Delete (CRUD) data jenis pelanggaran. Desain tampilan data jenis pelanggaran
dapat dilihat pada Gambar 3.26.
Gambar 3.26 Tampilan Desain Halaman Data Jenis Pelanggaran
Desain form tambah jenis pelanggaran adalah form lanjutan dari data
jenis pelanggaran, form ini berfungsi untuk menambah jenis pelanggaran pada
aplikasi administrasi akademik SMA Ta’miriyah.
Gambar 3.27 Tampilan Desain Form Tambah Data Jenis Pelanggaran
78
7. Kehadiran
Desain form kehadiran siswa digunakan untuk menginput dan melihat
data kehadiran siswa berdasarkan kelas, tanggal dan jam pelajaran yang telah
dipilih. Form ini juga dapat digunakan untuk melihat kehadiran siswa pada hari
sebelumnya. Desain tampilan data kehadiran siswa dapat dilihat pada Gambar
3.28.
Gambar 3.28 Tampilan Desain Data Halaman Transaksi Kehadiran
8. Penilaian
Desain form penilaian siswa digunakan untuk menginput dan melihat
data nilai siswa berdasarkan semester, kelas dan mata pelajaran yang telah dipilih.
Form ini juga dapat digunakan untuk mengubah nilai siswa yang terlah diinput
sebelumnya. Ada berberapa nilai yang dapat diinput diantaranya nilai tugas, nilai
ulangan harian, uts, dan uas. Desain tampilan data penilaian siswa dapat dilihat
pada Gambar 3.29.
79
Gambar 3.29 Tampilan Desain Data Halaman Transaksi Penilaian
9. Pembayaran SPP
Form pembayaran siswa digunakan untuk menginput dan melihat data
pembayaran SPP siswa berdasarkan kelas, dan tanggal yang telah dipilih. Form
ini juga dapat digunakan untuk melihat pembayaran SPP siswa pada periode
sebelumnya. Desain tampilan data pembayaran SPP siswa dapat dilihat pada
Gambar 3.30.
Gambar 3.30 Tampilan Desain Halaman Data Transaksi Pembayaran SPP
80
10. Pelanggaran
Desain form data pelanggaran digunakan untuk menampilkan semua data
transaksi pelanggaran yang berada dalam aplikasi administrasi akademik SMA
Ta’miriyah. Form ini berfungsi untuk memanajemen Create, Read, Update,
Delete (CRUD) data transaksi pelanggaran. Desain tampilan data pelanggaran
siswa dapat dilihat pada Gambar 3.31.
Gambar 3.31 Tampilan Desain Halaman Data Transaksi Pelanggaran
Desain form tambah pelanggaran adalah form lanjutan dari data transaksi
pelanggaran, form ini berfungsi untuk menambah pelanggaran pada aplikasi
administrasi akademik SMA Ta’miriyah.
Gambar 3.32 Tampilan Desain Form Tambah Data Transaksi Pelanggaran
81
B. Desain Output
Desain output merupakan perancangan desain keluaran yang merupakan
hasil dari proses data, yang tersimpan pada database kemudian dikelola menjadi
informasi yang berguna bagi pengguna aplikasi.
1. Kehadiran
Desain form output informasi kehadiran merupakan tampilan yang
menunjukkan informasi kehadiran siswa di sekolah per bulan setiap hari dan dapat
dilihat detil per jam pelajaran dalam satu tahun ajaran 2015-2016. Tampilan
informasi kehadiran disesuaikan dengan kalender berikut dengan hari minggu
yang memiliki warna merah pada tampilan kalender. Diawali dari bulan juli 2015
yang di scroll turun kebawah hingga sampai dengan kalender bulan juni 2016,
tampilan desain form output informasi kehadiran dapat dilihat pada Gambar 3.33.
Gambar 3.33 Desain Output Informasi Kehadiran
82
2. Penilaian
Desain form output informasi nilai merupakan tampilan yang
menunjukkan informasi nilai per semester setiap mata pelajaran di sekolah.
Tampilan informasi nilai yang disajikan meliputi nilai tugas, nilai ulangan harian,
nilai uts, nilai uas dan nilai akhir dari setiap mata pelajaran. Tampilan desain form
output informasi nilai dapat dilihat pada Gambar 3. Selain itu pada bagian atas di
Gambar 3.34 juga terdapat tombol yang digunakan untuk menampilan nilai antara
semester satu dan semester dua.
Gambar 3.34 Desain Output Informasi Nilai
3. Pembayaran
Desain form output informasi pembayaran SPP siswa pada tahun ajaran
2015-2016 yang dimulai dari bulan juni 2015 sampai dengan bulan juli 2016.
Pada Gambar 3.35 terdapat kotak yang memuat informasi bulan dan status
pelunasan SPP. Jika pada bulan tersebut belum melakukan pelunasan maka
83
tampilan warna merah dan diikuti status belum lunas, begitu juga sebaliknya saat
sudah dilakukan pelunasan SPP maka tampilan akan menjadi warna hijau dan
status menjadi lunas. Desain form output informasi pembayaran SPP dapat dilihat
pada Gambar 3.35.
Gambar 3.35 Desain Output Informasi Keuangan
4. Pelanggaran
Desain form output informasi pelanggaran merupakan tampilan dari
pelanggaran yang dilakukan siswa selama disekolah. Pada Gambar 3.36
ditunjukkan tabel pelanggaran yang berisi nomor urut, jenis pelanggaran, poin
pelanggaran, dan tanggal kejadian pelanggaran. Pada bagian atas tabel juga
disertakan total poin pelanggaran yang dilakukan siswa selama di sekolah secara
keseluruhan. Desain form output informasi pelanggaran dapat dilihat pada
Gambar 3.36.
84
Gambar 3.36 Desain Output Informasi Pelanggaran
5. Laporan Nilai
Gambar 3.37 Desain Output Laporan Nilai Siswa
Gambar 3.33 menjelaskan tentang desain form output laporan nilai siswa
per semester sesuai dengan mata pelajaran yang dipilih oleh guru. Tampilan atas
85
meliputi semester, nama mata pelajaran, pengasuh, dan kelas yang dipilih. Pada
tampilan tabel terdapat no induk siswa, nama siswa, nilai tugas, nilai ulangan
harian, uts, dan uas. Pada Gambar 3.37 diatas juga terdapat tombol unduh file
excel untuk mengunduh tabel nilai tersebut dalam bentuk excel.
3.2.8 Desain Uji Coba
Setelah melakukan desain interface input/output, tahap selanjutnya
adalah melakukan desain uji coba. Tujuannya adalah untuk mengetahui apakah
aplikasi yang telah dibuat ini sudah berjalan dengan baik dan sesuai dengan tujuan
atau output yang diharapkan. Desain uji coba ini dilakukan dengan menggunakan
metode black box testing. Adapun uji coba yang dilakukan adalah sebagai berikut:
A. Desain Uji Coba Halaman Login
Desain uji coba yang dilakukan pada halaman login dapat dilihat pada
Tabel 3.39 berikut ini.
Tabel 3.39 Desain Uji Coba Login
Test
Case Tujuan Input Output Diharapkan
1. Deskripsi
username dan
password yang
valid.
Memasukkan data login
siswa username = 13048,
password = siswa.
Tampilan form login
tertutup dan masuk ke
tampilan halaman siswa.
2. Deskripsi
username dan
password yang
tidak valid.
Memasukkan data login
salah username = 4571,
password = 678456.
Muncul pesan “username
dan password anda
salah”.
3. Deskripsi
username dan
password yang
tidak valid.
Data username dan
password kosong.
Muncul pesan “harap isi
bidang ini”.
86
B. Desain Uji Coba Master Siswa
Desain uji coba yang dilakukan pada halaman master siswa dapat dilihat
pada Tabel 3.40 berikut ini.
Tabel 3.40 Desain Uji Coba Master Siswa
Test
Case Tujuan Input Output Diharapkan
4. Simpan data Memasukkan data
siswa sesuai dengan
kolom yang telah
disediakan.
Data baru tampil pada
data table siswa.
5.
Ubah data Mengubah data siswa
pada kolom yang ingin
diubah.
Data berubah tampil pada
data table siswa.
6. Validasi masukkan
huruf pada No Induk
Memasukkan karakter
selain angka.
Kolom No Induk tidak
bisa terisi.
7. Validasi masukan
angka pada Nama
Siswa
Memasukkan karakter
selain huruf.
Kolom Nama Siswa tidak
bisa terisi.
8. Validasi masukan
huruf pada No
Telpon
Memasukkan karakter
selain angka.
Kolom No Telpon tidak
bisa terisi.
9. Validasi masukan
angka pada Nama
Wali Murid
Memasukkan karakter
selain huruf.
Kolom Nama Wali Murid
tidak bisa terisi.
10. Validasi masukan
angka pada
Perkerjaan Wali
Murid
Memasukkan karakter
selain huruf.
Kolom Perkerjaan Wali
Murid tidak bisa terisi.
11. Validasi kolom
belum terisi
Kolom tidak terisi data. Muncul pesan “harap isi
bidang ini”.
C. Desain Uji Coba Master Guru
Desain uji coba yang dilakukan pada halaman master guru dapat dilihat
pada Tabel 3.41 berikut ini.
87
Tabel 3.41 Desain Uji Coba Master Guru
Test
Case Tujuan Input Output Diharapkan
12. Simpan data Memasukkan data guru
sesuai dengan kolom
yang telah disediakan.
Data baru tampil pada
data table guru.
13. Ubah data Mengubah data guru
pada kolom yang ingin
diubah.
Data berubah tampil pada
data table guru.
14. Validasi masukkan
huruf pada NIP
Memasukkan karakter
selain angka.
Kolom NIP tidak bisa
terisi.
15. Validasi masukan
angka pada Nama
Lengkap
Memasukkan karakter
selain huruf.
Kolom Nama Lengkap
tidak bisa terisi.
16. Validasi masukan
huruf pada No
Telpon
Memasukkan karakter
selain angka.
Kolom No Telpon tidak
bisa terisi.
17. Validasi kolom
belum terisi
Kolom tidak terisi data. Muncul pesan “harap isi
bidang ini”.
D. Desain Uji Coba Master Kelas
Desain uji coba yang dilakukan pada halaman master kelas dapat dilihat
pada Tabel 3.42 berikut ini.
Tabel 3.42 Desain Uji Coba Master Kelas
Test
Case Tujuan Input Output Diharapkan
18. Simpan data Memasukkan data kelas
sesuai dengan kolom
yang telah disediakan.
Data baru tampil pada
data table kelas.
19. Ubah data Mengubah data kelas
pada kolom yang ingin
diubah.
Data berubah tampil pada
data table kelas.
20. Validasi huruf
besar pada Nama
Kelas
Memasukkan karakter
huruf kecil.
Karakter menjadi huruf
besar.
21. Validasi kolom
Nama Kelas
belum terisi
Kolom tidak terisi data. Muncul pesan “harap isi
bidang ini”.
88
E. Desain Uji Coba Master Mata Pelajaran
Desain uji coba yang dilakukan pada halaman master mata pelajaran
dapat dilihat pada tabel 3.43 berikut ini.
Tabel 3.43 Desain Uji Coba Master Mata Pelajaran
Test
Case Tujuan Input Output Diharapkan
22. Simpan data Memasukkan data mata
pelajaran sesuai dengan
kolom yang telah
disediakan.
Data baru tampil pada
data table mata pelajaran.
23. Ubah data Mengubah data mata
pelajaran pada kolom
yang ingin diubah.
Data berubah tampil pada
data table mata pelajaran.
24. Validasi huruf
besar pada Mata
Pelajaran
Memasukkan karakter
huruf kecil.
Karakter menjadi huruf
besar.
25. Validasi kolom
Mata Pelajaran
belum terisi
Kolom tidak terisi data. Muncul pesan “harap isi
bidang ini”.
F. Desain Uji Coba Master Jenis Pelanggaran
Desain uji coba yang dilakukan pada halaman master mata pelajaran
dapat dilihat pada Tabel 3.44 berikut ini.
Tabel 3.44 Desain Uji Coba Master Jenis Pelanggaran
Test
Case Tujuan Input Output Diharapkan
26. Simpan data Memasukkan data jenis
pelanggaran sesuai
dengan kolom yang telah
disediakan.
Data baru tampil pada
data table jenis
pelanggaran.
27. Ubah data Mengubah data jenis
pelanggaran pada kolom
yang ingin diubah.
Data berubah tampil pada
data table jenis
pelanggaran.
89
Test
Case Tujuan Input Output Diharapkan
28. Validasi masukan
angka pada Nama
Pelanggaran
Memasukkan karakter
selain huruf.
Kolom Nama
Pelanggaran tidak bisa
terisi.
29. Validasi masukan
huruf pada Poin
Memasukkan karakter
selain angka.
Kolom Poin tidak bisa
terisi.
30. Validasi jumlah
poin pelanggaran
dalam batas nilai
1-100
Memasukkan nilai poin
dibawah 1 atau diatas
100.
Muncul pesan “nilai
harus lebih besar
daripada atau sama
dengan 1”.
31. Validasi kolom
belum terisi
Kolom tidak terisi data. Muncul pesan “harap isi
bidang ini” atau “pilih
item pada daftar”.
G. Desain Uji Coba Transaksi Kehadiran Siswa
Desain uji coba yang dilakukan pada halaman kehadiran siswa dapat
dilihat pada Tabel 3.45 berikut ini.
Tabel 3.45 Desain Uji Coba Kehadiran Siswa
Test
Case Tujuan Input Output Diharapkan
32. Simpan data Memasukkan data
kehadiran sesuai jam
pelajaran yang dipilih.
Data tersimpan dan
tampil pada data tabel
kehadiran siswa.
33. Ubah data Mengubah data
kehadiran pada kolom
keterangan yang ingin
diubah.
Data berubah tampil pada
data table kehadiran
siswa.
34. Validasi pilih
kelas belum terisi
pada Kehadiran
Siswa
Textbox daftar kelas
tidak terisi data.
Muncul pesan “pilih item
pada daftar”.
H. Desain Uji Coba Transaksi Penilaian Siswa
Desain uji coba yang dilakukan pada halaman penilaian siswa dapat
dilihat pada Tabel 3.46 berikut ini.
90
Tabel 3.46 Desain Uji Coba Penilaian Siswa
Test
Case Tujuan Input Output Diharapkan
35. Simpan data Memasukkan data
penilaian sesuai
semester, kelas, dan mata
pelajaran yang dipilih.
Data tersimpan dan
tampil pada data table
penilaian siswa.
36. Ubah data Mengubah data penilaian
pada kolom nilai yang
ingin diubah.
Data berubah tampil pada
data table penilaian
siswa.
37. Validasi batas
nilai 0-100 pada
kolom penilaian
Memasukkan nilai
dibawah 0 atau diatas
100.
Nilai menjadi 0 apabila
masukan kurang dari 0
atau nilai menjadi 100
apabila masukkan lebih
dari 100.
38. Validasi kolom
belum terisi
Kolom tidak terisi data. Muncul pesan “pilih item
pada daftar”.
I. Desain Uji Coba Transaksi Pembayaran SPP
Desain uji coba yang dilakukan pada halaman pembayaran spp siswa
dapat dilihat pada Tabel 3.47 berikut ini.
Tabel 3.47 Desain Uji Coba Pembayaran SPP Siswa
Test
Case Tujuan Input Output Diharapkan
39. Simpan data Memasukkan data
pembayaran sesuai yang
dipilih.
Data tersimpan dan
tampil pada data table
pembayaran spp siswa.
40. Ubah data Mengubah data pembayaran
pada kolom keterangan yang
ingin diubah.
Data berubah tampil pada
data table pembayaran
spp siswa.
41. Validasi pilih
kelas belum
terisi pada
Pembayaran
SPP Siswa
Combobox daftar kelas tidak
terisi data.
Muncul pesan “pilih item
pada daftar”.
91
J. Desain Uji Coba Transaksi Pelanggaran Siswa
Desain uji coba yang dilakukan pada halaman pelanggaran siswa dapat
dilihat pada Tabel 3.48 berikut ini.
Tabel 3.48 Desain Uji Coba Pelanggaran Siswa
Test
Case Tujuan Input Output Diharapkan
42. Simpan data Memasukkan data
pelanggaran sesuai
dengan kolom yang
disediakan.
Data tersimpan dan
tampil pada data table
pelanggaran siswa.
43. Ubah data Mengubah data
pelanggaran pada
kolom keterangan yang
ingin diubah.
Data berubah tampil pada
data table pelanggaran
siswa.
44. Validasi pilih kelas
belum terisi pada
Pelanggaran Siswa
Combobox daftar kelas
tidak terisi data.
Muncul pesan “pilih item
pada daftar”.
45. Validasi pilih siswa
belum terisi pada
Pelanggaran Siswa
Combobox daftar siswa
tidak terisi data.
Muncul pesan “pilih item
pada daftar”.
46. Validasi pilih
kategori pelanggaran
belum terisi pada
Pelanggaran Siswa
Combobox daftar
kategori pelanggaran
tidak terisi data.
Muncul pesan “pilih item
pada daftar”.
47. Validasi pilih jenis
pelanggaran belum
terisi pada
Pelanggaran Siswa
Combobox daftar jenis
pelanggaran tidak terisi
data.
Muncul pesan “pilih item
pada daftar”.
48. Validasi keterangan
pelanggaran belum
terisi pada
Pelanggaran Siswa
Textbox keterangan
tidak terisi data.
Muncul pesan “harap isi
bidang ini”.
top related