RANCANG BANGUN SISTEM INFORMASI AKADEMIK DAN
KEUANGAN MAN PESANGGARAN BANTUWANGI
TUGAS AKHIR
Oleh
NIM : 120020054
NAMA : I MAM BASTOMI
JENJANG STUDI : DIPLOMA TIGA (D3)
PROGRAM STUDI : MANAJEMEN INFORMATIKA
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA DAN TEKNIK KOMPUTER
(STMIK) STIKOM BALI
RANCANG BANGUN SISTEM INFORMASI AKADEMIK DAN
KEUANGAN MAN PESANGGARAN BANTUWANGI
TUGAS AKHIR
DIAJUKAN SEBAGAI SALAH SATU SYARAT UNTUK MENCAPAI GELAR AHLI MADYA PROGRAM STUDI MANAJEMEN INFORMATIKA
Oleh
NIM : 120020054
NAMA : I MAM BASTOMI
JENJANG STUDI : DIPLOMA TIGA (D3)
PROGRAM STUDI : MANAJEMEN INFORMATIKA
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA DAN TEKNIK KOMPUTER
(STMIK) STIKOM BALI
i
RANCANG BANGUN SISTEM INFORMASI AKADEMIK DAN
KEUANGAN MAN
PESANGGARAN BANYUWANGI
TUGAS AKHIR
Imam Bastomi NIM: 120020054
Disetujui Oleh:
Pembimbing I,
(Ni Luh Putri Srinadi, SE., MM.Kom)
Mengetahui, Pembantu Ketua I
(I Made Adi Purwantara, ST., M.Kom)
Pembimbing II,
ii
TANDA PENGESAHAN TUGAS AKHIR
N I M : 120020054 Nama : Imam Bastomi Jenjang Studi : Diploma Tiga (D3) Program Studi : Manajemen Informatika
Judul Proposal : Rancang Bangun Sistem Informasi Akademik dan Keuangan Man Pesanggaran Banyuwangi
Dipertahankan di depan Tim Penguji Tugas Akhir Program Studi Manajemen Informatika STMIK STIKOM Bali
Pada tanggal ………..…
Menyetujui,
NO NAMA TANDA TANGAN
1. Ni Luh Putri Srinadi, SE., MM.Kom
2. Erma Sulistyo Rini, SE., MM.Kom
3. Ni Kadek Sumiari, S.Kom
Mengetahui,
Ka. Prodi Manajemen Informatika
iii
PERNYATAAN
Saya yang bertanda tangan di bawah ini:
N I M : 120020054 Nama : Imam Bastomi
Tempat/Tgl Lahir : Denpasar, 06 Juni 1993
Alamat : Jln Pulau Pinang H4, Denpasar
Menyatakan bahwa dalam Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar Ahli Madya Komputer (Amd. Kom) di suatu perguruan tinggi, dan sepanjang pengetahuan saya tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.
Denpasar, 2 November 2015
iv
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa, karena atas berkah dan rahmat-Nyalah penulis dapat menyelesaikan laporan kerja praktek dengan judul
“Rancang Bangun Sistem Informasi Akademik dan Keuangan Man Pesanggaran
Banyuwangi ”. Tugas akhir ini disusun sebagai syarat kelulusan pada program studi
Manajemen Informatika di STMIK STIKOM Bali.
Dalam melakukan penyusunan tugas akhir ini penulis memiliki keterbasan pengetahuan mengenai pembuatan laporan tugas akhir. Namun dengan banyaknya pihak banyak mendapatkan saran, dorongan, bimbingan dan memberikan informasi serta pengalaman penulis bisa menyelesaikan membuat tugas akhir ini. Dengan segala hormat penulis mengucapkan terima kasih yang sebesar-besarnya kepada:
1. Bapak Dr. Dadang Hermawan selaku pimpinan STMIK STIKOM Bali.
2. Bapak I Made Adi Purwantara, ST.,M.Kom, selaku Pembantu Ketua I STMIK STIKOM Bali.
3. Bapak Dian Pramana, S.Kom.,M.Kom, selaku ketua jurusan D3-Manajemen Informatika STMIK STIKOM Bali yang telah memberi motivasi dalam menyelesaikan tugas akhir.
4. Ibu Ni Luh Putri Srinadi, SE., MM.Kom selaku dosen Pembimbing I yang telah banyak membimbing saya dalam penyusunan tugas tugas akhir.
5. Bapak Muhammad Riza Hilmi, ST. Selaku dosen pembimbing II yang telah membantu saya dalam melakukan bimbingan tugas akhir.
6. Bapak Drs. H. Saeroji M.Pd.I, M.Ag selaku kepala sekolah MAN Pesanggaran yang telah mengizinkan penulis dalam melakukan penelitian tugas akhir di MAN Pesanggaran.
7. Bapak Susanto S.pd selaku Wakil Kepala Sekolah bagian pengembangan yang telah memberikan masukan dalam pembuatan program tugas akhir.
8. Staff Guru yang ada di MAN Pesanggaran memberikan informasi sebagai bahan penelitian tugas akhir.
9. Bapak dan Ibu dosen yang secara tidak langsung telah memberikan dukungan serta arahan kepada penulis.
10. Ayahanda, Ibunda dan keluarga yang selalu memberikan kasih sayang serta dukungan baik secara moril maupun materil.
v
Akhir kata penulis mengucapkan terima kasih kepada semua orang yang telah membantu dalam penyusunan tugas akhir yang suatu hari ilmu yang penulis dapat dari belajar di Kampus STIKOM Bali bisa di implementasikan dalam bentuk tugas akhir bisa bermanfaat di lingkungan masyarakat sekitar kita.
Denpasar, 12 Oktober 2015
vi
RANCANG BANGUN SISTEM INFORMASI AKADEMIK DAN KEUANGAN MAN
PESANGGARAN BANYUWANGI
ABSTRAK
MAN Pesanggaran merupakan sekolah negeri setingkat SMA dibawah naungan Departemen Agama. Dalam melakukan pencatatan data akademik dan keuangan masih menggunakan sistem manual yaitu mencatat di kertas dokumen kemudian disimpan di kamar kamar dokumen dan di pindah ke dalam komputer. Banyak masalah yang dihadapi dalam pencatatan dokumen ini seperti data yang hilang dan keterlambatan dalam menyampaikan informasi. Maka perlu dibuatnya sistem informasi yang mempermudah siswa dan staff pendidikan dalam mendapatkan informasi mengenai data akademik dan keuangan yang ada di MAN Pesanggaran. Dalam melakukan perekayasaan sistem informasi akademik dan keuangan MAN Pesanggaran ini menggunakan strategi waterfall. Secara garis besar sistem informasi akademik dan keuangan MAN Pesanggaran meliputi informasi nilai siswa, informasi pembayaran SPP, penjadwalan MAN Pesanggaran dan laporan akademik siswa yang bisa diakses melalui melalui web. Diharapkan dengan pembuatan sistem informasi ini dapat meningkatkan efisien, produktivitas, dan efektivitas dalam upaya peningkatan pelayanan akademis dan keuangan yang ada di MAN Pesanggaran.
vii
ACADEMIC AND PAYMENTS SYSTEM INFORMATION DESIGN
MAN PESANGGARAN BANYUWANGI
ABSTRACT
MAN Pesanggaran is public school at the high school under auspices of the Ministry of Religion. In doing academic and financial data recording still use manual system that is noted in the paper documents are then stored in a document furnished room and moved into the computer. Many of the problems faced in recording these documents such as data loss and the delay in conveying information. It is necessary to simplify the information systems made of students and educational staff in obtaining information on financial and academic data that is in MAN Pesanggaran. In doing engineering academic and financial information system is using a strategy of MAN Pesanggaran waterfall. Broadly speaking academic and financial information systems MAN Pesanggaran includes information about the value of students, tuition payment information, scheduling MAN Pesanggaran and student academic reports which can be accessed via web. Expected by making this information system can increase efficiently, productivity, and effectiveness in improving the academic and financial services in the MAN Pesanggaran.
viii
DAFTAR ISI
HALAMAN PERSETUJUAN ... i
KATA PENGANTAR ... iii
DAFTAR ISI ... vii
1.3 Tujuan Perekayasaan ... 2
1.4 Manfaat Perekayasaan ... 2
1.4.1 Bagi Mahasiswa ... 3
1.4.2 Bagi Guru dan Staff MAN Pesanggaran ... 3
1.4.3 Bagi Siswa MAN Pesanggaran ... 3
1.5 Ruang Lingkup Perekayasaan ... 3
1.6 Metode Perekayasaan ... 4
BAB II TINJAUAN PUSTAKA ... 5
2.1 Sistem Informasi ... 5
2.2 Pengertian dari Sistem Informasi Akademik ... 5
2.3 Internet ... 6
2.11 Entity Relationship Data ... 12
2.12 Basis Data ... 12
BAB III ANALISA DAN PERANCANGAN SISTEM ... 15
3.1 Analisa Sistem ... 15
3.2 DFD Sistem ... 16
3.2.1 Diagram Konteks ... 16
3.2.2 DFD Level 0 ... 17
3.2.3 DFD Level 1 Pengelolaan Data Manajemen ... 18
3.2.4 DFD Level 1 Pengelolaan Akademik ... 19
3.3 Entity Relationship Data Sistem ... 20
3.4 Enchanced Entity Relationship Sistem ... 21
3.5 Database Sistem ... 22
3.5.1 Tabel Operator ... 22
3.5.2 Tabel Siswa ... 22
3.5.3 Tabel Guru ... 23
3.5.4 Tabel Staff ... 23
3.5,5 Tabel Wali Kelas ... 24
3.5,6 Tabel Mapel ... 24
3.5,7 Tabel Mengajar ... 25
3.5.8 Tabel Jadwal ... 25
3.5,9 Tabel Kelas ... 26
3.5,10 Tabel Nilai ... 26
3.5,11 Tabel spp ... 27
3.5,12 Tabel Kepala Sekolah ... 28
ix
3.6.1 Desain Tampilan Login Admin ... 28
3.6.2 Desain Tampilan Halaman Utama Operator ... 29
3.6.3 Desain Tampilan Halaman Utama Staff ... 30
3.6.4 Desain Tampilan Halaman Utama Kepsek ... 26
3.6.5 Desain Tampilan Tabel Data Admin ... 31
3.6.6 Desain Tampilan Edit Data ... 33
3.6.7 Desain Tampilan Login Akademik ... 33
3.6.8 Desain Awal Akademik ... 34
3.6.9 Desain Tabel Akademik ... 36
3.6.10 Desain Tabel Akademik ... 37
BAB IV IMPLEMENTASI SISTEM ... 38
4.1 Administrasi ... 38
4.1.1 Login Sistem ... 38
4.1.2 Operator ... 39
4.1.3 Staff ... 46
4.1.4 Kepala Sekolah ... 51
4.2 Akademik ... 52
4.2.1 Login Sistem ... 52
4.2.2 Tampilan Awal Sistem ... 53
4.2.3 Siswa ... 54
4.2.4 Guru ... 56
4.2.5 Wali Kelas ... 58
4.3 Pengujian Sistem dengan Blackbox Testing ... 59
4.3.1 Blackbox Testing pada Form Utama ... 59
4.3.2 Blackbox Testing pada Form Login ... 61
4.3.3 Blackbox Testing pada Fungsi Input Data ... 62
4.3.4 Blackbox Testing pada Logout ... 63
BAB V KESIMPULAN DAN SARAN ... 64
5.1 KESIMPULAN ... 64
5.2 SARAN ... 64
x
DAFTAR TABEL
Tabel 2.1 Simbol Proses ... 10
Tabel 2.2 Simbol DFD menurut Yourdan dan De Marco ... 11
Tabel 2.3 Komponen ERD ... 12
Tabel 3.1 Data Operator ... 22
Tabel 3.2 Data Siswa ... 22
Tabel 3.3 Data Guru ... 23
Tabel 3.4 Data Staff ... 23
Tabel 3.5 Data Wali Kelas ... 24
Tabel 3.6 Data Mapel ... 25
Tabel 3.7 Data Mengajar ... 25
Tabel 3.8 Data Jadwal ... 25
Tabel 3.9 Datal Kelas ... 26
Tabel 3.10 Data Nilai ... 26
Tabel 3.11 Data spp ... 27
Tabel 3.12 Data Kepsek ... 28
Tabel 4.1 Blackbox Testing Form Utama ... 59
Tabel 4.2 Blackbox Testing pada Form Login ... 61
Tabel 4.3 Blackbox Testing pada Fungsi Input Data ... 62
xi
DAFTAR GAMBAR
Gambar 3.1 Diagram Konteks ... 15
Gambar 3.2 DFD Level 0 ... 16
Gambar 3.3 DFD Level 1 Manajemen ... 17
Gambar 3.4 DFD Level 1 Akademik ... 18
Gambar 3.5 ERD Sistem ... 19
Gambar 3.6 Relasi Database ... 20
Gambar 3.7 Desain Tampilan Login Admin ... 28
Gambar 3.8 Desain Tampilan Halaman Utama Operator ... 29
Gambar 3.9 Desain Tampilan Halaman Utama Staff ... 29
Gambar 3.10 Desain Tampilan Halaman Utama Kepsek ... 30
Gambar 3.11 Desain Tampilan Tabel Data Admin ... 31
Gambar 3.12 Desain Tampilan Edit Data ... 32
Gambar 3.13 Desain Tampilan Login Akademik ... 32
Gambar 3.14 Desain Awal Akademik ... 33
Gambar 3,15 Desain Tabel Akademik ... 34
Gambar 3,16 Desain Tabel Akademik ... 35
Gambar 4.1 Login sistem ... 35
Gambar 4.2 Tampilan awal sistem ... 38
Gambar 4.3 Tabel Data Siswa ... 39
Gambar 4.4 Tabel Input Siswa ... 40
Gambar 4.5 Tabel Input Siswa ... 40
Gambar 4.6 Tampilan Data Guru ... 41
Gambar 4.7 Tampilan Input Guru ... 41
Gambar 4.8 Tampilan Edit Guru ... 42
Gambar 4.9 Tampilan Data Kepala Sekolah ... 42
Gambar 4.10 Tampilan Input Wali Kelas ... 43
Gambar 4.11 Tampilan Ganti Kepala Sekolah ... 43
Gambar 4.12 Tampilan Data Staff ... 44
Gambar 4.13 Tampilan Input Data Staff ... 44
Gambar 4.14 Tampilan Edit Data Staff ... 45
Gambar 4.15 Tampilan Data Mata Pelajaran ... 45
Gambar 4.16 Tampilan Input Mata Pelajaran ... 46
Gambar 4.17 Tampilan Edit Mata Pelajaran ... 46
Gambar 4.18 Tampilan Jadwal Mata Pelajaran ... 47
Gambar 4.19 Tampilan Input Jadwal Mata Pelajaran ... 47
Gambar 4.20 Tampilan Data Kelas ... 48
Gambar 4.21 Tampilan Input Kelas ... 48
Gambar 4.23 Tampilan Input Kelas ... 49
Gambar 4.24 Tampilan Data Pembayaran ... 49
Gambar 4.25 Tambah Pembayaran ... 50
Gambar 4.26 Tambah Pembayaran Siswa ... 50
Gambar 4.27 Tampilan Data Kepala Sekolah ... 51
Gambar 4.28 Tampilan Login Akademik ... 51
Gambar 4.29 Halaman Awal Siswa ... 53
Gambar 4.30 Halaman Awal Guru ... 53
Gambar 4.31 Halaman Awal Wali Kelas... 52
Gambar 4.32 Tampilan Rekapitulasi Niltai ... 53
Gambar 4.33 Daftar Kelas ... 53
Gambar 4.34 Jadwal Pelajaran ... 53
Gambar 4.35 Data Pembayaran ... 54
xii
Gambar 4.37 Input Nilai Kelas ... 55
Gambar 4.38 Input Nilai Kelas ... 58
Gambar 4.39 Jadwal Mengajar ... 58
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
MAN Pesanggaran merupakan sekolah negeri setingkat SMA dibawah naungan Departemen Agama yang berlokasi di jalan H Ikhsan No di desa Kesilir, kecamatan Siliragung, Banyuwangi. MAN Pesanggaran berdiri tahun 2002 dengan tanah yang dihibahkan oleh Haji Ikhsan untuk pendidikan masyarakat yang ada di sekitarnya. Sebelumnya MAN Pesanggaran berada di kecamatan Pesanggaran hingga tahun 2004 kecamatan Pesanggaran terpecah menjadi dua bagian yaitu kecamatan siliragung dan Pesanggaran sedangkan lokasi MAN Pesanggaran berada di kecamatan siliragung. Karena permasalahan izin untuk berganti nama MAN Pesanggaran memutuskan untuk tidak mengganti namanya sampai sekarang.
MAN pesanggaran belajar efektif dari hari senin sampai sabtu dari jam setengah 7 pagi hingga jam 2 siang dan kelas XII mendapat jam tambahan sampai jam 5 sore. Dulu kelas yang dibuka di MAN pesanggaran masih kelas regular SMA pada umumnya yaitu kelas IPA dan IPS beberapa tahun berikutnya MAN pesanggaran membuka kelas ketrampilan seperti kelas batik, otomotif, agama, dan komputer. MAN pesanggaran ingin menjadikan sekolah yang secara akademik dan teknologi bisa bersaing dengan sekolah unggulan yang ada di Banyuwangi sehingga peningkatan sarana dan prasarana terus ditingkatkan dari tahun ke tahun.
Dulu siswa yang berada di MAN Pesanggaran masih relatif sedikit sehingga pencatatan data akademik dan keuangan masih menggunakan sistem manual yaitu mencatat di kertas dokumen kemudian disimpan di kamar dokumen seiring waktu pencatatan masih dilakukan dengan kertas kemudian dimasukkan ke dalam data word dan excel yang ada di komputerSiswa yang ada di MAN Pesanggaran semakin bertambah sedangkan sistem yang sedang berjalan akan mengalami kesulitan dalam pencatatan terutama jika data yang ada di kertas hilang dan belum di back up ke komputer. Pelayanan akademik juga akan terhambat jika dalam menjalankan sistem masih dilakukan manual sedangkan siswa dan wali murid membutuhkan kecepatan dan kemudahan dalam memproses informasi akademik dan info keuangan yang ada di MAN Pesanggaran.
2
informasi tersebut yang dibangun diharapkan dapat meningkatkan efisien, produktivitas, dan efektivitas dalam upaya peningkatan pelayanan akademis dan keuangan.
Berdasarkan latar belakang yang telah dijelaskan dan masalah yang dipaparkan diatas maka penulis akan merancang sebuah perancangan sistem informasi nilai akademik yang akan menjawab permasalahan yang dihadapi oleh MAN Pesanggaran. Oleh karena itu
penulis membuat penelitian Tugas Akhir dengan judul “Rancang Bangun Sistem Informasi
Akademik dan Keuangan MAN Pesanggaran Banyuwangi”.
1.2 Rumusan Masalah
Berdasarkan latar belakang di atas, perumusan masalah yang diangkat pada tugas akhir ini adalah:
1. Bagaimana membangun sebuah sistem informasi akademik dan keuangan yang ada di MAN Pesanggaran?
2. Bagaimana dampak sistem terhadap kemudahan akses informasi akademik dan keuangan yang ada di MAN Pesanggaran?
1.3 Tujuan Perekayasaan
Tujuan dalam pengambilan judul laporan dari perekayasaan sistem informasi akademik dan keuangan yang ada di MAN Pesanggaran adalah:
1. Membantu pelayanan akademik yang ada di MAN Pesanggaran.
2. Meningkatkan kinerja penyampaian informasi yang berkaitan dengan data akademik dan pembayaran.
3. Membantu proses pendataan dan penyimpanan data agar data bisa tersimpan dengan baik melalui database yang disediakan.
4. Meningkatkan mutu pelayanan pendidikan.
1.4 Manfaat Perekayasaan
Manfaat yang bisa di dapat dari pembuatan perekayasaan sistem informasi akademil dan keuangan di MAN Pesanggaran adalah:
1.4.1 Bagi Mahasiswa
1. Wadah bagi mahasiswa mengembangkan ilmu yang didapat selama kuliah dan di implementasikan melalui penelitian dan perekayasaan aplikasi
3
1.4.2 Bagi Guru dan Staff MAN Pesanggaran
1. Guru bisa memberikan nilai secara update kepada siswa.
2. Memudahkan staff pendidikan dalam memberikan informasi mengenai bidang akademik siswa dan keuangan yang ada di MAN Pesanggaran.
3. Meningkatkan efisiensi pelayanan akademik siswa.
1.4.3 Bagi Siswa MAN Pesanggaran
Memudahkan siswa dalam mengakses informasi yang berkaitan dengan akademik dan keuangan secara update dan dilakukan secara online melalui akses internet.
1.5 Ruang Lingkup Perekayasaan
Ruang lingkup yang dibuat dalam perancangan sistem informasi akademik dan keuangan yang ada di MAN Pesanggaran meliputi:
1. Pembagian hak akses kepada penguna sistem informasi ini seperti: A. Operator
Memberikan akses kepada masing masing user dan mengelola data tata usaha, guru dan siswa.
B. Staff Pendidikan
Staff Pendidikan bertugas mengelola data akademik siswa, mengelola pembayaran SPP, mengelola mata pelajaran dan membuat jadwal mengajar. C. Guru
Mendapatkan jadwal mengajar dan melakukan penilaian kepada siswa. D. Wali Kelas
Menerima laporan data siswa dalam kelas yang dibina seperti data nilai siswa dari guru.
E. Siswa
Mendapatkan jadwal pelajaran dan laporan nilai secara online. F. Kepala Sekolah
Kepala sekolah memiliki akses untuk menerima laporan keuangan dan administrasi secara online.
2. Sistem informasi ini menggunakan bahasa pemrograman PHP dengan MySQL sebagai tempat penyimpanan database nya.
4
1.6 Metode Perekeyasaaan
Metode perekayasaan dalam melakukan penelitian tugas akhir ini saya melakukan berbagai macam tahapan dalam perekayasaan perangkat lunak yang akan dibagi menjadi lima tahapan dasar yaitu :
1. Analisa dan Pengumpulan Data
Dalam melakukan analisa kebutuhan penelitian tugas akhir, langkah yang dibutuhkan untuk mencari kebutuhan tersebut melalui:
1. Observasi
Observasi merupakan pengumpulan data dan informasi yang dilakukan dengan cara melakukan pengamatan secara langsung terhadap objek yang diteliti meliputi kondisi dan situasi sekolah sebagai objek yang diteliti.
2. Wawancara
Pengambilan data melalui wawancara secara lisan langsung dengan mewawancarai bagian pengembangan dan kepala sekolah yang ada di MAN Pesanggaran.
3. Dokumen
Pengambilan data melalui dokumen tertulis mamupun elektronik dari lembaga/institusi. Dokumen diperlukan untuk mendukung kelengkapan data yang lain.
4. Kuisioner
Staf MAN Pesanggaran akan mengisi kuisioner tentang beberapa pertanyaan yang menyangkut tentang manajemen yang ada di MAN Pesanggaran.
2. Perancangan Sistem
Berdasarkan hasil analisa sistem yang telah dilakukan, maka tahap selanjutnya adalah melakukan proses perancangan sistem yang meliputi Data Flow Diagram
(DFD), konseptual database. 3. Pembuatan Program
Setelah berhasil dirancang selanjutkan sistem dibuat dengan menggunakan
dreamweaver untuk merancang web dengan bahasa PHP dan data disimpan di
database MySQL. Data diambil dari analisa penelitian yang dilakukan sebelumnya. 4. Pengujian Program
Setelah sistem berhasil dirancang dan dibuat kemudian dilakukan pengujian sistem agar menganalisa sejauh mana program tersebut berjalan dengan baik.
5. Pembuatan Laporan
5
BAB II
TINJAUAN PUSTAKA
2.1 Sistem Informasi
Diketahui bahwa informasi merupakan hal yang sangat penting bagimanajemen didalam mengambil keputusan. Pengertian Sistem Informasi adalah satuan komponen yang saling berhubungan yang mengumpulkan, memproses, menyimpan dan mendistribusikan informasi untukmendukung pengambilan keputusan dan kendali dalam suatu organisasi [1]. Sedangkan Sistem informasi adalah berisi informasi tentang orang-orang, tempat, dan hal-hal penting di dalam organisasiatau di lingkungan sekelilingnya. Sedangkan Informasi (information) sendiriadalah data yang telah dibentuk menjadi sesuatu yang memiliki arti dan berguna bagi manusia Berdasarkan pengertian diatas Sistem Informasi yang dikemukakan oleh paraahli dapat disimpulkan bahwa pengertian sistem informasi adalah satuan komponenyang salingberkaitan antara satu dan lainnya melalui proses, dimana proses tersebut menghasilkan data yang memiliki nilai.
2.2 Pengertian dari sistem informasi akademik
Pengertian dari sistem informasi akademik sistem yang mengolah data manajemen akademik kemudian memproses data tersebut untuk memperoleh informasi mengenai hal yang berhubungan dengan akademik dan data akademik disimpan di dalam database
sistem yang sudah disediakan.
2.3 Internet
6
mengidentifikasi sebuah komputer pada jaringan internet biasa juga menggunakan nama atau yang sering disebut dengan nama domain. Contohnya: google.com, yahoo.com, mandalamaya.com dan lain sebagainya [2].
.
2.4 PHP
PHP adalah sebuah bahasa pemrograman scripting untuk membuat halaman web yang dinamis. Walaupun dikenal sebagai bahasa untuk membuat halaman web, tapi PHP sebenarnya juga dapat digunakan untuk membuat aplikasi command line dan juga GUI.Cara kerja PHP dengan menyelipkannya diantara kode HTML[3].
Banyak pembuat web lebih banyak menggunakan bahasa pemrograman php karena memiliki kelebihan yang tidak dimiliki oleh bahasa pemrograman lain yaitu:
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console
serta juga dapat menjalankan perintah-perintah sistem.
2.5Javascript
JavaScript adalahbahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla FireFox, Netscape
dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag
SCRIPT[4].
Beberapa hal tentang Javascript :
1. Javascript didesain untuk menambah interaktif suatu web 2. Javascript merupakan sebuah bahasa scripting.
3. Bahasa scripting merupakan bahasa pemograman yang ringan.
4. Javascript berisi baris kode yang dijalankan di komputer (web browse). 5. Javascript biasanya disisipkan (embedded) dalam halaman HTML.
6. Javascript adalah bahasa interpreter (yang berarti skrip dieksekusi tanpa proses kompilasi).
7
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara
user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Sebelum javascript, setiap interaksi dari user harus diproses oleh web server yang memerlukan waktu beberapa detik ketika di proses sehingga ketika ada kesalahan pengguna misalnya ada salah satu form di dalam web yang belum di isi membutuhkan waktu beberapa detik untuk diproses kembali di web server maka untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web server ke dalam web browser.Dalam perkembangan selanjutnya, JavaScript tidak hanya berguna untuk validasi form, namun untuk berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat menggunakan
JavaScript.Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web browser yang digunakan oleh pengunjung situs, user sepenuhnya dapat mengontrol eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk mematikan
JavaScript, atau bahkan mengubah kode JavaScript yang ada. Sehingga kita tidak bisa bergantung sepenuhnya kepada JavaScript.
2.6 Jquery
jQuerry merupakan salah satu library dari javascript. Dengan jQuerry kita bisa banyak hal yang kita tidak bisa lakukan di HTML maupun CSS. Misalnya menampilkan artikel tanpa mereload halaman, memunculkan pop up ditengah tengah halaman, menyembunyikan artikel ketika di klik dan lain sebagainya[5].
jQuery juga dikembangkan untuk mendayagunakan berbagai fungsionalitas
JavaScript yang paling sering dipakai (misalnya: fade in atau fade out ketika menentukan visibilitas elemen, juga bermacam animasi yang dimunculkan dengan memanipulasi properti-properti CSS).
Keuntungan dari pemanfaatan jQuery antara lain: 1. Memisahkan JavaScript dan HTML
Tanpa menggunakan atribut-atribut HTML untuk memanggil fungsi JavaScript dalam penanganan event, jQuery bisa dipergunakan untuk menangani event dengan script JS saja.
8
jQuery mengutamakan penulisan kode yang singkat dan jelas melalui berbagi fitur seperti fungsi-fungsi yang dapat dirangkaikan (chain-able) dan nama-nama fungsi yang pendek.
3. Mengatasi masalah kompatibilitas antar-browser
JavaScriptengine pada berbagai browser memiliki perbedaan satu sama lain, sehingga script yang berjalan pada suatu browser bisa gagal pada browser lainnya. jQuery mengatasi segala inkonsistensi antar-browser tersebut dan menyajikan antarmuka yang konsisten bekerja pada semua browser.
4. Ekstensibel
jQuery menjadikan pengembangan framework sangat simpel. Berbagai event,
elemen, dan metode baru dapat dengan mudah ditambahkan dan digunakan ulang sebagai plugin.
2.7 CSS
Cascading Style Sheets (CSS) adalah pelengkap dari HTML. CSS membentuk aturan tampilan atau sytle yang digunakan pada website, sehingga dapat dipisahkan antara isi website yang ditulis dengan HTML dan tampilan web yang ditulis dengan CSS. Biasanya CSS digunakan untuk menentukan warna, font,layout dan berbagai macam hal yang menyangkut tampilan. Pemisahan ini membuat kita lebih leluasa untuk mengontrol tampilan tanpa mengutak-ngatik struktur isi[6].
2.8 MySQL
MySQL adalahsebuah perangkat lunak sistem manajemen basis data SQL atau yang dikenal dengan DBMS(database management system), database ini multithread, multi-user.
MySQL AB membuat MySql tersedia sebagai Perangkat lunak gratis dibawah lisensi GNU
General Public License, tetapi mereka menjual lisensi untuk kasus kasus yang bersifat khusus. Kekuatan MySQL tidak didukung langsung oleh sebuah komunitas seperti Apache yang dikembangkan oleh komunitas umum dan memiliki hak cipta untuk kode sumber yang dimiliki oleh pemilik masing masing tetapi MySQL didukung penuh oleh sebuah perusahaan profesional dan komersial yakni MySQL AB dari Swedia. Dibawah lisensi GPL masyarakat bebas menggunakan MySQL namun tidak boleh dijadikan produk turunan yang bersifat
closed source atau komersial[7].
9
1. Dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
2. Didistribusikan sebagai open source sehingga dapat digunakan secara gratis.
3. Dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
4. Memilikikecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
5. Memilikiragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
6. Memilikioperator dan fungsi secara penuh yang mendukung perintah Select dan
Where dalam perintah (query).
7. Memilikibeberapa lapisan keamanan seperti password yang terenkripsi.
8. Mampumenangani basis data dalam skala besar, dengan jumlah record lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
9. Dapatmelakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau named pipes (NT).
10. Dapatmendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya. 11. Memilikiantar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman
dengan menggunakan fungsi API (Application Programming Interface).
12. Dilengkapidengan berbagai tool yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.
13. Memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE,
dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.
2.9 Flowchart
10
tertentu yang menggambarkan urutan proses secara mendetail dan hubungan antara suatu proses (instruksi) dengan proses lainnya dalam suatu program.Diagram alur dapat menunjukan secara jelas alur pengendalian algoritma, yakni bagaimana rangkaian pelaksanaan kegiatan. Suatu diagram alur memberikan gambaran dua dimensi berupa simbol grafis. Setiap simbol telah ditetapkan terlebih dahulu fungsi dan artinya. Simbol dipakai untuk menunjukkan berbagai kegiatan operasi dan jalur pengendalian. Flowchart
untuk aplikasi ini menggunakan 5 simbol yaitu Process, Decision, Connector, Input/Output, dan Arrow
Tabel 2.1 Simbol Proses
Simbol Fungsi
Dokumen
Prosedur
yangmenggunakanm esin atau komputer.
Penghubungdalam satuhalaman
Pengarsipan manual
Aliran dokumen atau proses
Prosedurmanual
Kondisi
Penghubungpindah halaman
11
2.10 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering disebut juga dengan nama Bubble chart,
Bubble diagram, model proses, diagram alur kerja, atau model fungsi.Suatu yang lazim bahwa ketika menggambarkan sebuah sistem kontekstual data flow diagram yang akan pertama kali muncul adalah interaksi antara sistem dan entitas luar. DFD didisain untuk menunjukkan sebuah sistem yang terbagi-bagi menjadi suatu bagian sub-sistem yang lebih kecil adan untuk menggarisbawahi arus data antara kedua hal yang tersebut diatas.
Diagram ini lalu “dikembangkan” untuk melihat lebih rinci sehingga dapat terlihat model-model yang terdapat di dalamnya[9].
Tabel 2.2 Simbol DFD menurut Yourdan dan DeMarco
Simbol Nama Fungsi
Entity
Untuk merepresentasikan sebuah external entity sebagai sebuah elemen sistem, misalnya hardware, orang (user) atau program lain.
Proses
Proses adalah kegiatan yang dilakukan oleh orang, mesin, atau komputer dari hasil suatu data yang masuk kedalam proses untuk menghasilkan data yang keluar dari proses
Data Stor
Simpanan data merupakan simpanan dari data yang dapat berupa Suatu file atau database dalam komputer.
Alir Data
12
2.11 Entity Relationship Data (ERD)
ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol. Entity Relationship diagram (ERD) merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu organisasi, biasanya oleh System Analys dalam tahap analisis persyaratan proyek pengembangan system. Sementara seolah-olah teknik diagram atau alat peraga memberikan dasar untuk desain database relasional yang mendasari sistem informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk database[10].
Tabel 2.3 Tabel Komponen ERD
Komponen Keterangan
Persegi Panjang mewakili Entitas
Elips Mewakili Atribut
Belah Ketupat Mewakili Relasi
Garis Meghubungkan Atribut dengan Entitas dan Entitas dengan relasi
2.11 Basis Data
Sistem basis data adalah suatu sekumpulan subsistem yang terdiri atas basis data dalam suatu sistem yang mungkin tidak ada hubungan satu sama lain, tetapi secara keseluruhan mempunyai hubungan sebagai sebuah sistem dengan didukung oleh komponen lainnya. Sistem basis data mempunyai beberapa elemen penting, yaitu :
1. Basis data sebagai inti dari sistem basis data
13
4. Manusia (brainware) yang mempunyai peran penting dalam sistem tersebut, yaitu sebagai pemakai atau para spesialis infromasi yang mempunyai fungsi sebagai perancang atau pengelola.
Basis data sebagai merupakan bagian penting dalam sebuah sistem informasi. Basis data dalam sistem informasi dapat mempunyai peranan sebagai berikut :
1. Basis data sebagai komponen penyusun sistem informasi
Basis data merupakan salah satu komponen terpenting dalam sebuah sistem informasi. Oleh karen aitu, keberadaan basis data dalam sistem informasi adalah mutlak. Suatu sistem informasi tidak akan berfungsi bahkan tidak akan terwujud tanpa melibatkan basis data.
Hubungan antara sistem informasi dan basis data di dalam sistem informasi merupakan hubungan antara sistem dan subsistem. Dalam hal ini sistem informasi adalah sebagai sistem karena mempunyai ruang lingkup yang lebih luas dan lebih kompleks, sedangkan basis data menjadi subsistem karena menjadi bagian sistem informasi. Basis data akan menjadi bahan baku bagi sistem informasi.
2. Basis data sebagai infrastruktur sistem informasi
Basis data dan sistem manajemen basis data (DBMS) menyediakan suatu sarana infrastruktur kepada organisasi – organisasi sistem informasi yang dibangun. Organisasi sistem informasi yang dimaksud adalah sistem pengolahan transaksi (TPS), sistem informasi manajemen (MIS), sistem penunjang keputusan (DSS), otomatisasi perkantoran (OA), serta sistem informasi eksekutif(EIS).
3. Basis data sebagai sumber informasi bagi sistem informasi
Basis data mempunyai peran penting dalam sistem informasi, yaitu sebagai sumber penyedia data utama untuk memenuhi kebutuhan- kebutuhan informasi seluruh pemakai atau informasi bagi para pengambil keputusan. Dengan adanya keterkaitan antara data dan informasi maka basis data berperan sebagai data dalam sistem pengolahan data. DBMS berperan melakukan manajemen basis data sehingga diperoleh bentuk yang penting berupa informasi yang dapat digunakan sebagai dasar pengambilan keputusan – keputusan manajemen.
4. Basis data sebagai sarana mencapai efisiensi sistem informasi
Basis data dirancang dan dibangun dengan orientasi kebutuhan informasi bagi seluruh pemakai dalam sistem. Selain lengkap, basis data harus dirancang agar mudah digunakan, diakses dengan cepat, dapat digunakan dengan berbagai macam cara, oleh banyak pemakai baik secara terpisah maupun bersama – sama, kerangkapan data minimal, serta menjaga integritas data di dalamnya.
14
15
BAB III
ANALISA DAN PERANCANGAN SISTEM
3.1 Analisa Sistem
Dalam melakukan pembuatan sistem informasi akademik dan pembayaran yang ada di MAN Pesanggaran ada beberapa aspek penting yang harus diperhatikan dalam pembuatan sistem antara lain:
1. Keamanan
Program dibuat tanpa menggunakan enkripsi halaman sehingga program hanya dibuat dengan menggunakan keamanan biasa yaitu keamanan dengan menggunakan sistem login dan session jika program sudah selesai bisa melogout atau logout secara otomatis ketika program sudah selesai dijalankan karena sistem pencatatan dan pengambilan data di sistem dilakukan oleh pihak staff yang ada di kantor TU.
2. Akses
Sistem bersifat efektif karena memiliki empat akses yang dibutuhkan oleh masing-masing pengguna yaitu bagian operator, staff, guru dan siswa. Dibagian operator member akses atau kunci untuk masing-masing pengguna yaitu staff, guru dan siswa. Untuk staff mencatat data akademik dan pembayaran yang ada di MAN Pesanggaran. Pada bagian guru memberikan nilai kepada siswa secara
online dan update pada hari itu juga sedangkan untuk siswa hanya diberikan akses untuk melihat data nilai dan pembayaran.
3. Tampilan
Tampilan dibuat hanya untuk desktop komputer dan tidak bersifat mobile. Sehingga kurang cocok jika program dibuka dengan menggunakan handphone
atau tablet.
Dalam melakukan analisa kebutuhan penelitian tugas akhir, langkah yang dibutuhkan untuk mencari kebutuhan tersebut melalui:
1. Observasi
Observasi merupakan pengumpulan data dan informasi yang dilakukan dengan cara melakukan pengamatan secara langsung terhadap objek yang diteliti meliputi kondisi dan situasi sekolah sebagai objek yang diteliti.
16
Sistem Informasi Akademik dan Pembayaran
Info Login Siswa Data_Login Guru
Info Login Guru
Info Data Kelas Info Data Jadwal
Info Data Mata Pelajaran
Pengambilan data melalui wawancara secara lisan langsung dengan mewawancarai bagian pengembangan dan kepala sekolah yang ada di MAN Pesanggaran.
3. Dokumen
Pengambilan data melalui dokumen tertulis mamupun elektronik dari lembaga/institusi. Dokumen diperlukan untuk mendukung kelengkapan data yang lain.
4. Kuisioner
Staf MAN Pesanggaran akan mengisi kuisioner tentang beberapa pertanyaan yang menyangkut tentang manajemen yang ada di MAN Pesanggaran.
3.2 DFD Sistem
3.2.1 Diagram Konteks
Gambar 3.1 Diagram Konteks
17 Info Data Kepala Sekolah Ds.Mengajar
pembantu dari operator yang bertugas menginput data pembayaran, data mata pelajaran dan data jadwal yang akan dibagikan untuk siswa dan guru. Guru kemudian melihat data siswa dan kelas yang diajar setelah itu guru akan mendapatkan data siswa yang digunakan sebagai input untuk data nilai.
3.2.2 DFD Level 0
Gambar 3.2 DFD Level 0
18
Ds.Wali_Kelas Data_Wali_Kelas Manajemen Wali Kelas1.2
Data_Wali_Kelas
Info Data_Wali_Kelas
proses pengelolaan administrasi dijelaskan megenai pengelolaan data manajemen yang ada di sekolah dimana data guru, siswa, staff, operator dan kepala sekolah dikelola dan disusun oleh operator yang dibantu oleh staff. Setelah itu data manajemen yang ada di MAN Pesanggaran diproses ke dalam proses akademik dengan mengambil data guru, siswa dan ruang kelas untuk menampilkan data akademik untuk siswa dan guru dan menginput nilai bagi guru secara online. Proses berikutnya dari sistem ini yaitu proses pembayaran dimana data dari siswa diambil untuk digabungkan dengan data pembayaran dan selanjutnya data pembayaran diproses dan bisa ditampilkan ke siswa secara online memelalui sistem. kemudian data yang dikelola diproses sebelumnya dilaporkan kepada kepala sekolah. Dimana hasil laporan yang didapat berupa data akademik dan data pembayaran yang ada di MAN Pesanggaran.
3.2.3 DFD Level 1 Pengelolaan Data Manajemen
Gambar 3.3 DFD Level 1 Manajemen
19 kepala sekolah. Ketika ada data yang salah bisa langsung diedit secara online dan jika data tidak dibutuhkan data diproses oleh sistem untuk segera dihapus oleh sistem.
3.2.4 DFD Level 1 Pengelolaan Akademik
Gambar 3.4 DFD Level 1 akademik
20
3.3 Entity Relationship Data Sistem
Gambar 3.5 ERD Sistem
Dari gambar 3.5 dijelaskan mengenai ERD sistem informasi akademik dan keuangan MAN Pesanggaran. Pada sistem ini dijelaskan pada setiap kelas yang ada di database
21
yang data spp akan dikelola oleh satu staff yang bertugas. Kemudian data sekolah dilaporkan oleh akademik kepada kepala sekolah yang ada di MAN Pesanggaran.
3.4 Enhanced Entity Relationship Sistem
Gambar 3.6 Relasi Database
Dari gambar 3.6 dijelaskan mengenai relasi antar database di sistem dimana mata pelajaran, ruang kelas, guru dan siswa terhubung satu sama lain. Pada masing-masing
database terdapat primary key yang akan memanggil ke tabel berikutnya dalam bentuk
22
3.5 Database Sistem
3.5.1 Tabel Operator
Berikut ini merupakan struktur data dari tabel Operator yang ditunjukan pada tabel 3.1 seperti yang digambarkan di bawah ini.
Tabel 3.1 Data Operator
Field Type Attributes Null
Id_Operator int(2) PK No
nama varchar(100) No
username varchar(20) Yes
password varchar(32) Yes
Nama Tabel : Operator
Primary Key : Id_Operator
Foreign Key :
-3.5.2 Tabel Siswa
Berikut ini merupakan struktur data dari tabel Siswa yang ditunjukan pada tabel 3.2 seperti yang digambarkan di bawah ini.
Tabel 3.2 Data Siswa
Field Type Attributes Null
NIS Int PK No
nama varchar(100) Yes
alamat varchar(30) Yes
23
Kelas varchar(12) Yes
Tgl_lahir Date Yes
No_telp Varchar Yes
Email Yes
Nama Tabel : Siswa
Primary Key : NIS
Foreign Key :
-3.5.3 Tabel Guru
Berikut ini merupakan struktur data dari tabel Guru yang ditunjukan pada tabel 3.3 seperti yang digambarkan di bawah ini.
Tabel 3.3 Data Guru
Field Type Attributes Null
Id_guru int(5) PK No
nama varchar(100) Yes
alamat varchar(100) Yes
password char(40) Yes
foto varchar(255) No
Nama Tabel : Guru
Primary Key : Id_guru
Foreign Key :
-3.5.4 Tabel Staff
24
Tabel 3.4 Data Staff
Field Type Attributes Null
Id_staff int(5) PK No
nama varchar(200) Yes
alamat varchar(100) Yes
username varchar(20) No
password char(32) Yes
Nama Tabel : Staff
Primary Key : Id_staff
Foreign Key : -
3.5.5 Tabel Wali Kelas
Berikut ini merupakan struktur data dari tabel Wali Kelas yang ditunjukan pada tabel 3.5 seperti yang digambarkan di bawah ini.
Tabel 3.5 Data Wali Kelas
Field Type Attributes Null
Id_Walikelas varchar(15) PK No
Password varchar(8) Yes
Nama varchar(100) Yes
Kelas varchar(10) Yes
Nama Tabel : Wali_Kelas
Primary Key : Id_WaliKelas
Foreign Key : -
3.5.6 Tabel Mapel
25
Tabel 3.6 Data Mapel
Field Type Attributes Null
Id_matapelajaran int(5) PK No
nama varchar(50)
No
Nama Tabel : Mata_Pelajaran
Primary Key : Id_matapelajaran
Foreign Key :
-3.5.7 Tabel Mengajar
Berikut ini merupakan struktur data dari tabel Mengajar yang ditunjukan pada tabel 3.7 seperti yang digambarkan di bawah ini.
Tabel 3.7 Data Mengajar
Field Type Attributes Null
Id_guru varchar(15) FK No
Id_matapelajaran varchar(5) FK No
Id_Kelas int(4) FK No
Nama Tabel : Mengajar
Primary Key : -
Foreign Key : id_guru, Id_matapelajaran, Id_Kelas
3.5.8 Tabel Jadwal
Berikut ini merupakan struktur data dari tabel Jadwal yang ditunjukan pada tabel 3.8 seperti yang digambarkan di bawah ini.
Tabel 3.8 Data Jadwal
Field Type Attributes Null
26
Id_Kelas int(4) FK No
hari varchar(8) No
jampelajaran varchar(15) No
Nama Tabel : Jadwal
Primary Key : -
Foreign Key : id_matapelajaran, id_kelas
3.5.9 Tabel Kelas
Berikut ini merupakan struktur data dari tabel Kelas yang ditunjukan pada tabel 3.9 seperti yang digambarkan di bawah ini.
Tabel 3.9 Data Kelas
Field Type Attributes Null
Id_Kelas int(5) PK No
nama varchar(10) No
Nama Tabel : Kelas
Primary Key : Id_Kelas
Foreign Key :
-3.5.10 Tabel Nilai
Berikut ini merupakan struktur data dari tabel Nilai yang ditunjukan pada tabel 3.10 seperti yang digambarkan di bawah ini.
Tabel 3.10 Data Nilai
Field Type Attributes Null
NIS Int FK No
Id_matapelajaran Int FK No
semester enum('Ganjil',
27
thn_ajaran varchar(9) No
afektif Float Yes
komulatif Float Yes
psikomotorik Float Yes
rata Float Yes
Nama Tabel : Nilai
Primary Key : -
Foreign Key : NIS, Id_matapelajaran
3.5.11 Tabel Spp
Berikut ini merupakan struktur data dari tabel Spp yang ditunjukan pada tabel 3.11 seperti yang digambarkan di bawah ini.
Tabel 3.11 Data spp
Field Type Attributes Null
Id_spp int(11) PK No
nis int(11) FK No
bulan varchar(30) No
tgl_bayar varchar(15) No
jumlah Float No
Nama Tabel : Spp
Primary Key : Id_spp
28
3.5.12 Tabel Kepala Sekolah
Berikut ini merupakan struktur data dari tabel Kepala Sekolah yang ditunjukan pada tabel 3.12 seperti yang digambarkan di bawah ini.
Tabel 3.11 Data Kepala Sekolah
Field Type Attributes Null
Id_kepsek int(5) PK No
Nama varchar(50) No
Username Varchar(20)
Password Char(32)
Nama Tabel : Kep_Sek
Primary Key : Id_kepsek
Foreign Key :
-3.6 Desain Sistem
Desain Sistem yang akan dibuat kedalam sistem informasi akademik dan keuangan dibagi menjadi dua bagian sistem yaitu desain sistem untuk pihak admin dan pihak akademik. Desain tampilan admin dibuat dengan menu yang ada di sidebar halaman dan untuk tampilan akademik ditampilkan pada menu bagian atas halaman.
3.6.1 Desain Tampilan Login Admin
29 Logo Depag
Masukkan Username dan Password
Sign In .
Gambar 3.8 Desain Login Sistem
3.6.2 Desain Tampilan Halaman Utama Operator
Operator
Home Logo Depag
Akademik
> Data Siswa > Data Guru > Data Wali Kelas
Logo Depag
Staff
> Data Staff > Data Kepala Sekolah
30
Pada gambar 3.8 dijelaskan desain halaman utama yang ada apada menu operator dimana pada bagian menu di bagi kedalam tiga bagian menu utama yaitu menu home,
akademik, dan staff. Pada menu akademik, pilihan dibagi lagi kedalam tampilan data siswa, data guru dan data wali kelas. Untuk staff data dibagi menjadi dua bagian yaitu data staff dan data kepala sekolah. Pada bagian content sistem terdapat logo depag ditengahnya dan satu lagi logo depag pada bagian menu dengan nama akses operator pada bagian samping kanan logo tersebut. Jika ingin logout mengklik ikon pada bagian pojok halaman.
3.6.3 Desain Tampilan Halaman Utama Staff
Staff
Home Logo Depag
Akademik
> Data Siswa
> Mata Pelajaran
> Jadwal Pelajaran
> Info Kelas
> Kelas Sswa
Logo Depag
Pembayaran
Gambar 3.10 Desain Staff
31
3.6.4 Desain Tampilan Halaman Utama Kepsek
Kepsek
Home Logo Depag
Laporan Lihat guru Lihat Siswa Lihat Staff Lihat Pembayaran
Gambar 3.11 Desain Laporan Kepala Sekolah
Pada gambar 3.11 dijelaskan mengenai desain laporan yang ada pada halaman kepala sekolah dimana pada halaman ini hanya terdapat menu home dan laporan yang di dalam menu laporan terdapat pilihan lihat guru, lihat siswa, lihat staff dan lihat pembayaran. Ketika di klik pada menu guru maka secara otomatis akan mendownload laporan pdf yang ada pada sistem informasi ini.
3.6.5 Desain Tampilan Tabel Data Admin
32
Gambar 3.12 Desain Tabel Data
Operator
33
3.6.6 Desain Tampilan Edit Data
Operator
Home Logo Depag
Akademik
> Data Siswa
> Data Guru
> Data Wali Kelas
Staff
> Data Staff
> Data Kepala Sekolah
Tabel Data
Name
Name
Name
Simpan Data Reset
Gambar 3.14 Edit Data Admin
Pada gambar 3.14 dijelaskan mengenai tampilan edit yang ada pada halaman edit data yang ada di bagian admin. Pada halaman edit dibuat terpisah dengan halaman tampil tabel karena halaman ini mengambil menggunakan id ketika akan membuka halaman edit tersebut.
3.6.7 Desain Tampilan Login akademik
34 Logo
Sign In Logo
Gambar 3.15 Desain Login Akademik
3.6.8 Desain Awal Akademik
35 Logo
Home Akademik Pembayaran Logout
Profil
Nilai Akademik
Info Kelas
Jadwal Pelajaran
Logo Depag
MAN Pesanggaran
Gambar 3.16 Desain Halaman Siswa
Logo
Home Akademik Logout
Profil
Nilai Siswa
Jadwal Mengajar
Logo Depag
MAN Pesanggaran
36 Logo
Home Data Kelas Logout
Logo Depag
MAN Pesanggaran
Gambar 3.18 Desain Halaman Wali Kelas
3.6.9 Desain Tabel Akademik
Logo
Home Akademik Logout
MAN Pesanggaran Data Tabel Header Tabel List Kategori Pencarian
Input Data
37
Gambar 3.19 Desain Tabel Akademik
Pada gambar 3.19 menampilkan data tabel pada masing-masing user. Tampilan tabel pada setiap pengguna memiliki desain yang sama dimana terdapat menu list kategori untuk melihat jenis data yang dicari. Jika ingin menginputkan data pada halaman ini terdapat menu input pada bagian pojok tabel ketika akan menginputkan data maka akan dialihkan ke halaman berikutnya.
3.6.10 esain lnput Akademik
Logo
Home Akademik Logout
MAN Pesanggaran Tabel Data
Name
Name
Name
Input Nilai cancel
Gambar 3.20 Desain Input Akademik
38
BAB IV
IMPLEMENTASI SISTEM
Dalam implementasi sistem yang penulis buat terdiri dari dua akses utama yaitu akses administrasi dan akses akademik. Untuk akses administrasi dibagi menjadi akses operator, staff dan kepada sekolah. Untuk akses akademik dibagi menjadi akses siswa dan guru.
4.1. Administrasi
Pada bagian administrasi ini dijelaskan mengenai komponen user yang mengatur jalannya administrasi dalam sistem informasi ini yaitu operator, staff dan kepala sekolah. Dimana fungsi user yang ada di bagian ini memiliki peran yang berbeda-beda sesuai dengan tingkatan akses sistem tersebut. Admininistrasi pada fungsi ini menjelaskan mengenai peran seorang admin yang dibagi menjadi tiga akses masuk yaitu operator sebagai pemegang kunci dari masing-masing user, staff sebagai pembantu operator dan kepala sekolah memantau perkembangan admin, guru dan staff yang ada di MAN Pesanggaran.
4.1.1. Login Sistem
Gambar 4.1 Login sistem
Pada bagian ini menampilkan data login pada masing-masing akses untuk bagian administrator seperti operator, staff dan juga kepala sekolah. Setiap akses dibatasi dengan
39
input kedalam sistem maka proses selanjutnya dialihkan ke halaman akses sesuai dengan kata kunci yang dimasukkan ke dalam login sistem.
4.1.2. Operator
Setelah data username dan password dicek untuk masuk ke operator data langsung masuk ke halaman operator.Ketika masuk ke dalam operator maka operator akan menemukan tampilan awal seperti gambar 4.2 yang dilampirkan dibawah ini.
Gambar 4.2 Tampilan awal sistem
Pada halaman operator ditampilkan menu navigasi yaitu menu akademik yang dibagi menjadi dua yaitu menampilkan data siswa dan data guru. Pada tampilan staff ditampilkan
input data kepala sekolah dan data staff sebagai pembantu fungsi operator. Pada halaman ini menampilkan sebuah halaman awal yang berisikan logo depag di depannya. Halaman ini ditampilkan juga untuk fungsi halaman staff dan halaman kepala sekolah. Kemudian jika operator ingin menampilkan sebuah data dari siswa yang ingin ditampilkan hak akses nya maka operator harus mengklik navigasi menu tampil siswa yang ada di navigasi akademik. Ketika mengklik menu tersebut akan menampilkan sebuah halaman tabel yang dicantumkan seperti keterangan gambar 4.3 dimana data tabel siswa yang dipanggil dari database
40
Gambar 4.3 Tabel Data Siswa
Kemudian jika kita ingin memasukkan sebuah data ke dalam database maka kita tinggal mengklik tombol tambah siswa yang ada di halaman ini makan akan langsung menampilkan form tambah siswa seperti yang di tampilkan di gambar 4.4 yang ada di bawah iini.
Gambar 4.4 Tabel Input Siswa
41
akan mengklik tombol edit yang ada di tabel siswa dimana data siswa yang akan diedit akan ditampilkan digambar 4.5 dibawah ini.
Gambar 4.5 Tabel edit Siswa
Ketika operator sudah selesai mengedit data yang ingin diubah maka operator mengklik tombol simpan data yang ada di halaman edit. Halaman edit dibuat terpisah dengan halaman sebelumnya dikarenakan halaman edit tidak bisa memproses data jika menggunakan javascript. Setelah data diproses data selanjutnya akan menuju ke halaman lihat data pada gambar 4.3 ketika akan menghapus data yang ada di gambar 4.3 operator tinggal mengklik tombol delete yang ada pada gambar. Ketika operator ingin melihat data guru operator bisa mengklik menu akademik dengan sub menu data guru. Setelah itu data akan ditampikan sesuai gambar 4.6 yang ada di bawah ini.
42
Pada tampilan ini dijelaskan mengenai fungsi tampilan data guru yang ada di MAN Pesanggaran. Dimana fungsi yang ditampilkan pada halaman ini sama dalam segi desain pada halaman yang ada di halaman data siswa. Pada halaman ini ditampilkan mengenai tombol tambah guru yang fungsi penginputnya nya berdasarkan satu halaman formjavascipt
yang ada didalam di dalam halaman data guru seperti yang di tampilkan di gambar 4.7 yang ada di bawah ini.
Gambar 4.7 Tampilan Input Guru
Pada fungsi ini data ditampilkan dalam tampilan satu halaman.ketika operator berhasil menginputkan data dari form input guru maka data selanjutnya akan diproses menuju tabel lihat data guru.
43
Ketika ingin mengedit data yang ada di halaman data guru bisa mengklik tombol edit sesuai dengan gambar dari 4.6 yang ada diatas.pada halaman lihat data setelah itu maka akan ditampilkan form edit data yang ada di gambar 4.8 setelah itu data diproses ke tombol proses data yang selanjutnya jika data berhasil dirubah tampilan akan kembali ke halaman lihat data guru. Selanjutnya data guru yang sudah di inputkan oleh operator ditambahkan satu buah data lagi yaitu data input data wali kelas seperti yang ditampilkan pada gambar 4.9 bawah ini
Gambar 4.9 Input Wali Kelas
Data guru diambil ke form wali kemudian guru akan memilih kelas mana yang akan dijadikan sebagai wali kelasnya. Setelah itu data disimpan ke dalam sistem. Menu ketiga yaitu menampilkan data kepala sekolah yang ada di MAN Pesanggaran. Data yang ditampilkan didalam data tabel tersebut seperti yang ditampilkan di gambar 4.10 dibawah ini.
Gambar 4.10 Tampilan Data Kepala Sekolah
44
jika seandainya kepala sekolah mengalami pergantian jabatan di sekolah. Data tidak di
inputkan di dalam database kepala sekolah karena kepala sekolah yang ada di sini tidak bisa ditambahkan lebih dari dua dengan pengecualian halaman yang ditampilkan diatas sebagai contoh kepala sekolah yang ada di dalam sistem. ketika ingin menganti data kepala sekolah maka operator tinggal mengklik data ganti kepala sekolah setelah itu data akan diproses sesuai dengan tampilan yang ada di gambar 4.11 di bawah ini
Gambar 4.11 Tampilan Ganti Kepala Sekolah
Setelah data berhasil diganti selanjutnya data akan diproses dan kemudian ditampilkan di halaman tampil kepala sekolah yang ada di gambar 4.10. jika ingin melihat data dari staff maka bisa mengklik menu staff yang ada di menu kemudian pilih sub menu staff. Pada halaman ini ditampilkan mengenai data staff seperti yang ditampilkan di gambar 4.12 dibawah ini.
45
Pada tampilan ini dijelaskan mengenai tampilan data staff yang ditampilkan langsung dengan fitur fungsi tambah staff serta menu edit dan delete staff jika ada staff yg ditambahkan atau dikurangi. Fungsi input staff sama seperti yang ditampilkan di halaman sebelumnya. Gambar input staff ditampilkan di gambar 4.13 di bawah ini
Gambar 4.13 Tampilan Input Data Staff
Untuk mengedit data yang ingin diubah operator bisa mengklik tombol edit yang berwarna biru untuk mengedit data seperti yang ditampilkan pada gambar 4.14 dan warna merah untuk menghapus data yang ada di dalam database.
46
4.1.3. Staff
Pada halaman staff ditampilkan mengenai hal-hal yang berhubungan dengan input
ke akademik siswa dan guru dimana menu yang ditampilkan yaitu data siswa, data mata pelajaran, data jadwal pelajaran, data kelas dan data pembayaran. menu data siswa yang sudah dijelaskan pada gambar sebelumnya. Untuk menampilkan data mata pelajaran. Maka
user staff tinggal mengklik menu akademik yang selanjutnya memilih menu data mata pelajaran.
Gambar 4.15 Tampilan Data Mata Pelajaran
Pada tampilan ini dijelaskan mengenai fungsi tampilan mata pelajaran yang ada di sekolah. Jika ingin menambahkan mata pelajaran baru tinggal menambahkan di tombol tambah mata pelalajaran sesuai dengan yang ingin ditambahkan oleh user. Dimana fungsi
input mata pelajaran ditampilkan seperti yang terlihat digambar 4.16 dibawah ini
47
Pada tampilan ini dijelaskan mengenai fungsi tampilan input mata pelajaran yang ingin userinputkan kedalam sistem. mata pelajaran yang di inputkan disini akan dimasukkan kedata jadwal yang ada diproses berikutnya.selanjutnya data akan disimpan kemudian akan dialihkan ke gambar tampil mata pelajaran yang ada di gambar 4.16. jika ada data yang ingin diedit maka data akan di tampilkan form edit data sesuai dengan yang di tampilkan di gambar 4.17 pada gambar di bawah ini.
Gambar 4.17 Tampilan Edit Mata Pelajaran
Kemudian setelah menginput data pelajaran yang sudah di inputkan tadi selanjutnya data akan di atur kedalam tampilan data mata pelajaran sesuai dengan gambar yang ditampilkan pada gambar 4.18 dibawah ini
48
Pada tampilan ini dijelaskan mengenai tampilan jadwal pelajaran di sekolah. Jika ingin menampilkan jadwal pelajaran maka langkah yang harus dilakukan adalah memilih kelas yang ingin ditampilkan jadwal pelajarannya selanjutnya user staff mengklik tombol tampilkan jadwal untuk melihat jadwal kelas yang di ingin kan. Pada bagian ini ditampilkan guru yang mengajar dan hari jadwal pelajaran tersebut keluar. Jika ingin menambah jadwal yang di ingin kan maka user tinggal mengklik tambah mata pelajaran selanjutnya user akan melihat tampilan forminput jadwal seperti yang ditampilkan digambar 4.19 dibawah ini.
Gambar 4.19 Tampilan Input Jadwal Mata Pelajaran
Pada tampilan input jadwal mata pelajaran ditampilkan mengenai ruangan yang akan di inputkan ke dalam jadwal. Data ruangan didapat dari database yang ada di dalam sistem Hari yang di inputkan di dapat dari array dari hari senin sampai sabtu. Data mata pelajaran dan guru didapat dari database mapel dan guru. Setelah data sudah dipilih semua selanjutnya data akan diproses ke dalam database dan hasil dari input data tersebut akan ditampilkan pada halaman lihat jadwal yang ditampilkan di gambar 4.19. kemudian jika ingin menambah ruangan kelas yang di inginkan pertama kita pilih menu akademik lalu pilih data kelas. Pada data kelas ditampilkan mengenai ruang kelas yang disediakan oleh MAN Pesanggaran. Ruang kelas yang ditampilkan terlihat pada gambar 4.20 dibawah ini.
49
Jika ingin meninputkan ruang kelas user admin bisa mengklik tombol tambah kelas yang ada dibagian bawah tabel dimana ketika di klik maka akan memilih ruang kelas yang di inginkan seperti yang tertera pada gambar 4.21 dibawah ini.
Gambar 4.21 Tampilan Input Kelas
Selanjutnya data yang berhasil di inputkan ke dalam kelas selanjutnya akan ditambahkan data berapa banyak siswa yang akan menempati ruang kelas tersebut disesuaikan dengan kelas yang dibuat dan jumlah siswa yang di inputkan sesuai dengan gambar 4.22 dibawah ini.
50
Kemudian data akan di di tambahkan ke dalam database. Jika ingin menghapus kelas maka klik tombol hapus yang ada di dalam halaman admin. Pada tahap selanjutnya yaitu menampilkan data pembayaran yang di ditampilkan pada gambar 4.23 dibawah ini.
Gambar 4.23 Tampilan Data Pembayaran
Pada tampilan pembayaran ini view data dilakukan dengan memilih kelas yang ingin ditampilkan data pembayarannya dengan memilih list yang tersedia ketika menemukan kelas yang di ingin kan maka klik tombol tampilkan jadwal maka selanjutnya akan terlihat data pembayaran yang tertera di gambar 4.23. Ketika ingin menambahkan data yang di inginkan maka user tinggal mengklik tombol tambah pelajaran yang ada di halaman tersebut. Kemudian akan ditampilkan pada gambar 4.24 halaman javascript akan muncul dan menampilkan form yang berisi form kelas yang ingin dibayarkan pembayaran nya dan
form bulan pembayaran spp nya.
51
Kemudian setelah melakukan penambahan kuota kelas dan bulan selanjutnya dilakukan penginputan pembayaran sesuai dengan kelas yang sudah di pilih tadi dimana penginputan dilakukan dengan memilih nama siswa dalam satu kelas tersebut kemudiam menentukan waktu pembayaran dan nominal yang di bayarkan seperti yang ditampilkan pada gambar 4.25 di bawah ini.
Gambar 4.25 Tambah Pembayaran Siswa
Setelah itu data di simpan ke dalam database untuk selanjutnya diproses ke dalam sistem pembayaran. Setelah itu data akan ditampilkan kembali ke form tampil pembayaran.
4.1.4. Kepala Sekolah
Gambar 4.26 Tampilan Data Kepala Sekolah
52
download dari sistem. tampilan laporan dari kepala sekolah ditampilkan pada gambar 4.27 dibawah ini.
Gambar 4.27 Tampilan Data Kepala Sekolah
4.2. Akademik
Pada bagian ini dijelaskan mengenai fungsi user sebagai pihak akademik yang ada di man pesanggaran. Didalamnya terdapat akses guru yang memberikan nilai pada siswa, siswa yang memiliki hak untuk mengakses sistem dan melihat perkembangan akademik yang ada di dalamnya dan wali kelas memantau siswa yang ada dalam kelasnya.
4.2.1. Login Sistem
