bab iii pembahasan - repository.bsi.ac.id · 22 9. dra. sri wartini (tahun 2003 – 2004). 10. dra....
TRANSCRIPT
21
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
3.1.1. Sejarah Institusi/Perusahaan
Sekolah Menengah Kejuruan (SMK) Negeri 22 Jakarta, adalah lembaga
pendidikan yang berada pada level SLTA dengan penekanan pendidikan dan
pelatihan pada pemberian bekal kejuruan, untuk mempersiapkan tamatan dapat
memasuki lapangan kerja. SMK Negeri 22 Jakarta adalah sekolah menengah kejuruan
yang termasuk dalam bidang/kelompok Bisnis Managemen dan Teknologi Informasi.
SMK jenis ini pada awalnya adalah sekolah yang dikembangkan dari bentuk Sekolah
Menengah Menengah Ekonomi Atas (SMEA).
Sejak berdirinya SMEA Negeri 19/SMK Negeri 22 telah dipimpin oleh
beberapa Kepala Sekolah, yaitu:
1. Drs. Timbul Suryanto (tahun 1969 – 1974).
2. L. Parapat (tahun 1974 – 1976).
3. Ny. Maryam Umar, SH. (tahun 1976 – 1986).
4. H. Suharno (tahun 1986 – 1989).
5. Ny. Sri Pratiwi Ukur (tahun 1989 – 1993).
6. Sangkan Paran (tahun 1993 – 1995).
7. Dra. Sustiyastuti (tahun 1995 – 1999).
8. Drs. Lukman Amsar (tahun 1999 – 2003).
22
9. Dra. Sri Wartini (tahun 2003 – 2004).
10. Dra. Windu Kartikawati, MM (tahun 2004 – 2007).
11. Hasanudin, SE. MM (tahun 2007 – 2010)
12. Drs. Amron Afandi, MM ( tahun 2010 – 2012)
13. Drs. Eko Wahyu Wibowo ( tahun 2012 – 2014 )
14. Prihatin Gendra Priyadi, S.Pd ( tahun 2014-sekarang )
Sesuai dengan bidangnya, SMK Negeri 22 Jakarta memiliki 4 Program
Keahlian/Jurusan yaitu Akuntansi, Administrasi Perkantoran, Pemasaran dan Teknik
Komputer dan Jaringan. Sejak tahun 2004, untuk program keahlian akuntansi telah
dicalonkan untuk menjadi sekolah berstandar nasional.
Gedung SMK Negeri 22 dibangun 2 lantai dengan luas bangunan 2.741 m2
yang berdiri diatas lahan seluas 5.500 m2. Untuk Detailnya tentang SMK Negeri 22
Jakarta dengan alamat Jl. Raya Condet Kel. Kampung Gedong – Kec. Pasar Rebo
Jakarta Timur – DKI Jakarta Kode Pos 13760 Telepon: (021) 8400901 Fax: (021)
8416003 E-Mail: [email protected] Nomor Identitas Sekolah NPSN: 20103790
NSS: 341016404006 NIS: 040007. Nama Kepala Pengawas: Dra. Retno Wienahyu
NIP: 195705311981032005.
A. Visi Sekolah:
Mewujudkan SMKN 22 Jakarta menjadi SMK yang unggul dalam prestasi dan
luhur dalam budi pekerti.
B. Misi Sekolah:
1. Menyelenggarakan pembelajaran berbasis ICT untuk semua kompetensi
keahlian,
23
2. Menyelenggarakan pendidikan dan pelatihan bagi guru dan karyawan secara
berkelanjutan,
3. Mengimplementasikan salam, senyum, sapa, sopan, dan santun dalam
proses pembelajaran,
4. Menegakkan disiplin sesuai peraturan yang berlaku dalam proses
pembelajaran,
5. Menerapkan kurikulum berbasis kompetensi dan berkarakter bangsa.
3.1.2. Struktur Organisasi dan Fungsi
Struktur Organisasi merupakan mekanisme formal dimana organisasi dikelola.
Struktur organisasi menunjukkan kerangka dan susunan perwujudan pola tetap
hubungan diantara fungsi, bagian atau posisi. Struktur organisasi bermanfaat bagi
seluruh bagian untuk mengetahui dan mewujudkan ke dudukan, tugas, wewenang dan
tanggung jawab yang berbeda-beda dalam suatu organisasi.
Adapun struktur organisasi yang dimiliki oleh SMK Negeri 22 Jakarta sebagai
berikut:
24
Sumber: SMK Negeri 22 Jakarta
Gambar III.1.
Struktur Organisasi SMK Negeri 22 Jakarta
Berdasarkan struktur organisasi tersebut, maka terdapat tugas pokok,
tanggung jawab, serta wewenang yang harus dijalankan oleh seluruh pihak yang
terlibat. Tugas dan wewenang tiap-tiap unsur dapat dijelaskan sebagai berikut:
1. Kepala Sekolah
Kepala Sekolah bertugas:
a. Menentukan kebijakan dan keputusan akhir.
b. Mengatur hubungan antar guru, murid, orang tua murid, dan masyarakat
disekitar sekolah.
c. Mengawasi, mengorganisasi, mengevaluasi jalannya proses pendidikan dan
kegiatan-kegiatan yang berlangsung disekolah.
25
2. Ketua Komite Sekolah
Ketua komite sekolah bertugas dalam membantu proses belajar dan mengajar,
membantu dalam mengadakan kegiatan-kegiatan atau acara yang diadakan oleh pihak
sekolah.
3. Kepala Tata Usaha
Kepala tata usaha bertugas:
a. Membantu kepala sekolah dalam hal surat-menyurat, keuangan siswa dan
sekolah serta pemeliharaan gedung.
b. Bertanggung jawab dalam melayani pendidikan disekolah.
4. Wakil Bidang Kurikulum
Wakil Bidang Kurikulum bertugas:
a. Membantu kepala sekolah dalam hal penyusunan kurikulum ajaran baru.
b. Membantu kepala sekolah dalam hal penyusunan jadwal kegiatan belajar
mengajar, ujian dan rapor siswa.
c. Menyusun kegiatan pelajaran tambahan atau pendalaman materi.
5. Wakil Bidang Kesiswaan
Wakil Bidang Kesiswaan bertugas:
a. Menyusun jadwal kegiatan program Masa Orientasi Peserta Didik Baru
(MOPDB) bagi siswa baru.
b. Menyusun program-program untuk OSIS.
c. Memberikan penyuluhan kepada siswa yang bermasalah disekolah.
d. Mendukung dan menggerakan kegiatan ekstrakulikuler.
26
6. Wakil Bidang Sarana dan Prasarana
Wakil bidang sarana dan prasarana bertugas:
a. Menyediakan sarana dan prasaran untuk kegitan disekolah.
b. Mengawasi penggunaan sarana dan prasarana disekolah.
c. Mengkoordinasi pemeliharaan sarana dan prasarana disekolah dengan
berbagai pihak.
7. Wakil Bidang Humas (Hubungan Masyarakat)
Wakil bidang humas bertugas:
a. Membantu bidang sarana dan prasarana dalam hal hubungan masyarakat.
b. Bertanggung jawab langsung kepada wakil bidang sarana dan prasarana
mengenai apa yang dilakukan oleh staff.
8. Kepala Jurusan
a. Menyusun program kerja.
b. Mengkoordinir tugas guru dan jurusan.
c. Mengkoordinir penggunaan ruang praktek dalam jurusannya.
9. Guru
a. Membantu bidang sarana dan prasarana dalam hal hubungan masyarakat.
b. Melaksanakan kegiatan belajar mengajar di kelas.
c. Menyusun alat penilaian dan melaksanakan penilaian hasil belajar.
d. Membuat dan mengisi daftar nilai siswa.
e. Melaksanakan analisis hasil belajar mengajar.
27
3.2. Analisis Kebutuhan
3.2.1. Kebutuhan Pengguna
Pada web sistem informasi akademik terdapat front-end, database dan back-
end yang saling berinteraksi dalam lingkungan sistem. Setiap pengguna mempunyai
kebutuhan informasi yang berbeda yaitu:
1. Skenario Kebutuhan Siswa
a. Melihat informasi terbaru.
b. Melihat data pribadi.
c. Merubah password login Siswa.
d. Melihat jadwal pelajaran.
e. Melihat teman kelas.
f. Melihat kalender akademik.
g. Melihat nilai setiap matapelajaran.
2. Skenario Kebutuhan Guru
a. Melihat informasi terbaru.
b. Melihat data pribadi.
c. Melihat jadwal mengajar.
d. Memasukan nilai Siswa yang diajar.
e. Melakukan absensi Siswa yang diajar.
f. Rekap absensi Siswa.
g. Melihat kalender akademik.
28
3. Skenario Kebutuhan Admin
a. Mengelola informasi terbaru
b. Mengelola data Guru
c. Mengelola data Siswa
d. Mengelola data kelas
e. Mengelola data Jurusan
f. Mengelola jadwal pelajaran
g. Mengelola data Kepala Sekolah
h. Mengelola kalender akademik
3.2.2. Kebutuhan Sistem
1. Sistem dapat memudahkan untuk Sekolah dalam mengelola data Siswa, Guru,
dan kegiatan belajar mengajar
2. Administator harus melakukan login untuk bisa melakukan olah data.
3. Sistem harus bisa menampilkan informasi dengan cepat dan tepat.
4. Mempermudah pengelolaan informasi terbaru yang dibutuhkan oleh Guru, dan
Siswa.
5. Mempermudah Guru dalam mengelola data nilai Siswa, absensi Siswa.
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Dalam hal ini penulis akan menggambarkan rancangan website yang akan
dibuat, yaitu mengenai bentuk layout maupun fungsinya yang nantinya dapat
membantu dalam tahap perancangan sistem informasi akademik berbasis web.
29
1. Rancangan Antar Muka Siswa dan Guru
A. Rancangan antar muka halaman utama website
Gambar III.2
Rancangan antar muka halaman utama
B. Rancangan antar muka halaman utama Siswa
Gambar III.3
Rancangan antar muka halaman utama Siswa
30
C. Rancangan antar muka halaman jadwal
Gambar III.4
Rancangan antar muka halaman jadwal
D. Rancangan antar muka halaman teman kelas
31
Gambar III.5
Rancangan antar muka halaman teman kelas
E. Rancangan antar muka halaman nilai
Gambar III.6
Rancangan antar muka halaman nilai
F. Rancangan antar muka halaman kalender akademik
32
Gambar III.7
Rancangan antar muka halaman kalender akademik
G. Rancangan antar muka halaman utama Guru
Gambar III.8
Rancangan antar muka halaman utama Guru
H. Rancangan antar muka jadwal mengajar
33
Gambar III.9
Rancangan antar muka jadwal mengajar
I. Rancangan antar muka halaman input absensi
Gambar III.10
Rancangan antar muka halaman input absensi
J. Rancangan antar muka input nilai Siswa
34
Gambar III.11
Rancangan antar muka input nilai Siswa
2. Rancangan Antar Muka Admin
A. Rancangan antar muka login Admin
Gambar III.12
Rancangan antar muka login Admin
B. Rancangan antar muka halaman utama Admin
35
Gambar III.13
Rancangan antar muka halaman utama Admin
C. Rancangan antar muka tambah informasi
Gambar III.14
Rancangan antar muka tambah informasi
D. Rancangan antar muka tambah Guru
36
Gambar III.15
Rancangan antar muka tambah Guru
E. Rancangan antar muka tambah Siswa
Gambar III.16
Rancangan antar muka tambah Siswa
F. Rancangan antar muka tambah kalender akademik
37
Gambar III.17
Rancangan antar muka tambah kalender akademik
G. Rancangan antar muka tambah Kelas
Gambar III.18
Rancangan antar muka tambah Kelas
H. Rancangan antar muka tambah Jurusan
38
Gambar III.19
Rancangan antar muka tambah Jurusan
I. Rancangan antar muka tambah Matapelajaran
Gambar III.20
Rancangan antar muka tambah Matapelajaran
J. Rancangan antar muka tambah jadwal
39
Gambar III.21
Rancangan antar muka tambah jadwal
K. Rancangan antar muka tambah Kepala Sekolah
Gambar III.22
Rancangan antar muka tambah Kepala Sekolah
L. Rancangan antar muka data informasi
40
Gambar III.23
Rancangan antar muka data informasi
M. Rancangan antar muka data Guru
Gambar III.24
Rancangan antar muka data Guru
N. Rancangan antar muka data Siswa
41
Gambar III.25
Rancangan antar muka data Siswa
O. Rancangan antar muka data kelas
Gambar III.26
Rancangan antar muka data kelas
P. Rancangan antar muka data Kepala Sekolah
42
Gambar III.27
Rancangan antar muka data Kepala Sekolah
Q. Rancangan antar muka data jadwal pelajaran
Gambar III.28
Rancangan antar muka data jadwal pelajaran
R. Rancangan antar muka ubah password admin
Gambar III.29
Rancangan antar muka ubah password admin
43
3.3.2. Rancangan Basis Data
3.3.2.1 Entity Relationship Diagram (ERD)
Gam
bar
III.
30
En
tity
Rel
ati
on
ship
Dia
gra
m (
ER
D)
44
3.3.2.2 Logical Relationship Struture (LRS)
Gambar III.31
Logical Relationship Struture
3.3.2.3 Spesifikasi File
Penjelasan dari ERD yang telah dibuat, dibagi berdasarkan entitas dan
menjadi tabel-tabel dalam database atau basis data. Tabel-tabel tersebut mempunyai
spesifikasi sebagai berikut:
1. Spesifikasi File admin
Nama File : admin
Akromin : admin.myd
45
Fungsi : untuk menyimpan data admin
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
Panjang Record : 91
Kunci Field : id_admin
Software : mysql
Tabel III.1.
Spesifikasi File admin
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Admin id_admin int 1 Primary Key,
Auto Increment
2 Username username varchar 10
3 Password password varchar 50
4 Nama Admin nama_lengkap varchar 30
2. Spesifikasi File siswa
Nama File : siswa
Akromin : siswa.myd
Fungsi : untuk menyimpan data Siswa
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
46
Panjang Record : 237
Kunci Field : NIS
Software : mysql
Tabel III.2.
Spesifikasi File siswa
No Elemen Data Nama Field Tipe Size Keterangan
1 Nomor Induk
Siswa NIS int 5
Primary Key,
Auto Increment
2 Password password varchar 50
3 Nama
Lengkap nama_lengkap varchar 50
4 Jenis Kelamin jenis_kelamin
enum('Laki-
laki','Perempu
an')
5 Agama agama
enum('Islam','
Kristen','Budh
a','Hindu')
6 Tempat,
Tanggal Lahir tempat_tgl_lahir varchar 50
7 Orangtua orangtua varchar 30
8 Alamat alamat text
9 ID Kelas id_kelas int 2 Foreign Key
10 Foto foto varchar 50
3. Spesifikasi File guru
Nama File : guru
Akromin : guru.myd
Fungsi : untuk menyimpan data Guru
Tipe File : File Master
Organisasi File : indexed squential file
47
Akses File : Random
Media : Hardisk
Panjang Record : 185
Kunci Field : kode_guru
Software : mysql
Tabel III.3.
Spesifikasi File guru
No Elemen Data Nama Field Tipe Size Keterangan
1 Kode Guru kode_guru int 7 Primary Key
2 NIP NIP varchar 18
3 Nama Guru nama_guru varchar 30
4 Jenis
Kelamin jenis_kelamin
enum('Laki-
laki','Perempuan')
5 Agama agama
enum('Islam',
'Kristen','Budha',
'Hindu')
6 Password password varchar 50
7 Email email varchar 30
8 Status status enum('PNS','Honor
er','Guru Bantu',")
9 Alamat alamat text
10 Foto foto varchar 50
4. Spesifikasi File kelas
Nama File : kelas
Akromin : kelas.myd
Fungsi : untuk menyimpan data kelas
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
48
Media : Hardisk
Panjang Record : 16
Kunci Field : id_kelas
Software : mysql
Tabel III.4.
Spesifikasi File kelas
No Elemen Data Nama
Field Tipe Size Keterangan
1 ID Kelas id_kelas int 2 Primary Key,
Auto Incremen
2 Kelas kelas varchar 5
3 ID Jurusan id_jurusan int 2 Foreign Key
4 Wali Kelas wali_kelas int 7 Foreign Key
5. Spesifikasi File mata_pelajaran
Nama File : mata_pelajaran
Akromin : mata_pelajaran.myd
Fungsi : untuk menyimpan data Matapelajaran
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
Panjang Record : 52
Kunci Field : id_mapel
Software : mysql
49
Tabel III.5.
Spesifikasi File mata_pelajaran
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Matapelajaran id_mapel int 2 Primary Key,
Auto Increment
2 Nama Pelajaran mata_pelajaran varchar 50
6. Spesifikasi File semester
Nama File : semester
Akromin : semester.myd
Fungsi : untuk menyimpan data Semester
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
Panjang Record : 11
Kunci Field : id_semester
Software : mysql
Tabel III.6.
Spesifikasi File semester
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Semester id_semester Int 1 Primary Key,
Auto Increment
2 Nama Semester nama_semester varchar 10
50
7. Spesifikasi File jurusan
Nama File : jurusan
Akromin : jurusan.myd
Fungsi : untuk menyimpan data Jurusan
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
Panjang Record : 27
Kunci Field : id_jurusan
Software : mysql
Tabel III.7.
Spesifikasi File jurusan
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Jurusan id_jurusan Int 2 Primary Key,
Auto Increment
2 Nama Jurusan nama_jurusan varchar 25
8. Spesifikasi File absen
Nama File : absen
Akromin : absen.myd
Fungsi : untuk menyimpan data kehadiran siswa
Tipe File : File Master
Organisasi File : indexed squential file
51
Akses File : Random
Media : Hardisk
Panjang Record : 32
Kunci Field : id_ absen
Software : mysql
Tabel III.8.
Spesifikasi File absen
No Elemen Data Nama
Field Tipe Size Keterangan
1 ID Absen id_absen int 10 Primary Key,
Auto Increment
2 Tanggal Lahir tanggal date
3 Kode Guru kode_guru int 7 Foreign Key
4 ID Jadwal id_jadwal int 5 Foreign Key
5 NIS NIS int 5 Foreign Key
6 ID Kelas id_kelas int 2 Foreign Key
7 Absen absen
enum('Hadir',
'Alpha','Sakit',
'Izin')
8 Keterangan keterangan text
9 Pertemuan pertemuan int 2
9. Spesifikasi File jadwal
Nama File : jadwal
Akromin : jadwal.myd
Fungsi : untuk menyimpan data jadwal kegiatan belajar
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
52
Panjang Record : 128
Kunci Field : id_ jadwal
Software : mysql
Tabel III.9.
Spesifikasi File jadwal
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Jadwal id_jadwal int 5 Primary Key,
Auto Increment
2 Jam Mulai jam_mulai time
3 Jam Akhir jam_akhir time
4 Hari
enum('Hadir',
'Alpha','Sakit',
'Izin')
5 ID Mata Pelajaran id_mapel int 2 Foreign Key
6 Kode Guru kode_guru int 7 Foreign Key
7 ID Kelas id_kelas int 2 Foreign Key
8 ID Semester id_semester int 1 Foreign Key
9 Modul modul varchar 100
10. Spesifikasi File nilai
Nama File : nilai
Akromin : nilai.myd
Fungsi : untuk menyimpan data nilai Siswa
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
53
Panjang Record : 44
Kunci Field : id_ nilai
Software : mysql
Tabel III.10.
Spesifikasi File nilai
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Nilai id_nilai int 8 Primary Key,
Auto Increment
2 Kode Guru kode_guru int 7 Foreign Key
3 NIS NIS int 5 Foreign Key
4 UTS uts varchar 3 Foreign Key
5 Nilai Tugas nilai_tugas varchar 3
6 UAS uas varchar 3
7 Nilai Sikap nilai_sikap varchar 3
8 Nilai Harian nilai_harian varchar 3
9 ID Mata Pelajaran id_mapel int 2 Foreign Key
10 ID Semester id_semester int 1 Foreign Key
11 ID Kelas id_kelas int 2 Foreign Key
11. Spesifikasi File informasi
Nama File : informasi
Akromin : informasi.myd
Fungsi : untuk menyimpan data informasi
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
54
Panjang Record : 106
Kunci Field : id_informasi
Software : mysql
Tabel III.11.
Spesifikasi File informasi
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Informasi id_informasi Int 5 Primary Key,
Auto Increment
2 Judul judul varchar 50
3 Isi isi text
4 Tanggal tanggal date
5 Status status enum('aktif','tidak
aktif')
6 Tujuan tujuan Int 1
7 Gambar gambar Varchar 50
12. Spesifikasi File kalender_akademik
Nama File : kalender_akademik
Akromin : kalender_akademik.myd
Fungsi : untuk menyimpan data kalender akademik
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
Panjang Record : 35
Kunci Field : id_kalender
Software : mysql
55
Tabel III.12.
Spesifikasi File kalender_akademik
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Kalender id_kalender int 5 Primary Key,
Auto Increment
2 Kegiatan kegiatan varchar 30
3 Tanggal Mulai tanggal_awal date
4 Tanggal Akhir tanggal_akhir date
13. Spesifikasi File kepalasekolah
Nama File : kepalasekolah
Akromin : kepalasekolah.myd
Fungsi : untuk menyimpan data Kepala Sekolah
Tipe File : File Master
Organisasi File : indexed squential file
Akses File : Random
Media : Hardisk
Panjang Record : 186
Kunci Field : id_kepsek
Software : mysql
Tabel III.13.
Spesifikasi File kepalasekolah
No Elemen Data Nama Field Tipe Size Keterangan
1 ID Kepala
Sekolah id_kepsek int 3
Primary Key,
Auto Increment
2 NIP NIP varchar 8
3 Nama Kepala
Sekolah nama_lengkap varchar 50
56
4 Alamat alamat text
5 Jenis
Kelamin jenis_kelamin
enum (`Laki-
laki`,`Perempuan`)
6 Masa Jabatan masajabatan varchar 25
7 Status status enum (`1`,`0`)
8 Foto foto varchar 100
3.3.3 Rancangan Struktur Navigasi
3.3.3.1 Struktur Navigasi Siswa
Gambar III.32
Struktur Navigasi Siswa
3.3.3.2 Struktur Navigasi Guru
Gambar III.33
Struktur Navigasi Guru
57
3.3.3.3 Struktur Navigasi Admin
Gambar III.34
Struktur Navigasi Admin
58
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada sistem informasi akademik berbasis
web pada SMK Negeri 22 Jakarta berdasarkan hasil rancangan antar muka.
1. Implementasi Halaman Amin
a. Implementasi Halaman Login Admin
Admin harus melakukan login terlebih dahulu untuk dapat
menggunakan modul-modul yang tersedia. Jika login berhasil, maka menu-
menu yang berada didalam halaman admin tersebut akan ditampilkan.
Gambar III.35
Implementasi Halaman Login Admin
b. Implementasi Halaman Home admin
Pada halaman ini admin dapat mengakses menu-menu yang hanya
terdapat dibagian administator seperti Home, informasi, Guru, Siswa, Kelas,
59
Jadwal, Kepala Sekolah, kalender akademik dan keluar. Setiap halaman
admin mempunyai fungsinya masing-masing, sebagai contoh menu Guru
mempunyai fungsi untuk mengolah data Guru pada SMK Ne 22 Jakarta.
Gambar III.36
Implementasi Halaman Home admin
c. Implementasi halaman input jadwal
Gambar III.37
Implementasi halaman input jadwal
60
d. Implementasi halaman data Guru
Gambar III.38
Implementasi halaman data Guru
2. Implementasi Halaman Siswa, dan Guru
a. Implementasi utama web sistem informasi akademik
Pada halaman utama ini berisikan sekilas tentang SMK Negeri 22
Jakarta dan data Kepala Sekolah. Pada halaman ini terdapat form login
disebelah kiri halaman web yang dapat digunakan untuk siswa, dan
guru melakukan login/masuk kedalam sistem infromasi akademik
tersebut.
61
Gambar III.39
Implementasi utama web sistem informasi akademik
b. Implementasi Halaman Siswa
Pada halaman ini Siswa dapat mengakses menu-menu seperti Home,
jadwal pelajaran, kelas, nilai, kalender akademik, dan logout.
62
Gambar III.40
Implementasi Halaman Siswa
c. Implementasi Halaman Guru
Pada halaman ini Siswa dapat mengakses menu-menu seperti Home,
jadwal mengajar, absen, nilai, kalender akademik, dan logout.
Gambar III.41
Implementasi Halaman Guru
63
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras (hardware) dan perangkat lunak
(software) minimum yang dibutuhkan untuk mengimplementasikan sistem informasi
akademik SMK Negeri 22 Jakarta.
1. Spesifikasi Perangkat Keras (hardware)
a. Server
1) CPU
(a) Processor AMD atlhon(tm) 64 X2 Dual Core Processor 5200+ 2.70 GHz
(b) RAM DDR3 2.00 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1440 x 900
5) Koneksi Internet dengan kecepatan 2 Mbps
b. Client
1) CPU
(a) Processor Intel(R) Celeron(R) CPU 847 @ 1.10GHz 1.10 GHz
(b) Mouse
(c) Keyboard
(d) Monitor dengan resolusi layar minimum 1366 x 768
(e) Koneksi Internet dengan kecepatan minimum 512 Kbps.
2. Spesifikasi Perangkat Lunak (Software)
a. Sistem Operasi : Microsoft Windows XP or Higher.
b. Program Aplikasi : Adobe Dreamweaver CS5
64
c. Bahasa Script : PHP, HTML, CSS, Jquery
d. Web Server : Xampp 1.8.1
e. Web Browser : Google Chrome, Mozilla Firefox
f. Database : Mysql
3.4.2 Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukkan dan keluaran program.
A. Pengujian Terhadap Form login Admin
Tabel III.14.
Hasil Pengujian Black Box Testing halaman login Admin.
No. Skenario
Pengujian
Test Cast Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Username dan
Password tidak
diisi kemudian
diklik tombol login
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses user
dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
username
Sesuai
Harapan
Valid
2. Mengetik username
dan password tidak
diisi atau kosong
kemudian klik
tombol login
Username:
admin
Password:
(kosong)
Sistem akan
menolak
akses user
dan
menampilka
n “Data
masih
Sesuai
Harapan
Valid
65
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
Password
3. Username tidak
diisi:(kosong) dan
password diisi:
kemudian klik
login (kosong)
Username:
(kosong)
Password:
admin
Sistem akan
menolak
akses user
dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
username
Sesuai
harapan
Valid
4. Mengetikkan salah
satu kondisi salah
pada Username
atau Password
kemudian klik
tombol login
Username:
admin
Password:
admin123
Sistem akan
menolak
akses user
dan
menampilka
n “Anda
gagal login”
Sesuai
harapan
Valid
5. Mengetikkan
username dan
password dengan
data yang benar
kemudian klik
tombol login
Username:
admin
Password:
admin
Sistem
menerima
akses login,
menampilka
n “Sukses
Login” dan
langsung
menampilka
n menu
utama
admin
Sesuai
harapan
Valid
66
B. Pengujian Terhadap Form login Siswa
Tabel III.15.
Hasil Pengujian Black Box Testing halaman login Siswa
No. Skenario
Pengujian
Test Cast Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Identitas, Password
tidak diisi, Akses
tidak dipilih
kemudian diklik
tombol login
identitas:
(kosong)
Password:
(kosong)
akses:
(tidak di
pilih)
Sistem akan
menolak
akses user
dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
identitas
Sesuai
Harapan
Valid
2. Identitas diisi,
Password tidak
diisi, Akses tidak
pilih kemudian
diklik tombol login
identitas:
(11917)
Password:
(kosong)
akses:
(tidak di
pilih)
Sistem akan
menolak
akses user
dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
Password
Sesuai
Harapan
Valid
3. Identitas, Password
diisi dan Akses
tidak dipilih
kemudian diklik
tombol login
identitas:
(11917)
Password:
(11917)
akses:
(tidak
Sistem akan
menolak
akses user
dan
menampilka
n “anda
Sesuai
harapan
Valid
67
dipilih) gagal login”
4. Identitas Password
diisi dan Akses
dipilih tidak sesuai
kemudian diklik
tombol login
identitas:
(11917)
Password:
(11917)
akses:
(Guru)
Sistem akan
menolak
akses user
dan
menampilka
n “anda
gagal login”
Sesuai
harapan
Valid
5. Identitas Password
diisi dan Akses
diisi sesuai
kemudian diklik
tombol login
identitas:
(11917)
Password:
(11917)
akses:
(Siswa)
Sistem
menerima
akses login,
menampilka
n “sukses
login”, dan
langsung
menampilka
n menu
utama siswa
Sesuai
harapan
Valid
C. Pengujian Terhadap Form login Guru
Tabel III.16.
Hasil Pengujian Black Box Testing halaman login Guru.
No. Skenario
Pengujian
Test Cast Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Identitas, Password
tidak diisi, Akses
tidak dipilih
kemudian diklik
tombol login
identitas:
(kosong)
Password:
(kosong)
akses:
(tidak di
pilih)
Sistem akan
menolak
akses user
dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
identitas
Sesuai
Harapan
Valid
68
2. Identitas diisi,
Password tidak
diisi, Akses tidak
pilih kemudian
diklik tombol login
identitas:
(5065028)
Password:
(kosong)
akses:
(tidak di
pilih)
Sistem akan
menolak
akses user
dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
Password
Sesuai
Harapan
Valid
3. Identitas, Password
diisi dan Akses
tidak dipilih
kemudian diklik
tombol login
identitas:
(5065028)
Password:
(5065028)
akses:
(tidak
dipilih)
Sistem akan
menolak
akses user
dan
menampilka
n “anda
gagal login”
Sesuai
harapan
Valid
4. Identitas Password
diisi dan Akses
dipilih tidak sesuai
kemudian diklik
tombol login
identitas:
(5065028)
Password:
(5065028)
akses:
(Siswa)
Sistem akan
menolak
akses user
dan
menampilka
n “anda
gagal login”
Sesuai
harapan
Valid
5. Identitas Password
diisi dan Akses
diisi sesuai
kemudian diklik
tombol login
identitas:
(5065028)
Password:
(5065028)
akses:
(Guru)
Sistem
menerima
akses login,
menampilka
n “sukses
login”, dan
langsung
menampilka
n menu
utama
Sesuai
harapan
Valid
69
D. Pengujian Terhadap Halaman Tambah Informasi Baru.
Tabel III.17.
Hasil Pengujian Black Box Testing halaman tambah informasi baru.
No. Skenario
Pengujian
Test Cast Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Judul, isi
informasi tidak
diisi, status,
tujuan, foto tidak
dipilih kemudian
diklik tombol
simpan
Judul:
(kosong)
Isi
informasi:
(kosong)
Status :
(tidak
dipilih)
Tujuan:
(tidak
dipilih)
Dan foto :
(tidak
dipilih)
Sistem akan
menolak
akses user
admin dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox
judul
Sesuai
Harapan
Valid
2. Judul diisi, isi
informasi tidak
diisi, status,
tujuan, foto tidak
dipilih kemudian
diklik tombol
simpan
Judul:
(Pengumum
an Upacara
peringatan
kemerdekaa
n Indonesia)
Isi
informasi:
(kosong)
Status :
(tidak
dipilih)
Tujuan:
(tidak
dipilih)
Dan foto :
(tidak
dipilih)
Sistem akan
menolak
akses user
admin dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada
textbox Isi
informasi
Sesuai
Harapan
Valid
3. Judul, isi
informasi diisi,
status, tujuan, foto
Judul:
(Pengumum
an Upacara
Sistem akan
menolak
akses user
Sesuai
harapan
Valid
70
tidak dipilih
kemudian diklik
tombol simpan
peringatan
kemerdekaa
n Indonesia)
Isi
informasi:
(Seluruh
warga SMK
N 22 Jakarta
harus sudah
tiba jam
06.30 pada
tanggal 17
Agustus
2015 untuk
upacara
peringatan
HUT RI)
Status :
(tidak
dipilih)
Tujuan:
(tidak
dipilih)
Dan foto :
(tidak
dipilih)
admin dan
menampilka
n “Silahkan
Pilih Salah
Satu ”.
Sistem akan
menunjuk
pada combo
box status
4. Judul, isi
informasi diisi,
status dipilih,
tujuan, foto tidak
dipilih kemudian
diklik tombol
simpan
Judul:
(Pengumum
an Upacara
peringatan
kemerdekaa
n Indonesia)
Isi
informasi:
(Seluruh
warga SMK
N 22 Jakarta
harus sudah
tiba jam
06.30 pada
tanggal 17
Agustus
2015 untuk
upacara
Sistem akan
menolak
akses user
admin dan
menampilka
n “Data
masih
kosong,
Harap Isi
Bidang Ini”.
Sistem akan
menunjuk
pada combo
box tujuan
Sesuai
harapan
Valid
71
peringatan
HUT RI)
Status :
(aktif)
Tujuan:
(tidak
dipilih)
Dan foto :
(tidak
dipilih)
5. Judul, isi
informasi diisi,
status, tujuan
dipilih, foto tidak
dipilih kemudian
diklik tombol
simpan
Judul:
(Pengumum
an Upacara
peringatan
kemerdekaa
n Indonesia)
Isi
informasi:
(Seluruh
warga SMK
N 22 Jakarta
harus sudah
tiba jam
06.30 pada
tanggal 17
Agustus
2015 untuk
upacara
peringatan
HUT RI)
Status :
(aktif)
Tujuan:
(semua)
Dan foto :
(tidak
dipilih)
Sistem akan
menolak
akses user
admin dan
menampilka
n “Silahkan
Pilih Salah
Satu ”.
Sistem akan
menunjuk
pada choose
file foto
Sesuai
harapan
Valid
6. Judul, isi
informasi diisi,
status, tujuan
dipilih, foto tidak
dipilih kemudian
diklik tombol
simpan
Judul:
(Pengumum
an Upacara
peringatan
kemerdekaa
n Indonesia)
Isi
Sistem
menerima
dan
menyimpan
ke database
menampilka
n “Anda
72
informasi:
(Seluruh
warga SMK
N 22 Jakarta
harus sudah
tiba jam
06.30 pada
tanggal 17
Agustus
2015 untuk
upacara
peringatan
HUT RI)
Status :
(aktif)
Tujuan:
(semua)
Dan foto :
(foto.jpg)
Berhasil
Input
Informasi”,
dan
langsung
menampilka
n menu
informasi