Disusun Oleh
Romanus Nahak
201355201022
ii
LEMBAR PERSETUJUAN
iii
LEMBAR PERNYATAAN
iv
LEMBAR PERSEMBAHAN
v
MOTTO
vi
ABSTRAK
vii
KATA PENGANTAR
viii
DAFTAR ISI
HALAMAN JUDUL................................................................................................i
LEMBAR PENGESAHAN.....................................................................................ii
LEMBAR PERSETUJUAN...................................................................................iii
LEMBAR PERNYATAAN....................................................................................iv
LEMBAR PERSEMBAHAN..................................................................................v
MOTTO..................................................................................................................vi
ABSTRAK.............................................................................................................vii
KATA PENGANTAR..........................................................................................viii
DAFTAR ISI...........................................................................................................ix
DAFTAR GAMBAR.............................................................................................xii
DAFTAR TABEL..................................................................................................xv
BAB I PENDAHULUAN........................................................................................1
1.1. Latar Belakang..........................................................................................1
1.2. Identifikasi Masalah..................................................................................3
1.3. Rumusan Masalah.....................................................................................3
1.4. Tujuan dan Manfaat Penelitian..................................................................3
1.4.1. Tujuan.............................................................................................3
1.4.2. Manfaat...........................................................................................4
1.5. Batasan Masalah........................................................................................4
1.6. Metode penelitian......................................................................................4
1.6.1. Pengumpulan Data.........................................................................4
1.6.2. Metode Pengembangan Sistem......................................................5
1.7. Kerangka Pikir...........................................................................................7
1.8. Lokasi dan Jadwal Penelitian....................................................................8
1.8.1. Lokasi Penelitian............................................................................8
1.8.2. Jadwal Penelitian............................................................................8
1.9. Sistematika Penulisan................................................................................9
BAB II LANDASAN TEORI................................................................................10
2.1. Tinjauan Pustaka.....................................................................................10
2.2. Sistem Informasi......................................................................................12
ix
2.3. Flowchart................................................................................................13
2.4. Data Flow Diagram (DFD).....................................................................14
2.5. Basisdata..................................................................................................15
2.6. Operasi Dasar Basisdata..........................................................................15
2.7. Konsep Dasar Web..................................................................................16
2.8. MySQL....................................................................................................16
2.9. Hypertext Preprocessor (PHP)................................................................17
2.10. XAMPP................................................................................................17
2.11. Pengujian Blackbox.............................................................................17
BAB III PERANCANGAN SISTEM DAN OBJEK PENELITIAN.....................18
3.1. Gambaran Umum Pendidikan Keuskupan Agung Merauke...................18
3.2. Analisis Sistem........................................................................................20
3.2.1. Analisis sistem yang berjalan.......................................................20
3.2.2. Analisis sistem yang diusulkan....................................................21
3.3. Analisa Kebutuhan Sistem......................................................................23
3.3.1. Analisa Kebutuhan Fungsional....................................................23
3.4. Analisa Kebutuhan Non Fungsional........................................................24
3.4.1. Kebutuhan Perangkat Keras (Hardware)......................................25
3.4.2. Kebutuhan Perangkat Lunak (Software)......................................25
3.5. Desain Sistem..........................................................................................25
3.5.1. Diagram Konteks..........................................................................25
3.5.2. Diagram Jenjang...........................................................................26
3.5.3. DFD (Data Flow Diagram)..........................................................27
3.5.4. ERD (Entity Relationship Diagram)............................................36
3.5.5. Basis Data (Database)..................................................................37
3.5.6. Desain Antar Muka Pengguna......................................................38
3.6. Rancangan Pengujian Fungsional Sistem................................................49
3.6.1. Rancangan Pengujian Fungsional................................................50
BAB IV HASIL DAN PEMBAHASAN...............................................................51
4.1. Gambaran Umum Sistem........................................................................51
4.2. Hasil Rancangan Sistem Aplikasi...........................................................52
4.2.1. Implementasi Form Login............................................................52
4.2.2. Implementasi Form Menu Utama................................................53
x
4.2.3. Implementasi Form Data Sekolah................................................54
4.2.4. Implementasi Form Data Siswa...................................................54
4.2.5. Implementasi Form Data Guru.....................................................55
4.2.6. Implementasi Form Data Pengguna.............................................56
4.2.7. Implementasi Form Laporan........................................................56
4.2.8. Implementasi Form Input Informasi Keuskupan.........................57
4.2.9. Implementasi Form Tentang (About)...........................................58
4.3. Pengujian Sistem Aplikasi.......................................................................58
4.4. Tabel Hasil Pengujian Aplikasi...............................................................81
BAB IV PENUTUP...............................................................................................84
5.1. Kesimpulan..............................................................................................84
5.2. Saran........................................................................................................85
DAFTAR PUSTAKA............................................................................................86
xi
DAFTAR GAMBAR
xii
Gambar 4. 12 Tampilan Layar Username-Password.............................................59
Gambar 4. 13 Tampilan Form Menu Utama..........................................................60
Gambar 4. 14 Tampilan Form Menu Data Sekolah...............................................61
Gambar 4. 15 Tampilan Form Tambah Data Sekolah...........................................62
Gambar 4. 16 Tampilan Form Output Tambah Data Sekolah...............................62
Gambar 4. 17 Tampilan Form Edit Data Sekolah.................................................63
Gambar 4. 18 Tampilan Form Output Edit Data Sekolah.....................................63
Gambar 4. 19 Form Cetak Data Sekolah...............................................................63
Gambar 4. 20 Form Simpan Data Sekolah Ke-Excel File.....................................64
Gambar 4. 21 Form Output Hapus Data Sekolah..................................................64
Gambar 4. 22 Tampilan Form Menu Data Siswa..................................................65
Gambar 4. 23 Tampilan Form Tambah Data Siswa..............................................65
Gambar 4. 24 Tampilan Form Output Tambah Data Sekolah...............................66
Gambar 4. 25 Tampilan Form Edit Data Siswa.....................................................66
Gambar 4. 26 Tampilan Form Output Edit Data Siswa.........................................67
Gambar 4. 27 Form Cetak Data Siswa..................................................................67
Gambar 4. 28 Form Simpan Data Siswa Ke-Excel File........................................67
Gambar 4. 29 Form Output Hapus Data Siswa.....................................................68
Gambar 4. 30 Tampilan Form Menu Data Guru...................................................68
Gambar 4. 31 Tampilan Form Tambah Data Guru................................................69
Gambar 4. 32 Tampilan Form Output Tambah Data Guru....................................69
Gambar 4. 33 Tampilan Form Edit Data Guru......................................................70
Gambar 4. 34 Tampilan Form Output Edit Data Guru..........................................70
Gambar 4. 35 Form Cetak Data Guru....................................................................70
Gambar 4. 36 Form Simpan Data Guru Ke-Excel File.........................................71
Gambar 4. 37 Form Output Hapus Data Guru.......................................................71
Gambar 4. 38 Tampilan Form Menu Pengguna....................................................72
Gambar 4. 39 Tampilan Form Tambah Data Pengguna........................................72
Gambar 4. 40 Tampilan Form Output Tambah Data Pengguna............................73
Gambar 4. 41 Tampilan Form Edit Data Pengguna...............................................73
Gambar 4. 42 Tampilan Form Output Edit Data Pengguna..................................74
Gambar 4. 43 Form Output Hapus Data Pengguna...............................................74
Gambar 4. 44 Tampilan Form Menu Laporan.......................................................75
xiii
Gambar 4. 45 Tampilan Form Laporan Sekolah...................................................75
Gambar 4. 46 Tampilan Form Cetak Laporan.......................................................76
Gambar 4. 47 Tampilan Form Simpan Laporan Ke-Excel File............................76
Gambar 4. 48 Tampilan Form Laporan Siswa.......................................................76
Gambar 4. 49 Tampilan Form Cetak Laporan.......................................................77
Gambar 4. 50 Tampilan Form Simpan Laporan Ke-Excel File............................77
Gambar 4. 51 Tampilan Form Laporan Guru........................................................77
Gambar 4. 52 Tampilan Form Cetak Laporan.......................................................78
Gambar 4. 53 Tampilan Form Simpan Laporan Ke-Excel File............................78
Gambar 4. 54 Tampilan Form Input Data/informasi Keuskupan..........................79
Gambar 4. 55 Tampilan Form Informasi Keuskupan............................................79
Gambar 4. 56 Tampilan Form View/Read Informasi Keuskupan..........................80
Gambar 4. 57 Tampilan Form Tentang (About)....................................................80
xiv
DAFTAR TABEL
xv
BAB I
PENDAHULUAN
Digoel dan Mappi dan Asmat bukan hanya hal iman tetapi Keuskupan Agung
wilayah salah satunya pada kabupaten boven digoel. Yayasan yang terdata oleh
keuskupan Agung merauke pada wilayah boven digoel adalah SD sebanyak tiga
puluh enam sekolah, SMP sebanyak dua Sekolah, dan SMA sebanyak 1 sekolah.
agung merauke, yaitu dalam proses pengambilan data masih diakses manual
seperti pengambilan hasil nilai dan data-data siswa masih harus diantarkan ke
keuskupan agung merauke dengan menempuh jarak yang cukup jauh dan
1
pengolahan data dan laporan sekolah. Sistem ini diharapkan dapat serta membantu
2
3
kepada keuskupan Agung merauke dan serta dapat meminimalisir biaya yang
dikeluarkan.
proses pelaporan data-data siswa, pelaporan nilai dan keuangan kepada keuskupan
agung merauke.
secara manual, dalam hal ini berkas diantarakan secara langsung kepada
keuskupan agung merauke dengan jarak tempuh yang cukup jauh dan biaya yang
1.4.1. Tujuan
1.4.2. Manfaat
Dapat membantu bsekolah YPPK yang ada dibagian Boven Digoel dalam
system dan solusinya. Adapun batasan masalah pada penelitian ini adalah sebagai
berikut :
1. Data yang digunakan adalah data dari Keuskupan Agung Merauke dan
4. Informasi yang disajikan oleh system ini berupa data-data siswa, dan
1. Wawancara
2. Pengamatan
3. Literatur
4. Kuisioner
baru untuk melanjutkan sistem aplikasi yang ada atau memperbaiki sistem yang
telah ada. Penelitian ini menggunakan metode Waterfall yaitu dengan tahapan
sebagai berikut :
a. Blackbox
untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-
b. Kuisioner
Minggu Ke- 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Studi
Pendahuluan
2 Penyusunan
Proposal
Skripsi
3 Seminar
Proposal
4 Pengumpulan
Data
5 Perancangan
Sistem
6 Pengembangan
Sistem
7 Penyusunan
Naskah Skripsi
8 Pengujian
Sistem
9 Seminar Hasil
9
BAB I : PENDAHULUAN
Digoel seperti konsep dasar sebuah sistem, database, web serta materi
pendukung.
DAFTAR PUSTAKA
Minggu Jakarta (2016), dapat membantu SMK Pasar minggu Jakarta dalam
mengelolah nilai laporan lebih efektif dan efisien [1]. Sistem Informasi Sekolah
Berbasis Web (Studi Kasus : TK Kusuma Putra Kota Mojokerto) (2017), dapat
dapat membantu pencarian data dengan cepat karena tidak perlu mencari secara
Kasus Sekolah Menengah Atas Kristen 1 Tomohon (2015), Sistem informasi ini,
dan praktis karena dapat di akses dari mana saja sekaligus menjaga data tetap
aman yang sebelumnya semua dilakukan secara manual dan data mudah hilang
[3]. Pengembangan Sistem Informasi Sekolah Berbasis Web Pada Sd Qur’an Ar-
10
11
administrasi dalam melakukan pekerjaan nya selain itu juga mempermudah siswa
dalam proses pembayaran administrasi sekolah karena tidak perlu lagi membawa
operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan
[6].
4. Penghubung Sistem
5. Input Sistem
6. output Sistem
7. Pengolah Sistem
2.3. Flowchart
Tabel 2. 2 Flowchart
NO Simbol Penjelasan
6. Arah Aliran
Data Flow Diagram (DFD) disebut juga dengan Diagram Arus Data (DAD).
DFD adalah suatu model logika data atau proses yang dibuat untuk
menggambarkan: darimana asal data, dan kemana tujuan data yang keluar dari
sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut, dan
interaksi antara data yang tersimpan, dan proses yang dikenakan pada data
tersebut.
15
2. Pengguna luar
3. Aliran data
4. Simpanan data
2.5. Basisdata
Kumpulan informasi yang disusun dan merupakan suatu kesatuan yang utuh
dapat diolah menggunakan perangkat lunak. Dengan sistem tersebut data yang
terhimpun dalam suatu database dapat menghasilkan informasi yang berguna [10].
c. Pembuatan file/tabel baru ke suatu basis data (create table), yang identik
dengan penambahan map arsip baru ke sebuah lemari arsip yang telah
ada.
d. Penghapusan file/tabel dari suatu basis data (drop table), yang identik
dengan perusakan map arsip lama yang ada di sebuah lemari arsip.
map.
2.8. MySQL
table, tabel terdiri dari beberapa baris”. Berdasarkan pendapat Wahana Komputer,
Adanya API yang ada pada Mysql, dan aplikasi komputer yang ditulis dengan
pengembangan, dan penanganan web yang digunakan pada HTML. PHP dapat
2.10. XAMPP
XAMPP yaitu perangkat lunak yang sesuai dengan berbagai sistem operasi
kemudian memiliki fungsi sebagai localhost yaitu server. XAMPP singkatan dari
X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl [11].
berdekatan yang membentuk suatu Provinsi Gerejani, bukan hanya hal iman tetapi
a. Visi :
berkualitas.
b. Misi :
khas Katolik yang berjiwa semangat Injil, kebebasan dan cinta kasih
18
19
Sistem yang berjalan saat ini, pihak keuskupan agung merauke masih
jarak yang cukup jauh dan mengeluarkan biaya yang tidak sedikit untuk
semua berkas dan data sudah dikumpulkan, pihak keuskupan merauke ataupun
1. Fasilitas Sekolah
2. Fasilitas Admin
Merauke.
b. Pimpinan dapat melihat informasi laporan data sekolah, siswa, guru dan
1. Fasilitas Sekolah
sebagai berikut:
No Fasilitas Sistem
1 Admin dapat login dan logout dari sistem.
Admin dapat menambahkan, mengedit dan menghapus data
2
sekolah serta dapat mengolah data pengguna sistem.
Admin dapat menambahkan informasi dari Keuskupan Agung
3
Merauke.
Admin dapat melihat informasi data sekolah, siswa, guru dan data
4
laporan.
23
3. Fasilitas Pengguna Sebagai Pimpinan Keuskupan Merauke
sebagai berikut :
No Fasilitas Sistem
No Parameter Deskripsi
Apakah sistem dapat digunakan 7 x 24 jam x 356
1 Ketersediaan
hari.
Kecepatan respon aplikasi setelah penginputan
2 Kecepatan
data dan pemrosesan data.
Keakuratan output data yang dihasilkan dari
3 Keakuratan
proses input.
4 Keamanan Keamanan yang menjamin kerahasiaan data.
Kemudahan membaca informasi yang diberikan
5 Kemudahan
sistem.
Penggunaan Penggunaan resource seperti, memory atau
6
Resource harddisk.
24
3.4.1. Kebutuhan Perangkat Keras (Hardware)
3. Keyboard
4. Mouse
5. Harddisk 500GB
6. Printer.
3. Sublime Text 3
Diagram Konteks adalah diagram yang terdiri dari sesuatu proses dan
tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari
sistem. Diagram konteks dari sistem ini dapat dilihat pada Gambar 3.4.
25
Gambar 3. 4 Diagram Konteks
Diargam jenjang yang dibuat berjumlah 7 level, dan dapat dilihat tampak
26
3.5.3. DFD (Data Flow Diagram)
Tahap ini merupakan penjabaran skala arus data secara rinci detail
berdasarkan diagram konteks yang telah dibuat sebelumnya. data flow diagram
Katolik Wilayah Kabupaten Boven Digoel akan di buat mulai dari DFD level 0
a. DFD level 0
1. Proses 1.0 yaitu proses data sekolah, dimana pihak sekolah dan admin
pada sistem.
2. Proses 2.0 yaitu proses data siswa, dimanan pihak sekolah dan admin
pada sistem.
3. Proses 3.0 yaitu proses data guru, dimana pihak sekolah dan admin
pada sistem.
4. Proses 4.0 yaitu proses data pengguna, dimana admin saja yang dapat
sistem.
27
5. Proses 5.0 yaitu proses informasi keuskupan, dimana admin, dapat
6. Proses 6.0 yaitu data laporan, dimana admin dan kepala keuskupan
dapat menyimpan dan mencetak laporan data siswa, guru, dan data
28
a. DFD level 1 Proses 1
DFD level 1 merupakan suatu penjabaran dari hasil atau kelanjutan detail
DFD level 0. DFD Level 1 proses ke-1 yaitu proses detail data sekolah, dan
Diagram ini merupakan diagram rinci level 1 proses ke-1, dimana pihak
sekolah berhak untuk mengakses dan mengelolah data master sekolah yang
terdapat 5 sub-proses yang terjadi yaitu proses tambah data, edit/ubah data,
29
b. DFD level 1 Proses 2
DFD Level 1 proses ke-2 yaitu proses detail data siswa, dan dapat di lihat
Diagram ini merupakan diagram rinci level 1 proses ke-2, dimana pihak
siswa berhak untuk mengakses dan mengelolah data master siswa yang
terdapat 5 sub-proses yang terjadi yaitu proses tambah data, edit/ubah data,
30
c. DFD level 1 Proses 3
DFD Level 1 proses ke-3 yaitu proses detail data guru, dan dapat di lihat
Diagram ini merupakan diagram rinci level 1 proses ke-3, dimana pihak
siswa berhak untuk mengakses dan mengelolah data master siswa yang
terdapat 5 sub-proses yang terjadi yaitu proses tambah data, edit/ubah data,
31
d. DFD level 2 Proses 4
DFD Level 2 proses ke-4 yaitu proses detail data pengguna, dan dapat di
Diagram ini merupakan diagram rinci level 2 proses ke-4, dimana pihak
admin saja yang dapat mengakses dan mengelolah data pengguna yang
terdapat 3 sub-proses yang terjadi yaitu proses tambah data, edit/ubah data,
hapus data.
32
e. DFD level 2 Proses 5
DFD Level 2 proses ke-5 yaitu proses detail data informasi Keuskupan, dan
Diagram ini merupakan diagram rinci level 2 proses ke-5, dimana pihak
terjadi yaitu proses tambah data, edit/ubah data, hapus data, serta pihak
33
f. DFD level 2 Proses 6
DFD Level 2 proses ke-6 yaitu proses laporan data sekolah, laporan data
siswa dan laporan data guru dapat di lihat tampak seperti pada Gambar
3.12.
Diagram ini merupakan diagram rinci level 2 proses ke-6, dimana admin dapat
mencetak dan menyimpan file kedalam bentuk file excel. Diagram level 2 proses
6 juga terdapat 3 sub-proses yang terjadi yaitu proses cetak laporan data sekolah,
guru, dan siswa, selanjutnya proses simpan/save as data laporan sekolah, data
laporan siswa, dan data laporan guru ke dalam bentuk file excel.
34
a. DFD level 3 Proses 6
DFD Level 3 proses ke-6 yaitu proses laporan data sekolah, laporan data
siswa dan laporan data guru dapat di lihat tampak seperti pada Gambar
3.13.
Diagram ini merupakan diagram rinci level 3 proses ke-6, dimana Kepala
Keuskupan Agung Merauke dapat mencetak dan menyimpan file kedalam bentuk
file excel. Diagram level 3 proses 6 juga terdapat 3 sub-proses yang terjadi yaitu
proses cetak laporan data sekolah, guru, dan siswa, selanjutnya proses
simpan/save as data laporan sekolah, data laporan siswa, dan data laporan guru ke
35
3.5.4. ERD (Entity Relationship Diagram)
yang dapat menyimpanan data pada sebuah sistem informasi, database adalah
tampat kumpulan data-data yang disimpan dalam file atau tabel dan saling
berhubungan atau memiliki keterkaitan antara satu dengan yang lain. Rancangan
36
3.5.5. Basis Data (Database)
Basis Data (database) yang dibuat terdiri dari tabel-tabel yang digunakan
untuk menyimpan data-data pada sistem. Berikut adalah tabel serta data yang
37
Tabel 3. 8 Tabel Guru
No Field Name Type Length Keyname
1 kd_guru varchar 25 Primary
2 nama_nip varchar 100
3 jk ENUM -
4 tgl_hr date -
5 jabatan ENUM -
6 status ENUM -
7 golongan varchar 10
8 ijazah varchar 50
9 foto varchar 225
sistem agar dapat berinteraksi dalam bentuk aplikasi interface melalui konteks
manu-manu dialog yang ada sebagai fasilitas input dan output dari sistem. Berikut
username dan password dengan maksud mengecek hak akses serta level
setiap pengguna yang diberi hak akses untuk masuk kedalam sistem
aplikasi.
38
Desain Halaman Login
dialog data sekolah, data siswa, data guru, pengguna, laporan, informasi
39
3. Desain Halaman Data Sekolah
tambah data sekolah, edit data sekolah, dan hapus data sekolah.
40
Desain Halaman Edit Data Sekolah
tambah data siswa, edit data siswa, dan hapus data siswa.
41
Desain Halaman Data Siswa
42
Desain Halaman Hapus Data Siswa
Rancangan halaman data guru adalah untuk menampilkan data guru, tambah
43
Desain Halaman Tambah Data Guru
44
6. Desain Halaman Pengguna
pengguna, tambah data pengguna, edit data pengguna, dan hapus data
pengguna.
45
Desain Halaman Edit Data Pengguna
46
Desain Halaman Laporan-Laporan
47
Desain Halaman Cetak Laporan Guru
efektif .
48
9. Desain Halaman About
apakah semua fungsi dalam aplikasi sudah dapat berjalan sebagaimana mestinya
atau sudah berjalan dengan benar atau tidak sesuai dengan perancangannya. Pada
bagian ini akan dijelaskan mengenai tampilan layar pada saat aplikasi dijalankan
dari tampilan awal sampai dengan selesai dijalankan. Berikut ini akan diberikan
49
3.6.1. Rancangan Pengujian Fungsional
50
BAB IV
HASIL DAN PEMBAHASAN
Sistem yang dirancang sebagai sarana atau fasilitas yang dapat membantu
menyimpan data-data sekolah ke dalam bentuk file excel, dan admin dapat
2. Pihak Sekolah dapat mengelolah data sekolah, data siswa, dan data guru
menyimpan atau mencetak data sekolah, siswa, dan guru serta dapat pihak
Keuskupan.
51
Berikut merupakan gambaran hasil rancangan struktur aplikasi sistem
Interface login user memiliki form input username dan password dari setiap
user pengguna dalam hal ini admin, pihak sekolah, dan kepala keuskupan,
kemudian jika data yang dimasukan bernilai benar maka user akan masuk
sesuai batasan yang telah ditentukan oleh sistem, dan ketika data username
atau password yang dimasukan bernilai salah maka sistem akan merespon
bahwa data tidak valid. Interface login user dapat dilihat tampak seperti
52
Gambar 4. 2 Form Login
data Sekolah, menu data Siswa, Menu data Guru, menu Pengguna, menu
Laporan, menu Informasi Keuskupan, dan menu Tentang (about). Selain itu
pada halaman menu utama juga menampilkan keterangan user yang lagi
aktif pada sistem, menampilkan nilai total data siswa, guru, pengguna,
sekolah, dan informasi Keuskupan. Interface login menu utama dapat dilihat
53
4.2.3. Implementasi Form Data Sekolah
Pada interface data Sekolah ini akan menampilkan daftar data Sekolah
dengan aksi edit untuk mengedit data, hapus untuk menghapus data, tambah
untuk menambah data, cetak untuk mengeluarkan data dalam bentuk lembar
cetak, simpan untuk menyimpan file ke dalam bentuk file excel. Interface
menu data Sekolah dapat dilihat tampak seperti pada gambar 4.4.
Pada interface data Siswa ini akan menampilkan daftar data Siswa dengan
aksi edit untuk mengedit data, hapus untuk menghapus data, tambah untuk
menambah data, cetak untuk mengeluarkan data dalam bentuk lembar cetak,
simpan untuk menyimpan file ke dalam bentuk file excel. Interface menu
54
Gambar 4. 5 Halaman Menu Data Siswa
Pada interface data Guru ini akan menampilkan daftar data Guru dengan
aksi edit untuk mengedit data, hapus untuk menghapus data, tambah untuk
menambah data, cetak untuk mengeluarkan data dalam bentuk lembar cetak,
simpan untuk menyimpan file ke dalam bentuk file excel. Interface menu
55
4.2.6. Implementasi Form Data Pengguna
Pada interface data Pengguna ini akan menampilkan daftar data Pengguna
dengan aksi edit untuk mengedit data, aksi hapus untuk menghapus data,
dan aksi tambah untuk menambah data. Interface menu data Pengguna dapat
Pada interface laporan ini akan menampilkan daftar laporan data Sekolah,
data Siswa, dan data Guru dengan aksi lihat laporan data sekolah untuk
mencetak dan menyimpan data sekolah ke dalam bentuk file excel, aksi lihat
laporan data siswa untuk mencetak dan menyimpan data siswa ke dalam
bentuk file excel, aksi lihat laporan data guru untuk mencetak dan
menyimpan data guru ke dalam bentuk file excel. Interface menu data
56
Gambar 4. 8 Halaman Menu Laporan
Pada interface form input informas Keuskupan ini akan menampilkan form
input informasi Keuskupan yang terdapat satu input text-filed, satu input file
pdf dengan aksi tombol upload. Interface menu form informasi keuskupan
57
4.2.9. Implementasi Form Tentang (About)
Pada interface form tentang (about) ini akan menampilkan form informasi
menu tentang (about) informasi project dapat dilihat tampak seperti pada
gambar 4.10.
apakah semua fungsi dalam aplikasi sudah dapat berjalan sebagaimana mestinya
atau sudah berjalan dengan benar atau tidak sesuai dengan perancangannya.
Berikut hasil pengujian yang dilakukan terhadap sistem. Pada bagian ini akan
dijelaskan mengenai tampilan layar pada saat aplikasi dijalankan dari tampilan
awal sampai dengan selesai dijalankan. Berikut ini akan diberikan penjelasan dan
gambar mengenai tampilan-tampilan yang ada pada aplikasi yang telah dibuat ini.
58
1. Pengujian Form Login
Form login akan tampil ketika aplikasi pertama kali dijalankan, pada
form ini terdapat input username dan password yang harus diisi dengan
Agar bisa masuk ke dalam form menu utama user harus mengisi
meng-click tombol login untuk melakukan proses login setelah itu sistem
akan membaca username dan paasword, jika salah maka sistem akan
59
utama, dan jika username dan password yang dimasukan bernilai benar
Tampilan layar form menu utama akan muncul setelah user pengguna
melewati proses login. Pada form menu utama terdapat beberapa tombol
yang dapat menampilkan form menu data sekolah, menu data siswa,
menu data guruM, menu data pengguna, menu laporan, menu informasi
Keuskupan, dan menu tentang (about) serta user pengguna dapat logout
dari menu utama, selain menu-menu yang telah dibuat ada juga informasi
jumlah data siswa, jumlah data guru, jumlah data pengguna, jumlah data
60
3. Pengujian Form Menu Data Sekolah
Tampilan layar form menu data sekoah akan muncul setelah user
pengguna mengklik menu data sekolah. Pada form data sekolah terdapat
proses tambah data, edit data, hapus data, cetak data, dan simpan data ke
Pada form menu data sekolah user pengguna harus mengisi data terlebih
dahulu malaui proses tambah data, kemudian edit data, hapus data, cetak
data, dan simpan data ke dalam bentuk file excel. Berikut adalah proses-
mengisi form data yang terdiri dari field kode-sekolah, nama sekolah,
jumlah ruangan, total jumlah guru, total jumlah siswa, fasilitas rusak,
61
Gambar 4. 15 Tampilan Form Tambah Data Sekolah
Jika semua data sudah terisi, selanjutnya user pengguna menekan tombol
simpan, maka hasil output tambah data akan tampak seperti pada gambar
4.16.
Proses ke-dua, pengguna mengklik tombol edit data, maka tampilan form
62
Gambar 4. 17 Tampilan Form Edit Data Sekolah
tombol simpan, maka hasil output edit data sekolah akan tampak seperti
cetak data sekolah akan terbuka dan pengguna dapat mencetak data
sekolah.
63
Proses ke-empat, pengguna mengklik tombol simpan, maka sistem akan
download maka tampilan data excel terbuka tampak seperti gambar 4.20.
pengguna klik tombol “OK”, maka tampilan output hapus data sekolah
Tampilan layar form menu data siswa akan muncul setelah user
pengguna mengklik menu data siswa. Pada form data siswa terdapat
64
proses tambah data, edit data, hapus data, cetak data, dan simpan data ke
Pada form menu data siswa user pengguna harus mengisi data terlebih
dahulu malaui proses tambah data, kemudian edit data, hapus data, cetak
data, dan simpan data ke dalam bentuk file excel. Berikut adalah proses-
mengisi form data yang terdiri dari field kode siswa, nama siswa, jenis
kelamin, tempat lahir, tanggal lahir, agama, kategori suku, telepon, dan
alamat.
65
Jika semua data sudah terisi, selanjutnya user pengguna menekan tombol
simpan, maka hasil output tambah data siswa akan tampak seperti pada
gambar 4.24.
Proses ke-dua, pengguna mengklik tombol edit data, maka tampilan form
edit data siswa akan terbuka dan pengguna dapat mengedit data siswa.
tombol simpan, maka hasil output edit data siswa akan tampak seperti
66
Gambar 4. 26 Tampilan Form Output Edit Data Siswa
cetak data siswa terbuka dan pengguna dapat mencetak data siswa.
download maka tampilan data excel terbuka tampak seperti gambar 4.20.
67
pengguna klik tombol “OK”, maka tampilan output hapus data siswa
Tampilan layar form menu data guru akan muncul setelah user pengguna
mengklik menu data guru. Pada form data guru terdapat proses tambah
data, edit data, hapus data, cetak data, dan simpan data ke dalam bentuk
file excel.
Pada form menu data guru user pengguna harus mengisi data terlebih
dahulu malaui proses tambah data, kemudian edit data, hapus data, cetak
68
data, dan simpan data ke dalam bentuk file excel. Berikut adalah proses-
mengisi form data yang terdiri dari field kode guru, nama/NIP, jenis
kelamin, tanggal lahir, jabatan, status, golongan, ijazah dan foto profil.
Jika semua data sudah terisi, selanjutnya user pengguna menekan tombol
simpan, maka hasil output tambah data guru akan tampak seperti pada
gambar 4.32.
Proses ke-dua, pengguna mengklik tombol edit data, maka tampilan form
edit data guru akan terbuka dan pengguna dapat mengedit data guru.
69
Gambar 4. 33 Tampilan Form Edit Data Guru
tombol simpan, maka hasil output edit data guru akan tampak seperti
cetak data guru akan terbuka dan pengguna dapat mencetak data guru.
70
Proses ke-empat, pengguna mengklik tombol simpan, maka sistem akan
download maka tampilan data excel terbuka tampak seperti gambar 4.36.
pengguna klik tombol “OK”, maka tampilan output hapus data guru
Tampilan layar form menu pengguna akan muncul setelah user admin
71
Gambar 4. 38 Tampilan Form Menu Pengguna
Pada form menu pengguna, admin harus mengisi data terlebih dahulu
malaui proses tambah data, kemudian edit data, dan hapus data. Berikut
form data pengguna yang terdiri dari field username, nama pengguna,
Jika semua data sudah terisi, selanjutnya user admin menekan tombol
simpan, maka hasil output tambah data pengguna akan tampak seperti
72
Gambar 4. 40 Tampilan Form Output Tambah Data Pengguna
Proses ke-dua, user admin mengklik tombol edit data, maka tampilan
form edit data pengguna akan terbuka dan pengguna dapat mengedit data
pengguna.
Jika semua data sudah di edit, selanjutnya user admin menekan tombol
simpan, maka hasil output edit data pengguna akan tampak seperti pada
gambar 4.41.
73
Gambar 4. 42 Tampilan Form Output Edit Data Pengguna
Proses ke-tiga, user admin mengklik tombol hapus, maka sistem akan
pengguna klik tombol “OK”, maka tampilan output hapus data pengguna
Tampilan layar form menu laporan akan muncul setelah user kepala
laporan yaitu proses laporan data sekolah, laporan data siswa, dan
74
Gambar 4. 44 Tampilan Form Menu Laporan
Pada form menu laporan, user kepala Yayasan melilih laporan yang ingin
di cetak atau disimpan ke dalam bentuk file excel malaui proses cetak
75
Gambar 4. 46 Tampilan Form Cetak Laporan
Proses ke-dua, kepala Yayasan mengklik tombol lihat laporan data siswa,
simpan ke excel.
76
Gambar 4. 49 Tampilan Form Cetak Laporan
Proses ke-tiga, kepala Yayasan mengklik tombol lihat laporan data guru,
simpan ke excel.
77
Gambar 4. 52 Tampilan Form Cetak Laporan
Tampilan layar form menu laporan akan muncul setelah user admin
Pada form menu informasi Keuskupan, admin harus mengisi data terlebih
admin mengisi form data pengguna yang terdiri dari judul ifnormasi dan
78
Gambar 4. 54 Tampilan Form Input Data/informasi Keuskupan
sebagai bukti informasinya yang dapat di lihat pada gambar 4.55, tampak
panel dashboard dengan cara menekan tombol icon-view yang ada pada
79
Gambar 4. 56 Tampilan Form View/Read Informasi Keuskupan
Tampilan layar form menu tentang (about) akan muncul setelah user
pengguna mengklik menu tentang (about). Pada form ini hanya terdapat
80
4.4. Tabel Hasil Pengujian Aplikasi
User-Role
Proses Sub-Proses Status
(1)
Tambah Berhasil √
Edit Berhasil √
Data Sekolah Hapus Berhasil √
Cetak Berhasil √
Simpan (Excel) Berhasil √
Tambah Berhasil √
Edit Berhasil √
Data Siswa Hapus Berhasil √
Cetak Berhasil √
Simpan (Excel) Berhasil √
ADMIN
Tambah Berhasil √
Edit Berhasil √
Data Guru Hapus Berhasil √
Cetak Berhasil √
Simpan (Excel) Berhasil √
Tambah Berhasil √
Data Pengguna Edit Berhasil √
Hapus Berhasil √
Tambah Berhasil √
Data/Informasi Keuskupan
Hapus Berhasil √
81
Tabel 4. 2 Pengujian Fungsional Sekolah
User-Role
Proses Sub-Proses Status
(2)
Tambah Berhasil √
Edit Berhasil √
Data Sekolah Hapus Berhasil √
Cetak Berhasil √
Simpan (Excel) Berhasil √
Tambah Berhasil √
Edit Berhasil √
Data Siswa Hapus Berhasil √
Cetak Berhasil √
SEKOLAH
Simpan (Excel) Berhasil √
Tambah Berhasil √
Edit Berhasil √
Data Guru Hapus Berhasil √
Cetak Berhasil √
Simpan (Excel) Berhasil √
View/Read Berhasil √
Data/Informasi Keuskupan Download PDF Berhasil √
Cetak Berhasil √
User-Role
Proses Sub-Proses Status
(3)
Cetak Berhasil √
Laporan Data Sekolah
Simpan (Excel) Berhasil √
Kepala Cetak Berhasil √
Laporan Data Siswa
Yayasan Simpan (Excel) Berhasil √
Cetak Berhasil √
Laporan Data Guru
Simpan (Excel) Berhasil √
manipilasi data sekolah, data siswa, data guru, data pengguna, laporan,
disimpulkan bahwa manfaat dan keuntungan yang didapatkan oeh pihak Yayasan
82
1. Akses Tanpa Batas (Full Access)
Aplikasi berbasis web sangat mudah untuk diakses karena tidak perlu
kerja Yayasan saat ini, memungkinkan sumber daya kerja yang akan
penghematan dalam bentuk gaji staf, dan unsur lain yang membutuhkan
biaya.
Sistem ini dapat merespon aktifitas pengguna sistem setiap saat, bahkan
83
BAB IV
PENUTUP
5.1. Kesimpulan
pelaporan data sekolah, guru, dan siswa melalui sistem informasi Sekolah
Yayasan Katholik berbasis web pada Keuskupan Agung Merauke lebih efektif
dan efisien dalam memberikan informasi pelaporan data sekolah, guru, dan siswa
yang akurat, tepat waktu dan relevankepada pengguna sistem ini, makan dari
bahwa :
2. Transaksi data siswa dan sekolah antara pihak Yayasan dengan Pihak
Sekolah, website ini sangat memberikan fasilitas yang sangat mudah bagi
84
3. Dalam menjaga keamanan website, metode yang digunakan adalah dengan
pengunjung website.
5.2. Saran
perancangan sistem informasi berbasis web ini. Oleh karena itu, agar perancangan
pendaftaran siswa baru dan juga menu untuk menampilkan nilai siswa.
85
DAFTAR PUSTAKA
86
[10] Ganda Yoga Swara and Y. Pebriadi, “Rekayasa Perangkat Lunak
Pemesanan Tiket Bioskop,” TEKNOIF, vol. 4, no. 2, pp. 27–39, 2016.
87