BAB III PEMBAHASAN - repository.bsi.ac.id · a. Menyusun program pembinaan kesiswaan (OSIS). b....
Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · a. Menyusun program pembinaan kesiswaan (OSIS). b....
21
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 di jalan Cempaka Putih Barat XXI Cempaka
Putih, Jakarta Pusat. SMK Cempaka membuka dua jurusan program keahlian
yaitu:
1. Program Keahlian Akuntansi.
2. Program Keahlian Pemasaran.
3.1.2 Struktur Organisasi dan Fungsi
Seperti halnya organisasi atau lembaga lain SMK Cempaka juga memiliki
struktur organisasi. Sturktur 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
22
melaksanakan tugas di organisasi tersebut. Berikut ini adalah struktur organisasi
pada SMK Cempaka Jakarta:
Sumber : Tata Usaha SMK Cempaka (2017)
Gambar III.1
Struktur Organisasi SMK Cempaka
Kepala Sekolah
Wakil Kepala Sekolah
Yayasan Bhakti Likhita
Bhutala
Staff Kesiswaan Staff Kurikulum
Tata Usaha
Guru BK
\
Siswa
23
Berdasarkan struktur organisasi dari SMK Cempaka, berikut ini adalah
tugas dan fungsi dari masing-masing bagian :
1. Yayasan Bhakti Likhita Bhutala
2. Kepala Sekolah
a. Pimpinan Sekolah.
b. Mengorganisasi, mengarahkan, dan mengkoordinasi seluruh kegiatan
sekolah.
c. Melaksanakan pengawasan seluruh kegiatan sekolah.
d. Melakukan evaluasi terhadap seluruh kegiatan di sekolah.
3. Wakil Kepala Sekolah
a. Membantu tugas-tugas kepala sekolah .
b. Mewakili kepala sekolah apabila kepala sekolah berhalangan.
4. Staff Kesiswaan
a. Menyusun program pembinaan kesiswaan (OSIS).
b. Menegakan tata tertib sekolah.
c. Melaksanakan bimbingan, pengarahan dan pengendalian kegiatan siswa
(OSIS) dalam rangkamenegakan disiplin dan tata tertib sekolah.
d. Membina dan melaksanakan koordinasi keamanan, kebersihan,
ketertiban, kerindangan, keindahan dan kekeluargaan dilingkungan
sekolah.
5. Staff Kurikulum.
a. Menyusun program pengajaran (program tahunan dan semester).
b. Menyusun kalender pendidikan.
24
c. Menyusun SK pembagian tugas mengajar guru dan tugas tambahan lain
nya.
d. Menyusun jadwal pelajaran.
e. Menyusun program dan jadwal pelaksanaan ujian akhir sekolah atau
nasional.
f. Menyusun kriteria dan persyaratan siswa untuk naik kelas atau tidak,
serta lulus atau tidak siswa yang mengikuti ujian.
g. Menyusun jadwal penerimaan buku laporan pendidikan (raport) dan
penerimaan STTB atau Ijazah dan STK.
h. Menyediakan silabus seluruh mata pelajaran dan contoh format RPP.
6. Tata Usaha
a. Menerima pembayaran dana SPP atau sumber lain nya dari siswa.
b. Menyetor dana SPP atau sumber lain ke bendahara.
c. Pemeliharaan sarana dan prasarana pendidikan, pengamanan,
penghapusan, dan pengembangan.
7. BK
a. Menyusun program dan pelaksanaan kegiatan penyuluhan.
b. Membantu guru dan wali kelas dalam menghadapi kasus kenakalan
siswa.
c. Membuat program bimbingan psikologi.
d. Menyusun dan mengarsipkan data murid yang melakukan konseling
8. Guru
a. Membuat program pengajar
b. Melaksanakan kegiatan pembelajaran.
25
c. Meningkatkan penguasaan materi pelajaran yang menjadi tanggung
jawab nya.
d. Memilih metode yang tepat untuk menyyampaikan materi.
e. Melaksanakan KBM.
9. Siswa
a. Mengikuti proses KBM.
b. Mentaati tata tertib sekolah.
c. Melaksanakan Ujian sekolah atau nasional sesuai jadwal yang telah
disusun pihak sekolah.
3.2 Analisis Kebutuhan
Analisis kebutuhan menjadi faktor utama untuk mendapatkan gambaran
tentang perangkat lunak (software) dan perangkat keras (hardware) yang
dibutuhkan pengguna. Kesalahan dalam analisa kebutuhan akan menghasilkan
perangkat lunak atau perangkat keras yang kurang tepat bagi pengguna. Dalam
Sistem Informasi Pendaftaran Siswa Baru ini memiliki beberapa analisis
kebutuhan antara lain:
3.2.1. Analisis Kebutuhan Calon Siswa
Berikut adalah beberapa analisis kebutuhan calon siswa :
1. Calon siswa dapat melihat informasi pendaftaran.
2. Calon siswa dapat mengunduh brosur pendaftaran siswa baru.
3. Calon siswa dapat mendaftar sebagai peserta seleksi.
4. Calon siswa dapat melakukan tes seleksi.
5. Caloan siswa dapat melengkapi data yang di butuhkan.
26
6. Calon siswa dapat melihat informasi hasil seleksi.
7. Calon siswa dapat mencetak hasil seleksi.
3.2.2. Analsis Kebutuhan Panitia / Admin
Berikut adalah beberapa analisis kebutuhan panitia/admin :
1. Admin dapat membuka atau menutup pendaftaran siswa baru.
2. Admin dapat mengelola info pendaftaran.
3. Admin dapat mengelola calon siswa terdaftar (peserta seleksi).
4. Admin dapat membuat laporan sebagai pertanggung jawaban.
3.2.3. Analisis Kebutuhan Sistem
Berikut adalah beberapa analisis kebutuhan sistem:
1. Pengguna harus login untuk bisa menggunakan aplikasi ini secara
maksimal, dan dapat mengelola akun dan data nya.
2. Pengguna harus logout setelah selesai menggunakan aplikasi ini.
3.3 Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Rancangan antar muka pada sistem penerimaan siswa baru berbasis web
pada SMK Cempaka adalah sebagai berikut:
1. Halaman Pengunjung (User)
a. Rancangan Antar Muka Beranda
Halaman beranda merupakan halaman pertama yang muncul ketika
pengunjung membuka website. Halaman ini merupakan halaman index
dari website. Berikut rancangan tampilan beranda.
27
Gambar III.2
Rancangan Antar Muka Beranda
b. Rancangan Antar Muka Halaman Daftar
Halaman daftar adalah halaman untuk calon siswa mendaftarkan diri,
rancangan halaman daftar adalah sebagai berikut:
Gambar III.3
Rancangan Antar Muka Halaman Pendaftaran
c. Rancangan Antar Muka Halaman Info PSB
Halaman info PSB adalah halaman dimana calon siswa dapat
mengunduh brosur PSB, rancangan halaman daftar adalah sebagai
berikut:
MENU
FOOTER
ISI
MENU
Silahkan mengisi form pendaftaran
Nama lengkap Calon Siswa :
No.Induk Siswa Nasional :
Asal Sekolah :
Nomor telepon :
Kode Verifikasi :
FOOTER
Home / Daftar
Captcha
Daftar
28
Gambar III.4
Rancangan Antar Muka Halaman Info PSB
d. Rancangan Antar Muka Halaman Sukses Daftar
Halaman sukses daftar adalah halaman dimana calon siswa mendapat
nomor daftar dan password yang berfungsi sebagai username dan
password untuk login, rancangan halaman sukses daftar adalah sebagai
berikut:
Gambar III.5
Rancangan Antar Muka Sukses Daftar
MENU
Info SMK Cempaka
Kegiatan Extra Fasilitas Program Studi
Xxxxxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxxxxxxxx
FOOTER
Home / Info
Gambar unduh
MENU
Selamat Pendaftaran Berhasil
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Nama :
No.Peserta :
Password :
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
FOOTER
Home / sukses-daftar
29
e. Rancangan Halaman Login Calon Siswa
Halaman ini di gunakan calon siswa untuk dapat masuk ke halaaman
index atau beranda calon siswa. Rancangan halaman login calon siswa
sebagai berikut:
Gambar III.6
Rancangan Antar Muka Login Calon Siswa
f. Rancangan Antar Muka Beranda Calon Siswa
Halaman beranda calon siswa adalah halaman yang pertama muncul
ketika calon siswa melakukan login. Berikut rancangan nya:
Gambar III.7
Rancangan Antar Muka Halaman Beranda Siswa
MENU
Login Peserta
Nomor Peserta :
Password :
FOOTER
Login
Gambar
MENU
Selamat Datang
Pengumuman Tes Seleksi
FOOTER
BUTTON
BUTTON
30
g. Rancangan Antar Muka Halaman Biodata
Dihalaman ini calon siswa melengkapi data yang di persyaratkan untuk
di seleksi oleh panitia PSB. Rancangan adalah sebagai berikut:
Gambar III.8
Rancangan Antar Muka Halaman Biodata
h. Rancangan Antar Muka Upload Berkas
Dihalaman ini calon siswa dapat mengupload berkas yang nantinya
akan diverifikasi oleh panitia PSB. Rancangan nya sebagai berikut:
Gambar III.9
Rancangan Antar Muka Halaman Upload Berkas
MENU
Biodata Peserta
A.Xxxxxxx C.Xxxxxxxxxxx
xxxxxxxx : xxxxxxxxx:
xxxxxxxx : xxxxxxxxx:
xxxxxxxx : xxxxxxxxx:
B.Xxxxxxxx D.Xxxxxxxxx
xxxxxxxx: xxxxxxxxx:
xxxxxxxx: xxxxxxxxx:
xxxxxxxx: xxxxxxxxx:
FOOTER
Simpan
MENU
Upload Berkas Anda
Masukan nisn anda Upload IJAZAH SMP Upload AKTA lahir
Upload Kartu Kelurga Upload SKHUN SMP Upload Pas POTO
FOOTER
UPLOAD UPLOAD
UPLOAD UPLOAD UPLOAD
31
i. Rancangan Antar Muka Chat Siswa.
Dihalaman ini calon siswa dapat menghubungi admin untuk
menayakan hal-hal seputar psb. Rancangan nya sebagai berikut:
Gambar III.10
Rancangan Antar Muka Halaman Pesan Chat Siswa
j. Rancangan Antar Muka Halaman Tes Seleksi
Dihalaman ini siswa dapat mengerjakan tes seleksi masuk penerimaan
siswa baru. Berikut rancangan nya:
Gambar III.11
Rancangan Antar Muka Halaman Tes Seleksi
MENU
Pesan Masuk
NO Dari Subyek Tanggal
1
2
3
FOOTER
FOOTER
Tulis Pesan
MENU
Silahkan Kerjakan Soal Dengan Hati Hati
1.Pertanyaan
a.Jawaban a
b.Jawaban b
c.Jawaban a
d.Jawaban b
e.Jawaban b
FOOTER
Submit
32
k. Rancangan Halaman Hasil Tes Seleksi
Dihalaman ini calon siswa dapat melihat pengumuman hasil seleksi
sekaligus diterima atau tidak nya siswa tersebut di SMK Cempaka.
Rancangan nya adalah sebagai berikut:
Gambar III.12
Rancangan Antar Muka Halaman Hasil Seleksi
2. Halaman Admin
a. Rancangan Antar Muka Login Admin
Halaman ini digunakan admin untuk masuk kedalam beranda admin,
rancangan nya sebagai berikut:
Gambar III.13
Rancangan Antar Muka Login Admin
Username :
Password :
Login
MENU
12-07-2017
Panitia Seleksi Masuk Siswa Baru SMK Cempaka Menyatakan:
Nama Siswa : xxxxxx
Nomor daftar : 1234567890
NISN : 0123456789
Telah mengikuti seluruh prosedur Pendaftaran Siswa Baru dan berhasil
lulus tes seleksi dan diterima menjadi siswa di SMK Cempaka Jakarta.
FOOTER
Cetak
33
b. Rancangan Antar muka Beranda Admin
Halaman ini adalah halaman pertama ketika admin masuk ke halaman
admin. Rancangan nya adalah sebagai berikut:
Gambar III.14
Rancangan Antar Muka Beranda Admin
c. Rancangan Antar Muka Data Biodata Peserta
Dihalaman ini admin bisa mengetahui apakah peserta PSB sudah
melengkapi biodata atau belum. Rancangan nya adalah sebagai berikut:
Gambar III.15
Rancangan Antar Muka Halaman Data Biodata Peserta
ADMINISTRATOR Dropdown Menu
Dashboard
FOOTER
Data Peserta PSB
Pengaturan
Kontak
ADMINISTRATOR Dropdown Menu
Data Biodata Peserta
FOOTER
Data Peserta PSB
Pengaturan
Kontak
No xxxxxxx xxxxxxx xxxxxxx xxxxxx
1 xxxxxxx xxxxxxx xxxxxxx
Laporan
Laporan
34
d. Rancangan Antar Muka Data Berkas Peserta
Halaman ini berisi tenang berkas peserta psb, dimana admin dapat
melihat dan memverifikasi berkas tersebut. Rancangan nya sebagai
berikut:
Gambar III.16
Rancangan Antar Muka Halaman Data Berkas Peserta
3.3.2. 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).
Dibawah ini merupakan beberapa hal yang akan didalam ERD pendaftaran
siswa baru yaitu:
a. Entitas
1) tb_siswa
2) tb_biodata
3) tb_berkas
ADMINISTRATOR Dropdown Menu
Data Berkas Peserta
FOOTER
Data Peserta PSB
Pengaturan
Kontak
Laporan
No xxxxxx xxxxxx xxxxx xxxxx xxxxx
1 xxxxxx xxxxxx xxxxx xxxxx xxxxx
35
4) tb_informasi
5) tb_hasil_seleksi
6) tb_soal
b. Atribut
Dibawah ini merupakan atribut key (primary key) dari setiap entitas
yang ada.
1) Entitas tb_siswa
Entitas tb_anggota memiliki atribut key nisn.
2) Entitas tb_biodata
Entitas tb_biodata memiliki atribut key id_bio.
3) Entitas tb_berkas
Entitas tb_berkas memiliki atribut key id_berkas
4) Entitas tb_informasi
Entitas tb_informasi memiliki key id_info
5) Entitas tb_seleksi
Entitas tb_hasil_seleksi memiliki key id_seleksi
6) Entitas tb_soal
Entitas tb_soal memiliki key nomor
36
Dibawah ini penggambaran ERD penerimaan siswa baru:
biodata siswa
berkas
soal
nisn
id_bio
nama_siswa
tempat_lahir
tanggal_lahir
jk
agama
anak_ke
status_siswa
alamat_siswa
telepon
berat_badan
tinggi_badan
gol_dar
nama_ayah
nama_ibu
penghasilan_ayah
penghasilan_ibu
pekerjaan_ibu
pekerjaan_ayah
pendidikan_teakhir_ayah
pendidikan_terakhir_ibu
jml_saudara
mengisi
mengupload
id_berkas
nisn
kk
poto
akta_lahir
skhun_smp
ijazah
mengerjakan
nomor
pertanyaan
jawab_a
nisn
id_bionisn
id_berkas
nisn nomor
nisn
pass_view
nama_lengkap
no_daftar
tgl_daftar
asal_skl
password
notel
status_bio
jawab_b
jawab_c
jawab_d
jawab_e
jawaban
1 1 1 1
1
1
melihat
seleksinisn
id_seleksi
hasil_seleksi
id_seleksi
nisn
melihat
info
id_info
title
gambar
deskripsi
file
isi
id_info
nisn
1
1
1
M
nilai
jurusan
Gambar III.17
Entity Relationship Diagram (ERD) Penerimaan Siswa Baru
37
Penjelasan dari gambar ERD Penerimaan siswa baru :
a. Proses Mengisi
Berikut definisi mengisi :
1) Relasi mengisi dalam tb_biodata
Deskripsi :
a) Merupakan relasi antara entitas tb_siswa dan tb_biodata, dimana
memiliki makna bahwa siswa mengisi biodata dan disimpan
pada tb_biodata.
b) Kardinalitas entitas tb_siswa dan tb_biodata adalah one to one,
karena satu siswa hanya dapat mengisi satu biodata.
b. Proses Mengupload
Berikut definisi mengupload :
1) Relasi mengupload dalam tb_berkas
Deskripsi :
a) Merupakan relasi antara entitas tb_siswa dan tb_berkas, dimana
memiliki makna bahwa siswa mengupload dan disimpan pada
tb_berkas.
b) Kardinalitas entitas tb_siswa dan tb_berkas adalah one to one,
karena satu siswa hanya dapat mengupload satu berkas.
c. Proses Mengerjakan
Berikut definisi mengerjakan :
1) Relasi mengerjakan dalam tb_soal :
Deskripsi :
38
a) Merupakan relasi antara tb_siswa dan tb_soal, dimana memiliki
makna bahwa siswa dapat mengerjakan soal tes seleksi.
b) Kardinalitas entitas tb_siswa dan tb_soal adalah one to one,
karena satu siswa hanya dapat mengerjakan satu paket soal tes
seleksi.
d. Proses Melihat
Berikut definisi melihat :
1) Relasi melihat dalam tb_informasi
Deskripsi :
a) Merupakan relasi antara tb_siswa dan tb_informasi, dimana
memiliki makna bahwa siswa dapat melihat informasi seputar
penerimaan siswa baru.
b) Kardinalitas tb_siswa dan tb_informasi adalah one to many,
karena satu siswa dapat melihat banayak informasi.
2) Relasi melihat dalam tb_hasil_seleksi
Deskripsi :
a) Merupakan relasi antara tb_siswa dan tb_hasil_seleksi, dimana
memiliki makna bahwa siswa dapat melihat hasil seleksi.
b) Kardinalitas tb_siswa dan tb_hasil_seleksi adalah one to one,
karena satu siswa hanya dapat melihat satu hasil seleksi.
39
2. Logical Record Structure (LRS).
biodata
id_bio *
nisn **
nama_siswa
tempat_lahir
tanggal_lahir
jk
agama
anak_ke
jml_saudara
status_anak
alamat_siswa
telepon
berat_badan
tinggi_badan
gol_dar
nama_ayah
nama_ibu
penghasilan_ayah
penghasilan_ibu
pekerjaan_ayah
pekerjaan_ibu
pendidikan_terakhir_ayah
pendidikan_terakhir_ibu
status_bio
siswa
nisn *
nama_lengkap
no_daftar
password
pass_view
tgl_daftar
asal_skl
Notel
jurusan berkas
id_berkas *
ijazah
skhun_smp
akta_lahir
poto
kk
nisn **
soal
nomor *
nisn **pertanyaan
jawab_a
jawab_b
jawab_c
jawab_d
jawab_e
jawaban 1 1
1
1
1
1
seleksi
id_seleksi *nisn **nilaihasil_seleksi
1
1
info
id_info *nisn **titleisideskripsigambarfile
1
M
Gambar III.18
Logical Record Structure (LRS) Penerimaan Siswa Baru
40
3. Spesifikasi File
Spesifikasi file yang digunakan dalam sistem informasi pendaftaran siswa
baru berbasis website pada SMK Cempaka terdiri dari satu database
dengan nama db_psb dan delapan tabel, yaitu:
a. 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 : 214
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 Varchar 10 Primary
Key
2 Username username Varchar 20
3 Password password Varchar 40
4 Nama
lengkap nama_lengkap Varchar 30
5 Foto Foto Varchar 50
6 Email Email Varchar 50
7 Nomor
Telepon Notel Varchar 14
41
8 Alamat alamat Text
9 Level Level Enum
b. 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
Panjang Record : 129
Kunci Field : nisn
Software : MySQL
Tabel III.2
Spesifikasi File Siswa
No Elemen Data Nama Field Tipe Size Keterangan
1 NISN Nisn Varchar 10 Primary
Key
2 Nomor
Daftar
no_daftar Varchar 10
3 Nama
Lengkap
nama_lengkap Varchar 30
4 Asal
Sekolah
asal_skl Varchar 20
5 Nomor
Telepon
Notel Varchar 14
6 Password password Varchar 40
7 Pass View pass_view Varchar 5
42
8 Tanggal
Daftar
Tgl Date
9 Jurusan Jurusan Enum
c. Spesifikasi File Biodata
Nama File : tb_biodata
Fungsi : Untuk Menyimpan Data Biodata Siswa
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 230
Kunci Field : id_bio
Software : MySQL
Tabel III.3
Spesifikasi File Biodata
N
o
Elemen
Data Nama Field Tipe Size Keterangan
1 Id biodata id_bio Varchar 4 Primary
Key
2 Nisn nisn Varchar 10 Foreign Key
3 Nama
siswa nama_siswa Varchar 25
4 Tempat
lahir tempat_lahir Varchar 15
5 Tanggal
lahir tanggal_lahir Date
6 Jenis
kelamin Jk Enum
43
7 Agama agama Varchar 10
8 Anak ke anak_ke Varchar 1
9 Jumlah
saudara jml_saudara Varchar 1
10 Status
siswa status_siswa Varchar 15
11 Alamat
siswa alamat_siswa Text
12 Nomor
telepon telepon Varchar 14
13 Berat badan berat_badan Varchar 3
14 Tinggi
badan tinggi_badan Varchar 3
15 Golongan
darah gol_dar Varchar 2
16 Nama ayah nama_ayah Varchar 25
17 Pendididka
n ayah
pendidikan_terakhir
_ayah Varchar 7
18 Pekerjaan
ayah pekerjaan_ayah Varchar 20
19 Penghasilan
ayah penghasilan_ayah Interger 11
20 Nama ibu nama_ibu Varchar 25
21 Pendidikan
ibu
pendidikan_terakhir
_ibu Varchar 7
22 Pekerjaan
ibu pekerjaan_ibu Varchar 20
23 Penghasilan
ibu penghasilan_ibu Interger 11
24 Status
biodata status_bio Varchar 1
44
d. Spesifikasi File Berkas
Nama File : tb_berkas
Fungsi : Untuk Menyimpan Data berkas siswa
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 114
Kunci Field : id_berkas
Software : MySQL
Tabel III.4
Spesifikasi File Berkas
No Elemen Data Nama Field Tipe Size Keterangan
1 Id berkas id_berkas Integer 4 Primary Key
2 Ijazsah Ijazah Varchar 100
3 SKHUN
SMP skhun_smp Varchar 100
4 Akta lahir akta_lahir Varchar 100
5 Poto poto Varchar 100
6 Kartu
keluarga Kk Varchar 100
7 Nisn Nisn Varchar 10 Foreign Key
e. Spesifikasi File Hasil Seleksi
Nama File : tb_hasil_seleksi
Fungsi : Untuk Menyimpan Data Hasil Seleksi Siswa
Type File : File Master
45
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 18
Kunci Field : id_seleksi
Software : MySQL
Tabel III.5
Spesifikasi File Hasil Seleksi
No Elemen Data Nama Field Tipe Size Keterangan
1 Id seleksi id_seleksi Varchar 4 Primary Key
2 Nisn Nisn Varchar 10 Foreign Key
3 Nilai Nilai Integer 4
4 Hasil seleksi hasil_seleksi Enum
f. Spesifikasi File Pengaturan
Nama File : tb_pengaturan
Fungsi : Untuk Menyimpan Data Pengaturan PSB
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 11
Kunci Field : id_atur
Software : MySQL
46
Tabel III.6
Spesifikasi File Pengaturan
N
o Elemen Data Nama Field Tipe
Siz
e
Keteranga
n
1 Id
Pengaturan id_atur
Varcha
r 11
Primary
Key
2 Buka
Pendaftaran buka_pendaftaran Date
3 Tutup
Pendaftaran tutup_pendaftaran Date
4 Pengumuma
n dibuka
pengumuman_dibuk
a Date
5 Pengumuma
n ditutup pengumuman_ditutp Date
6 Seleksi
dibuka seleksi_dibuka Date
7 Seleksi
ditutup seleksi_ditutup Date
g. Spesifikasi File Informasi
Nama File : tb_informasi
Fungsi : Untuk Menyimpan Data informasi PSB
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 424
Kunci Field : id_info
Software : MySQL
47
Tabel III.7
Spesifikasi File Informasi
No Elemen Data Nama Field Tipe Size Keterangan
1 Id informasi id_info Integer 4 Primary Key
2 Title Title Varchar 20
3 Isi Isi Var4char 100
4 Deskripsi deskripsi Varchar 100
5 Gambar gambar Varchar 100
6 File File Varchar 100
h. Spesifikasi File Kontak
Nama File : tb_kontak
Fungsi : Untuk Menyimpan Data berkas siswa
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 96
Kunci Field : id_kontak
Software : MySQL
Tabel III.8
Spesifikasi File Kontak
No Elemen Data Nama Field Tipe Size Keterangan
1 Id kontak id_kontak Varchar 6 Primary Key
2 Id Pengirim id_pengirim Varchar 30
3 Id Penerima id_penerima Varchar 30
4 Subjek pesan subjek_pesan Varchar 30
5 Isi pesan isi_pesan Text
48
6 Tanggal Tgl Date
7 Sudah Di
Baca sudah_dibaca Enum
i. Spesifikasi File Soal Pilihan
Nama File : tb_soal_pilihan
Fungsi : Untuk Menyimpan Data Soal Seleksi
Type File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 1011
Kunci Field : nomor
Software : MySQL
Tabel III.9
Spesifikasi File Soal Pilihan
No Elemen Data Nama Field Tipe Size Keterangan
1 Nomor nomor Integer 11 Primary
Key
2 Pertanyaan pertanyaan Text
3 Jawab a jawab_a Varchar 200
4 Jawab b jawab_b Varchar 200
5 Jawab c jawab_c Varchar 200
6 Jawab d jawab_d Varchar 200
7 Jawab e jawab_e Varchar 200
8 Jawaban jawaban Enum
49
3.3.3. Rancangan Struktur Navigasi
Rancangan struktur navigasi dalam sistem informasi penerimaan siswa
baru pada SMK Cempaka adalah sebagai berikut :
1. Struktur Navigasi Admin atau Panitia
Gambar III.19
Struktur Navigasi Admin Penerimaan Siswa Baru
50
2. Struktur Navigasi User / Pengunjung
Halaman
Utama
Daftar PendaftarKontakInfo Login
Prosedur Agenda Kabar Berita
Pengumuman LogoutPendaftar Kontak
Home
Tes SeleksiAkun
Lengkapi
BiodataTulis PesanCetak Bukti
Upload
BerkasPesan Masuk
Gambar III.20
Struktur Navigasi User / Peserta Penerimaan Siswa Baru
51
3.4 Implementasi dan Pengujian Unit
3.4.1. Implementasi
1. Implementasi Rancangan Antar Muka Pengunjung
Implementasi rancangan antar muka pada sistem informasi pendaftaran
siswa baru berdasarkan rancangan antar muka.
a. Halaman Utama pengunjung
Ini adalah halaman pertama yang muncul ketika mengunjungi sistem
informasi pendaftaran siswa baru SMK Cempaka. Tampilan nya
adalah sebagai berikut :
Gambar III.21
Implementasi Rancangan Antar Muka Halaman Utama
Pengunjung
b. Halaman Daftar Peserta
Dihalaman ini pengunjung dapat mendaftar sebagai peserta PSB.
Tampilan nya adalah sebagai berikut :
Gambar III.22
Implementasi Rancangan Antar Muka Halaman Daftar Peserta
52
c. Halaman Suskses Daftar
Setelah mendafatar sebagai peserta PSB calon siswa akan mendapat
nomor peserta psb dan juga password untuk login peserta psb
dihalaman ini. Tampilan nya adalah sebagai berikut :
Gambar III.23
Implementasi Rancangan Antar Muka Halaman Sukses Daftar
d. Halaman Login Peserta
Perserta psb dipersilahkan untuk login unutk melengkapi data diri dan
berkas yang di butuhkan. Tampilan nya adalah sebagai berikut :
Gambar III.24
Implementasi Rancangan Antar Muka Halaman Login Peserta
53
e. Halaman Home Peserta
Halama ini pertama yang muncul ketika peserta telah login. Tampilan
nya adalah sebagai berikut :
Gambar III.25
Implementasi Rancangan Antar Muka Halaman Home Peserta
f. Halaman biodata Peserta
Dihalaman ini peserta psb melengkapi data diri. Tampilan nya adalah
sebagai berikut :
Gambar III.26
Implementasi Rancangan Antar Muka Halaman Biodata Peserta
54
g. Halaman Upload Berkas
Dihalaman ini peserta bisa mengupload berkas yang di persyaratkan.
Tampilan nya adalah sebagai berikut :
Gambar III.27
Implementasi Rancangan Antar Muka Halaman Upload Berkas
h. Halaman Pendaftar
Dihalaman ini terdapat nama-nama siswa yang telah mendftar sebagai
peserta PSB di SMK Cempaka. Tampilan nya adalaha sebagai berikut
:
Gambar III.28
Implementasi Rancangan Antar Muka Halaman Pendaftar
55
i. Halaman Info
Dihalaman ini peserta dapat melihat informasi tentang prosedur
pendaftaran dan juga timeline nya. Tampilan adalah sebagai berikut :
Gambar III.29
Implementasi Rancangan Antar Muka Halaman Info
f. Halaman Kontak Peserta
Dihalaman ini peserta dapat bertanya kepada panitia seleksi melalaui
menu Kontak. Tampilan nya adalah sebagai berikut :
Gambar III.30
Implementasi Rancangan Antar Muka Halaman Kontak Peserta
56
g. Halaman Tes Seleksi
Dihalaman ini peserta mengikuti tes seleksi unutk dapat di terima di
SMK Cempaka. Tampilan nya adalah sebagai berikut :
Gambar III.31
Implementasi Rancangan Antar Muka Halaman Tes Seleksi
h. Halaman Hasil Seleksi
Dihalaman ini peserta mengikuti tes seleksi unutk dapat di terima di
SMK Cempaka. Tampilan nya adalah sebagai berikut :
Gambar III.32
Implementasi Rancangan Antar Muka Halaman Hasil Seleksi
57
2. Implementasi Rancangan Antar Muka Admin
Implementasi rancangan antar muka pada sistem informasi pendaftaran
siswa baru berdasarkan rancangan antar muka.
a. Halaman Login Admin
Admin harus melakukan login terlebih dauhulu untuk dapat mengelola
pendaftaran siswa baru. Tampilan nya adalah sebagai berikut :
Gambar III.33
Implementasi Rancangan Antar Muka Halaman Login Admin
b. Halaman Dashboard Admin
Dihalaman ini terdapat menu-menu pengelolaan pendaftaran siswa
baru. Tampilan nya adalah sebagai berikut :
Gambar III.34
Implementasi Rancangan Antar Muka Halaman Dashboard
Admin
58
c. Halaman Biodata Peserta
Dihalaman ini terdapat biodata-biodata peserta pendaftaran siswa
baru. Tampilan nya adalah sebagai berikut :
Gambar III.35
Implementasi Rancangan Antar Muka Halaman Biodata Peserta
d. Halaman Berkas Peserta
Dihalaman ini terdapat berkas-berkas peserta pendaftaran siswa baru.
Tampilan nya adalah sebagai berikut :
Gambar III. 36
Implementasi Rancangan Antar Muka Halaman Berkas Peserta
59
e. Halaman Kelola Informasi
Dihalaman ini admin dapat mengubah dan menghapus informasi serta
dapat pula menambah informasi. Tampilan nya adalaha sebagai
berikut :
Gambar III. 37
Implementasi Rancangan Antar Muka Halaman Kelola Informasi
f. Halaman Kelola Pengaturan
Dihalaman ini admin dapat membuka ataupun menutup pendaftaran.
Tampilan nya adalah sebagai berikut :
Gambar III. 38
Implementasi Rancangan Antar Muka Halaman Kelola
Pengaturan
60
3. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan pendaftran siswa
baru SMK Cempaka Jakarta.
a. Spesisfikasi Perangkat Keras
1) Server
a) CPU.
(1) Processor Intel® Pentium® Core 2 Duo, 1,73 GHz.
(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.
61
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 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 black box testing yang
fokus terhadap proses masukan dan keluaran program
1. Pengujian Terhadap Halaman Daftar Peserta
Tabel III. 10
Pengujian Black Box Testing Halaman Daftar Peserta
NO Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Salah satu
inputan
dikosongkan
kemudian di klik
tombol daftar
Asal
sekolah :
(kosong)
Inputan
yang lain
disi
Sistem akan
menolak dan
memberi
peringatan
bahwa asal
sekolah
Sesuai
harapan Valid
62
harus diisi
2
Nisn di input
dengan nisn yang
telah terdaftar
sebelum nya
Nisn : (di
isi dengan
yang sudah
terdaftar)
Sistem akan
memberi
peringatan
bahwa NISN
sudah di
pakai
Sesuai
harapan Valid
3
Semua inputan di
isi dank kode
captcha di
kosongkan
Kode
captcha :
(kosong)
Inputan
lain diisi
Sistem akan
memberi
peringatan
bahwa kode
captcha
harus diisi
Sesuai
harapan Valid
4
Semua inputan
diisi dank kode
captcha diisi
dengan kondisi
kode
captcha :
(salah)
Sistem akan
menolak dan
dan tidak
merespon
Sesuai
harapan Valid
5 Semua inputan di
isi dengan benar
Semua
inputan di
isi dan
kode
captcha :
(benar)
Sistem
menerima
akses dan
menampilkan
halaman
sukses daftar
Sesuai
harapan Valid
2. Pengujian Terhadap Halaman Login Peserta
Tabel III. 11
Pengujian Balck Box Testing Halaman Login Peserta
NO Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Nomor peserta
dan password di
kosongkan
kemudian diklik
tombol login
no_peserta :
(kosong)
password :
(kosong)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa nomor
peserta harus
diisi dan
password harus
diisi
Sesuai
Harapan Valid
63
2
Nomor peserta
dikosongkan
dan password
diisi kemudian
diklik tombol
login
no_peserta :
(kosong)
password :
(diisi)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa nomor
peserta harus
diisi
Sesuai
Harapan Valid
3
Nomor peserta
diisi dan
password
dikosongkan
kemudian diklik
tombol login
no_peserta :
(diisi)
password :
(kosong)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa password
harus diisi
Sesuai
Harapan Valid
4
Mengetikan
salah satu
kondisi pada
nomor peserta
atau paasword
kemudian diklik
tombol login
no_peserta :
(benar)
password :
(salah)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa nomor
peserta atau
password tidak
valid
Sesuai
Harapan Valid
5
Mengetikan
kondisi yang
benar nomor
peserta dan
paasword
kemudian diklik
tombol login
no_peserta :
(benar)
password :
(benar)
Sistem
menerima akses
login dan
kemudian
menampilkan
menu halaman
home peserta
Sesuai
Harapan Valid
64
3. Pengujian Terhadap halaman Lengkapi Biodata Peserta
Tabel III. 12
Pengujian Balck Box Testing Halaman Lengkapi Biodata Peserta
NO Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpu
lan
1
Inputan di
berikan
kondisi
Salah satu
inputan
dikosongk
an
Sistem akan menolak
dan memberi
peringatan bawha
inputan harus di isi
Sesuai
harapan Valid
2 Nomor telepon
di isi huruf
Nomor
telepon :
(huruf)
Sistem akan menolak
dan meberi peringatan
bahwa nomor telepon
haya boleh berupa
angka
Sesuai
harapan Valid
3
Nomor telepon
di isi angka
lebih dari 13
digit
Nomor
telepon :
(angka >
13 digit)
Sistem akan memberi
peringatan bahwa
nomor telepon
maximal hanya boleh
13 digit
Sesuai
harapan Valid
4
Semua inputan
di isi dengan
benar
Semua
inputa ndi
isi dan
nomor
telepon :
(angka <=
13 digit)
Sistem akan menerima
akses dan
mengalihkan ke
halaman akun.php
Sesuai
harapan Valid
4. Pengujian Terhadap Form Upload Berkas Peserta
Tabel III. 13
Pengujian Balck Box Testing Halaman Upload Berkas Peserta
NO Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Semua
inputan di
kosongkan
Upload ijazah :
(kosong), upload
skhun smp :
(kosong), upload :
kartu keluarga :
(kosong), upload
Sistem akan
menolak dan
memberi
peringatan
bahwa file
upload masih
Sesuai
harapan
Valid
65
akta lahir :
(kosong) dan
upload pas photo :
(kosong)
kosong
2
Salah satu
inputan di
kosongkan
Upload ijazah :
(kosong), upload
skhun smp : (isi),
upload : kartu
keluarga : (isi),
upload akta lahir :
(isi) dan upload
pas photo : (isi)
Sistem akan
menolak dan
memberikan
peringatan
bahwa masih
ada inpuutan
yang kosong
Sesuai
harapan
Valid
3
Semua
inputan di
isi
Upload ijazah :
(isi), upload
skhun smp : (isi),
upload : kartu
keluarga : (isi),
upload akta lahir :
(isi) dan upload
pas photo : (isi)
Sistem
menerima
akses dan
mengalihkan
ke halaman
akun.php
Sesuai
harapan Valid
5. Pengujian Terhadap Halaman Tes Seleksi Peserta
Tabel III. 14
Pengujian Balck Box Testing Halaman Tes Seleksi Peserta
NO Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Belum
menjawab
soal satupun
dan mengklik
submit
Belum
jawab satu
pun dan klik
submit
Sistem akan
memberi
peringatan
bahwa anda
belum
menjawab
satupun
Sesuai
harapan Valid
2
Menjawab
tidak semua
pertanyaan
kemudian
klik submit
Menjawab
bebrapa
pertanyaan
saja
Sistem akan
menerima akses
dan
mengalihkan ke
halaman home
user atau home
Sesuai
harapan Valid
66
peserta
3
Menjawab
semua
pertanyaan
kemudian
klik submit
Menjawab
semua
pertanyaan
klik submit
Sistem
menerima akses
dan memberi
notifikasi
bahwa hasil
seleksi bisa
dilihat pada
tanggal tertentu
Sesuai
harapan Valid
6. Pengujian Terhadap Halaman Login Admin
Tabel III. 15
Pengujian Balck Box Testing Halaman Login Admin
NO Sekenario
Pengujian Testcase
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1
Username dan
password di
kosongkan
kemudian diklik
tombol login
Username :
(kosong)
password :
(kosong)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa username
harus diisi dan
password harus
diisi
Sesuai
Harapan Valid
2
Username
dikosongkan
dan password
diisi kemudian
diklik tombol
login
Username :
(kosong)
password :
(diisi)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa username
harus diisi
Sesuai
Harapan Valid
3
Username diisi
dan password
dikosongkan
kemudian diklik
tombol login
Username :
(diisi)
password :
(kosong)
Sistem akan
menolak
memberi akses,
dan memberi
peringatan
bahwa password
harus diisi
Sesuai
Harapan Valid
4
Mengetikan
salah satu
kondisi pada
Username :
(benar)
password :
Sistem akan
menolak
memberi akses,
Sesuai
Harapan Valid
67
username atau
paasword
kemudian diklik
tombol login
(salah) dan memberi
peringatan
bahwa username
atau password
tidak valid
5
Mengetikan
kondisi yang
benar username
dan paasword
kemudian diklik
tombol login
Username :
(benar)
password :
(benar)
Sistem
menerima akses
login dan
kemudian
menampilkan
halaman
dashboard
Admin
Sesuai
Harapan Valid
`