BAB III PEMBAHASAN -...
84
20 BAB III PEMBAHASAN 3.1. Tinjauan Sekolah Dalam tinjauan sekolah SMK CEMPAKA ini berisi tentang sejarah singkat SMK CEMPAKA, struktur organisasi SMK CEMPAKA beserta fungsi dari masing-masing bagian yang ada dalam sekolah tersebut. 3.1.1. Sejarah Sekolah Sekolah Menengah Kejuruan (SMK CEMPAKA) Jakarta di dirikan oleh Yayasan Bhakti Likhita Bhutala yang dinaungi oleh Direktorat Topografi Angkatan Darat (DITTOP-AD) pada tahun 2010. SMK CEMPAKA dibangun diatas lahan tanah seluas 2.741 m 2 , yang tanah tersebut adalah milik sendiri (DITTOP-AD). SMK CEMPAKA berlokasi dijalan Cempaka Putih Barat XXI Cempaka Putih, Jakarta Pusat. SMK CEMPAKA membuka dua jurusan program keahlian yaitu: 1. Program Keahlian Akutansi. 2. Program Keahlian Pemasaran. 3.1.2. Struktur Organisasi dan Fungsi Seperti halnya organisasi atau lembaga lain SMK CEMPAKA 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
Transcript of BAB III PEMBAHASAN -...
20
BAB III
PEMBAHASAN
3.1. Tinjauan Sekolah
Dalam tinjauan sekolah SMK CEMPAKA ini berisi tentang sejarah
singkat SMK CEMPAKA, struktur organisasi SMK CEMPAKA beserta fungsi
dari masing-masing bagian yang ada dalam sekolah tersebut.
3.1.1. Sejarah Sekolah
Sekolah Menengah Kejuruan (SMK CEMPAKA) Jakarta di dirikan oleh
Yayasan Bhakti Likhita Bhutala yang dinaungi oleh Direktorat Topografi
Angkatan Darat (DITTOP-AD) pada tahun 2010. SMK CEMPAKA dibangun
diatas lahan tanah seluas 2.741 m2, yang tanah tersebut adalah milik sendiri
(DITTOP-AD). SMK CEMPAKA berlokasi dijalan Cempaka Putih Barat XXI
Cempaka Putih, Jakarta Pusat.
SMK CEMPAKA membuka dua jurusan program keahlian yaitu:
1. Program Keahlian Akutansi.
2. Program Keahlian Pemasaran.
3.1.2. Struktur Organisasi dan Fungsi
Seperti halnya organisasi atau lembaga lain SMK CEMPAKA 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
21
kesalahan dalam melaksanakan tugas di organisasi tersebut. Berikut ini
adalah struktur organisasi pada SMK CEMPAKA:
Sumber : Tata Usaha SMK CEMPAKA (2017)
Gambar III.1
Struktur Organisasi SMK CEMPAKA
Berdasarkan struktur organisasi SMK CEMPAKA, berikut ini adalah
tugas dan fungsi dari masing-masing bagian :
KEPALA SEKOLAH KOMITE SEKOLAH
WAKASEK
BIDANG
SARAN DAN
PRASARANA
WAKASEK
BIDANG
HUBUNGAN
DUDI
WAKASEK
BIDANG
AKADEMIK
WAKASEK
BIDANG
KESISWAAN
KEPALA TATA USAHA
KAPROG
KEAHLIAN
PEMASARAN
KAPROG
KEAHLIAN
AKUNTANSI
PEMBINA
KEGIATAN
KESISWAAN
KOORDINATOR
BP/BK
PEMBINA
PERPUSTAKAAN
PEMBINA
LINGKUNGAN
HIDUP
WALI KELAS
GURU
22
1. Kepala Sekolah
a. Menyusun perencanaan kegiatan belajar.
b. Mengorganisasi, mengarahkan, dan mengkoordinasi seluruh kegiatan
sekolah.
c. Melaksanakan pengawasan seluruh kegiatan sekolah.
d. Melakukan evaluasi terhadap seluruh kegiatan di sekolah.
2. Komite Sekolah
a. Mendorong tumbuhnya komitmen dan perhatian masyarakat terhadap
penyelenggaraan pendidikan yang bermutu.
b. Melakukan kerjasama dengan masyarakat (perorangan/organisasi/dunia
usaha/dunia industry) dan pemerintah berkenaan dengan
penyelenggaraan pendidikan yang bermutu.
c. Menampung dan menganalisa aspirasi, ide, tuntunan, dan berbagai
kebutuhan pendidikan yang diajukan oleh masyarakat.
d. Mendorong orang tua dan masyarakat berpartisipasi dalam pendidikan
guna mendukung peningkatan mutu dan pemerataan pendidikan.
3. Kepala Tata Usaha
a. Perencanaan administrasi program dan anggaran.
b. Koordinasi administrasi ketatausahaan.
c. Pengelola administrasi program.
d. Penyusunan laporan program dan anggaran.
4. Wakil Kepala Sekolah Bidang Kesiswaan
a. Menyusun program pembinaan kesiswaan.
b. Menegakan tata tertib sekolah.
23
c. Melaksanakan bimbingan, pengarahan, dan pengendalian kegiatan
siswa dalam rangka menegakan disiplin dan tata tertib sekolah.
5. Wakil Kepala Sekolah Bidang Sarana dan Prasarana
a. Menginventarisasi barang.
b. Pendayagunaan sarana dan prasarana pendidikan penunjang KBM
(Kegiatan Belajar Mengajar).
c. Pemeliharaan sarana dan prasarana pendidikan pengamanan,
penghapusan, dan pengembangan.
6. Wakil Kepala Sekolah Bidang Dunia Industri (DUDI)
a. Mengatur dan menyelenggarakan hubungan sekolah dengan dunia
industri (perusahaan-perusahaan).
b. Mengirimkan siswa untuk melaksanakan PKL di dunia industri.
c. Menjaga hubungan baik yang telah terjalin dengan dunia industri.
7. Wakil Kepala Sekolah Bidang Akademik
a. Menyusun dan merancang kegiatan akademik siswa.
b. Menyusun jadwal pelajaran.
c. Menyusun kalender pendidikan.
d. Mengawasi kegiatan belajar mengajar.
e. Menyusun pembagian tugas guru.
f. Memberikan laporan kepada kepala sekolah tentang aktivitas belajar
mengajar di sekolah.
8. Kepala Program Keahlian Akutansi
a. Merancang program pengajaran bidang keahlian akutansi.
b. Mengkoordinasikan pelaksana program pengajaran kepada guru.
24
c. Bersama-sama guru melakukan pengembangan metode pengajaran yang
efektif.
9. Kepala Program Keahlian Pemasaran
a. Merancang program pengajaran bidang keahlian akutansi.
b. Mengkoordinasikan pelaksana program pengajaran kepada guru.
c. Bersama-sama guru melakukan pengembangan metode pengajaran yang
efektif.
10. Pembina Kegiatan Kesiswaan
a. Melakukan pengawasan kegiatan kesiswaan (OSIS, PMR/UKS,
PRAMUKA dan sebagai nya).
b. Mengkoordinasi, mengarahkan seluruh kegiatan kesiswaan.
11. Koordinator BP/BK
a. Menyusun program BP/BK dan penjadwalan nya.
b. Mengkoordinasikan pelaksanaan program BP/BK dengan guru-guru.
c. Melakukan koordinasi dengan semua kepala program, dan bidang-
bidang lainnya yang terkait dalam mengatasi siswa termasuk dengan
orang tua.
12. Pembina Perpustakaan
a. Menyusun tata tertib penggunaan perpustakaan.
b. Memelihara fasilitas yang ada di perpustakaan.
c. Menyusun laporan kegiatan perpustakaan.
13. Pembina Lingkungan Hidup
a. Melakukan pengawasan terhadap lingkungan hidup di area sekolah.
b. Membuat tata tertib tentang lingkungan hidup di sekolah.
25
c. Melaksanakan tata tertib yang terkait dengan lingkungan hidup di area
sekolah.
d. Menyusun program yang terkait dengan lingkungan hidup.
14. Wali kelas / guru
a. Membantu pengelolaan kelas.
b. Mengisi buku laporan pendidikan (rapor).
c. Melaksakan kegiatan belajar mengajar.
d. Mengisi daftar nilai siswa.
e. Mengikuti kegiatan pengembangan kurikulum.
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 data siswa itu sendiri, data kelas sendiri,
data jadwal sendiri serta data nilai sendiri.
b. Guru-guru dapat melihat data guru itu sendiri, data jadwal mengajar,
serta menginput data nilai siswa perperiode.
2. Kebutuhan pengguna administrator
a. Admin dapat mengolah data informasi yang ada pada sekolah kecuali
data nilai.
b. Admin juga dapat mengakses data seputar informasi sekolah.
26
3. Kebutuhan sistem
a. Pengguna harus login untuk bisa menggunakan aplikasi ini secara
maksimal, dan dapat mengelola akun serta data-data nya.
b. Pengguna harus melakukan logout setelah menggunakan aplikasi ini.
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 satu 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
SMK Cempaka sebagai berikut :
1. Halaman Pengunjung (User)
27
a. Rancangan Antar Muka Beranda
Halaman beranda merupakan halaman pertama yang muncul ketika
pengunjung melihat website. Halaman ini merupakan indeks dari
website. Berikut rancangan tampilan beranda :
Gambar III.2
Rancangan Antar Muka Beranda
HEADER
TEXT
MENU
FOOTER
GAMBAR+TEXT
28
b. Rancangan Antar Muka Profile
Halaman profile berisi tentang sejarah sekolah SMK Cempaka Jakarta
Pusat. Membahas tentang asal mula sekolah didirikan serta asal sekolah
pertama kali di didirikan.
Gambar III.3
Rancangan Antar Muka Profile
HEADER
MENU
GAMBAR
TEXT
FOOTER
29
c. Rancangan Antar Muka Galery
Halaman galery ini berisi tentang data dokumentasi foto-foto siswa saat
sedang melakukan kegiatan-kegiatan yang ada di sekolah contohnya
kegiatan ldks, kegiatan pesantren kilat, kegiatan belajar dan lain lain.
Serta adanya data dokumentasi foto-foto yang mengenai pihak guru
dalam melaksanakan kegiatan-kegiatan sekolah.
Gambar III.4
Rancangan Antar Muka Galery
HEADER
MENU
GAMBAR+TEXT
FOOTER
30
d. Rancangan Antar Muka Agenda Kegiatan
Halaman agenda kegiatan berisi tentang catatan kegiatan sekolah
selama setahun, selain kegiatan belajar agenda ini meliputi semua
kegiatan yang ada disekolah.
Gambar III.5
Rancangan Antar Muka Kegiatan
HEADER
MENU
GAMBAR+TEXT
FOOTER
31
e. Rancangan Antar Muka Daftar Ekstrakurikuler
Halaman ekstrakurikuler merupakan halaman yang berisi tentang
kegiatan ekstrakurikuler yang ada disekolah berserta penjelasan
kegiatan tersebut.
Gambar III.6
Rancangan Antar Muka Ekstrakurikuler
HEADER
MENU
GAMBAR+TEXT
FOOTER
32
2. Halaman Admin
a. Rancangan Antar Muka Login Admin
Halaman ini digunakan oleh admin untuk masuk kedalam beranda
admin, caranya admin harus mengisi username serta password di
halaman login yang sudah di sediakan setelah admin berhasil
melakukan login otomatis admin akan di tujukan ke halaman admin
secara langsung, rancangannya sebagai berikut :
Gambar III.7
Rancangan Antar Muka Login Admin
Username :
Password :
Login
33
b. Rancangan Antar Muka Beranda Admin
Halaman beranda admin merupakan halaman utama yang tampil
pertama kali ketika admin sudah melakukan login dan berhasil masuk
kehalaman admin.
Gambar III.8
Rancangan Antar Muka Beranda Admin
ADMINISTRATOR HEADER
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
FOTO
GAMBAR+TEXT
TEXT
LAPORAN
34
c. Rancangan Antar Muka Data Profile
Halaman data profile berisi tentang data-data profile admin yang sudah
melakukan login di halaman login admin.
Gambar III.9
Rancangan Antar Muka Data Profile
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
LAPORAN
Kode admin : Xxxxxxxxxxxxxxxx
Nama lengkap : Xxxxxxxxxxxxxxxx
Pas foto : Xxxxxxxxxxxxxxxx
Jenis kelamin : Xxxxxxxxxxxxxxxx
Agama : Xxxxxxxxxxxxxxxx
Telephone : Xxxxxxxxxxxxxxxx
Alamat : Xxxxxxxxxxxxxxxx
Edit data
35
d. Rancangan Antar Muka Data Akun
Halaman data akun berisi tentang data akun yaitu id dan password yang
digunakan oleh guru dan siswa untuk melakukan login
Gambar III.10
Rancangan Antar Muka Data Akun
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
LAPORAN
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Tambah Batal
TABEL TAMPIL DATA AKUN
36
e. Rancangan Antar Muka Data Admin
Halaman data admin merupakan halaman yang digunakan untuk
menginput data admin.
Gambar III.11
Rancangan Antar Muka Data Admin
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
LAPORAN
TAMBAH DATA
Xxxxxx xxx :
Xxxxxx xxx :
Xxxxxx xxx :
Xxxxxx xxx :
Xxxxxx xxx :
Xxxxxx xxx :
Xxxxxx xxx :
Tambah Batal
TABEL TAMPIL DATA ADMIN
37
f. Rancangan Antar Muka Data Guru
Halaman data guru berisi tentang penginputan data guru pengajar.
Gambar III.12
Rancangan Antar Muka Data Guru
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAPORAN
LAYOUT
AGENDA
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Tambah Batal
TABEL TAMPIL DATA GURU
BERITA
TERKINI
38
g. Rancangan Antar Muka Data Kelas
Halaman data kelas berisi tentang penginputan data kelas untuk siswa
siswi smk cempaka.
Gambar III.13
Rancangan Antar Muka Data Kelas
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAPORAN
LAYOUT
AGENDA
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Tambah Batal
TABEL TAMPIL DATA KELAS
BERITA
TERKINI
39
h. Rancangan Antar Muka Data Mata Pelajaran
Halaman data mata pelajaran berisi tentang mata pelajaran yang
diajarkan oleh guru ke siswa.
Gambar III.14
Rancangan Antar Muka Data Mata Pelajaran
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
BERITA
TERKINI
LAYOUT
AGENDA
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Tambah Batal
TABEL TAMPIL DATA MATA
PELAJARAN LAPORAN
40
i. Rancangan Antar Muka Data Jadwal
Halaman data jadwal berisi tentang penginputan jadwal pelajaran yang
di ajar oleh guru sehari-hari sesuai kategori kelas.
Gambar III.15
Rancangan Antar Muka Data Jadwal
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Tambah Batal
TABEL TAMPIL DATA JADWAL
LAPORAN
41
j. Rancangan Antar Muka Data Siswa
Halaman data siswa berisi tentang penginputan data siswa siswi sekolah
smk cempaka Jakarta pusat.
Gambar III.16
Rancangan Antar Muka Data Siswa
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
TABEL TAMPIL DATA SISWA
Tambah Batal
LAPORAN
42
k. Rancangan Antar Muka Title Agenda
Halaman title agenda merupakan halaman untuk menginput data title
untuk judul agenda kegiatan di layout agenda kegiatan.
Gambar III.17
Rancangan Antar Muka Title Agenda
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
LAPORAN
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Tambah Batal
TABEL TAMPIL TITLE AGENDA
43
l. Rancangan Antar Muka Agenda Kegiatan
Halaman agenda kegiatan yaitu halaman untuk menginput data agenda
kegiatan yang ada disekolah.
Gambar III.18
Rancangan Antar Muka Agenda Kegiatan
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
LAPORAN
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
TABEL TAMPIL AGENDA KEGIATAN
Tambah Batal
44
m. Rancangan Antar Muka Input Berita
Halaman input berita yaitu halaman yang digunakan untuk menginput
yang ada di layout berita terkini.
Gambar III.19
Rancangan Antar Muka Input Berita
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
LAPORAN
TAMBAH DATA
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Xxxxxxxx :
Tambah Batal
45
n. Rancangan Antar Muka Tampil Berita
Halaman tampil berita yaitu halaman yang digunakan untuk
menampilkan berita yang sudah di inputkan di halaman input berita.
Gambar III.20
Rancangan Antar Muka Tampil Berita
ADMINISTRATOR HEADER
FOTO
DATA PROFILE
MASTER DATA
LAYOUT
AGENDA
BERITA
TERKINI
LAPORAN
Kode berita : Xxxxxxxxxxxxxxxxxxxx
Judul berita : Xxxxxxxxxxxxxxxxxxxx
Headline : Xxxxxxxxxxxxxxxxxxxx
Isi berita : Xxxxxxxxxxxxxxxxxxxx
Gambar : Xxxxxxxxxxxxxxxxxxxx
Tanggal : Xxxxxxxxxxxxxxxxxxxx
Edit Hapus
46
3. Halaman Guru
a. Rancangan Antar Muka Login Guru
Halaman login guru merupakan halaman yang digunakan untuk masuk
ke ruang guru, dengan mengetikan username beserta password.
Gambar III.21
Rancangan Antar Muka Login Guru
TEXT
HEADER
MENU NAVIGASI
Login
Username
Password
Halaman Login
FOOTER
47
b. Rancangan Antar Muka Beranda Guru
Halaman beranda guru yaitu halaman utama yang awal tampil ketika
seorang guru telah melakukan login dan telah berhasil melakukan login
lalu otomatis guru dituju ke halaman guru.
Gambar III.22
Rancangan Antar Muka Beranda Guru
RUANG GURU HEADER
BERANDA
DATA GURU
DATA JADWAL
DATA NILAI
GAMBAR + TEXT
TEXT
48
c. Rancangan Antar Muka Data Guru
Halaman data guru merupakan halaman yang menampilkan data guru
sesuai dengan guru yang melakukan login.
Gambar III.23
Rancangan Antar Muka Data Guru
RUANG GURU HEADER
BERANDA
DATA GURU
DATA JADWAL
DATA NILAI
NIP : Xxxxxxxxxxxxxxxxxxxxx
Nama lengkap : Xxxxxxxxxxxxxxxxxxxxx
Jenis kelamin : Xxxxxxxxxxxxxxxxxxxxx
Agama : Xxxxxxxxxxxxxxxxxxxxx
Telephone : Xxxxxxxxxxxxxxxxxxxxx
Alamat : Xxxxxxxxxxxxxxxxxxxxx
Edit data
TEXT
49
d. Rancangan Antar Muka Data Jadwal
Halaman data jadwal merupakan halaman yang menampilkan data
jadwal sesuai dengan jadwal guru yang melakukan login.
Gambar III.24
Rancangan Antar Muka Data Jadwal
RUANG GURU HEADER
BERANDA
DATA GURU
DATA JADWAL
DATA NILAI
TABEL TAMPIL DATA JADWAL
Data report
50
e. Rancangan Antar Muka Input Nilai Siswa
Halaman input nilai siswa adalah halaman dimana guru melakukan
proses penginputan nilai rapot untuk siswa untuk memberikan nilai
hasil belajar siswa perperiode.
Gambar III.25
Rancangan Antar Muka Input Nilai Siswa
RUANG GURU HEADER
BERANDA
DATA GURU
DATA JADWAL
DATA NILAI
no nis pel tug uts uas
1. Xxx Xxx 80 75 70
2. Xxx Xxx 65 95 80
batal simpan kembali
51
f. Rancangan Antar Muka Lihat Nilai Siswa
Halaman lihat nilai siswa merupakan halaman yang menampilkan nilai
siswa atau hasil belajar siswa perperiode yang sudah di inputkan oleh
guru sesuai kategori kelas siswa.
Gambar III.26
Rancangan Antar Muka Lihat Nilai Siswa
RUANG GURU HEADER
BERANDA
DATA GURU
DATA JADWAL
DATA NILAI
TABEL TAMPIL NILAI
kembali hapus
52
4. Halaman Siswa
a. Rancangan Antar Muka Login Siswa
Halaman login siswa merupakan halaman yang digunakan untuk masuk
ke halaman ruang siswa, dengan mengetikan username serta password.
Gambar III.27
Rancangan Antar Muka Login Siswa
HEADER
MENU NAVIGASI
FOOTER
TEXT
Username
Password
Login
Halaman Login
53
b. Rancangan Antar Muka Beranda Siswa
Halaman beranda siswa merupakan halaman utama yang pertama kali
tampil ketika siswa sudah melakukan login dan berhasil login, lalu
siswa otomatis akan di tujukan ke halaman beranda siswa.
Gambar III.28
Rancangan Antar Muka Beranda Siswa
RUANG SISWA HEADER
BERANDA
DATA SISWA
DATA KELAS
DATA JADWAL
DATA MAPEL
DATA NILAI
GAMBAR + TEXT
TEXT
54
c. Rancangan Antar Muka Data Siswa
Halaman data siswa merupakan halaman yang berisi tentang data-data
siswa yang tampil sesuai dengan akun siswa yang melakukan login
dengan username berupa nis.
Gambar III.29
Rancangan Antar Muka Data Siswa
RUANG SISWA HEADER
BERANDA
DATA SISWA
DATA KELAS
DATA JADWAL
DATA MAPEL
DATA NILAI
NIS : Xxxxxxxxxxxxx
Kelas : Xxxxxxxxxxxxx
Nama : Xxxxxxxxxxxxx
Kelamin : Xxxxxxxxxxxxx
Agama : Xxxxxxxxxxxxx
Telephone : Xxxxxxxxxxxxx
Alamat : Xxxxxxxxxxxxx
TEXT
Edit Profile
55
d. Rancangan Antar Muka Data Kelas
Halaman data kelas merupakan halaman yang menampilkan data-data
kelas sesuai dengan data kelas yang di miliki oleh masing-masing siswa
siswi sekolah smk cempaka.
Gambar III.30
Rancangan Antar Muka Data Kelas
RUANG SISWA HEADER
BERANDA
DATA SISWA
DATA KELAS
DATA JADWAL
DATA MAPEL
DATA NILAI
Kode Kelas : Xxxxxxxxxxxxxxxxxx
Nama Kelas : Xxxxxxxxxxxxxxxxxx
Jurusan : Xxxxxxxxxxxxxxxxxx
Kapasitas : Xxxxxxxxxxxxxxxxxx
TEXT
56
e. Rancangan Antar Muka Data Jadwal
Halaman data jadwal merupakan halaman yang menampilkan data
jadwal sehari-hari di setiap kelas, yaitu untuk mengetahui mata
pelajaran yang ada di setiap harinya.
Gambar III.31
Rancangan Antar Muka Data Jadwal
RUANG SISWA HEADER
BERANDA
DATA SISWA
DATA KELAS
DATA JADWAL
DATA MAPEL
DATA NILAI
TABEL TAMPIL DATA JADWAL
Data Report
57
f. Rancangan Antar Muka Data Mapel
Halaman data mata pelajaran merupakan halaman yang menampilkan
data mata pelajaran yang digunakan untuk mengetahui mata pelajaran
yang ada di sekolah serta untuk mengetahui kkm setiap mata pelajaran.
Gambar III.32
Rancangan Antar Muka Data Mapel
RUANG SISWA
BERANDA
HEADER
DATA SISWA
DATA KELAS
DATA JADWAL
DATA MAPEL
DATA NILAI
TABEL TAMPIL DATA MAPEL
58
g. Rancangan Antar Muka Data Nilai
Halaman data nilai merupakan halaman yang menampilkan nilai rapot
masing-masing siswa atau hasil belajar siswa perperiode yang sudah di
inputkan oleh setiap guru di halaman guru.
Gambar III.33
Rancangan Antar Muka Data Nilai
RUANG SISWA
BERANDA
DATA SISWA
DATA KELAS
DATA JADWAL
DATA MAPEL
DATA NILAI
HEADER
TABEL TAMPIL DATA NILAI
Data Report
59
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).
GURU
KELAS
SISWANILAI
MAPEL
membuat
JADWAL
memiliki
memiliki
memiliki
terdapat
terdapat
mengolah
nama
jenis_kelamin
kode_kelas
kelas
nip
kode_mapel
agama
nip
telephone
alamat
hari
kode_jadwal
kode_kelas
jam
jurusan
kode_jadwal
kode_kelas
kode_kelas
nis
telephone
alamat
nis
kode_kelas
nama_siswa
jenis_kelamin
agama
kode_rapot nis
nip
kode_mapel
keterangan
grade
uts
total_nilai
uasnis
kode_rapot
tugas_harian
kode_mapel
nama_mapel
kkm
kode_mapel
kode_rapot
kode_jadwal
kode_mapel
kode_jadwal
nip
nip kode_rapot
1
M
1
M
M 1
M
1
1
1
M
1
1
M
kapasitas
Gambar III.34
Entity Relationship Diagram (ERD)
60
2. Logical Record Structure (LRS).
nilai
nip *
nama
jenis_kelamin
agama
telephone
alamat
guru
kode_rapot *
nis **
nip **
kode_mapel **
tugas_harian
uts
uas
total_nilai
grade
keterangan
jadwal
kode_jadwal *
kode_kelas **
kode_mapel **
nip **
hari
jam
siswa
nis *
kode_kelas **
nama_siswa
jenis_kelamin
agama
telephone
alamat
mapel
kode_mapel *
nama_mapel
kkm
kelas
kode_kelas *
kelas
jurusan
kapasitas
M 1
M
1
M
1
M
1
1 M
1
1
M
1
Gambar III.35
Logical Record Structure (LRS)
61
3. Spesifikasi File
Spesifikasi file yang digunakan dalam sistem informasi pengolahan nilai
siswa berbasis website pada SMK Cempaka terdiri dari satu database
dengan nama db_smk_cempaka, yaitu:
a. Spesifikasi File Login
Nama File : tb_login
Fungsi : Untuk Menyimpan Data Akun
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 190
Kunci Field : kode_user
Software : MySQL
Tabel III.1
Spesifikasi File Login
No. Elemen Data Nama Field Type Size Ket
1. Kode user kode_user Varchar 10 Primary Key
2. Username Username Varchar 40
3. Password Password Varchar 40
4. Nama lengkap nama_lengkap Varchar 100
5. Level Level Enum
62
b. Spesifikasi File Admin
Nama File : admin
Fungsi : Untuk Menyimpan Data Admin
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 130
Kunci Field : kode_admin
Software : MySQL
Tabel III.2
Spesifikasi File Admin
No. Elemen Data Nama Field Type Size Ket
1. Kode admin kode_admin Varchar 10 Primary Key
2. Nama lengkap nama_lengkap Varchar 30
3. Nama gambar nama_gambar Varchar 50
4. Jenis kelamin jenis_kelamin Enum
5. Agama Agama Varchar 20
6. Telephone Telephone Varchar 20
7. Alamat Alamat Text
c. Spesifikasi File Guru
Nama File : guru
Fungsi : Untuk Menyimpan Data Guru
63
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 100
Kunci Field : nip
Software : MySQL
Tabel III.3
Spesifikasi File Guru
No. Elemen Data Nama Field Type Size Ket
1. Nip Nip Varchar 10 Primary Key
2. Nama lengkap Nama Varchar 50
3. Jenis kelamin jenis_kelamin Enum
4. Agama Agama Varchar 20
5. Telephone Telephone Varchar 20
6. Alamat Alamat Text
d. Spesifikasi File Siswa
Nama File : siswa
Fungsi : Untuk Menyimpan Data Siswa
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
64
Panjang Record : 110
Kunci Field : nis
Software : MySQL
Tabel III.4
Spesifikasi File Siswa
No. Elemen Data Nama Field Tipe Size Ket
1. Nis Nis Varchar 10 Primary Key
2. Kode kelas kode_kelas Varchar 10 Foreign Key
3. Nama siswa nama_siswa Varchar 50
4. Jenis kelamin jenis_kelamin Enum
5. Agama Agama Varchar 20
6. Telephone Telephone Varchar 20
7. Alamat Alamat Text
e. Spesifikasi File Kelas
Nama File : 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 : kode_kelas
Software : MySQL
65
Tabel III.5
Spesifikasi File Kelas
No. Elemen Data Nama Field Tipe Size Ket
1. Kode kelas kode_kelas Varchar 10 Primary Key
2. Nama kelas Kelas Varchar 20
3. Jurusan Jurusan Enum
4. Kapasitas Kapasitas Varchar 20
f. Spesifikasi File Mata Pelajaran
Nama File : mapel
Fungsi : Untuk Menyimpan Data Mata Pelajaran
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 63
Kunci Field : kode_mapel
Software : MySQL
Tabel III.6
Spesifikasi File Mata Pelajaran
No. Elemen Data Nama Field Tipe Size Ket
1. Kode maple kode_mapel Varchar 10 Primary Key
2. Nama maple nama_mapel Varchar 50
3. Kkm Kkm Integer 3
66
g. Spesifikasi File Jadwal
Nama File : jadwal
Fungsi : Untuk Menyimpan Data Jadwal
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 70
Kunci Field : kode_jadwal
Software : MySQL
Tabel III.7
Spesifikasi File Jadwal
No. Elemen Data Nama Field Tipe Size Ket
1. Kode jadwal kode_jadwal Varchar 10 Primary Key
2. Kode kelas kode_kelas Varchar 10 Foreign Key
3. Kode mapel kode_mapel Varchar 10 Foreign Key
4. Nip Nip Varchar 10 Foreign Key
5. Hari Hari Varchar 10
6. Jam Jam Varchar 20
h. Spesifikasi File Nilai
Nama File : nilai
Fungsi : Untuk Menyimpan Data Nilai
Type File : File Transaksi
67
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 85
Kunci Field : kode_rapot
Software : MySQL
Tabel III.8
Spesifikasi File Nilai
No. Elemen Data Nama Field Tipe Size Ket
1. Kode rapot kode_rapot Integer 11 Primary Key
2. Nis Nis Varchar 10 Foreign Key
3. Nip Nip Varchar 10 Foreign Key
4. Kode mapel kode_mapel Varchar 10 Foreign Key
5. Tugas tugas_harian Integer 11
6. Uts Uts Integer 11
7. Uas Uas Integer 11
8. Total nilai total_nilai Integer 11
9. Grade Grade Enum
10. Keterangan Keterangan Enum
i. Spesifikasi File Title Kegiatan
Nama File : title_kegiatan
Fungsi : Untuk Menyimpan Data Title Kegiatan
Type File : File Transaksi
68
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 20
Kunci Field : kode_title
Software : MySQL
Tabel III.9
Spesifikasi File Title Kegiatan
No. Elemen Data Nama Field Tipe Size Ket
1. Kode title kode_title Varchar 20 Primary Key
2. Title Title Text
3. Content Content Text
j. Spesifikasi File Kegiatan
Nama File : tb_kegiatan
Fungsi : Untuk Menyimpan Data Kegiatan
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 60
Kunci Field : id
Software : MySQL
69
Tabel III.10
Spesifikasi File Kegiatan
No. Elemen Data Nama Field Tipe Size Ket
1. Id Id Varchar 20 Primary Key
2. Bulan Bulan Varchar 20
3. Tanggal Tanggal Varchar 20
4. Kegiatan Kegiatan Text
5. Tanggung jawab tanggung_jawab Text
6. Pelaksana Pelaksana Text
k. Spesifikasi File Berita
Nama File : berita
Fungsi : Untuk Menyimpan Data Berita
Type File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 70
Kunci Field : kode_berita
Software : MySQL
Tabel III.11
Spesifikasi File Berita
No. Elemen Data Nama Field Tipe Size Ket
1. Kode berita kode_berita Varchar 20 Primary Key
70
2. Judul Judul Text
3. Headline Headline Text
4. Isi berita Isi Text
5. Gambar Gambar Varchar 50
6. Tanggal Tanggal Date
3.3.3. Rancangan Struktur Navigasi
Struktur navigasi yang digunakan oleh penulis adalah struktur navigasi
campuran, yaitu sebagai berikut:
1. Rancangan Struktur Navigasi Pengunjung
Gambar III.36
Struktur Navigasi Pengunjung
71
2. Rancangan Struktur Navigasi Admin
Gambar III.37
Struktur Navigasi Admin
72
3. Rancangan Struktur Navigasi Guru
Gambar III.38
Struktur Navigasi Guru
4. Rancangan Struktur Navigasi Siswa
Gambar III.39
Struktur Navigasi Siswa
73
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 utama beranda yaitu merupakan halaman utama yang pertama
kali muncul ketika pengunjung mengunjungi website sekolah, halaman
beranda ini merupakan index awal dari halaman website sekolah.
Gambar III.40
Implementasi Rancangan Antar Muka Halaman Utama Beranda
b. Halaman Profile Sekolah
Halaman profile sekolah yaitu halaman yang memberitahukan informasi
kepada pengunjung tentang sejarah dan visi misi sekolah.
74
Gambar III.41
Implementasi Rancangan Antar Muka Halaman Profile Sekolah
c. Halaman Galery Sekolah
Halaman galery sekolah yaitu halaman yang berisi tentang foto-foto para
siswa siswi sekolah smk cempaka beserta foto guru-guru.
Gambar III.42
Implementasi Rancangan Antar Muka Halaman Galery Sekolah
75
d. Halaman Agenda Kegiatan
Halaman agenda yaitu halaman yang memberitahu tentang kegiatan
kegiatan yang ada di sekolah smk cempaka jakarta. Kegiatan ini adalah
kegiatan yang wajib dan rutin di lakukan oleh siswa siswi sekolah smk
cempaka selama perperiode dari awal masuk sekolah hingga kenaikan
kelas dan akhir sekolah.
Gambar III.43
Implementasi Rancangan Antar Muka Halaman Agenda Kegiatan
e. Halaman Ekstrakurikuler
Halaman ekstrakurikuler yaitu halaman yang menunjukan kepada
pengunjung website tentang daftar-daftar kegiatan ekstrakurikuler yang
ada di sekolah smk cempaka jakarta pusat.
76
Gambar III.44
Implementasi Rancangan Antar Muka Halaman Ekstrakurikuler
f. Halaman Tampil Berita
Halaman tampil berita yaitu halaman yang menampilkan data berita
kegiatan terkini yang ada di sekolah smk cempaka yang telah di inputkan
oleh admin di halaman admin yang di tampilkan ke halaman pengunjung
halaman ini di sediakan oleh sekolah untuk mengetahui berita kegiatan
kegiatan yang ada di sekolah khususnya untuk mengetahui perlombaan
yang ada di sekolah smk cempaka Jakarta.
77
Gambar III.45
Implementasi Rancangan Antar Muka Halaman Tampil Berita
2. Implementasi Rancangan Antar Muka Admin
Implementasi rancangan antar muka pada sistem informasi pengolahan
nilai siswa berdasarkan rancangan antar muka.
a. Halaman Login Admin
Halaman login admin yaitu halaman yang dipergunakan oleh admin untuk
melakukan login dengan mengetikan username serta password dan ketika
admin melakukan login dengan sukses maka admin otomatis akan
langsung di tujukan ke halaman admin.
78
Gambar III.46
Implementasi Rancangan Antar Muka Halaman Login Admin
b. Halaman Beranda Admin
Halaman beranda admin yaitu halaman utama yang muncul ketika admin
sudah melakukan login dan masuk ke halaman admin
Gambar III.47
Implementasi Rancangan Antar Muka Halaman Beranda Admin
79
c. Halaman Data Profile Admin
Halaman data profile admin yaitu menampilkan data-data admin yang
sedang melakukan login sesuai username dan password yang dimiliki.
Gambar III.48
Implementasi Rancangan Antar Muka Halaman Data Profile Admin
d. Halaman Data Akun
Halaman data akun berisi tampilan data akun yang berguna untuk login.
Gambar III.49
Implementasi Rancangan Antar Muka Halaman Data Akun
80
e. Halaman Data Admin
Halaman data admin yaitu merupakan halaman tampil data admin sekolah.
Gambar III.50
Implementasi Rancangan Antar Muka Halaman Data Admin
f. Halaman Data Guru
Halaman data guru yaitu halaman untuk menginput data guru di sekolah.
Gambar III.51
Implementasi Rancangan Antar Muka Halaman Data Guru
81
g. Halaman Edit Data Guru
Halaman edit data guru merupakan halaman yang dipergunakan untuk
mengedit atau mengubah data ketika data yang diinputkan salah.
Gambar III.52
Implementasi Rancangan Antar Muka Halaman Edit Data Guru
h. Halaman Data Kelas
Halaman data kelas yaitu halaman yang dipergunakan untuk menginput
data-data kelas yang ada di sekolah, selain input data di halaman ini juga
dipergunakan untuk menampilkan data yang sudah diinputkan.
82
Gambar III.53
Implementasi Rancangan Antar Muka Halaman Data Kelas
i. Halaman Data Mata Pelajaran
Halaman data mata pelajaran yaitu untuk menginput data mata pelajaran.
Gambar III.54
Implementasi Rancangan Antar Muka Halaman Data Mata Pelajaran
83
j. Halaman Data Jadwal
Halaman data jadwal yaitu halaman yang dipergunakan untuk menginput
data jadwal mengajar guru sehari-hari.
Gambar III.55
Implementasi Rancangan Antar Muka Halaman Data Jadwal
k. Halaman Data Siswa
Halaman data siswa yaitu halaman untuk menginput data siswa disekolah.
Gambar III.56
Implementasi Rancangan Antar Muka Halaman Data Siswa
84
l. Halaman Edit Data Siswa
Halaman edit data siswa merupakan halaman yang digunakan untuk
mengubah atau mengedit data siswa yang salah di input data.
Gambar III.57
Implementasi Rancangan Antar Muka Halaman Edit Data Siswa
m. Halaman Title Agenda
Halaman title agenda merupakan halaman input data title agenda.
Gambar III.58
Implementasi Rancangan Antar Muka Halaman Title Agenda
85
n. Halaman Agenda Kegiatan
Halaman agenda kegiatan merupkan halaman yang digunakan untuk
menginput data agenda kegiatan kegiatan sekolah yang wajib di jalankan.
Gambar III.59
Implementasi Rancangan Antar Muka Halaman Agenda Kegiatan
o. Halaman Edit Agenda
Halaman edit agenda kegiatan merupakan halaman mengedit data agenda.
Gambar III.60
Implementasi Rancangan Antar Muka Halaman Edit Agenda
86
p. Halaman Input Berita
Halaman input berita merupakan halaman yang digunakan untuk
menginput data berita kegiatan terkini.
Gambar III.61
Implementasi Rancangan Antar Muka Halaman Input Berita
q. Halaman Tampil Berita
Halaman tampil berita merupakan halaman tampil data berita kegiatan.
Gambar III.62
Implementasi Rancangan Antar Muka Halaman Tampil Berita
87
r. Halaman Edit Berita
Halaman edit berita merupakan halaman yang digunakan untuk mengedit
atau mengubah data berita yang salah saat penginputan data.
Gambar III.63
Implementasi Rancangan Antar Muka Halaman Edit Berita
s. Halaman Laporan Data Guru
Halaman laporan data guru yaitu halaman report laporan data guru.
Gambar III.64
Implementasi Rancangan Antar Muka Halaman Laporan Data Guru
88
t. Halaman Laporan Data Siswa
Halaman laporan data siswa yaitu halaman yang digunakan untuk melihat
report data laporan yang sudah di inputkan dan digunakan untuk di print.
Gambar III.65
Implementasi Rancangan Antar Muka Halaman Laporan Data Siswa
u. Halaman Laporan Data Nilai
Halaman laporan data nilai yaitu halaman cetak laporan data nilai siswa.
Gambar III.66
Implementasi Rancangan Antar Muka Halaman Laporan Data Nilai
89
3. Implementasi Rancangan Antar Muka Guru
Implementasi rancangan antar muka pada sistem informasi pengolahan
nilai siswa berdasarkan rancangan antar muka.
a. Halaman Login Guru
Halaman login guru merupakan halaman yang dipergunakan oleh guru
untuk melakukan login sebelum masuk ke halaman guru.
Gambar III.67
Implementasi Rancangan Antar Muka Halaman Login Guru
b. Halaman Beranda Guru
Halaman beranda guru yaitu merupakan halaman utama yang pertama kali
muncul ketika guru sudah melakukan login di halaman login guru dan
sudah berhasil masuk ke halaman guru.
90
Gambar III.68
Implementasi Rancangan Antar Muka Halaman Beranda Guru
c. Halaman Data Guru
Halaman data guru merupakan halaman yang digunakan oleh guru untuk
melihat semua data-data guru yang mengajar mata pelajaran di sekolah
smk cempaka.
Gambar III.69
Implementasi Rancangan Antar Muka Halaman Data Guru
91
d. Halaman Edit Data Guru
Halaman edit data guru merupakan halaman untuk mengubah data guru.
Gambar III.70
Implementasi Rancangan Antar Muka Halaman Edit Data Guru
e. Halaman Data Jadwal
Halaman data jadwal merupakan halaman yang dipergunakan oleh guru
untuk melihat data-data jadwal mengajar sehari-hari.
Gambar III.71
Implementasi Rancangan Antar Muka Halaman Data Jadwal
92
f. Halaman Laporan Jadwal
Halaman laporan data jadwal berguna untuk cetak laporan data jadwal.
Gambar III.72
Implementasi Rancangan Antar Muka Halaman Laporan Jadwal
g. Halaman Input Data Nilai
Halaman input data nilai merupakan halaman yang dipergunakan oleh
guru untuk menginput hasil belajar siswa selama perperiode.
Gambar III.73
Implementasi Rancangan Antar Muka Halaman Input Data Nilai
93
h. Halaman Tampil Data Nilai
Halaman tampil nilai merupakan halaman tampil nilai yang sudah diinput.
Gambar III.74
Implementasi Rancangan Antar Muka Halaman Tampil Data Nilai
4. Implementasi Rancangan Antar Muka Siswa
Implementasi rancangan antar muka pada sistem informasi pengolahan
nilai siswa berdasarkan rancangan antar muka.
a. Halaman Login Siswa
Halaman login siswa merupakan halaman login yang di pergunakan oleh
siswa untuk melakukan login dengan mengetikan username yaitu berupa
nis dan password yang sudah diberikan oleh admin sekolah lalu setelah
login berhasil siswa dapat masuk ke halaman siswa.
94
Gambar III.75
Implementasi Rancangan Antar Muka Halaman Login Siswa
b. Halaman Beranda Siswa
Halaman beranda siswa merupakan halaman utama yang pertama kali
muncul ketika siswa sudah melakukan login di halaman login siswa
dengan mengetikan username dan password yang sudah di berikan kepada
pihak admin sekolah dengan username yaitu nis serta password yang ada.
Gambar III.76
Implementasi Rancangan Antar Muka Halaman Beranda Siswa
95
c. Halaman Data Siswa
Halaman data siswa merupakan halaman tampil data siswa sesuai login.
Gambar III.77
Implementasi Rancangan Antar Muka Halaman Data Siswa
d. Halaman Edit Data Siswa
Halaman edit data siswa yaitu halaman untuk mengubah data siswa siswi.
Gambar III.78
Implementasi Rancangan Antar Muka Halaman Edit Data Siswa
96
e. Halaman Data Kelas
Halaman data kelas merupakan halaman yang memberikan informasi
kepada siswa supaya mengetahui dimana siswa memiliki ruang kelas.
Gambar III.79
Implementasi Rancangan Antar Muka Halaman Data Kelas
f. Halaman Data Jadwal
Halaman data jadwal yaitu untuk mengetahui jadwal belajar sehari-hari.
Gambar III.80
Implementasi Rancangan Antar Muka Halaman Data Jadwal
97
g. Halaman Laporan Jadwal
Halaman ini merupakan halaman yang digunakan untuk cetak data jadwal.
Gambar III.81
Implementasi Rancangan Antar Muka Halaman Laporan Jadwal
h. Halaman Data Mata Pelajaran
Halaman data mata pelajaran yaitu halaman tampil mata pelajaran siswa.
Gambar III.82
Implementasi Rancangan Antar Muka Halaman Data Mata Pelajaran
98
i. Halaman Tampil Data Nilai
Halaman tampil data nilai yaitu halaman tampil nilai hasil belajar siswa.
Gambar III.83
Implementasi Rancangan Antar Muka Halaman Tampil Data Nilai
j. Halaman Laporan Nilai
Halaman laporan nilai merupakan halaman untuk mencetak laporan nilai.
Gambar III.84
Implementasi Rancangan Antar Muka Halaman Laporan Nilai
99
5. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan sistem informasi
pengolahan nilai siswa di SMK Cempaka Jakarta.
a. Spesifikasi Perangkat Keras
1. Server
a) CPU
1) Processor Intel® Pentium® Core 2 Duo, 1,73 GHz atau yang 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
b. Spesifikasi Perangkat Lunak
100
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 Firefox, 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.12
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
username dan
password tidak
Sesuai
Harapan Valid
101
boleh kosong
2
Username
dikosongkan dan
password diisi
kemudian klik
tombol login
username:
(kosong)
password:
(diisi)
Sistem
menolak dan
memberi
peringatan
bahwa
username 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
index admin
Sesuai
Harapan Valid
2. Pengujian Terhadap Form Siswa
Tabel III.13
Pengujian BlackBox Testing Form Siswa
No Skenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Semua inputan
dikosongkan
lalu klik tombol
tambah data
Semua
inputan:
(kosong)
Sistem akan
menolak dan
memberi
peringatan
bahwa inputan
tidak boleh ada
yang kosong
Sesuai
Harapan Valid
102
2
Kode kelas diisi
dan semua
inputan
dikosongkan
lalu klik tombol
tambah data
Kode
kelas:
(diisi)
Semua
inputan:
(kosong)
Sistem akan
menolak dan
memberi
peringatan
bahwa inputan
tidak boleh ada
yang kosong
Sesuai
Harapan Valid
3
Kode kelas di
kosongkan dan
semua inputan
diisi lalu klik
tombol tambah
data
Kode
kelas:
(kosong)
Semua
inputan:
(diisi)
Sistem akan
menolak dan
memberi
peringatan
bahwa inputan
tidak boleh ada
yang kosong
Sesuai
Harapan Valid
4
Query kode
kelas tersedia
dan semua
inputan diisi lalu
klik tombol
tambah data
Semua
inputan:
(diisi)
Sistem akan
menerima
akses dan
memberi
peringatan
bahwa tambah
data berhasil
Sesuai
Harapan Valid
3. Pengujian Terhadap Form Nilai
Tabel III.14
Pengujian BlackBox Testing Form Nilai
No Skenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Semua inputan
data nilai siswa
dikosongkan
lalu klik tombol
simpan data
Semua
inputan
data nilai
siswa:
(kosong)
Inputan data
nilai siswa
tidak ada dan
tidak ada
satupun data
nilai siswa
yang tampil di
halaman tampil
data nilai siswa
Sesuai
Harapan Valid
2
Salah satu data
nilai siswa diisi
dan data nilai
siswa yang lain
dikosongkan
lalu klik tombol
simpan data
Salah satu
data nilai
siswa:
(diisi)
Data nilai
siswa yang
lain:
(kosong)
Data nilai yang
diisi akan
masuk ke
halaman tampil
nilai dan yang
kosong tidak
akan masuk ke
halaman tampil
nilai
Sesuai
Harapan Valid
103
3
Semua data nilai
siswa diisi lalu
klik tombol
simpan data
Semua
data nilai
siswa:
(diisi)
Semua data
nilai yang diisi
masuk ke
halaman tampil
nilai dan
halaman input
nilai kosong
karena semua
data nilai siswa
sudah terisi
Sesuai
Harapan Valid
