Trigger Use case
ini dilakukan setelah actor membuka halaman sistem
Actor action System respon
Typical course of event
1. Input user name dan
password 2. Klik login
5. Pilih menu Penilaian
Kompetensi
7. input nilai 8. klik simpan
14. klik logout 3. Cek user name dan password
4. Menampilkan halaman utama penilai 1 dan penilai 2
6. Menampilkan form input nilai
9. Menampilkan data nilai.
Alternative course Jika user name dan pasword salah, maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat data nilai yang sudah di input .
Tabel 4.9 Narasi Use Case edit Nilai Kompetensi Guru
Use Case Name edit
Nilai Kompetensi Guru Use case id
3 Actor
Penilai 1 dan penilai 2 Description
Use case ini menggambarkan kegiatan penilai 1 dan
penilai 2 dalam mengedit nilai kompetensi guru untuk sistem informasi penilaian kompetensi guru.
Pre condition Actor
harus melakukan login ke dalam sistem Trigger
Use case ini dilakukan setelah actor membuka halaman
sistem Actor action
System respon Typical course of
event 1. Input user name dan
password 2.Klik login
5.Pilih menu Penilaian Kompetensi
7. edit nilai 8.klik simpan
10. klik logout
3.Cek user name dan password 4.Menampilkan halaman utama
penilai 1 dan penilai 2g 6 Menampilkan form edit nilai
9.Menampilkan data nilai.
68
Alternative course Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat data nilai yang sudah di edit.
Tabel 4.10
Narasi dari Usecase melihat data guru penilai 1 Usecase name
Data guru penilai 1 Use Case Id
4 Actor
Penilai 1 Description
Use case ini menggambarkan penilai 1 dalama melihat
data guru penilai 1. Pre condition
penilai harus melakukan login ke dalam sistem terlebih dahulu.
Trigger Use case
ini dilakukan setelah actor membuka halaman sistem
Actor action System respon
Typical course of event
1.Input user name dan password
2.Klik login 5.Pilih menu data guru
7.klik logout 3.Cek user name dan
password 4.Menampilkan halaman utama
penilai 1 6.Sistem akan menampilkan
halaman data guru Alternative flow
Jika user name dan pasword salah,maka sistem akan menampilkan pesan “maaf user name dan password yang
anda masukan salahsilahkan ulangi lagi”
Post condition Melihat halaman data guru yang ditampilkan,
Tabel 4.11
Narasi dari Usecase melihat Laporan nilai Kompetensi guru penilai 1
Usecase name Laporan nilai Kompetensi
Use Case Id 5
Actor Penilai 1
Description Use case
ini menggambarkan Penilai 1 melihat Laporan
nilai Kompetensi guru penilai 1.
Pre condition Penilai 1 harus melakukan login ke dalam sistem terlebih
dahulu.
69
Trigger Use case
ini dilakukan setelah actor membuka halaman sistem
Actor action System respon
Typical course of event
1.Input user name dan password
2.Klik login 5.Pilih menu laporan
penilaian kompetensi 7.klik logout
3.Cek user name dan password
4.Menampilkan Halaman utama
penilai 1 6. menampilkan
halaman laporan penilaan kompetensi
Alternative course Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat halaman laporan penilaian kompetensi yang
ditampilkan.
Tabel 4.12 Narasi Use Case Input Nilai Kompetensi kord.guru
Use Case Name Input
nilai kompetensi kord.guru
Use case id 6
Actor Penilai 2
Description Use case
ini menggambarkan kegiatan penilai 2 dalam menginput nilai kompetensi kord.guru untuk sistem
informasi penilaian kompetensi guru. Pre condition
Penilai 2 harus melakukan login ke dalam sistem Trigger
Use case ini dilakukan setelah actor membuka halaman
sistem Actor action
System respon Typical course of
event 1. Input user name
dan password
2.Klik login 5.Pilih menu
Penilaian Kompetensi
7. input nilai 8.klik simpan
14. klik logout
3.Cek user name dan password 4.Menampilkan halaman utama
penilai 2 6 Menampilkan form input nilai
kompetensi
9.Menampilkan data nilai.
Alternative course Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password
70
Tabel 4.13 Narasi Use Case Edit Nilai kompetensi kord.guru
yang anda masukan salahsilahkan ulangi lagi”
Post condition data nilai yang berhasil di input .
Use Case Name edit
Nilai Use case id
7 Actor
Penilai 2 Description
Use case ini menggambarkan kegiatan penilai 2 dalam
mengedit nilai kompetensi Kord.guru untuk sistem informasi penilaian kompetensi guru.
Pre condition Penilai 2 harus melakukan login ke dalam sistem
Trigger Use case
ini dilakukan setelah actor membuka halaman sistem
Actor action System respon
Typical course of event
1. Input user name dan password
2.Klik login 5.Pilih menu Penilaian
Kompetensi
7. edit nilai 8.klik simpan
14. klik logout
3.Cek user name
dan password
4.Menampilkan halaman utama penilai 2
6 Menampilkan form edit nilai
9.Menampilkan data nilai.
Alternative course Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat data nilai yang sudah di edit
Tabel 4.14 Narasi Use Case Login
Use Case Name Login
Use Case Id 8
Actor Penilai 1 dan penilai 2,guru dan admin sistem
Description Use case
ini menggambarkan kegiatan user yang ingin melakukan login.
Pre Condition User
harus mengetahui user name dan password yang dimilki.
Triger Use case
ini dilakukan setelah aktor membuka halaman
71
sistem. Actor Action
System Respon Typical course of
event 1. Input user name dan
password 2. klik login
3. Cek User name dan password
Alternative Flow Jika user name dan pasword salah, maka sistem akan
pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Tampil halaman utama sesuai login actor, sistem
informasi penilaian kompetensi guru.
Tabel 4.15
Narasi dari Usecase melihat data guru Usecase name
data guru Use Case Id
9 Actor
Penilai 2 Description
Use case ini menggambarkan penilai 2 dalama melihat
data guru keseluruhan. Pre condition
Penilai 2 harus melakukan login ke dalam sistem terlebih dahulu.
Trigger Use case
ini dilakukan setelah actor membuka halaman sistem
Actor action System respon
Typical course of event 1.Input user name
dan password
2.Klik login 5.Pilih menu data
guru 7.klik logout
3.Cek user name dan password
4.Menampilkan halaman utama
penilai 2 6.Sistem akan menampilkan
halaman data guru keseluruhan
Alternative flow Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat halaman data guru keseluruhan yang
ditampilkan,
72
Tabel 4.16
Narasi dari Usecase melihat Laporan penilaian Kompetensi guru
Usecase name Laporan data Kompetensi
Use Case Id 10
Actor Penilai 2 dan admin sistem
Description Use case
ini menggambarkan Penilai 2 dalam melihat
Laporan penilaian Kompetensi guru keselurahan.
Pre condition Actor
harus melakukan login ke dalam sistem terlebih dahulu.
Trigger Use case
ini dilakukan setelah actor membuka halaman sistem
Actor action System respon
Typical course of event 1.Input user name dan
password 2.Klik login
5.Pilih menu laporan penilaian kompetensi
7.klik logout 3.Cek user name dan
password 4.Menampilkan Halaman
utama penilai 2 6.Menampilkan halaman
laporan penilaian kompetensi Alternative course
Jika user name dan pasword salah,maka sistem akan menampilkan pesan “maaf user name dan password
yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat halaman laporan penilaian kompetensi yang
ditampilkan.
Tabel 4.17 Narasi dari Usecase cetak Laporan penilaian Kompetensi guru
Usecase name Laporan data Kompetensi
Use Case Id 11
Actor Penilai 2
Description Use case
ini menggambarkan Penilai 2 dalam
MencetakLaporan penilaian Kompetensi guru.
73
Pre condition Penilai 2 harus melakukan login ke dalam sistem
terlebih dahulu. Trigger
Use case ini dilakukan setelah actor membuka halaman
sistem Actor action
System respon Typical course of event
1.Input user name dan password
2.Klik login 5.Pilih menu laporan
penilaian kompetensi 7.klik cetak laporan
9.klik logout 3.Cek user name dan
password 4.Menampilkan Halaman
utama penilai 2 6. Menampilkan halaman
laporan penilaian kompetensi 8.sistem akan mencetak.
Alternative course Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition cetak laporan penilaian kompetensi berhasil.
Tabel 4.18 Narasi CRUD Data guru
Use Case Name CRUD Data guru
Use case id 12
Actor Admin sistem
Description Use case
ini menggambarkan kegiatan admin dalam
CRUD Data guru menginput,mengedit,delete untuk sistem informasi penilaian kompetensi guru.
Pre condition Admin harus melakukan login ke dalam sistem
Trigger Use case
ini dilakukan setelah actor membuka halaman sistem
Typical course of event Actor action
System respon
74
1. Input user name dan password
2.Klik login 5. Pilih menu data guru
yang ingin di input,edit
, atau dele
te kemudian klik icon
input data,edit, atau delete.
9.Lalu masukan data jika ingin di input,
edit jika ingin di
edit, lalu hapus jika
ingin dihapus. 12.klik simpan
14. klik logout
3.Cek user name
dan password
4.Menampilkan halaman utama admin
6 Menampilkan seluruh data dimenu admin
8.Menampilkan form input data,edit, atau delete data
yang ingin dimanipulasi. 10.Menampilkan hasil data
yang telah di CRUD.
Alternative course Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat data yang sudah di CRUD pada halaman yang
ditampilkan.
Tabel 4.19 Narasi Use Case CRUD Data Kompetensi
Use Case Name CRUD data kompetensi
Use case id 13
Actor Admin
Description Use case
ini menggambarkan kegiatan admin dalam CRUD Data Kompetensi menginput,mengedit,delete
untuk sistem informasi penilaian kompetensi guru. Pre condition
Admin harus melakukan login ke dalam sistem Trigger
Use case ini dilakukan setelah actor membuka halaman
sistem Typical course of event
Actor action System respon
75
1. Input user name dan password
2.Klik login 5. Pilih menu data
kompetensi yang ingin di input,edit,
atau delete kemudian klik
icon input
data,edit, atau delete. 9.Lalu masukan data
jika ingin di input, edit
jika ingin di edit,
lalu hapus jika ingin dihapus.
12.klik simpan
14. klik logout
3.Cek user name
dan password
4.Menampilkan halaman utama admin
8.Menampilkan form input data,edit, atau delete data
yang ingin dimanipulasi. 10.Menampilkan hasil data
yang telah di CRUD.
Alternative course Jika user name dan pasword salah,maka sistem akan
menampilkan pesan “maaf user name dan password yang anda masukan salahsilahkan ulangi lagi”
Post condition Melihat data yang sudah di CRUD pada halaman yang
ditampilkan.
Tabel 4.20 Narasi Use Case Data CRUD User
Use Case Name CRUD Data User
Use case id 14
Actor Admin
Description Use case
ini menggambarkan kegiatan admin dalam CRUD
User menginput,mengedit,delete user untuk sistem
informasi penilaian kompetensi guru. Pre condition
Admin harus melakukan login ke dalam sistem Trigger
Use case ini dilakukan setelah actor membuka halaman
sistem Typical course of
event Actor action
System respon
76
event 1. Input user name dan
password 2.Klik login
5.Pilih salah satu menu 7. Pilih menu data User dan
hak akses yang ingin di input,edit
, atau delete kemudian klik icon input
data,edit, atau delete. 9.Lalu masukan data jika
ingin di input, edit jika ingin di edit, lalu hapus
jika ingin dihapus.
12.klik simpan
14. klik logout
3.Cek user name
dan password
4.Menampilkan halaman utama admin
6 Menampilkan seluruh data dimenu admin
8.Menampilkan form input data,edit, atau delete data
yang ingin dimanipulasi. 10.Menampilkan hasil data
yang telah di CRUD.
Alternative course
Jika user name dan pasword salah,maka sistem akan menampilkan pesan “maaf user name dan password yang
anda masukan salahsilahkan ulangi lagi”
Post condition Melihat data yang sudah di CRUD pada halaman yang
ditampilkan.
Tabel 4.21
Narasi dari Use case ganti Password Use Case Name
Ubah Password Use Case ID
15 Actor
Penilai 1 dan 2, admin sistem dan guru. Description
Use case ini menggambarkan kegiatan semua aktor yang
mempunyai hak untuk dapat merubah password. Precondition
User harus mengetahui masing-masing password yang
dimilikinya. Trigger
Penilai 1 dan 2, admin sistem dan guru sudah menjadi pengguna.
Actor Action System Respons
Typical Course of Events
1.Login 4. pilih menu user setting
6. Input password lama dan baru
7. kilk Simpan 9. Logout
2.Cek username dan password 3.Menampilkan halaman
utama masing-masing pengguna
5.Menampilkan form ubah password
8. Menampilkan halaman login
. Alternate Courses
1.Jika username dan password salah, maka sistem menampilkan pesan kesalahan
77
2.Jika data yang diubah salah, maka sistem akan menampilkan pesan untuk memperbaiki dan melengkapi data
Conclusion Para pengguna mengubah data
Postcondition Data pengguna berubah
4.4.2 Activity Diagram
Activity diagram ini dapat juga digantikan dengan sejumlah teks, namun
penggunaan teks kadang sulit untuk dipahami, apabila memilih barang alternatif pada event-event tertentu. Oleh karena itu activity diagram juga bisa disajikan
dalam bentuk grafis. Untuk activity diagram sistem informasi penilaian ini ada beberapa diagram :
1. Activity Diagram
Melihat Data Kompetensi Personal 2.
Activity Diagram Input nilai kompetensi guru
3. Activity Diagram edit
nilai kompetensi guru 4.
Activity Diagram Melihat Data Guru penilai 1
5. Activity Diagram
Melihat Laporan nilai Kompetensi guru penilai 1 6.
Activity Diagram Login 7.
Activity Diagram Input nilai kompetensi kord.guru
8. Activity Diagram edit
nilai kompetensi kord.guru 9.
Activity Diagram Melihat Data Guru
10. Activity Diagram
Melihat Laporan Penilaian Kompetensi guru 11.
Activity Diagram Cetak Laporan Penilaian Kompetensi guru
12. Activity Diagram
CRUD Data Guru 13.
Activity Diagram CRUD Data kompetensi
14. Activity Diagram
CRUD User 15.
Activity Diagram ganti password
78
1. Activity Diagram Melihat Data Kompetensi Personal
Gambar 4.5 Activity Diagram
Melihat Data Kompetensi Personal yang diajukan
79
2. Activity Diagram Input nilai kompetensi guru
Gambar 4.6 Activity Diagram Input
nilai kompetensi guru yang diajukan
80
3. Activity Diagram edit nilai kompetensi guru
Gambar 4.7 Activity Diagram edit
nilai kompetensi guru yang diajukan
81
4. Activity Diagram Data Guru penilai 1
Gambar 4.8 Activity Diagram
Melihat Data Guru penilai 1 yang diajukan
82
5. Activity Diagram Laporan nilai Kompetensi guru penilai 1
Gambar 4.9 Activity Diagram
Melihat Laporan nilai Kompetensi guru penilai 1 yang diajukan
83
84
6. Activity Diagram Login
Gambar 4.10 Activity Diagram Diagram Login
yang diajukan
85
7. Activity Diagram Input nilai kompetensi kord. guru
Gambar 4.11 Activity Diagram Diagram Input
nilai kompetensi kord.guru yang diajukan
86
8. Activity Diagram edit nilai kompetensi kord.guru
Gambar 4.12 Activity Diagram Diagram edit
nilai kompetensi kord.guru yang diajukan
9. Activity Diagram Melihat Data Guru “Penilai 2”
87
Gambar 4.13 Activity Diagram Diagram
Melihat Data Guru yang diajukan
10. Activity Diagram Melihat Laporan Penilaian Kompetensi guru
Gambar 4.14 Activity Diagram Diagram
Melihat Laporan Penilaian Kompetensi guru yang diajukan
88
11. Activity Diagram Cetak Laporan Penilaian Kompetensi guru
Gambar 4.15 Activity Diagram Diagram
Cetak Laporan Penilaian Kompetensi guru Guru yang diajukan
89
12. Activity Diagram CRUD Data Guru
Gambar 4.16 Activity Diagram Diagram
CRUD Data Guru yang diajukan
90
13. Activity Diagram
CRUD Data kompetensi
Gambar 4.17
Activity Diagram Diagram CRUD Data kompetensi
yang diajukan
91
14. Activity Diagram
CRUD User
Gambar 4.18
Activity Diagram Diagram CRUD User yang diajukan
92
15 Activity Diagram ganti password
Gambar 4.19 Activity Diagram
ganti password
93
4.4.3 Sequence Diagram
Sequence diagram ini nantinya akan menjelaskan secara detail urutan
proses atau pesan yang dilakukan dalam sistem untuk mencapai tujuan dari use case
, dimana proses atau pesan ini merupakan event atau metode dari objek ke class
, yang terdapat dalam pengembangan sistem ini. Berikut adalah beberapa sequence diagram
dari perancangan Sistem informasi penilaian kompetensi guru ini, yaitu :
1. Sequence Diagram Melihat Data Kompetensi Personal
Gambar 4.20 Sequence Diagram
Melihat Data Kompetensi Personal yang diajukan
94
2. Sequence Diagram Input nilai kompetensi guru
Gambar 4.21 Sequence Diagram Input
nilai kompetensi guru yang diajukan
3. Sequence Diagram edit nilai kompetensi guru
Gambar 4.22
Sequence Diagram edit nilaikompetensi guru yang diajukan
95
4. Sequence Diagram Melihat Data Guru penilai 1
Gambar 4.23 Sequence Diagram
Melihat Data Guru penilai 1 yang diajukan
5. Sequence Diagram Melihat Laporan Penilaian Kompetensi guru penilai 1
Gambar 4.24 Sequence Diagram
Melihat Laporan penilaian Kompetensi guru penilai 1 yang diajukan
96
6. Sequence Diagram Login
Gambar 4.25 Sequence Diagram Login
yang diajukan
7. Sequence Diagram Input nilai kompetensi kord.Guru
Gambar 4.26 Sequence Diagram Input
nilai kompetensi kord.guru yang diajukan
97
8. Sequence Diagram edit nilai kompetensi kord.Guru
Gambar 4.27 Sequence Diagram edit
nilai kompetensi kord.guru yang diajukan
9. Sequence Diagram Melihat Data Guru “Penilai 2”
Gambar 4.28 Sequence Diagram
Melihat Melihat Data Guru yang diajukan
98
10. Sequence Diagram Melihat Laporan Penilaian Kompetensi guru
Gambar 4.29
Sequence Diagram Melihat Laporan Penilaian Kompetensi
guru yang diajukan
11. Sequence Diagram Cetak Laporan Penilaian Kompetensi guru
Gambar 4.30 Sequence Diagram
Cetak Laporan Penilaian Kompetensi guru yang diajukan
99
12. Sequence Diagram CRUD Data Guru
Gambar 4.31 Sequence Diagram
CRUD Data Guru yang diajukan
13. Sequence Diagram CRUD Data kompetensi
Gambar 4.32 Sequence Diagram
CRUD Data kompetensi diajukan
100
14. Sequence Diagram CRUD User
Gambar 4.33 Sequence Diagram
CRUD User
15. Sequence Diagram Ganti password
Gambar 4.34
Sequence Digram Ganti Password
101
4.5 Perancangan Basis Data
4.5.1 Class Diagram
Class diagram ini menggambarkan desain sistem yang akan dibangun
dalam database. Dan dapat dijadikan ilustrasi skema database yaitu dengan tabel- tabel
yang akan digunakan dalam database. Setiap class akan diwakili oleh tabel, attribut
class yang akan menjadi field dalam tabel. Struktur data class diagram yang disajikan dalam bentuk tabel adalah sebagai berikut:
Gambar 4.35 Class Diagram Sistem informasi penilaian kompetensi guru
102
4.5.2 Struktur Data Class
Pada struktur data ini, semua jenis data yang terlibat dalam proses yang terjadi, di definisikan dan dikumpulkan dalam bentuk penyajian sebagai berikut :
File name : login Primary key : User_Id
Foreign key : -
Tabel 4.22 Struktur Tabel Login
No Field Name
Type Field Size
Keterangan
1 User_Id
Char 10
User name 2 Password
Int 10
Kata kunci
File name : User Akses Primary key : User_Id
Foreign key : id_person, level akses, group_bidang_study
Tabel 4.23
Struktur Tabel User Akses
No Field Name
Type Field
Size Keterangan
1 Id Int
2 Identitas 2
Id_Person Int
2 Identitas level person
3 Nama Char
100 Nama user
4 Userid Char
30 Identitas user
5 Password
Char 30
Kata kunci 6
Levelakses Int
1 Level akses
7 Tanggal Varchar
40 Tanggal 8
Group_Bidang_Study Int
3 Group bidang study
File name : Biodata Primary key : Id
Foreign key : Group_bidang_study, User akses
103
Tabel 4.24
Struktur Tabel Data Guru
No Field Name
Type Field
Size Keterangan
1 Id Int
2 Identitas 2
Nama Char
100 Nama Person
3 Tempat lahir
Char 30
Tempat lahir 4
Tanggal Lahir Char
30 Identitas user
5 Jabatan
Char 30
Kata kunci 6
Group_Bidang_Study Int
3 Level akses
7 Bidang_Study Char
30 Tanggal 8
Nip Varchar
11 Identitas jabatan
9 Userakses
Int 2
Hak akses 10
Agama Char
20 Agama
11 Pendidikan Char
30 Pendidikan 12
Kelas Char
15 Kelas
13 Negara Char
30 Negara 14 Alamat
Char 150 Alamat
File name : Jabatan
Primary key : Id Foreign key : -
Tabel 4.25
Struktur Tabel Jabatan
No Field Name
Type Field Size
Keterangan
1 Id Int
3 Identitas
2 Jabatan Char
20 Jabatan
File name : Group Bidang Studi
Primary key : Id Foreign key
: -
Tabel 4.26
Struktur Tabel Group Bidang Studi
No Field Name
Type Field Size
Keterangan
1 Id Int
3 Identitas
2 Group Bidang
Studi Char 20
Nama group
bidang studi
104
File nam : Bidang studi
Primary key : Id Foreign key : Id_group bidang
Tabel 4.27
Struktur Tabel Bidang Studi
No Field Name
Type Field Size
Keterangan
1 Id Int
3 User
nama 2 Id_group_bidang
Int 3
Identitas group bidang studi 3
Bidang_studi Char
50 Nama bidang studi
File name : Kelas
Primary key : Id Foreign key : -
Tabel 4.28
Struktur Tabel Kelas
No Field Name
Type Field Size
Keterangan
1 Id Int
3 Identitas
2 Kelas Char
4 Kelas
File name : Materi
Primary key : Id Foreign key : -
Tabel 4.29
Struktur Tabel Materi
No Field Name
Type Field Size
Keterangan
1 Id Int
2 Identitas
2 Materi_Kompetensi Varchar
200 Nama kompetensi
File name : Sub Materi
Primary key : Id Foreign key : -
105
Tabel 4.30
Struktur Tabel isi indikator sub materi
No Field Name
Type Field Size
Keterangan
1 Id Int
2 Identitas
2 Id_materi Int
2 identitas
materi 3 Sub_materi
Kompetensi Isi
indicator
File name : Nilai_kompetensi Primary key : Id
Foreign key : Id_person, Id_materi, Id_sub_materi
Tabel 4.31
Struktur Tabel Nilai kompetensi
No Field Name
Type Field
Size Keterangan
1 Id Int
2 Identitas 2 Id_Person
Int 2 Identitas
person 3
Id_materi Int
2 Nama user
4 Id_sub_materi
Int 2
Identitas sub materi 5
Nilai Char
10 Nilai kompetensi
6 Status Char
2 Status nilai
File name : Status Nilai
Primary key : Id Foreign key : -
Tabel 4.32
Struktur Tabel Status Nilai
No Field Name
Type Field Size
Keterangan
1 Id Int
2 Identitas
2 Id_person Int
2 identitas
materi 3 Status
Char 2
Status nilai
File name : Histori Nilai Primary key : Id
Foreign key : Periode, level, id_person
106
Tabel 4.33
Struktur Tabel Histori Nilai
No Field Name
Type Field
Size Keterangan
1 Id Int
11 Identitas 2
Judul Char
150 Judul
3 Materi_Kompetensi Char
150 Isi Kompetensi
4 Periode Int
11 Periode 5
Sub_Materi Char
200 Inikator Kompetensi
6 Level
Int 1
Level akses 7 Id_Person
Int 1 Indentitas
Person 8 Nama
Char 100 Nama
9 Tempat_Lahir
Char 50
Tempat Lahir 10
Tanggal_lahir Char
30 Tanggal Lahir
11 Jabatan Char
50 Jabatan
File name : Periode
Primary key : Id Foreign key
: -
Tabel 4.34
Struktur Tabel Group Bidang Studi
No Field Name
Type Field Size
Keterangan
1 Id Int
3 Identitas
2 Periode
Int 2
Periode
4.6 Perancangan Layar Antarmuka Interface
Perancangan antarmuka interface dibuat agar user dengan mudah dapat mengoperasikan dan mengerti bagaimana sistem dapat digunakan.Untuk
memudahkan dan mengefektifkan dalam pemasukan data, maka perlu adanya rancangan masukan. Untuk mempermudah pemasukan data, maka pada beberapa
atribut atau field dilakukan pengkodean.
107
Header
User Name : Password :
Footer
1. Perancangan halaman form Login
Gambar 4.36 Rancangan form Login user
2. Perancangan Halaman utama admin
Header Logo PB
Data guru Data Keterangan Guru
Data user dan hak akses
Home
Selamat datang di sistem informasi penilaian kompetensi guru
Laporan Kompetensi
Footer
Data Kompetensi Logout
Gambar 4.37
Rancangan Halaman utama admin
108
3. Perancangan Halaman input data guru pada menu “Admin”
Gambar 4.38
Rancangan Form input data guru
4. Perancangan Halaman input data kompetensi pada menu “Admin”
Gambar 4.39 Rancangan Form input data kompetensi
Header
Header
Logo PB
Form input data guru Jabatan :
Group bdg.studi : Bidg.studi :
Nama lengkap : Nip
: Mengajar dikelas :
Tempattg lahir : Agama :
Penddidikan terakhir : Warga Negara
:
Header
Isi kompetensi :
Jumlah indikator : lanjutkan
simpan Footer
Logo PB Footer
Simpan Batal
109
5. Perancangan Halaman input user akses pada menu “Admin”
Header Logo PB
Form input data user Level user :
User id : Password :
Footer Simpan
Batal
Gambar 4.40 Rancangan Form Input User Akses
6. Perancangan Halaman utama penilai 1 dan Penilai 2
Logo
PB Header
Data guru Laporan penilaian kompetensi
home
Selamat datang di sistem informasi penilaian kompetensi guru
Footer Penilaian kompetensi
User setting Logout
Gambar 4.41
Rancangan Halaman utama penilai 1 dan penilai 2
110
7. Rancangan Halaman input nilai kompetensi guru pada menu “penilai 1 dan penilai 2 ”
logout Form input nilai kompetensi guru
Nama guru : Bidg.studi :
Nama kompetensi dan nilai :
Footer Simpan
Batal Logo PB
Header
Gambar 4.42 Rancangan Form input nilai penilai 1 dan penilai 2
8. Rancangan Halaman data guru pada menu “penilai 1 dan penilai 2 ”
Header Logo PB
Nama lengkap : Tempattgllahir :
Agama :
Nip :
Pddk terakhir : Jabatan :
Bdg.studi : Mengajar dikelas :
Alamat
:
Footer kembali
Gambar 4.43 Rancangan halaman data guru penilai 1 dan penilai 2
111
9. Rancangan Halaman laporan nilai kompetensi pada menu ““penilai 1, penilai 2 dan admin sistem”
Gambar 4.44 Rancangan halaman laporan kompetensi penilai 1 dan
penilai 2
10. Rancangan Halaman user setting pada menu User
Gambar 4.45 Rancangan Halaman user setting
Nama kompetensi No.
requirement level Nilai
Header Logo PB
Laporan kompetensi
Footer kembali
Logout Nama nama kompetensi
reuirement level nilai
Header Logo PB
Input password lama :
Input password baru :
Batal Simpan
Footer
112
11. Rancangan Halaman utama Guru
Home Data kompetensi
Nama kompetensi
No. requirement level
Nilai
Footer
Home Selamat datang di sistem informasi penilaian Kompetensi guru pelita
bangsa Data kompetensi personal
User setting
Logo PB
Header
Gambar 4.46
Rancangan halaman utama guru
12. Rancangan Halaman data kompetensi personal pada menu “data kompetensi personal”
Gambar 4.47
Rancangan halaman data kompetensi personal guru. Nama
kompetensi No.
requirement level Nilai
Header Logo PB
Logout Nama
nama kompetensi requirement level
nilai
kembali Footer
113
4.7 Perancangan Pemrograman
Setelah perancangan basis data selesai, maka tahap selanjutnya dilakukan perancangan pemrograman. Adapun bahasa pemrograman yang penulis gunakan
yaitu PHP XAMPP for windows versi 5.2.5 sedangkan untuk database, penulis menggunakan MySQL 5.0.51a.
4.8 Implementasi Sistem
Sistem Informasi Penilaian Kompetensi Guru Berbasis Web di Sekolah Dasar Pelita Bangsa Pamulang, sistem yang penulis buat masih dalam tahap
pengenalan sistem dan belum sepenuhnya diimplementasikan di Sekolah Pelita Bangsa Pamulang. Sistem ini nantinya akan di include pada sistem yang sudah
ada yaitu website Sekolah Pelita Bangsa Adapun user dari sistem ini yaitu, kordinator guru, kepala sekolah, dan guru. Dengan akses ke sistem yang berbeda-
beda.
4.9 Pengujian
Setiap program menjalani pengujian secara pribadi untuk memastikan bahwa program yang telah kita buat bisa bebas dari kesalahan bug, walaupun
tidak menutup kemungkinan masih terjadi sedikit bug atau tidak 100 bebas dari bug, namun pengujian ini setidaknya bisa meminimalisasi kesalahan yang akan
terjadi. Pengujian secara black box, yaitu suatu pendekatan untuk menguji apakah
setiap fungsi di dalam program dapat berjalan dengan benar. Berikut beberapa proses yang dilakukan penulisan dalam pengujian ini, yaitu:
114
a. Fungsi-fungsi yang tidak benar, baik input maupun output
b. Apakah kesalahan interface
c. Apakah kesalahan dalam struktur data atau akses database
Dibawah ini merupakan tabel hasil pengujian dari Sistem Informasi Penilaian Kompetensi Guru :
Tabel 4.35
List Hasil Pengujian dengan pendekatan Black-Box Testing .
No. Rancangan Proses
Hasil Yang Diharapkan Hasil
Keterangan
1. Mulai jalankan program dengan
membuka sistem Masuk halaman utama
Sistem Informasi penilaian kompetensi guru pelita
bangsa Sesuai
2. Login
Masuk ke halaman utama user
Sesuai 3.
Pilih menu data guru Masuk ke halaman data
guru Sesuai
4. Klik input
data guru Masuk halaman Input data
guru Sesuai
5. Mengisi field
input data guru
Data telah tersimpan Sesuai
Nilai input valid 6.
Pilih menu data kompetensi Masuk ke halaman data
kompetensi Sesuai
7. Klik input
data Kompetensi Masuk halaman Input data
kompetensi Sesuai
8. Mengisi field input data
kompetensi Data telah tersimpan
Sesuai Nilai input valid
9. Pilih menu
user akses
Masuk ke halaman data user
akses Sesuai
10 Klik input user
akses Masuk halaman Input data
user akses
Sesuai 11. Mengisi
field input user akses
Data telah tersimpan Sesuai
Nilai input valid 12.
Pilih menu data guru pada user “penilai 1 da penilai 2”
Masuk kehalaman data guru
sesuai
115
12. Pilih menu penilaian
kompetensi Menampilkan halaman
penilaian kompetensi Sesuai
13. Klik input nilai kompetensi
Masuk ke halaman input nilai kompetensi
Sesuai 14.
Mengisi field pada halaman tersebut, lalu klik simpan
Menampilkan hasil input nilai dan tersimpan
Sesuai Nilai input Valid
Pilih menu data guru pada user “penilai 1 da penilai 2”
Menampilkan halaman data guru
Sesuai
16. Pilih menu laporan kompetensi
pada user “penilai 1 dan penilai 2”
Menampilkan halaman laporan kompetensi
Sesuai
17. Pilih menu user setting pada
semua user Menampilkan halaman
user setting Sesuai
18. Mengisi field ganti password
klik simpan Data telah tersimpan
Sesuai Nilai input Valid
19. Pilih menu data kompetensi
personal pada user ”guru” Menampilkan halaman
data kompetensi personal Sesuai
20. Klik Logout
Menampilkan Halaman Sesuai
116
