84 BAB V IMPLEMENTASI DAN PEMBAHASAN 5.1 Sistem yang Digunakan Pada saat ini sistem yang sudah dibuat diimplementasikan pada hardware dengan spesifikasi sebagai berikut: a. Processor T2130 @ 1.86 GHz b. Hardisk space 320 GB c. Memory minimum 1024 MB d. DVD RW AD 7560-A ATA e. Monitor 14.1 f. Mouse g. Keyboard Perangkat lunak yang dipergunakan diantaranya yaitu : a. Sistem Windows Vista. b. Apache Apache 2.0 Handler c. PHP Script Language Version 5.2.6 d. MySQL client version: 5.0.51b 5.2 Cara Setup Program
85 Sub bab ini menjelaskan mengenai bagaimana mengimplementasikan program yang kita buat dalam sebuah web. Di bawah ini adalah langkah-langkah setup program untuk membuat Sistem Informasi Akademik SMK Prapanca 2 Surabaya. Gambar 5.1 Installer Language Gambar 5.2 Setup Wizard
86 Gambar 5.3 Choosen Install Location Gambar 5.4 Proses penginstalan
87 Gambar 5.5 Proses instal selesai Gambar 5.6 Control panel application Proses penginstalan web server xampp ini, pertama kali muncul halaman pilihan bahasa yang digunakan pada saat proses penginstalan, dapat dilihat pada gambar
88 5.2. Proses selanjutnya yaitu pada kotak dialog muncul informasi setup wizard, yang kemudian klik tombol Next yang artinya melakukan proses selanjutnya. Untuk lebih jelasnya bisa dilihat pada gambar 5.3 Pada gambar 5.4 ini menjelaskan, di drive mana program file dari xampp ini diletakkan. Proses selanjutnya yaitu proses penginstalan semua program bawaam]n dari software xampp, untuk lebihnya dapaata dilihat pada gambar 5.5 Pada gambar 5.6 yaitu proses terakhir dari penginstalan web server xampp. Setelah klik tombol Finish,maka proses selanjutnya yaitu melihat status dari xampp yang ada di aplikasi control panel. Dalam gambar 5.7 terlihat bahwa modul Apache dan MySql dalam status Running. 5.3 Penjelasan Pemakaian Program Adapun penjelasan dari program sistem informasi ini dapat dilihat pada gambar di bawah ini. Gambar 5.7 Halaman Depan PSB Online
89 Gambar diatas adalah gambar halaman depan dari web Penerimaan Siswa Baru (PSB) Online SMK Prapanca 2 Surabaya. Halaman ini digunakan oleh calon siswa baru untuk melakukan pendaftaran secara online. Pada halaman ini calon siswa baru secara langsung masuk menu PSB untuk melakukan proses selanjutnya. Untuk lebih jelasnya dapat dilihat pada gambar 5.7 Gambar 5.8 Halaman Profil sekolah Gambar di atas adalah gambar halaman profil dari web PSB Online SMK Prapanca 2 Surabaya. Halaman ini berisi 3 menu pilhan yaitu, sejarah sekolah, visi & misi dan ijin berdirinya sekolah. Untuk lebih jelasnya dapat dilihat pada gambar 5.8
90 Gambar 5.9 Halaman prodi Gambar di atas adalah gambar halaman prodi dari web PSB Online SMK Prapanca 2 Surabaya. Halaman ini berisi 2 menu pilhan yaitu, akuntansi dan multimedia (broadcasting). Setiap menu berisi, penjelasan tentang visi & misi prodi, kompetensi yang diajarkan tiap jurusan, tempat PSG atau Kerja Praktek. Untuk lebih jelasnya dapat dilihat pada gambar 5.9
91 Gambar 5.10 Halaman fasilitas Gambar diatas adalah gambar halaman fasilitas dari web PSB Online SMK Prapanca 2 Surabaya. Halaman ini berisi 4 menu pilhan yaitu, selayang pandang, fasilitas, ektrakurikuler dan intrakurikuler. Untuk lebih jelasnya dapat dilihat pada gambar 5.10
92 Gambar 5.11 Halaman tata tertib siswa Gambar diatas adalah gambar halaman tata tertib siswa dari web PSB Online SMK Prapanca 2 Surabaya. Halaman ini berisi 3 menu pilhan yaitu, tata tertib siswa, point pelanggaran dan bimbingan konseling. Untuk lebih jelasnya dapat dilihat pada gambar 5.11
93 Gambar 5.12 Halaman mengenai PSB Online Halaman ini memuat informasi mengenai PSB Online yang ada di SMK Prapanca 2 Surabaya. Untuk lebih jelasnya dapat dilihat pada gambar 5.12
94 Gambar 5.13 Halaman petunjuk pengisian formulir Halaman ini menjelaskan tentang petunjuk pengisian formulir pendaftaran siswa baru. Dengan adanya petunjuk ini diharapkan calon siswa baru dapat melakukan pendaftaran secara online tanpa adanya kesalahan yang dibuat. Tampilan halaman ini dapat dilihat pada gambar 5.13
95 Gambar 5.14 Halaman seting awal PSB Halaman ini digunakan untuk melakukan seting awal PSB, yang dilakukan oleh bagian admin. Halaman ini berisi item yaitu : 1. Tahun akademik : tahun ajaran baru 2. Prodi pilihan : berisi prodi akuntansi dan broadcasting 3. Kuota : jumlah siswa yang akan diterima atau ditampung 4. Biaya pendaftaran : biaya untuk pembelian formulir pendaftaran 5. Biaya heregistrasi : biaya untuk administrasi yang terdiri dari (SP, SPP, baju seragam, uang iuran dan lain-lain)
96 Setalah bagian admin melakukan penyetingan awal PSB maka proses selanjutnya adalah menyimpan data tersebut dalam data base, untuk lebih jelasnya dapat dilihat pada gambar 5.14 Gambar 5.15 Formulir pendaftaran online Bagi calon siswa yang ingin melakukan pendaftaran secara online maka, dapat langsung mengisi formulir yang seperti pada gambar 5.15. Formulir tersebut wajib di isi data pribadi calon siswa baru. Setelah melakukan pengisian calon siswa baru dapat menampilkan foto pribadi siswa dengan mengklik tombol browser. Jika semua data telah terisi maka dapat langsung mengklik tombol simpan dan jika ingin membatalkan pengisian maka dapat mengklik tombol batal.
97 Gambar 5.16 Menu cetak Setelah mengisi formulir pendaftaran tersebut maka, calon siswa baru mencetak surat surat pernyataan sebagai bukti pendaftaran. Surat pernyataan tersebut yang kemudian diserahkan ke sekolah sebagai bukti telah melakukan pendataran secara online. Untuk lebih jelasnya dapat dilihat pada gambar 5.16
98 Gambar 5.17 Surat pernyataan siswa Gambar di atas adalah surat pernyataan siswa baru yang harus ditanda tangani siswa yang bersangkutan dan orang tua atau wali. Untuk lebih jelasnya dapat dilihat pada gambar 5.17
99 Gambar 5.18 Rincian pembayaran siswa Selain mencetak surat pernyataan, calon siswa baru juga dapat mencetak syaratsyarat pendaftaran yang berisi rincian seragam, biaya registrasi dan sebagainya. Untuk lebih jelasnya dapat dilihat pada gambar 5.18
100 Gambar 5.19 Verifikasi pendaftaran masuk Gambar di atas menjelaskan mengenai proses selanjutnya yaitu bagian admin melakukan proses verifikasi dengan mengklik tombol verifikasi. Proses ini bertujuan untuk memfilter calon siswa baru yang memenuhi syarat masuk ataukah tidak. Jika data calon siswa baru belum dilakukan verifikasi maka nama siswa yang bersangkutan tidak tercantum dalam daftar pengumuman penerimaan PSB tersebut. Dalam form ini dapat digunakan melihat data siswa secara detail yaitu dengan mengklik tombol detail. Untuk lebih jelasnya dapat dilihat pada gambar 5.19
101 Gambar 5.20 Form detail siswa Form detail siswa ini berisi data siswa secara lengkap, mulai dari nama sampai bakat khusus yang dimiliki dalam bidang seni, olah raga atau lainnya serta dilengkapi dengan foto siswa. Untuk lebih jelasnya dapat dilihat pada gambar 5.20
102 Gambar 5.21 Pembayaran registrasi Gambar di atas digunakan untuk masuk dalam proses pembayaran heregistrasi. Data yang harus diinputkan atau dimasukkan yaitu berupa nomor pendaftaran siswa, setalah nomor diinputkan maka langsung di enter. Untuk lebih jelasnya dapat dilihat pada gambar 5.21
103 Gambar 5.22 Form transaksi pembayaran Setalah menginputkan nomor pendaftaran siswa maka akan muncul form transaksi seperti pada gambar 5.22. Dalam form tersebut terdapat nomor pendaftaran, nama lengkap siswa, diterima di prodi dan jumlah biaya yang harus dibayarkan yang secara default (otomatis) akan terisi. Bagian admin hanya akan menginputkan jumlah yang akan dibayarkan dan secara langsung akan terlihat jumlah sisa yang harus dibayar, sisa kembalian jika ada dan tanggal pembayaran.
104 Gambar 5.23 Pengumuman siswa yang masuk Bagi calon siswa baru yang ingin melihat hasil pengumuman siswa yang masuk maka dapat langsung mengklik link pengumuman penerimaan. Maka akan secara otomatis ditampilkan daftar siswa yang masuk sesuai dengan prodi yang dipilihnya. Untuk lebih jelasnya dapat dilihat pada gambar 5.23
105 Gambar 5.24 Form masuk menu laporan Laporan PSB dapat ditampilkan berdasarkan tahun ajaran dan prodi yang dipilih. Untuk lebih jelasnya dapat dilihat pada gambar 5.24
106 Gambar 5.25 Laporan PSB Gambar 5.25 di atas mnguraikan tentang laporan PSB yang terjadi dari tahun ke tahun. Bagian admin dapat melihat perkembangan jumlah siswa baru dengan melakukan filter data berdasarkan tahun ajaran yang diinginkan.
107 Gambar 5.26 Halaman saran dan kritik Gambar 5.26 di atas mnguraikan tentang saran dan kritik pengunjung yang ditujukan kepada sekolah khususnya bagian pengurus BP3
108 Gambar 5.27 Master siswa Halaman master siswa digunakan untuk menyimpan data pribadi siswa secara lengkap. Adapun penjelasan dari perintah atau tombol yang ada pada gambar 5.27 Tombol digunakan untuk mengedit data siswa yang ada.
109 Gambar 5.28 Master wali siswa Halaman master wali siswa digunakan untuk menyimpan data pribadi wali siswa secara lengkap. Adapun penjelasan dari perintah atau tombol yang ada pada gambar 5.28 yaitu tombol SAVE digunakan untuk untuk menyimpan data wali siswa.
110 Gambar 5.29 Master guru Halaman master guru digunakan untuk menyimpan data pribadi guru secara lengkap. Adapun penjelasan dari perintah atau tombol yang ada pada gambar 5.29 yaitu sebagai berikut: Tombol Tombol digunakan untuk untuk menambah data guru baru. digunakan untuk untuk mengedit data guru yang ada.
111 Gambar 5.30 Master Kelas Halaman master kelas digunakan untuk menyimpan data kelas secara lengkap. Adapun penjelasan dari perintah atau tombol yang ada pada gambar 5.30 yaitu sebagai berikut: Tombol digunakan untuk untuk menambah data kelas baru. Tombol digunakan untuk untuk mengedit data kelas yang ada.
112 Gambar 5.31 View data master kelas Gambar 5.32 Master Kurikulum
113 Gambar 5.33 Mata pelajaran Gambar 5.33 adalah gambar view atau tampilan dari daftar kelas. Jika ingin menambahkan data mata pelajaran, maka klik tombol TAMBAH, dan jika ingin menghapus data mata pelajaran maka klik tombol HAPUS.
114 Gambar 5.34 View jadwal pelajaran perkelas Gambar 5.34 adalah gambar view atau tampilan dari jadwal pelajaran perkelas. Jika ingin menambahkan jadwal mata pelajaran, maka klik tombol TAMBAH, dan jika ingin menghapus jadwal mata pelajaran maka klik tombol HAPUS.
115 Gambar 5.35 Pembagian kelas Gambar 5.35 adalah gambar view atau tampilan pembagian kelas. Data siswa yang ditampilkan adalah data siswa yang belum memiliki kelas. Jika ingin menambahkan siswa ke dalam kelas tertentu, maka klik tombol TAMBAH, dan jika ingin menghapus siswa maka klik tombol HAPUS.
116 Gambar 5.36 Input absensi siswa perkelas Gambar 5.36 adalah gambar view atau tampilan absensi siswa perkelas. Setiap siswa akan terlihat distatus absensinya. Status absensi yang disediakan adalah masuk, sakit, ijin dan alpha. Jika ingin mengedit atau merubah status absensi siswa, maka klik tanda panah kecil, seperti yang terlihat pada gambar di bawah ini.
117 Gambar 5.37 Input nilai perkelas Gambar 5.37 adalah gambar view atau tampilan inputan nilai. Halaman ini ada beberapa item yang disediakan yaitu kelas, mata pelajaran, keterangan. Item kelas digunakan untuk memilih data siswa kelas berapa yang akan diinputkan atau dimasukkan nilainya. Item mata pelajaran digunakan untuk memilih jenis mata pelajaran apa yang akan diinputkan atau dimasukkan nilainya dan item keterangan, digunakan untuk menentukan nilai Ulangan Harian, Tugas, UTS atau UAS. Jika data nilai sudah selesai diinputkan atau dimasukkan, kemudian klik tombol SIMPAN, untuk menyimpan hasil nilai ke dalam database.
118 Gambar 5.38 Laporan data siswa perkelas Gambar 5.38 di atas adalah tampilan dari laporan data siswa perkelas. Pencarian data berdasarkan kelas, NIS atau nama siswa. Tombol CETAK digunakan untuk mencetak laporan. Gambar 5.39 di bawah ini adalah laporan sebelum proses cetak, setelah klik tombol CETAK maka kotak dialog Print akan muncul, sehingga dapat dilakukan pengaturan sesuai dengan kebutuhan.
119 Gambar 5.39 Halaman cetak data siswa perkelas Gambar 5.40 Export laporan dari excel
120 Gambar 5.39 di atas adalah tampilan dari laporan yang diexport dari exel. Tombol EXPORT EXCEL digunakan untuk membuka laporan dalam bentuk excel. Kemudian klik tombol OK jika ingin membuka laporan dalam bentuk excel, tombol BATAL digunakan untuk membatalkan perintah. Pada gambar 5.40 adalah hasil dari unduhan atau penganbilan file dari excel. Gambar 5.41 Kotak dialog hasil unduhan
121 Gambar 5.42 Laporan dalam excel Gambar 5.42 adalah laporan data siswa dalam bentuk excel. Jika ingin mencetak laporan, dapat dilakukan dengan perintah yang terdapat di Excel, yaitu dengan mengklik tombol Office Button, pilih Print sehingga muncul kotak dialog Print dan dapat dilakukan pengaturan sesuai dengan kebutuhan.
122 Gambar 5.43 Laporan absensi perkelas Gambar 5.43 adalah laporan data absensi siswa perkelas perhari. Tampilan absensi tersebut dapat dilihat pertanggal sesuai dengan tanggal yang diinputkan. Terdapat 2 tombol yang digunakan untuk mencetak lapora absensi. Tombol CETAK digunakan untuk mencetak laporan secara langsung. Jika ingin mencetak laporan absensi dalam bentuk excel dapat diklik tombol EXPORT EXCEL sehingga muncul kotak dialog seperti pada gambar 5.40 dan gambar 5.41. Dalam mencetak laporannya dapat dilakukan dengan perintah yang terdapat di Excel, yaitu dengan mengklik tombol Office Button, pilih Print sehingga muncul kotak dialog Print dan dapat dilakukan pengaturan sesuai dengan kebutuhan.
123 Gambar 5.44 Laporan absensi bulanan Gambar 5.44 adalah laporan absensi siswa perbulan. Tampilan laporan absensi tersebut dapat dilihat perbulan sesuai dengan range bulan yang diinginkan. Terdapat 2 tombol yang digunakan untuk mencetak lapora absensi. Tombol CETAK digunakan untuk mencetak laporan secara langsung. Jika ingin mencetak laporan absensi dalam bentuk excel dapat diklik tombol EXPORT EXCEL sehingga muncul kotak dialog seperti pada gambar 5.40 dan gambar 5.41. Dalam mencetak laporannya dapat dilakukan dengan perintah yang terdapat di Excel, yaitu dengan mengklik tombol Office Button, pilih Print sehingga muncul kotak dialog Print dan dapat dilakukan pengaturan sesuai dengan kebutuhan.
124 Gambar 5.45 Filter data siswa berdasarkan nama Gambar 5.45 adalah tampilan dari pencarian data berdasarkan nama siswa. Ketikkan nama siswa yang dimaksud pada kolom nama, kemudian klik tombol CARI SISWA, maka data siswa yang dimaksud akan muncul.