BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf ·...

123
130 130 BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Sistem Tahap implementasi sistem adalah tahap pengubahan hasil analisis dan perancangan sistem ke dalam bahasa pemrograman sehingga menghasilkan aplikasi. Adapun kebutuhan sistem terhadap perangkat keras dan perangkat lunak agar dapat berjalan dengan baik adalah sebagai berikut: 4.1.1 Kebutuhan Hardware Kebutuhan perangkat keras adalah komponen peralatan fisik yang membentuk suatu sistem komputer terstruktur, serta peralatan-peralatan lain yang mendukung komputer dalam menjalankan fungsinya. Hardware yang digunakan harus memiliki spesifikasi dan kinerja yang baik, sehingga sistem yang akan dijalankan oleh komputer bisa berjalan tanpa ada suatu masalah. Kebutuhan hardware adalah sebagai berikut : a. Intel(R) Pentium(R) CPU B940 @ 1.8GHz, 2.00GHz b. 1.00 Gygabytes RAM c. Keyboard dan Mouse 4.1.2 Kebutuhan Software (Perangkat Lunak) Kebutuhan perangkat lunak atau software berikut adalah suatu program yang diperlukan untuk membangun aplikasi pengelolaan nilai siswa. Adapun software tersebut adalah sebagai berikut : a. Sistem operasi menggunakan Microsoft® Windows® 10

Transcript of BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf ·...

Page 1: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

130

130

BAB IV

IMPLEMENTASI DAN EVALUASI

4.1 Kebutuhan Sistem

Tahap implementasi sistem adalah tahap pengubahan hasil analisis dan

perancangan sistem ke dalam bahasa pemrograman sehingga menghasilkan

aplikasi. Adapun kebutuhan sistem terhadap perangkat keras dan perangkat lunak

agar dapat berjalan dengan baik adalah sebagai berikut:

4.1.1 Kebutuhan Hardware

Kebutuhan perangkat keras adalah komponen peralatan fisik yang

membentuk suatu sistem komputer terstruktur, serta peralatan-peralatan lain yang

mendukung komputer dalam menjalankan fungsinya. Hardware yang digunakan

harus memiliki spesifikasi dan kinerja yang baik, sehingga sistem yang akan

dijalankan oleh komputer bisa berjalan tanpa ada suatu masalah. Kebutuhan

hardware adalah sebagai berikut :

a. Intel(R) Pentium(R) CPU B940 @ 1.8GHz, 2.00GHz

b. 1.00 Gygabytes RAM

c. Keyboard dan Mouse

4.1.2 Kebutuhan Software (Perangkat Lunak)

Kebutuhan perangkat lunak atau software berikut adalah suatu program

yang diperlukan untuk membangun aplikasi pengelolaan nilai siswa. Adapun

software tersebut adalah sebagai berikut :

a. Sistem operasi menggunakan Microsoft® Windows® 10

Page 2: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

131

b. Microsoft Visio® 2013 untuk membuat rancangan document flow, system flow

dan desain interface website

c. Power Designer® 15.3 untuk membuat Context Diagram, Data Flow Diagram

dan Entity Relatioinship Diagram(Conceptual Data Model- Phisycal Data

Model)

d. Mysql v3.1.0 untuk membuat database sistem

e. XAMPP untuk membuat web server localhost

f. Sublime Text untuk membuat website

g. Google Chrome untuk mengakses localhost website

4.2 Implementasi Sistem

Setelah semua perangkat yang mendukung proses pembuatan sistem

tersedia, maka proses selanjutnya adalah implementasi atau penerapan sistem.

Implementasi sistem ini merupakan implementasi dari aplikasi pengelolaan nilai

siswa pada Rasyid English Course. Form awal yang akan ditampilkan aplikasi

adalah form login. Form login digunakan untuk keamanan agar pengguna dapat

menggunakan aplikasi sesuai dengan hak aksesnya masing-masing.

4.2.1 Form Login

Form login membagi hak akses tiap user berdasarkan username dan

password pengguna. Pengguna memiliki dua pilihan login yakni login sebagai

pegawai dan login sebagai. Login sebagai pegawai terdapat beberapa hak akses

yaitu pimpinan, petugas administrasi, pengajar dan siswa. Pengguna memasukkan

data username dan password pada kolom yang telah disediakan, kemudian tekan

tombol login. Sistem akan memeriksa username dan password tersebut kedalam

Page 3: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

132

database, jika username dan password telah terdaftar dan sesuai maka aplikasi akan

menampilkan form menu sesuai dengan hak akses masing-masing. Jika username

dan password tidak sesuai atau tidak terdaftar dalam database maka sistem akan

menampilkan alert “Username dan Password tidak Sesuai atau belum terdaftar”.

Form login dapat dilihat pada Gambar 4.1.

Gambar 4.1 Form login

4.2.2 Form Halaman Utama

Form halaman utama adalah form yang tampil setelah dilakukannya login.

Form halaman utama yang tampil berdasarkan hak akses yang dimiliki oleh

pengguna. Pengguna dengan hak akses petugas administrasi memiliki halaman

utama yang berbeda dengan pengguna lainnya. Terdapat empat menu utama untuk

halaman utama petugas administrasi yaitu manage master data, manage score,

student raport, dan view report. Halaman utama petugas administrasi dapat dilihat

pada Gambar 4.2. Pengguna dengan hak akses pimpinan memiliki satu menu utama

dengan beberap submenu didalamnya. Menu tersebut adalah view report. Pada

menu view report. Terdapat submenu view student progress report, score report by

Page 4: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

133

level, score report by class, class report, level report, dan student report. Halaman

utama pimpinan dapat dilihat pada Gambar 4.3

Pengguna dengan hak akses pengajar memiliki empat menu utama yaitu

manage schedule, view class report, manage score dan raport. Pengajar dapat

mengelola nilai dan mencetak raport serta dapat mengetahui jadwalnya dan laporan

siswa sesuai kelas yang diajarnya.. Halaman menu utama pengajar dapat dilihat

pada Gambar 4.4.

Pengguna dengan hak akses siswa hanya memiliki dua menu yaitu schedule

dan view score. Menu view score ini digunakan untuk melihat perkembangan nilai

siswa sesuai dengan username dan password yang dimasukkan pada saat login.

Sedangkan menu schedule digunakan oleh siswa untuk melihat jadwal yang

dimilikinya. Halaman utama siswa dapat dilihat pada Gambar 4.5.

Page 5: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

134

Gam

bar

4.2

Hal

aman

Uta

ma

Pet

ugas

Adm

inis

rtas

i

Page 6: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

135

13

5

Gam

bar

4.3

Hal

aman

Uta

ma

Pim

pin

an

Page 7: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

136

13

6

Gam

bar

4.4

H

alam

an U

tam

a P

engaj

ar

Page 8: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

137

13

7

Gam

bar

4.4

H

alam

an U

tam

a S

isw

a

Page 9: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

138

13

8

4.2.3 Form Master Level

Form master level adalah form yang digunakan untuk menambah dan

mengubah data level. Form ini hanya dapat diakses oleh pengguna yang memiliki

hak akses sebagai petugas administrasi. Form master level ini ditunjukkan pada

Gambar 4.7

Jika pengguna ingin menambahkan data level maka pengguna harus

menekan button “Add Level”. Aplikasi akan menampilkan form yang digunakan

untuk mengisi data level seperti pada Gambar 4.6. Setelah mengisi data, pengguna

menekan button “save” untuk menyimpan data.

Gambar 4.6 Form Insert Level

Page 10: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

139

Gam

bar

4.7

F

orm

Mast

er L

evel

Page 11: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

140

4.2.4 Form Master Periode

Form master periode adalah form yang digunakan untuk menambah dan

mengubah data periode. Form ini hanya dapat diakses oleh pengguna yang

memiliki hak akses sebagai petugas administrasi. Form master periode ini dapat

dilihat pada Gambar 4.9.

Jika pengguna ingin menambahkan data periode maka pengguna harus

menekan button “Add Period”. Aplikasi akan menampilkan form yang digunakan

untuk mengisi data periode seperti pada Gambar 4.8. setelah mengisi data,

pengguna menekan button “save” untuk menyimpan data.

Gambar 4.8 Form Insert Periode

Page 12: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

141

Gam

bar

4.9

Form

Mast

er P

erio

de

Page 13: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

142

14

2

4.2.5 Form Master Kelas

Form master kelas adalah form yang digunakan untuk menambah dan

mengubah data kelas. Form ini hanya dapat diakses oleh pengguna yang memiliki

hak akses sebagai petugas administrasi. Form master kelas ini dapat dilihat pada

Gambar 4.11.

Jika Pengguna ingin menambahkan data kelas maka pengguna harus

menekan button “Add Class”. Aplikasi akan menampilkan form yang digunakan

untuk mengisi data kelas seperti pada Gambar 4.10. setelah mengisi data, pengguna

menekan button “save” untuk menyimpan data.

Gambar 4.10 Form Insert Kelas

Page 14: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

143

Gam

bar

4.1

1 F

orm

Mast

er K

elas

Page 15: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

144

14

4

4.2.6 Form Master Lesson

Form master lesson adalah form yang digunakan untuk menambah dan

mengubah data lesson. Form ini hanya dapat diakses oleh pengguna yang memiliki

hak akses sebagai petugas administrasi. Form master lesson ini dapat dilihat pada

Gambar 4.13.

Jika pengguna ingin menambahkan data lesson maka pengguna harus

menekan button “Add Lesson”. Aplikasi akan menampilkan form yang digunakan

untuk mengisi data lesson seperti pada Gambar 4.12. setelah mengisi data,

pengguna menekan button “save” untuk menyimpan data.

Gambar 4.12 Form Insert Lesson

Page 16: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

145

Gam

bar

4.1

3 F

orm

M

ast

er L

esso

n

Page 17: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

146

14

6

4.2.7 Form Master Jenis Final Exam

Form master jenis final exam adalah form yang digunakan untuk menambah

dan mengubah data jenis final exam. Form ini hanya dapat diakses oleh pengguna

yang memiliki hak akses sebagai petugas administrasi. Form master jenis final

exam ini dapat dilihat pada Gambar 4.15.

Jika Pengguna ingin menambahkan data jenis final exam maka pengguna

harus menekan button “Add Category”. Aplikasi akan menampilkan form yang

digunakan untuk mengisi data jenis final exam seperti pada Gambar 4.14. setelah

mengisi data, pengguna menekan button “save” untuk menyimpan data.

Gambar 4.14 Form Insert Jenis Final Exam

Page 18: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

147

Gam

bar

4.1

5 F

orm

M

ast

er J

enis

Fin

al

Exa

m

Page 19: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

148

14

8

4.2.8 Form Master Pegawai

Form master pegawai adalah form yang digunakan untuk menambah dan

mengubah data pegawai. Form ini hanya dapat diakses oleh pengguna yang

memiliki hak akses sebagai petugas administrasi. Form master pegawai ini dapat

dilihat pada Gambar 4.17.

Jika pengguna ingin menambahkan data pegawai maka pengguna harus

menekan button “Add Employee”. Aplikasi akan menampilkan form yang

digunakan untuk mengisi data pegwai seperti pada Gambar 4.16 setelah mengisi

data, pengguna menekan button “save” untuk menyimpan data.

Gambar 4.16 Form Insert Data Pegawai

Page 20: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

149

Gam

bar

4.1

7 F

orm

M

ast

er P

egaw

ai

Page 21: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

150

15

0

4.2.9 Form Master Siswa

Form master siswa adalah form yang digunakan untuk menambah dan

mengubah data siswa. Form ini hanya dapat diakses oleh pengguna yang memiliki

hak akses sebagai petugas administrasi. Form master siswa ini dapat dilihat pada

Gambar 4.19.

Jika Pengguna ingin menambahkan data siswa maka pengguna harus menekan

button “Add Student”. Aplikasi akan menampilkan form yang digunakan untuk

mengisi data siswa seperti pada Gambar 4.18. setelah mengisi data, pengguna

menekan button “save” untuk menyimpan data.

Gambar 4.18 Form Insert Siswa

Page 22: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

151

Gam

bar

4.1

9 F

orm

M

ast

er S

isw

a

Page 23: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

152

15

2

4.2.10 Form Guru

Form master guru adalah form yang digunakan untuk menambah dan

mengubah data guru. Form ini hanya dapat diakses oleh pengguna yang memiliki

hak akses sebagai petugas administrasi. Form master guru ini dapat dilihat pada

Gambar 4.21.

Jika Pengguna ingin menambahkan data guru maka pengguna harus

menekan button “Add Teacher”. Aplikasi akan menampilkan form yang digunakan

untuk mengisi data guru seperti pada Gambar 4.20. setelah mengisi data, pengguna

menekan button “save” untuk menyimpan data.

Gambar 4.20 Form Insert Guru

Page 24: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

153

Gam

bar

4.2

1 F

orm

M

ast

er G

uru

Page 25: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

154

4.2.11 Form Jenis Lesson

Form master jenis lesson adalah form yang digunakan untuk menambah dan

mengubah data jenis lesson. Form ini hanya dapat diakses oleh pengguna yang

memiliki hak akses sebagai petugas administrasi. Form master jenis lesson ini dapat

dilihat pada Gambar 4.23.

Jika Pengguna ingin menambahkan data jenis lesson maka pengguna harus

menekan button “Add Category Lesson”. Aplikasi akan menampilkan form yang

digunakan untuk mengisi data jenis lesson seperti pada Gambar 4.22. setelah

mengisi data, pengguna menekan button “save” untuk menyimpan data.

Gambar 4.22 Form Insert Jenis Lesson

Page 26: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

155

Gam

bar

4.2

3 F

orm

M

ast

er J

enis

Les

son

Page 27: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

156

15

6

4.2.12 Form Kategori

Form master kategori adalah form yang digunakan untuk menambah dan

mengubah data kategori. Form ini hanya dapat diakses oleh pengguna yang

memiliki hak akses sebagai petugas administrasi. Form master kategori ini dapat

dilihat pada Gambar 4.25.

Jika Pengguna ingin menambahkan data kategori maka pengguna harus

menekan button “Add Category”. Aplikasi akan menampilkan form yang digunakan

untuk mengisi data kategori seperti pada Gambar 4.24. Setelah mengisi data,

pengguna menekan button “save” untuk menyimpan data.

Gambar 4.24 Form Insert Kategori

Page 28: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

157

Gam

bar

4.2

5 F

orm

M

ast

er K

ateg

ori

Page 29: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

158

15

8

4.2.13 Form Jadwal

Form master jadwal adalah form yang digunakan untuk menambah dan

mengubah data jadwal. Form ini hanya dapat diakses oleh pengguna yang memiliki

hak akses sebagai petugas administrasi. Form master jadwal ini dapat dilihat pada

Gambar 4.27.

Jika Pengguna ingin menambahkan data jadwal maka pengguna harus

menekan button “Add Schedule”. Aplikasi akan menampilkan form yang digunakan

untuk mengisi data jadwal seperti pada Gambar 4.26. Setelah mengisi data,

pengguna menekan button “save” untuk menyimpan data.

Gambar 4.26 Form Insert Jadwal

Page 30: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

159

Gam

bar

4.2

7 F

orm

M

ast

er J

adw

al

Page 31: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

160

4.2.14 Form Daily Test

Form daily test adalah form yang digunakan untuk mengelola nilai daily

test. Form ini dapat diakses oleh pengguna yang memiliki hak akases sebagai

petugas admnistrasi dan pengajar. Form daily test ini dapat dilihat pada Gambar

4.28.

Pada form ini terdapat fitur yaitu view score dan insert score. Fitur view

score digunakan untuk melihat nilai yang sudah didapat. Sedangkan fitur insert

score digunakan untuk memasukkan data nilai. Form untuk view score dapat dilihat

pada Gambar 4.29. Form insert score digunakan untuk memasukkan nilai daily test.

Form insert score ini dapat dilihat pada Gambar 4.30

4.2.15 Form Final Exam

Form final exam adalah form yang digunakan untuk mengelola nilai final

exam. Form ini dapat diakses oleh pengguna yang memiliki hak akses sebagai

petugas administrasi dan pengajar. Form final exam ini dapat dilihat pada Gambar

4.31.

Pada form ini terdapat fitur yaitu view score dan insert score. Fitur view score

digunakan untuk melihat nilai yang sudah didapat. Sedangkan fitur insert score

digunakan untuk memasukkan data nilai. Form untuk view score dapat dilihat pada

Gambar 4.32. Form insert score digunakan untuk memasukkan nilai final exam.

Form insert score ini dapat dilihat pada Gambar 4.33.

Page 32: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

161

Gam

bar

4.2

8 F

orm

D

ail

y T

est

Page 33: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

162

16

2

Gam

bar

4.2

9 V

iew

Sco

re D

ail

y T

est

Page 34: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

163

16

3

Gam

bar

4.3

0 F

orm

In

sert

Dail

y T

est

Page 35: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

164

16

4

Gam

bar

4.3

1 F

orm

F

orm

Fin

al

Exa

m

Page 36: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

165

16

5

Gam

bar

4.3

2 F

orm

Vie

w S

core

Fin

al

Exa

m

Page 37: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

166

16

6

Gam

bar

4.3

3 F

orm

Inse

rt F

inal

Exa

m

Page 38: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

167

4.2.16 Form Raport

Form raport adalah form yang digunakan untuk menampilkan dan

mencetak. Form ini dapat diakases oleh pengguna yang memiliki hak akses sebagai

petugas administrasi dan pengajar. Form raport dapat dilihat pada Gambar 4.35.

Pengguna memilih periode, level dan kelas untuk menampilkan data siswa

yang ingin ditampilkan raport. Seperti yang telihat pada Gambar 4.36. Jika ingin

menampilkan raport, maka pengguna menekan “Show Raport”. Aplikasi

menampilkan raport sesuai dengan data siswa yang dipilih. Raport dapat dilihat

pada Gambar 4.34

Gambar 4.34 Student Raport

Page 39: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

168

Gam

bar

4.3

5 F

orm

Rapo

rt

Page 40: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

169

16

9

Gam

bar

4.3

6 F

orm

Vie

w S

tuden

t

Page 41: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

170

17

0

4.2.17 Form Laporan Perkembangan Siswa

Form laporan perkembangan siswa digunakan untuk mengetahui

perkembangan nilai siswa yang telah didapat. Pengguna menekan “Show Progress”

untuk dapat menampilkan grafik perkembangan siswa. Form ini dapat dilihat pada

Gambar 4.37.

4.2.18 Form Laporan Nilai per Level

Form laporan nilai laporan nilai per level ini digunakan untuk melihat

perkembangan nilai berdasarkan level. Pada form ini nilai yang ditampilkan

berdasarkan kelas dalam level yang dipilih. Form laporan nilai per level dapat

dilihat pada Gambar 4.38.

4.2.19 Form Laporan Nilai per Kelas

Form laporan nilai per kelas ini digunakan untuk melehat perkembangan

nilai berdasarkan nilai rata-rata pada suatu kelas. Form ini menampilkan total nilai

masing-masing siswa yang kemudia dimasukkan kedalam kategori atau status yang

telah ditetapkan. Total nilai didapat dari jumlah nilai final exam dan jumlah nila

lesson . Status tampil pada kolom status. Total nilai siswa dikategorikan menjadi

lima kategori yaitu Excellent, Very good, Good, Progress dan Need improvment.

Form laporan nilai per kelas dapat dilihat pada Gambar 4.39.

4.2.20 Form Laporan Level

Form laporan level ini digunakan untuk melihat data dan jumlah siswa yang

berada pada suatu level tertentu. Form laporan level ini dapat dilihat pada Gambar

4.40

Page 42: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

171

Gam

bar

4.3

7 F

orm

Lap

ora

n P

erkem

ban

gan

Sis

wa

Page 43: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

172

17

2

Gam

bar

4.3

8 F

orm

Lap

ora

n N

ilai

Per

Lev

el

Page 44: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

173

17

3

Gam

bar

4.3

9 F

orm

Lap

ora

n N

ilai

Per

Kel

as

Page 45: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

174

17

4

Gam

bar

4.4

0 F

orm

Lap

ora

n L

evel

Page 46: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

175

17

5

4.2.21 Form Laporan Kelas

Form laporan kelas ini digunakan untuk melihat data dan jumlah siswa yang

berada pada suatu kelas tertentu. Form laporan kelas ini dapat dilihat pada Gambar

4.42.

4.2.22 Form Laporan Siswa

Form laporan kelas ini digunakan untuk melihat data dan jumlah siswa yang

berada pada suatu periode tertentu. Form laporan siswa ini dapat dilihat pada

Gambar 4.43.

4.2.23 Form Jadwal Libur

Form jadwal libur adalah form yang digunakan untuk menambah dan

mengubah data libur. Form jadwal libur dapat dilihat pada Gambar 4.44.

Jika pengguna ingin menambahkan data libur maka pengguna harus

menekana tombol “Add Holiday”. Aplikasi akan menampilkan form yang

digunakan untuk mengisi data libur seperti pada Gambar 4.41. setelah mengisi data,

pengguna menekan button “save” untuk menyimpan data.

Gambar 4.41 Form Insert Libur

Page 47: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

176

Gam

bar

4.4

2 F

orm

Lap

ora

n K

elas

Page 48: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

177

17

7

Gam

bar

4.4

3 F

orm

Lap

ora

n S

isw

a

Page 49: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

178

17

8

Gam

bar

4.4

4 F

orm

Lib

ur

Page 50: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

179

17

9

4.3 Evaluasi Sistem

Sesudah implementasi pengelolaan nilai siswa pada sistem, tahapan

berikutnya adalah melaksanakan evaluasi atau testing sistem. Evaluasi atau testing

sistem berguna untuk mengetahui kesesuaian sistem beroperasi sesuai dengan

harapan dan meyakinkan sistem terlepas dari kesalahan yang terjadi. Testing juga

berfungsi untuk memastikan validitas input, sehingga mampu mendapatkan output

yang sesuai dengan harapan. Metode yang digunakan untuk uji coba ini adalah

black box testing.

4.3.1 Uji Coba Form Login

Form login digunakan pengguna untuk masuk kedalam sistem dan berguna

sebagai proses keamanan sistem bagi pengguna yang berhak mengakses. Uji coba

form login digunakan untuk memeriksa apakah form login telah berjalan sesuai

dengan tujuan. Data uji coba dapat dilihat pada tabel 4.1 dan hasil uji coba dapat

dilihat pada tabel 4.2

Tabel 4.1 Desain Data Test Case Login

Username Password Hak Akses

Hammad Hammad Petugas Administrasi

Herman Herman Pimpinan

Mau Lida Guru

Rifqi Hammad Siswa

Hammad hammaddd “”

Tabel 4.2 Hasil Uji Coba Form Login

No Tujuan Input Output Diharapkan Output Sistem

1. Login sebagai

petugas

administrasi

Username:

Hammad

Password:Hamm

ad

Tampil halaman

utama petugas

administrasi

Sukses. Bukti

dapat dilihat

pada gambar

4.2

2 Login sebagai

pimpinan

Username:

Herman

Tampil halaman

utama pimpinan

Sukses. Bukti

dapat dilihat

Page 51: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

180

18

0

No Tujuan Input Output Diharapkan Output Sistem

Password:Herma

n

pada gambar

4.3

3 Login sebagai

guru

Username: mau

Password:lida

Tampil halaman

utama guru

Sukses. Bukti

dapat dilihat

pada gambar

4.4

4 Login sebagai

siswa

Username: Rifqi

Password:Hamm

ad

Tampil halaman

utama siswa

Sukses. Bukti

dapat dilihat

pada gambar

4.5

5 Username dan

password

tidak sesuai

Username:

Hammad

Password:Hamm

ad11

Muncul

pemberitahuan

bahwa username

dan password tidak

sesuai

Sukses. Bukti

dapat dilihat

pada gambar

4.45

Gambar 4.45 adalah bukti hasil uji coba dari tabel 4.1. yaitu muncul pesana

bahwa username dan password tidak sesuai.

Gambar 4.45 Pesan Username dan Password Tidak Sesuai

4.3.2 Uji Coba Halaman Level

Form level digunakan pengguna untuk mengelola data level. Uji coba form

level digunakan untuk memeriksa level telah berjalan sesuai dengan tujuan atau

tidak. Yang bertugas untuk mengelola halaman level adalah pengguna yang

memiliki hak akses sebagai petugas administrasi. Pada uji coba ini petugas yang

mengakses halaman level adalah petugas dengan nama “Rifqi Hammad”. Uji coba

ini menggunakan data masukan yang dapat dilihat pada tabel 4.3 dan hasil uji coba

form level pada tabel 4.4

Page 52: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

181

18

1

Tabel 4.3 Desain Data Test Case Master Level

ID Level Nama Level

LVL-18 Pre Intermediate

LVL-19 “ ”

LVL-02 Intermediate11

Tabel 4.4 Hasil Uji Coba Form Level

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data level

kedalam aplikasi.

ID: LVL-18

Nama: Pre

Intermediate

Data tersimpan

kedalam database

level dan sistem

menampilkan

message box “data

berhasil disimpan”

Suskes.

Bukti dapat

dilihat pada

Gambar 4.46

dan Gambar

4.47

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

level.

Nama:”...” Data level tidak

tersimpan kedalam

database level dan

sistem akan

memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.48

Menampilkan data

level

Aplikasi

menampilkan data

level pada table

master level.

Sukses

bukti dapat

dilihat pada

Gambar 4.51

Melakukan update

pada data level

ID:LVL-02

Nama:

Intermediate11

Data pada database

level berhasil

berubah dan sistem

memunculkan alert

“data berhasil

diubah”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.50

dan 4.49

Gambar 4.46 adalah form yang digunakan untuk memasukkan data level.

Level_id otomatis tampil dan tidak bisa diubah.

Page 53: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

182

18

2

Gambar 4.46 Form Uji Coba Mencatat Data Level

Gambar 4.47 adalah bukti bahwa data level yang dimasukkan sebelumnya

telah tersimpan kedalam database

Gambar 4.47 Data level tersimpan pada database

Gambar 4.48 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Gambar 4.48 Alert Data Level Kosong

Page 54: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

183

18

3

Gambar 4.49 adalah form yang digunakan untuk mengubah data level yang

telah ada.

Gambar 4.49 Update Data Level

Gambar 4.50 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan

Gambar 4.50 Data Level Diubah Pada Database

Gambar 4.51 adalah bukti data level telah berhasil tampil. Data level yang

ditampilkan berdasarkan data yang tersedia pada database

Page 55: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

184

Gam

bar

4.5

1 D

ata

Lev

el B

erhas

il T

ampil

Page 56: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

185

18

5

4.3.3 Uji Coba Halaman Kelas

Form kelas digunakan pengguna untuk mengelola data kelas. Uji coba form

kelas digunakan untuk memeriksa kelas telah berjalan sesuai dengan tujuan atau

tidak. Yang bertugas untuk mengelola halaman kelas adalah pengguna yang

memiliki hak akses sebagai petugas administrasi. Pada uji coba ini petugas yang

mengakses halaman kelas adalah petugas dengan nama “Rifqi Hammad” . Uji coba

ini menggunakan data masukan yang dapat dilihat pada tabel 4.5 dan hasil uji coba

form kelas pada tabel 4.6

Tabel 4.5 Desain Data Test Case Master Kelas

Kelas_ID Level_ID Kelas Nama

KEL-07 LVL-01 BASIC 1 D

KEL-08 LVL-01 “ ”

KEL-07 LVL-01 BASIC 1E

Tabel 4.6 Hasil Uji Coba Form Kelas

Tujuan Input Hasil yang

diharapkan

Output

Sistem

Mencatat data kelas

kedalam aplikasi.

ID: KEL-07

LEVEL: LVL-01

Nama: BASIC 1

D

Data tersimpan kedalam database kelas

Suskes.

Bukti dapat

dilihat pada

Gambar 4.52

dan Gambar

4.53

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

kelas.

ID: KEL-07

LEVEL: LVL-01

Nama: “”

Data kelas tidak tersimpan kedalam database kelas dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.54

Menampilkan data

kelas

Aplikasi

menampilkan data

level pada table

master kelas.

Sukses

bukti dapat

dilihat pada

Gambar 4.57

Page 57: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

186

18

6

Tujuan Input Hasil yang

diharapkan

Output

Sistem

Melakukan update

pada data kelas

ID: KEL-07

LEVEL: LVL-01

Nama: BASIC 1E

Data pada database

kelas berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.55

dan 4.56

Gambar 4.52 adalah form yang digunakan untuk memasukkan data kelas.

Kelas_id otomatis tampil dan tidak bisa diubah.

Gambar 4.52 Form Uji Coba Mencatat Data Kelas

Gambar 4.53 adalah bukti bahwa data kelas yang dimasukkan sebelumnya

telah tersimpan kedalam database

Gambar 4.53 Data Kelas Tersimpan Pada Database

Gambar 4.54 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Page 58: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

187

18

7

Gambar 4.54 Alert Data Kelas Kosong

Gambar 4.55 adalah form yang digunakan untuk mengubah data kelas yang

telah ada.

Gambar 4.55 Update Data Kelas

Gambar 4.56 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan

Gambar 4.56 Data Kelas Diubah Pada Database

Gambar 4.57 adalah bukti data kelas telah berhasil tampil. Data kelas yang

ditampilkan berdasarkan data yang tersedia pada database

Page 59: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

188

Gam

bar

4.5

7 D

ata

Kel

as B

erhas

il T

ampil

Page 60: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

189

18

9

4.3.4 Uji Coba Halaman Periode

Form Periode digunakan pengguna untuk mengelola data periode. Uji coba

form periode digunakan untuk memeriksa periode telah berjalan sesuai dengan

tujuan atau tidak. Yang bertugas untuk mengelola halaman periode adalah

pengguna yang memiliki hak akses sebagai petugas administrasi. Pada uji coba ini

petugas yang mengakses halaman periode adalah petugas dengan nama “Rifqi

Hammad” . Uji coba ini menggunakan data masukan yang dapat dilihat pada tabel

4.7 dan hasil uji coba form periode pada tabel 4.8.

Tabel 4.7 Desain Data Test Case Master Periode

Periode_ID Periode Nama

PRD-02 JANUARY-MAY

PRD-03 “ ”

PRF-02 JANUARY-JUNE

Tabel 4.8 Hasil Uji Coba Form Periode

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data

periode kedalam

aplikasi.

ID: PRD-02

Nama:

JANUARY-

MAY

Data tersimpan kedalam database periode

Suskes.

Bukti dapat

dilihat pada

Gambar 4.58

dan Gambar

4.59

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

periode.

ID: PRD-03

Nama: “”

Data periode tidak tersimpan kedalam database periode dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.60

Menampilkan data

periode

Aplikasi

menampilkan data

level pada table

master periode.

Sukses

bukti dapat

dilihat pada

Gambar 4.63

Page 61: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

190

19

0

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Melakukan update

pada data periode

ID: PRD-02

Nama:

JANUARY-

JUNE

Data pada database

periode berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.61

dan 4.62

Gambar 4.58 adalah form yang digunakan untuk memasukkan data periode.

Periode_id otomatis tampil dan tidak bisa diubah.

Gambar 4.58 Form Uji Coba Mencatat Data Periode

Gambar 4.59 adalah bukti bahwa data periode yang dimasukkan

sebelumnya telah tersimpan kedalam database

Gambar 4.59 Data Periode Tersimpan Pada Database

Gambar 4.60 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Page 62: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

191

19

1

Gambar 4.60 Alert Data Periode Kosong

Gambar 4.61 adalah form yang digunakan untuk mengubah data periode

yang telah ada.

Gambar 4.61 Update Data Periode

Gambar 4.62 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan

Gambar 4.62 Data Periode Diubah Pada Database

Gambar 4.63 adalah bukti data periode telah berhasil tampil. Data periode

yang ditampilkan berdasarkan data yang tersedia pada database

Page 63: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

192

19

2

Gambar 4.63 Data Periode Berhasil Tampil

4.3.5 Uji Coba Halaman Lesson

Form Lesson digunakan pengguna untuk mengelola data lesson. Uji coba

form lesson digunakan untuk memeriksa lesson telah berjalan sesuai dengan tujuan

atau tidak. Yang bertugas untuk mengelola halaman lesson adalah pengguna yang

memiliki hak akses sebagai petugas administrasi. Pada uji coba ini petugas yang

mengakses halaman lesson adalah petugas dengan nama “Rifqi Hammad”. Uji

coba ini menggunakan data masukan yang dapat dilihat pada tabel 4.9 dan hasil uji

coba form lesson pada tabel 4.10

Tabel 4.9 Desain Data Test Case Master Lesson

LESSON_ID LEVEL_ID LESSON NAMA

LSN-37 LEV-1 LESSON1

LSN-38 LEV-1 “”

LSN-37 LEV-1 LESSON2

Tabel 4.10 Hasil Uji Coba Form Lesson

Tujuan Input Hasil yang

diharapkan

Output

Sistem

Mencatat data

lesson kedalam

aplikasi.

ID: LSN-37

LEVEL: LVL-01

Nama: LESSON1

Data tersimpan kedalam database lesson

Suskes.

Bukti dapat

dilihat pada

Page 64: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

193

19

3

Tujuan Input Hasil yang

diharapkan

Output

Sistem

Gambar 4.64

dan Gambar

4.65

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

lesson.

ID: LSN-37

LEVEL: LVL-01

Nama: “”

Data lesson tidak tersimpan kedalam database lesson dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.66

Menampilkan data

lesson

Aplikasi

menampilkan data

level pada table

master lesson.

Sukses

bukti dapat

dilihat pada

Gambar 4.69

Melakukan update

pada data lesson

ID: LSN-37

LEVEL: LVL-01

Nama: LESSON2

Data pada database

lesson berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.67

dan 4.68

Gambar 4.64 adalah form yang digunakan untuk memasukkan data lesson.

Lesson_id otomatis tampil dan tidak bisa diubah.

Gambar 4.64 Form Uji Coba Mencatat Data Lesson

Page 65: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

194

19

4

Gambar 4.65 adalah bukti bahwa data lesson yang dimasukkan sebelumnya

telah tersimpan kedalam database

Gambar 4.65 Data Lesson Tersimpan Pada Database

Gambar 4.66 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Gambar 4.66 Alert Data Lesson Kosong

Gambar 4.67 adalah form yang digunakan untuk mengubah data lesson yang

telah ada.

Gambar 4.67 Update Data Lesson

Page 66: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

195

19

5

Gambar 4.68 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan.

Gambar 4.68 Data Lesson Diubah Pada Database

Gambar 4.69 adalah bukti data lesson telah berhasil tampil. Data lesson

yang ditampilkan berdasarkan data yang tersedia pada database.

Page 67: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

196

Gam

bar

4.6

9 D

ata

Les

son

Ber

has

il T

ampil

Page 68: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

197

4.3.6 Uji Coba Halaman Jenis Final Exam

Form jenis final exam digunakan pengguna untuk mengelola data jenis final

exam. Uji coba form jenis final exam digunakan untuk memeriksa jenis final exam

telah berjalan sesuai dengan tujuan atau tidak. Yang bertugas untuk mengelola

halaman jenis final exam adalah pengguna yang memiliki hak akses sebagai petugas

administrasi. Pada uji coba ini petugas yang mengakses halaman jenis final exam

adalah petugas dengan nama “Rifqi Hammad”. Uji coba ini menggunakan data

masukan yang dapat dilihat pada tabel 4.11 dan hasil uji coba form jenis final exam

pada tabel 4.12

Tabel 4.11 Desain Data Test Case Master Jenis Final Exam

Jenis_ID Jenis Nama

CFE-37 EXAM1

CFE-38 “”

CFE-37 EXAM2

Tabel 4.12 Hasil Uji Coba Form Jenis Final Exam

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data jenis

final exam kedalam

aplikasi.

ID: CFE -37

Nama: EXAM1

Data tersimpan kedalam database jenis final exam

Suskes.

Bukti dapat

dilihat pada

Gambar 4.70

dan Gambar

4.71

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

jenis final exam.

ID: CFE -37

Nama: “”

Data jenis final exam tidak tersimpan kedalam database jenis final exam dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.72

Menampilkan data

jenis final exam

Aplikasi

menampilkan data

level pada table

Sukses

bukti dapat

dilihat pada

Gambar 4.75

Page 69: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

198

19

8

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

master jenis final

exam.

Melakukan update

pada data jenis final

exam

ID: CFE -37

Nama: EXAM2

Data pada database

jenis final exam

berhasil berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.73

dan 4.74

Gambar 4.70 adalah form yang digunakan untuk memasukkan data jenis

final exam. Jenis_id otomatis tampil dan tidak bisa diubah.

Gambar 4.70 Form Uji Coba Mencatat Data Jenis Final Exam

Gambar 4.71 adalah bukti bahwa data jenis final exam yang dimasukkan

sebelumnya telah tersimpan kedalam database

Gambar 4.71 Data Jenis Final Exam Tersimpan Pada Database

Gambar 4.72 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Page 70: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

199

19

9

Gambar 4.72 Alert Data Jenis Final Exam Kosong

Gambar 4.73 adalah form yang digunakan untuk mengubah data jenis final

exam yang telah ada.

Gambar 4.73 Update Data Jenis Final Exam

Gambar 4.74 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan.

Gambar 4.74 Data Jenis Final Exam Diubah Pada Database

Gambar 4.75 adalah bukti data jenis final exam telah berhasil tampil. Data

jenis final exam yang ditampilkan berdasarkan data yang tersedia pada database.

Page 71: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

200

Gam

bar

4.7

5 D

ata

Jenis

Fin

al

Exa

m B

erhas

il T

ampil

Page 72: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

201

20

1

4.3.7 Uji Coba Halaman Kategori

Form Kategori digunakan pengguna untuk mengelola data kategori. Uji

coba form kategori digunakan untuk memeriksa kategori telah berjalan sesuai

dengan tujuan atau tidak. Yang bertugas untuk mengelola halaman kategori adalah

pengguna yang memiliki hak akses sebagai petugas administrasi. Pada uji coba ini

petugas yang mengakses halaman kategori adalah petugas dengan nama “Rifqi

Hammad”. Uji coba ini menggunakan data masukan yang dapat dilihat pada tabel

4.13 dan hasil uji coba form kategori pada tabel 4.14

Tabel 4.13 Desain Data Test Case Master Kategori

Kategori_ID Kategori Nama Range Awal Range Akhir

STS-06 Excellent 1200 1400

STS-07 “ ”

STS-06 Excellent 1 1200 1400

Tabel 4.14 Hasil Uji Coba Form Kategori

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data

kategori kedalam

aplikasi.

ID: STS-06

Nama: Excellent

Range awal : 1200

Rang Akhir:1400

Data tersimpan kedalam database kategori

Suskes.

Bukti dapat

dilihat pada

Gambar 4.76

dan Gambar

4.77

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

kategori.

ID: STS-06

Nama: Excellent

Range awal : 1200

Rang Akhir:1400

Data kategori tidak tersimpan kedalam database kategori dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.78

Menampilkan data

kategori

Aplikasi

menampilkan data

level pada table

master kategori.

Sukses

bukti dapat

dilihat pada

Gambar 4.81

Page 73: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

202

20

2

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Melakukan update

pada data kategori

ID: STS-06

Nama: Excellent

Range awal : 1200

Rang Akhir:1400

Data pada database

kategori berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.79

dan 4.80

Gambar 4.76 adalah form yang digunakan untuk memasukkan data kategori.

Kategori_id otomatis tampil dan tidak bisa diubah.

Gambar 4.76 Form Uji Coba Mencatat Data Kategori

Gambar 4.77 adalah bukti bahwa data kategori yang dimasukkan

sebelumnya telah tersimpan kedalam database

Gambar 4.77 Data Kategori Tersimpan Pada Database

Gambar 4.78 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Page 74: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

203

20

3

Gambar 4.78 Alert Data Kategori Kosong

Gambar 4.79 adalah form yang digunakan untuk mengubah data kategori

yang telah ada.

Gambar 4.79 Update Data Kategori

Gambar 4.80 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan

Gambar 4.80 Data Kategori Diubah Pada Database

Gambar 4.81 adalah bukti data kategori telah berhasil tampil. Data kategori

yang ditampilkan berdasarkan data yang tersedia pada database.

Page 75: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

204

Gam

bar

4.8

1 D

ata

Kat

egori

Ber

has

il T

ampil

Page 76: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

205

20

5

4.3.8 Uji Coba Halaman Jenis Lesson

Form jenis lesson digunakan pengguna untuk mengelola data jenis lesson.

Uji coba form jenis lesson digunakan untuk memeriksa jenis lesson telah berjalan

sesuai dengan tujuan atau tidak. Yang bertugas untuk mengelola halaman jenis

lesson adalah pengguna yang memiliki hak akses sebagai petugas administrasi.

Pada uji coba ini petugas yang mengakses halaman jenis lesson adalah petugas

dengan nama “Rifqi Hammad”. Uji coba ini menggunakan data masukan yang

dapat dilihat pada tabel 4.15 dan hasil uji coba form jenis lesson pada tabel 4.16

Tabel 4.15 Desain Data Test Case Master Jenis lesson

Jenis_Lesson_ID Lesson_ID Jenis Lesson Nama

JLS-37 LSN-37 QUIZ

JLS -38 LSN-37 “”

JLS -37 LSN-37 SPEAKING

Tabel 4.16 Hasil Uji Coba Form Jenis Lesson

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data jenis

lesson kedalam

aplikasi.

ID: JLS -37

Lesson : LSN-37

Nama: Quiz

Data tersimpan kedalam database jenis lesson

Suskes.

Bukti dapat

dilihat pada

Gambar 4.82

dan Gambar

4.83

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

jenis lesson.

ID: JLS -38

Lesson : LSN-37

Nama: “”

Data jenis lesson tidak tersimpan kedalam database jenis lesson dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.84

Menampilkan data

jenis lesson

Aplikasi

menampilkan data

level pada table

master jenis lesson.

Sukses

bukti dapat

dilihat pada

Gambar 4.87

Page 77: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

206

20

6

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Melakukan update

pada data jenis

lesson

ID: JLS -37

Lesson : LSN-37

Nama:

SPEAKING

Data pada database

jenis lesson berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.85

dan 4.86

Gambar 4.82 adalah form yang digunakan untuk memasukkan data jenis

lesson. Jenis_id otomatis tampil dan tidak bisa diubah.

Gambar 4.82 Form Uji Coba Mencatat Data Jenis lesson

Gambar 4.83 adalah bukti bahwa data jenis lesson yang dimasukkan

sebelumnya telah tersimpan kedalam database.

Gambar 4.83 Data Jenis Lesson Tersimpan Pada Database

Page 78: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

207

20

7

Gambar 4.84 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Gambar 4.84 Alert Data Jenis lesson Kosong

Gambar 4.85 adalah form yang digunakan untuk mengubah data jenis lesson

yang telah ada.

Gambar 4.85 Update data Jenis lesson

Page 79: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

208

20

8

Gambar 4.86 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan

Gambar 4.86 Data jenis lesson diubah pada database

Gambar 4.87 adalah bukti data jenis lesson telah berhasil tampil. Data jenis

lesson yang ditampilkan berdasarkan data yang tersedia pada database.

Page 80: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

209

Gam

bar

4.8

7 D

ata

Jenis

Les

son

Ber

has

il T

ampil

Page 81: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

210

4.3.9 Uji Coba Halaman Guru

Form Guru digunakan pengguna untuk mengelola data guru. Uji coba form

guru digunakan untuk memeriksa guru telah berjalan sesuai dengan tujuan atau

tidak. Yang bertugas untuk mengelola halaman guru adalah pengguna yang

memiliki hak akses sebagai petugas administrasi. Pada uji coba ini petugas yang

mengakses halaman guru adalah petugas dengan nama “Rifqi Hammad”. Uji coba

ini menggunakan data masukan yang dapat dilihat pada tabel 4.17 dan hasil uji coba

form guru pada tabel 4.18

Tabel 4.17 Desain Data Test Case Master Guru

Guru_ID Guru Nama Username Password

TCH-06 Anto Boga Anto ####

TCH-07 “ ”

TCH-06 Boga Anto Anto ####

Tabel 4.18 Hasil Uji Coba Form Guru

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data guru

kedalam aplikasi.

ID: TCH-06

Nama: Anto Boga

Username : Anto

Data tersimpan kedalam database guru

Suskes.

Bukti dapat

dilihat pada

Gambar 4.88

dan Gambar

4.89

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

guru.

ID: TCH-07

Nama: “”

Username : Anto

Data guru tidak tersimpan kedalam database guru dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.90

Menampilkan data

guru

Aplikasi

menampilkan data

level pada table

master guru.

Sukses

bukti dapat

dilihat pada

Gambar 4.93

Page 82: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

211

21

1

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Melakukan update

pada data guru

ID: TCH-06

Nama: Anto Boga

Username : Anto

Data pada database

guru berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.91

dan 4.92

Gambar 4.88 adalah form yang digunakan untuk memasukkan data guru.

Guru_id otomatis tampil dan tidak bisa diubah.

Gambar 4.88 Form Uji Coba Mencatat Data Guru

Gambar 4.89 adalah bukti bahwa data guru yang dimasukkan sebelumnya

telah tersimpan kedalam database.

Gambar 4.89 Data Guru Tersimpan Pada Database

Page 83: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

212

21

2

Gambar 4.90 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Gambar 4.90 Alert Data Guru Kosong

Gambar 4.91 adalah form yang digunakan untuk mengubah data guru yang

telah ada.

Gambar 4.91 Update Data Guru

Page 84: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

213

21

3

Gambar 4.92 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan.

Gambar 4.92 Data Guru Diubah Pada Database

Gambar 4.93 adalah bukti data guru telah berhasil tampil. Data guru yang

ditampilkan berdasarkan data yang tersedia pada database.

Page 85: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

214

Gam

bar

4.9

3 D

ata

Guru

Ber

has

il T

ampil

Page 86: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

215

21

5

4.3.10 Uji Coba Halaman Libur

Form Libur digunakan pengguna untuk mengelola data libur. Uji coba form

libur digunakan untuk memeriksa libur telah berjalan sesuai dengan tujuan atau

tidak. Yang bertugas untuk mengelola halaman libur adalah pengguna yang

memiliki hak akses sebagai petugas administrasi. Pada uji coba ini petugas yang

mengakses halaman libur adalah petugas dengan nama “Rifqi Hammad”. Uji coba

ini menggunakan data masukan yang dapat dilihat pada tabel 4.19 dan hasil uji coba

form libur pada tabel 4.20

Tabel 4.19 Desain Data Test Case Master Libur

Libur_ID Date Libur Nama Keterangan

LVL-04 2016-12-25 Hari Natal Libur Nasional

LVL -05 2016-12-25 “”

LVL -04 2017-01-01 Hari Tahun Baru Libur Nasional

Tabel 4.20 Hasil Uji Coba Form Libur

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data libur

kedalam aplikasi.

ID: LVL -04

Date : 2016-12-25

Nama: Hari Natal

Keterangan :

Libur Nasional

Data tersimpan kedalam database libur

Suskes.

Bukti dapat

dilihat pada

Gambar 4.94

dan Gambar

4.95

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

libur.

ID: LVL -04

Date : 2016-12-25

Nama

Keterangan :

Libur Nasional

Data libur tidak tersimpan kedalam database libur dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar 4.96

Menampilkan data

libur

Aplikasi

menampilkan data

level pada table

master libur.

Sukses

bukti dapat

dilihat pada

Gambar 4.99

Page 87: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

216

21

6

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Melakukan update

pada data libur

ID: LVL -04

Date : 2016-01-01

Nama: Tahun

Baru

Keterangan :

Libur Nasional

Data pada database

libur berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar 4.97

dan 4.98

Gambar 4.94 adalah form yang digunakan untuk memasukkan data libur.

Libur_id otomatis tampil dan tidak bisa diubah.

Gambar 4.94 Form Uji Coba Mencatat Data Libur

Gambar 4.95 adalah bukti bahwa data libur yang dimasukkan sebelumnya

telah tersimpan kedalam database

Gambar 4.95 Data Libur Tersimpan Pada Database

Page 88: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

217

21

7

Gambar 4.96 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Gambar 4.96 Alert Data Libur Kosong

Gambar 4.97 adalah form yang digunakan untuk mengubah data libur yang

telah ada.

Gambar 4.97 Update Data Libur

Gambar 4.98 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan

Page 89: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

218

21

8

Gambar 4.98 Data Libur Diubah Pada Database

Gambar 4.99 adalah bukti data libur telah berhasil tampil. Data libur yang

ditampilkan berdasarkan data yang tersedia pada database.

Page 90: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

219

Gam

bar

4.9

9 D

ata

Lib

ur

Ber

has

il T

ampil

Page 91: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

220

22

0

4.3.11 Uji Coba Halaman Daily Test

Form daily test digunakan pengguna untuk mengelola data nilai daily test.

Uji coba form kelas digunakan untuk memeriksa form daily test telah berjalan sesuai

dengan tujuan atau tidak. Yang bertugas untuk mengelola halaman daily test adalah

pengguna yang memiliki hak akses sebagai guru. Pada uji coba ini petugas yang

mengakses halaman daily test adalah petugas dengan nama “Maulida”. Uji coba

masukan data dapat dilihat pada tabel 4.21 dan hasil uji coba dapat dilihat pada

tabel 4.22

Tabel 4.21 Desain Data Test Case Daily Test

Siswa_ID Jenis_Lesson ID Daily Score

STD-05 JLS-13 100 100 99

STD -06 JLS-13 99 99 99

STD -24 JLS-13 99 99 99

STD-25 JLS-13 88 1000 99

Tabel 4.22 Hasil Uji Halaman Daily Test

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data nilai

daily test.

SISWA_ID:

STD-05, STD-06,

STD-24, STD-25

NILAI:

100,99,99,88

Data tersimpan

kedalam database

detil daily test

Suskes.

Bukti dapat

dilihat pada

Gambar

4.100 dan

Gambar

4.101

Menampilkan nama

siswa pada tabel

Data nama siswa

tampil pada tabel

berdasarkan kelas

yang dipilih

Sukses

bukti dapat

dilihat pada

Gambar

4.100

Melakukan

pengecekan ketika

terjadi kesalahan

data masukan

SISWA_ID:

STD-05, STD-06,

STD-24, STD-25

NILAI:

100,99,99,880

Tampil alert yang

menyatakan bahwa

data masukan salah.

Sukses

Bukti dapat

dilihat pada

Gambar

4.102

Page 92: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

221

22

1

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Melakukan update

pada data nilai daily

test

SISWA_ID:

STD-05, STD-06,

STD-24, STD-25

NILAI:

99,99,99,99

Data pada database

detil daily test

berhasil berubah

Sukses

Bukti dapat

dilihat pada

Gambar

4.103

Gambar 4.102 menunjukkan bahwa combobox level dan kelas bershasil

tampil serta nama siswa juga tampil. Gambar 4.102 ini juga menunjukkan proses

memasukkan data nilai daily test.

Gambar 4.100 adalah bukti bahwa nilai daily test yang dimasukkan

sebelumnya telah tersimpan kedalam database.

Gambar 4.100 Data Daily Test Tersimpan Pada Database

Gambar 4.101 adalah bukti apabila ada data yang nilai lebih dari 100 maka

akan muncul pemberitahuan bahwa data lebih dari 100.

Gambar 4.101 Alert Nilai Tidak Boleh Lebih Dari 100

Gambar 4.103 adalah form yang digunakan untuk mengubah data nilai daily

test yang telah ada.

Page 93: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

222

Gam

bar

4.1

02 F

orm

Uji

Coba

Men

gel

ola

Nil

ai D

ail

y T

est

Page 94: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

223

22

3

Gam

bar

4.1

03 U

pdate

Dat

a D

ail

y T

est

Page 95: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

224

22

4

4.3.12 Uji Coba Halaman Raport

Form raport digunakan pengguna untuk membuat raport. Uji coba form

raport digunakan untuk memeriksa form raport telah berjalan sesuai dengan tujuan

atau tidak. Yang bertugas untuk mengelola halaman raport adalah pengguna yang

memiliki hak akses sebagai guru. Pada uji coba ini petugas yang mengakses

halaman raport adalah petugas dengan nama “Maulida”. Uji coba masukan data

dapat dilihat pada tabel 4.32 dan hasil uji coba dapat dilihat pada tabel 4.24

Tabel 4.23 Desain Data Test Case Raport

Siswa_ID

STD-05

Tabel 4.24 Hasil Uji Halaman Raport

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Menampilkan

Raport

SISWA_ID:

STD-05,

Raport berhasil

tampil

Suskes.

Bukti dapat

dilihat pada

Gambar

4.104

Gambar 4.104 menunjukkan raport siswa berhasil tampil berdasarkan data

siswa yang dipilih.

Gambar 4.104 Raport berhasil Tampil

Page 96: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

225

22

5

4.3.13 Uji Coba Halaman Laporan Perkembangan Siswa

Form laporan perkembangan siswa digunakan pengguna untuk membuat

raport. Uji coba form raport digunakan untuk memeriksa form laporan

perkembangan siswa telah berjalan sesuai dengan tujuan atau tidak. Yang bertugas

untuk mengelola halaman laporan perkembangan siswa adalah pengguna yang

memiliki hak akses sebagai pimpinan dan siswa. Pada uji coba ini pimpinan yang

mengakses halaman laporan perkembangan siswa adalah pimpinan dengan nama

“Herman” dan siswa yang mengakses halaman laporan perkembangan siswa

dengan nama “Rifqi Hammad” . Uji coba masukan data dapat dilihat pada tabel

4.25 dan hasil uji coba dapat dilihat pada tabel 4.26

Tabel 4.25 Desain Data Test Case Laporan Perkembangan Siswa

Siswa_ID

STD-01

Tabel 4.26 Hasil Uji Laporan Perkembangan Siswa

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Menampilkan

Laporan

Perkembangan

siswa

SISWA_ID:

STD-01,

Laporan

perkembangan siswa

berhasil tampil

Suskes.

Bukti dapat

dilihat pada

Gambar

4.105 dan

Gambar

4.106

Gambar 4.105 menunjukkan laporan perkembangan siswa berhasil tampil

berdasarkan data siswa yang dipilih. Gambar 4.106 menunjukkan laporan

perkembangan siswa berhasil tampil berdasarkan siswa yang login.

Page 97: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

226

22

6

Gambar 4.105 Laporan Perkembangan Siswa Login Sebagai Pimpinan

Gambar 4.106 Laporan Perkembangan Siswa Login Sebagai Siswa

4.3.14 Uji Coba Halaman Laporan Nilai Kelas

Form laporan nilai kelas digunakan pengguna untuk menampilkan laporan

nilai kelas. Yang bertugas untuk mengelola halaman laporan nilai kelas adalah

pengguna yang memiliki hak akses sebagai pimpinan dan guru. Pada uji coba ini

pimpinan yang mengakses halaman laporan nilai kelas adalah pimpinan dengan

nama “Herman” dan siswa yang mengakses halaman laporan perkembangan siswa

dengan nama “Maulida” .Uji coba form laporan nilai kelas digunakan untuk

memeriksa form laporan nilai kelas telah berjalan sesuai dengan tujuan atau tidak.

Page 98: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

227

22

7

Uji coba masukan data dapat dilihat pada tabel 4.27 dan hasil uji coba dapat dilihat

pada tabel 4.28

Tabel 4.27 Desain Data Test Case Laporan Nilai Kelas

Kelas_ID

KEL-01

Tabel 4.28 Hasil Uji Halaman Laporan Nilai Kelas

Tujuan Input Hasil Yang

Diharapkan Output Sistem

Menampilkan

Laporan nilai per

kelas

KELAS_ID:

KEL-01,

Laporan kelas

berhasil tampil

Suskes.

Bukti dapat

dilihat pada

Gambar 4.107

dan Gambar

4.108

Gambar 4.107 menunjukkan laporan nilai kelas berhasil tampil berdasarkan

data kelas yang dipilih. Gambar 4.108 menunjukkan laporan nilai kelas berhasil

tampil berdasarkan data kelas yang dipilih menggunakan hak akses sebagai guru.

Page 99: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

228

Gam

bar

4.1

07 L

apora

n N

ilai

Per

Kel

as B

erh

asil

Tam

pil

Login

Pim

pin

an

Page 100: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

229

22

9

Gam

bar

4.1

08 L

apora

n N

ilai

Per

Kel

as B

erh

asil

Tam

pil

Login

Guru

Page 101: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

230

23

0

4.3.15 Uji Coba Halaman Laporan Nilai Level

Form laporan nilai level digunakan pengguna untuk menampilkan laporan

nilai level. Yang bertugas untuk mengelola halaman laporan nilai level adalah

pengguna yang memiliki hak akses sebagai pimpinan. Pada uji coba ini petugas

yang mengakses halaman laporan nilai level adalah pimpinan dengan nama

“Herman”. Uji coba form laporan nilai level digunakan untuk memeriksa form

laporan nilai level telah berjalan sesuai dengan tujuan atau tidak. Uji coba masukan

data dapat dilihat pada tabel 4.29 dan hasil uji coba dapat dilihat pada tabel 4.30

Tabel 4.29 Desain Data Test Case Laporan Nilai Level

Level_ID

LEV-01

Tabel 4.30 Hasil Uji Halaman Laporan Nilai Level

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Menampilkan

Laporan nilai per

level

LEVEL_ID: LEV-

01,

Laporan level

berhasil tampil

Suskes.

Bukti dapat

dilihat pada

Gambar

4.109

Gambar 4.107 menunjukkan laporan nilai level berhasil tampil berdasarkan

data level yang dipilih.

Page 102: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

231

Gam

bar

4.1

09 L

apora

n N

ilai

Per

Lev

el B

erh

asil

Tam

pil

Page 103: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

232

23

2

4.3.16 Uji Coba Halaman Laporan Level

Form laporan level digunakan pengguna untuk menampilkan laporan level.

Yang bertugas untuk mengelola halaman laporan level adalah pengguna yang

memiliki hak akses sebagai pimpinan. Pada uji coba ini petugas yang mengakses

halaman laporan level adalah pimpinan dengan nama “Herman”. Uji coba form

laporan level digunakan untuk memeriksa form laporan level telah berjalan sesuai

dengan tujuan atau tidak. Uji coba masukan data dapat dilihat pada tabel 4.31 dan

hasil uji coba dapat dilihat pada tabel 4.32

Tabel 4.31 Desain Data Test Case Laporan Level

Level_ID

LEV-01

Tabel 4.32 Hasil Uji Halaman Laporan Level

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Menampilkan

Laporan per level

LEVEL_ID: LEV-

01,

Laporan Level

berhasil tampil

Suskes.

Bukti dapat

dilihat pada

Gambar

4.110

Gambar 4.110 menunjukkan laporan level berhasil tampil berdasarkan data

level yang dipilih.

Page 104: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

233

Gam

bar

4.1

10 L

apora

n L

evel

Ber

has

il T

ampil

Page 105: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

234

23

4

4.3.17 Uji Coba Halaman Laporan Kelas

Form laporan kelas digunakan pengguna untuk menampilkan laporan kelas.

Yang bertugas untuk mengelola halaman laporan kelas adalah pengguna yang

memiliki hak akses sebagai pimpinan. Pada uji coba ini petugas yang mengakses

halaman laporan kelas adalah pimpinan dengan nama “Herman”. Uji coba form

laporan kelas digunakan untuk memeriksa form laporan kelas telah berjalan sesuai

dengan tujuan atau tidak. Uji coba masukan data dapat dilihat pada tabel 4.33 dan

hasil uji coba dapat dilihat pada tabel 4.34

Tabel 4.33 Desain data Test Case Laporan Kelas

Kelas_ID

KEL-01

Tabel 4.34 Hasil Uji Halaman Laporan Kelas

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Menampilkan

Laporan Kelas

KELAS_ID:

KEL-01,

Laporan kelas

berhasil tampil

Suskes.

Bukti dapat

dilihat pada

Gambar

4.111

Gambar 4.111 menunjukkan laporan kelas berhasil tampil berdasarkan data

kelas yang dipilih.

Page 106: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

235

Gam

bar

4.1

11 L

apora

n K

elas

Ber

has

il T

ampil

Page 107: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

236

23

6

4.3.18 Uji Coba Halaman Laporan Siswa

Form laporan siswa digunakan pengguna untuk menampilkan laporan

siswa. Yang bertugas untuk mengelola halaman laporan siswa adalah pengguna

yang memiliki hak akses sebagai pimpinan. Pada uji coba ini petugas yang

mengakses halaman laporan siswa adalah pimpinan dengan nama “Herman”. Uji

coba form laporan siswa digunakan untuk memeriksa form laporan siswa telah

berjalan sesuai dengan tujuan atau tidak. Uji coba masukan data dapat dilihat pada

tabel 4.35 dan hasil uji coba dapat dilihat pada tabel 4.36

Tabel 4.35 Desain Data Test Case Laporan Siswa

Periode_ID

PRD-01

Tabel 4.36 Hasil Uji Halaman Laporan Siswa

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Menampilkan

Laporan Siswa

PERIODE_ID:

PRD-01,

Laporan siswa

berhasil tampil

Suskes.

Bukti dapat

dilihat pada

Gambar

4.112

Gambar 4.112 menunjukkan laporan siswa berhasil tampil berdasarkan data

periode yang dipilih.

Page 108: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

237

Gam

bar

4.1

12 L

apora

n S

isw

a B

erhas

il T

ampil

Page 109: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

238

23

8

4.3.19 Uji Coba Halaman Jadwal

Form jadwal digunakan pengguna untuk mengelola data jadwal. Yang

bertugas untuk mengelola halaman jadwal adalah pengguna yang memiliki hak

akses sebagai petugas administrasi. Pada uji coba ini petugas yang mengakses

halaman laporan nilai level adalah petugas dengan nama “Rifqi Hammad”.Uji coba

form jadwal digunakan untuk memeriksa jadwal telah berjalan sesuai dengan tujuan

atau tidak. Uji coba masukan data dapat dilihat pada tabel 4.37 dan hasil uji coba

dapat dilihat pada tabel 4.38

Tabel 4.37 Desain Data Test Case Master Jadwal

Jadwal_ID Guru_ID Kelas_ID Date

SCH-1 TCH-01 KEL-05 2016/08/19

SCH-2 TCH-01 KEL -02 2016/08/17

SCH-2 TCH-01 KEL -02 2016/03/17

SCH-2 TCH-02 KEL -01 2016/03/19

SCH-2 “” “” 2016/03/19

SCH-2 TCH-02 KEL -05 2016/03/19

Tabel 4.38 Hasil Uji Halaman Jadwal

Tujuan Input Hasil Yang

Diharapkan Output Sistem

Mencatat data

jadwal

Jadwal ID: SCH-1

Guru ID: TCH-01 Kelas ID: KEL-05

Date : 2016/08/19

Data tersimpan kedalam database jadwal daily

Suskes.

Bukti dapat dilihat pada Gambar 4.113 dan Gambar 4.114

Melakukan

pemeriksaan ketika

tanggal bertepatan

dengan hari libur

Jadwal ID: SCH-2

Guru ID: TCH-01 Kelas ID: KEL-05

Date :

2016/08/17

Menampilkan alert

“Holiday” dan data

tidak tersimpan

Suskes.

Bukti dapat

dilihat pada

Gambar 4.115

Page 110: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

239

23

9

Tujuan Input Hasil Yang

Diharapkan Output Sistem

Melakukan

pemeriksaan ketika

tanggal berada di luar

periode

Jadwal ID: SCH-2

Guru ID: TCH-01 Kelas ID: KEL-05

Date :

2017/01/01

Menampilkan alert

“tanggal diluar

periode” dan data

tidak tersimpan

Suskes.

Bukti dapat

dilihat pada

Gambar 4.116

Melakukan

pemeriksaan ketika

terdapat kelas yang

sama pada tanggal

yang sama

Jadwal ID: SCH-2

Guru ID: TCH-03 Kelas ID: KEL-05

Date :

2016/08/19

Menampilkan alert

“Kelas sudah ada”

dan data tidak

tersimpan

Suskes.

Bukti dapat

dilihat pada

Gambar 4.117

Melakukan

pengecekan ketika

terjadi data yang

kosong pada jadwal .

Jadwal ID: SCH-2

Guru ID: “” Kelas ID: “”

Date :

2016/08/19

Data jadwal tidak

tersimpan kedalam

database jadwal ujian

dan sistem akan

memunculkan alert

bahwa masih terdapat

data yang kosong.

Suskes.

Bukti dapat

dilihat pada

Gambar 4.118

Menampilkan data

jadwal

Aplikasi

menampilkan data

jadwal

Suskes.

Bukti dapat

dilihat pada

Gambar 4.119

Melakukan update

pada data jadwal

Jadwal ID: SCH-1

Guru ID: TCH-02 Kelas ID: KEL-05

Date :

2016/08/19

Data pada database

jadwal berhasil

berubah

Suskes.

Bukti dapat

dilihat pada

Gambar 4.120

Gambar 4.113 adalah form yang digunakan untuk memasukkan data jadwal.

Jadwal_id otomatis tampil dan tidak bisa diubah.

Page 111: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

240

24

0

Gambar 4.113 Form Uji Coba Mencatat Data Jadwal

Gambar 4.114 adalah bukti bahwa data jadwal yang dimasukkan

sebelumnya telah tersimpan kedalam database

Gambar 4.114 Data Jadwal Tersimpan Pada Database

Gambar 4.115 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Page 112: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

241

24

1

Gambar 4.115 Alert Data Jadwal Kosong

Gambar 4.116 adalah bukti apabila tanggal yang dipilih bertepatan dengan

hari libur.

Gambar 4.116 Alert Data Libur

Gambar 4.117 adalah bukti apabila tanggal yang dipilih berada di luar

periode yang dipilih sebelumnya.

Gambar 4.117 Alert Data di Luar Periode

Page 113: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

242

24

2

Gambar 4.118 adalah bukti apabila tanggal yang dipilih berada di luar

periode yang dipilih sebelimnya.

Gambar 4.118 Alert Data Kelas Sudah Ada

Gambar 4.120 adalah bukti data jadwal telah berhasil tampil. Data jadwal

yang ditampilkan berdasarkan data yang tersedia pada database.

Gambar 4.119 adalah bukti bahwa data jadwal berhasil diubah pada

database

Gambar 4.119 Data Jadwal Diubah Pada Database

Page 114: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

243

Gam

bar

4.1

20 D

ata

Jadw

al B

erhas

il T

ampil

Page 115: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

244

24

4

4.3.20 Uji Coba Halaman Final Exam

Form final exam digunakan pengguna untuk mengelola data nilai final

exam. Uji coba form kelas digunakan untuk memeriksa form final exam telah

berjalan sesuai dengan tujuan atau tidak. Yang bertugas untuk mengelola halaman

final exam adalah pengguna yang memiliki hak akses sebagai guru. Pada uji coba

ini petugas yang mengakses halaman final exam adalah petugas dengan nama

“Maulida”. Uji coba masukan data dapat dilihat pada tabel 4.39 dan hasil uji coba

dapat dilihat pada tabel 4.40

Tabel 4.39 Desain Data Test Case Final Exam

Siswa_ID Jenis_Lesson ID Final Score

STD-05 CFE-07 70 70 80

STD -06 CFE -07 70 70 80

STD -24 CFE -07 70 70 80

STD-25 CFE -07 70 1000 80

Tabel 4.40 Hasil Uji Halaman Final Exam

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Mencatat data nilai

final exam.

SISWA_ID:

STD-05, STD-06,

STD-24, STD-25

NILAI:

70,70,70,70

Data tersimpan

kedalam database

detil final exam

Suskes.

Bukti dapat

dilihat pada

Gambar

4.121 dan

Gambar

4.122

Menampilkan nama

siswa pada tabel

Data nama siswa

tampil pada tabel

berdasarkan kelas

yang dipilih

Sukses

bukti dapat

dilihat pada

Gambar

4.121

Melakukan

pengecekan ketika

terjadi kesalahan

data masukan

SISWA_ID:

STD-05, STD-06,

STD-24, STD-25

NILAI:

70,70,70,1000

Tampil alert yang

menyatakan bahwa

data masukan salah.

Sukses

Bukti dapat

dilihat pada

Gambar

4.123

Page 116: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

245

24

5

Tujuan Input Hasil Yang

Diharapkan

Output

Sistem

Melakukan update

pada data nilai final

exam

SISWA_ID:

STD-05, STD-06,

STD-24, STD-25

NILAI:

80,80,80,80

Data pada database

detil final exam

berhasil berubah

Sukses

Bukti dapat

dilihat pada

Gambar

4.124

Gambar 4.123 menunjukkan bahwa combobox level dan kelas bershasil

tampil serta nama siswa juga tampil. Gambar 4.123 ini juga menunjukkan proses

memasukkan data nilai final exam.

Gambar 4.121 adalah bukti bahwa nilai final exam yang dimasukkan

sebelumnya telah tersimpan kedalam database

Gambar 4.121 Data Final Exam Tersimpan Pada Database

Gambar 4.122 adalah bukti apabila ada data yang nilai lebih dari 100 maka

akan muncul pemberitahuan bahwa data lebih dari 100.

Gambar 4.122 Alert Nilai Tidak Boleh Lebih Dari 100

Gambar 4.124 adalah form yang digunakan untuk mengubah data nilai final

exam yang telah ada.

Page 117: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

246

Gam

bar

4.1

23 F

orm

Uji

Coba

Men

gel

ola

Nil

ai F

inal

Exa

m

Page 118: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

247

24

7

Gam

bar

4.1

24 U

pdate

Dat

a F

inal

Exa

m

Page 119: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

248

24

8

4.3.21 Uji Coba Halaman Siswa

Form Siswa digunakan pengguna untuk mengelola data siswa. Uji coba

form siswa digunakan untuk memeriksa siswa telah berjalan sesuai dengan tujuan

atau tidak. Yang bertugas untuk mengelola halaman siswa adalah pengguna yang

memiliki hak akses sebagai petugas administrasi. Pada uji coba ini petugas yang

mengakses halaman siswa adalah petugas dengan nama “Rifqi Hammad”. Uji coba

ini menggunakan data masukan yang dapat dilihat pada tabel 4.41 dan hasil uji coba

form siswa pada tabel 4.42

Tabel 4.41 Desain Data Test Case Master Siswa

SISWA_ID SISWA NAMA USERNAME PASSWORD

STD-28 Anto Nugaraha Anto ####

STD-29 “ ”

STD-28 Nugraha Anto Anto ####

Tabel 4.42 Hasil Uji Coba Form Siswa

Tujuan Input Hasil yang

diharapkan

Output

Sistem

Mencatat data siswa

kedalam aplikasi.

ID: STD-28

Nama: Anto

Nugaraha

Username : Anto

Data tersimpan kedalam database siswa

Suskes.

Bukti dapat

dilihat pada

Gambar

4.125 dan

Gambar

4.126

Melakukan

pengecekan ketika

terjadi data yang

kosong pada master

siswa.

ID: STD-29

Nama: “”

Username : Anto

Data siswa tidak tersimpan kedalam database siswa dan sistem akan memunculkan alert

“masih terdapat data

yang kosong”.

Sukses

Bukti dapat

dilihat pada

Gambar

4.127

Menampilkan data

siswa

Aplikasi

menampilkan data

level pada table

master siswa.

Sukses

bukti dapat

dilihat pada

Gambar

4.128

Page 120: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

249

24

9

Tujuan Input Hasil yang

diharapkan

Output

Sistem

Melakukan update

pada data siswa

ID: STD-28

Nama: Nugaraha

Anto

Username : Anto

Data pada database

siswa berhasil

berubah

Sukses

Bukti dapat

dilihat pada

Gambar

4.129 dan

4.130

Gambar 4.125 adalah form yang digunakan untuk memasukkan data siswa.

Siswa_id otomatis tampil dan tidak bisa diubah.

Gambar 4.125 Form Uji Coba Mencatat Data Siswa

Gambar 4.126 adalah bukti bahwa data siswa yang dimasukkan sebelumnya

telah tersimpan kedalam database

Page 121: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

250

25

0

Gambar 4.126 Data Siswa Tersimpan Pada Database

Gambar 4.127 adalah bukti apabila ada data yang tidak terisi maka akan

muncul pemberitahuan bahwa data tidak boleh kosong.

Gambar 4.127 Alert Data Siswa Kosong

Gambar 4.128 adalah form yang digunakan untuk mengubah data siswa

yang telah ada.

Gambar 4.128 Update Data Siswa

Page 122: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

251

25

1

Gambar 4.129 adalah bukti bahwa data telah berhasil diubah pada database

sesuai dengan perubahan yang dimasukkan.

Gambar 4.129 Data Siswa Diubah Pada Database

Gambar 4.130 adalah bukti data siswa telah berhasil tampil. Data siswa yang

ditampilkan berdasarkan data yang tersedia pada database.

Page 123: BAB IV IMPLEMENTASI DAN EVALUASI 4 - sir.stikom.edusir.stikom.edu/id/eprint/1968/7/BAB_IV.pdf · Microsoft Visio® 2013 untuk membuat rancangan . document. flow, system flow . dan

252

Gam

bar

4.1

30 D

ata

Sis

wa

Ber

has

il T

ampil