Anda di halaman 1dari 58

BAB 4

PERANCANGAN SISTEM YANG DIUSULKAN

4.1 Usulan Sistem


SMP Pembangunan Jaya merupakan sekolah menengah pertama swasta yang
berada di wilayah Bintaro Jaya dan memiliki segmen pasar pada kalangan menengah
atas. SMP Pembangunan Jaya yang berada di bawah Yayasan Pendidikan Jaya
mengharapkan dari pengimplementasian dari sistem pelaporan nilai dan informasi ini
terjadi peningkatan dalam penyampaian informasi kepada orangtua yang saat ini tidak
tersampaikan

sepenuhnya

atau

terlambat.

Sistem

ini

diharap

mampu

untuk

menyampaikan nilai ke nomor handphone orangtua siswa-siswi dan juga menyampaikan


pengumuman serta absensi.
Sistem yang dapat melaporkan nilai dari siswa-siswi SMP Pembangunan Jaya
langsung kepada handphone orangtua murid (user). Sistem menggunakan database dan
program yang dapat mengambil nilai dari database untuk kemudian dikirimkan ke
handphone user. User juga menerima informasi kegiatan sekolah bagi anaknya dan juga
laporan absensi apabila anaknya tidak hadir dalam kegiatan belajar mengajar.
Sistem SMS ini menggunakan metode push dan pull dalam penyampaian
informasinya. Push untuk pelaporan pengumuman, untuk pelaporan nilai menggunakan
push dan pull, pelaporan absensi dengan metode push.
The FACTOR Criterion
F:

Mendukung pelaporan nilai dan penyampaian pengumuman dan absensi


melalui SMS. Mendukung proses input nilai, pengumuman, absensi yang

137
dilakukan oleh orang dengan berbagai latar belakang serta mampu
melakukan penyimpanan data nilai dan pengumuman.
A:

Penyampaian nilai dan pengumuman, serta absensi. Pendaftaran user


melalui HP atau manual melalui input oleh Admin TU. Penginputan nilai
oleh masing-masing guru mata pelajaran dan wali kelas. Input absensi oleh
guru wali kelas.Input pengumuman oleh Admin TU.

C:

Sistem saat ini paper-based dengan penyimpanan nilai dalam computer yang
terdapat pada ruangan Admin TU dengan format file Microsoft Excel. Rapor
disampaikan melalui siswa-siswi, paper-based, setiap bulan

T:

PC yang dilengkapi dengan database untuk penyimpanan data. Sistem akan


dikembangkan di dalam PC dan diprogram dalam bahasa pemrograman
berbasis obyek menggunakan aplikasi Visual Basic. Untuk pengiriman SMS
menggunakan media HP yang terhubung kepada PC menggunakan kabel
data, HP bertndak seolah-olah sebagai modem. User-interface berbasis
Windows dan dioperasikan dengan menggunakan mouse dan keyboard.

O:

Orangtua murid.

R:

Penyampaian pengumuman, absensi dan nilai. Membaca SMS yang masuk


dan memberi balasan sesuai dengan isinya secara otomatis.

138
4.1.1 Rich Picture

Gambar 4. 1 Rich Picture sistem yang sedang berjalan.

4.1.2 Penjelasan Rich Picture saat ini


Dari gambar di atas, Kepala Sekolah, Wali Kelas, maupun Yayasan
menyampaikan informasi kepada orangtua melalui Administrasi.

139
Lebih jelasnya :
1. Yayasan Pendidikan Jaya apabila akan memberitahukan informasi kepada
orangtua akan memberikan informasi tersebut kepada Administrasi SMP
Pembangunan Jaya.
2. Wali Kelas apabila akan memberitahukan informasi kepada orangtua akan
memberikan informasi tersebut kepada Administrasi SMP Pembangunan
Jaya.
3. Kepala Sekolah SMP Pembangunan Jaya apabila akan memberitahukan
informasi kepada orangtua akan memberikan informasi tersebut kepada
Administrasi SMP Pembangunan Jaya.
4. Administrasi kemudian membuatkan surat edaran untuk orangtua murid
berkaitan dengan informasi yang diberikan melalui walikelas atau guru
mata pelajaran.
5. Apabila orangtua membutuhkan keterangan lebih lanjut mengenai
informasi yang dibagikan dapat menghubungi Administrasi untuk
memperoleh keterangan lebih lanjut.
Arus Informasi Nilai saat ini
Lebih jelasnya, dari diagram di atas untuk arus informasi nilai adalah :
1. Murid melakukan ujian di minggu ketiga serentak dan diperiksa oleh guru
mata pelajaran masing-masing.
2. Guru mata pelajaran kemudian melaporkan nilai dari ujian tersebut kepada
Wali Kelas.

140
3. Wali Kelas kemudian melakukan ledger atau laporan keseluruhan dari
nilai-nilai siswa-siswi kelasnya yang masuk dari tiap guru mata pelajaran
tersebut.
4. Ledger nilai yang telah disusun kemudian dilaporkan kepada Administrasi
TU untuk di print ke dalam kertas raport bulanan. Dan begitu pula untuk
nilai raport semester.
5. Administrasi selain mengeprint nilai ke dalam ketras raport bulanan dan
raport semester juga menyimpan data nilai ledger tersebut ke dalam
komputer atau database dari Administrasi TU.
6. Raport bulanan yang telah diprint diserahkan kembali kepada Wali Kelas
untuk dibagikan kepada siswa-siswi untuk diserahkan kepada Orang tua.
7. Sedangkan untuk raport semester, bagian Administrasi TU akan
mengeluarkan surat undangan kepada orangtua untuk hadir dalam acara
pengambilan raport semester tersebut. Sehingga Orangtua sendiri yang
mengambil raport semester.

141
4.1.3 Rich Picture yang diusulkan

Gambar 4. 2 Rich Picture dalam sistem yang diusulkan.

142
4.1.4 Penjelasan Rich Picture yang diusulkan.
Di dalam rich picture yang diusulkan, terjadi perubahan pada sistem pelaporan
nilai dan sistem penyampaian informasi. Sistem yang diusulkan menyampaikan nilai,
pengumuman, dan absensi melalui message center yang menyimpan data nilai dan
informasi yang kemudian diteruskan kepada orangtua melalui SMS.
Arus informasi nilai yang diusulkan :
1. Guru Mata Pelajaran melakukan evaluasi terhadap siswa-siswi dengan
ujian yang dilakukan tiap minggu ke-3.
2. Nilai yang telah didapat dari hasil evaluasi tersebut diinput ke dalam
sistem yang diusulkan oleh Guru Mata Pelajaran tersebut sendiri.
3. Nilai yang telah diinput dikirim oleh Admin TU kepada HP orangtua
murid yang telah terdaftar.
Arus informasi pengumuman yang diusulkan :
1. Kepala sekolah, Yayasan Pendidikan Jaya atau elemen sekolah yang ingin
melakukan

penyampaian

pengumuman

atau

kelender

pendidikan

menyampaikan draft pengumuman kepada Admin TU.


2. Admin TU melakukan input pengumuman ke dalam database, dengan
jumlah panjang pengumuman mengikuti maksimal panjang karakter yang
dapat dimuat oleh 1 SMS.
3. Setelah melakukan penginputan ke dalam database melalui sistem yang
diusulkan. Admin TU melakukan pengiriman sesuai dengan tanggal yang
ditentukan untuk pengiriman.

143
Arus penyampaian absensi siswa-siswi yang diusulkan :
1. Guru Mata Pelajaran menyerahkan absensi kepada Guru Wali Kelas dari
kelas yang bersangkutan.
2. Kemudian Guru Wali Kelas menginput absensi siswa-siswi yang tidak
hadir ke dalam sistem yang diusulkan.
3. Setelah melakukan penginputan Guru Wali Kelas juga melakukan
pengiriman pada hari itu juga kepada nomor HP orangtua siswa yang tidak
hadir tersebut.

144

4.2 Perancangan Sistem.


4.2.1 Pemetaan Sistem
4.2.1.1 Event Table
Tabel 4. 1 Event Table
Event
Daftar
Terima nilai
Kirim nilai
Cek nilai
Cetak nilai
Kirim pengumuman
Terima pengumuman
Update No.HP
Update data siswa
Cek informasi
Input absen siswa
Kirim absen.
Terima info absent
Unreg

DtHP
+
*

AdminTU

Classes
GuruMataPelajaran GuruWaliKelas

*
*
*

*
*

*
*
*
*

*
*
*
*
*

*
+

4.2.1.2 Event Trace


DtHP
Daftar-[terima nilai | terima pengumuman | terima absent -update no HP]-unreg..
AdminTU
Login-[update data siswa | cek informasi]*-[kirim nilai | kirim informasi]*-logout.
GuruMataPelajaran
Login-[cek nilai | cetak nilai]*-logout.
GuruWaliKelas.
Login-[cek nilai | cetak nilai]*-[input absen-kirim absen]*-logout.

145
4.2.1.3 Class Diagram

Gambar 4. 3 Class Diagram.


Penjelasan dari Class Diagram di atas adalah sebagai berikut :
Karyawan
Karyawan adalah class generalisasi dari class GuruMataPelajaran, class
GuruWalikelas dan class AdminTU yang merupakan actor yang di dalam sistem
dapat melakukan input, update, cetak, dan kirim SMS sesuai dengan perannya.

146
Atribut

: IDKaryawan, Nama, Alamat.

Operation

:-

GuruMataPelajaran
GuruMataPelajaran adalah daftar dari nama-nama dari user yang mampu untuk
terlibat dalam informasi nilai.
Atribut

: IDKaryawan, Nama, Status, Alamat, NoTelp.

Operation

: Input Nilai, Cetak Nilai

GuruWaliKelas
GuruWaliKelas adalah daftar dari nama-nama user yang memiliki kemampuan
untuk terlibat dalam operasi nilai dan absensi.
Atribut

: IDKaryawan, Nama, Status, Alamat, NoTelp.

Operation

: Input Nilai, Cetak Nilai, Input Absensi, Kirim


Absensi.

AdminTU
AdminTU adalah daftar nama-nama yang memoliki keterlibatan terhadap
pengaturan pengumuman, pengiriman SMS kepada user, pemeliharaan data
siswa.
Atribut

: IDKaryawan, Nama, Status, Alamat, NoTelp.

Qperation

:Input

Pengumuman,

Cetak

Pengumuman,

KirimNilai, KirimPengumuman, UpdateDataSiswa.


Siswa
Siswa adalah class yang mampu memfasilitasi untuk pendataan siswa.

147
Atribut

: StudentID, Nama, NamaOrtu, Alamat, NoHP


Ortu, No.Telp.

Operation

:Add, Update, Delete, Terima Nilai, Terima


Pengumuman.

Kelas
Kelas menampung nama-nama siswa dan mata pelajaran.
Atribut

: KelasID,Kelas, Absensi.

Operation

: Dipakai.

MatPel
Memfasilitasi untuk mata pelajaran.
Atribut

: MatPelID, MatPel.

Operation

: Add, Delete.

Sub
Memfasilitasi untuk mata pelajaran yang memiliki sub mata pelajaran
Atribut

: SubID, Sub.

Operation

: Add, Update, Delete.

KompNilai
Memfasilitasi untuk komponen nilai yang digunakan oleh mata pelajaran.
Atribut

: KompID, KompNilai.

Operation

: Add, Update, Delete.

Nilai
Memfasilitasi untuk nilai yang diberikan untuk tiap komponen nilai yang ada
pada tiap mata pelajaran.

148
Atribut

: IDNilai, Nilai, Tanggal.

Operation

: Kirim, Add, Update, Delete, Cetak.

DtHP
Memfasilitasi untuk nomor HP yang akan berhubungan dengan system dan untuk
dikirimkan SMS.
Atribut

: NoHPortu, NamaSiswa.

Operation

:Add, Update, Delete, Terima Nilai, Terima


Pengumuman.

Absensi
Menunjang untuk penginformasian absensi siswa-siswi yang tidak mengikuti
pelajaran yang diinput oleh GuruWaliKelas.
Atribut

: IDInfo, Tanggal, NamaSiswa, MatPelID.

Operation

: Input, Kirim.

Pengumuman
Memfasilitasi penyimpanan pengumuman yang akan dikirimkan kepada user.
Atribut

: IDInfo, Tanggal, Isi.

Operation

: Add, Update, Delete, Kirim.

4.2.1.4 Statechart
Gambar-gambar di bawah ini adalah penggambaran dari behavioural pattern dari
class-class yang telah dibahas sebelumnya. Statechart dari DtHP menggambarkan
behaviour yang menunjukkan dari dimulai dari kirim SMS yang kemudian status
CEK FORMAT HP dan bila no.terdaftar status menjadi TERDAFTAR yang

149
kemudian dapat melakukan terima informasi dan terima nilai. Bila dalam status
CEK FORMAT HP, format dari SMS salah, status menjadi FORMAT SALAH dan
sistem mengirim pesan yang memberitahukan format yang benar. Bila format benar
status menjadi VALID, dan mengecek NIS, status menjadi CEK NIS. Bila benar
sistem akan mengirim nilai sesuai dengan format SMS yang diterima oleh sistem.

Gambar 4. 4 Statechart DtHP.

Statechart berikut adalah behaviour yang berlaku pada AdminTU. AdminTu akan
login kemudian bila melakukan kirim SMS, adminTU akan menuju MENU KIRIM
SMS yang dapat melakukan kirim nilai dan kirim pengumuman. AdminTU
melakukan update pengumuman menuju kepada MENU PENGUMUMAN yang
kemudian dapat melakukan add, update, delete, dan cetak pengumuman.
AdminTU dapat update data siswa, yang disini berarti AdminTU melakukan update
terhadap data siswa-siswi. Status AdminTU adalah MENU DATA SISWA, dimana
AdminTU dapat melakukan add, update, delete. Final state bagi AdminTU adalah
logout.

150

Gambar 4. 5 Statechart AdminTU.

Statechart bagi GuruMataPelajaran adalah melalui gambar di bawah ini. User


melakukan login dan kemudian melakukan cek data nilai dan statusnya mejadi MENU
NILAI ,dalam status ini user dapat melakukan add, yaitu menginput data nilai, lalu
cetak nilai, yaitu melakukan cetak nilai, dan update, yaitu melakukan penggantian
nilai yang telah diinput.

151

Gambar 4. 6 Statechart GuruMataPelajaran.

Statechart berikutnya adalah yang menunjukkan behaviour dari GuruWaliKelas.


Dimulai dengan login, status menjadi LOGIN. User melakukan cek data nilai,
status menjadi MENU NILAI, pada status itu dapat melakukan add, update, dan
cetak nilai. Pada saat status LOGIN, user dapat update absen, dan status menjadi
MENU ABSEN. Dalam status itu, dapat melakukan update,yaitu mengupdate
informasi absensi atau ketidakhadiran siswa-siswi, kirim absen, yaitu mengirim
informasi ketidakhadiran ke nomor handphone orangtua.

152

Gambar 4. 7 Statechart GuruWaliKelas.

4.2.1.5 Use Case


Sistem pelaporan nilai yang mampu untuk menyampaikan nilai, absensi, dan
pengumuman kepada user (orangtua murid) melalui SMS, menerima SMS kemudian
membaca dan memberi balasan sesuai dengan isi SMS masuk secara otomatis. Sistem
mampu untuk menyimpan data nilai dan pengumuman ke dalam database. Dan mampu
mencetak nilai maupun pengumuman yang sudah di-inputdan disimpan dalam database.
Sistem mampu untuk membaca nilai yang telah ada dalam database dan mengirimkan
nilai yang merupakan input atau update terakhir dari nilai ke nomor handphone orangtua
murid yang mengirim SMS secara otomatis.

153

Sistem SMP PJ
Nilai

Informasi

input nilai
extends

GuruMataPelajaran

Input Pengumuman

cetak nilai

AdminTU
extends

Kirim Pengumuman

GuruWaliKelas

DtHP

Kirim nilai

Input absensi

Cek Data Siswa

Kirim Absensi

Gambar 4. 8 Use Case Diagram.

Actors
Aktor-aktor yang berhubungan dengan sistem adalah sebagai berikut :
GuruWaliKelas.
Purpose : Person atau orang yang di dalam struktur organisasi
SMP Pembangunan Jaya berkewajiban terhadap satu kelas dan
menjadi

wali

bagi

murid-murid

di

kelas

tersebut.

154
GuruWaliKelas juga memberi pelajaran dan penilaian terhadap
siswa-siswi. GuruWaliKelas selain melakukan penilaian
akademis terhadap siswa-siswi juga melakukan peng-input-an
absensi kehadiran siswa-siswi yang berada di kelas yang
menjadi tanggung jawabnya dan melakukan pengiriman SMS
ke handphone orangtua untuk memberitahukan ketidakhadiran
anaknya
Characteristic : User mencakup beberapa account dari
GuruWaliKelas yang mencantumkan beragam data diri, data
kelas.dan mampu untuk melakukan pengiriman absensi melalui
SMS. Mampu melakukan input nilai apabila guru tersebut juga
mengajar.

GuruMataPelajaran.
Purpose : Person atau orang yang diberi wewenang untuk
melakukan penilaian akademis terhadap siswa. Dan kemudian
melakukan peng-input-an ke dalam database melalui sistem
pelaporan nilai ini.
Characteristic : mampu melakukan input nilai ke dalam sistem
namun tidak mampu untuk melakukan pengiriman SMS nilai
ke nomor HP orangtua.

DtHP.

155
Purpose : Sistem lain (dalam hal ini adalah handphone
orangtua siswa-siswi) terhubung malalui jaringan operator dan
terhubung ke nomor yang dimiliki oleh SMP Pembangunan
Jaya. Nomor HP harus terdaftar dalam sistem yang diusulkan
agar dapat berfungsi dan menerima informasi yang dikirimkan.
Nomor aktif dan terdaftar dalam jaringan operator yang ada
sehingga mampu untuk menerima SMS yang dikirimkan oleh
sistem.
Characteristic : mampu untuk menerima informasi nilai yang
dikirim melalui SMS secara push tiap bulannya, mampu
melakukan pull terhadap informasi nilai tertentu yang
dinginkan, mampu menerima informasi pengumuman dan
absensi yang dikirimkan melalui SMS oleh sistem yang
diusulkan.

AdminTU.
Purpose : Person atau orang yang diberi wewenang untuk
melakukan pengiriman nilai dan pengumuman, melakukan
peng-update-an data siswa dan dapat melakukan cetak nilai dan
pengumuman.
Characteristic :

mampu melakukan pengiriman informasi

pengumuman dan nilai namun tidak dapat merubah isi dari data
nilai. Mampu untuk melakukan pengupdatean data diri siswa-

156
siswi.

Mampu

melakukan

penginputan

informasi

pengumuman.

Usecases
Berikut adalah usecase dari sistem pelaporan nilai SMP Pembangunan
Jaya :
Input Nilai.
Use Case : GuruMataPelajaran atau GuruWaliKelas login ke
dalam sistem. Sistem akan menampilkan layar login. Setelah
masuk ke dalam sistem, sistem menampilkan layar untuk
pengisian nilai yang dapat diisi. Selain melakukan input, user
juga dapat melakukan perubahan nilai yang sudah dinput.
Setelah nilai diinput, user dapat logout.

Cetak Nilai.
Use Case : Ketika GuruMataPelajaran sedang login dan
melakukan penginputan nilai atau melakukan pengupdatean
nilai. GuruMataPelajaran juga dapat melakukan pencetakan
data nilai yang ada.

Kirim Nilai.
Use Case : Kirim Nilai adalah melakukan pengiriman nilai
melalui SMS kepada handphone orangtua atau membalas

157
secara otomatis dari SMS yang dikirimkan dari handphone
orangtua sesuai dengan isi yang dikirim. Pengiriman dilakukan
oleh AdminTU. Sistem menampilkan layar pengiriman yang
terdapat option untuk melakukan langsung ke tiap kelas yang
ingin dikirimkan.

Input Absensi
Use Case : Melakukan input data absensi siswa yang tidak
hadir dan di-input oleh GuruWaliKelas. Sistem menampilan
layar input absensi yang di dalam layar tersebut juga terdapat
option bagi GuruWaliKelas untuk melakukan pengiriman ke
nomor siswa-siswi.

Kirim Absensi.
Melakukan pengiriman absensi bagi siswa yang tidak hadir dan
telah diinput ke dalam database ke nomor handphone
orangtua. Pengiriman dilakukan oleh GuruWaliKelas.

Input Pengumuman.
Use Case : AdminTU login ke dalam sistem. Sistem akan
menampilkan layar login. Setelah masuk ke dalam sistem,
sistem menampilkan layar untuk pengisian informasi yang

158
dapat diisi.Setelah input pengumuman, pengumuman dapat
langsung

dikirim,

menurut

kelas

yang

dituju.

Input

Pengumuman dilakukan oleh AdminTU.

Kirim Pengumuman.
Use Case : AdminTU melakukan pengiriman informasi
pengumuman yang telah diinput. Sistem akan menampilkan
layar

pengiriman

mengharuskan

user

yang

diinginkan.

untuk

men-input

Layar

pengiriman

terlebih

dahulu

pengumuman yang diinginkan. Setelah pengumuman di-input,


pengiriman pengumuman dapat dilakukan.

Cek Data Siswa.


Use Case : AdminTU memilih menu data siswa dan sistem
akan menampilkan layar untuk melakukan input data siswa dan
merubah/update data siswa yang sudah ada. AdminTU akan
melakukan perubahan atau input dan kemudian sistem akan
menyimpan dalam database.

159
4.2.1.6 Sequence Diagram

Gambar 4. 9 Sequence Diagram untuk Update Data Siswa.


Gambar di atas adalah sequence untuk Update Data Siswa. AdminTU melakukan
terlebih dahulu login, sistem akan menampilkan menu Login. Setelah login, status
user/AdminTU menjadi status login dan masuk ke Menu. Untuk melakukan update data
siswa, AdminTU masuk ke menu Dt Siswa, yang ditampilkan oleh sistem. Di layar
tampilan ini AdminTU dapat melakukan input data siswa dan update, add, delete
terhadap data siswa yang sudah ada.

160

Gambar 4. 10 Sequence Diagram untuk Input Nilai.

161

Gambar 4. 11 Sequence diagram untuk Cetak Nilai.

Sequence di atas adalah sequence untuk Input Nilai dan Cetak Nilai. Input Nilai
dan Cetak Nilai dapat dilakukan oleh GuruMataPelajaran dan GuruWaliKelas. Dimulai
dengan melakukan login, sistem akan menamplkan menu login untuk masuk ke dalam
sistem. Setelah Login, user akan masuk ke menu Nilai yang ditampilkan oleh sistem. Di
tampilan ini user, dapat memasukkan/input data nilai yang baru atau meng-update data
nilai yang telah ada. Selain meng- input nilai, user juga dapat mencetak nilai yang telah
diinput.

162

Gambar 4. 12 Sequence Diagram untuk Kirim Absen.

163

Gambar 4. 13 Sequence Diagram untuk Input Absen.

Sequence di atas menunjukkan sequence untuk Input Absen dan Kirim Absen.
GuruWaliKelas diharapkan untuk login terlebih dahulu melalui layar login yang
ditampilkan oleh sistem. Setelah login, user dapat melakukan penginputan nilai seperti
GuruMataPelajaran apabila user juga mengajar. Sistem akan menampilkan tampilan layar
yang memungkinkan user untuk melakukan update absen siswa-siswi dan melakukan
pengiriman SMS yang memberitahukan kepada nomor handphone orangtua bahwa
anaknya tidak hadir dalam mata pelajaran.

164

Gambar 4. 14 Sequence Diagram untuk Input Pengumuman dan Kirim Pengumuman.


Gambar di atas adalah sequence untuk Input Pengumuman dan Kirim
Pengumuman. AdminTU sebagai user akan login melalui layar login yang ditampilkan
oleh sistem. Setelah login, user dapat melakukan pengiriman SMS dengan menuju ke
menu Kirim SMS. Dalam menu yang kemudian ditampilkan oleh sistem, user dapat
melakukan pengiriman nilai dan pengumuman melalui SMS. Pengiriman nilai dan
pengumuman dilakukan per kelas, dan pengiriman pengumuman daisertai dengan option
untuk menuliskan pengumuman terlebih dahulu. Pengumuman yang sudah di-input dapat
dikirim dan dicetak.

165

Gambar 4. 15 Sequence Diagram untuk Kirim Nilai.

4.2.1.7 Functions
Tabel 4. 2 Tabel Function List
Functionality
Input Nilai
Cetak Nilai
Kirim Nilai
Input Pengumuman
Cetak Pengumuman
Kirim Pengumuman
Input Absensi
Kirim Absensi
Cek Data Siswa

Complexity
Medium
Simple
Medium
Medium
Simple
Medium
Medium
Medium
Medium

Type
Update
Read
Compute
Update
Read
Compute
Update
Compute
Update

166
4.2.2 Rancangan Layar
4.2.2.1 Rancangan Layar Masukan dan Keluaran

Enter Title Here

User Name:
Password :

Login

Cancel

Gambar 4. 16 Rancangan layar Login.

Diatas adalah tampilan layar login bagi user. Setelah user login, sistem akan
menampilkan layar utama yang ditunjukkan dengan gambar 4,13 di bawah ini. Gambar di
bawah ini adalah rancangan halaman utama. Dalam halaman utama terdapat Menu
Master, Input, dan Kirim.

167

Master

Input Kirim

Gambar 4. 17 Rancangan layar Halaman Utama.

Bila Menu Master dipilih, maka akan tampil sub menu, yaitu Siswa, Kelas, Nilai,
Pelajaran, Penilaian. Tampilan yang muncul akan ditunjukkan dengan gambar 4.14 di
bawah ini. Menu Master ini adalah menu yang user pilih bila user ingin merubah master
data yang ada. Menu ini membawa user kepada Menu Master Nilai, Menu Master Kelas,
Menu Master Pelajaran, Menu Master Nilai, dan Menu Master Penilaian.

168

Master

Input Kirim

Siswa
Kelas
Nilai
Pelajaran
Penilaian

Gambar 4. 18 Rancangan layar Menu Master


Kemudian bila Menu Input dipilih oleh user, maka akan muncul sub menu, seperti
Nilai, Kelas, dan Absensi. Tampilan yang muncul diperlihatkan dengan gambar 4.15 di
bawah ini. Menu Input ini yang dipilih oleh user apabila user ingin melakukan input data
Nilai, data Kelas, dan data Absensi.

Master

Input Kirim
Nilai
Kelas
Absensi

Gambar 4. 19 Rancangan layar Menu Input

169

Dan apabila user memilih Menu Kirim yang ada, maka tampilan sub menu yang
muncul adalah Info dan Nilai. User apabila ingin melakukan pengiriman nilai maupun
informasi pengumuman melalui Menu Kirim ini. Menu Kirim ini akan membawa user
menuju Menu Kirim Nilai dan Menu Kirim Informasi. Tampilan dari Menu Kirim
apabila user pilih dari halaman utama adalah seperti gambar 4.16 di bawah ini.

Master

Input Kirim
Nilai
Info

Gambar 4. 20 Rancangan layar Menu Kirim.


User yang menggunakan sistem ini terbagi menurut klasifikasinya menjadi 3,
yaitu Guru Mata Pelajaran, Guru Wali Kelas, dan Admin TU. Dikarenakan ketiganya
memiliki akses yang berbeda maka layar yang diakses oleh Guru Mata Pelajaran hanya
input nilai. Layar bagi Admin TU hanya pengiriman SMS dan input master dan bagi
Guru Wali Kelas adalah pengimputsn nilai dan absensi.

170

Enter Title Here


Master Input Kirim
Nilai
Kelas
Absensi

Gambar 4. 21 Rancangan layar utama bagi Guru Wali Kelas.

Gambar 4. 22 Rancangan layar utama bagi Guru Mata Pelajaran.

171

Enter Title Here


Master Input Kirim
Nilai
Kelas
Absensi

Gambar 4. 23 Rancangan layar utama bagi AdminTU.

Kembali ke Menu Master, dianggap user mengklik Menu Master Siswa. Maka
akan muncul tampilan seperti di bawah ini, tampilan Menu Master Siswa. Disini user
dapat melakukan input data siswa yang baru atau merubah data yang sudah ada.Data-data
yang mampu diinput oleh user adalah sebagai berikut : NIS (Nomor Induk Siswa), Nama,
Jenis Kelamin, Alamat, RT, RW, Kode Pos, Kelurahan, Kecamatan, Telp., HP, Tanggal
Lahir, Tempat Lahir, Nama Ibu, Tanggal Masuk. Data-data tersebut diisi malalui text
box. Di sebelah kanan bawah, terdapat 2 button Tambah dan Save. Di sebelah text box
untuk NIS, terdapat button Cari.
Button Tambah digunakan untuk menambah data siswa yang baru, begitu tombol
di-klik, maka tampilan menjadi bersih dan siap diisi.
Button Save untuk menyimpan perubahan yang telah dibuat ke dalam database.

172
Button Cari adalah untuk mencari data siswa yang telah di-input untuk di-update.
Begitu button Cari di-klik maka akan muncul tampilan Menu Search untuk data siswa
seperti yang ditunjukkan pada gambar 4.18.

Cari

NIS
Nama
Jenis Kelamin
Alamat

Laki-Laki

Perempuan

RT
RW
Kode Pos
Kelurahan
Kecamatan
Telp
HP
Tanggal Lahir
Tempat Lahir
Nama Ibu
Tanggal Masuk

Tambah

Save

Gambar 4. 24 Rancangan layar Menu Master Siswa awal.

173

Gambar 4. 25 Rancangan layar Menu Search untuk Menu Master Siswa.

Dan bila Menu Master Siswa diisi semua maka tampilan dari Menu Master Siswa
akan seperti ditunjukkan oleh gambar 4.19 di bawah ini. Setelah diisi, user menyimpan
dengan meng-klik button Save. Akan muncul message yang menampilkan kalimat Data
Tersimpan.

174

Gambar 4. 26 Rancangan layar Menu Master Siswa input.

Berikutnya user menuju ke Menu Master Kelas. Di menu ini user mampu untuk
menambah atau menghapus kelas yang ada. Tampilan Menu Master Kelas ditunjukkan
dengan gambar 4.20 di bawah ini. Terdapat toolbar Add, Update, Delete, dan Save yang
dapat digunakan untuk menambah data kelas baru atau merubah yang lama. Data-data
untuk kelas terdiri dari Kd_Kelas, Kelas, Keterangan. Data diisi melalui text box yang
disediakan. Di bagian kanan adalah kolom untuk melakukan sorting data berdasar apa
yang kita pilih melalui combo box, text box untuk mencari data yang dimaksud.
Kemudian ada tombol navigasi untuk berpindah dari data satu ke yang lain. Di bagian
bawah dari layar menampilkan database kelas yang sudah ada.

175

Gambar 4. 27 Rancangan layar Menu Master Kelas.


Berikutnya user menuju ke Menu Master Pelajaran. Di menu ini user mampu
untuk menambah atau menghapus pelajaran yang ada. Tampilan Menu Master Pelajaran
ditunjukkan dengan gambar 4.21 di bawah ini. Terdapat toolbar Add, Update, Delete,
dan Save yang dapat digunakan untuk menambah data pelajaran baru atau merubah yang
lama. Data-data untuk kelas terdiri dari Kd_Pelajaran, Pelajaran, Kategori, Urutan.
Kategori disini adalah menunjukkan pelajaran tersebut masuk kedalam kategori mana,
contoh pelajaran Fisika memiliki kategori IPA, pelajaran Agama memiliki kategori
Umum, dst. Urutan merupakan urutan letak pelajaran saat pengiriman SMS, nilai yang
memiliki urutan 1 akan diletakan pada tampilan SMS sebagai nilai paling atas. Data diisi
melalui text box yang disediakan. Di bagian kanan adalah kolom untuk melakukan
sorting data berdasar apa yang kita pilih melalui combo box, text box untuk mencari data
yang dimaksud. Kemudian ada tombol navigasi untuk berpindah dari data satu ke yang
lain. Di bagian bawah dari layar menampilkan database pelajaran yang sudah ada.

176

Gambar 4. 28 Rancangan layar Menu Master Pelajaran.


Berikutnya user menuju ke Menu Master Nilai. Di menu ini user mampu untuk
menambah atau menghapus komponen nilai yang ada. Tampilan Menu Master Nilai
ditunjukkan dengan gambar 4.22 di bawah ini. Terdapat toolbar Add, Update, Delete,
dan Save yang dapat digunakan untuk menambah data komponen nilai baru atau merubah
yang lama. Data-data untuk kelas terdiri dari Kd_Nilai, Nilai. Nilai disini menunjukkan
komponen nilai yang digunakan oleh SMP Pembangunan Jaya, contoh Afektif,
Pengetahuan, Kognitif, dll. Data diisi melalui text box yang disediakan. Di bagian kanan
adalah kolom untuk melakukan sorting data berdasar apa yang kita pilih melalui combo
box, text box untuk mencari data yang dimaksud. Kemudian ada tombol navigasi untuk
berpindah dari data satu ke yang lain. Di bagian bawah dari layar menampilkan database
pelajaran yang sudah ada.

177

Gambar 4. 29 Rancangan layar Menu Master Nilai.


Berikutnya user menuju ke Menu Master Penilaian. Di menu ini user mampu
untuk menambah atau menghapus pelajaran dan nilai yang digunakan oleh suatu kelas.
Contoh kelas I A mendapat pelajaran Biologi, kemudian pelajaran Biologi memiliki
komponen nilai PK, KS, dan Afektif. User menggabungkan data pelajaran, data kelas,
dan data komponen nilai yang dimiliki pada Menu Master Penilaian ini.
Tampilan Menu Master Penilaian ditunjukkan dengan gambar 4.23 di bawah ini.
Dimulai dari frame Kelas di kiri atas, berisi Kd_Kelas, Kelas, dan Semester. Dan ada
button Cari, yang digunakan untuk mencari kelas yang ingin kita gunakan. Tampilan
Menu Search kelas untuk Menu Master Nilai ditunjukkan dengan gambar 4.24. User akan
meng-klik kelas yang dinginkan dari Menu Search yang data dari kelas tersebut akan
langsung mengisi text box-text box untuk kelas pada frame kelas pada Menu Master
Penilaian.

178
Kemudian frame Pelajaran yang berada di kiri tengah, berisi Id Pelajaran,
Pelajaran, dan Kategori. Seperti pada frame kelas di atasnya, juga terdapat button Cari,
yang digunakan untuk mencari mata pelajaran yang user inginkan. Tampilan Menu
Search pelajaran untuk Menu Master Penilaian ditunjukkan dengan gambar 4.25. User
akan meng-klik pelajaran yang dinginkan dari Menu Search yang datanya akan langsung
mengisi text box-text box untuk kelas pada frame pelajaran pada Menu Master Penilaian.
Di bagian kanan bawah tedapat frame Nilai, ini digunakan untuk memasukkan
komponen nilai yang digunakan ke dalam komposisi. Dalam frame tersebut terdapat text
box untuk Id Nilai dan Nilai serta button . yang digunakan untuk mencari data
komponen nilai yang ingin digunakan. Tampilan Menu Search untuk nilai ditampilkan
dalam gambar 4.26. User hanya butuh meng-klik komponen nilai yang ingin digunakan,
dan data komponen nilai tersebut akan mengisi Menu Master Penilaian.

Gambar 4. 30 Rancangan layar Menu Master Penilaian awal.

179

Gambar 4. 31 Rancangan layar Menu Search kelas untuk Menu Master Penilaian.

Gambar 4. 32 Rancangan layar Menu Search pelajaran untuk Menu Master Penilaian.

180

Gambar 4. 33 Rancangan layar Menu Search nilai untuk Menu Master Penilaian.

Setelah bagian kiri dari semua text box terisi user tinggal meng-klik button Add
untuk menambah mata pelajaran yang diajarkan pada kelas tersebut beserta komponen
nilai yang dipakai. Tampilan layar bila transaksi berhasil ditunjukkan oleh gambar 4.27.
Untuk menghapus data yang sudah diinput, user cukup meng-klik data yang ingin
dihapus kemudian meng-klik button Delete. Maka data yang ingin dihapus akan terhapus.

181

Gambar 4. 34 Rancangan layar Menu Master Penilaian input.

Pada Menu Input, user dapat memasukkan nilai atau melakukan input nilai
melalui Menu Input Nilai yang ditunjukkan dengan gambar 4.28 di bawah ini. Pada
Menu Input Nilai terdapat combo box untuk Kelas, text box untuk NIS, Nama, HP,
kemudian button untuk Search, Save, Cetak.
Pertama-tama user memilih kelas melalui combo box Kelas yang menunjukkan
kelas yang ada. Setelah itu user meng-klik button Search untuk menampilkan nama-nama
siswa-siswi yang terdapat dalam kelas yang user pilih. Pada saat user meng-klik buttton
Search, maka sistem menampilkan Menu Search yang menampilkan nama-nama siswa
yang terdapat dalam kelas yang dipilih. Tampilan Menu Search untuk Menu Input Nilai
ditunjukkan seperti pada gambar 4.29.

182

Gambar 4. 35 Menu Input Nilai awal.

Gambar 4. 36 Rancangan layar Menu Search nama untuk Menu Input Nilai

183
Setelah user meng-klik nama yang dimaksud maka pada tampilan layar Menu
Input Nilai akan muncul di bagian bawah. User kemudian meng-input nilai pada kolom
nilai yang tersedia. Setelah melakukan input nilai, user menyimpan terlebih dahulu data
yang baru di-input dengan meng-klik button Save. Baru setelah itu user mencetak nilai
tersebut dengan meng-klik button Cetak.

Enter Title Here

Kelas

Kelas I A

NIS

0002

Nama

Bambang Pamngkas

HP

08568939509

Pelajaran
Agama
Agama
Agama
Fisika
Fisika
Fisika

Cetak
Search

Penilaian
Pengetahuan
Praktik
Afektif
PK
KS
Afektif

Save

Nilai
78
89
78
80
77
80

Keterangan

Gambar 4. 37 Rancangan layar Menu Input Nilai akhir.

Di bawah ini adalah tampilan Menu Input Kelas. Menu ini digunakan untuk
meng-input atau meng-update data kelas siswa. Contoh seorang siswa berada di kelas I A
ingin kita pindahkan ke kelas I D atau dia naik kelas menjadi kelas II B, maka menu
inilah yang digunakan user untuk merubah kelas siswa tersebut.
Pada Menu Input Kelas ini terdapat text box Semester untuk meng-input semester
berapa dan text box Tahun Ajaran untuk tahun ajaran yang berlaku serta text box Kelas

184
untuk menampilkan kelas yang ingin kita masukkan siswa-siswi, dengan cara meng-klik
button Search yang ada maka akan muncul tampilan Menu Search untuk Menu Input
Nilai seperti yang ditunjukkan pada gambar 4.32 Setelah user pilih kelas, kelas yang user
inginkan akan muncul pada text box kelas.
Pada box besar yang sebelah kiri adalah nama-nama siswa-siswi yang belum
memiliki kelas. Dilengkapi dengan check box. Bila user ingin memasukkan siswa-siswi
ke kelas yang telah dipilih tadi, cukup meng-klik check box siswa-siswi yang diinginkan
kemudian meng-klik button Add.

Gambar 4. 38 Rancangan layar Menu Input Kelas.

185

Gambar 4. 39 Rancangan layar Menu Search kelas untuk Menu Input Kelas.

Tampilan dari nama siswa-siswi yang ingin dimasukkan ke dalam kelas adalah
seperti contoh pada gambar 4.33 di bawah ini. Menurut tampilan di bawah ini, user ingin
memasukkan Bayuaji Suryanto, Krisdayanti, Julia Perez, dan Chris John ke kelas I B.
bila user meng-klik button Add maka keempat siswa-siswi tersebut akan masuk ke kelas
I B.

186

Gambar 4. 40 Rancangan layar Menu Input Kelas add.

Bila user ingin mengeluarkan siswa/siswi dari kelas, maka user mencari kelas
siswa-siswi yang dimaksud terlebih dahulu menggunakan combo box yang terdapat pada
sebelah kanan, diatas box besar sebelah kanan. User pilih kelas yang diinginkan, contoh
kelas I A kemudian sistem akan menampilkan nama-nama siswa-siswi yang ada di kelas
IA tersebut. Untuk memindahkan siswa/siswi yang diinginkan oleh user, user cukup
meng-klik check box yang ada d depan nama siswa/siswi tersebut. Setelah meng-klik
nama-nama yang diinginkan, kemudian user meng-klik button Remove. Maka
siswa/siswi tersebut tidak lagi di kelas tersebut. Tampilan ditunjukkan pada gambar 4.34.

187

Gambar 4. 41 Rancangan layar Menu Input Kelas remove.

Menu Kirim digunakan user untuk mengirim SMS ke no HP yang terdaftar.


Sistem ini dapat melakukan pengiriman nilai dan informasi pengumuman. Untuk
pengiriman dilakukan per kelas, seperti ditunjukkan pada gambar xx. User cukup mengklik check box kelas-kelas mana saja yang ingin dikirimi nilai, kemudian meng-klik
button Kirim Nilai maka nilai akan dikirimkan dalam bentuk SMS. Digambarkan oleh
gambar 4.35.
Untuk pengiriman informasi pengumuman, user mengklik Menu Kirim Info.
Sistem akan menampilkan Menu Kirim Info. User melakukan pengetikan terhadap
informasi pengumuman yang ingin dikirimkan dalam text box sebelah kiri. User dibatasi
dalam jumlah karakter pengiriman sebanyak panjang karakter SMS, yaitu 160 karakter.
Setelah mencapai 160 karakter, user tidak mampu mengetik lagi. Pengiriman informasi
juga dilakukan per kelas. Ditunjukkan dengan gambar 4.36.

188

Gambar 4. 42 Rancangan layar Kirim Nilai.

Gambar 4. 43 Rancangan layar Kirim Informasi

Sistem juga dapat untuk menerima SMS yang masuk dan membalas sesuai
dengan isi SMS yang masuk. Dengan format nilai(SPASI)NIS(SPASI)mata pelajaran,
maka sistem akan membaca dan mengirim data mata pelajaran siswa/siswi yang ada.
Untuk mampu melakukan itu, dirancang rancangan layar server untuk menampung dan
membalas SMS yang masuk. Sistem membaca format yang masuk dan membalas,bila

189
format sms masuk bukan seperti yang di atas maka sistem akan membalas dengan
jawaban FORMAT SMS ANDA SALAH.

Enter Title Here


Nomor

Tanggal

isi

REFRESH

Gambar 4. 44 Rancangan layar server.

190
4.2.2.2 Rancangan Layar Tampilan SMS
layar SMS yang diterima oleh orangtua pada layar Handphone mereka adalah
sebagai berikut :
1. SMS Nilai yang di-push oleh SMP Pembangunan Jaya.

From SMPPJ
Nilai
Aga-Pen:80-Pra:80-Afe:90
PKN-PK:80-Pra:80-Afe:80
Ind-DGR:50-BAC:80-TLS:90BIC:67-APR:78-Afe:89
Ing-L:89-R:99-S:78-W:45-Afe
:77
Mat-BIL:78-ALJ:89-GnR:78PnS:80-A:78

Fis-PK:88-KS:99-Afe:88
Bio-PK:55-KS:78-Afe:77
Eko-PK:56-KS:77-Afe:66
Geo-PK:88-KS:66-Afe:77
Sej-PK:66-KS:77-Afe:44
Sai-PK:78-KS:89-Afe:78
Mus-APR:66-KRS:88-Afe:67
Rup-APR:88-KRS:88-Afe:88

Jas-PnC:88-PNG:76-UnS:88
-Pil:80-Afe:90
Kom-Pen:90-Prak:88-Afe:89
Eng-RS:78-PS:89-Afe:45

Gambar 4. 45 Gambar tampilan layar SMS Nilai.

191
Gambar di atas adalah contoh tampilan dari SMS Nilai yang full semua mata
pelajaran, jumlah karakter 429 karakter (jumlah total SMS = 3 SMS, sisa 31 karakter
pada SMS ke-3).
2. Layar SMS Informasi Pengumuman SMP Pembangunan Jaya.

From : SMPPJ
Libur sekolah dlm rangka Idul
Fitri dimulai tgl 22Okt06 sd
31Okt06

Gambar 4. 46 Layar tampilan SMS Informasi Pengumuman.


SMS yang dikirim berjumlah maksimal 160 karakter, sistem pada rancangan layar
Kirim Informasi juga telah menyesuaikan untuk mengirimkan maksimal 160 karakter
(jumlah total SMS = 1 SMS).

192
3. Layar SMS Absensi siswa.

From : SMPPJ
Anak Bapak/Ibu tidak
menghadiri pelajaran
Matematika Fisika BInd
Ekonomi dan Agama pada
tanggal 14Juli2006

Gambar 4. 47 Tampilan layar SMS Absen.

4.2.2.3 Mekanisme perubahan data diri siswa.


Mekanisme yang digunakan untuk merubah data diri siswa adalah secara manual
yang melibatkan orangtua murid dan petugas Admin TU. Mekanisme tersebut adalah :
1. Orangtua yang ingin merubah data diri siswa atau anaknya akan mendatangi
sekolah, datang menuju ke ruang Administrasi dan menemui petugas admin TU
yang bertugas..
2. Petugas Admin TU akan menanyakan dan membantu orangtua tersebut dan
memberikan form perubahan data diri siswa. Form perubahan data diri dapat
dilihat pada Lampiran.

193
3. Orangtua murid akan mengisi form perubahan data diri tersebut dan
menandatangani di tempat yang disediakan. Setelah ditandatangani form
diberikan kembali kepada petugas Admin TU.
4. Petugas Admin TU kemudian melakukan update ke dalam sistem atas perubahan
yang terjadi dan menyimpan ke dalam database. Form yang sudah diisi disimpan
ke dalam arsip.

4.3 Rencana Implementasi


4.3.1 Kebutuhan Hardware
Hardware yang dibutuhkan adalah PC, GSM Modem, Keyboard, Mouse, Monitor.
Digunakan handphone merek Siemens atau Sony Ericsson seri W,apabila tidak
digunakan GSM Modem. Handphone merek Nokia tidak disarankan karena akan terjadi
masalah dalam pembacaan inbox masuk.
4.3.2 Kebutuhan Software.
Software yang dibutuhkan adalah Visual Basic 6. Dikarenakan sistem ini
dirancang dengan menggunakan Visual Basic 6. Bila tidak terinstall, maka program tidak
berjalan.
Software lainnya adalah ActiveXperts SMS and Pger toolkits. Ini adalah software
yang membantu pengiriman SMS dan pembacaan inbox SMS. Kemudian software
Crystal Report untuk men-generate bentuk laporan nilai yang akan dicetak.
Software lainnya adalah Windows XP sebagai operating system.

Anda mungkin juga menyukai