PROPOSAL PROYEK AKHIR

RANCANG BANGUN SISTEM INFORMASI AKADEMIK

UNTUK MONITORING SISWA BERBASIS WEB DENGAN
METODE PROTOTYPE (STUDI KASUS : SMA
MUHAMMADIYAH 07 SERBELAWAN)

Disusun oleh :
Yogi Andriansyah
NIM. 1857301081

PROGRAM STUDI SISTEM INFORMASI

POLITEKNIK CALTEX RIAU
2021
 RINGKASAN

SMA MUHAMMADIYAH-07 SERBELAWAN merupakan sekolah perguruan

swasta menengah yang berlokasi di JL.Merdeka Serbelawan, Kecamatan Dolok Batu
Nanggar, Kabupaten Simalungun, Sumatera Utara. Selama hampir 41 tahun berdiri,
sekolah ini masih menerapkan catatan manual dalam mengolah data absensi, nilai dan
kegiatan akademik sekolah lainnya. Hal ini memiliki resiko kurangnya pemantauan
akademik baik guru dan orang tua terhadap siswa/siswi. Dan juga kurangnya
pemantauan jika siswa/siswi melakukan bolos sekolah. Maka dari itu dibuatlah sistem
informasi akademik dan Semua sistem akan dibuat menggunakan Bahasa
pemrograman PHP dengan framework codeigniter dan database mysql menggunakan
metode prototype, metode dipilih agar system yang dibangun sesuai dengan proses
bisnis akademik yang ada di SMA MUHAMMADIYAH 07 SERBELAWAN.
Diharapkan dengan adanya sistem ini nantinya dapat membentuk SMA
Muhammadiyah menjadi lebih baik dalam proses akademik, kedisiplinan siswa/siswi,
serta orang tua yang dapat mengontrol absensi anaknya.

Kata kunci : sistem informasi akademik, berbasis web, pengolahan nilai dan absensi

i
DAFTAR ISI

RINGKASAN.................................................................................................................i
DAFTAR GAMBAR....................................................................................................iv
DAFTAR TABEL.........................................................................................................v
1. I. PENDAHULUAN...........................................................................................1
1.1 Latar Belakang..............................................................................................1

1.2 Perumusan Masalah......................................................................................2

1.3 Batasan Masalah...........................................................................................2

1.4 Tujuan dan Manfaat......................................................................................3

1.4.1 Tujuan..................................................................................................3

1.4.2 Manfaat................................................................................................3

1.5 Metodologi Penelitian...................................................................................3

1.6 Sistematika Penulisan...................................................................................4

2. II. TINJAUAN PUSTAKA.................................................................................6

2.1 Penelitian Terdahulu.....................................................................................6

2.2 Landasan Teori..............................................................................................9

2.2.1 Sistem..................................................................................................9

2.2.2 Sistem Informasi................................................................................10

2.2.3 Prototype...........................................................................................11

2.2.4 Hypertext Markup Language (HTML)..............................................12

2.2.5 Website...............................................................................................12

2.2.6 PHP....................................................................................................13

2.2.7 Black Box Testing..............................................................................13

2.2.8 User Acceptance Testing...................................................................14

ii
3. III. PERANCANGAN.......................................................................................15
3.1 Arsitektur Sistem.........................................................................................15

3.2 Tahap Pengembangan Prototyping.............................................................15

3.2.1 Pengumpulan kebutuhan....................................................................16

3.2.2 Proses Desain (Rancang antarmuka).................................................18

3.2.3 Proses Desain.....................................................................................39

3.2.4 Evaluasi Prototyping..........................................................................41

3.3 Use Case Diagram.......................................................................................41

3.4 Pengujian (testing)......................................................................................56

3.4.1 Black box.....................................................................................................57

3.4.2 UAT (User Acceptance Test)......................................................................61

4. IV. JADWAL DAN ANGGARAN BIAYA.....................................................62

4.1 Jadwal..........................................................................................................62

4.2 Perkiraan Biaya...........................................................................................63

DAFTAR PUSTAKA..................................................................................................63

iii
 DAFTAR GAMBAR

Gambar 2. 1 Siklus Prototye........................................................................................15

Gambar 3. 1 Arsitektur Sistem 15

Gambar 3. 2 Tahapan Prototype..................................................................................16
Gambar 3. 3 As Is Process...........................................................................................17
Gambar 3. 4 To Be Process.........................................................................................18
Gambar 3. 5 Halaman Login.......................................................................................18
Gambar 3. 6 Halaman Dashboard Admin...................................................................19
Gambar 3. 7 Halaman SIswa 1....................................................................................20
Gambar 3. 8 Halaman Siswa 2....................................................................................20
Gambar 3. 9 Halaman Edit Data Siswa..................................................................20
Gambar 3. 10 Halaman Lihat Siswa.....................................................................21
Gambar 3. 11 Halaman Lihat Presensi Siswa..............................................................21
Gambar 3. 12 Halaman Detail Presensi................................................................22
Gambar 3. 13 Halaman Input Data Guru..................................................................22
Gambar 3. 14 Halaman Input Data Guru..................................................................23
Gambar 3. 15 Halaman Input Data Guru..................................................................23
Gambar 3. 16 Halaman Detail Data Guru.................................................................24
Gambar 3. 17 Halaman Input Data Kelas....................................................................24
Gambar 3. 18 Halaman Edit Data Kelas...................................................................25
Gambar 3. 19 Halaman Input Data Mapel................................................................25
Gambar 3. 20 Halaman Input Data Mapel................................................................26
Gambar 3. 21 Halaman Input Data Pengampu.........................................................26
Gambar 3. 22 Halaman Edit Data Pengampu.......................................................27
Gambar 3. 23 Halaman Dashboard Guru Mapel......................................................27
Gambar 3. 24 Halaman Absen Guru.........................................................................28
Gambar 3. 25 Halaman Jadwal Pengampu...............................................................28

iv
Gambar 3. 26 Halaman Presensi Siswa....................................................................29
Gambar 3. 27 Halaman Presensi Siswa....................................................................29
Gambar 3. 28 Halaman Detail Presensi Siswa.........................................................30
Gambar 3. 29 Halaman Input Nilai Siswa................................................................31
Gambar 3. 30 Halaman Detail Presensi Siswa.........................................................31
Gambar 3. 31 Halaman Dashboard Wali Kelas........................................................32
Gambar 3. 32 Halaman Jadwal Kelas.......................................................................32
Gambar 3. 33 Halaman Presensi Siswa....................................................................33
Gambar 3. 34 Halaman Presensi Siswa....................................................................33
Gambar 3. 35 Halaman Raport Siswa.......................................................................34
Gambar 3. 36 Halaman Dashboard Siswa................................................................34
Gambar 3. 37 Halaman Presensi Siswa....................................................................35
Gambar 3. 38 Halaman Detail Presensi Siswa.........................................................35
Gambar 3. 39 Halaman Jadwal Kelas Siswa............................................................36
Gambar 3. 40 Halaman Nilai Raport Siswa..............................................................36
Gambar 3. 41 Halaman Dashboard Kepsek..............................................................37
Gambar 3. 42 Halaman Presensi Kepsek..................................................................37
Gambar 3. 43 Halaman Data Presensi Guru.............................................................38
Gambar 3. 44 Halaman Data Absensi Siswa............................................................38
Gambar 3. 45 Halaman Detail Absensi Siswa..........................................................39
Gambar 3. 46 Halaman Data Nilai............................................................................39
Gambar 3. 47 Use Case Diagram................................................................................43

DAFTAR TABEL
Tabel 2. 1 Perbandingan Penelitian.............................................................................11

v
Tabel 3. 1 Identifikasi Aktor 48
Tabel 3. 2 Use Case Login......................................................................................50
Tabel 3. 3 Use Case Kelola Siswa...............................................................................50
Tabel 3. 4 Use Case Kelola Guru................................................................................51
Tabel 3. 5 Use Case Kelola Kelas...............................................................................52
Tabel 3. 6 Use Case Kelola Mapel..............................................................................53
Tabel 3. 7 Use Case Kelola Pengampu........................................................................54
Tabel 3. 8 Use Case Lihat Presensi Guru....................................................................55
Tabel 3. 9 Use Case Presensi Siswa............................................................................56
Tabel 3. 10 Use Case Data Presensi Siswa..................................................................57
Tabel 3. 11 Use Case Kelola Nilai Siswa....................................................................57
Tabel 3. 12 Use Case Jadwal Kelas.............................................................................58
Tabel 3. 13 Use Case Presensi Siswa.......................................................................59
Tabel 3. 14 Use Case Raport....................................................................................59
Tabel 3. 15 Use Case Presensi..................................................................................60
Tabel 3. 16 Use Case Jadwal Kelas..........................................................................60
Tabel 3. 17 Use Case Nilai Raport...........................................................................61
Tabel 3. 18 Use Case Presensi.....................................................................................61
Tabel 3. 19 Use Case Data Presensi Kepsek...............................................................62
Tabel 3. 20 Use Case Data Presensi Siswa..................................................................62
Tabel 3. 21 Use Case Data Nilai..................................................................................63
Tabel 3. 22 Pengujian Black Box................................................................................65
Tabel 3. 23 Pertanyaan User Acceptance Test (UAT)................................................69

vi
1. I. PENDAHULUAN

1.1 Latar Belakang

Pada saat ini perkembangan teknologi informasi telah banyak memberikan

kontribusi yang nyata baik di bidang usaha maupun pendidikan. Teknologi juga
menjadi hal yang dibutuhkan oleh seseorang untuk mencari informasi secara cepat.
Karena adanya teknologi informasi orang – orang dapat mencari informasi baik dari
dunia keseharian maupun dunia pendidikan. Teknologi informasi saat ini juga banyak
dimanfaatkan sebagai media informasi dan pengolahan data bagi setiap sekolah, baik
dari jenjang SD sampai Perguruan tinggi. Oleh karena itu teknologi informasi
sangatlah penting bagi setiap sekolah agar menambah wawasan dari pendidikan.
Selain itu sekolah juga disarankan memiliki sistem informasi yang dapat memberikan
informasi seputaran sekolah, baik untuk siswa dan siswi maupun masyarakat luas.
Salah satu sekolah yang belum menerapkan teknologi informasi yaitu SMA
Muhammadiyah 07 Serbelawan. Sekolah ini berlokasi di Kota Serbelawan Kabupaten
Simalungun Sumatera Utara. Sekolah yang sudah berdiri dari tahun 1980 ini
merupakan sekolah yang cukup populer karena usianya yang sudah cukup lama dan
sudah dikenali oleh masyarakat sekitar. SMA Muhammadiyah 07 Serbelawan juga
sudah memiliki 636 siswa/siswi untuk saat ini. Sesuai hasil wawancara yang
diadakan, pihak kepala sekolah yaitu Bapak Zulkifli juga memaparkan masalah yang
terjadi yaitu, tentang pencatatan absensi yang masih manual dan menyebabkan
terjadinya kesalahan pada jumlah absensi siswa/siswi, tak jarang jumlah akhir absensi
yang ada di raport berbeda pada jumlah absensi yang ada pada buku absen harian.
Adapun hal lain yang menjadi permasalahan yaitu buku absensi terkadang robek dan
kotor karena ulah siswa/siswi, sementara itu buku absensi harus digunakan selama
satu tahun pemakaian. Selain itu wali kelas juga sering kesulitan dalam memasukkan
nilai siswa/siswi nya ke dalam raport, karena wali kelas harus menunggu nilai akhir
yang diberikan masing-masing guru di setiap bidang mata pelajaran. Sehingga waktu
yang dibutuhkan dalam memasukkan nilai ke raport memakan waktu lama.

vii
 Dari permasalahan yang dipaparkan di atas maka pihak sekolah menginginkan
sistem informasi akademik guna membantu dalam proses pengolahan data yang ada
pada sekolah. Sistem yang diinginkan juga membantu dalam pemasukan nilai agar
mempersingkat waktu dan memudahkan guru dalam memasukkan nilai. Kemudian
dapat membantu dalam presensi kehadiran agar memasukkan absensi dilakukan per
hari tanpa menunggu waktu kenaikan semester.
Berdasarkan permasalahan diatas dibuatlah sistem informasi akademik yang
dapat memantau siswa/siswi SMA Muhammadiyah 07 serbelawan berupa sistem
yang dapat mengolah data siswa dan data guru, nilai dan presensi. Sistem ini juga
dapat diakses oleh kepala sekolah agar dapat memantau aktivitas yang ada pada guru
dan siswa/siswi nya. Sistem informasi akademik ini merupakan sistem yang berbasis
website dengan menggunakan bahasa pemrograman PHP dan database MYSQL
dengan metode prototype. Metode ini sangat sesuai dengan penelitian karena pihak
sekolah belum tahu bagaimana mengaplikasikannya dan juga pembuatan secara cepat
agar dapat menghemat waktu serta kerja sama yang baik dalam melakukan
perancangan dengan memanfaatkan komputer yang ada di sekolah.

1.2 Perumusan Masalah

Berdasarkan latar belakang di atas, maka rumusan masalah dalam penelitian ini
adalah:
1. SMA Muhammadiyah-07 Serbelawan sering mengalami masalah dalam
pengelolaan dan pelaporan kehadiran siswa. Hal ini karena pihak sekolah
hanya menggunakan pencatatan absensi manual.
2. Kesulitan dalam memasukan nilai ke dalam raport, dikarenakan harus
menunggu nilai dari guru – guru di setiap bidang mata pelajaran. Dan proses
memasukkan nilai memakan waktu yang lama.

1.3 Batasan Masalah

Adapun batasan masalah dalam pembuatan proyek akhir ini adalah :

1. Pada sistem ini hanya terdapat pengolahan data siswa/siswi dalam presensi,
kegiatan siswa, nilai siswa

viii
 2. Sistem ini dapat diakses oleh admin, kepala sekolah, siswa
3. Sistem ini dibangun menggunakan metode prototype dan menggunakan
bahasa pemrograman PHP dengan framework codeigniter dan database
MYSQL
4. Sistem akan memberikan notifikasi melalui whatsapp yang menyampaikan
pesan ke orang tua siswa jika melakukan siswa/siswi tidak hadir.
5. Sistem dapat diakses oleh siswa untuk melihat nilai yang didapat setiap
semester, dan juga jumlah kehadiran.

1.4 Tujuan dan Manfaat

1.4.1 Tujuan
Adapun tujuan dari penelitian ini adalah:
1. Merancang dan Mengembangkan sistem untuk mengolah data nilai dan
absen siswa Sma Muhammadiyah 07 Serbelawan berbasis website.
2. Mengembangkan sistem agar orang tua siswa dapat memantau aktivitas
siswa selama siswa masih menjadi pelajar di Sma Muhammadiyah 07
Serbelawan.
3. Merancang dan mengembangkan sistem untuk membantu guru dalam
memasukkan nilai akhir siswa/siswi menjadi lebih cepat.

1.4.2 Manfaat
Manfaat yang diharapkan dari penelitian ini adalah:
1. Membantu mempermudah proses absensi dan pengolahan nilai siswa.
2. Membantu orang tua dalam memantau anaknya.
3. Membantu kepala sekolah dalam memantau aktivitas akademik sekolah.

1.5 Metodologi Penelitian

Metode penelitian yang dipakai dalam pembuatan proyek akhir ini adalah :
1. Studi lapangan
Studi lapangan dilakukan dengan cara wawancara dengan pihak SMA
Muhammadiyah untuk mengetahui informasi dan kebutuhan apa saja yang
dibutuhkan untuk pembuatan sistem.

ix
 2. Perancangan
Melakukan perancangan pembuatan sistem dengan mempertimbangankan
tujuan dan manfaat
3. Implementasi
Pembangunan sistem dengan menggunakan bahasa pemrograman PHP dan
database MYSQL
4. Pengujian
Melakukan pengujian pada sistem yang telah dibuat untuk SMA
Muhammadiyah 07 serbelawan
5. Studi literatur
Proses pengumpulan bahan – bahan refrensi seperti buku, artikrel, jurnal,
paper, makalah, maupun bahan – bahan refrensi melalui internet.
6. Analisa dan evaluasi
Melakukan analisa dan evaluasi pada sistem yang telah dilakukan
pengujian jika terdapat kesalahan dan kekurangan maka sistem akan
dianalisa kembali

1.6 Sistematika Penulisan

Sistematika penulisan laporan proyek akhir ini secara keseluruhan terdiri dari
empat bab, masing-masing terdiri dari beberapa sub bab. Adapun pokok pembahasan
dari masing-masing bab tersebut secara garis besar sebagai berikut:
BAB I PENDAHULUAN
Bab ini menguraikan tentang latar belakang masalah, perumusan masalah dan
ruang lingkup masalah, tujuan dan manfaat penelitian, metodologi penelitian dan
sistematika penulisan.
BAB II TINJAUAN PUSTAKA
Bab ini menguraikan beberapa hasil penelitian terdahulu dan landasan teori
yang diperlukan untuk merancang sistem. Hasil penelitian terdahulu menjelaskan
perbandingan penelitian terdahulu dengan penelitian yang dilakukan sedangkan
landasan teori berisi teori-teori seperti teori yang menjelaskan tentang Sistem

x
Informasi, teori yang menjelaskan metode prototype, PHP, MySQL, black box
testing, dan usuability testing
BAB III PERANCANGAN
Pada bab ini menguraikan beberapa perancangan yang akan digunakan pada
penelitian ini yaitu tentang proses bisnis yang menjelaskan tentang sistem akademik
SMA Muhammadiyah 07 serbelawan, arsitektur sistem, flowchart, prototyping, use
case diagram, blok diagram, perancangan antarmuka, black box testing dan usability
testing.
BAB IV JADWAL DAN PERKIRAAN BIAYA
Bab ini berisi informasi mengenai jadwal pengerjaan proyek akhir dan
perkiraan biaya yang dibutuhkan untuk pengerjaan proyek akhir.

xi
2. II. TINJAUAN PUSTAKA

2.1 Penelitian Terdahulu

Review penelitian terdahulu berguna untuk memberikan masukan dan ide yang
terkait dengan penelitian yang akan dilakukan. Penelitian yang terkait yang
mendukung penelitian ini adalah:
Penelitian yang dilakukan oleh (Susanti, 2016) mengenai Sistem informasi
akademik dengan mengambil studi kasus di SMK Pasar Minggu. Metode yang
digunakan adalah metode Waterfall. Hasil dari penelitian ini adalah penggunaan
sistem informasi akademik berbasis web pada SMK Pasar Minggu dapat memberikan
solusi yang lebih cepat dalam pengolahan nilai, pembuatan laporan lebih efektif dan
efisen karena penyimpanan data sudah dalam database.
Penelitian (Marijan & Nurajizah, 2019) yang berjudul perancangan sistem
informasi akademik berbasis web pada SD Luqmanul Hakim Bekasi. Metode
pengembangan sistem yang digunakan pada penelitian ini adalah metode prototype.
Hasil penelitian ini adalah mempermudah pengolahan dan penyimpanan data siswa
dan guru, mempermudah siswa dan orang tua dalam memperoleh informasi akademik
serta memberikan informasi profil dan kegiatan sekolah kepada setiap orang yang
membuka web sekolah.
Penelitian selanjutnya dilakukan oleh (Saripudin & Ardhiansyah, 2020) yang
berjudul Sistem Informasi Akademik Sekolah Berbasis Web dengan Studi kasus
SMK Bina Mandiri Depok. Metode yang di gunakan dalam penelitian ini adalah
metode Prototype. Sistem ini menyediakan fitur report nilai disetiap semester yang
sedang berjalan serta dapat mencetak nilai disetiap semester. Hasil dari penelitian ini
adalah mempercepat pengolahan dalam penyajian laporan nilai dibandingkan dengan
secara manual.
Penelitian (Nugraha & Pramukasari, 2017) yang berjudul Sistem Informasi
Akademik Sekolah Berbasis Web dengan studi kasus di SMP Negeri 11 Tasikmalaya.
Sistem ini mempermudah karyawan dalam pendataan dan mempercepat kinerja setiap

12
pegawai serta proses pencarian data akan lebih mudah dan cepat. Hasil dari penelitian
ini adalah mempermudah dan mempercepat orang tua atau pihak lain dalam
mendapatkan informasi dari sekolah melalui system yang telah di bangun.
Tabel 2. 1 Perbandingan Penelitian

Peneliti Judul Bahasa Metode Hasil

pemogra
man
(Susanti, Sistem PHP Waterf Memberika
2016) informasi all n solusi
akademik yang lebih
pada SMK cepat dalam
Pasar pengolahan
Minggu nilai,
pembuatan
laporan
lebih efektif
dan efisen
karena
penyimpana
n data
sudah
dalam
database.
(Marijan Sistem PHP Prototy Mempermu
& informasi pe dah
Nurajizah, akademik pengolahan
2019) berbasis web dan
pada SD penyimpana
Luqmanul n data siswa
Hakim dan guru

13
 Bekasi serta
mempermu
dah siswa
dan orang
tua dalam
memperole
h informasi
akademik
(Saripudin Sistem PHP Prototy Mempercep
& Informasi pe at
Ardhiansy Akademik pengolahan
ah, 2020) Sekolah dalam
Berbasis penyajian
Web dengan laporan
Studi kasus nilai
SMK Bina dibandingka
Mandiri n dengan
Depok secara
manual
(Nugraha Sistem PHP Watefa Mempermu
& Informasi ll dah dan
Pramukas Akademik mempercep
ari, 2017) Sekolah at orang tua
Berbasis atau pihak
Web di SMP lain dalam
Negeri 11 mendapatka
Tasikmalaya n informasi
dari sekolah
melalui
system

14
 yang telah
di bangun.
Penelitian Rancang PHP Prototy Mempermu
saat ini Bangun pe dah dan
Sistem mempercep
Informasi at guru
Akademik dalam
Untuk melakukan
Monitoring absensi dan
Siswa memasukka
Berbasis n nilai
Web Dengan siswa
Metode kedalam
Prototype sistem dan
(Studi membantu
Kasus: Sma mempermu
Muhammadi dah orang
yah 07 tua siswa
Serbelawan) dalam
memantau
keaktifan
anaknya.

2.2 Landasan Teori

2.2.1 Sistem
Sistem adalah kumpulan atau himpunan dari unsur, komponen, atau variable
yang terorganisasi, saling berinteraksi, saling tergantung satu sama lain terpadu
(Sutarbi, 2012). Sistem memiliki kombinasi elemen-elemen yang sama, tetapi

15
susunan dasarnya sama. Elemen-elemen yang terdapat dalam sistem ditandai dengan
adanya.
a. Tujuan ini menjadi motivasi yang mengarahkan pada sistem, karena tanpa
tujuan yang jelas sistem menjadi tak terarah dan tak terkendali
b. Masukan (input) sistem adalah segala sesuatu yang masuk ke dalam sistem
dan selanjutnya menjadi bahan untuk diproses. Masukan dapat berupa hal -
hal berwujud maupun yang tidak berwujud.
c. Keluaran (output) merupakan hasil dari input yang sudah dilakukan
pemerosesan sistem dan keluaran dapat menjadi masukan untuk subsistem
lain.
d. Batasan (boundary) sistem adalah pemisah antara sistem dan daerah diluar
sistem. Selain itu juga sebagai batasan–batasan dari tujuan yang akan dicapai
oleh sistem.
e. Umpan balik ini digunakan untuk mengendalikan masukan maupun proses.
Umpan balik juga bertugas mengevaluasi bagian dari output yang
dikeluarkan. Tujuannya untuk mengatur agar sistem berjalan sesuai dengan
tujuan

2.2.2 Sistem Informasi

Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi
operasi organisasi yang bersifat manajerial dengan kegiatan stategi suatu organisasi
untuk dapat menyediakan laporan-laporan yang diperlukan oleh pihak luar tertentu
(Sutarbi, 2012). Sistem Infoarmasi terdiri dari komponen-komponen yang disebut
sebagai berikut
A. Blok masukan (input block)
Input mewakili data yang masuk ke dalam sistem informasi, yamg dimaksud
dengam input disini termasuk metode dan media untuk menangkap data yang akan
dimasukan, yang dapat berupa dokumen-dokumen dasar.
B. Blok model (model block)

16
 Blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang akan
memanipulasi data input dan data yang tersimpan di basis data dengan cara yang
sudah tertentu untuk menghasilkan keluaran yang diingninkan.
C. Blok basis data (database block)
Basis data (database) merupakan kumpulan data yang saling berkaitan dan
berhubungan satu dengan lainya, tersimpan diperangkat keras computer dan
perangkat lunak digunakan untuk memanipulasi.
D. Blok teknologi (technology block)
Teknologi merupakan tool box dalam suatu sistem informasi. Teknologi
digunakan untuk menerima input, mrnjalankan mode, menyimpan, dan mengkases
data, menghasilkan dan mengirim keluaran dan membantu pengedendalian sistem
secara keseluruhan.
E. Blok kendali (control block)
Banyak hal yang dapat merusal informasi, seperti bencama alam, api, temperature,
air,debu, kecurangan-kecurangan, kegagalan pada sistem itu sendiri, ketidak
efesien,sabotase dan lain sebagainya.
F. Blok keluaran (output block)
Produk dari sistem informasi adalah keluaran yang merupakan informasi yang
berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen
serta semua pemakai sistem.

2.2.3 Prototype
Prototype digunakan untuk merancang sistem informasi. Model prototype
memberikan kesempatan untuk pengembang program dan objek penelitian untuk
saling berinteraksi selama proses perancangan sistem (Sukamto dan Shalahuddin,
2015). Sedangkan menurut Yurindra (2017) model prototype adalah suatu proses
yang memungkinkan developer membuat sebuah model software, metode ini baik
digunakan apabila client tidak bisa memberikan informasi yang maksimal mengenai
kebutuhan yang diinginkannya.

17
 Model prototype ini memiliki beberapa tahapan (Sukamto dan Shalahuddin,
2015), yaitu:
1. Mendengarkan Stakeholder, Pengembang program dan objek penelitian
bertemu dan menentukan tujuan umum dan kebutuhan dasar. Detail
kebutuhan mungkin pada awal pengumpulan kebutuhan.
2. Membangun atau Memperbaiki Mock-Up, Perancangan sistem dapat
dikerjaan apabila data-data yang berkaitan telah dikumpulkan selama
pengumpulan kebutuhan. Rancangan ini menjadi dasar pembuatan prototype.
Pembuatan prototype ini merupakan tahapan perealisasian rancangan
prototype menggunakan bahasa pemrograman.
3. Pelanggan Melihat dan Menguji, Mock-Up Objek penelitian mengevaluasi
prototype yang dibuat dan dipergunakan untuk memperjelas kebutuhan
software.

Gambar 2. 1 Siklus Prototye

2.2.4 Hypertext Markup Language (HTML)

Menurut Solichin (2016) HTML merupakan bahasa pemrograman web yang
memberitahukan peramban web (web browser) bagaimana menyusun dan menyajikan
konten di halaman web. Hypertext markup language (HTML) adalah bahasa markup
standar untuk membuat dan menggambarkan struktur halaman web yang terdiri dari
elemen HTML sebagai blok bangunan sebuah halaman dan direpresentasikan dengan
tag (Atmoko, 2018).

18
 Berdasarkan definisi dari para ahli yang telah dikemukakan di atas, dapat
disimpulkan bahwa hypertext markup language (HTML) merupakan bahasa standar
yang digunakan untuk menyusun dan menyebarkan informasi serta menampilkan
halaman web.

2.2.5 Website
Website merupakan salah satu 16 media pemasaran yang cukup menjanjikan.
Situs web yang menarik dan informatif dapat dibuat dengan HTML dan PHP (Anna,
2016). Menurut Ginanjar (2014) mengemukakan bahwa Website adalah rangkaian
atau sejumlah halaman di internet yang memiliki topik saling terkait untuk
mempresentasikan suatu informasi. Sedangkan menurut Yuhefizar (2013),
mendefinisikan bahwa Website adalah keseluruhan halaman-halaman web yang
terdapat dari sebuah domain yang mengandung informasi. Dapat disimpulkan bahwa
website merupakan rangkuman dari keseluruhan halaman-halaman web yang ada
pada sebuah domainyang mengandung informasi teks, gambar diam atau gerak,
animasi, suara, yang bersifat dinamis atau statis yang membentuk suatu rangkaian
bangunan yang saling terkait dan memerlukan internet.

2.2.6 PHP
PHP merupakan sebuah bahasa pemrograman yang bersifat open source, yaitu
pengguna dapat mengembangkan kode-kode fungsi PHP sesuai dengan kebutuhan
(Maulana). Sedangkan Menurut Supono & Putratama (2016) pada (Madora et al.,
2018) PHP (Hypertext Preprocessor) adalah suatu bahasa pemrograman yang
digunakan untuk menerjemahkan baris kode program menjadi kode mesin yang dapat
dimengerti oleh komputer yang berbasis server-side yang dapat ditambahkan ke
dalam HTML. Berdasarkan pendapat dari para ahli di atas, dapat disimpulkan bahwa
PHP merupakan bahasa pemrograman yang dapat mengolah database, content
website sehingga website yang dibuat merupakan web dinamis.

19
2.2.7 Black Box Testing
Black Box Testing merupakan teknik pengujian yang berfokus pada spesifikasi
fungsional dari perangkat lunak (Auditya, Kartiko dan Wiguna, 2010). Salah satu
bentuk pengujian black-box adalah pengujian validasi yang bertujuan untuk
memeriksa apakah setiap fitur yang ada keluarannya sesuai dengan yang diinginkan
(Nidhra, 2012). Tujuan Black Box testing adalah untuk mencari kesalahan atau
kegagalan pada sistem saat melakukan operasi, biasanya kesalahan pada sistem
adalah seperti fungsi logika tidak benar, eror pada performance dan interface serta
kesalahan pada struktur data. Keuntungan jika menggunakan Black Box testing adalah
tidak perlu melihat source code secara detail dan mendeteksi kesalahan pada design
atau user interface.

2.2.8 User Acceptance Testing

User Acceptance Testing adalah pengujian dilakukan oleh pengguna secara
langsung untuk memeriksa apakah sistem dapat berjalan dengan benar sesuai dengan
yang diharapkan oleh pengguna. Sistem akan diperiksa  apakah item-item yang ada
dalam dokumen requirement sudah ada dalam software yang diuji atau tidak. Diuji
apakah semua item yang telah ada telah dapat memenuhi kebutuhan penggunanya.
Hasil dari UAT adalah dokumen yang menunjukkan bukti pengujian, berdasarkan
bukti pengujian inilah dapat diambil kesimpulan, apakah software yang diuji telah
dapat diterima atau tidak. (Yuniardi, 2013).

Menurut Perry (2006:70), User Acceptance Testing merupakan pengujian

yang dilakukan oleh end-user dimana user tersebut adalah staf/karyawan perusahaan
yang langsung berinteraksi dengan sistem dan dilakukan verifikasi apakah fungsi
yang ada telah berjalan sesuai dengan kebutuhan/fungsinya. Menurut Lewis
(2009:134), setelah dilakukan system testing, acceptance testing menyatakan bahwa
sistem software memenuhi persyaratan. Acceptance testing merupakan pengujian
yang dilakukan oleh pengguna yang menggunakan teknik pengujian black box untuk
menguji sistem terhadap spesifikasinya. Pengguna akhir bertanggung jawab untuk
memastikan semua fungsionalitas yang relevan telah diuji.

20
3. III. PERANCANGAN

3.1 Arsitektur Sistem

Website ini dibuat berdasarkan kebutuhan SMA MUHAMMADIYAH 07
Serbelawan. Dimana nantinya digunakan untuk pengelolahan data, baik data siswa,
data guru, aktivitas maupun administrasi lainya. Serta dapat memudahkan siswa
dalam mendapatkan informasi dan juga mempermudah guru dalam memasukkan
nilai.

Gambar 3. 1 Arsitektur Sistem

21
3.2 Tahap Pengembangan Prototyping
Pada pembangunan sistem informasi akademik ini, terdapat beberapa tahapan
dalam pengembangan metode Prototyping yang digunakan yang dapat dilihat pada
gambar dibawah ini.

Gambar 3. 2 Tahapan Prototype

3.2.1 Pengumpulan kebutuhan

Pada tahap ini sistem akan dikembangkan dengan cara mewawancari pihak
yang berkaitan dengan kepala sekolah yaitu kepala sekolah sebagai Client untuk
mengetahui sistem bagaimana yang dibutuhkan untuk diimplementasikan ke dalam
sistem. Adapun sistem yang dibutuhkan yaitu adanya pengelolaan data siswa,
pengelolaan data guru, nilai dan presensi.

3.2.1.1 Proses Bisnis Sistem

Proses bisnis yang terjadi pada SMA MUHAMMADIYAH 07 Serbelawan
saat ini yaitu, setiap harinya guru melakukan presensi yang di dicatat menggunakan
buku presensi harian yang akan dihitung jumlah kehadiran pada saat kenaikan
semester. Dan juga pada proses pemasukkan nilai yang dilakukan yaitu setiap guru
mata pelajaran harus menjumlahkan nilai setiap siswa yang nantinya akan diberikan
ke wali kelas untuk dimasukkan kedalam raport.

22
 Gambar 3. 3 As Is Process

Kurangnya sistem yang dapat membantu guru dan siswa mengakibatkan

dibutuhkannya sistem yang dapat mengelola data siswa dan data guru, dan juga
mengelola nilai dan presensi, dimana nantinya data tersebut dapat dikelola secara
sistematis. Adapun fitur yang dibutuhkan yaitu input absensi sebagai daftar hadir
siswa, jika ada siswa yang tidak hadir maka sistem akan mengirimkan pesan melalui
whatsapp sesuai keterangan ketidak hadiran siswa. Sistem juga dapat mengolah data
berupa nilai yang diinputkan oleh guru setiap mata pelajaran. Siswa juga dapat
melihat nilai dan jumlah presensi yang mereka dapatkan setiap semseter, selain itu
siswa juga dapat melihat nilai mereka pada semester sebelumnya ataupun kelas yang
sudah mereka lewati. Selain itu sistem ini dapat diakses oleh admin, kepala sekolah,
guru,siswa. Pada user siswa sistem menyediakan tempat informasi yang diberikan
oleh guru berupa catatan kenaikan kelas yang dapat dilihat oleh siswa.

23
 Gambar 3. 4 To Be Process

3.2.2 Proses Desain (Rancang antarmuka)

3.2.2.1 Halaman Login

Halaman ini digunakan untuk masuk ke halaman sistem baik itu Admin, Guru
Mapel, Wali Kelas, Kepala Sekolah, maupun Siswa.

Gambar 3. 5 Halaman Login

24
3.2.2.2 Halaman Dashboard Admin
Halaman ini digunakan untuk menampilkan profil dari studi kasus serta
terdapat fitur Logout.

Gambar 3. 6 Halaman Dashboard Admin

3.2.2.3 Halaman Siswa

Halaman ini digunakan untuk input data siswa yang terdapat form yang
digunakan untuk menginput data siswa yang terdapat di SMA Muhammadiyah 07
Serbelawan.

25
 Gambar 3. 7 Halaman SIswa 1

Gambar 3. 8 Halaman Siswa 2

3.2.2.4 Halaman Edit Data Siswa

Halaman ini digunakan untuk melakukan edit data dengan menampilkan form.

Gambar 3. 9 Halaman Edit Data Siswa

26
3.2.2.5 Halaman Lihat Siswa
Halaman ini digunakan untuk melihat semua siswa SMA Muhammadiyah 07
Serbelawan. Tampilan lihat siswa bisa melakukan pencarian data berdasarkan Kelas,
semester, Mapel ataupun NIS.

Gambar 3. 10 Halaman Lihat Siswa

3.2.2.6 Halaman Lihat Presensi Siswa

Halaman ini digunakan untuk melihat absensi semua siswa berdasarkan kelas,
mapel, semester, tahun, bulan ataupun NIS.

Gambar 3. 11 Halaman Lihat Presensi Siswa

3.2.2.7 Halaman Detail Presensi

Halaman ini digunakan untuk menampilkan data siswa yang ingin dicek detail
presensinya. Halaman ini menampilkan jumlah hadir, izin, sakit, ataupun alpa.

27
 Gambar 3. 12 Halaman Detail Presensi

3.2.2.8 Halaman Input Data Guru

Halaman dibawah ini merupakan tampilan menu master input data guru
yaitu terdapat form yang digunakan untuk menginput data guru di SMA
Muhammadiyah 07 Serbelawan.

Gambar 3. 13 Halaman Input Data Guru

3.2.2.9 Halaman Input Data Guru

Halaman ini digunakan untuk melakukan edit data guru dengan menampilkan
form edit.

28
 Gambar 3. 14 Halaman Input Data Guru

3.2.2.10 Halaman Lihat Presensi Guru

Halaman ini digunakan untuk menampilkan absensi guru. Tampilan ini bisa
melakukan pencariaan data berdasarkan kode guru dan nama.

Gambar 3. 15 Halaman Input Data Guru

3.2.2.11 Halaman Detail Data Guru

Halaman ini digunakan untuk melihat detail presensi guru yang ingin dilihat.

29
 Gambar 3. 16 Halaman Detail Data Guru

3.2.2.12 Halaman Input Data Kelas

Halaman ini digunakan untuk input data kelas yaitu terdapat form yang
digunakan untuk menginput data kelas yang terdapat pada SMA Muhammadiyah 07
Serbelawan

Gambar 3. 17 Halaman Input Data Kelas

3.2.2.13 Halaman Edit Data Kelas

Halaman ini digunakan untuk edit data kelas.

30
 Gambar 3. 18 Halaman Edit Data Kelas

3.2.2.14 Halaman Input Data Mapel

Halaman ini digunakan untuk melakukan input data mata pelajaran yaitu
terdapat form yang digunakan untuk menginput data mata pelajaran yang terdapat di
SMA Muhammadiyah 07 Serbelawan.

Gambar 3. 19 Halaman Input Data Mapel

3.2.2.15 Halaman Edit Data Mapel

Halaman ini digunakan untuk melakukan edit data mata pelajaran.

31
 Gambar 3. 20 Halaman Input Data Mapel

3.2.2.16 Halaman Input Data Pengampu

Halaman ini terdapat form yang digunakan untuk menginput gutu dan mata
pelajaran yang akan diampunya.

Gambar 3. 21 Halaman Input Data Pengampu

3.2.2.17 Halaman Edit Data Pengampu

Halaman ini terdapat form yang digunakan untuk mengedit data pengampu.

32
 Gambar 3. 22 Halaman Edit Data Pengampu

3.2.2.18 Halaman Dashboard Guru Mapel

Halaman ini digunakan untuk menampilkan profil dari studi kasus serta
terdapat fitur Logout.

Gambar 3. 23 Halaman Dashboard Guru Mapel

3.2.2.19 Halaman Absen Guru

Halaman ini terdapat tabel yang berupa absen masuk dan keluar untuk guru.
Untuk melakukan absen hanya dengan mengklik tombol seperti masuk dan keluar.

33
 Gambar 3. 24 Halaman Absen Guru

3.2.2.20 Halaman Jadwal Pengampu

Halaman ini menampilkan tabel jadwal guru pengampu yang diinputkan oleh
admin. Setiap guru memiliki tampilan halaman fitur jadwal pengampu yang berbeda.

Gambar 3. 25 Halaman Jadwal Pengampu

3.2.2.21 Halaman Presensi Siswa

Halaman ini terdapat form untuk melakukan absensi siswa baik itu dengan
metode online ataupun offline. Cara melakukan absensi di sistem Guru Mapel dengan
cara klik tombol hadir atau tidak hadir pada Daftar Siswa.

34
 Gambar 3. 26 Halaman Presensi Siswa

3.2.2.22 Halaman Presensi Siswa

Halaman ini menampilkan data presensi siswa yang diinputkan. Klik detail
untuk melihat detail data.

Gambar 3. 27 Halaman Presensi Siswa

3.2.2.23 Halaman Detail Presensi Siswa

Halaman ini menampilkan form detail presensi siswa sesuai kelas yang dipih.
Jika terdapat siswa yang tidak hadir tanpa keterangan, guru mapel bisa melakukan
kirim pesan ke ortu dengan klik krim pesan seperti gambar dibawah.

35
 Gambar 3. 28 Halaman Detail Presensi Siswa

3.2.2.24 Halaman input nilai siswa

Halaman ini terdapat form untuk input nilai sesuai guru mapel. Untuk
penginputan hanya dengan mengisi kolom nilai tugas, nilai kuis, nilai UTS, dan nilai
UAS. Setelah melakukan penginputan nilai maka akan tersimpan di laporan nilai
siswa.

36
 Gambar 3. 29 Halaman Input Nilai Siswa

3.2.2.25 Halaman Detail Nilai Siswa

Halaman ini terdapat form untuk melakukan edit data nilai siswa.

Gambar 3. 30 Halaman Detail Presensi Siswa

3.2.2.26 Halaman Dashboard Wali Kelas

Halaman ini digunakan untuk menampilkan profil dari studi kasus serta
terdapat fitur Logout.

37
 Gambar 3. 31 Halaman Dashboard Wali Kelas

3.2.2.27 Halaman Jadwal Kelas

Halaman ini terdapat tabel yang berupa jadwal mata pelajarn untuk kelas yang
diampu oleh wali kelas tersebut.

Gambar 3. 32 Halaman Jadwal Kelas

3.2.2.28 Halaman Presensi Siswa

Halaman ini digunakan oleh wali kelas untuk melakukan cek presensi siswa
kelas yang diampu.

38
 Gambar 3. 33 Halaman Presensi Siswa

3.2.2.29 Halaman Presensi Siswa

Halaman ini digunakan oleh wali kelas untuk melihat detail presensi siswa
yang ingin di cek.

Gambar 3. 34 Halaman Presensi Siswa

3.2.2.30 Halaman Raport Siswa

Halaman ini digunakan oleh wali kelas untuk melakukan persetujuan dari nilai
yang diinputkan oleh masing-masing guru mapel. Jika data sudah benar, wali kelas
tinggal melakukan klik ceklis pada halaman maka akan secara otomatis data terinput
di sistem raport siswa.

39
 Gambar 3. 35 Halaman Raport Siswa

3.2.2.31 Halaman Dashboard Siswa

Halaman ini digunakan untuk menampilkan profil dari studi kasus serta
terdapat fitur Logout.

Gambar 3. 36 Halaman Dashboard Siswa

3.2.2.32 Halaman Presensi Siswa

Halaman ini digunakan oleh siswa untuk melakukan absensi dengan memilih
salah satu radio button.

40
 Gambar 3. 37 Halaman Presensi Siswa

3.2.2.33 Halaman Detail Presensi

Halaman ini digunakan untuk melihat detail presensi yang telah dilakukan.

Gambar 3. 38 Halaman Detail Presensi Siswa

3.2.2.34 Halaman Jadwal Kelas Siswa

Halaman ini digunakan oleh siswa untuk melihat jadwal mata pelajarn selama
satu semester kedepan.

41
 Gambar 3. 39 Halaman Jadwal Kelas Siswa

3.2.2.35 Halaman Nilai Raport Siswa

Halaman ini digunakan untuk melihat raport setiap semester dan bisa
melakukan cetak data.

Gambar 3. 40 Halaman Nilai Raport Siswa

3.2.2.36 Halaman Dashboard Kepsek

Halaman ini digunakan untuk menampilkan profil dari studi kasus serta
terdapat fitur Logout.

42
 Gambar 3. 41 Halaman Dashboard Kepsek

3.2.2.37 Halaman Presensi Kepsek

Halaman ini terdapat tabel yang berupa absen masuk dan keluar untuk kepsek.
Untuk melakukan absen hanya dengan mengklik tombol seperti masuk dan keluar.

Gambar 3. 42 Halaman Presensi Kepsek

3.2.2.38 Halaman Data Presensi Guru

Halaman ini digunakan oleh kepsek untuk melihat laporan absensi guru.

43
 Gambar 3. 43 Halaman Data Presensi Guru

3.2.2.39 Halaman Data Absensi Siswa

Halaman ini digunakan oleh kepsek untuk melihat absensi siswa.

Gambar 3. 44 Halaman Data Absensi Siswa

3.2.2.40 Halaman Detail Absensi Siswa

Halaman ini digunakan untuk melihat detail data absensi siswa.

44
 Gambar 3. 45 Halaman Detail Absensi Siswa

3.2.2.41 Halaman Data Nilai

Halaman ini digunakan oleh kepsek untuk melihat laporan nilai semua siswa.

Gambar 3. 46 Halaman Data Nilai

3.2.3 Proses Desain

Adapun beberapa kebutuhan yang diminta oleh client (SMA Muhammadiyah
07 Serbelawan) dalam pengembangan sistem :
1. Fitur Login, fitur ini berfungsi sebagai proses masuk bagi pengguna untuk
mengakses sistem untuk mengatur proses identifikasi

45
2. Fitur dashboard, fitur ini berfungsi sebagai profil dan menu logout
3. Fitur kelola siswa, fitur ini berfungsi untuk melakukan kelola fitur siswa
seperti input data siswa, lihat data, edit data, hapus dan cetak data. Fitur siswa
bis menampilkan data nilai semua siswa serta data absensi siswa.
4. Fitur kelola guru, fitur ini berfungsi untuk melakukan kelola fitur guru seperti
input data, edit, hapus dan cetak data.
5. Fitur kelola kelas, berfungsi untuk melakukan kelola fitur kelas seperti input
data, edit, lihat, hapus.
6. Fitur kelola mapel, fitur ini berfungsi untuk melakukan kelola fitur mapel
seperti input mapel, lihat mapel, edit mapel, delete mapel serta cetak mapel.
7. Fitur kelola pengampu, fitur ini berfungsi untuk melakukan kelola guru
pengampu mapel seperti input, lihat, edit, delete serta cetak data.
8. Fitur absen guru, fitur ini berfungsi untuk presensi semua guru. Dengan 2 kali
absen yaitu masuk dan siang.
9. Fitur jadwal pengampu, fitur ini berfungsi untuk melihat semua jadwal
pengampu. Setiap guru mapel memiliki jadwal yang berbeda-beda. Jadwal
pengampu di tentukan oleh admin.
10. Fitur presensi siswa, fitur ini berfungsi untuk melakukan presensi terhadap
siswa baik dengan metode online ataupun offline.
11. Fitur data absensi siswa, fitur ini berfungsi untuk melihat data presensi siswa
dikelas tersebut. Fitur ini terdapat halaman detail data presensi siswa yang
dilengkapi dengan whatsapp yang berfungsi mengirim pesan ke ortu siswa
yang tidak hadir.
12. Fitur nilai, fitur ini berfungsi untuk melakukan kelola nilai siswa seperti input,
edit, dan lihat data. Setiap guru mapel wajib menginputkan data semua siswa
yang diampu. Data nilai siswa yang diinputkan guru mapel maka akan secara
otomatis terkirim ke sistem wali kelas siswa.
13. Fitur Jadwal kelas, fitur ini berfungsi untuk menampilkan jadwal kelas siswa
setiap wali kelas.

46
 14. Fitur presensi siswa di sistem wali kelas, fitur ini berfungsi untuk
menampilkan data presensi siswa yang diinputkan guru pengampu setiap
mapel. Fitur ini dilengkapi dengan detail data presensi.
15. Fitur Raport, fitur ini berfungsi untuk menampilkan semua data nilai yang
diinput oleh guru pengampu mapel. Nilai raport terkirim ke sistem siswa jika
sistem wali kelas sudah menyetujui nilai. Fitur ini dilengkapi dengan cetak
data serta pencarian data berdasarkan nama siswa.
16. Fitur presensi di sistem siswa, fitur ini berfungsi untuk melakukan presensi
setiap mapel yang masuk. Fitur ini dilengkapi dengan detail laporan presensi.
17. Fitur jadwal kelas di sistem siswa, fitur ini berfungsi untuk melihat jadwal
mapel selama satu semester.
18. Fitur nilai raport di sistem siswa, fitur ini berfungsi untuk menampilkan nilai
raport setaip semester. Fitur ini dilengkapi dengan cetak data
19. Fitur presensi di sistem kepsek, fitur ini berfungsi untuk melakukan absensi
kepsek
20. Fitur data presensi guru di sistem kepsek, fitur ini berfungsi untuk
menampilkan semua data presensi guru.
21. Fitur data presensi siswa di sistem kepsek, fitur ini berfungsi untuk
menampilkan semua data presensi siswa.
22. Fitur nilai raport di sistem kepsek, fitur ini berfungsi untuk menampilkan
semua data nilai siswa.

3.2.4 Evaluasi Prototyping

Pada tahapan ini client akan mengevaluasi apakah perancangan prototype
telah sesuai dengan kebutuhan. Jika tidak sesuai maka perancangan akan direvisi
kembali sesuai dengan tahapan – tahapan sebelumnya. Jika sesuai maka akan
dilakukan tahapan selanjutnya (user interface).

3.3 Use Case Diagram

3.3.1 Identifikasi Aktor (User)

47
 Use case Diagram digunakan untuk mendeskripsikan kegunaan sistem dari
sisi aktor untuk tujuan spesifik. Dari proses bisnis yang telah dijelaskan sebelumnya
dapat dilihat bahwa sistem informasi akademik ini memiliki aktor yaitu admin, guru
mapel, wali kelas, siswa dan kepsek.
Tabel 3. 1 Identifikasi Aktor

No Aktor Deskripsi
1. Admin Aktor ini mempunyai wewenang untuk melihat
dan mengelola fitur siswa, fitur guru, fitur kelas,
fitur mapel, fitur pengampu.
2. Guru Mapel Aktor ini mempunyai wewenang untuk
melakukan presensi guru, melihat jadwal masuk,
melakukan presensi siswa yang diampu, kelola
data absen siswa, dan kelola nilai.
3. Wali Kelas Aktor ini mempunyai wewenang sebagai wali
kelas untuk melihat jadwal kelas siswa, presensi
siswa, dan menyetujui nilai siswa yang
diinputkan setiap guru mapel agar nilai dapat
dilihat oleh siswa melalui sistem.
4. Siswa Aktor ini mempunya wewenang untuk melaukan
absensi setiap mapel yang masuk, dapat melihat
jadwal kelas semester itu, dapat melihat nilai
raport, serta dapat mencetak nilai dalam bentuk
PDF.
5. Kepala Sekolah Aktor ini mempunyai wewenang untuk
melakukan absensi sebagai kepala sekolah, serta
melihat semua data presensi guru, data presensi
siswa, dan data nilai siswa

3.3.2 Perancangan Use Case Diagram

48
 Perancangan use case diagram berdasarkan kebutuhan sistem sesuai dengan
aktornya adalah sebagai berikut :

Gambar 3. 47 Use Case Diagram

3.3.3 Perancangan Use Case Diagram

3.3.3.1 Use Case Login
Nama Use case : Login
Pre Kondisi : Admin, guru mapel, wali kelas, siswa, kepsek masuk ke
sistem dan melihat data user
Post Kondisi : Admin, guru mapel, wali kelas, siswa, kepsek masuk ke
halaman dashboard
Aktor : Admin, guru mapel, wali kelas, siswa, kepsek
Tabel 3. 2 Use Case Login

Aksi Aktor Reaksi Sistem

49
1. Pilih User kemudian isi email dan
password kemudian tekan tombol
login.
2. Memvalidasi data, jika valid maka
akan menampilkan pesan bahwa data
telah berhasil ditambahkan
kemudian menampilkan halaman
dashboard, jika tidak valid ulangi
langkah 1.

3.3.3.2 Use Case Kelola Siswa

Nama Use case : Kelola Siswa
Pre Kondisi : Admin masuk ke fitur siswa dan kelola data siswa
Post Kondisi : Admin berhasil mengelola fitur siswa
Aktor : Admin

Tabel 3. 3 Use Case Kelola Siswa

Aksi Aktor Reaksi Sistem

1. Pilih fitur siswa
2. Menampilkan form input data siswa
serta tabel laporan data siswa
3. Input data siswa
4. Menyimpan data siswa ke database
Skenario Alternatif 1
5. Lihat data siswa di tabel laporan
6. Menampilkan semua data siswa
Skenario Alternatif 2
7. Memilih edit data
8. Menampilkan form edit data
9. Melakukan edit data siswa dan klik
button submit
10. Menyimpan perubahan data ke
databse
Skenario Alternatif 3
11. Memilih button delete untuk siswa
yang akan dihapus datanya
50
 12. Menghapus data user di database
Skenario Alternatif 4
13. Memilih button cetak untuk
mencetak data siswa yang ingin
dicetak
14. Mencetak dalam bentuk pdf
Skenario Alternatif 5
15. Memilih button lihat nilai
16. Menampilkan semua nilai siswa
Skenario Alternatif 6
17. Memilih button lihat absensi
18. Menampilkan semua absensi siswa
19. Memilih button detail
20. Menampilkan detail data absensi
siswa yang dipilih

3.3.3.3 Use Case Kelola Guru

Nama Use case : Kelola Guru
Pre Kondisi : Admin masuk ke fitur Guru dan kelola data Guru
Post Kondisi : Admin berhasil mengelola fitur Guru
Aktor : Admin

Tabel 3. 4 Use Case Kelola Guru

Aksi Aktor Reaksi Sistem

1. Pilih fitur guru
2. Menampilkan form input data guru
serta tabel laporan data guru
3. Input data guru
4. Menyimpan data guru ke database
Skenario Alternatif 1
5. Lihat data guru di tabel laporan
6. Menampilkan semua data siswa

51
 Skenario Alternatif 2
7. Memilih edit data
8. Menampilkan form edit data
9. Melakukan edit data guru dan klik
button submit
10. Menyimpan perubahan data ke
databse
Skenario Alternatif 3
11. Memilih button delete untuk guru
yang akan dihapus datanya
12. Menghapus data user di database
Skenario Alternatif 4
13. Memilih button lihat presensi
14. Menampilkan semua presensi guru
15. Memilih button detail
16. Menampilkan detail data absensi
guru yang dipilih

3.3.3.4 Use Case Kelola Kelas

Nama Use case : Kelola Kelas
Pre Kondisi : Admin masuk ke fitur kelas dan kelola data kelas
Post Kondisi : Admin berhasil mengelola fitur kelas
Aktor : Admin

Tabel 3. 5 Use Case Kelola Kelas

Aksi Aktor Reaksi Sistem

1. Pilih fitur kelas
2. Menampilkan form input data kelas
serta tabel laporan data kelas
3. Input data kelas
4. Menyimpan data kelas ke database
Skenario Alternatif 1
5. Lihat data kelas di tabel laporan

52
 6. Menampilkan semua data kelas
Skenario Alternatif 2
7. Memilih edit data
8. Menampilkan form edit data
9. Melakukan edit data kelas dan klik
button submit
10. Menyimpan perubahan data ke
databse
Skenario Alternatif 3
11. Memilih button delete untuk kelas
yang akan dihapus datanya
12. Menghapus data kelas di database
Skenario Alternatif 4
13. Memilih button cetak data
14. Mencetak data dalam bentuk pdf

3.3.3.5 Use Case Kelola Mapel

Nama Use case : Kelola Mapel
Pre Kondisi : Admin masuk ke fitur Mapel dan kelola data Mapel
Post Kondisi : Admin berhasil mengelola fitur Mapel
Aktor : Admin

Tabel 3. 6 Use Case Kelola Mapel

Aksi Aktor Reaksi Sistem

1. Pilih fitur Mapel
2. Menampilkan form input data Mapel
serta tabel laporan data Mapel
3. Input data Mapel
4. Menyimpan data kelas ke database
Skenario Alternatif 1
5. Lihat data Mapel di tabel laporan
6. Menampilkan semua data Mapel

53
 Skenario Alternatif 2
7. Memilih edit data
8. Menampilkan form edit data
9. Melakukan edit data mapel dan klik
button submit
10. Menyimpan perubahan data ke
databse
Skenario Alternatif 3
11. Memilih button delete untuk mapel
yang akan dihapus datanya
12. Menghapus data mapel di database
Skenario Alternatif 4
13. Memilih button cetak data
14. Mencetak data dalam bentuk pdf

3.3.3.6 Use Case Kelola Pengampu

Nama Use case : Kelola Pengampu
Pre Kondisi : Admin masuk ke fitur Pengampu dan kelola data Pengampu
Post Kondisi : Admin berhasil mengelola fitur Pengampu
Aktor : Admin
Tabel 3. 7 Use Case Kelola Pengampu

Aksi Aktor Reaksi Sistem

1. Pilih fitur Pengampu
2. Menampilkan form input data
Pengampu serta tabel laporan data
Pengampu
3. Input data Pengampu
4. Menyimpan data Pengampu ke
database
Skenario Alternatif 1
5. Lihat data Pengampu di tabel
laporan
6. Menampilkan semua data Pengampu
Skenario Alternatif 2

54
7. Memilih edit data
8. Menampilkan form edit data
9. Melakukan edit data pengampu dan
klik button submit
10. Menyimpan perubahan data ke
databse
Skenario Alternatif 3
11. Memilih button delete untuk
pengampu yang akan dihapus
datanya
12. Menghapus data pengampu di
database
Skenario Alternatif 4
13. Memilih button cetak data
14. Mencetak data dalam bentuk pdf

3.3.3.7 Use Case Lihat Presensi Guru

Nama Use case : Presensi Guru
Pre Kondisi : Guru mapel, wali kelas masuk ke fitur Presensi
Post Kondisi : Guru mapel dan wali kelas berhasil masuk ke dashboard
Aktor : Guru mapel dan wali kelas

Tabel 3. 8 Use Case Lihat Presensi Guru

Aksi Aktor Reaksi Sistem

1. Pilih fitur presensi guru
2. Menampilkan form input data
presensi masuk dan keliar
3. Input data presensi
4. Menyimpan data presesnsi guru ke
database
Skenario Alternatif 1
5. Lihat data riwayat presensi di tabel
laporan
6. Menampilkan semua data riwayat
presensi

55
 3.3.3.8 Use Case Presensi Siswa
Nama Use case : Presensi Siswa
Pre Kondisi : Guru mapel masuk ke fitur presensi siswa
Post Kondisi : Guru mapel berhasil menginputkan presensi siwa
Aktor : Guru mapel
Tabel 3. 9 Use Case Presensi Siswa

Aksi Aktor Reaksi Sistem

1. Pilih fitur presensi siswa
2. Menampilkan form presensi siswa
3. Mengisi form absensi siswa
kemudian tekan submit
4. Menyimpan data presesnsi siswa ke
database

3.3.3.9 Use Case Data Presensi Siswa

Nama Use case : Data Presensi Siswa
Pre Kondisi : Guru mapel masuk ke fitur data presensi siswa
Post Kondisi : Guru mapel berhasil menginputkan data presensi siswa
Aktor : Guru mapel

Tabel 3. 10 Use Case Data Presensi Siswa

Aksi Aktor Reaksi Sistem

1. Pilih fitur data presensi siswa
2. Menampilkan tabel data presensi
siswa yang diinput
3. Melihat data dan search data yang
ingin dicari
4. Menampilkan data yang dicari
Skenario Alternatif 1
5. Pilih detail untuk melihat detail data
presensi
6. Menampilkan detail presensi siswa
7. Kirim pesan untuk siswa yang tidak
hadir tanpa keterangan

56
 8. Mengirim pesan melalui whatapp ke
ortu siswa yang tidak hadir

3.3.3.10 Use Case Kelola Nilai Siswa

Nama Use case : Kelola Nilai Siswa
Pre Kondisi : Guru mapel masuk ke fitur Nilai
Post Kondisi : Guru mapel berhasil menginputkan nilai siswa
Aktor : Guru mapel

Tabel 3. 11 Use Case Kelola Nilai Siswa

Aksi Aktor Reaksi Sistem

1. Pilih fitur nilai
2. Menampilkan tabel data nilai
3. Input nilai tugas, kuis, UTS, UAS,
kemudian submit
4. Menyimpan data nilai siswa ke
database
Skenario Alternatif 1
5. Lihat data Nilai siswa di tabel
laporan
6. Menampilkan semua data nilai
Skenario Alternatif 2
7. Memilih edit data
Menampilkan form edit data
8. Melakukan edit data nilai dan klik
button submit
9. Menyimpan perubahan data ke
databse
Skenario Alternatif 3
10. Memilih button cetak untuk
mencetak data siswa yang ingin
dicetak
11. Mencetak dalam bentuk pdf

3.3.3.11 Use Case Jadwal Kelas

57
 Nama Use case : Jadwal Kelas
Pre Kondisi : Wali Kelas masuk ke fitur Jadwal Kelas
Post Kondisi : Wali Kelas berhasil melihat jadwal mapel
Aktor : Wali Kelas

Tabel 3. 12 Use Case Jadwal Kelas

Aksi Aktor Reaksi Sistem

1. Pilih fitur Jadwal Kelas
2. Menampilkan jadwal kelas dalam
tabel

3.3.3.12 Use Case Presensi Siswa

Nama Use case : Presensi Siswa
Pre Kondisi : Wali Kelas masuk ke fitur presensi siswa
Post Kondisi : Wali Kelas berhasil melihat presensi siswa
Aktor : Wali Kelas

Tabel 3. 13 Use Case Presensi Siswa

Aksi Aktor Reaksi Sistem

1. Pilih fitur presensi siswa
2. Menampilkan tabel data presensi
siswa yang diinput
3. Melihat data dan search data yang
ingin dicari
4. Menampilkan data yang dicari
Skenario Alternatif 1
5. Pilih detail untuk melihat detail data
presensi
6. Menampilkan detail presensi siswa

3.3.3.13 Use Case Raport

Nama Use case : Raport
Pre Kondisi : Wali Kelas masuk ke fitur raport

58
 Post Kondisi : Wali Kelas menyetujui nilai raport siswa
Aktor : Wali Kelas
Tabel 3. 14 Use Case Raport

Aksi Aktor Reaksi Sistem

1. Pilih fitur raport
2. Menampilkan tabel data raport siswa
7. Melihat data dan search data yang
ingin dicari
8. Menampilkan data yang dicari
Skenario Alternatif 1
9. Pilih tombol setuju untuk melakukan
acc data nilai teah sesuai dan
terkirim otomatis ke sistem siswa
10. Menyimpan data ke database dan
mengirim ke sistem siswa
Skenario Alternatif 3
11. Memilih button cetak untuk
mencetak data siswa yang ingin
dicetak
12. Mencetak dalam bentuk pdf

3.3.3.14 Use Case Presensi

Nama Use case : Presensi
Pre Kondisi : Siswa masuk ke fitur presensi
Post Kondisi : Siswa berhasil input presensi
Aktor : Siswa
Tabel 3. 15 Use Case Presensi

Aksi Aktor Reaksi Sistem

1. Pilih fitur presensi
2. Menampilkan form presensi
3. Isi presensi dengan klik radio button,
kemudian submit
4. Minyampan data presensi ke
database

59
 Skenario Alternatif 1
5. Pilih detail untuk melihat detail data
presensi
13. Menampilkan detail presensi

3.3.3.15 Use Case Jadwal Kelas

Nama Use case : Jadwal Kelas
Pre Kondisi : Siswa masuk ke fitur Jadwal Kelas
Post Kondisi : Siswa berhasil melihat jadwal mapel
Aktor : Siswa
Tabel 3. 16 Use Case Jadwal Kelas

Aksi Aktor Reaksi Sistem

1. Pilih fitur Jadwal Kelas
2. Menampilkan jadwal kelas dalam
tabel

3.3.3.16 Use Case Nilai Raport

Nama Use case : Nilai Raport
Pre Kondisi : Siswa masuk ke fitur Nilai
Post Kondisi : Siswa berhasil input Nilai
Aktor : Siswa
Tabel 3. 17 Use Case Nilai Raport

Aksi Aktor Reaksi Sistem

1. Pilih fitur nilai
2. Menampilkan tabel nilai setiap
semester
Skenario Alternatif 1
3. Pilih cetak untuk mencetak raport
dalam pdf
4. Mencetak data dalam bentuk pdf

3.3.3.17 Use Case Presensi

60
 Nama Use case : Presensi
Pre Kondisi : Kepala Sekolah masuk ke fitur presensi
Post Kondisi : Kepala Sekolah berhasil input presensi
Aktor : Kepala Sekolah
Tabel 3. 18 Use Case Presensi

Aksi Aktor Reaksi Sistem

1. Pilih fitur presensi
2. Menampilkan tabel presensi
3. Isi presensi dengan klik button
masuk dan keluar , kemudian submit
6. Minyampan data presensi ke
database
Skenario Alternatif 1
7. Lihat detail data presensi dilaporan
14. Menampilkan detail presensi

3.3.3.18 Use Case Data Presensi Kepsek

Nama Use case : Data Presensi Kepsek
Pre Kondisi : Kepala Sekola masuk ke fitur Data Presensi Kepsek
Post Kondisi : Kepala Sekolah berhasil melihat Data Presensi Kepsek
Aktor : Kepala Sekolah

Tabel 3. 19 Use Case Data Presensi Kepsek

Aksi Aktor Reaksi Sistem

1. Pilih fitur Data Presensi Guru
3. Menampilkan data dalam tabel
Skenario Alternatif 1
4. Cari data di icon search
5. Menampilkan data presensi yang
dicari

61
 3.3.3.19 Use Case Data Presensi Siswa
Nama Use case : Data Presensi Siswa
Pre Kondisi : Kepala Sekolah masuk ke fitur Data presensi siswa
Post Kondisi : Kepala Sekolah berhasil melihat Data presensi siswa
Aktor : Kepala Sekolah
Tabel 3. 20 Use Case Data Presensi Siswa

Aksi Aktor Reaksi Sistem

1. Pilih fitur data presensi siswa
2. Menampilkan tabel data presensi
siswa yang diinput
3. Melihat data dan search data yang
ingin dicari
4. Menampilkan data yang dicari
Skenario Alternatif 1
5. Pilih detail untuk melihat detail data
presensi
6. Menampilkan detail presensi siswa

3.3.3.20 Use Case Data Nilai

Nama Use case : Data Nilai
Pre Kondisi : kepala Sekolah masuk ke fitur data nilai
Post Kondisi : Kepala Sekolah menyetujui nilai data nilai
Aktor : Kepala Sekolah
Tabel 3. 21 Use Case Data Nilai

Aksi Aktor Reaksi Sistem

1. Pilih fitur data nilai
2. Menampilkan tabel data nilai siswa
3. Melihat data dan search data yang
ingin dicari
4. Menampilkan data yang dicari

62
 3.4 Pengujian (testing)
Setelah ketiga tahap sudah dilakukan maka Langkah terakhir pada metode
Prototyping adalah pengujian/testing. Pada penelitian Proyek Akhir ini Metode
pengujian yang digunakan adalah metode Black Box serta UAT.
3.4.1 Black box
Pada metode pengujian blackbox ini yang menjadi fokus pengujian adalah
kesesuaian hasil yang ditampilkan di setiap page pada sistem berdasarkan data pada
tabel. Pengujian akan dilakukan terhadap interface dan fitur-fitur yang ada dalam
sistem untuk memastikan output yang dihasilkan sudah sesuai dengan yang
diinginkan pengguna.
Tabel 3. 22 Pengujian Black Box

63
No Butir Uji (Fitur Hasil yang diharapkan Hasil
Semua)

1 Menu Login Admin, guru mapel,

wali kelas, siswa dan
kepala sekolah dapat
melakukan login dan
masuk ke halaman
informasi.

2.. Menu dashboard Admin, guru mapel,

wali kelas, siswa, dan
kepsek dapat melihat
detail profil studi kasus.

5. Menu kelola Admin dapat

siswa melakukan kelola data
siswa seperti input data,
edit, hapus, cetak, lihat
absensi, dan lihat nilai
siswa

6. Menu kelola guru Admin dapat

melakukan kelola data
guru yaitu input, edit,
hapus, cetak, dan lihat
presensi guru

7. Menu kelola kelas Admin dapat

melakukan kelola data
kelas seperti input,
lihat, edit, hapus, cetak
data

64
8. Menu kelola Admin dapat
mapel melakukan kelola data
mapel seperti edit,
hapus, cetak data.

9. Menu Kelola Admin dapat

Pengampu melakukan kelola data
pengampu seperti edit,
hapus, cetak dat.

10. Menu Absen Guru dapat melakukan

Guru absen untuk masuk dan
absen keluar

11. Jadwal Masuk Guru Mapel dapat

melihat jadwal masuk
mata pelajaran yang
akan diampu

12. Presensi Siswa Guru Mapel dapat

melakukan kelola absen
siswa

13. Data Absen Siswa Guru mapel dapat

melihat siswa yang
tidak hadir. Guru mapel
bisa mengirim
Whatsapp kepada ortu
siswa yang tidak hadir

14. Menu Nilai Guru Mapel dapat

menginput niai siswa

65
 sesuai mapel yang
diampu

15. Menu Jadwal Wali Kelas dapat

Kelas melihat jadwal kelas
untuk anak wali kelas
ynag diampu.

16. Menu Presensi Wali kelas dapat

siswa melihat presensi siswa
untuk anak wali kelas
yang diampu

17. Raport Wali Kelas dapat

melakukan acc terhadap
nilai yang diinput setiap
guru mapel, jika sudah
di acc maka data nilai
raport aku terikirm
otomatis ke sistem
siswa

18. Presensi Kepala sekolah dapat

melakukan presensi
masuk dan presensi
keluar

19. Menu Data nilai Kepala sekolah dapat

presensi guru melihat presesnsi setiap
guru

20. Menu data nilai Kepala sekolah dapat

presensi siswa melihat data presensi
siswa

66
 21. Menu data nilai Kepala sekolah dapat
melihat nilai raport
setap siswa

3.4.2 UAT (User Acceptance Test)

Menurut (Perry, 2006), User Acceptance Testing merupakan pengujian
yang dilakukan oleh end-user dimana user tersebut adalah staf / pegawai yang
langsung berinteraksi dengan sistem dan dilakukan verifikasi apakah fungsi yang ada
telah berjalan sesuai dengan kebutuhan/fungsinya. Jadi pada pengujian ini akan di
lakukan pengecekan apakah semua fungsi dan kebutuhan telah terpenuhi sesuai
permintaan penggunanya

67
 Tabel 3. 23 Pertanyaan User Acceptance Test (UAT)

N Pernyataan Diterima Tidak

o. Diterima

1. Sistem dapat melakukan

absensi

2. Sistem memiliki tampilan

yang menarik

3. Sistem bisa melakukan input

nilai

4. Sistem dapat mengelola data

siswa, data guru, data kelas,
data mapel, dan data
pengampu

5. Admin dapat dengan mudah

mengelola semua data

6. Sistem dapat dengan mudah

menampilkan whatsapp
kepada ortu

7. Wali kelas dapat dengan

menyetujui data nilai siswa
yang diinput oleh guru mapel

8. Kepala sekolah dapat melihat

semua dat adengan mudah

9. Semua data dapat dicetak

dalam bentuk pdf
68
4. IV. JADWAL DAN ANGGARAN BIAYA

4.1 Jadwal
Penulis membuat jadwal pengerjaan tugas akhir yang bertujuan agar
penggunaan waktu lebih efektif dan sesuai dengan metodologi yang digunakan. Ada
pun jadwalnya terlihat pada tabel berikut.

69
4.2 Perkiraan Biaya
Pada perkiraan biaya agar proyek akhir dapat berjalan dengan lancar dan sesuai
dengan metodologi yang digunakan, penulis membutuhkan biaya untuk peralatan
yang dibutuhkan dalam mengerjakan proyek akhir ini. Adapun peralatan serta biaya
yang digunakan sebagai berikut.
Tabel 4. 2 Perkiraan Biaya

No Nama Barang Jumlah Keterangan

1 Laptop Asus 1 Milik Pribadi

DAFTAR PUSTAKA
Auditya, L., Kartiko, C., & Wiguna, C. (2010). Jurnal Edik Informatika Jurnal Edik
Informatika. 7(1), 9–18.
Madora, H., Wahyuningrum, I., Sriwijaya, P. N., Pengajar, S., Manajemen, J.,
Sriwijaya, P. N., & Lama, B. (2018). Aplikasi Pendistribusian Konsumsi
Makanan Untuk Asian Games 2018 Pada Dinas Pemuda Dan Olahraga
Provinsi Sumatera Selatan.
Marijan, M., & Nurajizah, S. (2019). Perancangan Sistem Informasi Akademik
Berbasis Web Pada Sd Islam Luqmanul Hakim Bekasi. JURTEKSI (Jurnal
Teknologi Dan Sistem Informasi), 6(1), 71–78.
https://doi.org/10.33330/jurteksi.v6i1.399
Nidhra, S. (2012). Black Box and White Box Testing Techniques- A Literatur

70
 Review. ..International Journal 2.
Nugraha, A. R., & Pramukasari, G. (2017). Sistem Informasi Akademik Sekolah
Berbasis Web Di Sekolah Menengah Pertama Negeri 11 Tasikmalaya. Jurnal
Manajemen Informatika, 4(2), 1–10.
https://www.cambridge.org/core/product/identifier/CBO9781107415324A009/
type/book_part
Saripudin, A., & Ardhiansyah, M. (2020). Prosiding Seminar Nasional Informatika
dan Sistem Informasi SISTEM INFORMASI AKADEMIK SEKOLAH BERBASIS
WEB MENGGUNAKAN MODEL PROTOTYPE ( STUDI KASUS : SMK BINA
MANDIRI DEPOK) WEB-BASED ACADEMIC SCHOOL INFORMATION
SYSTEM USING PROTOTYPE MODEL (CASE STUDY: 5(1).
Susanti, M. (2016). Perancangan Sistem Informasi Akademik Berbasis Web Pada
Smk Pasar Minggu Jakarta. Informatika, 3(1), 91–99.
Sutarbi, T. (2012). Analisis Sistem Informasi. CV. Andi OFSSET.

71