No Field Name
Data Type
Length Constraint 5
SISWA_NAMA Varchar
100 5
SISWA_JENKEL Varchar
10 6
SISWA_USERNAME Varchar
20 7
SISWA_PASSWORD Varchar
20 8
SISWA_PENDIDIKAN_TERAKHIR Varchar 30 9
SISWA_ALAMAT Varchar
200 10 SISWA_NOTEL
Varchar 20
11 SISWA_WALI Varchar
100
I. Tabel Guru
Nama tabel : GURU
Primary key : GURU_ID
Foreign key : -
Fungsi : Menyimpan data guru
Tabel 3.35 Struktur Tabel Guru No
Field Name Data Type
Length Constraint
1 GURU_ID
Varchar 15
PK 2
GURU_NAMA Varchar
100 3
GURU_USERNAME Varchar
20 4
GURU_PASSWORD Varchar
50 5
GURU_ALAMAT Varchar
200 6
GURU_NOTELP Varchar
15
J. Tabel Jenis Lesson
Nama tabel : JENIS_LESSON
Primary key : JENIS_LESSON_ID
Foreign key : LESSON_ID
Fungsi : Menyimpan data jenis lesson
Tabel 3.36 Struktur Tabel Jenis Lesson No
Field Name Data Type
Length Constraint
1 JENIS_LESSON_ID
Varchar 15
PK 2
LESSON _ID
Varchar 100
FK
No Field Name
Data Type Length
Constraint 3
JENIS_LESSON_NAMA Varchar
20
K. Tabel Kategori
Nama tabel : KATEGORI
Primary key : KATEGORI_ID
Foreign key : -
Fungsi : Menyimpan data kategori
Tabel 3.37 Struktur Tabel Kategori No
Field Name Data Type
Length Constraint
1 KATEGORI_ID
Varchar 15
PK 2
KATEGORI_NAMA Varchar
100 FK
3 RANGE_AWAL
Decimal 5,2
4 RANGE_AKHIR
Decimal 5,2
L. Tabel Libur
Nama tabel : LIBUR
Primary key : LIBUR_ID
Foreign key : -
Fungsi : Menyimpan data libur
Tabel 3.38 Struktur Tabel Libur No
Field Name Data Type Length
Constraint 1
LIBUR_ID Varchar
15 PK
2 LIBUR_TANGGAL
Date 3
LIBUR_NAMA Varchar
50 4
LIBUR_KETERANGAN Varchar
100
M. Tabel Jadwal
Nama tabel : JADWAL
Primary key : JADWAL _ID
Foreign key : GURU_ID_ID, KELAS_ID
Fungsi : Menyimpan data jadwal
Tabel 3.39 Struktur Tabel jadwal No
Field Name Data Type Length Constraint
1 JADWAL _ID
Varchar 15
PK 2
GURU_ID Varchar
15 FK
3 KELAS_ID
Varchar 15
FK 4
JADWAL_DAILY_TANGGAL Date 5
DAILY_JAM_MULAI Time
6 DAILY_JAM_SELESAI
Time
N. Tabel Detil Daily test
Nama tabel : DETIL_DAILY_TEST
Primary key : SISWA_ID, LESSON_ID, PERIODE_ID
Foreign key : SISWA_ID, LESSON_ID, PERIODE_ID
Fungsi : Menyimpan data detil daily test
Tabel 3.40 Struktur Tabel Detil Daily test No
Field Name Data Type
Length Constraint
1 LESSON
_ID Varchar
15 PK,FK
2 SISWA_ID
Varchar 15
PK,FK 3
PERIODE_ID Varchar
15 PK,FK
4 SPEAKING_SCORE
Integer 5
QUIZ_SCORE Integer
6 TOTAL_DAILY_SCORE
Integer 7
DATE_DALIY DateTime
O. Tabel Detil Final exam
Nama tabel : DETIL_FINAL_EXAM
Primary key : JENIS_ID, SISWA_ID, PERIODE_ID
Foreign key : JENIS_ID, SISWA_ID, PERIODE_ID
Fungsi : Menyimpan data detil final exam
Tabel 3.41 Struktur Tabel Detil Final Exam No
Field Name Data Type
Length Constraint
1 JENIS_ID
Varchar 15
PK,FK 2
SISWA_ID Varchar
15 PK,FK
No Field Name
Data Type Length
Constraint 3
PERIODE_ID Varchar
15 PK,FK
4 SCCORE_FINAL
Integer 5
DATE_FINAL DateTime
3.3.5 Desain Input Output
Desain Input Output merupakan rancangan desain yang akan digunakan oleh aplikasi pengelolaan nilai siswa. Desain input merupakan desain yang
digunakan untuk melakukan interaksi antara pengguna dan aplikasi. Adapun desain input
tersebut yaitu desain form login, form utama, form master level, form master kelas, form master periode, form master lesson, form master jenis final exam, form
master jabatan, form master pegawai, form master siswa, form daily test, form final
exam , form raport, form laporan perkembangan siswa, form laporan nilai per kelas,
form laporan nilai per level, form laporan kelas, form laporan level, dan form laporan
siswa. Sedangkan desain output merupakan desain laporan yang dihasilkan oleh aplikasi. Adapun desain output tersebut adalah desain raport, laporan nilai per
kelas, laporan nilai per level, laporan nilai per kelas, laporan level, laporan kelas, dan laporan siswa.
A. Desain Input
A.1 Desain Form Login
Form login adalah tampilan awal dari aplikasi pengelolaan nilai siswa.
Form login ini digunakan untuk kemanan sistem. Tujuannya adalah agar sistem
digunakan oleh orang yang memiliki hak akses sesuai dengan jabatan dan tugas masing masing. Pada form ini, pengguna diharuskan untuk memasukkan username
dan password kemudian menekan button login untuk dapat masuk ke menu utama. Form
login ini dapat dilihat pada gambar 3.37
Http:localhostrasyidlogin
UserName Password
Logo LOGIN
Gambar 3.37 Desain Form Login
A.2 Desain Menu Utama
Halaman menu utama adalah halaman yang muncul setelah melakukan login. Halaman menu utama yang tampil disesuaikan dengan hak akses yang yang dimiliki
oleh pengguna. Untuk pengguna yang memiliki hak akses sebagai Petugas Administrasi, menu utamanya dapat dilihat pada gambar 3.38 dan gambar 3.39.
Manage Master Data Manage Score
Raport Report
Http:localhostrasyidhome Logo
User
Gambar 3.38 Desain Menu Utama
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Final Exam
Daily Test
Reports The Score Masthing Class Reports The Score Macthing Level
Student Progress Reports Class Reports
Level Reports Student Reports
Logout Change Password
Http:localhostrasyidhome
Logo
User
Gambar 3.39 Desain Full Menu Utama
Pengguna yang memiliki hak akses sebagai pengajar, halaman menu utamanya dapat dilihat pada gambar 3.40.
Manage Score Raport
Http:localhostrasyidhome Logo
User
Gambar 3.40 Desain Menu Utama Pengajar
Pengguna yang memiliki hak akses sebagai pimpinan, halaman utamanya dapat dilihat pada gambar 3.41.
Report Http:localhostrasyidhome
Logo
User
Gambar 3.41 Desain Menu Utama Pimpinan
Dan pengguna yang memiliki hak akses sebagai siswa, halaman utamanya dapat dilihat pada gambar 3.42.
Profil Student Progress Report
Http:localhostrasyidhome Logo
User
Gambar 3.42 Desain Menu Utama Siswa
A.3 Desain Form Master Level
Form master level adalah form yang digunakan untuk mengelola data level.
Form master level ini ditujukkan pada gambar 3.43. form ini menampilkan data
level yang sudah ada. Jika ingin menambahkan data level maka pengguna menekan
button “add level +” kemudian muncul halaman yang digunakan untuk mengisi data
level seperti pada gambar 3.44. ID level akan terisi secara otomatis dan tidak dapat
diubah. Pengguna memasukkan data nama level kemudian menekan button save. Cara mengubah data level pengguna menekan button update yang ada pada form
master level.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Level ID
Action
1 LEV-1
2 LEV-2
3 LEV-3
Level Name
BASIC 1 BASIC 2
BASIC 3 Logo
User
Level
Add Level +
Level
Search Update
Update Update
Gambar 3.43 Desain Form Master Level
Form Level Enter Text
Enter Text Level ID
Level Name Cancel
Save
Gambar 3.44 Desain Form Insert Data Level
A.4 Desain Form Master Kelas
Form master kelas adalah form yang digunakan untuk mengelola data kelas. Form
master kelas ini ditujukkan pada gambar 3.45. form ini menampilkan data kelas yang sudah ada. Jika ingin menambahkan data kelas maka pengguna menekan
button “add class +” kemudian muncul halaman yang digunakan untuk mengisi
data kelas seperti pada gambar 3.46. ID kelas akan terisi secara otomatis dan tidak
dapat diubah. Pengguna memasukkan data kelas kemudian menekan button save. Cara mengubah data kelas pengguna menekan button update yang ada pada form
master kelas.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Class ID
Class Name
1 CLS-1
JUPITER
2 CLS-2
EARTH
3 CLS-3
MARS
Level Name
BASIC 1 BASIC 2
BASIC 3
Action
Logo
User
Class
Add Class +
Class
Search Update
Update Update
Gambar 3.45 Desain Form Master Kelas
Form Class Enter Text
Enter Text Enter Text
Class Id Level Name
Cancel Save
Class Name
Gambar 3.46 Desain Form Insert Data Kelas
A.5 Desain Form Master Periode
Form master periode adalah form yang digunakan untuk mengelola data
periode. Form master periode ini ditujukkan pada gambar 3.47. form ini menampilkan data periode yang sudah ada. Jika ingin menambahkan data periode
maka pengguna menekan button “add periode +” kemudian muncul halaman yang
digunakan untuk mengisi data periode seperti pada gambar 3.48. ID periode akan terisi secara otomatis dan tidak dapat diubah. Pengguna memasukkan data periode
kemudian menekan button save. Cara mengubah data periode pengguna menekan button
update yang ada pada form master periode.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Period ID
Action
1 PRD-1
2 PRD-2
3 PRD-3
Period Name
JAN-MAY JUN-OKT
NOV-MARCH Logo
User
Period
Add Period +
Period
Search Update
Update Update
Gambar 3.47 Desain Form Master Periode
Form Period Enter Text
Enter Text Period ID
Period Name Cancel
Save
Gambar 3.48 Desain Form Insert Data Periode
A.6 Desain Form Master Lesson
Form master lesson adalah form yang digunakan untuk mengelola data lesson.
Form master lesson ini ditujukkan pada gambar 3.49. form ini menampilkan data
lesson yang sudah ada. Jika ingin menambahkan data lesson maka pengguna
menekan button “add lesson +” kemudian muncul halaman yang digunakan untuk
mengisi data lesson seperti pada gambar 3.50. ID lesson akan terisi secara otomatis dan tidak dapat diubah. Pengguna memasukkan data lesson kemudian menekan
button save. Cara mengubah data lesson pengguna menekan button update yang
ada pada form master lesson.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Lesson ID
Lesson Name
1 LSN-1
NUMBERS
2 LSN-2
CLOURS
3 LSN-3
SHAPE
Level Name
BASIC 1 BASIC 2
BASIC 3
Action
Logo
User
Lesson
Add Lesson +
Lesson
Search Update
Update Update
Gambar 3.49 Desain Form Master Lesson
Form Lesson
Enter Text Enter Text
Enter Text Enter Text
Lesson ID Level Name
Cancel Save
Class Name Lesson Name
Gambar 3.50 Desain Form Insert Data Lesson
A.7 Desain Form Master Jenis Final Exam
Form master jenis final exam adalah form yang digunakan untuk mengelola
data jenis final exam. Form master jenis final exam ini ditujukkan pada gambar 3.51. form ini menampilkan data jenis final exam yang sudah ada. Jika ingin
menambahkan data jenis final exam maka pengguna menekan button “add category
+” kemudian muncul halaman yang digunakan untuk mengisi data jenis final exam seperti pada gambar 3.52. ID jenis final exam akan terisi secara otomatis dan tidak
dapat diubah. Pengguna memasukkan data jenis final exam kemudian menekan button
save. Cara mengubah data jenis final exam pengguna menekan button update yang ada pada form master jenis final exam.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Category ID
Action
1 FE-1
2 FE-2
3 FE-3
Category Name
LISTENING WRITING
CONVESATION Logo
User
Final Exam Category
Add Category +
Category
Search Update
Update Update
Gambar 3.51 Desain Form Jenis Final Exam
Form Category
Enter Text Enter Text
Enter Text Enter Text
Category ID Level Name
Cancel Save
Class Name Category Name
Gambar 3.52 Desain Form Insert Data Jenis Final Exam
A.8 Desain Form Master Jabatan
Form master jabatan adalah form yang digunakan untuk mengelola data
jabatan. Form master jabatan ini ditujukkan pada gambar 3.53. form ini menampilkan data jabatan yang sudah ada. Jika ingin menambahkan data jabatan
maka pengguna menekan button “add department +” kemudian muncul halaman
yang digunakan untuk mengisi data jabatan seperti pada gambar 3.54. ID jabatan
akan terisi secara otomatis dan tidak dapat diubah. Pengguna memasukkan data jabatan kemudian menekan button save. Untuk mengubah data jabatan pengguna
menekan button update yang ada pada form master jabatan.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Department ID
Action
1 DPT-1
2 DPT-2
3 DPT-3
Departmen Name
OWNER TEACHER
MANAGER Logo
User
Department
Add Department +
Department
Search Update
Update Update
Gambar 3.53 Desain Form Master Jabatan
Form D epartment
Enter Text Enter Text
Department ID Department Name
Cancel Save
Gambar 3.54 Desain Form Insert Data Jabatan
A.9 Desain Form Master Pegawai
Form master pegawai adalah form yang digunakan untuk mengelola data
pegawai. Form master pegawai ini ditujukkan pada gambar 3.55. form ini menampilkan data pegawai yang sudah ada. Jika ingin menambahkan data pegawai
maka pengguna menekan button “add employee +” kemudian muncul halaman
yang digunakan untuk mengisi data pegawai seperti pada gambar 3.56. ID pegawai akan terisi secara otomatis dan tidak dapat diubah. Pengguna memasukkan data
pegawai kemudian menekan button save. Untuk mengubah data pegawai pengguna menekan button update yang ada pada form master pegawai.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Employee ID
Employee Name
1 EMP-1
DIMAS 2
EMP-2 DENY
Department Name
TEACHER TEACHER
Action Username
DIMAS21 DENY29
Phone Number
09876543 234567890
Address
DENAPASAR DENPASAR
Logo
User
Employee
Add Employee +
Employee
Search Update
Update
Gambar 3.55 Desain Form Master Pegawai
Form Employee
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Enter Text
Employee ID Employee Name
Cancel Save
Department Name Username
Password Address
Phone Numebr
Gambar 3.56 Desain Form Insert Data Pegawai
A.10 Desain Form Master Siswa
Form master siswa adalah form yang digunakan untuk mengelola data siswa.
Form master siswa ini ditujukkan pada gambar 3.57. form ini menampilkan data
siswa yang sudah ada. Jika ingin menambahkan data siswa maka pengguna menekan button
“add student +” kemudian muncul halaman yang digunakan untuk mengisi data siswa seperti pada gambar 3.58. ID siswa akan terisi secara otomatis
dan tidak dapat diubah. Pengguna memasukkan data siswa kemudian menekan button
save. Untuk mengubah data siswa pengguna menekan button update yang ada pada form master siswa.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Http:localhostrasyid
No. Student ID
Period Name
1 STD-1
JAN-MAY 2
STD-1 JAN-MAY
Level Name
BASIC 1 BASIC 2
Action Class Name
MARS MARS
Last Graduate
SD CLASS3 SD CLASS 2
Username
ERLAN FERDY
Address
KUTA JIMBARAN
Phone Number
34568790 34567980-
Parents
INDRA FATHUR
Name
ERLAN FERDY
Logo
User
Student
Add Student +
Employee
Search Update
Update
Gambar 3.57 Desain Form Master Siswa
Form Student
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Enter Text
Enter Text Enter Text
Enter Text Enter Text
Student ID Student Name
Cancel Save
Period Level
Class Username
Password Gender
Male Female
Last Graduate Address
Phone Parents
Gambar 3.58 Desain Form Insert Data Siswa
A.11 Desain Form Daily test
Form daily test adalah form yang digunakan untuk mengelola nilai daily test.
Form daily test ini ditujukkan pada gambar 3.59. form ini menampilkan data nilai
daily test yang sudah ada. Jika ingin menambahkan data nilai daily test maka
pengguna menekan button “add daily test score +” kemudian muncul halaman yang
digunakan untuk mengisi data nlai daily test seperti pada gambar 3.60. Pengguna memasukkan data nilai daily test kemudian menekan button save. Cara mengubah
data kelas pengguna menekan button update yang ada pada form daily test.
Manage Master Data Manage Score
Raport Report
Final Exam Daily Test
Http:localhostrasyid
No. Lesson Name
Quiz Score
1 COLOURS
90 2
COLOURS 80
Student Name
FERDY ERLAN
Action
Logo
User
Daily Test Score
Add Daily Test Score +
Daily Test Score
Search Update
Update
Level Class
Lesson
Gambar 3.59 Desain Form Daily Test
Manage Master Data Manage Score
Raport Report
Final Exam Daily Test
Http:localhostrasyid
No. Quiz Score
1 2
Student Name
FERDY ERLAN
Logo
User
Daily Test Score
Level Name Class Name
Save Lesson Name
Gambar 3.60 Desain Form Insert Daily Test
A.12 Desain Form Final exam
Form final exam adalah form yang digunakan untuk mengelola nilai final exam.
Form final exam ini ditujukkan pada gambar 3.61. form ini menampilkan data nilai
final exam yang sudah ada. Jika ingin menambahkan data nilai final exam test maka
pengguna menekan button “add final exam score +” kemudian muncul halaman
yang digunakan untuk mengisi data nilai final exam test seperti pada gambar 3.62. Pengguna memasukkan data nilai final exam kemudian menekan button save. Cara
mengubah data kelas pengguna menekan button update yang ada pada form final exam
.
Manage Master Data Manage Score
Raport Report
Final Exam Daily Test
Http:localhostrasyid
No. Lesson Name
Final Exam Score
1 LISTENING
90
2 LISTENING
80
Student Name
FERDY ERLAN
Action
Logo
User
Final Exam Score
Add Final Exam Score
Daily Test Score
Search
Update Update
Level Class
Category
Gambar 3.61 Desain Form Final Exam
Manage Master Data Manage Score
Raport Report
Final Exam Daily Test
Http:localhostrasyid
No. Quiz Score
1 2
Student Name
FERDY ERLAN
Logo
User
Daily Test Score
Level Name Class Name
Save Category
Gambar 3.62 Desain Form Insert Final Exam
A.13 Desain Form Membuat Raport
Form raport adalah form yang digunakan untuk membuat raport. Pada form
ini pengguna memilih level dan kelas yang ingin siswanya dibuat raport-nya. Pengguna menekan button print untuk menampilkan raport siswa tersebut. Form
raport ditunjukkan pada gambar 3.63.
Manage Master Data Manage Score
Raport Report
Http:localhostrasyid
No. Level Name
Student name
1 BASIC1
ERLAN 2
BASIC2 FERDY
Class Name
MARS MARS
Action
Logo
User
Raport
Raport
Search Print
Print
Level Class
Gambar 3.63 Desain Form Membuat Raport
A.14 Desain Form Laporan Perkembangan Siswa
Form laporan perkembangan siswa adalah form yang digunakan untuk
melihat laporan perkembangan siswa. Pengguna memilih level dan kelas untuk melihat laporan perkembangan siswa. Form laporan perkembangan siswa dapat
dilihat pada gambar 3.64
Manage Master Data Manage Score
Raport Report
Reports The Score Masthing Cla ss Reports The Score Macthing Level
Student Progress Reports Class Reports
Level Reports Student Reports
Http:localhostrasyid Logo
User
Student Progress Reports
Student Progress Report Level
Class
Gambar 3.64 Desain Form Laporan Perkembangan Nilai Siswa
A.15 Desain Form Laporan Nilai Per Kelas
Form laporan nilai per kelas digunakan untuk melihat laporan nilai per kelas.
Pengguna memilih kelas yang ingin dilihat laporan nilainya. Desain form laporan nilai per kelas dapat dilihat pada gambar 3.65.
Manage Master Data Manage Score
Raport Report
Reports The Score Mas thing Cla ss Reports The Score Macthing Level
Student Progres s Reports Class Reports
Level Reports Student Reports
Http:localhostrasyid
No. Daily Score
1 2
Student Name Final Score
Total Score Class
Logo
User
Report The Score Matching Level
Report The Score Matching Level Level
Print
Gambar 3.65 Desain Form Laporan Nilai Per Kelas
A.16 Desai Form Laporan Nilai Per Level
Form laporan nilai per level digunakan untuk melihat nilai per level. Pengguna
memilih level yang ingin dilihat laporan nlainya. Desain form laporan nilai per level dapat dilihat pada gambar 3.66.
Manage Master Data Manage Score
Raport Report
Reports The Score Masthing Class Reports The Score Macthing Level
Student Progress Reports Class Reports
Level Reports Student Reports
Http:localhostrasyid
No. Daily Score
1 2
Student Name Final Score
Total Score
Logo
User
Report The Score Matching Class
Report The Score Matching Class Level
Print Class
Gambar 3.66 Desain Form Laporan Nilai Per Level
A.17 Desain Form Laporan Level
Form laporan level digunakan untuk melihat laporan level. Pengguna memilih
level yang ingin dilihat laporannya. Desain form laporan level ini ditunjukkan pada
gambar 3.67.
Manage Master Data Manage Score
Raport Report
Reports The Score Masthing Class Reports The Score Macthing Level
Student Progress Reports Class Reports
Level Reports Student Reports
Http:localhostrasyid
No. Address
1 2
Student Name Phone Number
Class
Logo
User
Level Reports
Level Reports Level
Print Number Of Male Students
Number Of Female Students Numbers OF Student
Gambar 3.67 Desain Form Laporan Level
A.18 Desain Form Laporan Kelas
Form laporan kelas digunakan untuk melihat laporan kelas. Pengguna memilih
kelas yang ingin ditampilkan laporannya. Desain form laporan kelas dapat dilihat pada gambar 3.68.
Manage Master Data Manage Score
Raport Report
Reports The Score Masthing Class Reports The Score Macthing Level
Student Progress Reports Class Reports
Level Reports Student Reports
Http:localhostrasyid
No. Address
1 2
Student Name Phone Number
Logo
User
Class Reports
Class Reports Level
Print
Number Of Male Students Number Of Female Students
Numbers OF Student
Class
Gambar 3.68 Desain Form Laporan Kelas
A.19 Desain Form Laporan Siswa
Form laporan siswa adalah form yang digunakan untuk melihat laporan siswa.
Form laporan siswa ini ditunjukkan pada gambar 3.69.
Manage Master Data Manage Score
Raport Report
Reports The Score Mas thing Cla ss Reports The Score Macthing Level
Student Progres s Reports Class Reports
Level Reports Student Reports
Http:localhostrasyid
No. Level Name
1 2
Student Name Class Name
Address Phone Number
Logo
User
Student Report
Class Reports
Print
Number Of Male Students Number Of Female Students
Numbers OF Student
Gambar 3.69 Desain Form Laporan Siswa
A.20 Desain Form Master Guru
Form master guru adalah form yang digunakan untuk mengelola data guru.
Form master guru ini ditujukkan pada gambar 3.70. form ini menampilkan data
guru yang sudah ada. Jika ingin menambahkan data guru maka pengguna menekan button
“add Teacher +” kemudian muncul halaman yang digunakan untuk mengisi data guru seperti pada gambar 3.71. ID guru akan terisi secara otomatis dan tidak
dapat diubah. Pengguna memasukkan data pegawai kemudian menekan button save
. Untuk mengubah data guru pengguna menekan button update yang ada pada form
master guru.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Teacher
Category Lesson Category Student
Manage Schedule Http:localhostrasyid
No. Teacher ID
Teacher Name
1 EMP-1
DIMAS
2 EMP-2
DENY
Action Username
DIMAS21 DENY29
Phone Number
09876543 234567890
Address
DENAPASAR DENPASAR
Logo
User
Teacher
Add Teacher +
Teacher
Search Update
Update
Gambar 3.70 Desain Form Master Guru
Form Teacher
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Teacher ID Teacher Name
Cancel Save
Username Password
Address Phone Numebr
Gambar 3.71 Desain Form Insert Data Guru
A.21 Desain Form Master Jenis Lesson
Form master jenis lesson adalah form yang digunakan untuk mengelola data
jenis lesson . Form master jenis lesson ini ditujukkan pada gambar 3.72. form ini
menampilkan data jenis lesson yang sudah ada. Jika ingin menambahkan data jenis lesson
maka pengguna menekan button “add Category Lesson +” kemudian muncul
halaman yang digunakan untuk mengisi data jenis lesson seperti pada gambar 3.73. ID jenis lesson akan terisi secara otomatis dan tidak dapat diubah. Pengguna
memasukkan data pegawai kemudian menekan button save. Untuk mengubah data jenis lesson pengguna menekan button update yang ada pada form master jenis
lesson .
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student
Manage Schedule Teacher
Category Lesson Category Student
Http:localhostrasyid
No. ID
Name
1 CLS-1
JUPITER
2 CLS-2
EARTH
3 CLS-3
MARS
Lesson
BASIC 1 BASIC 2
BASIC 3
Action
Logo
User
Category lesson
Add Category Lesson +
Category Lesson
Search Update
Update Update
Gambar 3.72 Desain Form Master Jenis Lesson
Form Category Lesson
Enter Text Enter Text
Enter Text
Category ID Lesson Name
Cancel Save
Category Name
Gambar 3.73 Desain Form Insert Data Jenis Lesson
A.22 Desain Form Master Kategori
Form master kategori adalah form yang digunakan untuk mengelola data
kategori. Form master kategori ini ditujukkan pada gambar 3.74. form ini menampilkan data kategori yang sudah ada. Jika ingin menambahkan data kategori
maka pengguna menekan button “add catgeory +” kemudian muncul halaman yang
digunakan untuk mengisi data kategori seperti pada gambar 3.75. ID kategori akan terisi secara otomatis dan tidak dapat diubah. Pengguna memasukkan data kategori
kemudian menekan button save. Untuk mengubah data kategori pengguna menekan button
update yang ada pada form master kategori.
Manage Master Data
Manage Score Raport
Report Period
Class Level
Lesson Final Exam Category
Department Employee
Student Teacher
Category Lesson Category Student
Manage Schedule Http:localhostrasyid
No. Category ID
Category Name
1 CTS-01
Excellent 2
CTS-02 Very Good
Action Range Start
108 97
Range End
120 107
Logo
User
Category Student
Add Category +
Category
Search Update
Update
Gambar 3.74 Desain Form Master Kategori
Form Category Student Enter Text
Enter Text Enter Text
Enter Text Category ID
Category Name
Cancel Save
Range Start Range End
Gambar 3.75 Desain Form Insert Data Kategori
A.23 Desain Form Master Libur
Form master libur adalah form yang digunakan untuk mengelola data libur.
Form master libur ini ditujukkan pada gambar 3.76. form ini menampilkan data
libur yang sudah ada. Jika ingin menambahkan data jadwal maka pengguna menekan button
“add schedule +” kemudian muncul halaman yang digunakan untuk mengisi data libur seperti pada gambar 3.77. Pengguna memasukkan data
libur kemudian menekan button save. Untuk mengubah data libur pengguna menekan button update yang ada pada form master libur.
Manage Master Data Manage Score
Raport Report
Holiday Daily Schedule
Manage Schedule Http:localhostrasyid
No. ID
1 DSH-01
2 DSH-02
Action Title
Hari Libur Kemerdekaan
Date
14 September 14 September
Information
Logo
User
Holiday
Add Holiday +
Holiday
Search Update
Update
Gambar 3.76 Desain Form Master Libur
Holiday
Enter Text Enter Text
Enter Text Enter Text
Holiday ID Date
Cancel Save
Title Information
Gambar 3.77 Desain Form Insert Data Libur
A.24 Desain Form Master Jadwal
Form master jadwal adalah form yang digunakan untuk mengelola data jadwal.
Form master jadwal ini ditujukkan pada gambar 3.78. form ini menampilkan data
jadwal yang sudah ada. Jika ingin menambahkan data jadwal maka pengguna menekan button
“add schedule +” kemudian muncul halaman yang digunakan untuk mengisi data jadwal seperti pada gambar 3.79. Pengguna memasukkan data
jadwal kemudian menekan button save. Untuk mengubah data jadwal pengguna menekan button update yang ada pada form master jadwal .
Manage Master Data Manage Score
Raport Report
Examination Schedule Daily Schedule
Manage Schedule Http:localhostrasyid
No. ID
Teacher Name
1 DSH-01
DIMAS
2 DSH-02
DENY
Action Class
Basic 1a Basic 1B
Time Start
10:00 12:00
Date
14 September 14 September
Time End
12:00 14:00
Logo
User
Daily schedule
Add Schedule +
Daily Schedule
Search Update
Update
Gambar 3.78 Desain Form Master Jadwal
Daily Schedule
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Schedule ID Teacher Name
Cancel Save
Class Name Date
Time Start Time End
Gambar 3.79 Desain Form Insert Data Jadwal
B. Desain Output
