Informasi Jadwal Ujian Design tampilan pada WAP

Gambar 4.2. Bagan alir sistem akses informasi akademik yang berjalan Penjelasan Gambar 4.2. Bagan alir sistem akses informasi akademik yang berjalan sebagai berikut :

1. Bagian Kurikulum

a. Semua hasil rapat keputusan sekolah yang telah ditentukan bersama dicatat dan ditentukan oleh bagian kurikulum untuk menentukan berbagai program. b. Waka. Kurikulum menentukan dan membuat jadwal, menentukan guru-guru yang akan mengajar, daftar guru dan wali kelas

2. Bagian TU

a. Menerima berbagai informasi yang diberikan oleh bagian kurikulum. b. Menempel informasi yang ada di papan pengumuman sekolah. c. Menerima permintaan siswa yan membutuhkan informasi yang ada. d. Memberikan informasi yang dibutuhkan siswa. e. Mengirimkan hasil nilai akhir semester kepada wali siswa. f. Menerima surat kembali alamat yang salah, pindah dari wali siswa.

3. Siswa

a. Meminta informasi yang diperlukan. b. Menerima informasi yang dibutuhkan. c. Mencatat informasi yang ada atau yang ditempel di papan pengumuman d. Memberikan atau memperlihatkan informasi akademik yang ada kepada wali siswa ketika liburan pondok pesantren atau ketika ada kunjungan.

4. Wali Siswa

a. Menerima informasi yang dikirimkan oleh pihak sekolah. b. Melihat dan menerima hasil akhir kegiatan anak ketika mengadakan kunjungan ke pondok pesantren atau ketika sang anak pulang kerumah.

4.1.3. Analisis Kebutuhan Sistem

Kegiatan dilakukan untuk menganalisis kebutuhan-kebutuhan dalam penggunaan sistem. Aplikasi sistem yang dibangun yaitu aplikasi layanan informasi akademik pada MALHIKDUA berbasis WAP. Sistem ini dirancang untuk mendapatkan informasi akademik secara online. Dengan proses ini siswa dan wali siswa dapat mengakses informasi akademik dapat dilakukan setiap saat tanpa terbatas ruang dan waktu dengan menggunakan perangkat mobile. Berdasarkan hasil observasi dan wawancara yang diperoleh, maka ada beberapa kebutuhan sistem yang dapat disimpulkan, yaitu : a. User bisa mendapatkan informasi profil sekolah, informasi umum sekolah, dan melakukan donasi untuk MALHIKDUA pada sistem tanpa melakukan pendaftaran. b. User yang sudah terdaftar tidak perlu melakukan login lagi. c. User dapat melihat hasil nilai akhir secara langsung. d. Administrator dapat mengedit data melalui web yang menggunakan PHP agar lebih mempermudah.

4.1.4. Analisis Pemecahan Masalah

Peneliti menguraikan kelebihan sistem yang berjalan, kekurangan sistem yang berjalan dan melihat permasalahan apa yang ada pada sistem yang berjalan dan peneliti berusaha mencari pemecahan masalah yang kemudian akan menjadi acuan dalam membuat aplikasi ini.

4.1.5. Tinjauan Studi Sejenis

Dengan tinjauan penelitian sejenis, Peneliti melakukan pengumpulan penelitian yang terkait tentang sistem informasi online sebagai referensi yang menunjang untuk melengkapi pembuatan aplikasi WAP sebagai layanan informasi akademik ini. Beberapa literatur sejenis yang peneliti kaji yaitu : Tabel 4.2. Hasil Tinjauan Literatur Sejenis N o Judul Skripsi Metode Pengembangan Sistem Tools Kelebihan Kekurangan

1. Sistem

Informasi Sekolah Dalam Mendukung Evaluasi Kemajuan Kegiatan Belajar Mengajar pada Sekolah Menengah Kejuruan Al Ihsan Jakarta Pusat. Oleh Putri Sufi Pratiwi Handayani, 2009. SDLC 5 tahap : Perencanaan, Identifikasi sistem yang berjalan, Analisis, Perancangan, Implementasi. PHP, MySQL. Dreamw eaver MX Dengan Aplikasi ini mempermudah Prodi, Mahasiswa dan Dosen untuk melakukan pengecekan dat mahasiswa, nilai sesudah mengikuti perkuliahan, sehingga tidak ada lagi kesalahan nilai mahasiswa. Tidak mendukung sistem mobile.

2. Aplikasi

Katalog dan Pemesanan Buku di Social Agency Baru Yogyakarta Brbasis WAP. Oleh, Ahmad Afandi. 2008 Model sequensial linier, 4 tahap : Analisis, Design, code, test Macrome dia Dreamw ever MX, Appserv 2.4.0 dan Power Designer versi 6.0 Untuk melihat katalog buku User tidak perlu datang ke toko, menghemat fasilitas telpon, Fax serta pos. Hanya sebatas informasi katalog buku dan pemesanan buku. Tidak ada layanan payment . dan 10

3. Prototype

Aplikasi Commercial Traffic Information Berbasis WAP Studi Kasus PT. Televisi Transformasi Indonesia. oleh Muhammad Nazaruddin. 2008 SDLC 6 tahap : Rekayasa sistem, Analisis, Design,coding, testing, Pengoprasian dan pemeliharaan. PHP, MySQL, WML 1.3, Apache version, macrome dia dreamwe ver. Client tidak perlu menanyakan langsung pada pihak TV dan tanpa proses lama menggunakan faximili sehingga dengan ada WAP pihak client dapat melihat proses penayangan iklan mereka secara online melalui ponsel dimanapun dan kapanpun sebelumsebelum iklan mereka ditayangkan Pengembangan aplikasi tidak dapat diimplementasikan secara publik dan aplikasi ini hanya melalui WAP saja tidak ada teknologi Web. 5. Aplikasi Pemesanan Tiket Pesawat berbasis WAP Studi Kasus Biro Perjalanan Wisata Altur. Oleh Diani Amelia. 2008 SDLC analisis, desain, coding dan test. PHP, MySQL, WML Membantu user dan admin untuk mengetahui tempat duduk yang tersedia, memudahkan pemessanan tiket kapanpun, dimanapun, sehingga lebih mudah dan cepat. Hanya memesan saja tidak dapat melakukan pembayaran online.

4.2. Desain Perancangan Sistem Akses Informasi Akademik yang diusulkan

Setelah melakukan analisis sistem, dan mengadakan tinjauan literatur sejenis, maka yang dilakukan berikutnya adalah melakukan perancangan sistem Aplikasi WAP Wireless Application Protocol Untuk Layanan Informasi Akademik. Dari hasil tinjauan litertur yang peneliti lakukan, peneliti mengusulkan tentang Aplikasi yang akan dibuat, dan diharapkan akan memenuhi penelitian yang telah ada. Tabel 4.4. Rancangan Aplikasi Berdasarkan Hasil Studi Sejenis Judul Skripsi Metode Pengembangan Sistem Tools Kelebihan Aplikasi WAP Wireless Application Protocol Untuk Layanan Informasi Akademik” Studi Kasus pada Madrasah Aliyah Al Hikmah 2 Brebes SDLC 6 tahap : Rekayasa sistem, Analisis, Design,coding, testing menggunakan uji black box dan white box, Pengoprasian dan pemeliharaan. - PHP dan WML sebagai bahasa pemograman pada aplikasi ini - MySQL sebagai basis datanya - Apache sebagai web server nya semuanya tergabung dalam xampp - Adobe Photoshop 7.0, untuk olah gambar, - Microsoft Office Visio Professional 2007 dan Microsoft Office Word 2007 - WML browser dan Mozila Firefox untuk WML browser dan web browsernya - Bertempat Pada Madrasah Aliyah Al Hikmah yang berada di dalam Pondok Pesantren Al Hikmah Brebes - Mendukung sistem mobile. Sehingga bias diakses di mana dan kapan saja user menginginkan informasi - Wali Siswa dapat mengontrol perkembangan anaknya di sekolah, dan mengetahui kabar tentang sekolah. - Tidak hanya mengakses nilai, namun bisa mengetahui jadwal pelajaran, jadwal ujian, dan Guru pengajar. - Selain Guru, Siswa dan Wali Siswa, Orang lain bisa mengakses aplikasi ini - Link Penyumbangan Untuk mencapai harapan tersebut, rancangan Aplikasi akan digambarkan aliran proses sistem akses informasi akademik yang baru atau pengembangan dari sistem yang sudah ada, menggunakan flowchart, data flow diagram DFD dan ER Diagram, berharap struktur akses informasi akademik yang baru agar mempermudahkan user. Berikut merupakan hasil analisa sistem usulan dengan menggunakan flowchart Gambar 4.3. flowchart akses informasi akademik yang diusulkan Flowchart diatas menggambarkan hubungan siswa dan wali siswa dapat langsung mengakses informasi hasil kegiatan anaknya tanpa harus pergi ke pondok atau menunggu sang anak liburan, namun siswa juga tetap masih bisa melihat informasi yang ada di papan tulis untuk lebih meyakinkan dan untuk memenuhi kebutuhan siswa yang berada di Pondok Pesantren.

4.2.1. Data Flow Diagram DFD

Pada tahap ini peneliti akan menunjukan usulan alur proses sistem yang akan dibuat dengan menunjukan fungsi-fungsi sistem kepada user secara logika dengan menggunakan tools DFD Data Flow Diagram, dimulai dari Diagram konteks sampai dengan level 1. a. Diagram Konteks Gambar 4.4. Diagram konteks, sistem yang diusulkan Diagram konteks diatas menggambarkan hubungan sistem dengan lingkungannya terdiri dari, Tata Usaha sebagai admin, Guru Matapelajaran, Wali Kelas, Siswa dan Umum. Entitas umum merupakan bagi pengguna yang tidak terdaftar sebagai siswa MALHIKDUA, atau user yang tidak melakukan login. Wali siswa bisa mengakses layanan WAP ini, dengan menggunakan user id dan password milik sang anak. b. Diagram Level 0 overview diagram Gambar 4.5. DFD level 0, yang diusulkan c. Diagram level 1 Tata Usaha 1.1 Masukkan Id_user, password 1.2 Verifikasi Id_user, password Guru_ matapelajaran Wali_kelas Siswa User_id Password Akses melalui web User_id, Password Akses melalui web User_id, Password Akses melalui web User_id, Password Akses melalui web Wali_kelas Siswa Guru_matapelajaran Tata Usaha Data lengkap 1.3 Penempatan user Status disetujui Hak_akses_userAkses melalui waphp Hak_akses_userAkses melalui web Hak_akses_userAkses melalui web Hak_akses_userAkses melalui web Gambar 4.6. DFD level 1 proses 1.0 Tata Usaha siswa Daftar_siswa siswa 2.1 Tambah data siswa 2.2 Rubah data siswa 2.3 Hapus data siswa Daftar_siswa Daftar_siswa Daftar_siswa siswa Gambar 4.7. DFD level 1 proses 2.0 Tata Usaha kelas Daftar_kelas Kelas 3.1 Tambah data Kelas 3.2 Rubah data Kelas 3.3 Hapus data Kelas Daftar_kelas Daftar_kelas Daftar_kelas kelas Gambar 4.8. DFD level 1 proses 3.0 Tata Usaha wali_kelas Daftar_wali_kelas Wali Kelas 4.1 Tambah data Wali Kelas 4.2 Rubah data Wali Kelas 4.3 Hapus data Wali Kelas Daftar_wali_kelas Daftar_wali_kelas Daftar_ wali_kelas wali_kelas Gambar 4.9. DFD level 1 proses 4.0 Tata Usaha Matapelajaran Daftar_Matapelajaran Matapelajaran 5.1 Tambah data Matapelajaran 5.2 Rubah data Matapelajaran 5.3 Hapus data Matapelajaran Daftar_Matapelajaran Daftar_Matapelajaran Daftar_ Matapelajaran Matapelajaran Gambar 4.10. DFD level 1 proses 5.0 Tata Usaha Guru_Matapelajaran Daftar_guru_Matapelajaran Guru Matapelajaran 6.1 Tambah data guru_ Matapelajaran 6.2 Rubah data Guru_ Matapelajaran 6.3 Hapus data Guru_ Matapelajaran Daftar_ guru_Matapelajaran Daftar_guru_matapelajaran Daftar_ Guru_Matapelajaran guru_ matapelajaran Gambar 4.11. DFD level 1 proses 6.0 Gambar 4.12. DFD level 1 proses 7.0 Gambar 4.13. DFD level 1 proses 8.0 Gambar 4.14. DFD level 1 proses 9.0 Tata Usaha 10.1 Tambah data Berita Sekolah Berita_sekolah Daftar_Berita_sekolah Daftar_Berita_sekolah Berita Sekolah 10.3 Hapus data Berita Sekolah 10.2 Rubah data Berita Sekolah Daftar_ Berita_sekolah Berita_sekolah Daftar_Berita_sekolah Gambar 4.15. DFD level 1 proses 10.0 Gambar 4.16. DFD level 1 proses 11.0 Gambar 4.17. DFD level 1 proses 12.0

4.2.1.1. Kamus Data

Kamus data digunakan sebagai alat komunikasi antara analisis sistem dengan pemakai sistem tentang data yang mengalir di sistem yaitu tentang data yang masuk ke sistem dan tentang informasi yang dibutuhkan oleh pemakai sistem, kamus data pada aplikasi WAP ini adalah sebagai berikut : a Penjelasan proses 1. Proses : 1.1 Nama Proses : Masukan id user dan password Masukan : user id dan password Keluaran : Data lengkap Penjelasan : isi id user dan password untuk masuk dalam sistem 2. Proses : 1.2 Nama Proses : Verifikasi id user dan password Masukan : Data lengkap, Wali_Kelas, Siswa, Guru_Matapelajaran, Tata Usaha Keluaran : Status disetujui Penjelasan : memeriksa id user dan password, user 2. Proses : 1.3 Nama Proses : Penenpatan user Masukan : Status disetujui Keluaran : hak_akses_user Penjelasan : menempatkan user sesuai dengan id user dan password yang digunakan 3. Proses : 2.1 Nama Proses : Masukan data siswa Masukan : Data siswa Keluaran : daftar_siswa Penjelasan : TU dapat menambah data baru. 4. Proses : 2.2 Nama Proses : Rubah data siswa Masukan : Data siswa, daftar_siswa Keluaran : daftar_siswa Penjelasan : TU dapat mengubah data yang ada dalam file dan disimpan kembali dalam filenya. 5. Proses : 2.3 Nama Proses : Hapus data siswa Masukan : daftar_siswa Keluaran : daftar_siswa Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya 6. Proses : 3.1 Nama Proses : Masukan data kelas Masukan : Data kelas Keluaran : daftar_kelas Penjelasan : TU dapat menambah data baru. 7. Proses : 3.2 Nama Proses : Rubah data kelas Masukan : Data kelas, daftar_kelas Keluaran : daftar_kelas Penjelasan : TU dapat mengubah data yang ada dalam file dan disimpan kembali dalam filenya. 8. Proses : 3.3 Nama Proses : Hapus data kelas Masukan : daftar_ kelas Keluaran : daftar_ kelas Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 9. Proses : 4.1 Nama Proses : Masukan data wali_ kelas Masukan : Data wali_ kelas Keluaran : daftar_ wali_ kelas Penjelasan : TU dapat menambah data baru. 10. Proses : 4.2 Nama Proses : Rubah data wali_ kelas Masukan : Data wali_ kelas, daftar_ wali_kelas Keluaran : daftar_ wali_kelas Penjelasan : TU dapat merubah data yang ada dalam file dan disimpan kembali dalam filenya. 11. Proses : 4.3 Nama Proses : Hapus data wali_kelas Masukan : daftar_ wali_kelas Keluaran : daftar_ wali_kelas Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 12. Proses : 5.1 Nama Proses : Masukan data matapelajaran Masukan : Data matapelajaran Keluaran : daftar_ matapelajaran Penjelasan : TU dapat menambah data baru. 13. Proses : 5.2 Nama Proses : Rubah data matapelajaran Masukan : Data matapelajaran, daftar_ matapelajaran Keluaran : daftar_ matapelajaran Penjelasan : TU dapat merubah data yang ada dalam file dan disimpan kembali dalam filenya. 14. Proses : 5.3 Nama Proses : Hapus data matapelajaran Masukan : daftar_ matapelajaran Keluaran : daftar_ matapelajaran Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 15. Proses : 6.1 Nama Proses : Masukan data guru_matapelajaran Masukan : Data guru_matapelajaran Keluaran : daftar_ guru_matapelajaran Penjelasan : TU dapat menambah data baru. 16. Proses : 6.2 Nama Proses : Rubah data guru_matapelajaran Masukan : Data guru_matapelajaran, daftar_ guru_matapelajaran Keluaran : daftar_ guru_matapelajaran Penjelasan : TU dapat merubah data yang ada dalam file dan disimpan kembali dalam filenya. 17. Proses : 6.3 Nama Proses : Hapus data guru_matapelajaran Masukan : daftar_ guru_matapelajaran Keluaran : daftar_ guru_matapelajaran Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 18. Proses : 7.1 Nama Proses : Masukan data jadwal_pelajaran Masukan : Data jadwal_pelajaran Keluaran : daftar_ jadwal_pelajaran Penjelasan : TU dapat menambah data baru. 19. Proses : 7.2 Nama Proses : Rubah data jadwal_pelajaran Masukan :Data jadwal_pelajaran, daftar_ jadwal_pelajaran Keluaran : daftar_ jadwal_pelajaran Penjelasan : TU dapat merubah data yang ada dalam file dan disimpan kembali dalam filenya. 20. Proses : 7.3 Nama Proses : Hapus data jadwal_pelajaran Masukan : daftar_ jadwal_pelajaran Keluaran : daftar_ jadwal_pelajaran Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 21. Proses : 8.1 Nama Proses : Masukan data jadwal_uts Masukan : Data jadwal_uts Keluaran : daftar_ jadwal_uts Penjelasan : TU dapat menambah data baru. 22. Proses : 8.2 Nama Proses : Rubah data jadwal_uts Masukan : Data jadwal_uts, daftar_ jadwal_uts Keluaran : daftar_ jadwal_uts Penjelasan : TU dapat merubah data yang ada dalam file dan disimpan kembali dalam filenya. 23. Proses : 8.3 Nama Proses : Hapus data jadwal_uts Masukan : daftar_ jadwal_uts Keluaran : daftar_ jadwal_uts Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 24. Proses : 9.1 Nama Proses : Masukan data jadwal_uas Masukan : Data jadwal_uas Keluaran : daftar_ jadwal_uas Penjelasan : TU dapat menambahkan data baru. 25. Proses : 9.2 Nama Proses : Rubah data jadwal_uas Masukan : Data jadwal_uas, daftar_jadwal_uas Keluaran : daftar_ jadwal_uas Penjelasan : TU dapat merubah data yang ada dalam file dan disimpan kembali dalam filenya. 26. Proses : 9.3 Nama Proses : Hapus data jadwal_uas Masukan : daftar_ jadwal_uas Keluaran : daftar_ jadwal_uas Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 27. Proses : 10.1 Nama Proses : Masukan data nilai Masukan : Data berita_sekolah Keluaran : daftar_ berita_sekolah Penjelasan : TU dapat menambahkan data baru. 28. Proses : 10.2 Nama Proses : Rubah data berita_sekolah Masukan : Data berita_sekolah, daftar_ berita_sekolah Keluaran : daftar_ berita_sekolah Penjelasan : TU dapat merubah data yang ada dalam file dan disimpan kembali dalam filenya. 29. Proses : 10.3 Nama Proses : Hapus data berita_sekolah Masukan : daftar_ berita_sekolah Keluaran : daftar_ berita_sekolah Penjelasan : TU dapat menghapus data yang ada dalam file dan disimpan kembali dalam filenya. 30. Proses : 11.1 Nama Proses : Masukan data nilai Masukan : Data nilai Keluaran : daftar_ nilai Penjelasan : Guru matapelajaran dapat menambah nilai baru. 31. Proses : 11.2 Nama Proses : Rubah data nilai Masukan : Data nilai, daftar_ nilai Keluaran : daftar_ nilai Penjelasan : Guru matapelajaran dapat merubah data nilai yang ada dalam file dan disimpan kembali. 32. Proses : 11.3 Nama Proses : Hapus data nilai Masukan : daftar_ nilai Keluaran : daftar_ nilai Penjelasan : Guru matapelajaran dapat merubah data nilai yang ada dalam file dan disimpan kembali dalam filenya. 33. Proses : 12.1 Nama Proses : Masukan data rapor Masukan : Data rapor Keluaran : daftar_ rapor Penjelasan : wali kelas dapat menambah data rapor baru. 34. Proses : 12.2 Nama Proses : Rubah data rapor Masukan : Data rapor, daftar_ rapor Keluaran : daftar_ rapor Penjelasan : Wali kelas dapat merubah data rapor yang ada dan disimpan kembali dalam filenya.

35. Proses : 12.3

Nama Proses : Hapus data rapor Masukan : daftar_ rapor Keluaran : daftar_ rapor Penjelasan : wali_kelas dapat menghapus data rapor yang ada dan akan disimpan dalam filenya. b Penjelasan Data Flow 1. Nama Data Flow : Daftar_siswa Dari Proses : 2.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai siswa Struktur Data : NIS + Nama + Tempat_Lahir + Tanggal_Lahir + password + Alamat + jenis_kelamin + kode_kelas 2. Nama Data Flow : Daftar_kelas Dari Proses : 3.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai kelas. Struktur data : Kode_kelas + nama_kelas. 3. Nama Data Flow : Daftar_wali_kelas Dari Proses : 4.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai wali kelas. Struktur data : Id_wali_kelas + Nama + Kode_kelas. 4. Nama Data Flow : Daftar_matapelajaran Dari Proses : 5.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai matapelajaran. Struktur data : Kode_matapelajaran + Nama_ matapelajaran. 5. Nama Data Flow : Daftar_guru_matapelajaran Dari Proses : 6.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai guru matapelajaran. Struktur data : Id_guru_matapelajaran + Nama + kode_matapelajaran. 6. Nama Data Flow : Daftar_jadwal_pelajaran Dari Proses : 7.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai jadwal pelajaran. Struktur data : Kode_matapelajaran + Kode_kelas {+ Jam_belajar + Hari_belajar}. 7. Nama Data Flow : Daftar_jadwal_UTS Dari Proses : 8.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai jadwal UTS. Struktur data : Kode_matapelajaran + Kode_kelas + Jam_UAS + Hari_UTS + Tanggal_UTS. 8. Nama Data Flow : Daftar_jadwal_UAS Dari Proses : 9.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai jadwal UAS. Struktur data : Kode_matapelajaran + Kode_kelas + Jam_UAS + Hari_UAS + Tanggal_UAS. 9. Nama Data Flow : Daftar_Berita_sekolah Dari Proses : 10.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data mengenai berita sekolah. Struktur data : Kode_berita + tanggal {+ Judul + isi }. 10. Nama Data Flow : Daftar_nilai Dari Proses : 11.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data nilai siswa. Struktur data : Nis + Kode_matapelajaran + Kode_kelas {+ Nilai_UTS + Nilai_UAS}. 11. Nama Data Flow : Daftar_rapor Dari Proses : 12.1 Ke proses : - Deskripsi : Merupakan daftar yang berisi data rapor siswa. Struktur data : Nis + id_wali_kelas {+ Semester + jumlah_izin + jumlah_alpa + jumlah_sakit + Nilai_akhir + Kenaikan + Catatan_orangtua}. c Penjelasan Data Store 1. Data Store : Siswa Deskripsi : Berisi data mengenai siswa dan data pendukungnya Struktur Data : NIS + Nama + Tempat_Lahir + Tanggal_Lahir + password + Alamat + jenis_kelamin + kode_kelas 2. Data Store : Kelas Deskripsi : Berisi data mengenai kelas dan data pendukungnya Struktur Data : Kode_kelas + nama_kelas. 3. Data Store : Wali Kelas Deskripsi : Berisi data mengenai wali kelas dan data pendukungnya Struktur Data : Id_wali_kelas + Nama + Kode_kelas. 4. Data Store : Matapelajaran Deskripsi : Berisi data mengenai Matapelajaran dan data pendukungnya Struktur Data : Kode_matapelajaran + Nama_ matapelajaran. 5. Data Store : Guru Matapelajaran Deskripsi : Berisi data mengenai Guru matapelajaran dan data pendukungnya Struktur Data : Id_guru_matapelajaran + Nama + kode_matapelajaran. 6. Data Store : Jadwal Pelajaran Deskripsi : Berisi data mengenai jadwal Struktur Data : Kode_matapelajaran + Kode_kelas + Jam_belajar + Hari_belajar.pelajaran dan data pendukungnya. 7. Data Store : Jadwal UTS Deskripsi : Berisi data mengenai jadwal UTS dan data pendukungnya. Struktur Data : Kode_matapelajaran + Kode_kelas + Jam_UTS + Hari_UTS + Tanggal_UTS. 8. Data Store : Jadwal UAS Deskripsi : Berisi data mengenai jadwal UAS dan data pendukungnya. Struktur Data : Kode_matapelajaran + Kode_kelas + Jam_UAS + Hari_UAS + Tanggal_UAS. 9. Data Store : Berita sekolah Deskripsi : Berisi data mengenai berita sekolah Struktur Data : Kode_berita+Tanggal + Judul + Isi. 10. Data Store : Nilai Deskripsi : Berisi data mengenai nilai ujian dan data pendukungnya. Struktur Data : Nis + Kode_matapelajaran + Kode_kelas + Nilai_UTS + Nilai_UAS 11. Data Store : Rapor Deskripsi : Berisi data mengenai rapor siswa dan data pendukungnya. Struktur Data : Nis + id_wali_kelas + Semester + jumlah_izin + jumlah_alpa + jumlah_sakit + Nilai_akhir + Kenaikan + Catatan_orangtua.

4.2.1.2. Flowchart Program

1 Menu Login Gambar 4.18. Flowchart menu Login 2 Menu Penempatan User Gambar 4.19. Flowchart menu Penempatan user 3 Menu utama user Gambar 4.20. Flowchart menu utama Tata Usaha Gambar 4.21. Flowchart menu utama Wali Kelas Gambar 4.22. Flowchart menu utama Guru Matapelajaran Mulai Halaman Utama siswa WAP Pilihan menu siswa 5 18 Y Pilih Syarat penggunaan Pilih Anggota Pilih Profil MALHIKDUA Pilih Hot News Pilih Donasi T T T T Halaman Syarat Y Selesai T 19 Y Halaman Profil Halaman Hot News 18 Y Y Halaman Donasi Y Gambar 4.23. Flowchart menu utama Siswa 4 Data Siswa Gambar 4.24 . Flowchart Data Siswa 5 Data Kelas Gambar 4.25 . Flowchart Data Kelas 6 Data Wali Kelas Gambar 4.26 . Flowchart Data Wali kelas oleh Tata Usaha 7 Data Matapelajaran Gambar 4.27 . Flowchart Data Wali Kelas 8 Data Guru Matapelajaran Gambar 4.28 . Flowchart Data Guru matapelajaran 9 Data Jadwal Pelajaran Gambar 4.29. Flowchart Data Jadwal Pelajaran 10 Data Jadwal UTS Gambar 4.30. Flowchart Data Jadwal UTS 11 Data Jadwal UAS Gambar 4.31. Flowchart Data Jadwal UAS 12 Data Beita Sekolah Gambar 4.32 . Flowchart Data Berita sekolah 13 Menu Logout Gambar 4.33 . Flowchart menu Logout 14 Data Rapor Gambar 4.34 . Flowchart Data Rapor 15 Data Nilai Gambar 4.35 . Flowchart Data Nilai 16 Menu Siswa Anggota yang terdaftar Gambar 4.36. Flowchart menu siswa yang terdaftar

4.2.2. Entity Relationship Diagram ERD

Gambar 4.37. ERD yang diusulkan

4.2.2.1. ERD ke LRS

Gambar 4.38. LRS dari ERD yang diusulkan Keterangan : primary key Foreign key

4.2.2.2. Normalisasi 1

Bentuk awal Bentuk tidak normal Unormalize Bentuk ini merupakan kumpulan data yang akan disimpan, tidak ada aturan untuk mengikuti format- format tertentu, data yang belum normal ini boleh ada data yang tidak lengkap atau bahkan ada data yang terduplikasi. No. NIS Nama Jenis_kelamin Tempat_Lahir Tanggal_Lahir Password Alamat Kode_kelas 1 001 Dawim Perempuan Kluwut 18-10-1993 Kluwut 101 2 002 Willy Laki-laki Bumiayu 20-04-1991 Bumiayu 201 3 003 Wilda Perempuan Jakarta 01-01-1991 Cilangkap 104 Nama_kelas Id_wali_kelas Nama Password Semester Jumlah_sakit Jumlah_izin Jumlah_alpa Nilai_akhir 1 IPA 1 W101 Hj.Rahayu 1 2 98 2 IPA 1 W201 H.Hasanudin 1 2 97 1 IPS 1 W104 Haryono 1 1 1 1 57 Kenaikan Catatan_orangtua Id_guru_matapelajaran Nama Jenis_kelamin Password Alamat Naik Jaga semangat GM01 GM02 Amalia Helmi.F Perempuan Kaligua Naik Catat pelajaran GM03 GM04 Amrin.M Noktiwi Laki-laki Benda 1 Tinggal Belajar lagi GM10 Suharto Laki-laki Kaliloka Telpon Kode_matapelajaran Nama_matapelajaran Nilai UTS Nilai UAS Hari_belajar 0289320123 U1 A2 Matematika 1 Fiqih 1 7 8 9 8 Sabtu Senin 0817959467 A1 U2 Bahasa Arab Fisika 2 8 7 8 9 Rabu Ahad 0815678906 U13 Akutansi 1 5 6 Kamis Hari_UTS Hari_UAS Jam_belajar Jam_UTS Jam_UAS Tanggal_UAS Tanggal_UAS Senin Sabtu Senin Sabtu 07.30 09.00 07.30 09.00 07.30 09.00 12042010 05042010 12072010 05072010 Ahad Rabu Selasa Ahad 07.30 09.00 07.30 09.00 07.30 09.00 14042010 06042010 14072010 06072010 Selasa Rabu 09.00 09.00 07.30 14042010 14072010 2 Bentuk Normal ke Satu Frist Normal Form 1 NF Pada tahap ini dilakukan penghilangan beberapa group elemen yang berulang agar menjadi satu harga tunggal yang berinteraksi diantara setiap baru pada suatu tabel, dan setiap atribut harus mempunyai nilai data yang atomik. Atom adalah zat terkecil yang masih mempunyai sifat induknya, bila dipecah lagi maka ia tidak memiliki sifat induknya. No. NIS Nama Jenis_kelamin Tempat_Lahir Tanggal_Lahir Password Alamat Kode_kelas 1 001 Dawim Perempuan Kluwut 18-10-1993 Kluwut 101 2 001 Dawim Perempuan Kluwut 18-10-1993 Kluwut 101 3 002 Willy Laki-laki Bumiayu 20-04-1991 Bumiayu 201 4 002 Willy Laki-laki Bumiayu 20-04-1991 Bumiayu 201 5 003 Wilda Perempuan Jakarta 01-01-1991 Cilangkap 104 Nama_kelas Id_wali_kelas Nama Password Semester Jumlah_sakit Jumlah_izin Jumlah_alpa 1 IPA 1 W101 Hj.Rahayu 1 2 1 IPA 1 W101 Hj.Rahayu 1 2 2 IPA 1 W201 H.Hasanudin 1 2 2 IPA 1 W201 H.Hasanudin 1 2 1 IPS 1 W104 Haryono 1 1 1 1 Nilai_akhir Kenaikan Catatan_orangtua Id_guru_matapelajaran Nama Jenis_kelamin Password 98 Naik Jaga semangat GM01 Amalia Perempuan 98 Naik Jaga semangat GM02 Helmi.F Perempuan 97 Naik Catat pelajaran GM03 Amrin.M Laki-laki 97 Naik Catat pelajaran GM04 Noktiwi Laki-laki 57 Tinggal Belajar lagi GM10 Suharto Laki-laki Alamat Telpon Kode_matapelajaran Nama_matapelajaran Nilai UTS Nilai UAS Hari_belajar Kaligua 0289320123 U1 Matematika 1 7 9 Sabtu Kaligua 0289320123 A2 Fiqih 1 8 8 Senin Benda 1 0817959467 A1 Bahasa Arab 8 8 Rabu Benda 1 0817959467 U2 Fisika 2 7 9 Ahad Kaliloka 0815678906 U13 Akutansi 1 5 6 Kamis Hari_UTS Hari_UAS Jam_belajar Jam_UTS Jam_UAS Tanggal_UAS Tanggal_UAS Senin Senin 07.30 07.30 07.30 12042010 12072010 Sabtu Sabtu 09.00 09.00 09.00 05042010 05072010 Ahad Selasa 07.30 07.30 07.30 14042010 14072010 Rabu Ahad 09.00 09.00 09.00 06042010 06072010 Selasa Rabu 09.00 09.00 07.30 14042010 14072010 3 Bentuk Normal Kedua Second Normal Form 2 NF Syarat dari bentuk normal kedua adalah, bentuk data telah memenuhi kriteria bentuk normal kesatu, dan atribut bukan kunci non-key haruslah memiliki ketergantungan sepenuhnya pada kunci utama primery key. Gambar 4.39. Relasi tabel dalam bentuk 2 NF 4 Bentuk Normal Ketiga Third Normal Form 3 NF Pada tahap ini, atribut bukan kunci haruslah tidak memiliki ketergantungan terhadap atribut bukan kunci lainnya. Dengan kata lain, semua Atribute bukan kunci haruslah hanya memiliki ketergantungan terhadap primary key pada relasinya saja. Gambar 4.40. Relasi tabel dalam bentuk 3 NF 5 BCNF Boyce-Codd Normal Form BCNF didasari pada beberapa ketergantungan fungsional dalam suatu relasi yang melibatkan seluruh candidate key di dalam relasi tersebut. Jika suatu relasi hanya memiliki satu candidate key, maka hasil uji normalisasi sampai bentuk normal ketiga sudah identik dengan Boyce-Codd Normal Form BCNF. Gambar 4.41. Relasi tabel dalam bentuk BCNF

4.2.2.3. Struktur Database

Perancangan struktur data ini untuk membuat struktur tabel yang digunakan dalam penyimpanan data pada aplikasi yang dibuat. Struktur data yang digunakan pada aplikasi ini menggunakan MySQL dan berikut adalah rancangan tabel- tabel yang digunakan. 1 Nama Tabel : Siswa Primary Key : Nis Foreign Key : Kode_kelas Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Nis Varchar 5 No induk siswa Tidak 2. Nama Varchar 25 Nama siswa Tidak 3. Tanggal_lahir Varchar 10 Tanggal_lahir siswa Tidak 4. Tempat_lahir Varchar 50 Tempat_lahir siswa Tidak 5. Password Varchar 5 Password siswa Tidak 6. Alamat Text 50 Alamat siswa Tidak 7. Jenis_kelamin Varchar 10 Jenis_kelamin siswa Tidak 8. Kode_kelas Varchar 5 Kode kelas Tidak 2 Nama Tabel : Wali kelas Primery Key : id wali kelas Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Id_wali_kelas Varchar 5 No id wali kelas Tidak 2. Nama Varchar 25 Nama wali kelas Tidak 3. password Varchar 5 Password wali kelas Tidak 3 Nama Tabel : Kelas Primery Key : kode kelas Foreign Key : Id_wali_kelas Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Kode kelas Varchar 5 Kode kelas Tidak 2. Nama kelas Varchar 10 Nama kelas Tidak 3. Id_wali_kelas Varchar 5 No id wali Kelas Tidak 4 Nama Tabel : Guru Matapelajaran Primery Key : id_guru_matapelajaran Foreign Key : - Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Id_guru_matapelajaran Varchar 5 No id guru Tidak 2. Nama Varchar 25 Nama guru Tidak 3. password Varchar 5 Password guru Tidak 4. alamat Text 50 Alamat guru Tidak 5. Jenis_kelamin Varchar 10 Jenis_kelamin Tidak 6. Telpon Varchar 15 Telpon guru Tidak 5 Nama Tabel : Matapelajaran Primery Key : kode_matapelajaran Foreign Key : id_guru_matapelajaran Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Kode_matapelajaran Varchar 5 Kode pelajaran Tidak 2. Id_guru_matapelajaran Varchar 5 No id guru Tidak 3. Nama_matapelajaran Varchar 25 Nama pelajaran Tidak 6 Nama Tabel : Jadwal Primery Key : Kode_matapelajaran Foreign Key : Kode_kelas Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Kode_matapelajaran Varchar 5 Kode pelajaran Tidak 2. Kode kelas Varchar 5 Kode kelas Tidak 3. Hari_belajar Varchar 6 Hari pelajaran Tidak 4. Jam_belajar Varchar 11 Hari pelajaran Tidak 7 Nama Tabel : Jadwal_UTS Primery Key : Kode_matapelajaran Foreign Key : Kode_kelas Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Kode_matapelajaran Varchar 5 Kode pelajaran Tidak 2 Kode kelas Varchar 5 Kode kelas Tidak 3. Tanggal_UTS Varchar 10 Tanggal ujian Tidak 4. Hari_UTS Varchar 6 Hari ujian Tidak 5. Jam_UTS Varchar 11 Jam ujian Tidak 8 Nama Tabel : Jadwal_UAS Primery Key : Kode_matapelajaran Foreign Key : Kode_kelas Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. Kode_matapelajaran Varchar 5 Kode pelajaran Tidak 2. Kode_kelas Varchar 10 Kode kelas Tidak 3. Tanggal_UAS Varchar 10 Tanggal ujian Tidak 4. Hari_UTS Varchar 6 Hari ujian Tidak 5. Jam_UAS Varchar 11 Jam ujian Tidak 9 Nama Tabel : Rapor Primery Key : nis Foreign Key : kode_kelas, id_wali_kelas Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. nis Varchar 4 No induk siswa Tidak 2. Id_wali_kelas Varchar 5 No id wali kelas Tidak 3. semester Varchar 1 Semester Tidak 4. Jumlah_sakit Varchar 2 Jumlah sakit Tidak 5. Jumlah izin Varchar 2 Jumlah izin Tidak 6. Jumlah_alpa Varchar 2 Jumlah alpa Tidak 7. Catatan orangtua Text 100 Catatan untuk orangtua siswa Tidak 8. Nilai_Akhir Varchar 5 Nilai akhir siswa Tidak 9. Kenaikan Varchar 10 kenaikan kelas Tidak 10 Nama Tabel : Nilai Primery Key : nis Foreign Key : kode_kelas, kode_matapelajaran, Struktur Tabel : No Nama Field Tipe Lebar Keterangan Null 1. nis Varchar 4 No induk siswa Tidak 2. Kode_kelas Varchar 10 Kode kelas Tidak 3. Kode_matapelajaran Varchar 10 Kode pelajaran Tidak 4. Nilai_uts Varchar 2 NilaiUTS siswa Tidak 5. Nilai_uas Varchar 2 Nilai UAS siswa Tidak

4.2.3. Perancangan Struktur Menu

1 Struktur menu pada WAP yang tidak melakukan login Gambar 4.42. Struktur menu pada user User yang tidak melakukan login hanya dapat melihat halaman menu utama yang berisi Syarat, Profil MALHIKDUA, Donasi dan Hot News yang ada disekitar sekolah atau berita- berita yang di sediakan untuk informasi umum. 2 Struktur menu pada sistem user yang melakukan login Gambar 4.43. Struktur menu user yang melakukan login Gambar di atas merupakan perancangan halaman user yang melakukan login pada sistem. Jika user melakukan login maka user dapat melakukan proses melihat jadwal matapelajaran, jadwal ujian, Nilai, dan melihat nilai harian, nilai UTS serta nilai UAS 3 Struktur Menu Pada Tata Usaha Gambar 4.44. Struktur menu pada Tata Usaha Gambar di atas merupakan perancangan halaman Tata Usaha berbasis Web yang digunakan untuk mengelola sistem, melakukan edit, tambah, hapus informasi akademik yang dibutuhkan user. 4 Struktur Menu pada Guru Matapelajaran Gambar 4.45. Struktur menu pada Guru Matapelajaran Gambar di atas merupakan perancangan halaman Guru Matapelajaran berbasis Web yang digunakan untuk mengelola nilai yang dibutuhkan oleh siswa. 5 Struktur Menu pada Wali Kelas Gambar 4.46. Struktur menu pada Wali Kelas Gambar di atas merupakan perancangan halaman Wali Kelas berbasis Web yang digunakan untuk mengelola rapor yang dibutuhkan oleh siswa.

4.2.4. Perancangan Antar Muka Interface Design

Perancangan antar muka yang dimaksud untuk menggambarkan pilihan masukan dari user berupa menu-menu kemudian dilakukan proses pemanggilan data yang tersedia dalam database server dan menjadikan keluaran output. Perancangan tampilan input sebagai berikut :

a. Design tampilan pada WAP

1. Halaman Utama Halaman utama yang dibuat berisi beberapa program yang sifatnya statis. Fungsi halaman utama selain sebagai index juga terdapat beberapa halaman informasi dan menu yang menghubungkan dengan program utama lainnya. a Halaman Index Pada saat pertama kali halaman WAP diakses, program akan menampilkan ucapan “Selamat Datang”. Halaman index ini akan muncul selama duapuluh lima detik, kemudian akan segera berganti menuju kehalaman Menu Utama Home. Gambar 4.47. Tampilan Index WAP b Halaman Menu Utama Home Dari halaman Index, setelah duapuluh lima detik, halaman akan brpindah pada file Home. Halaman ini berisi daftar menu yang dapat menghubungkan dengan halaman informasi lainnya. Gambar 4.48. Rancangan Tampilan Home pada WAP 2. Halaman Syarat Halaman ini digunakan untuk menampilkan daftar syarat- syarat untuk mlakukan akses pada layanan informasi akademik berbasis WAP. Gambar 4.49. Rancangan Tampilan halaman Syarat pada WAP 3. Halaman Anggota Halaman member merupakan sebuah pintu utama dimana user harus memasukkan NIS dan password yang sesuai dengan apa yang telah didaftarkan, tujuan utama dari halaman login adalah untuk autentifikasi keamanan sistem. Sebagai validasinya, maka NIS dan password akan disamakan sesuai yang tertera pada tabel siswa. Wali siswa yang ingin mengakses informasi anaknya harus mengetahui NIS dan passwordnya. Title Header Kembali LOGO NIS Password PROSES Gambar 4.50. Rancangan Tampilan login anggota pada WAP 4. Halaman Konfirmasi Jika NIS dan password yang dimasukkan salah atau tidak dikenali sistem maka akan muncul halaman konfirmasi bahwa proses login gagal. Gambar 4.51. Rancangan Tampilan konfirmasi login gagal pada WAP Apabila ingin mengulangi proses login, dapat dipilih link Ulangi, maka program akan membawa ke halaman login user dan apabila ingin keluar dari sistem maka pilih Keluar. 5. Halaman Login Sukses Jika NIS dan password sesuai dengan yang ada pada data base system maka akan muncul tambilan sebagai berikut : Gambar 4.52. Rancangan Tampilan login sukses pada WAP 6. Halaman Jadwal Pada halaman ini user yang telah mendapat hak akses diminta untuk memasukkan hari yang diinginkan untuk menampilkan jadwal yang ada pada hari itu. Gambar 4.53. Rancangan Tampilan akses jadwal 7. Halaman Nilai Halaman ini dapat ditampilkan jika user telah memasukan data yang diperlukan oleh sistem dan valid. Nilai siswa yang dapat ditampilkan, yang terdiri dari nilai UTS dan nialai UAS. Gambar 4.54. Rancangan Tampilan permintaan nilai siswa 8. Halaman Rapor User yang telah mendapat akses dapat melihat hasil rapor siswa Gambar 4.55. Rancangan Tampilan permintaan hasil rapor siswa 9. Halaman Profil MALHIKDUA Halaman profil MALHIKDUA digunakan untuk menampilkan profil singkat dari Madrasah Aliyah Al Hikmah 2 Brebes dan terdapat beberapa informasi tentang Alamat, Program dan Spesifikasi yang dimiliki oleh MALHIKDUA. Data profil dibuat dalam file yang berekstensi .wml sehingga user yang tidak login dapat mengakses halaman ini. Gambar 4.56. Rancangan Tampilan halaman Profil 10. Halaman Hot News Halaman Hot News merupakan halaman yang berisikan tentang berita yang ada di lingkungan sekolah, Pondok Pesantren ataupun peristiwa menghebohkan yang ada di luar lingkungan Pondok. Halaman ini dapat diakses oleh user yang tidak login. Gambar 4.57. Rancangan Tampilan halaman Hot News WAP

b. Design tampilan pada WEB

1 Tampilan Index untuk User Tata Usaha, Wali Kelas, Guru Matapelajaran Gambar 4.58. Rancangan tampilan index pilihan user Pada tampilan awal user diharuskan untuk memilih, apakah user akan masuk sebagai Tata Usaha, Guru Matapelajaran ataukah sebagai Wali Kelas. 2 Tampilan Login untuk User Gambar 4.59. Rancangan tampilan login user Setelah user menentukan pilihan pada halaman index sebelumnya, maka akan tampil dimana mereka harus login, untuk masuk dan mengelola sistem sesuai yang telah ditentukan. Untuk masuk halaman berikutnya dan agar bisa mengelola datanya user diwajibkan untuk mengisi id user, dan password sesuai yang telah didaftarkan pada pengelola. 3 Tampilan Halaman Utama Tata Usaha Gambar 4.60. Rancangan tampilan halaman utama tata usaha