i
PERANCANGAN DAN PEMBUATAN APLIKASI MANAGEMENT “STAR CLASS” BERBASIS WEB DAN ANDROID
TUGAS AKHIR
Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret
Disusun oleh Rohmat Fendy Kurniawan
NIM. M3113130
PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET SURAKARTA
iv ABSTRACT
Rohmat Fendy Kurniawan, 2016. The design and manufacture of Application Management "STAR CLASS" Web-based and Android. Diploma III Program of Information Engineering. Faculty of Mathematics and Science Sebelas Maret University.
Parents have the bustle and activity of each so that sometimes parents do not have the time to supervise the learning process being undertaken by the son of his daughter. Lack of attention from parents on a child's learning process can cause a great impact for the students in the learning process of children. Thus we need a tool that can check and give reports to parents about the process of learning outcomes in tutoring children when parents are busy working and busy.
STAR CLASS is an application developed to help members of tutoring STAR CLASS in helping oversee the development of students and the process of managing data. This application will be used by the tutor to student attendance data reported to the students directly through the android application and to detail can be seen on the web. In addition, to help set up a schedule tutor who sometimes have experienced turnover due to the busy activities undertaken. This application is also used by students to m make online payments using bank transfer atm manager tutoring STAR CLASS to ease parents to make payments amid the bustle routine checks parent and as a guidance for payment money already paid. Besides, students can view the schedule of tutoring and examinations that take place in the presence of data also tutoring. While a clerk can do management payments, data processing member, schedule tutoring, student and tutor attendance monitoring, data processing as well as the subjects of learning programs that exist in the learning program.
STAR CLASS developed into two versions of the application, the application was build using the web version of the web programming language PHP Hypertext Preprocessor (PHP) and the mobile version of android application developed using the programming language Java programming language with Studio as perangkant Android application developers.
v ABSTRAK
Rohmat Fendy Kurniawan, 2016. Perancangan dan pembuatan Aplikasi
Management “STAR CLASS” berbasis Web dan Android. Program Studi
Diploma III Teknik Informatika. Fakultas Matematika dan Ilmu Pengetahuan Alam.Universitas Sebelas Maret Surakarta
Kesibukan orang tua terkadang mengakibatkan tidak adanya waktu luang untuk mengawasi proses belajar yang sedang dijalani oleh putra- putrinya. Kurangnya perhatian dari orang tua pada proses belajar anak dapat menimbulkan dampak yang besar bagi siswa pada proses belajar anak. Dengan demikian dibutuhkan sebuah alat yang dapat mengawasi dan memberikan laporan kepada orang tua siswa tentang proses dari hasil belajar anak di bimbingan belajar ketika orang tua sibuk bekerja dan beraktivitas
STAR CLASS merupakan sebuah aplikasi yang dikembangkan untuk memudahkan anggota bimbingan belajar STAR CLASS dalam membantu mengawasi perkembangan siswa dan proses memanajemen data. Aplikasi ini akan digunakan oleh tentor untuk melaporkan data kehadiran siswa kepada siswa secara langsung melalui aplikasi android dan untuk detail bisa dilihat di web. Selain itu, untuk membantu mengatur jadwal tentor yang terkadang harus mengalami pergantian disebabkan sibuknya aktivitas yang dijalani. Aplikasi ini juga digunakan oleh siswa untuk m melakukan pembayaran secara online dengan menggunakan transfer ke rekening pengelola bimbingan belajar STAR CLASS agar memudahkan orang tua untuk melakukan pembayaran di tengah rutinitas kesibukan orang tua dan sebagai pengecekan uang bimbingan untuk pembayaran yang sudah terbayarkan. Disamping itu siswa bisa melihat jadwal bimbingan belajar dan ujian yang berlangsung juga data kehadiran di bimbingan belajar. Sedangkan seorang petugas administrasi bisa melakukan manjemen pembayaran, pengolahan data anggota, jadwal bimbingan belajar, mengawasi kehadiran siswa dan tentor, pengolahan data program belajar serta mata pelajaran yang ada pada program belajar.
STAR CLASS dikembangan kedalam dua versi aplikasi, aplikasi versi web dikembangkan menggunakan bahasa pemrograman web PHP Hypertext Preprocessor (PHP) dan aplikasi versi mobile android dikembangkan dengan menggunakan bahasa pemrograman bahasa pemrograman Java dengan Android Studio sebagai perangkant pengembang aplikasi.
vi MOTTO
“YOU’LL NEVER WALK ALONE”
~Liverpool~
“Tetap Semangat”
vii
HALAMAN PERSEMBAHAN
Tugas akhir ini saya dengan bangga saya persembahkan untuk: 1. Allah SWT
2. Kedua orang tua, Bapak Sudarsono dan Ibu Murtini 3. Kakak yang ku sayangi, Ahmad Arif Darmawan
4. Teman- teman seperjuangan D3 Teknik Informatika 2013, Terkhusus untuk kelas TI E 2013
5. Keluarga besar Program Studi D3 Teknik Informatika Universitas Sebelas Maret
6. Civitas akademika Universitas Sebelas Maret 7. Seluruh aktivis Universitas Sebelas Maret
8. Rekan- rekan kost Nyaman yang memberi semangat berupa cercaan ketika penulis sedang malas untuk mengerjakan Tugas Akhir.
9. Sahabat dalam pengerjaan Tugas Akhir dimanapun berada, Terkhusus untuk Retno Aryani yang memberi banyak kontribusi dalam pengerjaan Tugas Akhir ini.
10. Masyarakat Indonesia
viii
KATA PENGANTAR
Puji syukur penulis haturkan kepada Allah SWT atas segala limpahan berkat, rahmat serta karuniaNya sehingga penulis diberikan kelancaran dan kemudahan dan mampu menyelesaikan Laporan Tugas Akhir dengan judul “Perancangan dan pembuatan Aplikasi Management “STAR CLASS” berbasis web dan android”ini tepat pada waktunya. Laporan tugas akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelah Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.
Berbagai pihak telah ikut berperan membantu penulis dalam menyelesaikan karya tulis ini dengan memberikan arahan dan bimbingan serta motivasi. Untuk itu pada kesempatan ini penulis mengucapkan terima terima kasih yang sebesar- besarnya kepada :
1. Bapak Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
2. Bapka Abdul Aziz, S.Kom., M.Cs, selaku Ketua Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universtias Sebelas Maret Surakarta.
3. Bu Hartatik. Selaku dosen pembimbing tugas akhir mahasiswa Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universistas Sebelas Maret Surakarta.
4. Pihat yang terkait dalam pencarian data.
ix
Surakarta, juli 2016
x DAFTAR ISI
HALAMAN PERSETUJUAN ... Error! Bookmark not defined. HALAMAN PENGESAHAN ... Error! Bookmark not defined.
ABSTRACT ... iii
ABSTRAK ... v
MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... x
DAFTAR GAMBAR ... xviii
DAFTAR TABEL ... xxiv
BAB 1 ... 25
PENDAHULUAN ... 25
1.1 Latar Belakang ... 25
1.2 Perumusan Masalah ... 27
1.3 Batasan Masalah ... 27
1.4 Tujuan Penelitian ... 27
1.5 Manfaat Penelitian ... 27
BAB II ... 29
LANDASAN TEORI ... 29
2.1 Tinjauan Pustaka ... 29
2.2 Landasan Teori ... 29
2.2.1 Belajar ... 29
2.2.2 Aplikasi ... 30
2.2.3 Sistem Aplikasi ... 30
2.2.4 Android ... 30
2.2.5 Sistem Basis Data ... 31
2.2.6 Database Management System (DBMS) ... 31
xi
2.2.8 Diagram Konteks ... 32
2.2.9 Data Flow Diagram ... 32
2.2.10 Unified Modelling Language (UML) ... 34
2.2.11 Use Case Diagram... 34
2.2.12 Class Diagram ... 34
2.2.13 Sequence Diagram ... 36
2.2.14 Pengujian Black Box ... 38
BAB III ... 39
ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM ... 39
3.1 Alat dan Bahan ... 39
3.1.1 Alat ... 39
3.1.1.1 Alat Pembuatan ... 39
3.1.1.1.1 Perangkat Keras Pembuatan ... 39
3.1.1.1.2 Perangkat Lunak Pembuatan ... 39
3.1.1.2 Alat Penggunaan ... 40
3.1.1.2.1 Perankat Keras Penggunaan ... 40
3.1.1.2.2 Perangkat Lunak Penggunaan ... 40
3.1.2 Bahan ... 41
3.2 Jalannya Penelitian ... 41
3.3 Analisa Kebutuhan Sistem ... 42
3.3.1 Kebutuhan Fungsional Sistem ... 42
3.3.2 Kebutuhan Non Fungsional Sistem ... 48
3.4 Perancangan Sistem ... 49
3.4.1 Perancangan Aplikasi Web ... 49
3.4.1.1 Context Diagram ... 49
3.4.1.2 DFD Level 0 ... 50
3.4.1.3 DFD Level 1 – Proses 1 Manajemen Siswa ... 51
3.4.1.4 DFD Level 1 – Proses 1 Manajemen Pendaftaran ... 51
3.4.1.5 DFD Level 1 – Proses 1 Manajemen Program Belajar ... 52
3.4.1.6 DFD Level 1 – Proses 1 Manajemen Pembayaran ... 52
xii
3.4.1.8 DFD Level 1 – Proses 1 Manajemen Jadwal ... 53
3.4.1.9 DFD Level 1 – Proses 1 Manajemen Tentor ... 54
3.4.1.10 DFD Level 1 – Proses 1 Manajemen Pegawai ... 54
3.4.1.11 DFD Level 1 – Proses 1 Manajemen Kelas Siswa ... 55
3.4.1.12 DFD Level 1 – Proses 1 Manajemen Absen Tentor ... 55
3.4.1.13 DFD Level 1 – Proses 1 Manajemen Absen Siswa ... 56
3.4.1.14 DFD Level 1 – Proses 1 Manajemen Pesan Masuk ... 56
3.4.2 Perancangan Aplikasi Mobile... 57
3.4.2.1 Use Case Diagram ... 57
3.4.2.2 Use Case Description ... 57
3.4.2.2.1 Menampilkan data absensi siswa... 57
3.4.2.2.2 Menambah data absen siswa ... 58
3.4.2.2.3 Menghapus data absen siswa ... 59
3.4.2.2.4 Menampilkan data mata pelajaran yang diampu ... 60
3.4.2.2.5 Menampilkan data jadwal bimbel yang diampu... 61
3.4.2.2.6 Mengubah data jadwal bimbel yang diampu ... 61
3.4.2.2.7 Menghapus data jadwal bimbel yang diampu ... 62
3.4.2.2.8 Menampilkan data jadwal bimbel setiap hari ... 63
3.4.2.2.9 Menampilkan data absen tentor ... 64
3.4.2.2.10 Menampilkan data diri pengguna ... 64
3.4.2.2.11 Menampilkan data absensi kehadiran siswa ... 65
3.4.2.2.12 Menambahkan data pembayaran siswa ... 65
3.4.2.2.13 Menampilkan data pembayaran siswa ... 66
3.4.2.2.14 Menampilkan data jadwal bimbel ... 66
3.4.2.3 Squence Diagram ... 67
3.4.2.3.1 Menampilkan data absensi siswa... 67
3.4.2.3.2 Menampilkan data absensi tentor ... 67
3.4.2.3.3 Menambah data absen siswa ... 67
3.4.2.3.4 Menghapus data absen siswa ... 68
3.4.2.3.5 Menampilkan data mata pelajaran yang diampu ... 68
xiii
3.4.2.3.7 Mengubah data jadwal yang diampu ... 69
3.4.2.3.8 Menghapus data jadwal bimbel yang diampu ... 69
3.4.2.3.9 Menampilkan data jadwal bimbel setiap hari ... 69
3.4.2.3.10 Menampilkan data absensi kehadiran siswa ... 70
3.4.2.3.11 Menambahkan data pembayaran siswa ... 70
3.4.2.3.12 Menampilkan data pembayaran siswa ... 71
3.4.2.3.13 Menampilkan data jadwal bimbel ... 71
3.4.2.4 Class Diagram ... 72
3.4.3 Perancangan Basis Data ... 73
3.4.3.1 Entity Relationship Diagram ... 73
3.4.3.2 Mapping Table ... 74
3.4.3.3 Tabel Fisik ... 75
3.4.4 Perancangan User Interface... 81
3.4.4.1 Perancangan User Interface Aplikasi Versi Web ... 81
3.4.4.1.1 Rancangan halaman Beranda front end ... 81
3.4.4.1.2 Rancangan halaman Pengajar Kami front end ... 81
3.4.4.1.3 Rancangan halaman Program Belajar front end ... 82
3.4.4.1.4 Rancangan halaman Hubungi Kami front end ... 82
3.4.4.1.5 Rancangan halaman login ... 82
3.4.4.1.6 Rancangan halaman Home Administrasi ... 83
3.4.4.1.7 Rancangan halaman tampil Profille pengguna Administrasi . 83 3.4.4.1.8 Rancangan halaman ganti password pengguna Administrasi 83 3.4.4.1.9 Rancangan halaman aktifasi ganti password pengguna ... 84
3.4.4.1.10 Rancangan halaman tampil data pembayaran ... 84
3.4.4.1.11 Rancangan halaman tambah data pembayaran ... 84
3.4.4.1.12 Rancangan halaman hapus data pembayaran ... 85
3.4.4.1.13 Rancangan halaman tampil data pembayaran berdasar tanggal 85 3.4.4.1.14 Rancangan halaman tampil data pegawai ... 85
3.4.4.1.15 Rancangan halaman tambah data pegawai ... 86
xiv
3.4.4.1.17 Rancangan halaman tampil data tentor ... 86
3.4.4.1.18 Rancangan halaman hapus data pegawai ... 87
3.4.4.1.19 Rancangan halaman tampil data siswa... 87
3.4.4.1.20 Rancangan halaman tambah siswa ... 87
3.4.4.1.21 Rancangan halaman tambah pendaftaran siswa ... 88
3.4.4.1.22 Rancangan halaman ubah data siswa ... 88
3.4.4.1.23 Rancangan halaman hapus data siswa ... 88
3.4.4.1.24 Rancangan halaman tampil data kelompok siswa ... 89
3.4.4.1.25 Rancangan halaman data detail anggota kelompok siswa ... 89
3.4.4.1.26 Rancangan halaman hapus data kelompok siswa ... 89
3.4.4.1.27 Rancangan halaman tambah data siswa ke kelompok ... 90
3.4.4.1.28 Rancangan halaman hapus data siswa dari kelompok ... 90
3.4.4.1.29 Rancangan halaman tampil data program belajar ... 90
3.4.4.1.30 Rancangan halaman tambah data program belajar ... 91
3.4.4.1.31 Rancangan halaman ubah data program belajar ... 91
3.4.4.1.32 Rancangan halaman hapus data program belajar ... 91
3.4.4.1.33 Rancangan halaman tampil data mata pelajaran... 92
3.4.4.1.34 Rancangan halaman tambah data mata pelajaran ... 92
3.4.4.1.35 Rancangan halaman ubah data mata pelajaran ... 92
3.4.4.1.36 Rancangan halaman hapus data mata pelajaran ... 93
3.4.4.1.37 Rancangan halaman tampil data jadwal bimbingan belajar . 93 3.4.4.1.38 Rancangan halaman tambah data jadwal bimbingan belajar 93 3.4.4.1.39 Rancangan halaman ubah data jadwal bimbingan belajar ... 94
3.4.4.1.40 Rancangan halaman hapus data jadwal bimbingan belajar .. 94
3.4.4.1.41 Rancangan halaman tampil data pesan masuk ... 94
3.4.4.1.42 Rancangan halaman balas data pesan masuk ... 95
3.4.4.1.43 Rancangan halaman home tentor ... 95
3.4.4.1.44 Rancangan halaman tampil data profile tentor ... 95
3.4.4.1.45 Rancangan halaman tampil data absensi siswa dan tentor ... 96
xv
3.4.4.1.47 Rancangan halaman isi form tambah absensi siswa perkelas 96
3.4.4.1.48 Rancangan halaman tampil data mata pelajaran yang diampu 97
3.4.4.1.49 Rancangan halaman tampil data jadwal bimbingan belajar . 97
3.4.4.1.50 Rancangan halaman ubah data jadwal bimbingan belajar ... 97
3.4.4.1.51 Rancangan halaman ganti password pengguna tentor ... 98
3.4.4.1.52 Rancangan halaman home siswa ... 98
3.4.4.1.53 Rancangan halaman tampil data profile siswa ... 98
3.4.4.1.54 Rancangan halaman tampil data absensi siwa ... 99
3.4.4.1.55 Rancangan halaman tampil data pembayaran siswa ... 99
3.4.4.1.56 Rancangan halaman konfirmasi pembayaran e-banking ... 99
3.4.4.2 Perancangan User Interface Aplikasi Versi Android ... 100
3.4.2.2.1 Rancangan halaman login ... 100
3.4.2.2.2 Rancangan halaman menu tentor ... 100
3.4.2.2.3 Rancangan halaman menu siswa ... 100
3.4.2.2.4 Rancangan halaman absen tentor ... 101
3.4.2.2.5 Rancangan halaman absen siswa ... 101
3.4.2.2.6 Rancangan halaman mata pelajaran tentor ... 101
3.4.2.2.7 Rancangan halaman jadwal tentor ... 102
3.4.2.2.8 Rancangan halaman ubah jadwal tentor ... 102
3.4.2.2.9 Rancangan halaman jadwal siswa ... 102
3.4.2.2.10 Rancangan halaman data pembayaran siswa... 103
3.4.2.2.11 Rancangan halaman tambah bayar siswa dengan e-banking 103 BAB IV ... 104
IMPLEMENTASI DAN ANALISA ... 104
4.1 Implementasi ... 104
4.1.1 Implementasi Interface Apliksasi berbasis web ... 104
xvi
4.1.1.1.2 Halaman Pengajar Kami ... 105
4.1.1.1.3 Halaman Program Belajar ... 106
4.1.1.1.4 Halaman Hubungi Kami ... 106
4.1.1.1.5 Halaman login E-MS ... 107
4.1.1.2 Implementasi Interface Aplikasi berbasis web bagian back- end 107 4.1.1.2.1 Implementasi Interface Aplikasi berbasis web bagian back-end administrasi ... 107
4.1.1.2.2 Implementasi Interface Aplikasi berbasis web bagian back-end tentor 124 4.1.1.2.3 Implementasi Interface Aplikasi berbasis web bagian back-end siswa 129 4.1.2 Implementasi Interface Apliksasi berbasis android ... 132
4.1.2.1 Implementasi Interface Aplikasi berbasis android pengguna tentor 132 4.1.2.1.1 Halaman Login ... 133
4.1.2.1.2 Halaman menu tentor ... 133
4.1.2.1.3 Halaman absen tentor... 133
4.1.2.1.4 Halaman jadwal ... 134
4.1.2.1.5 Halaman mata pelajaran ... 134
4.1.2.2 Implementasi Interface Aplikasi berbasis android pengguna siswa 135 4.1.2.2.1 Halaman menu siswa ... 135
4.1.2.2.2 Halaman absen siswa ... 136
4.1.2.2.3 Halaman data pembayaran siswa ... 136
4.1.2.2.4 Halaman tambah pembayaran ... 136
4.2 Analisa Sistem ... 137
4.2.1 Analisa Sistem Versi Web ... 137
4.2.1.1 Pengujian Administrasi bimbingan belajar ... 137
4.2.1.2 Pengujian Tentor bimbingan belajar ... 144
4.2.1.3 Pengujian Siswa bimbingan belajar ... 147
xvii
BAB V... 151
PENUTUP ... 151
5.1 Kesimpulan ... 151
5.2 Saran ... 151
xviii
DAFTAR GAMBAR
Gambar 2. 1 Class Diagram menurut ObjectAid.com ... 35
Gambar 3. 1 Skema Jalannya Penititan Aplikasi STAR CLASS ... 41
Gambar 3. 2 Context Diagram ... 49
Gambar 3. 3 DFD Level 0 ... 50
Gambar 3. 4 DFD Level 1 - Proses 1 Manajemen Siswa ... 51
Gambar 3. 5 DFD Level 1 - Proses 1 Manajemen Pendaftaran ... 51
Gambar 3. 6 DFD Level 1 - Proses 1 Manajemen Program Belajar ... 52
Gambar 3. 7 DFD Level 1 - Proses 1 Manajemen Pembayaran ... 52
Gambar 3. 8 DFD Level 1 - Proses 1 Manajemen Mata Pelajaran ... 53
Gambar 3. 9 Level 1 Proseses Manajemen Jadwal... 53
Gambar 3. 10 DFD Level 1 - Proses 1 Manajemen Tentor ... 54
Gambar 3. 11 DFD Level 1 - Proses 1 Manajemen Pegawai ... 54
Gambar 3. 12 DFD Level 1 - Proses 1 Manajemen Kelas Siswa ... 55
Gambar 3. 13 DFD Level 1 - Proses 1 Manajemen Absen Tentor ... 55
Gambar 3. 14 DFD Level 1 - Proses 1 Manajemen Absen Siswa ... 56
Gambar 3. 15 DFD Level 1 - Proses Manajemen Pesan Masuk ... 56
Gambar 3. 16 Use Case Diagram ... 57
Gambar 3. 17 Squence Diagram Menampilkan data absensi siswa ... 67
Gambar 3. 18 Squence Diagram Menampilkan data absensi tentor ... 67
Gambar 3. 19 Squence DIagram Menambah data absen siswa ... 67
Gambar 3. 20 Squence Diagram Menghapus data absen siswa ... 68
Gambar 3. 21 Squence Diagram Menampilkan data mata pelajaran yang diampu ... 68
Gambar 3. 22 Squence Diagram Menampilkan data jadwal bimbel yang diampu68 Gambar 3. 23 Squence DIagram Mengubah data jadwal yang diampu ... 69
Gambar 3. 24 Squence Diagram Menghapus data jadwal bimbel yang diampu .. 69
Gambar 3. 25 Squence DIagram Menampilkan data jadwal bimbel setiap hari ... 69
xix
Gambar 3. 27 Squence DIagram Menambahkan data pembayaran siswa ... 70
Gambar 3. 28 Squence Diagram Menampilkan data pembayaran siswa... 71
Gambar 3. 29 Squence Diagram Menampilkan data jadwal bimbel ... 71
Gambar 3. 30 Class Diagram ... 72
Gambar 3. 31 Entity Relationship Diagram ... 73
Gambar 3. 32 Mapping Table ... 74
Gambar 3. 33 Rancangan halaman Beranda front end ... 81
Gambar 3. 34 Rancangan halaman Pengajar Kami front end ... 81
Gambar 3. 35 Rancangan halaman Program Belajar front end ... 82
Gambar 3. 36 Rancangan halaman Hubungi Kami front end ... 82
Gambar 3. 37 Rancangan halaman login ... 82
Gambar 3. 38 Rancangan halaman Home Administrasi ... 83
Gambar 3. 39 Rancangan halaman tampil profile pengguna Administrasi ... 83
Gambar 3. 40 Rancangan halaman ganti password pengguna Administrasi ... 83
Gambar 3. 41 Rancangan halaman aktifasi ganti password pengguna ... 84
Gambar 3. 42 Rancangan halaman tampil data pembayaran ... 84
Gambar 3. 43 Rancangan halaman tambah data pembayaran ... 84
Gambar 3. 44 Rancangan halaman hapus data pembayaran ... 85
Gambar 3. 45 Rancangan halaman tampil data pembayaran berdasar tanggal ... 85
Gambar 3. 46 Rancangan halaman tampil pegawai ... 85
Gambar 3. 47 Rancangan halaman tambah data pegawai ... 86
Gambar 3. 48 Rancangan halaman ubah data pegawai... 86
Gambar 3. 49 Rancangan halaman tampil data tentor ... 86
Gambar 3. 50 Rancangan halaman hapus data pegawai ... 87
Gambar 3. 51 Rancangan halaman tampil data siswa ... 87
Gambar 3. 52 Rancangan halaman tambah siswa ... 87
Gambar 3. 53 Rancangan halaman tambah pendaftaran siswa ... 88
Gambar 3. 54 Rancangan halaman ubah data siswa ... 88
Gambar 3. 55 Rancangan halaman hapus data siswa ... 88
Gambar 3. 56 Rancangan halaman tampil data kelompok siswa ... 89
xx
Gambar 3. 58 Rancangan halaman hapus data kelompok siswa ... 89
Gambar 3. 59 Rancangan halaman tambah data siswa ke kelompok ... 90
Gambar 3. 60 Rancangan halaman hapus data siswa dari kelompok ... 90
Gambar 3. 61 Rancangan halaman tampil data program belajar... 90
Gambar 3. 62 Rancangan halaman tambah data program belajar ... 91
Gambar 3. 63 Rancangan halaman ubah data program belajar ... 91
Gambar 3. 64 Rancangan halaman hapus data program belajar ... 91
Gambar 3. 65 Rancangan halaman tampil data mata pelajaran ... 92
Gambar 3. 66 Rancangan halaman tambah data mata pelajaran ... 92
Gambar 3. 67 Rancangan halaman ubah data mata pelajaran ... 92
Gambar 3. 68 Rancangan halaman hapus data mata pelajaran ... 93
Gambar 3. 69 Rancangan halaman tampil data jadwal bimbingan belajar ... 93
Gambar 3. 70 Rancangan halaman tambah data jadwal bimbingan belajar ... 93
Gambar 3. 71 Rancangan halaman ubah data jadwal bimbingan belajar ... 94
Gambar 3. 72 Rancangan halaman hapus data jadwal bimbingan belajar ... 94
Gambar 3. 73 Rancangan halaman tampil data pesan masuk ... 94
Gambar 3. 74 Rancangan halaman balas data pesan masuk ... 95
Gambar 3. 75 Rancangan halaman home tentor ... 95
Gambar 3. 76 Rancangan halaman tampil data profile tentor ... 95
Gambar 3. 77 Rancangan halaman tampil data absensi siswa dan tentor ... 96
Gambar 3. 78 Rancangan halaman tampil data absensi perkelompok ... 96
Gambar 3. 79 Rancangan halaman isi form tambah absensi siswa perkelas ... 96
Gambar 3. 80 Rancangan halaman tampil data mata pelajaran yang diampu... 97
Gambar 3. 81 Rancangan halaman tampil data jadwal bimbingan belajar ... 97
Gambar 3. 82 Rancangan halaman ubah data jadwal bimbingan belajar ... 97
Gambar 3. 83 Rancangan halaman ganti password pengguna tentor ... 98
Gambar 3. 84 Rancangan halaman home siswa ... 98
Gambar 3. 85 Rancangan halaman tampil data profile siswa ... 98
Gambar 3. 86 Rancangan halaman tampil data absensi siswa ... 99
Gambar 3. 87 Rancangan halaman tampil data pembayaran siswa ... 99
xxi
Gambar 3. 89 Rancangan halaman login ... 100
Gambar 3. 90 Rancangan menu tentor ... 100
Gambar 3. 91 Rancangan halaman menu siswa ... 100
Gambar 3. 92 Rancangan halaman absen tentor ... 101
Gambar 3. 93 Rancangan halaman absen siswa ... 101
Gambar 3. 94 Rancangan halaman mata pelajaran tentor ... 101
Gambar 3. 95 Rancangan halaman jadwal tentor ... 102
Gambar 3. 96 Rancangan halaman ubah jadwal tentor... 102
Gambar 3. 97 Rancangan halaman jadwal siswa ... 102
Gambar 3. 98 Rancangan halaman data pembayaran siswa ... 103
Gambar 3. 99 Rancangan halaman tambah bayar siswa dengan e-banking ... 103
Gambar 4. 1 Implementasi halaman Beranda (front-end)... 105
Gambar 4. 2 Implementasi halaman Pengajar Kami (front-end) ... 105
Gambar 4. 3 Implementasi Halaman Program belajar (front-end) ... 106
Gambar 4. 4 Implementasi Halaman Hubungi Kami (front-end) ... 106
Gambar 4. 5 Implementasi halaman login E-MS ... 107
Gambar 4. 6 Implementasi halaman home (back end) ... 108
Gambar 4. 7 Implementasi halaman profil (back end) ... 108
Gambar 4. 8 Implementasi halaman ganti password (back end) ... 109
Gambar 4. 9 Implementasi halaman data pembayaran (back end) ... 109
Gambar 4. 10 Implementasi halaman tambah transaksi pembayaran (back end) 110 Gambar 4. 11 Implementasi hapus data pembayaran (back end) ... 110
Gambar 4. 12 Implementasi halaman laporan pembayaran (back end) ... 111
Gambar 4. 13 Implementasi hasil pencarian laporan pembayaran (back end) .... 111
Gambar 4. 14 Implementasi halaman daftar pegawai (back end) ... 112
Gambar 4. 15 Implementasi halaman tambah pegawai (back end) ... 112
Gambar 4. 16 Implementasi halaman ubah data pegawai (back end) ... 113
Gambar 4. 17 Implementasi halaman hapus data pegawai (back end) ... 113
Gambar 4. 18 Implementasi halaman daftar tentor (back end) ... 114
Gambar 4. 19 Implementasi halaman daftar siswa (back end)... 114
Gambar 4. 20 Implementasi halaman tambah siswa (back end) ... 115
Gambar 4. 21 Implementasi halaman ubah data siswa (back end) ... 115
Gambar 4. 22 Implementasi hapus data siswa (back end) ... 116
xxii
Gambar 4. 25 Implementasi halaman data detail kolompok belajar siswa (back
end) ... 117
Gambar 4. 26 Implementasi halaman hapus siswa dari kelompok (back end) ... 118
Gambar 4. 27 Implementasi halaman daftar program belajar (backend) ... 118
Gambar 4. 28 Implementasi halaman tambah program belajar (back end) ... 119
Gambar 4. 29 Implementasi Halaman ubah data program belajar (backend) ... 120
Gambar 4. 30 Implementasi halaman hapus data program belajar (backend) .... 120
Gambar 4. 31 Implementasi halaman daftar mata pelajaran (back end) ... 121
Gambar 4. 32 Implementasi halaman tambah mata pelajaran (back end) ... 121
Gambar 4. 33 Implementasi halaman ubah data maata pelajaran (back end) ... 122
Gambar 4. 34 Implementasi halaman hapus data mata pelajaran (back end) ... 122
Gambar 4. 35 Implementasi halaman jadwal bimbingan belajar (back end) ... 123
Gambar 4. 36 Implementasi halaman tambah jadwal bimbingan belajar (back end) ... 123
Gambar 4. 37 Implementasi halaman ubah data jadwal bimbingan belajar (back end) ... 124
Gambar 4. 38 Implementasi halaman hapus data jadwal bimbingan belajar (back end) ... 124
Gambar 4. 39 Implementasi halaman home (back end tentor) ... 125
Gambar 4. 40 Implementasi halaman profil (back end tentor)... 125
Gambar 4. 41 Implementasi halaman ganti password pengguna (back end tentor) ... 126
Gambar 4. 42 Implementasi halaman absensi (back end tentor) ... 126
Gambar 4. 43 Implementasi halaman data absensi siswa (back end tentor) ... 127
Gambar 4. 44 Implementasi halaman isi absen siswa(tentor) ... 127
Gambar 4. 45 Implementasi halaman mata pelajaran (back end tentor) ... 128
Gambar 4. 46 Implementasi halaman Jadwal mengajar (back end tentor) ... 128
Gambar 4. 47 Implementasi halaman ubah data mata jadwal mengajar (back end tentor) ... 129
Gambar 4. 48 Implementasi halaman home (back end siswa) ... 129
Gambar 4. 49 Implementasi halaman profil (back end siswa) ... 130
Gambar 4. 50 Implementasi halaman absensi (back end siswa) ... 130
Gambar 4. 51 Implementasi halaman pembayaran (back end siswa) ... 131
Gambar 4. 52 Implementasi halaman Jadwal bimbel (back end siswa) ... 131
Gambar 4. 53 e-mail yang diarahkan menuju halaman konfirmasi pembayaran via transfer atm ... 132
Gambar 4. 54 Implementasi halaman konfirmasi pembayaran (back end siswa) 132 Gambar 4. 55 halaman login android ... 133
Gambar 4. 56 halaman menu tentor android ... 133
xxiii
Gambar 4. 58 halaman jadwal tentor android ... 134
Gambar 4. 59 halaman mata pelajaran tentor android ... 135
Gambar 4. 60 halaman menu siswa android ... 135
Gambar 4. 61 halaman absen siswa android ... 136
Gambar 4. 62 halaman data pembayaran siswa android ... 136
xxiv
DAFTAR TABEL
Tabel 2. 1 Simbol ERD menurut Fathansyah (1999) ... 31
Tabel 2. 2 Komponen Data Flow Diagram menurut Yourdan dan De Marco (Minartiningtyas, 2013) ... 33
Tabel 2. 3 Komponen Squence Diagram (Kung, 2014) ... 37
Tabel 3. 1 Deskripsi User Aplikasi STAR CLASS ... 42
Tabel 3. 2 Daftar kebutuhan Fungsional Aplikasi STAR CLASS ... 43
Tabel 3. 3 Daftar Kebutuhan Non Fungsional Aplikasi STAR CLASS ... 48
Tabel 3. 4 Siswa... 75
Tabel 3. 5 Pendafataran ... 75
Tabel 3. 6 Program Belajar ... 76
Tabel 3. 7 Kelas ... 76
Tabel 3. 8 Pembayaran ... 76
Tabel 3. 9 Absen Siswa ... 77
Tabel 3. 10 Kelas Siswa ... 77
Tabel 3. 11 Absen Tentor ... 78
Tabel 3. 12 Mata pelajaran ... 78
Tabel 3. 13 Jadwal ... 78
Tabel 3. 14 Tentor ... 79
Tabel 3. 15 Pegawai ... 79
Tabel 3. 16 Gaji ... 80
Tabel 3. 17 User ... 80
Tabel 3. 18 Inbox ... 80
Tabel 4. 1 Pengujian Administrasi bimbingan belajar………137
Tabel 4. 2 Pengujian Tentor bimbingan belajar ... 144
Tabel 4. 3 Pengujian Siswa bimbingan belajar ... 147
