57 BAB IV PEMBAHASAN MASALAH IV.1. ANALISA SISTEM LAMA Analisis Sistem adalah tahap penguraian suatu Sistem yang utuh ke dalam bagian-bagian komponennya, dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan - permasalahan, kesempatan - kesempatan hambatan - hambatan yang terjadi dan kebutuhankebutuhan yang diharapkan sehingga dapat diusulkan perbaikanperbaikannya. Penyampaian informasi akademik yang berupa nilai ujian dan nilai raport SD PETRA masih manual. Untuk menyampaikan nilai ujian, guru harus bertatap muka dengan siswa, sehingga nilai ujian jarang diberitahuan kepada siswa. Sedangkan dalam kalender akademik setelah pelaksanaan ujian, sekolah mengadakan class meeting atau libur, sehingga waktu tatap muka tidak memungkinkan dan juga guru mulai disibukkan dengan kegiatan mengumpulkan semua nilai untuk komponen raport. Dengan keadaan tersebut orang tua sulit mengetahui perkembangan prestasi anak. Pembagian raport dilaksanakan beberapa hari setelah ujian berakhir. Untuk mengambil raport orang tua harus datang ke sekolah. Jika ada hal yang mendesak maka raport tidak bisa diambil tepat waktu.sehingga informasi raport tidak dapat dengan segera diketahui.
58 Untuk menggambarkan sistem lama yang ada dan mengidentifikasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi digunakan alat bantu analisis sistem yaitu flowchart. a. Flow Of Document Informasi Akademik Guru Mapel Wali Kelas Kepsek Siswa & Orang Tua Mulai Nilai Ujian Raport Raport Memeriksa Kertas Ujuan Siswa Menghitung Komponen Nilai Raport Legalitas Raport Selesai Nilai Ujian Raport Raport Raport Gambar 4.1 Flow Of Document Informasi Akademik Sumber : (SD. PETRA 2009) Keterangan: 1) Alur sistern informasi akademik di SD. PETRA dimulai dari guru mapel yang memeriksa kertas ujian siswa dan mendata semua nilainilai ujian siswa. 2) Nilai ujian dikumpulkan kepada wali kelas, kemudian wali kelas, mengadakan penghitungan seluruh komponen nilai raport baik untuk raport mid semester ataupun akhir semester.
59 3) Wali Kelas mengumpulkan raport kepada kepala sekolah yang akan menandatangani raport tersebut sebagai legalitas raport. Raport kemudian dikembalikan kepada wali kelas. 4) Wali Kelas kemudian menyerahkan raport kepada siswa dan orang tuanya. b. Flow Of Document Kalender Akademik Kurikulum Diknas Siswa & Orang Tua Mulai Membuat Data hari libur dan hari efektif Data hari libur dan hari efektif Kalender Pendidikan Kalender Akademik Selesai Mencocokkan dengan kalender pendidikan dari Diknas Revisi Kalender Akademik Kalender Akademik Gambar 4.2 Flow Of Document Kalender Akademik Sumber : (SD. PETRA 2009) Keterangan : 1) Bagian kurikulum membuat data hari libur dan hari efektif,
60 menghasilkan data hari libur dan hari efektif. 2) Diknas mengeluarkan kalender pendidikan dan dibagikan ke sekolahsekolah. 3) Bagian kurikulum mencocokkan data hari libur dan hari efektif dari pihak Diknas dengan data sebelumnya yang telah dibuat. Kemudian merevisi kalender akademik. 4) Setelah kalender akademik selesai disusun, diumumkan kepada siswa dan orang tua. IV.2. SISTEM YANG AKAN DIKEMBANGKAN Sistem baru yang akan ditetapkan di SD PETRA adalah sistem informasi sekolah berbasis WEB yang akan membantu wali kelas dan guru untuk menyampaikan informasi akademik siswa yang berupa nilai ujian tengah semester, nilai ujian akhir semester, raport mid semester dan raport akhir semester. Diharapkan dengan adanya sistem ini membantu kerja guru dan TU dalam memberikan informasi dan memenuhi kebutuhan informasi dan memenuhi kebutuhan informasi orang tua dan siswa. Hak Akses sebagai guru dan TU akan diproses membuka home guru dan TU. Jika username dan password tidak terdaftar muncul halaman pesan kesalahan dan kembali ke halaman index untuk login ulang.
61 a. Flowchart Home Admin START Halaman Data Admin Pilih Tambah Admin Pilih Data Siswa Pilih Profil Pilih Kalender Akademik Pilih Warta PETRA Logout Buka Halaman Data Admin Buka Halaman Data Siswa Buka/Tutup Menu Profil Buka Halaman Kalender Akademik Buka Halaman Warta PETRA Keluar dari system kembali ke halaman indeks END Gambar 4.3 Flowchart Home Admin Keterangan : Pertama akan dibuka halaman home admin, kemudian admin dapat memilih salah satu menu yang tersedia.
62 Jika memilih data admin akan diproses membuka halaman data admin, untuk mengatur siapa saja yang memiliki hak akses dalam sistem admin. Pilih data siswa akan diproses membuka halaman data siswa, untuk mengatur user (hanya siswa dan orang tuanya) yang dapat mengakses menu nilai pada situs WEB. Pilih profil akan diproses membuka halaman profil untuk menginformasikan profil yang ada di SD PETRA. Pilih kalender akademik akan diproses membuka halaman kalender akademik, untuk menginformasikan informasi waktu (Tanggal/Bulan/ Tahun) dan kegiatan akademik yang ada di SD PETRA. Pilih warta PETRA akan diproses membuka halaman warta PETRA, untuk memberitakan hal-hal menarik apa saja yang terjadi di sekolah. Pilih logout untuk keluar dari sistem dan kembali ke halaman index. Tampilan ini dapat dilihat disub bab 4 halaman 80 gambar 4.18.
63 1) Flowchart Data Admin START Halaman Data Admin Pilih Tambah Data Buka Form Tambah data Edit Data Buka Form edit Data admin Hapus data Hapus data dengan Admin Pilih Home Buka Home Admin Pilih Logout Keluar dari system kembali ke halaman indeks END Gambar 4.4 Flowchart Data Admin Keterangan : Data admin dimulai dengan menampilkan halaman data admin, yang terdiri dari tabel daftar admin dan tombol-tombol fungsi yang meliputi tambah data, akan diproses membuka form tambah data admin. Edit data sesuai dengan nomor id yang sama dengan id di database, akan diproses membuka form edit data admin. Hapus data sesuai dengan nomor id yang sama dengan id di database, akan langsung diproses untuk menghapus data
64 di database. Home, untuk kembali ke halaman home admin. Logout, untuk keluar dari sistem dan akan kembali ke halaman index. Tampilan ini dapat dilihat disub bab 4 halaman 80 gambar 4.19. a) Flowchart Tambah Data Admin START Form Tambah Data Isi Data Admin Tambah Data Simpan data ADMIN Reset Kosongkon Form Kembali ke daftar Buka Halaman Data Admin END Gambar 4.5 Flowchart Tambah Data Admin Keterangan : Pertama akan ditampilkan form tambah data admin. Setelah itu isi data admin yang baru. Jika tombol tambah data dipilih, maka data akan diproses untuk disimpan dan masuk ke database. Jika reset dipilih maka akan memproses pengosongan
65 form, selanjutnya dapat mulai mengisi data baru. Jika memilih kembali ke daftar akan diproses kembali ke halaman data admin. b) Flowchart Edit Data Admin START Form Edit Data Admin Edit Data Admin Update Data Update data Data dengan id=$id telah di update kembali kehalaman data admin ADMIN Kembali ke daftar Buka Halaman Data Admin END Gambar 4.6 Flowchart Edit Data Admin Keterangan : Pertama akan ditampilkan form edit data admin. Setelah itu edit data admin yang ingin diedit. Jika update dipilih, maka data diproses untuk diupdate dan masuk ke database. Kemudian tampil halaman konfirmasi data telah diupdate. Setelah itu dapat kembali ke halaman data admin. Atau jika
66 memilih kembali ke daftar akan diproses kembali ke halaman data admin. 2) Flowchart Data Siswa START Halaman Data Siswa Pilih Tambah Data Buka Form Tambah data Edit Data Id-$id_siswa Buka Form edit Data Siswa Hapus Data Id-$id_siswa Hapus data dengan Id-$id_siswa SISWA Pilih Home Buka Home Admin Pilih Logout Keluar dari system kembali ke halaman indeks END Gambar 4.7 Flowchart Data Siswa Keterangan : Data siswa dimulai dengan menampilkan halaman data siswa, yang terdiri dari tabel daftar siswa dan tombol-tombol fungsi yang meliputi tambah data, akan diproses membuka form tambah data siswa. Lihat
67 laporan, akan diproses membuka halaman laporan data siswa. Edit data sesuai dengan nomor id yang sama dengan id_ siswa di database, akan diproses membuka form edit data siswa. Hapus data sesuai dengan nomor id yang sama dengan id_ siswa di database, akan langsung diproses untuk menghapus data di database. Home, untuk kembali ke halaman home admin. Logout, untuk keluar dari sistem dan akan kembali ke halaman index. Tampilan ini dapat dilihat disub bab 4 halaman 82 gambar 4.22. a) Flowchart Tambah Data Siswa START Form Tambah Data Isi Data Siswa Tambah Data Simpan data SISWA Reset Kosongkon Form Kembali ke daftar Buka Halaman Data Siswa END Keterangan : Gambar 4.8 Flowchart Tambah Data Siswa
68 Pertama akan ditampilkan form tambah data siswa. Setelah itu isi data siswa yang baru. Jika tombol tambah data dipilih, maka data akan diproses untuk disimpan dan masuk ke database. Jika reset dipilih maka akan memproses pengosongan form, selanjutnya dapat mulai mengisi data baru. Jika memilih kembali ke daftar akan diproses kembali ke halaman data siswa. b) Flowchart Edit Data Siswa START Form Edit Data Siswa Edit Data Siswa Update Data Update data Data dengan id=$id_siswa telah di update kembali kehalaman data siswa SISWA Kembali ke daftar Buka Halaman Data Siswa END Gambar 4.9 Flowchart Edit Data Siswa Keterangan : Pertama akan ditampilkan form edit data siswa. Setelah itu edit data siswa yang ingin diedit. Jika update dipilih, maka data
69 diproses untuk diupdate dan masuk ke database. Kemudian tampil halaman konfirmasi data telah diupdate. Setelah itu dapat kembali ke halaman data siswa. Atau jika memilih kembali ke daftar akan diproses kembali ke halaman data siswa. 3) Flowchart Kalender Akademik START Halaman Kalender Akademik Pilih Tambah Data Buka Form Tambah data Pilih ubah tahun Buka Form ubah tahun Kalender Akademik Edit Data Buka Form edit Kalender Akademik Hapus data $id_kalender Hapus data dengan $id_kalender KALENDER Pilih Home Buka Home Admin Pilih Logout Keluar dari system kembali ke halaman indeks END Gambar 4.10 Flowchart Kalender Akademik
70 Keterangan : Kalender akademik dimulai dengan menampilkan halaman kalender akademik, yang terdiri dari tabel daftar kalender dan tomboltombol fungsi yang meliputi tambah data, akan diproses membuka form tambah data kalender akademik. Lihat laporan, akan diproses membuka halaman laporan kalender akademik. Edit data sesuai dengan nomor id yang sama dengan id_ kalender di database, akan diproses membuka form edit kalender akademik. Hapus data sesuai dengan nomor id yang sama dengan id_ kalender di database, akan langsung diproses untuk menghapus data di database. Home, untuk kembali ke halaman home admin. Logout, untuk keluar dari sistem dan akan kembali ke halaman index. Tampilan ini dapat dilihat disub bab 4 halaman 81 gambar 4.20. a) Flowchart Tambah Kalender Akademik START Form Tambah Data Isi Kalender Akademik Tambah Data Simpan data KALENDER Reset Kosongkon Form Kembali ke daftar Buka Halaman Kalender Akademik END
71 Gambar 4.11 Flowchart Tambah Kalender Akademik Keterangan : Pertama akan ditampilkan form tambah kalender akademik. Setelah itu isi kalender akademik yang baru. Jika tombol tambah data dipilih, maka data akan diproses untuk disimpan dan masuk ke database. Jika reset dipilih maka akan memproses pengosongan form, selanjutnya dapat mulai mengisi data baru. Jika memilih kembali ke daftar akan diproses kembali ke halaman kalender akademik. b) Flowchart Edit Kalender Akademik START Form Edit Kalender Akademik Edit Kalender Akademi Update Data Update data Data dengan id=$id_kalender telah di update kembali kehalaman kalender akademik KALENDER Kembali ke daftar Buka Halaman Kalender Akademi END Gambar 4.12 Flowchart Edit Kalender Akademik
72 Keterangan : Pertama akan ditampilkan form edit kalender akademik. Setelah itu edit kalender akademik yang ingin diedit. Jika update dipilih, maka data diproses untuk diupdate dan masuk ke database. Kemudian tampil halaman konfirmasi data telah diupdate. Setelah itu dapat kembali ke halaman kalender akademik. Atau jika memilih kembali ke daftar akan diproses kembali ke halaman kalender akademik. 4) Flowchart Warta SD PETRA START Halaman warta PETRA Pilih Tambah Data Buka Form Tambah data Edit Data Id-$id_berita Buka Form edit warta PETRA Hapus Data Id-$id_berita Hapus data dengan Id-$id berita WARTA Pilih Home Buka Home Admin Pilih Logout Keluar dari system kembali ke halaman indeks END
73 Gambar 4.13 Flowchart Warta Keterangan : Warta SD PETRA dimulai dengan menampilkan halaman warta SD PETRA, yang terdiri dari tabel daftar berita dan tombol-tombol fungsi yang meliputi tambah data, akan diproses membuka form tambah berita terbang. Lihat laporan, akan diproses membuka halaman laporan warta SD PETRA. Edit data sesuai dengan nomor id yang sama dengan id_ berita di database, akan diproses membuka form edit warta SD PETRA. Hapus data sesuai dengan nomor id yang sama dengan id_ warta di database, akan langsung diproses untuk menghapus data di database. Home untuk kembali ke halaman home admin. Logout untuk keluar dari sistem dan akan kembali ke halaman index. Tampilan ini dapat dilihat disub bab 4 halaman 83 gambar 4.25. a) Flowchart Tambah Warta SD PETRA START Form Tambah Data Isi warta Petra Tambah Data Simpan data WARTA Reset Kosongkon Form Kembali ke daftar Buka Halaman Warta Petra END
74 Gambar 4.23. Flowchart Tambah Warta SD PETRA Gambar 4.14 Flowchart Tambah Warta Keterangan : Pertama akan ditampilkan form tambah warta SD PETRA. Setelah itu isi berita terbang yang baru. Jika tombol tambah data dipilih, maka data akan diproses untuk disimpan dan masuk ke database. Jika reset dipilih maka akan memproses pengosongan form, selanjutnya dapat mulai mengisi data baru. Jika memilih kembali ke daftar akan diproses kembali ke halaman warta SD PETRA. b) Flowchart Edit Warta SD PETRA START Form Edit Warta Edit Warta Update Data Update data Data dengan id=$id_kalender telah di update kembali kehalaman warta KALENDER Kembali ke daftar Buka Halaman Warta END Gambar 4.15 Flowchart Edit Warta SD PETRA Keterangan :
75 Pertama akan ditampilkan form edit warta SD PETRA. Setelah itu edit berita terbang yang ingin diedit. Jika update dipilih, maka data diproses untuk diupdate dan masuk ke database. Kemudian tampil halaman konfirmasi data telah diupdate. Setelah itu dapat kembali ke halaman warta. Atau jika memiliki kembali ke daftar akan diproses kembali ke halaman warta SD PETRA. IV.3. KEBUTUHAN HARDWARE DAN SOFTWARE Spesifikasi hardware dan software merupakan perincian peralatan yang digunakan pada tahap penerapan sekaligus tahap pengujian bagi sistem yang telah dibuat. Spesifikasi hardware dan software juga dapat mengetahui kelebihan dan kekurangan dari sistem tersebut. Sistem yang baru ini merupakan sistem yang berbasis teknologi komputer, maka diperlukan beberapa fasilitas dan peralatan yang mendukung bekerjanya suatu sistem. IV.3.1. Hardware Merupakan seluruh komputer yang membentuk suatu sistem komputer dan peralatan pendukung lainnya yang memungkinkan komputer tersebut dapat berfungsi sebagaimana mestinya sehingga sistem yang akan diterapkan nanti akan berjalan lancar. Konfigurasi hardware yang disarankan : a. Komputer Server 1) Processor Intel Pentium IV 2,4 GHz
76 2) RAM 512 Mb 3) Harddisk 80 Gb 4) Keyboard, Mouse PS 2 5) CD-RW Samsung 52X 6) VGA Card 256 Mb 7) Monitor Samsung 14 SyncMaster 8) Sistem Operasi Windows XP b. Komputer Client IV.3.2. Software 1) Processor Intel Pentium III 700 MHz atau di atasnya 2) RAM 256 Mb 3) CD-R Sony 52X 4) Harddisk 20 Gb 5) Floppy Disk 3,5 1,44Mb 6) Keyboard, Mouse PS2 7) Monitor Samsung 14 SyncMaster 8) Sistem Operasi Windows XP Software yang digunakan dalam pengembangan sistem informasi akademik berbasis WEB adalah : No Nama Software Kegunaan 1. Mowes Portable Digunakan untuk mensimulasikan server PHP pada komputer lokal 2. PHP My Admin Digunakan untuk membuat Database Manager database dalam menangani data dalam jumlah yang sedikit maupun besar 3. Adobe Dreamweaver Sebagai editor pemrograman php,
77 CS4 mendesain tampilan sistem admin dan WEB 4. Adope Photoshop CS-4 Untuk mengedit gambar, sebagai penunjang tampilan sistem admin Tabel 4.1 Daftar Software yang Digunakan IV.4. RELATIONSHIP Gambar 4.16 Relationship IV.5. PERANCANGAN STRUKTUR DATABASE 1. Tabel admin Field Type Null Default Id varchar(10) Yes NULL username varchar(20) Yes NULL password varchar(6) Yes NULL Table 4.2 2. Tabel data_guru Field Type Null Default Id varchar(10) Yes NULL Nama varchar(50) Yes NULL jabatan varchar(100) Yes NULL Table 4.3 3. Tabel data_nilai
78 Field Type Null Default Id varchar(10) Yes NULL Maple varchar(4) Yes NULL Smt int(1) Yes NULL u1 int(3) Yes NULL u2 int(3) Yes NULL u3 int(3) Yes NULL u4 int(3) Yes NULL u5 int(3) Yes NULL u6 int(3) Yes NULL u7 int(3) Yes NULL u8 int(3) Yes NULL Ju int(3) Yes NULL r1 Double Yes NULL r2 Double Yes NULL r3 Double Yes NULL Uts int(3) Yes NULL Uas int(3) Yes NULL Uu Double Yes NULL Rtotuu Double Yes NULL Rtot Double Yes NULL Rapor int(1) Yes NULL Table 4.4 4. Tabel data_siswa Field Type Null Default Id varchar(10) Yes NULL Nama varchar(50) Yes NULL Alamat varchar(100) Yes NULL Kelas int(2) Yes NULL nama_ortu varchar(50) Yes NULL password varchar(6) Yes NULL thn_masuk int(4) Yes NULL Spp int(1) Yes NULL ugedung int(1) Yes NULL Uextra int(1) Yes NULL tgl_spp Date Yes NULL tgl_ugedung Date Yes NULL tgl_uextra Date Yes NULL Table 4.5 5. Tabel kalender Field Type Null Default
79 Id int(11) Yes NULL kegiatan varchar(50) Yes NULL tanggal varchar(100) Yes NULL keterangan varchar(100) Yes NULL Table 4.6 6. Tabel mapel Field Type Null Default Id varchar(4) Yes NULL Nama varchar(50) Yes NULL Table 4.7 7. Tabel tahunakademik Field Type Null Default Tahun varchar(9) Yes NULL Table 4.8 8. Tabel warta Field Type Null Default Id int(10) Yes NULL Judul varchar(100) Yes NULL Isi Text Yes NULL Waktu Datetime Yes NULL Table 4.9 IV.6. IMPLEMENTASI SISTEM IV.6.1. Sistem Administrator a. Tampilan Login Admin Gambar 4.17 Login Admin
80 b. Tampilan Halaman Home Admin Gambar 4.18 Tampilan Halaman Home Admin c. Tampilan Halaman Data Admin Gambar 4.19 Tampilan Halaman Data Admin
81 Gambar 4.20 Tampilan Kalender Akademik Data Admin Gambar 4.21 Tampilan Mata Pelajaran Data Admin
82 Gambar 4.22 Tampilan Data Siswa pada Data Admin Gambar 4.23 Tampilan Data Guru pada Data Admin
83 Gambar 4.24 Tampilan Data Nilai pada Data Admin Gambar 4.25 Tampilan Warta Data Admin
84 d. Tampilan Home Gambar 4.26 Tampilan Home e. Tampilan Sejarah Singkat Gambar 4.27 Tampilan Sejarah Singkat
85 f. Tampilan Susunan Organisasi Gambar 4.28 Susunan Organisasi g. Tampilan Galeri Foto Gambar 4.29 Tampilan Galeri Foto
86 h. Tampilan Data Siswa Gambar 4.30 Tampilan Data Siswa i. Tampilan Laporan Akademik
87 Gambar 4.31 Tampilan Laporan Akademik Gambar 4.32 Tampilan Ubah Password
88 j. Tampilan Kalender Akademik Gambar 4.33 Tampilan Kalender Akademik k. Tampilan Warta Gambar 4.34 Tampilan Warta
89 l. Tampilan Data Guru dan Karyawan Gambar 4.35 Tampilan Data Guru dan Karyawan