Tabel 3.13. Tabel Pengumuman
Pengumuman No
Key Column Name Data Type
Length Null Default
1 PK
id_pengumuman bigint
20 No
2 pengumuman
varchar 160
No 3
tgl datetime
No 4
FK id_pembuat
bigint 255
No
Tabel 3.14. Tabel Pesan
pesan No
Key Column Name Data Type
Length Null Default
1 PK
id_pesan int
11 No
2 FK
id_pesan_guru varchar
64 No
3 FK
id_pesan_admin varchar
64 No
4 FK
judul varchar
64 No
5 isi
varchar 64
No 6
dibaca char
1 No
7 dihapus
char 1
No 8
tgl_kirim datetime
No 9
tipe int
11 No
Tabel 3.15. Tabel Status Dokumen
statusdocument No
Key Column Name Data Type
Length Null Default
1 PK
StaDoc_ID int
11 No
2 StaDoc_Ket
varchar 50
Yes NULL
3.6.3 Perancangan Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pemakai dalam menjalankan program komputer. Sehingga saat
menjalankan program, admin, member atau user tidak mengalami kesulitan dalam memilih menu-menu yang diinginkan. Pada perancangan perangkat lunak ini
dibuat menu seperti dibawah ini:
LOGIN
HALAMAN ADMIN
HALAMAN MEMBER
Dashboard Pesan
Update Logout
Profile Pesan
Beranda Cari
Guru Berkas
Info HALAMAN
UTAMA HALAMAN
USER
Beranda Cari
Logout
Gambar 3.12. Perancangan Struktur Menu
3.6.4 Perancangan Antarmuka
Tahap perancangan antarmuka dilakukan untuk merancang antarmuka agar dapat digunakan oleh pengguna baik admin maupun user yang menggunakan
Sistem Informasi Berkas dan Kelengkapan Sertifikasi Guru ini. Form Menu Utama T01
© LPMP Jabar 2011
T01
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
ISI HOME PAGE - Klik Beranda menuju ke T01 halaman
utama tanpa login - Klik Cari menuju ke T02 halaman
pencarian NUPTK - Klik Login menuju ke T04 sesuai
dengan username à Sebagai Member menuju T04
Username Password
Login
Page Title
Tanggal
Beranda Cari
Pengumuman
Gambar 3.13. Perancangan Antarmuka Halaman Utama
Form Utama Halaman Pencarian T02
© LPMP Jabar 2011
T02
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
ISI HOME PAGE - Klik Beranda menuju ke T01 halaman
utama halaman Beranda - Klik Cari menuju ke T02 halaman
pencarian NUPTK - Klik Login menuju ke T04 sesuai
dengan username à Sebagai Member menuju T04
- Klik cari menuju ke T02 proses 2 dan menampilkan hasil pencarian
Username Password
Login
Page Title
Tanggal
Beranda Cari
Cari NUPTK, Silahkan masukkan NUPTK Cari
Gambar 3.14. Perancangan Antarmuka Halaman Pencarian
Form Halaman Login sebagai Admin A01
A01
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Login menuju ke T03 halaman utama Dashboard Admin
Username Password
Login Login
Gambar 3.15. Perancangan Antarmuka Halaman Login Admin
Form Halaman Dashboard Admin T03
© LPMP Jabar 2011
T03
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Dashboard menuju ke T03 halaman activity log
- Klik Pesan menuju ke T06 halaman pesan sebagai admin
- Klik Update menuju ke T07 halaman update data guru
- Klik Guru menuju ke T08 halaman dengan menampilkan tabel guru
- Pada kolom sebelah kanan menampilkan form pengumuman
à Klik Kirim menuju ke T09 halaman validasi pengumuman berhasil
dipublikasikan à Klik Cetak ke dalam pdf
menampilkan halaman untuk pencetakkan laporan data log
Page Title
Tanggal
Update Guru
Logout Pesan
Dashboard
Activity Log tabel data log
Kirim Buat Pengumuman:
Isi
Cetak ke dalam pdf
Gambar 3.16. Perancangan Antarmuka Halaman Dashboard Admin
Form Halaman Admin Menu Dashboard Validasi Pengumuman T09
© LPMP Jabar 2011
T09
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Dasboard menuju ke T03 halaman activity log
- Klik Pesan menuju ke T06 halaman pesan sebagai admin
- Klik Update menuju ke T07 halaman update data guru
- Klik Guru menuju ke T08 halaman dengan menampilkan tabel guru
- Pada kolom sebelah kanan menampilkan form pengumuman
à Klik Kirim menuju ke T09 halaman validasi pengumuman berhasil
dipublikasikan
Page Title
Tanggal
Update Guru
Logout Pesan
Dashboard
Kirim Buat Pengumuman:
Isi
Validasi publikasi pengumuman
Gambar 3.17. Perancangan Antarmuka Halaman Admin Proses Validasi
Pengumuman
Form Halaman Admin Menu Pesan T06
© LPMP Jabar 2011
T06
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Dasboard menuju ke T03 halaman activity log
- Klik Pesan menuju ke T06 halaman pesan dan menampilkan tabel pesan
sebagai admin - Klik Update menuju ke T07 halaman
update data guru - Klik Guru menuju ke T08 halaman
dengan menampilkan tabel data guru
- Klik Pesan Masuk menuju halaman pesan masuk
- Klik Pesan Keluar menuju halaman pesan keluar
Page Title
Tanggal
Update Guru
Logout Pesan
Dashboard
Pesan Masuk | Pesan Keluar Tabel data pesan
Gambar 3.18. Perancangan Antarmuka Halaman Admin Menu Pesan
Form Halaman Admin Menu Update Data Guru T07
© LPMP Jabar 2011
T07
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Dasboard menuju ke T03 halaman activity log
- Klik Pesan menuju ke T06 halaman pesan sebagai admin
- Klik Update menuju ke T07 halaman update data guru
à Klik update data guru menuju T11 halaman validasi proses update
- Klik Guru menuju ke T08 halaman dengan menampilkan tabel data guru
Page Title
Tanggal
Update Guru
Logout Pesan
Dashboard
Update data guru update data guru
Gambar 3.19. Perancangan Antarmuka Halaman Admin Menu Update Data Guru
Form Halaman Admin Menu Validasi Update Data Guru T11
© LPMP Jabar 2011
T11
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Dashboard menuju ke T03 halaman activity log
- Klik Pesan menuju ke T06 halaman pesan sebagai admin
- Klik Update menuju ke T07 halaman update data guru
- Klik Guru menuju ke T08 halaman dengan menampilkan tabel guru
Page Title
Tanggal
Update Guru
Logout Pesan
Dashboard
Validasi proses update data guru
Gambar 3.20. Perancangan Antarmuka Halaman Admin Validasi Update Data
Guru Form Halaman Admin Menu yang menampilkan Tabel GuruMember T08
© LPMP Jabar 2011
T08
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Dashboard menuju ke T03 halaman activity log
- Klik Pesan menuju ke T06 halaman pesan sebagai admin
- Klik Update menuju ke T07 halaman update data guru
- Klik Guru menuju ke T08 halaman dengan menampilkan tabel data guru
à Klik Cari menampilkan halaman dengan tampilan tabel data guru yang
dicari
Page Title
Tanggal
Update Guru
Logout Pesan
Dashboard
Cari Total =
Cari
Tabel Data Guru
Gambar 3.21. Perancangan Antarmuka Halaman Admin Menu GuruMember
Form Halaman Beranda Guru T04
© LPMP Jabar 2011
T04
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Beranda menuju ke T01 halaman utama beranda
- Klik Cari menuju ke T16 halaman pencarian NUPTK sebagai member
- Klik Profile menuju ke T13 halaman profile member
- Klik Info menuju ke T18 halaman untuk ganti password
- Klik Pesan menuju ke T14 halaman pesan sebagai member
- Klik Berkas menuju ke T15 halaman berkas sebagai member
Page Title
Tanggal
Beranda Cari
Berkas Logout
Pesan Profile
ISI HOME PAGE
Pengumuman
Info
Gambar 3.22. Perancangan Antarmuka Halaman Beranda Guru
Form Halaman Guru Menu Profile T13
© LPMP Jabar 2011
T13
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Beranda menuju ke T01 halaman utama beranda
- Klik Cari menuju ke T16 halaman pencarian NUPTK sebagai member
- Klik Profile menuju ke T13 halaman profile member
- Klik Info menuju ke T18 halaman ganti password
- Klik Pesan menuju ke T14 halaman pesan sebagai member
- Klik Berkas menuju ke T15 halaman berkas sebagai member
Page Title
Tanggal
Beranda Cari
Berkas Logout
Pesan Profile
Profil Member
Info
Gambar 3.23. Perancangan Antarmuka Halaman Guru Menu Profile
Form Halaman Guru Menu Pesan T14
© LPMP Jabar 2011
T14
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Beranda menuju ke T01 halaman utama beranda
- Klik Cari menuju ke T16 halaman pencarian NUPTK sebagai member
- Klik Profile menuju ke T13 halaman profile member
- Klik Info menuju ke T18 halaman ganti password
- Klik Pesan menuju ke T14 halaman pesan sebagai member
- Klik Berkas menuju ke T15 halaman berkas sebagai member
- Klik Pesan Masuk menuju halaman pesan masuk
- Klik Pesan Keluar menuju halaman pesan keluar
- Klik Kirim menuju ke T17 halaman konfirmasi pengiriman pesan
Page Title
Tanggal
Beranda Cari
Berkas Logout
Pesan Profile
Info
Kirim pesan kepada admin
Judul Isi
Kirim
Pesan Masuk | Pesan Keluar Tabel data pesan
Gambar 3.24. Perancangan Antarmuka Halaman Guru Menu Pesan
Form Halaman Guru Menu Validasi Pengiriman Pesan T17
© LPMP Jabar 2011
T17
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Beranda menuju ke T01 halaman utama beranda
- Klik Cari menuju ke T16 halaman pencarian NUPTK sebagai member
- Klik Profile menuju ke T13 halaman profile member
- Klik Info menuju ke T18 halaman ganti password
- Klik Pesan menuju ke T14 halaman pesan sebagai member
- Klik Berkas menuju ke T15 halaman berkas sebagai member
- Klik Kembali menuju halaman menu pesan
Page Title
Tanggal
Beranda Cari
Berkas Logout
Pesan Profile
Info
Validasi Pengiriman Pesan Kembali
Gambar 3.25. Perancangan Antarmuka Halaman Guru Validasi Pengiriman
Pesan
Form Halaman Guru Menu Berkas T15
© LPMP Jabar 2011
T15
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Beranda menuju ke T01 halaman utama beranda
- Klik Cari menuju ke T16 halaman pencarian NUPTK sebagai member
- Klik Profile menuju ke T13 halaman profile member
- Klik Info menuju ke T18 halaman ganti password
- Klik Pesan menuju ke T14 halaman pesan sebagai member
- Klik Berkas menuju ke T15 halaman berkas sebagai member
- Klik Browse menampilkan halaman untuk browsepilih file yang akan di-
upload - Klik Upload menuju ke halaman
validasi pengiriman berkas
Page Title
Tanggal
Beranda Cari
Berkas Logout
Pesan Profile
Info
Berkas yang telah masuk Tabel Berkas
Pilih file berkas untuk di upload: File Yang Dapat di Upload:
Adobe Reader .pdf Ms Word .doc, .docx
Ms Excel .xls, .xlsx Gambar .jpeg, .jpg, .gif
Upload Browse
Gambar 3.26. Perancangan Antarmuka Halaman Guru Menu Berkas
Form Halaman Guru Menu Pencarian NUPTK T16
© LPMP Jabar 2011
T16
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Beranda menuju ke T01 halaman utama beranda
- Klik Cari menuju ke T16 halaman pencarian NUPTK sebagai member
à Klik Cari menampilkan hasil pencarian sesuai NUPTK yang dicari
- Klik Profile menuju ke T13 halaman profile member
- Klik Info menuju ke T18 halaman ganti password
- Klik Pesan menuju ke T14 halaman pesan sebagai member
- Klik Berkas menuju ke T15 halaman berkas sebagai member
Page Title
Tanggal
Beranda Cari
Berkas Logout
Pesan Profile
Cari NUPTK, Silahkan masukkan NUPTK
Cari
Info
Gambar 3.27. Perancangan Antarmuka Halaman Guru Menu Pencarian NUPTK
Form Halaman Guru Menu Info T18
© LPMP Jabar 2011
T04
Ukuran layar utama default 80 dari resolusi tampilan Font Ukuran 12
- Klik Beranda menuju ke T01 halaman utama beranda
- Klik Cari menuju ke T16 halaman pencarian NUPTK sebagai member
- Klik Profile menuju ke T13 halaman profile member
- Klik Info menuju ke T18 halaman untuk ganti password
à Klik Ganti untuk mengkonfirmasi perubahan password
- Klik Pesan menuju ke T14 halaman pesan sebagai member
- Klik Berkas menuju ke T15 halaman berkas sebagai member
Page Title
Tanggal
Beranda Cari
Berkas Logout
Pesan Profile
Pengumuman
Info
Password lama: Password Baru:
Ganti Ganti Password
Konfirmasi Password Baru:
Gambar 3.28. Perancangan Antarmuka Halaman Guru Menu Info
3.6.5 Jaringan Semantik
