57 Perpustakaan Unika
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
perbaikan-
perbaikannya. 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 Perpustakaan Unika
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
Mulai
Nilai Ujian
Raport
Menghitung Komponen Nilai Raport
Legalitas Raport
Raport
Raport
Memeriksa Kertas Ujuan Siswa
Nilai Ujian
Kepsek
Siswa & Orang Tua Raport
Selesai
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 Perpustakaan Unika
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 Mulai
Diknas
Siswa & Orang Tua
Kalender Pendidikan
Kalender Akademik
Membuat Data hari libur dan hari efektif Selesai Data hari libur dan hari efektif
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 Perpustakaan Unika
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 Perpustakaan Unika
a. Flowchart Home Admin START
Halaman Data Admin
Pilih Tambah Admin Tidak Pilih Data Siswa
Ya
Ya
Buka Halaman Data Admin
Buka Halaman Data Siswa
Tidak Pilih Profil
Ya
Buka/Tutup Menu Profil
Tidak Pilih Kalender Akademik
Ya
Buka Halaman Kalender Akademik
Tidak Pilih Warta PETRA
Ya
Buka Halaman Warta PETRA
Tidak Logout
Ya
Keluar dari system kembali ke halaman indeks
Tidak
END
Gambar 4.3 Flowchart Home Admin Keterangan : Pertama akan dibuka halaman home admin, kemudian admin dapat memilih salah satu menu yang tersedia.
62 Perpustakaan Unika
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 Perpustakaan Unika
1) Flowchart Data Admin START
Halaman Data Admin
Pilih Tambah Data
Ya
Buka Form Tambah data
Ya
Buka Form edit Data admin
Ya
Hapus data dengan
Ya
Buka Home Admin
Tidak Edit Data Tidak Hapus data
Admin
Tidak Pilih Home
Tidak Pilih Logout
Ya
Keluar dari system kembali ke halaman indeks
Tidak
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 Perpustakaan Unika
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
Ya Simpan data
Tambah Data
ADMIN
Tidak Reset
Ya
Kosongkon Form
Tidak Ya Kembali ke daftar
Buka Halaman Data Admin
Tidak 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 Perpustakaan Unika
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
Ya
Tidak
Kembali ke daftar
Update data
Data dengan id=$id telah di update kembali kehalaman data admin
ADMIN
Ya
Buka Halaman Data Admin
Tidak
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 Perpustakaan Unika
memilih kembali ke daftar akan diproses kembali ke halaman data admin. 2) Flowchart Data Siswa START
Halaman Data Siswa
Pilih Tambah Data
Ya
Buka Form Tambah data
Ya
Buka Form edit Data Siswa
Ya
Hapus data dengan
Tidak Edit Data Id-$id_siswa
Tidak Hapus Data Id-$id_siswa
Id-$id_siswa
SISWA
Tidak Pilih Home
Ya
Buka Home Admin
Tidak Pilih Logout
Ya
Keluar dari system kembali ke halaman indeks
Tidak
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 Perpustakaan Unika
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
Ya
Simpan data
Tidak Reset
Ya
Kosongkon Form
Tidak Ya Kembali ke daftar
Buka Halaman Data Siswa
Tidak END
Gambar 4.8 Flowchart Tambah Data Siswa Keterangan :
SISWA
68 Perpustakaan Unika
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
Ya
Tidak
Kembali ke daftar
Update data
Data dengan id=$id_siswa telah di update kembali kehalaman data siswa
SISWA Ya
Buka Halaman Data Siswa
Tidak 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 Perpustakaan Unika
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
Ya
Buka Form Tambah data
Ya
Buka Form ubah tahun Kalender Akademik
Ya
Buka Form edit Kalender Akademik
Ya
Hapus data dengan $id_kalender
Tidak Pilih ubah tahun Tidak Edit Data Tidak Hapus data $id_kalender
KALENDER
Tidak Pilih Home
Ya
Buka Home Admin
Tidak Pilih Logout
Ya
Keluar dari system kembali ke halaman indeks
Tidak END
Gambar 4.10 Flowchart Kalender Akademik
70 Perpustakaan Unika
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 Ya Simpan data
Tambah Data Tidak Ya
Kosongkon Form
Reset Tidak Kembali ke daftar Tidak END
Ya
Buka Halaman Kalender Akademik
KALENDER
71 Perpustakaan Unika
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
Ya
Tidak
Kembali ke daftar
Update data
Data dengan id=$id_kalender telah di update kembali kehalaman kalender akademik
KALENDER Ya
Buka Halaman Kalender Akademi
Tidak END
Gambar 4.12 Flowchart Edit Kalender Akademik
72 Perpustakaan Unika
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
Ya
Buka Form Tambah data
Ya
Buka Form edit warta PETRA
Ya
Hapus data dengan
Tidak Edit Data Id-$id_berita
Tidak Hapus Data Id-$id_berita
Id-$id berita
Tidak Pilih Home
Ya
Buka Home Admin
Tidak Pilih Logout
Tidak
END
Ya
Keluar dari system kembali ke halaman indeks
WARTA
73 Perpustakaan Unika
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
Ya Simpan data
Tambah Data Tidak Ya
Kosongkon Form
Reset Tidak Ya Kembali ke daftar Tidak END
Buka Halaman Warta Petra
WARTA
74 Perpustakaan Unika
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
Ya
Tidak
Kembali ke daftar
Update data
Data dengan id=$id_kalender telah di update kembali kehalaman warta
KALENDER Ya
Buka Halaman Warta
Tidak END
Gambar 4.15 Flowchart Edit Warta SD PETRA Keterangan :
75 Perpustakaan Unika
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 Perpustakaan Unika
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 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 IV.3.2. Software Software yang digunakan dalam pengembangan sistem informasi akademik berbasis WEB adalah : No 1. 2.
3.
Nama Software Mowes Portable
Kegunaan Digunakan untuk mensimulasikan server PHP pada komputer lokal PHP My Admin Digunakan untuk membuat Database Manager database dalam menangani data dalam jumlah yang sedikit maupun besar Adobe Dreamweaver Sebagai editor pemrograman php,
77 Perpustakaan Unika
CS4 4.
Adope Photoshop CS-4
mendesain tampilan sistem admin dan WEB 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 Id username password
Type varchar(10) Yes varchar(20) Yes varchar(6) Yes Table 4.2
Null
Default NULL NULL NULL
2. Tabel data_guru Field Id Nama jabatan
Type Null varchar(10) Yes varchar(50) Yes varchar(100) Yes Table 4.3
3. Tabel data_nilai
Default NULL NULL NULL
78 Perpustakaan Unika
Field Id Maple Smt u1 u2 u3 u4 u5 u6 u7 u8 Ju r1 r2 r3 Uts Uas Uu Rtotuu Rtot Rapor
Type varchar(10) varchar(4) int(1) int(3) int(3) int(3) int(3) int(3) int(3) int(3) int(3) int(3) Double Double Double int(3) int(3) Double Double Double int(1)
Null Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Table 4.4
Default NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL
Type Null varchar(10) Yes varchar(50) Yes varchar(100) Yes int(2) Yes varchar(50) Yes varchar(6) Yes int(4) Yes int(1) Yes int(1) Yes int(1) Yes Date Yes Date Yes Date Yes Table 4.5
Default NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL NULL
4. Tabel data_siswa Field Id Nama Alamat Kelas nama_ortu password thn_masuk Spp ugedung Uextra tgl_spp tgl_ugedung tgl_uextra
5. Tabel kalender Field
Type
Null
Default
79 Perpustakaan Unika
int(11) Yes varchar(50) Yes varchar(100) Yes varchar(100) Yes Table 4.6
Id kegiatan tanggal keterangan
NULL NULL NULL NULL
6. Tabel mapel Field Id Nama
Type varchar(4) varchar(50)
Null Yes Yes Table 4.7
Default NULL NULL
7. Tabel tahunakademik Field Tahun
Type varchar(9)
Null Yes Table 4.8
Default NULL
Type Null int(10) Yes varchar(100) Yes Text Yes Datetime Yes Table 4.9
Default NULL NULL NULL NULL
8. Tabel warta Field Id Judul Isi Waktu
IV.6. IMPLEMENTASI SISTEM IV.6.1. Sistem Administrator a. Tampilan Login Admin
Gambar 4.17 Login Admin
80 Perpustakaan Unika
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 Perpustakaan Unika
Gambar 4.20 Tampilan Kalender Akademik Data Admin
Gambar 4.21 Tampilan Mata Pelajaran Data Admin
82 Perpustakaan Unika
Gambar 4.22 Tampilan Data Siswa pada Data Admin
Gambar 4.23 Tampilan Data Guru pada Data Admin
83 Perpustakaan Unika
Gambar 4.24 Tampilan Data Nilai pada Data Admin
Gambar 4.25 Tampilan Warta Data Admin
84 Perpustakaan Unika
d. Tampilan Home
Gambar 4.26 Tampilan Home
e. Tampilan Sejarah Singkat
Gambar 4.27 Tampilan Sejarah Singkat
85 Perpustakaan Unika
f. Tampilan Susunan Organisasi
Gambar 4.28 Susunan Organisasi
g. Tampilan Galeri Foto
Gambar 4.29 Tampilan Galeri Foto
86 Perpustakaan Unika
h. Tampilan Data Siswa
Gambar 4.30 Tampilan Data Siswa
i. Tampilan Laporan Akademik
87 Perpustakaan Unika
Gambar 4.31 Tampilan Laporan Akademik
Gambar 4.32 Tampilan Ubah Password
88 Perpustakaan Unika
j. Tampilan Kalender Akademik
Gambar 4.33 Tampilan Kalender Akademik
k. Tampilan Warta
Gambar 4.34 Tampilan Warta
89 Perpustakaan Unika
l. Tampilan Data Guru dan Karyawan
Gambar 4.35 Tampilan Data Guru dan Karyawan