ANALISA DAN PERANCANGAN SISTEM

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