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 syarat-

syarat 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 digunakan untuk untuk menambah data guru baru.

Tombol 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.