Perancangan dan pembuatan aplikasi management "STAR CLASS" berbasis web dan android.

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
2016

i

2

iii

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.
Keywords : Application, Android, Learning Process, Monitoring, Management

iv

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.
Kata kunci : Aplikasi, Android, Monitoring, Proses Belajar, manajemen.

v

MOTTO
“YOU’LL NEVER WALK ALONE”
~Liverpool~
“Tetap Semangat”
~Ibu Murtini~

vi

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
11. Tim Indonesia Raya Regional UPT. Perpustakaan Pusat UNS

vii

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.

Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini
masih jauh dari sempurna. Untuk itu, semua jenis saran, kritik dan
masukan yang bersifat membangun sangat penulis harapkan. Akhir kata,
semoga tulisan ini dapat memberikan manfaat dan memberikan wawasan
tambahan bagi para pembaca dan khususnya bagi penulis sendiri.

viii

Surakarta,

Penulis

ix

juli 2016

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

2.2.7

Entity Relationship Diagram (ERD) ............................................. 31

x

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
3.4.1.7 DFD Level 1 – Proses 1 Manajemen Mata Pelajaran ................. 53
xi

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
3.4.2.3.6 Menampilkan data jadwal bimbel yang diampu.................... 68
xii

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
3.4.4.1.16 Rancangan halaman ubah data pegawai.............................. 86
xiii

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
3.4.4.1.46 Rancangan halaman tampil data absensi perkelompok ....... 96

xiv

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

4.1.1.1 Implementasi Interface Aplikasi berbasis web bagian front- end
104
4.1.1.1.1 Halaman Beranda .............................................................. 105
xv

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
4.2.2

Analisa Sistem Versi Android ..................................................... 148

xvi

BAB V............................................................................................................. 151
PENUTUP ....................................................................................................... 151
5.1

Kesimpulan ....................................................................................... 151

5.2

Saran ................................................................................................. 151

DAFTAR PUSTAKA ...................................................................................... 152

xvii

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
Gambar 3. 26 Squence Diagram Menampilkan data absensi kehadiran siswa ..... 70

xviii

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
Gambar 3. 57 Rancangan halaman data detail anggota kelompok siswa ............. 89
xix

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
Gambar 3. 88 Rancangan halaman konfirmasi pembayaran e - banking ............. 99
xx

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
Gambar 4. 23 Implementasi halaman daftar kelompok belajar siswa (back end)116
Gambar 4. 24 Implementasi halaman hapus kelompok siswa (back end) .......... 117
xxi

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
Gambar 4. 57 halaman absen tentor android .................................................... 134

xxii

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
Gambar 4. 63 halaman tambah pembayaran siswa android .............................. 137

xxiii

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
Tabel 4. 4 Pengujian pada android ................................................................... 148

xxiv