BAB III PEMBAHASAN · 19 BAB III PEMBAHASAN 3.1. Tinjauan Sekolah Dalam tinjauan Sekolah SMP...
Transcript of BAB III PEMBAHASAN · 19 BAB III PEMBAHASAN 3.1. Tinjauan Sekolah Dalam tinjauan Sekolah SMP...
-
19
BAB III
PEMBAHASAN
3.1. Tinjauan Sekolah
Dalam tinjauan Sekolah SMP Trisula Perwari 1 Jakarta ini berisi tentang
sejarah singkat SMP Trisula Perwari 1 Jakarta, struktur organisasi SMP Trisula
Perwari 1 Jakarta beserta fungsi dari masing-masing bagian yang ada dalam
sekolah tersebut.
3.1.1. Sejarah Sekolah
Sekolah Menengah Pertama (SMP) Trisula Perwari 1 Jakarta didirikan
pada tahun 1960 oleh Yayasan Taman Pendidikan Trisula Perwari.Didirikan
diatas tanah seluas 672 m2.Sekolah SMP Trisula Perwari 1 terakreditasi B.
Sekolah ini beralamatkan di Jl. Pariaman No. 17 Ps. Manggis Setiabudi Jakarta
Selatan Telp (021) 8307445.Ibu Porman Rosmiati Hutagalung adalah Kepala
Sekolah sejak tahun 1981 hingga sekarang.
Adapun visi dan misi Sekolah SMP Trisula Perwari 1 Jakarta sebagai
berikut :
Visi : Unggul dalam Prestasi Akademik dan non Akademik serta peduli
lingkungan berlandaskan Iman dan Takwa.
Misi : Mewujudkan peserta didik yang berprestasi Akademik dan Non
Akademik serta peduli lingkungan berlandaskan Iman dan Takwa.
Sumber : Tata Usaha SMP Trisula Perwari 1 Jakarta
-
20
3.1.2. Struktur Organisasi dan Fungsi
Seperti halnya organisasi atau lembaga lain SMP Trisula Perwari 1 Jakarta
juga memiliki struktur organisasi. Struktur organisasi sendiri dapat diartikan
sebagai susunan dan hubungan antar bagian-bagian dan posisi dalam suatu
lembaga.Struktur organisasi dalam sebuah organisasi sangat penting untuk dapat
menentukan wewenang dan tanggung jawab yang jelas agar terhindar dari
kesalahan dalam melaksanakan tugas di organisasi tersebut. Berikut ini adalah
struktur organisasi pada SMP Trisula Perwari 1 Jakarta:
Sumber : Tata Usaha SMP Trisula Perwari 1 Jakarta
Gambar III.1
Struktur Organisasi SMP Trisula Perwari 1 Jakarta
KETUA YAYASAN
KEPALA SEKOLAH KOMITE SEKOLAH
WAKIL BID KESISWAAN
WAKIL BID KURIKULUM
TATA USAHA
PENJAGA SEKOLAH SISWA PENJAGA SEKOLAH
GURU
-
21
Berdasarkan struktur organisasi SMP Trisula Perwari 1 Jakarta, berikut ini
adalah tugas dan fungsi dari masing-masing bagian :
1. Ketua Yayasan
a. Penyelenggara dan penanggung jawab sekolah secara hukum.
b. Penentu visi, orientasi, platform program dan kebijakan dasar sekolah.
c. Mengawasi dan pengendali pengelolaan sekolah.
2. Kepala Sekolah
a. Wakil yayasan dalam mengelola unit kerja yayasan.
b. Manager pelaksanaan pengelolaan sekolah.
c. Pembina kesiswaan.
3. Komite Sekolah
a. Komite sekolah adalah mitra sekolah.
b. Komite sekolah adalah lembaga swadata masyarakat, yakini lembaga
mandiri yang berkedudukan diluar struktur kelembagaan sekolah.
c. Hubungan komite sekolah dan sekolah bersifat koordinatif.
4. Wakil Bid Kurikulum
a. Memback up kepala sekolah.
b. Membuat program.
c. Membuat jadwal pelajaran.
d. Kegiatan belajar mengajar.
5. Wakil Bid Kesiswaan
a. MOS (Masa Orientasi Sekolah).
b. Mutasi siswa.
c. Pembinaan OSIS (Organisasi Siswa Intra Sekolah).
-
22
6. Tata Usaha
a. Penyusunan laporan pelaksanaan kegiatan.
b. Melaksanakan tugas-tugas lain yantg diberika oleh kepala sekolah.
c. Penyusunan dan penyajian data atau statistic sekolah.
7. Guru
a. Melaksanakan kegiatan belajar mengajar.
b. Mengisi daftar nilai siswa.
c. Membuat alat pelajaran atau alat peraga.
8. Penjaga Sekolah
a. Menjaga keamanan.
b. Kebersihan sekolah.
3.2. Analisis Kebutuhan
Analisa kebutuhan di bagi menjadi 2 bagian yaitu kebutuhan pengguna dan
kebutuhan sistem:
1. Kebutuhan pengguna user
a. Siswa/siswi bisa dapat melihat halaman beranda dan profil sekolah.
b. Guru-guru dapat melihat informasi-informasi seputar sekolah tersebut.
2. Kebutuhan pengguna administrator
a. Admin dapat mengolah data informasi yang ada pada sekolah.
b. Admin juga dapat mengakses data seputar informasi sekolah.
-
23
3. Kebutuhan sistem
a. Admin membutuhkan form login agar dapat masuk kedalam data-data
yang ada di bagian admin.
b. Untuk user disini user membutuhkan banyak informasi mengenai
sekolah maka dari itu sekolah menyediakan website sekolah yang
memiliki bnayak informasi tentang sekolah tersebut.
c. Guru membutuhkan login untuk masuk, untuk mengelola nilai siswa.
d. Siswa/siswi membutuhkan login untuk melihat data informasi raport.
3.3. Perancangan Perangkat Lunak
Perancangan merupakan tahapan persiapan untuk merancang bangun
implementasi suatu web, yang menggambarkan bagaimana suatu web dibentuk
yang dapat berupa penggambaran, perencanaan, dan pembuatan sketsa atau
pengaturan dari beberapa elemen terpisah ke dalam suatu kesatuan yang utuh dan
berfungsi termasuk mengkonfigurasikan komponen-komponen perangkat lunak
dan perangkat keras dari suatu web.
Perancangan web dalam skala besar membutuhkan strategi yang tepat agar
perancangan web berjalan dengan baik, tepat waktu, dan sesuai dengan sasaran
yang ditargetkan. Web skala besar merupakan sebuah web dengan banyak fungsi
yang diakses banyak orang. Semakin besar suatu web maka akan semakin
kompleks pemeliharaan dan pengembangannya lebih lanjut.
3.3.1. Rancangan Antar Muka
Rancangan antar muka pada sistem penilaian siswa berbasis web pada
SMP Trisula Perwari 1 sebagai berikut :
-
24
1. Halaman Pengunjung (User)
a. Rancangan Antar Muka Beranda
Halaman beranda merupakan halaman utama yang pertama kali muncul
jika pengunjung membuka website.
Gambar III.2
Rancangan Antar Muka Beranda
HEADER
MENU
GAMBAR+TEXT
TEXT
FOOTER
-
25
b. Rancangan Antar Muka Profil
Halaman profil merupakan halaman yang menampilkan sejarah sekolah,
visi-misi, serta identitas sekolah.
Gambar III.3
Rancangan Antar Muka Profil
HEADER
MENU
TEXT
FOOTER
-
26
2. Halaman Admin
a. Rancangan Antar Muka Login Admin
Halaman login admin merupakan halaman yang dipergunakan untuk
melakukan login saat admin ingin masuk ke halaman admin.
Gambar III.4
Rancangan Antar Muka Login Admin
Admin Login
Username : xxxx
Password : xxxx
Login
-
27
b. Rancangan Antar Muka Beranda Admin
Halaman beranda admin merupakan halaman yang pertama kali muncul
ketika admin sudah melakukan login dan masuk ke halaman admin.
Gambar III.5
Rancangan Antar Muka Beranda Admin
MENU NAVIGASI
TEXT
-
28
c. Rancangan Antar Muka Data Guru
Halaman data guru merupakan halaman yang menampilkan data-data
guru yang ada disekolah serta untuk menginput data-data guru.
Gambar III.6
Rancangan Antar Muka Data Guru
MENU NAVIGASI
TABEL TAMPIL DATA GURU
Tambah Data
-
29
d. Rancangan Antar Muka Data Kelas
Halaman data kelas merupakan halaman yang menampilkan data-data
kelas yang ada disekolah serta untuk menginput data-data kelas.
Gambar III.7
Rancangan Antar Muka Data Kelas
MENU NAVIGASI
TABEL TAMPIL DATA KELAS
Tambah Data
-
30
e. Rancangan Antar Muka Data Mapel
Halaman data mata pelajaran merupakan halaman untuk menginput
data-data mata pelajaran yang ada disekolah.
Gambar III.8
Rancangan Antar Muka Data Mapel
MENU NAVIGASI
TABEL TAMPIL DATA MAPEL
Tambah Data
-
31
f. Rancangan Antar Muka Data Jadwal
Halaman data jadwal merupakan halaman untuk menginput data-data
jadwal guru mengajar sehari-hari.
Gambar III.9
Rancangan Antar Muka Data Jadwal
MENU NAVIGASI
TABEL TAMPIL DATA JADWAL
Tambah Data
-
32
g. Rancangan Antar Muka Data Siswa
Halaman data siswa merupakan halaman untuk menginput data-data
siswa yang ada disekolah.
Gambar III.10
Rancangan Antar Muka Data Siswa
MENU NAVIGASI
TABEL TAMPIL DATA SISWA
Tambah Data
-
33
3. Halaman Guru
a. Rancangan Antar Muka Login Guru
Halaman login guru merupakan halaman yang dipergunakan oleh guru
untuk melakukan login dan masuk ke halaman guru.
Gambar III.11
Rancangan Antar Muka Login Guru
Guru Login
Username : xxxx
Password : xxxx
Login
MENU NAVIGASI
-
34
b. Rancangan Antar Muka Beranda Guru
Halaman beranda guru yaitu halaman yang pertama kali muncul ketika
guru sudah melakukan login dan sudah masuk ke halaman guru.
Gambar III.12
Rancangan Antar Muka Beranda Guru
MENU NAVIGASI
TEXT
-
35
c. Rancangan Antar Muka Data Guru
Halaman data guru merupakan halaman yang menampilkan data-data
guru sesuai guru yang melakukan login.
Gambar III.13
Rancangan Antar Muka Data Guru
MENU NAVIGASI
Nip :Xxxxxx
Nama Lengkap :Xxxxxx
Jenis Kelamin :Xxxxxx
Agama :Xxxxxx
Telephone :Xxxxxx
Alamat Lengkap :Xxxxxx
-
36
d. Rancangan Antar Muka Data Jadwal
Halaman data jadwal merupakan halaman yang menampilkan jadwal
mengajar guru sehari-hari.
Gambar III.14
Rancangan Antar Muka Data Jadwal
MENU NAVIGASI
TABEL TAMPIL DATA JADWAL
Data Report
-
37
e. Rancangan Antar Muka Input Nilai
Halaman input nilai merupakan halaman yang dipergunakan untuk
menginput nilai siswa sesuai hasil belajar siswa perperiode yang
nantinya akan menjadi nilai rapot.
Gambar III.15
Rancangan Antar Muka Input Nilai
MENU NAVIGASI
NO NIS NAMA SISWA KELAS MAPEL NILAI TUGAS NILAI UTS NILAI UAS
1
1
1
2
Xx
1 1
Xx
Xxxxxx
Xxxxxx Xx
Xx
Xx
1 1
Xx
1 1
Hapus Simpan Kembali
-
38
f. Rancangan Antar Muka Lihat Nilai
Halaman lihat nilai merupakan halaman yang menampilkan nilai siswa
yang sudah diinput dari halaman input nilai.
Gambar III.16
Rancangan Antar Muka Lihat Nilai
MENU NAVIGASI
TABEL TAMPIL LIHAT NILAI
Hapus Data Kembali
-
39
4. Halaman Siswa
a. Rancangan Antar Muka Login Siswa
Halaman login siswa merupakan halaman yang dipergunakan oleh
siswa untuk melakukan login dan masuk ke halaman siswa.
Gambar III.17
Rancangan Antar Muka Login Siswa
MENU NAVIGASI
Siswa Login
Username : xxxx
Password : xxxx
Login
-
40
b. Rancangan Antar Muka Beranda Siswa
Halaman beranda siswa yaitu halaman yang pertama kali muncul
dihalaman siswa ketika siswa sudah melakukan login.
Gambar III.18
Rancangan Antar Muka Beranda Siswa
MENU NAVIGASI
TEXT
-
41
c. Rancangan Antar Muka Data Siswa
Halaman data siswa merupakan halaman yang menampilkan data-data
siswa sesuai nis siswa yang login.
Gambar III.19
Rancangan Antar Muka Data Siswa
MENU NAVIGASI
NIS :Xxxxxx
Kode Kelas :Xxxxxx
Nama Lengkap :Xxxxxx
Jenis Kelamin :Xxxxxx
Agama :Xxxxxx
Telephone :Xxxxxx
Alamat Lengkap :Xxxxxx
-
42
d. Rancangan Antar Muka Data Kelas
Halaman data kelas merupakan halaman yang menampilkan data-data
kelas sesuai kelas siswa itu sendiri.
Gambar III.20
Rancangan Antar Muka Data Kelas
MENU NAVIGASI
ID Kelas :Xxxxxx
Nama Kelas :Xxxxxx
Kapasitas :Xxxxxx
TEXT
-
43
e. Rancangan Antar Muka Data Jadwal
Halaman data jadwal merupakan halaman yang menampilkan data-data
jadwal yang berguna untuk melihat data jadwal sehari-hari.
Gambar III.21
Rancangan Antar Muka Data Jadwal
MENU NAVIGASI
TABEL TAMPIL DATA JADWAL
Data Report
-
44
f. Rancangan Antar Muka Data Mapel
Halaman data mapel merupakan halaman yang menampilkan data-data
mata pelajaran yang ada disekolah dan untuk mengetahui kkm per
matapelajaran.
Gambar III.22
Rancangan Antar Muka Data Mapel
MENU NAVIGASI
TABEL TAMPIL DATA MAPEL
-
45
g. Rancangan Antar Muka Data Guru
Halaman data guru merupakan halaman yang menampilkan data guru
yang berguna untuk mengetahui informasi guru.
Gambar III.23
Rancangan Antar Muka Data Guru
MENU NAVIGASI
TABEL TAMPIL DATA GURU
-
46
h. Rancangan antar Muka Data Nilai
Halaman data nilai merupakan halaman yang menampilkan nilai hasil
belajar siswa perperiode yang telah diinput oleh guru.
Gambar III.24
Rancangan Antar Muka Data Nilai
MENU NAVIGASI
TABEL TAMPIL DATA NILAI
Data Report
-
47
3.3.2. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram(ERD) dan Logical
Record Structure (LRS).
1. Entity Relationship Diagram (ERD).
tb_guru
tb_kelas
tb_siswatb_nilai
tb_mapel
membuat
tb_jadwal
memiliki
memiliki
memiliki
terdapat
terdapat
mengolah
nama_guru
kelamin
id_kelas
nama_kelas
nip
id_mapel
agama
nip
telephone
alamat
hari
id_jadwal
id_kelas
jam
kapasitas
id_jadwal
id_kelas
id_kelas
nis
telephone
alamat
nis
id_kelas
nama_siswa
kelamin
agama
id_rapot nis
nis
id_mapel
uts
uas
keterangan
total
gradenip
id_rapot
tugas
id_mapel
nama_mapel
kkm
id_mapel
id_rapot
id_jadwal
id_mapel
id_jadwal
nip
nip id_rapot
1
M
1
M
M 1
M
1
1
1
M
1
1
M
Gambar III.25
Entity Relationship Diagram (ERD)
-
48
2. Logical Record Structure (LRS).
tb_nilai
nip *
nama_guru
kelamin
agama
telephone
alamat
tb_guru
id_rapot *
nip **
nis **
id_mapel **
tugas
uts
uas
total
grade
keterangan
tb_jadwal
id_jadwal *
id_kelas **
id_mapel **
nip **
hari
jam
tb_siswa
nis *
id_kelas **
nama_siswa
kelamin
agama
telephone
alamat
tb_mapel
id_mapel *
nama_mapel
kkm
tb_kelas
id_kelas *
nama_kelas
kapasitas
M 1
M
1
M
1
M
1
1 M
1
1
M
1
Gambar III.26
Logical Record Structure (LRS)
-
49
3. Spesifikasi File
Spesifikasi file yang digunakan dalam sistem informasi pengolahan nilai
siswa berbasis web pada SMP Trisula Perwari 1 terdiri dari satu
databasedan delapan table, yaitu:
a. Spesifikasi File Login
Nama File : tb_login
Fungsi : Untuk Menyimpan Data Login
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 100
Kunci Field : id_user
Software : MySQL
Tabel III.1
Spesifikasi File Login
No Elemen Data Nama Field Tipe Size Ket
1 Id user id_user Varchar 10 Primary Key
2 Username username Varchar 20
3 Password Password Varchar 20
4 Nama nama Varchar 50
5 Level level Enum
-
50
b. Spesifikasi File Admin
Nama File : tb_admin
Fungsi : Untuk Menyimpan Data Admin
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 100
Kunci Field : id_admin
Software : MySQL
Tabel III.2
Spesifikasi File Admin
No Elemen Data Nama Field Tipe Size Ket
1 Id admin id_admin Varchar 10 Primary Key
2 Nama nama Varchar 50
3 Kelamin kelamin Enum
4 Agama agama Varchar 20
5 Telephone telephone Varchar 20
6 Alamat alamat Text
c. Spesifikasi File Guru
Nama File : tb_guru
Fungsi : Untuk Menyimpan Data Guru
Type File : File Master
-
51
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 110
Kunci Field : nip
Software : MySQL
Tabel III.3
Spesifikasi File Guru
No Elemen Data Nama Field Tipe Size Ket
1 Nip Nip Varchar 20 Primary key
2 Nama guru nama_guru Varchar 50
3 Kelamin Kelamin Enum
4 Agama Agama Varchar 20
5 Telephone Telephone Varchar 20
6 Alamat Alamat Text
d. Spesifikasi File Siswa
Nama File : tb_siswa
Fungsi : Untuk Menyimpan Data Siswa
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
-
52
Panjang Record : 120
Kunci Field : nis
Software : MySQL
Tabel III.4
Spesifikasi File Siswa
No Elemen Data Nama Field Tipe Size Ket
1 Nis Nis Varchar 20 Primary Key
2 Id kelas id_kelas Varchar 10 Foreign Key
3 Nama siswa nama_siswa Varchar 50
4 Kelamin Kelamin Enum
5 Agama Agama Varchar 20
6 Telephone Telephone Varchar 20
7 Alamat Alamat Text
e. Spesifikasi File Kelas
Nama File : tb_kelas
Fungsi : Untuk Menyimpan Data Kelas
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 50
Kunci Field : id_kelas
Software : MySQL
-
53
Tabel III.5
Spesifikasi File Kelas
No Elemen Data Nama Field Tipe Size Ket
1 Id kelas id_kelas Varchar 10 Primary Key
2 Nama kelas nama_kelas Varchar 20
3 Kapasitas Kapasitas Varchar 20
f. Spesifikasi File Mapel
Nama File : tb_mapel
Fungsi : Untuk Menyimpan Data Mapel
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 71
Kunci Field : id_mapel
Software : MySQL
Tabel III.6
Spesifikasi File Mapel
No Elemen Data Nama Field Tipe Size Ket
1 Id mapel id_mapel Varchar 10 Primary Key
2 Nama mapel nama_mapel Varchar 50
3 Kkm Kkm Integer 11
-
54
g. Spesifikasi File Jadwal
Nama File : tb_jadwal
Fungsi : Untuk Menyimpan Data Jadwal
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 80
Kunci Field : id_jadwal
Software : MySQL
Tabel III.7
Spesifikasi File Jadwal
No Elemen Data Nama Field Tipe Size Ket
1 Id jadwal id_jadwal Varchar 10 Primary Key
2 Id kelas id_kelas Varchar 10 Primary Key
3 Id mapel id_mapel Varchar 10 Primary Key
4 Nip Nip Varchar 20 Primary Key
5 Hari Hari Varchar 10
6 Jam Jam Varchar 20
h. Spesifikasi File Nilai
Nama File : tb_nilai
Fungsi : Untuk Menyimpan Data Nilai
Type File : File Master
-
55
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 105
Kunci Field : id_rapot
Software : MySQL
Tabel III.8
Spesifikasi File Nilai
No Elemen Data Nama Field Tipe Size Ket
1 Id rapot id_rapot Integer 11 Primary Key
2 Nip Nip Varchar 20 Primary Key
3 Nis Nis Varchar 20 Primary Key
4 Id mapel id_mapel Varchar 10 Primary Key
5 Tugas Tugas Integer 11
6 Uts Uts Integer 11
7 Uas Uas Integer 11
8 Total Total Integer 11
9 Grade Grade Enum
10 Keterangan Keterangan Enum
-
56
3.3.3. Rancangan Struktur Navigasi
Struktur navigasi yang digunakan oleh penulis adalah struktur navigasi
linear, yaitu sebagai berikut :
1. Rancangan Struktur Navigasi Pengunjung
Gambar III.27
Rancangan Struktur Navigasi Pengunjung
2. Rancangan Struktur Navigasi Admin
Gambar III.28
Rancangan Struktur Navigasi Admin
Index
Profil
Sekolah
Halaman
Guru
Halaman
Siswa
Beranda
Index
Data
Akun
Data
Admin
Data
Guru
Data
Kelas
Data
Mapel
Data
Jadwal Laporan
Data
Siswa
Cetak
Data
Guru
Cetak
Data
Siswa
Cetak
Data
Nilai
-
57
3. Rancangan Struktur Navigasi Guru
Gambar III.29
Rancangan Struktur Navigasi Guru
4. Rancangan Struktur Navigasi Siswa
Gambar III.30
Rancangan Struktur Navigasi Siswa
Index
Beranda Data
Jadwal
Data
Guru
Data
Mapel
Data
Nilai
Index
Beranda Data
Siswa
Data
Kelas
Data
Jadwal
Data
Mapel
Data
Guru
Data
Nilai
-
58
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
1. Implementasi Rancangan Antar Muka Pengunjung
Implementasi rancangan antar muka pada sistem informasi pengolahan
nilai siswa berdasarkan rancangan antar muka.
a. Halaman Utama Beranda
Halaman beranda merupakan halaman utama yang pertama kali muncul
jika pengunjung membuka website.
Gambar III.31
Implementasi Rancangan Antar Muka Halaman Utama Beranda
b. Halaman Profil Sekolah
Halaman profil merupakan halaman yang menampilkan sejarah sekolah,
visi-misi, serta identitas sekolah.
-
59
Gambar III.32
Implementasi Rancangan Antar Muka Halaman Profil Sekolah
2. Implementasi Rancangan Antar Muka Admin
a. Halaman Utama Login Admin
Halaman login admin merupakan halaman yang dipergunakan untuk
melakukan login saat admin ingin masuk ke halaman admin.
Gambar III.33
Implementasi Rancangan Antar Muka Halaman Login Admin
-
60
b. Halaman Utama Beranda
Halaman beranda admin merupakan halaman yang pertama kali muncul
ketika admin sudah melakukan login dan masuk ke halaman admin.
Gambar III.34
Implementasi Rancangan Antar Muka Halaman Utama Beranda
c. Halaman Data Akun
Halaman data akun merupakan halaman yang menampilkan id user,
username, nama lengkap, level, serta proses.
Gambar III.35
Implementasi Rancangan Antar Muka Halaman Data Akun
-
61
d. Halaman Data Admin
Halaman data admin merupakan halaman yang menampilkan data-data
admin sesuai admin yang melakukan login.
Gambar III.36
Implementasi Rancangan Antar Muka Halaman Data Admin
e. Halaman Data Guru
Halaman data guru merupakan halaman yang menampilkan data-data
guru.Contoh lampiran data guru bisa dilihat di lampiran A-1.
Gambar III.37
Implementasi Rancangan Antar Muka Halaman Data Guru
-
62
f. Halaman Data Kelas
Halaman data kelas merupakan halaman yang menampilkan data-data
kelas yang ada disekolah serta untuk menginput data-data kelas.
Gambar III.38
Implementasi Rancangan Antar Muka Halaman Data Kelas
g. Halaman Data Mapel
Halaman data mata pelajaran merupakan halaman untuk menginput data-
data mata pelajaran yang ada disekolah.
Gambar III.39
Implementasi Rancangan Antar Muka Halaman Data Mapel
-
63
h. Halaman Data Jadwal
Halaman data jadwal merupakan halaman yang menampilkan jadwal
mengajar guru sehari-hari.
Gambar III.40
Implementasi Rancangan Antar Muka Halaman Data Jadwal
i. Halaman Data Siswa
Halaman data siswa merupakan halaman untuk menginput data-data
siswa.Contoh lampiran data siswa bisa dilihat di lampiran B-1.
Gambar III.41
Implementasi Rancangan Antar Muka Halaman Data Siswa
-
64
j. Halaman Laporan Data Guru
Halaman laporan data guru merupakan laporan yang berasal dari data guru
yang dipergunakan untuk cetak data ke pdf.
Gambar III.42
Implementasi Rancangan Antar Muka Halaman Laporan Data Guru
k. Halaman Laporan Data Siswa
Halaman laporan data siswa merupakan laporan yang berasal dari data
siswa yang dipergunakan untuk cetak data ke pdf.
Gambar III.43
Implementasi Rancangan Antar Muka Halaman Laporan Data Siswa
-
65
3. Implementasi Rancangan Antar Muka Guru
a. Halaman Utama Login Guru
Halaman login guru merupakan halaman yang dipergunakan oleh guru
untuk melakukan login dan masuk ke halaman guru.
Gambar III.44
Implementasi Rancangan Antar Muka Halaman Utama Login Guru
b. Halaman Utama Beranda
Halaman beranda guru yaitu halaman yang pertama kali muncul ketika
guru sudah melakukan login dan sudah masuk ke halaman guru.
Gambar III.45
Implementasi Rancangan Antar Muka Halaman Utama Beranda
-
66
c. Halaman Data Guru
Halaman data guru merupakan halaman yang menampilkan data-data guru
yang ada disekolah serta untuk menginput data-data guru.
Gambar III.46
Implementasi Rancangan Antar Muka Halaman Data Guru
d. Halaman Data Jadwal
Halaman data jadwal merupakan halaman yang menampilkan jadwal
mengajar guru sehari-hari.
Gambar III.47
Implementasi Rancangan Antar Muka Halaman Data Jadwal
-
67
e. Halaman Data Mapel
Halaman data mata pelajaran merupakan halaman untuk menginput data-
data mata pelajaran yang ada disekolah.
Gambar III.48
Implementasi Rancangan Antar Muka Halaman Data Mapel
f. Halaman Input Nilai
Halaman input nilai merupakan halaman yang dipergunakan untuk
menginput nilai siswa.Contoh lampiran data nilai bisa dilihat di lampiran
C-1.
Gambar III.49
Implementasi Rancangan Antar Muka Halaman Input Nilai
-
68
g. Halaman Lihat Nilai
Halaman lihat nilai merupakan halaman yang menampilkan nilai siswa
yang sudah diinput dari halaman input nilai.
Gambar III.50
Implementasi Rancangan Antar Muka Halaman Lihat Nilai
h. Halaman Laporan Jadwal Guru
Halaman laporan jadwal guru merupakan laporan yang berasal dari data
guru yang dipergunakan untuk cetak data ke pdf.
Gambar III.51
Implementasi Rancangan Antar Muka Halaman Laporan Jadwal
Guru
-
69
4. Implementasi Rancangan Antar Muka Siswa
a. Halaman Utama Login Siswa
Halaman login siswa merupakan halaman yang dipergunakan oleh siswa
untuk melakukan login dan masuk ke halaman siswa.
Gambar III.52
Implementasi Rancangan Antar Muka Halaman Utama Login Siswa
b. Halaman Utama Beranda
Halaman beranda siswa yaitu halaman yang pertama kali muncul
dihalaman siswa ketika siswa sudah melakukan login.
Gambar III.53
Implementasi Rancangan Antar Muka Halaman Utama Beranda
-
70
c. Halaman Data Siswa
Halaman data siswa merupakan halaman untuk menginput data-data siswa
yang ada disekolah.
Gambar III.54
Implementasi Rancangan Antar Muka Halaman Data Siswa
d. Halaman Data Kelas
Halaman data kelas merupakan halaman yang menampilkan data-data
kelas sesuai kelas siswa itu sendiri.
Gambar III.55
Implementasi Rancangan Antar Muka Halaman Data Kelas
-
71
e. Halaman Data Jadwal
Halaman data jadwal merupakan halaman yang menampilkan jadwal
mengajar guru sehari-hari.
Gambar III.56
Implementasi Rancangan Antar Muka Halaman Data Jadwal
f. Halaman Laporan Jadwal Siswa
Halaman laporan jadwal siswa merupakan laporan yang berasal dari data
siswa yang dipergunakan untuk cetak data ke pdf.
Gambar III.57
Implementasi Rancangan Antar Muka Halaman Laporan Jadwal
Siswa
-
72
g. Halaman Data Mapel
Halaman data mapel merupakan halaman yang menampilkan data-data
mata pelajaran yang ada disekolah dan untuk mengetahui kkm per mata
pelajaran.
Gambar III.58
Implementasi Rancangan Antar Muka Halaman Data Mapel
h. Halaman Data Guru
Halaman data guru merupakan halaman yang menampilkan data-data guru
sesuai guru yang melakukan login.
Gambar III.59
Implementasi Rancangan Antar Muka Halaman Data Guru
-
73
i. Halaman Data Nilai
Halaman data nilai merupakan halaman yang menampilkan nilai hasil
belajar siswa perperiode yang telah diinput oleh guru.
Gambar III.60
Implementasi Rancangan Antar Muka Halaman Data Nilai
j. Halaman Laporan Data Nilai
Halaman laporan data nilai merupakan laporan yang berasal dari data
siswa yang dipergunakan untuk cetak data ke pdf.
Gambar III.61
Implementasi Rancangan Antar Muka Halaman Laporan Data Nilai
-
74
5. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan sistem informasi
pengolahan nilai siswa di SMP Trisula Perwari 1.
a. Spesifikasi Perangkat Keras
1. Server
a) CPU
1) Processor Intel Pentium Core 2 Duo, 1,73 GHz atau setara
2) RAM DDR2 2 GB
3) Hard Disk 500 GB
b) Mouse
c) Keyboard
d) Monitor dengan resolusi layar minimum 1024x768
e) Koneksi internet dengan kecepatan 2 Mbps
2. Client
a) CPU
1) Processor Intel Pentium 4
2) RAM DDR2 1 GB
3) Hard Disk 20 GB
b) Mouse
c) Keyboard
d) Monitor dengan resolusi layar minimum 1024x768
e) Koneksi internet dengan kecepatan 56 Kbps
-
75
b. Spesifikasi Perangkat Lunak
1. Server
a) Sistem operasi yang digunakan adalah Microsoft Windows 7 Ultimate
32 Bit (x86)
b) Aplikasi bundle web server adalah Xampp terdiri dari beberapa
komponen diantaranya:
1) Aplikasi PHP
2) Aplikasi MySQL
3) Aplikasi phpMyAdmin
c) Aplikasi web browser seperti Mozilla Firefo,Google Chrome
2. Client
a) Sistem operasi yang digunakan adalah Microsoft Windows 7 Ultimate
32 Bit (x86)
b) Aplikasi web browser seperti Mozilla Firefox, Google Chrome
3.4.2. Pengujian Unit
Pengujian unit program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
1. Pengujian Terhadap Form Login
Tabel III.9
Pengujian Blackbox Testing Form Login
No Skenario
Pengujian
Testcase Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1 Username dan
Password
dikosongkan
kemudian klik
tombol login
username:
(kosong)
password:
(kosong)
Sistem akan
menolak dan
memberi
peringatan
bahwa
Sesuai
Harapan
Valid
-
76
usernamedan
password tidak
boleh kosong
2 Username diisi
dan password
dikosongkan
kemudian klik
tombol login
username:
(kosong)
password:
(diisi)
Sistem menolak
dan memberi
peringatan
bahwa username
dan password
tidak boleh
kosong
Sesuai
Harapan
Valid
3 Username diisi
dan password
dikosongkan
kemudian klik
tombol login
username:
(diisi)
password:
(kosong)
Sistem menolak
dan memberi
peringatan
bahwa password
tidak boleh
kosong
Sesuai
Harapan
Valid
4 Mengetikan
salah satu
kondisi pada
username atau
password
kemudian klik
tombol login
username:
(benar)
password:
(salah)
Sistem menolak
dan memberi
peringatan
bahwa username
atau password
salah
Sesuai
Harapan
Valid
5 Username diisi
dengan benar
dan password
diisi dengan
benar
kemudian klik
tombol login
username:
(benar)
password:
(benar)
Sistem
menerima akses
login lalu
menampilkan
menu utama
beranda admin
Sesuai
Harapan
Valid