15
3.1. Rancangan Use Case Diagram
Berikut use ca se diagram dari aplikasi yang dibuat.
Tata Usaha
Mengelola Data Sekolah
Membuat Pengumuman Sekolah Membuat Jadwal Pelajaran
Membuat Laporan Pembelajaran
Guru Menginput Nilai
Siswa
Membuat Pengumuman Kelas
Orang Tua Menerima Pengumuman
Kelas & Sekolah
<<includes>> <<includes>>
<<includes>>
Gambar 3.1 Use Ca se Diagram
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
Sistem Informasi Pengelolaan Data dan Penyebaran Informasi Sekolah Dasar Berbasis SMS Gateway
Tata Usaha Guru Orang Tua
K
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
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.
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
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
cari data by NIS
buka koneksi eksekusi query hasil query tutup koneksi cari by NIS
hasil data yang dicari
data yang diubah
Ubah Data
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.
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
3.5. Perancangan Database
Tabel – tabel serta relasi antar database yang digunakan dalam aplikasi disajikan dalam gambar berikut.
Gambar 3.6 Relasi Da ta ba se 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 merupaka n 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
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 N ilai
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 INFORMASI
SEKOLAH 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:
- 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
Aplikasi Pengelolaan Data Siswa
SISTEM INFORMASI SEKOLAH 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
PENGUMUMAN JADWAL
DATA LAPORAN Akun Tata Usaha
SISTEM INFORMASI
SEKOLAH DASAR
LOGO5. 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
PENGUMUMAN JADWAL
DATA LAPORAN Akun Tata Usaha
Mata Pelajaran
Guru Daftar Kelas RuangTahun Ajaran
Nomor Induk Siswa
Nama Lengkap Alamat Kelas Nama Orang Tua Nomor Telepon Orang Tua
Siswa
Cari Berdasarkan NIS
Text
Wednesday, April 22
1 Wednesday, April 22 Tampilkan Semua Data
Data Baru Ubah Data
DATA SISWA 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
PENGUMUMAN JADWAL
DATA LAPORAN Akun Tata Usaha Mata PelajaranDaftar Kelas RuangTahun Ajaran
Siswa
Kode Guru Nomor Induk Pegawai
Nama Lengkap Alamat Jenis Kelamin
Wednesday, April 22 Text Nama Lengkap Guru
Simpan Batal Laki-laki Perempuan Kode Guru
6. Form Penjadwalan
Tampilan ini digunakan dalam pembuatan jadwal pelajaran berdasarkan data kelas, ruang, guru, mata pelajaran.
Aplikasi Sistem Informasi Pengelolaan Data Sekolah
PENGUMUMAN
JADWAL LAPORAN Akun Tata Usaha
Hari \ Kelas Kelas I Kelas II Kelas III Kelas IV Kelas V
DATA 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
PENGUMUMAN
NILAI Akun Guru
SISTEM INFORMASI
SEKOLAH DASAR
LOGO8. Form N ilai
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
PENGUMUMAN
NILAI Akun Guru
No. NIS Kelas Mata Pelajaran Tahun Ajaran Nilai
Text Pilih Tahun Ajaran
Pilih Kelas
Daftar Mata Pelajaran
Tampilkan
Gambar 3.17 LKT Pengelolaan N ilai Siswa
Input Nilai
NIS
Nilai
Simpan
Nama Mata Pelajaran
