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