III-1
BAB III ANALISA DAN PERANCANGAN SISTEM
Analisa dan perancangan sistem terdiri dari dua bagian yaitu analisa sistem dan perancangan sistem.
III.1 Analisa Sistem
Analisa sistem terdiri analisa kebutuhan sistem, analisa fitur dan analisa sistem informasi.
III.1.1 Analisa Kebutuhan Sistem
Sistem yang dikembangkan diharapkan dapat mampu memenuhi kebutuhan orang tua akan informasi dan perkembangan anak mereka di sekolah. Berikut adalah
beberapa hal yang menjadi titik berat dalam pembuatan sistem. •
User Friendly Sistem yang tersedia dibuat sederhana tanpa mengurangi fungsinya supaya
memudahkan para user dalam melihat informasi. •
Interaktif User memiliki wadah untuk berkomunikasi dan berkonsultasi kepada para
guru wali. •
Availability Menjamin informasi selalu tersedia sehingga user dapat memperoleh
informasi yang ter – up to date. •
Security
III-2 Menjamin pengguna yang sah agar bisa mengakses informasi sumber
miliknya sendiri. Jadi tujuannya adalah untuk memastikan bahwa orang-orang yang memang berhak tidak ditolak untuk mengakses informasi yang memang
menjadi haknya. Menjamin informasi yang diberikan adalah tanpa rekayasa dan hanya bisa di akses oleh pihak yang bersangkutan.
III.1.2 Analisa Fitur
Beberapa fitur yang ingin ditampilkan dari sistem akan di bagi menjadi 2, yaitu: fitur user orang tua dan administrator guru.
1. User
Pada halaman khusus user akan tersedia informasi dan fitur, antara lain : a.
Tersedia informasi mengenai nilai anak nilai Harian, Ujian Tengah Semester dan Ujian Akhir Semester
b. Tersedia informasi mengenai perilaku anak di kelas
c. Tersedia Lembar Komunikasi dimana orang tua bisa berkomunikasi
langsung ke guru wali yang bersangkutan. d.
Tersedia halaman untuk menganti password 2. Administrator
Pada halaman khusus administrator akan tersedia informasi dan fitur sebagai bahan pengontrol atau peninjauan, antara lain :
a. Menambah, meng-edit, menghapus nilai anak.
b. Menjawab, menghapus lembar komunikasi.
III-3 c.
Menambah, menghapus list sikap dan perilaku anak. d.
Menambah, meng-edit, menghapus data orang tua. e.
Menambah, meng-edit, menghapus data guru.
III.1.3 Analisa Sistem Informasi
Analisa sistem informasi terdiri dari Data Flow Diagram, ER-Diagram dan skema relasi.
III.1.3.1 DFD Data Flow Diagram
Berikut analisa sistem dalam bentuk data flow diagram : 1.
Diagram Konteks DFD level 0 Proses sistem komunikasi memiliki 2 terminator yaitu guru dan orangtua.
Orang tua dan guru adalah 2 terminator utama dalam sistem komunikasi ini. Dimana setelah orang tua mengakses ke dalam situs orang tua dapat melihat
nilai anak mereka, catatan perilaku dan berkomunikasi dengan guru. Dan guru selaku administrator bisa memasukkan, meng-edit, menghapus data-data
dalam sistem.
III-4 Berikut ini adalah gambaran dari diagram konteks:
Gambar 3. 1 Diagram Konteks
III-5 2.
Data Flow Diagram Level 1 DFD Level 1 Sistem komunikasi terbagi menjadi 3 proses utama yaitu proses login,
proses orang tua dan proses administrasi. Dimana orang tua dan guru harus melakukan login terlebh dahulu untuk masuk ke dalam situs.Setelah
melakukan proses login terdapat proses orang tua bagi orang tua dan proses administrasi bagi guru.
Gambar 3.2 DFD Level 1
III-6 3.
Data Flow Diagram Level 2 Proses 2 Proses orang tua terbagi menjadi 4 proses yaitu proses lihat nilai,
proses lihat perilaku, proses komunikasi dan proses ganti password.
Gambar 3. 3 DFD Level 2 Proses 2
III-7 4.
Data Flow Diagram Level 2 Proses 3 Proses administrator terbagi menjadi 5 proses utama yaitu proses nilai,
proses perilaku, proses siswa, proses komunikasi dan proses orang tua. Dalam proses nilai guru dapat memasukkan, mengubah dan menghapus nilai
siswa. Pada proses perilaku guru dapat memasukkan catatan baru perilaku dan menghapus catatan perilaku.
Guru 3.1
nilai 3.2
perilaku
3.3 siswa
3.4 komunikasi
3.5 ortu
menu_nilai
menu_siswa menu_ortu
menu_komunikasi menu_perilaku
nilai_id,tgl,uts, uas,harian,nama_mk
perilaku_id, tgl, kekurangan,kelebihan,
pelanggaran
nis,nama,kelas semester,tahun_ajaran
kom_id,tgl, arah,pesan_guru,
pesan_ortu ortu_id,tgl
alamat,nama
Gambar 3. 4 DFD Level 2 Proses 3
III-8 5.
Data Flow Diagram Level 3 Proses 3.1 Proses nilai terbagi menjadi 3 proses yaitu proses insert nilai, edit
nilai, delete nilai. Guru dapat memasukkan nilai baru pada proses insert nilai, mengubah nilai pada proses edit nilai dan menghapus nilai pada proses delete
nilai.
Gambar 3. 5 DFD Level 3 Proses 3.1
III-9 6.
Data Flow Diagram Level 3 Proses 3.2 Proses perilaku terbagi menjadi 2 proses yaitu proses insert perilaku,
delete perilaku. Proses insert perilaku adalah untuk memasukkan catatan baru prilaku siswa dan proses delete perilaku untuk menghapus catatan perilaku
yang sudah ada.
Gambar 3. 6 DFD Level 3 Proses 3.2
III-10 7.
Data Flow Diagram Level 3 Proses 3.3 Proses siswa terbagi menjadi 3 proses yaitu proses insert siswa, edit siswa,
delete siswa. Guru dapat melakukan pemasukan nilai baru pada proses insert siswa, pengubahan data siswa pada proses edit siswa dan penghapusan data
siswa pada proses delete siswa.
Gambar 3. 7 DFD Level 3 Proses 3.3
III-11 8.
Data Flow Diagram Level 3 Proses 3.4 Proses komunikasi terbagi menjadi 2 proses yaitu proses insert
komunikasi dan delete komunikasi. Pada proses insert komunikasi guru dapat mengirim komunikasi kepada orang tua dan pada proses delete komunikasi
guru dapat menghapus komunukasi yang sudah ada.
Gambar 3. 8 DFD Level 3 Proses 3.4
III-12 9.
Data Flow Diagram Level 3 Proses 3.5 Proses orang tua terbagi menjadi 3 proses yaitu proses insert orang
tua, edit orang tua, delete orang tua. Pada proses insert orang tua guru dapat memasukkan data orang tua baru, pada proses edit orang tua guru dapat
mengubah data orang tua dan pada proses delete orang tua guru dapat menghapus data orang tua.
Gambar 3. 9 DFD Level 3 Proses 3.5
III-13
III.1.3.2 Kamus Data
NAMA DESKRIPSI TIPE
DATA Menu_siswa
Menu yang terdiri dari proses delete hapus data
siswa, insert memasukkan data siswa
dan edit mengubah data siswa.
Varchar, Char, Enum
Menu_ortu Menu yang terdiri dari
proses delete hapus data orang tua, insert
memasukkan data orang tua dan edit mengubah
data orang tua. Varchar
Menu_nilai Menu yang terdiri dari
proses delete hapus data nilai, insert memasukkan
data nilai dan edit mengubah data nilai.
Int, Char, Enum
Menu_kom Menu yang terdiri dari
proses delete hapus data komunikasi dan insert
memasukkan data komunikasi.
Int, Text, Enum, Varchar
Menu_perilaku Menu yang terdiri dari
proses delete hapus data perilaku dan insert
memasukkan data perilaku.
Int, Enum, Varchar, Tinytext
Tabel 3. 1 Kamus Data
III-14
III.1.3.3 ER - Diagram
Sementara diagram Entity Relationship ERD yang dihasilkan adalah sebagai berikut:
Gambar 3. 10 ER Diagram
III-15
III.1.3.4 Skema Relasi
Berikut skema dari beberapa table utama yang digunakan dalam basis data yang terintegrasi dengan situs :
Gambar 3.11 Skema Relasi Basis Data
III-16
III.2 Perancangan Sistem
Perancangan sistem terdiri dari struktur web site dan desain layout.
III.2.1 Struktur web site
Struktur yang diterapkan untuk sistem adalah struktur hierarkis. Untuk pelanggan dan administrator akan memiliki struktur situs tersendiri.
1. User orang tua
Terdiri dari beberapa menu : •
LOGIN Sebelum masuk halaman utama setiap user harus login terlebih dahulu.
• HOME
Merupakan halaman awal pada saat user masuk web site. •
NILAI Berisi informasi tentang nilai ulangan harian, ujian tengah semester dan
ujian akhir semester yang bisa di filter dari jenis ujian dan nama mata pelajaran.
• PERILAKU
Berisi catatan informasi perilaku siswa di sekolah yang meliputi pelanggaran, kekurangan dan kelebihan siswa.
• KOMUNIKASI
Berisi catatan komunikasi antara orang tua dan guru. •
Kirim
III-17 Halaman untuk orang tua berkomunikasi dengan guru.
• LOGOUT
Fungsi untuk keluar dari halaman user.
Gambar 3.12 Site Map User
2. Administrator Pada halaman khusus administrasi akan tersedia informasi dan fitur sebagai
bahan pengontrol atau peninjauan, antara lain: •
LOGIN
III-18 Sebelum masuk halaman administrator setiap user harus login terlebih dahulu.
• HOME
Merupakan tampilan awal setelah user login. •
SISWA
Menu untuk menambah, mengedit dan menghapus data siswa. •
KOMUNIKASI
Menu untuk menghapus, dan membalas komunikasi yang dikirimkan oleh orang tua.
• NILAI
Menu untuk menambah, mengedit dan menghapus data nilai. •
ORANG TUA
Menu untuk menambah, mengedit dan menghapus data orang tua. •
PERILAKU
Menu untuk menambah dan menghapus catatan perilaku siswa. •
LOGOUT
Fungsi untuk keluar dari halaman administrator.
III-19
Gambar 3. 13 Site Map Administrator
III-20
Header
Username : Password :
Enter
III.2.2 Desain Layout
Desain pada setiap halaman situs memiliki warna dan struktur yang sama untuk memberikan keseragaman. Halaman situs terbagi menjadi 2 bagian, yaitu
bagian halaman utama dan halaman user.
III.2.2.1 Desain Layout Pada User
Berikut ini merupakan desain halaman login bagi user. Setiap user harus memasukkan username dan password untuk bisa mengakses ke dalam situs. Setelah
mengisi username dan password klik tombol Enter untuk masuk ke dalam situs.
Gambar 3. 14 Tampilan Halaman Login Footer
III-21 Berikut ini merupakan desain halaman utama pada user.
Header
Footer Gambar 3. 15 Tampilan Halaman Utama
Kita bisa melihat nilai anak dengan menekan ke tombol Lihat Nilai yang terletak pada halaman utama.
Gambar 3. 16 Tampilan Halaman Nilai Content
Data Sisw a
Lihat Nilai Lihat
Nilai sisw a
III-22 Berikut ini adalah tampilan Cari Data Nilai. Orang tua bisa melihat tampilan
nilai berdasarkan kategori kelas, mata pelajaran dan jenis ujian ulangan harian, ujian tengah semester atau ujian akhir semester.
Gambar 3.17 Tampilan Search Go Nilai
Orang tua bisa melihat catatan perilaku anak mereka di sekolah dengan menekan tombol Lihat Perilaku. Berikut ini adalah tampilan halaman catatan perilaku
siswa.
Gambar 3.18 Tampilan Halaman Catatan Periku Siswa
Kls MP
Jns
Ujian
Cari Nilai
Hasil Search Go
Data Sisw a
Lihat Nilai Lihat
Catatan perilaku sisw a
III-23 Berikut ini adalah tampilan halaman komunikasi pada halaman orang tua.
Gambar 3. 19 Tampilan Halaman Komunikasi
Berikut ini adalah tampilan halaman kirim komunikasi pada bagian user. Pesan diketikkan pada kolom pesan yang tersedia dan klik tombol Enter untuk
mengirim pesan ke guru.
Gambar 3.20 Tampilan Halaman Kirim Komunikasi Komunikasi
Tgl Arah Pesan Ortu Pesan Guru Action
Kirim Komunikasi Pesan :
Enter
III-24
Header
Username : Password :
Submit
Berikut ini adalah halaman untuk menganti password. User harus memasukkan password lama kemudian password baru yang dikehendaki dan klik
tombol Enter untuk mengganti password.
Gambar 3. 21 Tampilan Halaman Ganti Password
III.2.2.2 Desain Layout Pada Administrator
Berkut ini adalah tampilan halaman login pada administrator.
Gambar 3. 22 Tampilan Halaman Login Admin Ganti Passw ord
Password Lama :
Password Baru :
Confirm Password Baru : Enter
Footer
III-25 Berikut ini adalah tampilan halaman utama pada administrator.
Gambar 3. 23 Tampilan Halaman Utama Admin
Berikut ini adalah tampilan halaman untuk memasukkan data siswa baru. Klik tombol Enter untuk memasukkan data siswa baru dan klik Cancel jika ingin
membatalkannya.
Gambar 3. 24 Tampilan Halaman Insert Data Siswa I nsert Data Sisw a
NI S :
Orang tua :
Nama :
Semester : Kelas
: Enter
Cancel
Header
Content
III-26 Berikut ini adalah tampilan halaman untuk memasukkan komunikasi baru.
Untuk mengirim komunikasi baru klik tombol Enter dan tombol Cancel untuk membatalkannya.
Gambar 3. 25 Tampilan Halaman Insert Komunikasi I nsert Komunikasi Baru
Orang tua :
Tgl Komunikasi :
Pesan Guru :
Enter Cancel
III-27 Berikut ini adalah tampilan halaman untuk memasukkan data nilai baru.
Untuk memasukkan data nilai baru klik tombol Enter dan Cancel untuk batal.
Gambar 3. 26 Tampilan Halaman Insert Data Nilai
Berikut ini adalah tampilan halaman untuk memasukkan data orang tua baru. Tombol Enter untuk memasukkan data orang tua baru dan tombol Cancel untuk
membatalkan.
Gambar 3. 27 Tampilan Halaman Insert Data Orang Tua I nsert Nilai Baru
Kode MP :
Nama MP :
Tanggal :
Nilai :
Jenis ujian :
Enter Cancel
I nsert Data Orang Tua Baru
No KTP
: Username
: Nama Lengkap
: Enter
Cancel
III-28 Berikut ini adalah tampilan untuk memasukkan data perilaku baru. Untuk
memasukkan data perilaku baru tekan tombol Enter dan untuk membatalkan pemasukkan data tekan tombol Cancel.
Gambar 3. 28 Tampilan Halaman Insert Data Perilaku I nsert Data Perilaku Baru
Nama Anak :
Tanggal :
Keterangan :
Jenis Perilaku :
Enter Cancel
III-29 Berikut ini adalah tampilan untuk meng-edit data siswa. Untuk pengubahan
data siswa tekan tombol Enter dan untuk membatalkan pengubahan tekan Cancel.
Gambar 3. 29 Tampilan Halaman Edit Data Siswa Edit Data Sisw a
Orang tua :
Nama :
Semester : Kelas
: Tahun Ajaran
: Enter
Cancel
III-30 Berikut ini adalah tampilan untuk meng-edit data nilai. Untuk mengubah data
nilai tekan tombol Enter dan untuk membatalkan tekan tombol Cancel.
Gambar 3. 30 Tampilan Halaman Edit Data Nilai Edit Data Nilai
Mata Pelajaran :
Nama Siswa :
Tanggal Ujian :
Nilai :
Jenis ujian :
Enter Cancel
III-31 Berikut ini adalah tampilan untuk meng-edit data orang tua. Tekan tombol
Enter untuk pengubahan data orang tua dan tombol Cancel untuk membatalkan.
Gambar 3. 31 Tampilan Halaman Edit Data Orang Tua
Berikut adalah tampilan halaman untuk menghapus data siswa. Untuk menghapus data siswa tekan tombol Delete.
Gambar 3. 32 Tampilan Halaman Delete Data Siswa Edit Data Orang Tua
Username :
Nama Lengkap
: : Enter
Cancel
Delete Data Sisw a
NI S Nama Action
Edit Delete
III-32 Berikut ini adalah tampilan halaman untuk menghapus data komunikasi.
Untuk menghapus data komunikasi tekan tombol Delete.
Gambar 3. 33 Tampilan Halaman Delete Data Komunikasi
Berikut ini adalah tampilan halaman untuk menghapus data nilai. Untuk menghapus data nilai tekan tombol Delete.
Delete Data Nilai
Tgl Mata
Pelajaran NI S Kelas Nilai Jenis
Ujian Action
Edit Delete
Gambar 3. 34 Tampilan Halaman Delete Data Nilai Delete Data Komunikasi
Tgl I D Arah Pesan Pesan Guru Pesan Ortu Action
Delete Reply
III-33 Berikut ini adalah tampilan untuk menghapus data orang tua. Untuk
menghapus data orang tua tekan tombol Delete.
Delete Data Orang Tua
Gambar 3. 35 Tampilan Halaman Delete Data Orang Tua
Berikut ini adalah tampilan untuk menghapus data perilaku. Untuk menghapus data perilaku tekan tombol Delete.
Delete Data Perilaku Tgl NI S Keterangan
Jenis Action
Delete
Gambar 3. 36 Tampilan Halaman Delete Data Perilaku I D Username Nama Nama
Anak Action
Edit Delete
III-34 Berikut ini adalah tampilan halaman untuk membalas komunikasi. Untuk
mengirimkan balasan komunikasi tekan tombol Enter dan tombol Cancel untuk pembatalan.
Gambar 3. 37 Tampilan Halaman Reply Komunikasi Reply Komunikasi
Tgl : Pesan :
Enter Cancel
IV-1
BAB I V Hasil Tercapai