Post on 09-Mar-2019
15
BAB III.
PERANCANGAN SISTEM
3.1. Rancangan Use Case Diagram
Berikut use case diagram dari aplikasi yang dibuat.
Tata Usaha
Mengelola DataSekolah
Membuat PengumumanSekolah
Membuat JadwalPelajaran
Membuat LaporanPembelajaran
Guru
Menginput NilaiSiswa
Membuat PengumumanKelas
Orang Tua
Menerima PengumumanKelas & Sekolah
<<includes>><<includes>>
<<includes>>
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 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 Orang TuaGuru
Keg
iata
n O
per
asio
nal
Sek
ola
h
Mengelola Data Sekolah
Melakukan kegiatan belajar mengajar sesuai jadwal
Menerima laporan hasil belajar siswa
Memberikan penilaian siswa
Laporan hasil belajar siswa
Membuat Jadwal Pelajaran
Cetak Laporan
Membuat laporan hasil belajar siswa
Membagikan 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
Orang Tua Siswa Guru Tata Usaha
Pengumuman Sekolah Pengumuman Kelas Selebaran Buku Catatan
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 case, 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
Tata Usaha
User Interface 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
buka koneksi
eksekusi query
hasil query
tutup koneksi
Tambah Data
hasil
pesan berhasil/tidak
pesan berhasil/tidak
masukkan NIS
cari data by NIS
buka koneksi
eksekusi query
hasil query
tutup koneksi
cari by NIS
hasil
data yang dicari
data yang diubah
Ubah Data
buka koneksi
eksekusi query
hasil query
tutup koneksi
Ubah data
hasil
pesan berhasil/tidakpesan 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
Guru
User Interface 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
buka koneksi
eksekusi query
hasil query
tutup koneksi
Cari by NIPEG
hasil
Tampilkan Hasil
Pilih NIS
cari data by NIS
buka koneksi
eksekusi query
hasil query
tutup koneksi
cari by NIS
hasil
data yang dicari
Nilai yang diubah
Ubah Data Nilai
buka koneksi
eksekusi query
hasil query
tutup koneksi
Ubah nilai
hasil
pesan berhasil/tidakpesan 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
SISTEM INFORMASISEKOLAH DASAR
LOGO
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 INFORMASISEKOLAH 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
SISTEM INFORMASISEKOLAH DASAR
LOGO
OK
Pilih Tahun Ajaran :
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
PENGUMUMANJADWALDATA LAPORAN Akun Tata Usaha
SISTEM INFORMASISEKOLAH DASAR
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
PENGUMUMANJADWALDATA LAPORAN Akun Tata Usaha
Mata PelajaranGuru Tahun AjaranRuangDaftar Kelas
Nomor Induk Siswa
Nama Lengkap Alamat Kelas Nama Orang Tua Nomor Telepon Orang Tua
Siswa
Cari Berdasarkan NIS
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Wednesday, April 22
1
Wednesday, April 22
Tampilkan Semua Data
Data Baru Ubah Data
DATA SISWA
Tempat Lahir
Nomor Telepon
Tanggal Lahir
Alamat
Jenis Kelamin
Agama
Anak Ke
Tanggal Masuk
Kelas Mulai
Nama Orang Tua
Pekerjaan Orang Tua
Alamat Orang Tua
Nomor Induk Siswa
Nama Lengkap Siswa
Simpan Batal
Laki-laki Perempuan
Gambar 3.13 LKT Pengelolaan Data Siswa
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
PENGUMUMANJADWALDATA LAPORAN Akun Tata Usaha
Mata Pelajaran Tahun AjaranRuangDaftar KelasSiswa
Kode Guru Nomor Induk Pegawai
Nama Lengkap Alamat Jenis Kelamin
Nomor Telepon
Guru
Agama
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Wednesday, April 22
Text
Text
Text
DATA GURU
Tempat Lahir
Nomor Telepon
Tanggal Lahir
Alamat
Jenis Kelamin
Agama
NIP
Nama Lengkap Guru
Simpan Batal
Laki-laki Perempuan
Kode Guru
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
PENGUMUMANJADWAL LAPORAN Akun Tata Usaha
Hari \ Kelas Kelas I Kelas II Kelas III Kelas IV Kelas V
DATA
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Pilih Tahun Ajaran
Buat Baru Tampilkan
Daftar Kelas
Daftar Guru
Daftar Kelas
Daftar Mata Pelajaran
Hari
Jumlah Jam
Tambahkan
Jam Kosong
Hapus
Susunan Jadwal Pelajaran
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
PENGUMUMANNILAI Akun Guru
SISTEM INFORMASISEKOLAH DASAR
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
PENGUMUMANNILAI Akun Guru
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
Pilih Tahun Ajaran
Pilih Kelas
Daftar Mata Pelajaran
Tampilkan
Gambar 3.17 LKT Pengelolaan Nilai Siswa
Input Nilai
NIS
Nilai
Simpan
Nama Mata Pelajaran
Gambar 3.18 LKT Ubah Nilai Siswa