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 m 2 , 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
47
Embed
BAB III PEMBAHASAN - repository.bsi.ac.id · a. Menyusun program pembinaan kesiswaan (OSIS). b. Menegakan tata tertib sekolah. c. Melaksanakan bimbingan, pengarahan dan pengendalian
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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