SISTEM INFORMASI PANTAUAN SISWA DIDIK BERBASIS WEB DAN MOBILE SD AL FIRDAUS SURAKARTA

Transkripsi

1 SISTEM INFORMASI PANTAUAN SISWA DIDIK BERBASIS WEB DAN MOBILE SD AL FIRDAUS SURAKARTA TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret Diajukan oleh : AGUNG NUGROHO NIM. M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2016

2 HALAMAN PERSETUJUAN SISTEM INFORMASI PANTAUAN SISWA DIDIK BERBASIS WEB DAN MOBILE SD AL FIRDAUS SURAKARTA Disusun oleh : AGUNG NUGROHO NIM. M Tugas Akhir ini telah disetujui untuk diujikan di hadapan dewan penguji pada tanggal. Pembimbing Utama Berliana Kusuma Riasti,S.T.,M.Eng NIDN ii

3 HALAMAN PENGESAHAN SISTEM INFORMASI PANTAUAN SISWA DIDIK BERBASIS WEB DAN MOBILE SD AL FIRDAUS SURAKARTA Disusun oleh : AGUNG NUGROHO NIM. M Dibimbing Oleh : Pembimbing Utama Berliana Kusuma Riasti,S.T.,M.Eng NIDN Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika pada 1. Penguji 1 Berliana Kusuma Riasti,S.T.,M.Eng ( ) NIDN Penguji 2 Agus Purnomo, S.Si.,M.Eng ( ) NIDN Penguji 3 Fendi Aji Purnomo, S.Si.,M.Eng ( ) NIDN Disahkan Oleh : Ketua Program Studi DIII Teknik Informatika UNS Abdul Aziz, S.Kom., M.Cs. NIP iii

4 HALAMAN PERNYATAAN Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga 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. Surakarta, 29 Mei 2016 AGUNG NUGROHO NIM. M iv

5 MOTTO Allah akan meninggikan orang-orang yang beriman di antaramu dan orangorang yang diberi ilmu pengetahuan beberapa derajat. (Q.S. Al-Mujadalah Ayat 11) if you can t explain it simply, you don t understand it well enough Albert Einstein sukses = berhasil dengan ceritanya masing-masing Agung Nugroho v

6 HALAMAN PERSEMBAHAN Karya Tulis ini saya persembahkan untuk : 1. Bapak dan Ibu tercinta, yang selalu memberikan do a dan dukungan. 2. Sahabat seperjuangan : Aisyah Sadiyah dan Alifa Millyana Azella. 3. Seluruh keluarga yang telah memberikan dukungan dan semangat. 4. Teman-teman D3 Teknik Informatika UNS 2013 khususnya kelas TIA. 5. Pembaca yang budiman. vi

7 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT atas limpahan karunia dan rahmat-nya, sehinggan penulisan Laporan Tugas Akhir dengan judul Sistem Informasi Pantauan Siswa Didik Berbasis Web dan Moblie SD AL FIRDAUS Surakarta ini dapat terselesaikan. Dalam penyusunan Laporan Tugas Akhir ini penulis mendapatkan bantuan dan dukungan dari berbagai pihak. Oleh sebab itu pada kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan dan dukungannya, terutama kepada : 1. Abdul Aziz, S.Kom., M.Cs. selaku Ketua Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Berliana Kusuma Riasti, S.T., M.Eng. selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan, pengarahan, saran serta dukungan selama penyusunan Laporan Tugas Akhir ini. 3. Bapak dan Ibu tercinta yang selalu memberikan dukungan serta kasih sayang. 4. Darmawan Budiarto, S.Pd., M.Si. selaku Kepala SD Al FIRDAUS Surakarta yang telah memberikan izin dan bersedia membantu dalam penyelesaian Tugas Akhir ini. 5. Teman-teman kelas TIA angkatan 2013 yang telah memberikan dukungan. 6. Serta semua pihak yang terkait yang telah memberikan dukungan serta saran. Semoga Tuhan Yang Maha Esa memberikan balasan yang lebih baik kepada pihak-pihak yang telah memberikan bantuan dan dukungan dari awal Tugas Akhir (TA) sampai penyusunan Laporan Tugas Akhir ini selesai. Penulis berharap, semoga Laporan Tugas Akhir ini dapat memberikan manfaat kepada pembaca. Surakarta, 29 Mei 2016 Agung Nugroho vii

8 DAFTAR ISI HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN PERNYATAAN... iv MOTTO...v HALAMAN PERSEMBAHAN... vi KATA PENGANTAR... vii DAFTAR ISI... viii DAFTAR TABEL... xiv DAFTAR GAMBAR... xvi ABSTRAK...xx ABSTRACT... xxi BAB I...1 PENDAHULUAN Latar Belakang Perumusan Masalah Tujuan Penelitian Manfaat Penelitian Batasan Masalah Metodologi Penelitian Pengumpulan Data Analisa Data Desain dan Perancangan Implementasi Testing Sistematika Penulisan...4 BAB II...6 TINJAUAN PUSTAKA DAN LANDASAN TEORI Tinjauan Pustaka Landasan Teori Sistem Informasi Basis Data...7 viii

9 Entity Relationship Diagram (ERD)...8 MySQL Unified Modelling Language (UML)...10 Use Case Diagram...11 Class Diagram...14 Squence Diagram Cascading Style Sheet (CSS) Hypertext Preprocessor (PHP) Hypertext Markup Languange (HTML) jquery Android Java...19 BAB III...20 ANALISIS DAN PERANCANGAN SISTEM Alat dan Bahan Alat...20 Perangkat Keras Pembuatan...20 Perangkat Lunak Pembuatan...20 Perangkat Keras Pengujian Bahan Jalannya Penelitian Jadwal Penelitian Analisa Kebutuhan Sistem Kebutuhan Fungsional Sistem Kebutuhan Non Fungsional...26 Persyaratan Kinerja...26 Persyaratan Keselamatan...26 Persyaratan Keamanan Perancangan Sistem Use Case Diagram Use Case Scenario Diagram...28 Lihat Penilaian Karakter...28 ix

10 Lihat Pantuan Sholat...28 Input Pantauan Sholat...29 Edit Pantauan Sholat...29 Lihat Presensi Siswa...30 Lihat Informasi Guru...30 Lihat Informasi Khusus...31 Lihat Data Presensi...31 Input Data Presensi...32 Edit Data Presensi...32 Rekap Presensi Siswa...33 Cetak Rekap Presensi...33 Lihat Data Penilaian Karakter...34 Input Data Penilaian Karakter...34 Edit Data Penilaian Karakter...35 Delete Data Penilaian Karakter...36 Lihat Data Info Guru...36 Input Data Info Guru...37 Edit Data Info Guru...37 Delete Data Info Guru...38 Cetak Info Guru...38 Lihat Data Pantauan Sholat...39 Input Data Pantauan Sholat...39 Edit Data Pantauan sholat...40 Delete Data Pantauan Sholat...41 Lihat Data Info Khusus...41 Input Data Info Khusus...42 Edit Data Info Khusus...43 Delete Data Info Khusus Class Diagram Sequence Diagram...46 Lihat Penilaian Karakter...46 Lihat Pantauan Sholat...46 x

11 Input Pantauan Sholat...47 Edit Pantauan Sholat...47 Lihat Presensi Siswa...48 Lihat Informasi Guru...48 Lihat Informasi Khusus...49 Lihat Data Presensi...49 Input Data Presensi...50 Edit Data Presensi...50 Rekap Data Presensi...51 Cetak Rekap Presensi...51 Lihat Data Penilaian Karakter...52 Input Data Penilaian...52 Edit Data Penilaian...53 Delete Data Penilaian...53 Lihat Data Info Guru...54 Input Data Info Guru...54 Edit Data Info Guru...55 Delete Data Info Guru...55 Cetak Info Guru...56 Lihat Data Pantauan Sholat...56 Input Data Pantuan Sholat...57 Edit Data Pantauan Sholat...57 Delete Data Pantauan Sholat...58 Lihat Data Info Khusus...58 Input Data Info Khusus...59 Edit Data Info Khusus...59 Delete Data Info Khusus Perancangan Basis Data...61 Entity Relationship Diagram (ERD)...61 Relasi Antar Tabel...62 Desain Fisik...63 Tabel Siswa...63 xi

12 Tabel Kelas...63 Tabel Kelas Siswa...64 Tabel Tahun Akademik...64 Tabel Pegawai...64 Tabel Walikelas...64 Tabel User...65 Tabel Presensi...65 Tabel Penilaian Karakter...65 Tabel Detail Penilaian...65 Tabel Karakter...66 Tabel Nilai Karakter...66 Tabel Info Khusus...66 Tabel Info Guru...66 Tabel Detail Info Guru...66 Tabel My Activity...67 Tabel Pantauan Sholat Perancangan Desain User Interface...68 User Interface Sistem Berbasis Web...68 Desain Portal Login...68 Desain Halaman Siswa...68 Desain Halaman Guru...79 User Interface Sistem Berbasis Android...91 BAB IV...96 IMPLEMENTASI DAN PENGUJIAN Implementasi Implementasi Sistem Berbasis Web...96 Implementasi Halaman Portal Login...96 Implementasi Halaman Siswa...97 Implementasi Halaman Guru Implementasi Sistem Berbasis Android Pengujian Sistem BAB V xii

13 KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA xiii

14 DAFTAR TABEL Tabel 2.1. Simbol-simbol dalam Entity Relationship Diagram (ERD)...8 Tabel 2.2. Tabel Simbol Komponen Usecase...11 Tabel 2.3. Simbol Komponen Class Diagram...15 Tabel 2.4. Tabel Simbol-Simbol pada Seqeunce Diagram...16 Tabel 3.1. Jadwal Penelitian...23 Tabel 3.2. Kebutuhan Fungsional Sistem...25 Tabel 3.3. Use Case Scenario Lihat Penilaian Karakter...28 Tabel 3.4. Use Case Scenario Lihat Pantauan Sholat...28 Tabel 3.5. Use Case Scenario Input Pantauan Sholat...29 Tabel 3.6. Use Case Scenario Edit Pantauan Sholat...29 Tabel 3.7. Use Case Scenario Lihat Presensi Siswa...30 Tabel 3.8. Use Case Scenario Lihat Informasi Guru...30 Tabel 3.9. Use Case Scenario Lihat Informasi Khusus...31 Tabel Use Case Scenario Lihat Data Presensi...31 Tabel Use Case Scenario Input Data Presensi...32 Tabel Use Case Scenario Edit Data Presensi...32 Tabel Use Case Scenario Rekap Presensi Siswa...33 Tabel Use Case Scenario Cetak Rekap Presensi...33 Tabel Use Case Scenario Lihat Data Penilaian Karakter...34 Tabel Use Case Scenario Input Data Penilaian Karakter...34 Tabel Use Case Scenario Edit Data Penilaian Karakter...35 Tabel Use Case Scenario Delete Data Penilaian Karakter...36 Tabel Use Case Scenario Lihat Data Info Guru...36 Tabel Use Case Scenario Input Data Info Guru...37 Tabel Use Case Scenario Edit Data Info Guru...37 Tabel Use Case Scenario Delete Data Info Guru...38 Tabel Use Case Scenario Cetak Info Guru...38 Tabel Use Case Scenario Lihat Data Pantauan Sholat...39 Tabel Use Case Scenario Input Data Pantauan Sholat...39 Tabel Use Case Scenario Edit Data Pantauan Sholat...40 Tabel Use Case Scenario Delete Data Pantauan Sholat...41 Tabel Use Case Scenario Lihat Data Info Khusus...41 xiv

15 Tabel Use Case Scenario Input Data Info Khusus...42 Tabel Use Case Scenario Edit Data Info Khusus...43 Tabel Use Case Scenario Delete Data Info Khusus...44 Tabel Desain Fisik Tabel Siswa...63 Tabel Desain Fisik Tabel Kelas...63 Tabel Desain Fisik Tabel Kelas Siswa...64 Tabel Desain Fisik Tabel Tahun Akademik...64 Tabel Desain Fisik Tabel Pegawai...64 Tabel Walikelas...64 Tabel Desain Fisik Tabel User...65 Tabel Desain Fisik Tabel Presensi...65 Tabel Desain Fisik Tabel Penilaian Karakter...65 Tabel Desain Fisik Tabel Detail Penilaian...65 Tabel Desain Fisik Tabel Karakter...66 Tabel Desain Fisik Tabel Nilai Karakter...66 Tabel Desain Fisik Tabel Info Khusus...66 Tabel Desain Fisik Tabel Info Guru...66 Tabel Desain Fisik Tabel Detail Info Guru...66 Tabel 3.47 Desain Fisik Tabel My Activity...67 Tabel Desain Fisik Tabel Pantauan Sholat...67 Tabel 4.1. black box testing pada Pengujian Sistem xv

16 DAFTAR GAMBAR Gambar 3.1. Proses Jalannya Penelitian...21 Gambar 3.2. Proses Bisnis Sistem...24 Gambar 3.3. Use Case...27 Gambar 3.4. Class Diagram...45 Gambar 3.5. Sequence Diagram Lihat Penilaian Karakter...46 Gambar 3.6. Sequence Diagram Lihat Pantauan Sholat...46 Gambar 3.7. Sequence Diagram Input Pantauan Sholat...47 Gambar 3.8. Sequence Diagram Edit Pantauan Sholat...47 Gambar 3.9. Sequence Diagram Lihat Presensi Siswa...48 Gambar Sequence Diagram Lihat Informasi Guru...48 Gambar Sequence Diagram Lihat Informasi Khusus...49 Gambar Sequence Diagram Lihat Data Presensi...49 Gambar Sequence Diagram Input Data Presensi...50 Gambar Sequence Diagram Edit Data Presensi...50 Gambar Sequence Diagram Rekap Data Presensi...51 Gambar Sequence Diagram Cetak rekap Presensi...51 Gambar Sequence Diagram Lihat Data Penilaian Karakter...52 Gambar Sequence Diagram Input Data Penilaian...52 Gambar Sequence Diagram Edit Data Penilaian...53 Gambar Sequence Diagram Delete Data Penilaian...53 Gambar Sequence Diagram Lihat Data Info Guru...54 Gambar Sequence Diagram Input Data Info Guru...54 Gambar Sequence Diagram Edit Data Info Guru...55 Gambar Sequence Diagram Delete Data Info Guru...55 Gambar Sequence Diagram Cetak Info Guru...56 Gambar 3.26 Sequence Diagram Lihat Data Pantauan Sholat...56 Gambar Sequence Diagram Input Data Pantauan Sholat...57 Gambar Sequence Diagram Edit Data Pantauan Sholat...57 Gambar Sequence Diagram Delete Data Pantauan Sholat...58 Gambar Sequence Diagram Lihat Data Info Khusus...58 Gambar Sequence Diagram Input Data Info Khusus...59 Gambar Sequence Diagram Edit Data Info Khusus...59 Gambar Sequence Diagram Delete Data Info Khusus...60 Gambar Entity Relationship Diagram (ERD)...61 Gambar Relasi Antar Tabel (RAT)...62 Gambar Desain Portal Login...68 Gambar Desain Halaman Beranda...69 Gambar Desain Halaman Penilaian Karakter Pada Hari Aktif...69 xvi

17 Gambar Desain Halaman Penilaian Karakter Negatif...70 Gambar Desain Halaman Daftar Penilaian Karakter...70 Gambar Desain Halaman Penilaian Karakter pada Hari Lainnya...71 Gambar Desain Halaman Pantauan Sholat pada Hari Aktif...71 Gambar Desain Halaman Pantauan Sholat Negatif...72 Gambar Desain Halaman Daftar Pantauan Sholat...72 Gambar Desain Halaman pantauan Sholat pada Hari Lainnya...73 Gambar Desain Halaman Input Pantauan Sholat...73 Gambar Desain Halaman Edit Pantauan Sholat...74 Gambar 3.48 Desain Halaman Presensi Siswa...74 Gambar 3.49 Desain Halaman Informasi Guru pada Hari Aktif...75 Gambar Desain Halaman Informasi Guru Negatif...75 Gambar Desain Halaman Daftar Informasi Guru...76 Gambar Desain Halaman Informasi Guru pada Hari Lainnya...76 Gambar Desain Halaman Informasi Khusus pada Hari Aktif...77 Gambar Desain Halaman Informasi Khusus Negatif...77 Gambar Desain Halaman Daftar Informasi Khusus...78 Gambar Desain Halaman Informasi Guru pada Hari Lainnya...78 Gambar Desain Halaman Beranda Guru...79 Gambar Desain Halaman Daftar Presensi Siswa...79 Gambar Desain Halaman Hasil Presensi Siswa...80 Gambar Desain Halaman Input Presensi Siswa...80 Gambar Desain Halaman Edit Presensi Siswa...81 Gambar Desain Halaman Daftar Penilaian Karakter...81 Gambar Desain Halaman Data Penilaian Karakter...82 Gambar Desain Halaman Hasil Penilaian Karakter...82 Gambar Desain Halaman Input Penilaian Karakter...83 Gambar 3.66 Desain Halaman Edit Penilaian Karakter...83 Gambar Desain Halaman Hapus Penilaian Karakter...84 Gambar 3.68 Desain Halaman Daftar Informasi Guru...84 Gambar Desain Halaman Informasi Guru...85 Gambar Desain Halaman Input Informasi Guru...85 Gambar Desain Halaman Edit Informasi Guru...86 Gambar Desain Halaman Daftar Pantauan Sholat...86 Gambar Desain Halaman Data Pantauan Sholat...87 Gambar Desain Halaman Hasil Pantauan Sholat...87 Gambar Desain Halaman Input Pantaua Sholat...88 Gambar Desain Halaman Edit Pantauan Sholat...88 Gambar Desain Halaman Daftar Informasi Khusus...89 Gambar Desain Halaman Data Informasi Khusus...89 xvii

18 Gambar Desain Halaman Hasil Informasi Khusus...90 Gambar Desain Halaman Input Informasi Khusus...90 Gambar Desain Halaman Edit Informasi Khusus...91 Gambar Desain Halaman Login Android...91 Gambar Desain Halaman Beranda Android...92 Gambar Desain Halaman Presensi Siswa Android...92 Gambar Desain Halaman Penilaian Karakter Android...93 Gambar Desain Halaman Informasi Guru Android...93 Gambar Desain Halaman Informasi Khusus Android...94 Gambar Desain Halaman Pantuan Sholat Android...94 Gambar Desain Halaman Input Pantauan Sholat Android...95 Gambar Desain Halaman Edit Pantaun Sholat Android...95 Gambar 4.1. Implementasi Halaman Portal Login...96 Gambar 4.2. Implementasi Halaman Beranda Siswa...97 Gambar 4.3. Implementasi Halaman Penilaian Karakter Pada Hari Aktif...98 Gambar 4.4. Implementasi Halaman Penilaian Karakter Negatif...98 Gambar 4.5. Implementasi Halaman Daftar Penilaian Karakter...99 Gambar 4.6. Implementasi Halaman Penilaian Karakter pada Hari Lainnya...99 Gambar 4.7. Implementasi Halaman Pantauan Sholat pada Hari Aktif Gambar 4.8. Implementasi Halaman Pantauan Sholat Negatif Gambar 4.9. Implementasi Halaman Daftar Pantauan Sholat Gambar Implementasi Halaman Pantauan Sholat pada Hari Lainnya Gambar Implementasi Halaman Input Pantauan Sholat Gambar Implementasi Halaman Edit Pantauan Sholat Gambar Implementasi Halaman Presensi Siswa Gambar Implementasi Halaman Informasi Guru pada Hari Aktif Gambar Implementasi Halaman Informasi Guru Negatif Gambar Implementasi Halaman Daftar Informasi Guru Gambar Implementasi Halaman Informasi Guru pada Hari Lainnya Gambar Implementasi Halaman Informasi Khusus pada Hari Aktif Gambar Implementasi Halaman Informasi Khusus Negatif Gambar Implementasi Halaman Daftar Informasi Khusus Gambar Implementasi Halaman Informasi Guru pada Hari Lainnya Gambar Implementasi Halaman Beranda Guru Gambar Implementasi Halaman Daftar Presensi Siswa Gambar Implementasi Halaman Hasil Presensi Siswa Gambar Implementasi Halaman Input Presensi Siswa Gambar Implementasi Halaman Edit Presensi Siswa Gambar Implementasi Halaman Daftar Penilaian Karakter Gambar Implementasi Halaman Data Penilaian Karakter xviii

19 Gambar Implementasi Halaman Hasil Penilaian Karakter Gambar Implementasi Halaman Input Penilaian Karakter Gambar Implementasi Halaman Edit Penilaian Karakter Gambar Implementasi Halaman Hapus Penilaian Karakter Gambar Implementasi Halaman Daftar Info Guru Gambar Implementasi Halaman Informasi Guru Gambar Implementasi Halaman Input Informasi Guru Gambar Implementasi Halaman Edit Informasi Guru Gambar Implementasi Halaman Daftar Pantauan Sholat Gambar Implementasi Halaman Data Pantauan Sholat Gambar Implementasi Halaman Hasil Pantauan Sholat Gambar Implementasi Halaman Input Pantauan Sholat Gambar Implementasi Halaman Edit Pantauan Sholat Gambar Implementasi Halaman Daftar Informasi Khusus Gambar Implementasi Halaman Data Informasi Khusus Gambar Implementasi Halaman Hasil Informasi khusus Gambar Implementasi Halaman Input Informasi Khusus Gambar Implementasi Halaman Edit Informasi Khusus Gambar Halaman Login Gambar 4.48 Halaman Beranda Gambar Presensi Siswa Gambar Penilaian Karakter Gambar Informasi Guru Gambar Informasi Khusus Gambar Pantauan Sholat Gambar Input Pantauan Sholat Gambar Edit Pantauan Sholat xix

20 ABSTRAK Agung Nugroho Sistem Informasi Pantauan Siswa Didik Berbasis Web dan Mobile SD Al Firdaus Surakarta. Pantauan atau monitoring adalah kegiatan pengumpulan data atau informasi untuk memantau perubahan yang terjadi. Pemantauan dapat dilakukan untuk berbagai macam hal, salah satunya pemantauan kegiatan siswa didik di sekolah. Sekolah Dasar Al Firdaus merupakan sekolah dasar swasta bertaraf nasional yang memiliki banyak siswa. Setiap kegiatan siswa yang ada di sekolah akan disampaikan kepada orang tua untuk membantu orang tua dalam memantau perkembangan anaknya. Bagi orang tua siswa, diperlukan informasi yang cepat dan tepat terhadap pantauan anaknya di sekolah dengan menggunakan media informasi yang berkembang di zaman ini. Sistem Informasi Pantauan Siswa Didik ini dikembangkan untuk memenuhi kebutuhan informasi terhadap pantauan kegiatan anak di sekolah. Sistem Informasi ini dikembangkan dengan metode observasi, pengumpulan data, analisa data, desain dan perancangan, implementasi, hingga testing. Sistem Informasi dibuat dengan bahasa pemrograman HTML, CSS, dan Java Script untuk tampilannya, dan bahasa pemrograman PHP serta framework CodeIgniter untuk pemrograman webnya, sedangkan database yang digunakan adalah MySQL. Sistem Informasi ini juga dikembangkan dengan sistem mobile untuk memudahkan orang tua dalam mengakses informasi dengan smartphone android. Sistem Informasi berbasis mobile ini dibuat dengan bahasa pemrograman java untuk platform android. Kata Kunci : Sistem Informasi, Pantauan Siswa, mobile app, SD Al Firdaus Surakarta, HTML, PHP, CodeIgniter, Android, Java xx

21 ABSTRACT Agung Nugroho Web-Based Students Monitoring System and Mobile Elementary School Al Firdaus Surakarta. The observation or monitoring are gathering activity data or information to monitor changes. Monitoring can be done for various reasons, one of which monitoring activities of students in the school. Al Firdaus Elementary School is a private elementary school that had many students. Every activity of students in the school will be send by information to parents to assist parents in monitoring children. Parents need information fast through the media information developed in this era. Students Monitoring Information System was developed to give more information about monitoring activities of children in school. This information system developed by the method of observation, data collection, data analysis, design, implementation, to testing. Information systems created with PHP, HTML, CSS, Java, and Java Script programming languages, while the database used is MySQL database. This information system also developed a mobile system to enable parents to access information with android smartphone. This mobile-based information system created by the Java programming language for the android platform. Keywords: Information Systems, Monitoring Students, mobile app, SD Al Firdaus Surakarta, HTML, PHP, CodeIgniter, Android, Java xxi