T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan Implementasi Aplikasi Desktop Sistem Informasi Pengelolaan Data dan Penyebaran Informasi Sekolah Dasar Berbasis SMS Gateway T0 BAB III
BAB III.
PERANCANGAN SISTEM
3.1. Rancangan Use Case Diagram
Berikut use ca se diagram dari aplikasi yang dibuat.
Mengelola Data
Sekolah
Membuat Jadwal
Pelajaran
Menginput Nilai
Siswa
Guru
Membuat Laporan
Pembelajaran
Membuat Pengumuman
Kelas
Tata Usaha
Membuat Pengumuman
Sekolah
Menerima Pengumuman
Kelas & Sekolah
Orang Tua
Gambar 3.1 Use Case Diagram
Gambar 3.1
menjelaskan mengenai peran dan
keterlibatan aktor. Dalam sistem ini terdapat 3 (tiga) aktor
utama yaitu tata usaha, guru, serta orang tua. Aktor
pertama, yaitu tata usaha, mampu melakukan pengelolaan
data sekolah yang meliputi data siswa, guru, mata pelajaran,
daftar kelas, ruang, serta tahun ajaran yang berlaku. Tata
usaha juga bertugas membuat jadwal pelajaran , membuat
laporan
pembelajaran,
serta
15
membuat
pengumuman
16
sekolah. Dalam hal ini pengumuman yang disebarkan
merupakan pengumuman tingkat sekolah sehingga seluruh
kelas menerima informasi yang sama, seperti pengumuman
mengenai kegiatan sekolah, hari libur, pemakaian seragam
tertentu, serta aktivitas lain.
Aktor kedua adalah guru, mampu mennginput nilai
siswa dengan mata pelajaran dan kelas tertentu, sesuai
jadwal yang telah dibuat oleh tata usaha. Guru juga dapat
membuat pengumuman kelas sesuai dengan kelas yang
diampu, terkait dengan pengumuman tentang tugas harian
atau ulangan kelas. Aktor ketiga, orang tua dari siswa,
berperan dalam penerimaan pengumuman dari sekolah
yang tentu saja berkaitan dengan pemberian pengumuman
oleh tata usaha atau guru.
3.2. Rancangan Activity Diagram
Berikut activity diagram dari kegiatan operasional
sekolah dasar yang menggambarkan aktivitas yang terjadi
dengan melibatkan guru, tata usaha, serta orang tua.
17
Sistem Informasi Pengelolaan Data dan Penyebaran Informasi Sekolah Dasar Berbasis SMS Gateway
Tata Usaha
Guru
Orang Tua
Mengelola Data Sekolah
Membuat Jadwal Pelajaran
Melakukan kegiatan belajar mengajar sesuai jadwal
Kegiatan Operasional Sekolah
Memberikan penilaian siswa
Laporan hasil belajar siswa
Membuat laporan hasil belajar siswa
Cetak Laporan
Membagikan laporan hasil belajar siswa
Menerima laporan hasil belajar siswa
Gambar 3.2 Activity Diagram
Berdasarkan Gambar 3.2 dapat diketahui kegiatan
dimulai pada pihak tata usaha, berawal dari pengelolaan
data sekolah, kemudian menyusun jadwal pelajaran sesuai
data – data sekolah yang ada. Guru akan melakukan
kegiatan belajar mengajar sesuai jadwal yang telah disusun
dan dapat memberikan penilaian sesuai kelas dan mata
pelajaran yang diampu. Pemberian penilaian berlanjut pada
pembuatan laporan hasil belajar per mata pelajaran oleh
guru yang kemudian diserahkan kepada tata usaha agar
dapat dicetak per siswa. Selanjutnya laporan hasil belajar
siswa akan diserahkan kembali kepada
guru
yang
berwenang sebagai wali kelas, lalu akan dibagikan kepada
orang tua siswa. Orang tua siswa akan menerima hasil
belajar siswa dan diagram berakhir.
3.3. Urutan Proses Penyebaran Informasi Sekolah Dasar
Berikut urutan dari proses penyebaran informasi
sekolah dasar.
18
Pengumuman Sekolah
Orang Tua
Siswa
Guru
Pengumuman Kelas
Selebaran
Buku Catatan
Tata Usaha
1. Membuat
2. Mencetak
3. Menerima
4. Membagikan per kelas
5. Menerima
6. Menerima
7. Menyampaikan
8. Menerima
9. Mencatat
10. Menerima
Gambar 3.3 Urutan Proses Penyebaran Informasi
Gambar 3.3 di atas merupakan urutan proses
penyebaran informasi sekolah dasar yang berawal dari tata
usaha yang membuat pengumuman sekolah dan mencetak
sebagai bentuk selebaran, yang kemudian diserahkan
kepada guru untuk dibagikan ke siswa. Siswa yang
menerima diharapkan menyerahkan selebaran tersebut
kepada orang tua, sehiingga orang tua pun tahu kegiatan
yang diadakan serta pengumuman yang diberikan oleh
sekolah.
Selanjutnya guru dapat memberikan pengumuman
kelas kepada siswa terkait tugas harian maupun ulangan
kelas. Pada sistem manual pengumuman kelas akan
diberikan secara lisan, sehingga siswa perlu mencatat sesuai
19
perintah guru, dan diharapkan orang tua dapat memantau
tugas dan kegiatan siswa lewat buku catatan siswa.
Rancangan use ca se, diagram aktivitas, serta urutan
proses merupakan alur manual dari proses pengelolaan data
sekolah dan penyebaran informasi. Berikut akan dijelaskan
perancangan sistem secara terkomputerisasi, alur dan proses
yang terjadi antara aktor dengan sistem.
3.4. Perancangan Sequence Diagram
Sequence diagram merupakan gambaran urutan
kejadian yang terjadi dalam sistem menurut hak akses yang
dimiliki oleh setiap pengguna. Pada sistem ini sequence
dibagi menjadi dua bagian, yaitu sequence diagram tata
usaha dan sequence diagram guru. Berikut merupakan
sequence diagram tata usaha pada proses pengelolaan data
sekolah.
20
User Interface
Tata Usaha
Business Layer
Data Access Layer
Database
login
validasi username & password
validasi by username
*
buka koneksi
eksekusi query
hasil query
tutup koneksi
username dan password
hasil validasi
pesan validasi
Pilih Menu Data
Input Data
Tambah Data
Tambah Data
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
pesan berhasil/tidak
pesan berhasil/tidak
masukkan NIS
cari data by NIS
cari by NIS
buka koneksi
eksekusi query
hasil query
hasil
tutup koneksi
data yang dicari
data yang diubah
Ubah Data
Ubah data
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
*
pesan berhasil/tidak
pesan berhasil/tidak
Gambar 3.4 Sequence Diagram Pengelolaan Data
21
Gambar 3.4 menunjukkan bahwa aktor tata usaha dapat
melakukan login ke sistem, kemudian username dan password
yang diinputkan akan di validasi sesuai data yang tersimpan
dalam database. Apabila login berhasil, tata usaha akan
mengakses Menu Utama, dan apabila memilih menu Data, tata
usaha dapat melakukan pengelolaan data berupa tambah, ubah,
dan cari pada data sekolah.
Gambar 3.5 merupakan sequence diagram dari roles Guru.
Guru dapat login seperti tata usaha, tetapi tidak dapat mengelola
data siswa. Guru mampu mengelola nilai siswa, mengubah nilai
siswa dengan syarat nilai yang diubah merupakan mata pelajaran
serta kelas yang diampu sesuai dengan jadwal pada tahun ajaran
tersebut. Setiap proses selalu dikaitkan dengan database dengan
sistem buka tutup. Dimulai dari pencarian data kelas serta mata
pelajaran yang diampu oleh guru, hingga pengubahan nilai,
semua berkaitan dengan database.
22
User Interface
Guru
Business Layer
Data Access Layer
Database
login
validasi username & password
validasi by username
*
buka koneksi
eksekusi query
hasil query
tutup koneksi
username dan password
hasil validasi
pesan validasi
Pilih Menu Nilai
Cari Mapel dan Kelas yang diampu
Cari by NIPEG
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
Tampilkan Hasil
Pilih NIS
cari data by NIS
cari by NIS
buka koneksi
eksekusi query
hasil query
hasil
tutup koneksi
data yang dicari
Nilai yang diubah
Ubah Data Nilai
Ubah nilai
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
pesan berhasil/tidak
pesan berhasil/tidak
*
Gambar 3.5 Sequence Diagram Pengelolaan Nilai
23
3.5. Perancangan Database
Tabel – tabel serta relasi antar database yang
digunakan dalam aplikasi disajikan dalam gambar berikut.
Gambar 3.6 Relasi Database Users, UserRoles, dan Roles
Gambar di atas menjelaskan relasi yang terjadi antara
tiga tabel, Users, UserRoles dan Roles. Tabel Users berisi
daftar pengguna dengan field UserID, UserName, dan
Password. Tabel ini akan menyimpan username dan
password dari pengguna. Tabel Roles merupakan tabel yng
menyimpan roles atau peran atau wewenang yang terkait
dengan sistem. Tabel UserRoles merupakan tabel yang
menyatukan table Users dan Roles, sehingga relasi terjadi
di tabel ini.
Gambar 3.7 Relasi Database Jadwal
Berdasarkan gambar di atas, dapat diketahui database
jadwal
memiliki
delapan
field
yaitu
kode_jadwal,
24
kode_kelas, kode_TA,hari, jam, kode_ruang, kode_guru,
serta kode_mapel. Setiap data jadwal yang dibuat akan
disimpan dalam tabel tersebut. Relasi terjadi karena tabel
jadwal
membutuhkan data dari tabel lain yaitu data
kode_guru dari tabel Guru, kode_kelas dari tabel Kelas,
kode_ruang dari tabel Ruang,
kode_TA dari tabel
TahunAjaran, serta kode_mapel dari tabel Mata_Pelajaran.
Gambar 3.8 Relasi Database Nilai
Gambar 3.8 menjelaskan mengenai relasi yang terjadi
antara tabel Nilai, TahunAjaran, Mata_Pelajaram, serta
tabel Siswa. Tabel Nilai menyimpan nilai – nilai siswa
dengan mata pelajaran tertentu pada periode waktu tertentu.
25
3.6. Perancangan Tampilan
Tier atau tingkatan ini terdiri atas interface atau
tampilan bagi user.
1. Splash Screen
Splash screen merupakan tampilan awal ketika
aplikasi dibuka. Terdiri atas logo, nama aplikasi,
serta progress bar untuk proses loading sebelum
masuk ke tampilan selanjutnya.
Aplikasi Pengelolaan Data Siswa
LOGO
SISTEM INFORMASI
SEKOLAH DASAR
Gambar 3.9 LKT Splash Screen
2. Form Login
Pada tampilan ini user diminta memasukkan
inputan berupa username dan password sebelum
masuk ke menu utama, sehingga dapat diketahui
wewenang user sesuai dengan roles yang ada.
Tampilan ini terdiri atas:
-
Textbox untuk username dan password
-
Tombol masuk
26
-
Label sebagai tempat pesan error apabila terjadi
beberapa eksepsi saat proses validasi username
dan password
-
Label untuk nama aplikasi
-
Logo aplikasi
Login Form
SISTEM INFORMASI
SEKOLAH DASAR
LOGO
User name
Password
Masuk
errorLabel
Gambar 3.10 LKT Login Form
3. Form Tahun Ajaran
Tampilan ini terkhusus bagi roles tata usaha,
yaitu pemilihan tahun ajaran yang dikehendaki
yang.
27
Aplikasi Pengelolaan Data Siswa
LOGO
SISTEM INFORMASI
SEKOLAH DASAR
Pilih Tahun Ajaran :
OK
Gambar 3.11 LKT Form Tahun Ajaran
4. Form Menu Utama Admin
Tampilan ini berisi menu bar untuk masuk ke
tampilan pengelolaan data sekolah, pengelolaan
jadwal, penyebaran pengumuman sekolah, serta
pembuatan laporan – laporan. Pada sisi kanan
terdapat button
untuk
masuk
ke tampilan
pengubahan kata sandi pada akun tersebut.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
JADWAL
PENGUMUMAN
LAPORAN
SISTEM INFORMASI
SEKOLAH DASAR
Akun Tata Usaha
LOGO
Gambar 3.12 LKT Menu Utama Admin
28
5. Form Pengelolaan Data
Tampilan berikut merupakan rancangan tampilan
pengelolaan data sekolah yang mencakup data
siswa, guru, mata pelajaran, daftar kelas, daftar
ruangan, serta tahun ajaran. Pengelolaan data
meliputi fungsi tambah, ubah, dan hapus. Pada
pengelolaan data siswa ditambahkan pula sebuah
textbox untuk dilakukan pencarian pada nomor
induk tertentu.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
Siswa
JADWAL
Guru
Mata Pelajaran
PENGUMUMAN
Daftar Kelas
Ruang
LAPORAN
DATA SISWA
Tampilkan Semua Data
Data Baru
Akun Tata Usaha
Tahun Ajaran
Cari Berdasarkan NIS
Nomor Induk Siswa
Ubah Data
Nama Lengkap Siswa
Nomor Induk
Siswa
Nama Lengkap
Alamat
Kelas
Nama Orang Tua
Nomor Telepon
Orang Tua
Tempat Lahir
Tanggal Lahir
Text
Text
Text
Text
Text
Text
Alamat
Text
Text
Text
Text
Text
Text
Jenis Kelamin
Text
Text
Text
Text
Text
Text
Wednesday, April 22
Laki-laki
Perempuan
Agama
Anak Ke
1
Tanggal Masuk
Wednesday, April 22
Kelas Mulai
Nama Orang Tua
Pekerjaan Orang Tua
Alamat Orang Tua
Nomor Telepon
Simpan
Batal
Gambar 3.13 LKT Pengelolaan Data Siswa
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
Siswa
Guru
Kode Guru
Text
JADWAL
Mata Pelajaran
PENGUMUMAN
Daftar Kelas
Nomor Induk
Pegawai
Ruang
LAPORAN
Akun Tata Usaha
Tahun Ajaran
Nama Lengkap
Alamat
Jenis
Kelamin
Agama
Nomor
Telepon
DATA GURU
Kode Guru
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
NIP
Nama Lengkap Guru
Tempat Lahir
Tanggal Lahir
Wednesday, April 22
Alamat
Jenis Kelamin
Laki-laki
Perempuan
Agama
Nomor Telepon
Simpan
Batal
Gambar 3.14 LKT Pengelolaan Data Guru
29
6. Form Penjadwalan
Tampilan ini digunakan dalam pembuatan jadwal
pelajaran berdasarkan data kelas, ruang, guru,
mata pelajaran.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
JADWAL
PENGUMUMAN
Pilih Tahun Ajaran
Buat Baru
Tampilkan
LAPORAN
Akun Tata Usaha
Daftar Kelas
Daftar Mata Pelajaran
Daftar Guru
Hari
Daftar Kelas
Jumlah Jam
Tambahkan
Jam Kosong
Hapus
Susunan Jadwal Pelajaran
Hari \ Kelas
Kelas I
Kelas II
Kelas IV
Kelas III
Kelas V
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Simpan
Gambar 3.15 LKT Pembuatan Jadwal Pelajaran
7. Form Menu Utama Guru
Tampilan ini berisi menu bar untuk masuk ke
tampilan pengelolaan nilai siswa yang diampu
serta penyebaran pengumuman kelas. Pada sisi
kanan terdapat button untuk masuk ke tampilan
pengubahan kata sandi pada akun tersebut.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
NILAI
PENGUMUMAN
SISTEM INFORMASI
SEKOLAH DASAR
Akun Guru
LOGO
Gambar 3.16 LKT Menu Utama Guru
30
8. Form Nilai
Tampilan ini berisi daftar siswa yang diampu
seorang guru pada mata pelajaran tertentu dan
untuk mengubah nilai siswa akan diarahkan pada
Gambar 3.19.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
NILAI
PENGUMUMAN
Akun Guru
Daftar Mata Pelajaran
Pilih Tahun Ajaran
Pilih Kelas
Tampilkan
No.
NIS
Kelas
Mata Pelajaran
Tahun Ajaran
Nilai
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Gambar 3.17 LKT Pengelolaan Nilai Siswa
Input Nilai
Nama Mata Pelajaran
NIS
Nilai
Simpan
Gambar 3.18 LKT Ubah Nilai Siswa
PERANCANGAN SISTEM
3.1. Rancangan Use Case Diagram
Berikut use ca se diagram dari aplikasi yang dibuat.
Mengelola Data
Sekolah
Membuat Jadwal
Pelajaran
Menginput Nilai
Siswa
Guru
Membuat Laporan
Pembelajaran
Membuat Pengumuman
Kelas
Tata Usaha
Membuat Pengumuman
Sekolah
Menerima Pengumuman
Kelas & Sekolah
Orang Tua
Gambar 3.1 Use Case Diagram
Gambar 3.1
menjelaskan mengenai peran dan
keterlibatan aktor. Dalam sistem ini terdapat 3 (tiga) aktor
utama yaitu tata usaha, guru, serta orang tua. Aktor
pertama, yaitu tata usaha, mampu melakukan pengelolaan
data sekolah yang meliputi data siswa, guru, mata pelajaran,
daftar kelas, ruang, serta tahun ajaran yang berlaku. Tata
usaha juga bertugas membuat jadwal pelajaran , membuat
laporan
pembelajaran,
serta
15
membuat
pengumuman
16
sekolah. Dalam hal ini pengumuman yang disebarkan
merupakan pengumuman tingkat sekolah sehingga seluruh
kelas menerima informasi yang sama, seperti pengumuman
mengenai kegiatan sekolah, hari libur, pemakaian seragam
tertentu, serta aktivitas lain.
Aktor kedua adalah guru, mampu mennginput nilai
siswa dengan mata pelajaran dan kelas tertentu, sesuai
jadwal yang telah dibuat oleh tata usaha. Guru juga dapat
membuat pengumuman kelas sesuai dengan kelas yang
diampu, terkait dengan pengumuman tentang tugas harian
atau ulangan kelas. Aktor ketiga, orang tua dari siswa,
berperan dalam penerimaan pengumuman dari sekolah
yang tentu saja berkaitan dengan pemberian pengumuman
oleh tata usaha atau guru.
3.2. Rancangan Activity Diagram
Berikut activity diagram dari kegiatan operasional
sekolah dasar yang menggambarkan aktivitas yang terjadi
dengan melibatkan guru, tata usaha, serta orang tua.
17
Sistem Informasi Pengelolaan Data dan Penyebaran Informasi Sekolah Dasar Berbasis SMS Gateway
Tata Usaha
Guru
Orang Tua
Mengelola Data Sekolah
Membuat Jadwal Pelajaran
Melakukan kegiatan belajar mengajar sesuai jadwal
Kegiatan Operasional Sekolah
Memberikan penilaian siswa
Laporan hasil belajar siswa
Membuat laporan hasil belajar siswa
Cetak Laporan
Membagikan laporan hasil belajar siswa
Menerima laporan hasil belajar siswa
Gambar 3.2 Activity Diagram
Berdasarkan Gambar 3.2 dapat diketahui kegiatan
dimulai pada pihak tata usaha, berawal dari pengelolaan
data sekolah, kemudian menyusun jadwal pelajaran sesuai
data – data sekolah yang ada. Guru akan melakukan
kegiatan belajar mengajar sesuai jadwal yang telah disusun
dan dapat memberikan penilaian sesuai kelas dan mata
pelajaran yang diampu. Pemberian penilaian berlanjut pada
pembuatan laporan hasil belajar per mata pelajaran oleh
guru yang kemudian diserahkan kepada tata usaha agar
dapat dicetak per siswa. Selanjutnya laporan hasil belajar
siswa akan diserahkan kembali kepada
guru
yang
berwenang sebagai wali kelas, lalu akan dibagikan kepada
orang tua siswa. Orang tua siswa akan menerima hasil
belajar siswa dan diagram berakhir.
3.3. Urutan Proses Penyebaran Informasi Sekolah Dasar
Berikut urutan dari proses penyebaran informasi
sekolah dasar.
18
Pengumuman Sekolah
Orang Tua
Siswa
Guru
Pengumuman Kelas
Selebaran
Buku Catatan
Tata Usaha
1. Membuat
2. Mencetak
3. Menerima
4. Membagikan per kelas
5. Menerima
6. Menerima
7. Menyampaikan
8. Menerima
9. Mencatat
10. Menerima
Gambar 3.3 Urutan Proses Penyebaran Informasi
Gambar 3.3 di atas merupakan urutan proses
penyebaran informasi sekolah dasar yang berawal dari tata
usaha yang membuat pengumuman sekolah dan mencetak
sebagai bentuk selebaran, yang kemudian diserahkan
kepada guru untuk dibagikan ke siswa. Siswa yang
menerima diharapkan menyerahkan selebaran tersebut
kepada orang tua, sehiingga orang tua pun tahu kegiatan
yang diadakan serta pengumuman yang diberikan oleh
sekolah.
Selanjutnya guru dapat memberikan pengumuman
kelas kepada siswa terkait tugas harian maupun ulangan
kelas. Pada sistem manual pengumuman kelas akan
diberikan secara lisan, sehingga siswa perlu mencatat sesuai
19
perintah guru, dan diharapkan orang tua dapat memantau
tugas dan kegiatan siswa lewat buku catatan siswa.
Rancangan use ca se, diagram aktivitas, serta urutan
proses merupakan alur manual dari proses pengelolaan data
sekolah dan penyebaran informasi. Berikut akan dijelaskan
perancangan sistem secara terkomputerisasi, alur dan proses
yang terjadi antara aktor dengan sistem.
3.4. Perancangan Sequence Diagram
Sequence diagram merupakan gambaran urutan
kejadian yang terjadi dalam sistem menurut hak akses yang
dimiliki oleh setiap pengguna. Pada sistem ini sequence
dibagi menjadi dua bagian, yaitu sequence diagram tata
usaha dan sequence diagram guru. Berikut merupakan
sequence diagram tata usaha pada proses pengelolaan data
sekolah.
20
User Interface
Tata Usaha
Business Layer
Data Access Layer
Database
login
validasi username & password
validasi by username
*
buka koneksi
eksekusi query
hasil query
tutup koneksi
username dan password
hasil validasi
pesan validasi
Pilih Menu Data
Input Data
Tambah Data
Tambah Data
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
pesan berhasil/tidak
pesan berhasil/tidak
masukkan NIS
cari data by NIS
cari by NIS
buka koneksi
eksekusi query
hasil query
hasil
tutup koneksi
data yang dicari
data yang diubah
Ubah Data
Ubah data
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
*
pesan berhasil/tidak
pesan berhasil/tidak
Gambar 3.4 Sequence Diagram Pengelolaan Data
21
Gambar 3.4 menunjukkan bahwa aktor tata usaha dapat
melakukan login ke sistem, kemudian username dan password
yang diinputkan akan di validasi sesuai data yang tersimpan
dalam database. Apabila login berhasil, tata usaha akan
mengakses Menu Utama, dan apabila memilih menu Data, tata
usaha dapat melakukan pengelolaan data berupa tambah, ubah,
dan cari pada data sekolah.
Gambar 3.5 merupakan sequence diagram dari roles Guru.
Guru dapat login seperti tata usaha, tetapi tidak dapat mengelola
data siswa. Guru mampu mengelola nilai siswa, mengubah nilai
siswa dengan syarat nilai yang diubah merupakan mata pelajaran
serta kelas yang diampu sesuai dengan jadwal pada tahun ajaran
tersebut. Setiap proses selalu dikaitkan dengan database dengan
sistem buka tutup. Dimulai dari pencarian data kelas serta mata
pelajaran yang diampu oleh guru, hingga pengubahan nilai,
semua berkaitan dengan database.
22
User Interface
Guru
Business Layer
Data Access Layer
Database
login
validasi username & password
validasi by username
*
buka koneksi
eksekusi query
hasil query
tutup koneksi
username dan password
hasil validasi
pesan validasi
Pilih Menu Nilai
Cari Mapel dan Kelas yang diampu
Cari by NIPEG
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
Tampilkan Hasil
Pilih NIS
cari data by NIS
cari by NIS
buka koneksi
eksekusi query
hasil query
hasil
tutup koneksi
data yang dicari
Nilai yang diubah
Ubah Data Nilai
Ubah nilai
buka koneksi
eksekusi query
hasil query
tutup koneksi
hasil
pesan berhasil/tidak
pesan berhasil/tidak
*
Gambar 3.5 Sequence Diagram Pengelolaan Nilai
23
3.5. Perancangan Database
Tabel – tabel serta relasi antar database yang
digunakan dalam aplikasi disajikan dalam gambar berikut.
Gambar 3.6 Relasi Database Users, UserRoles, dan Roles
Gambar di atas menjelaskan relasi yang terjadi antara
tiga tabel, Users, UserRoles dan Roles. Tabel Users berisi
daftar pengguna dengan field UserID, UserName, dan
Password. Tabel ini akan menyimpan username dan
password dari pengguna. Tabel Roles merupakan tabel yng
menyimpan roles atau peran atau wewenang yang terkait
dengan sistem. Tabel UserRoles merupakan tabel yang
menyatukan table Users dan Roles, sehingga relasi terjadi
di tabel ini.
Gambar 3.7 Relasi Database Jadwal
Berdasarkan gambar di atas, dapat diketahui database
jadwal
memiliki
delapan
field
yaitu
kode_jadwal,
24
kode_kelas, kode_TA,hari, jam, kode_ruang, kode_guru,
serta kode_mapel. Setiap data jadwal yang dibuat akan
disimpan dalam tabel tersebut. Relasi terjadi karena tabel
jadwal
membutuhkan data dari tabel lain yaitu data
kode_guru dari tabel Guru, kode_kelas dari tabel Kelas,
kode_ruang dari tabel Ruang,
kode_TA dari tabel
TahunAjaran, serta kode_mapel dari tabel Mata_Pelajaran.
Gambar 3.8 Relasi Database Nilai
Gambar 3.8 menjelaskan mengenai relasi yang terjadi
antara tabel Nilai, TahunAjaran, Mata_Pelajaram, serta
tabel Siswa. Tabel Nilai menyimpan nilai – nilai siswa
dengan mata pelajaran tertentu pada periode waktu tertentu.
25
3.6. Perancangan Tampilan
Tier atau tingkatan ini terdiri atas interface atau
tampilan bagi user.
1. Splash Screen
Splash screen merupakan tampilan awal ketika
aplikasi dibuka. Terdiri atas logo, nama aplikasi,
serta progress bar untuk proses loading sebelum
masuk ke tampilan selanjutnya.
Aplikasi Pengelolaan Data Siswa
LOGO
SISTEM INFORMASI
SEKOLAH DASAR
Gambar 3.9 LKT Splash Screen
2. Form Login
Pada tampilan ini user diminta memasukkan
inputan berupa username dan password sebelum
masuk ke menu utama, sehingga dapat diketahui
wewenang user sesuai dengan roles yang ada.
Tampilan ini terdiri atas:
-
Textbox untuk username dan password
-
Tombol masuk
26
-
Label sebagai tempat pesan error apabila terjadi
beberapa eksepsi saat proses validasi username
dan password
-
Label untuk nama aplikasi
-
Logo aplikasi
Login Form
SISTEM INFORMASI
SEKOLAH DASAR
LOGO
User name
Password
Masuk
errorLabel
Gambar 3.10 LKT Login Form
3. Form Tahun Ajaran
Tampilan ini terkhusus bagi roles tata usaha,
yaitu pemilihan tahun ajaran yang dikehendaki
yang.
27
Aplikasi Pengelolaan Data Siswa
LOGO
SISTEM INFORMASI
SEKOLAH DASAR
Pilih Tahun Ajaran :
OK
Gambar 3.11 LKT Form Tahun Ajaran
4. Form Menu Utama Admin
Tampilan ini berisi menu bar untuk masuk ke
tampilan pengelolaan data sekolah, pengelolaan
jadwal, penyebaran pengumuman sekolah, serta
pembuatan laporan – laporan. Pada sisi kanan
terdapat button
untuk
masuk
ke tampilan
pengubahan kata sandi pada akun tersebut.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
JADWAL
PENGUMUMAN
LAPORAN
SISTEM INFORMASI
SEKOLAH DASAR
Akun Tata Usaha
LOGO
Gambar 3.12 LKT Menu Utama Admin
28
5. Form Pengelolaan Data
Tampilan berikut merupakan rancangan tampilan
pengelolaan data sekolah yang mencakup data
siswa, guru, mata pelajaran, daftar kelas, daftar
ruangan, serta tahun ajaran. Pengelolaan data
meliputi fungsi tambah, ubah, dan hapus. Pada
pengelolaan data siswa ditambahkan pula sebuah
textbox untuk dilakukan pencarian pada nomor
induk tertentu.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
Siswa
JADWAL
Guru
Mata Pelajaran
PENGUMUMAN
Daftar Kelas
Ruang
LAPORAN
DATA SISWA
Tampilkan Semua Data
Data Baru
Akun Tata Usaha
Tahun Ajaran
Cari Berdasarkan NIS
Nomor Induk Siswa
Ubah Data
Nama Lengkap Siswa
Nomor Induk
Siswa
Nama Lengkap
Alamat
Kelas
Nama Orang Tua
Nomor Telepon
Orang Tua
Tempat Lahir
Tanggal Lahir
Text
Text
Text
Text
Text
Text
Alamat
Text
Text
Text
Text
Text
Text
Jenis Kelamin
Text
Text
Text
Text
Text
Text
Wednesday, April 22
Laki-laki
Perempuan
Agama
Anak Ke
1
Tanggal Masuk
Wednesday, April 22
Kelas Mulai
Nama Orang Tua
Pekerjaan Orang Tua
Alamat Orang Tua
Nomor Telepon
Simpan
Batal
Gambar 3.13 LKT Pengelolaan Data Siswa
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
Siswa
Guru
Kode Guru
Text
JADWAL
Mata Pelajaran
PENGUMUMAN
Daftar Kelas
Nomor Induk
Pegawai
Ruang
LAPORAN
Akun Tata Usaha
Tahun Ajaran
Nama Lengkap
Alamat
Jenis
Kelamin
Agama
Nomor
Telepon
DATA GURU
Kode Guru
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
NIP
Nama Lengkap Guru
Tempat Lahir
Tanggal Lahir
Wednesday, April 22
Alamat
Jenis Kelamin
Laki-laki
Perempuan
Agama
Nomor Telepon
Simpan
Batal
Gambar 3.14 LKT Pengelolaan Data Guru
29
6. Form Penjadwalan
Tampilan ini digunakan dalam pembuatan jadwal
pelajaran berdasarkan data kelas, ruang, guru,
mata pelajaran.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
DATA
JADWAL
PENGUMUMAN
Pilih Tahun Ajaran
Buat Baru
Tampilkan
LAPORAN
Akun Tata Usaha
Daftar Kelas
Daftar Mata Pelajaran
Daftar Guru
Hari
Daftar Kelas
Jumlah Jam
Tambahkan
Jam Kosong
Hapus
Susunan Jadwal Pelajaran
Hari \ Kelas
Kelas I
Kelas II
Kelas IV
Kelas III
Kelas V
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Simpan
Gambar 3.15 LKT Pembuatan Jadwal Pelajaran
7. Form Menu Utama Guru
Tampilan ini berisi menu bar untuk masuk ke
tampilan pengelolaan nilai siswa yang diampu
serta penyebaran pengumuman kelas. Pada sisi
kanan terdapat button untuk masuk ke tampilan
pengubahan kata sandi pada akun tersebut.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
NILAI
PENGUMUMAN
SISTEM INFORMASI
SEKOLAH DASAR
Akun Guru
LOGO
Gambar 3.16 LKT Menu Utama Guru
30
8. Form Nilai
Tampilan ini berisi daftar siswa yang diampu
seorang guru pada mata pelajaran tertentu dan
untuk mengubah nilai siswa akan diarahkan pada
Gambar 3.19.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
NILAI
PENGUMUMAN
Akun Guru
Daftar Mata Pelajaran
Pilih Tahun Ajaran
Pilih Kelas
Tampilkan
No.
NIS
Kelas
Mata Pelajaran
Tahun Ajaran
Nilai
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Gambar 3.17 LKT Pengelolaan Nilai Siswa
Input Nilai
Nama Mata Pelajaran
NIS
Nilai
Simpan
Gambar 3.18 LKT Ubah Nilai Siswa