View
230
Download
4
Category
Preview:
Citation preview
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
i
WEB PPDB (PENERIMAAN PESERTA DIDIK BARU) PROGRAM RSBI
(RINTISAN SEKOLAH BERBASIS INTERNASIONAL) DAN PROGRAM
AKSELERASI BERBASIS PHP DAN MYSQL SMA NEGERI 1
SURAKARTA
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Mencapai Gelar Ahli Madya Program
Diploma III Teknik Informatika
Diajukan Oleh:
RISA FERSIAMESTI
M3109066
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2012
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Pengolahan data adalah waktu yang digunakan untuk menggambarkan
perubahan bentuk data menjadi informasi yang memiliki kegunaan. Semakin
banyak data dan kompleksnya aktivitas pengolahan data dalam suatu organisasi,
baik itu organisasi besar ataupun kecil, maka metode pengolahan data yang tepat
sangat dibutuhkan (Kristanto, 2003). SMA Negeri 1 Surakarta merupakan sebuah
instansi pendidikan yang sudah melakukan sistem pendaftaran siswa baru secara
mandiri selama kurang lebih 3 tahun. PPDB SMA N 1 Surakarta sebelumnya
sudah mempunyai web namun permasalahan terjadi ketika petugas menangani
data cetak form pendaftar yang harus dilakukan secara manual sehingga memakan
waktu yang banyak dan kemungkinan dapat terjadi redundancy data.
Dengan menggunakan sistem informasi web PPDB yang baru yang dapat
mempermudah kinerja suatu pendataan, mengurangi kesalahan pemrosesan data,
dan menghasilkan output yang signifikan maka masalah yang timbul tersebut
dapat diatasi. Web PPDB (Pendaftaran Peserta Didik Baru) online untuk program
RSBI (Rintisan Sekolah Berbasis Internasional) dan program Akselerasi dapat
mengolah data pendaftaran mulai dari pemasukkan data calon peserta didik,
pengumuman syarat pendaftaran, pengumuman lolos seleksi, pencetakan bukti
pendaftaran peserta calon didik baru, dan pengolahan data petugas pendaftaran
dapat mempercepat pemrosesan data pendaftaran sesuai dengan standar
pendaftaran yang berlaku.
Fasilitas yang menjadikan web PPDB ini lebih sempurna adalah dapat
mencetak form pendaftaran calon peserta didik dan dapat me-randomisasi
penempatan tempat duduk untuk ujian masuk calon peserta didik sehingga
petugas pendaftaran tidak kesusahan dalam mengatur tempat duduk dan
penomoran tempat duduk calon peserta didik baru untuk ujian. Hasil nilai ujian
seleksi dapat diolah menggunakan rumus dinamis dan dapat pula diranking untuk
hasil output-nya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
1.2 Rumusan Masalah
Rumusan masalah dari penulisan tugas akhir ini adalah “Bagaimana cara
membangun suatu aplikasi web PPDB program RSBI dan program Akselarasi di
SMA Negeri 1 Surakarta yang dapat mempermudah pemasukan data (input data),
pemrosesan data (processing data), dan output data yang signifikan”.
1.3 Batasan Masalah
Penulis membatasi masalah dalam penulisan Tugas Akhir ini. Masalah –
masalah yang akan dibahas dalam penulisan Tugas Akhir ini adalah :
1. Pembuatan web PPDB SMA Negeri 1 Surakarta program RSBI dan program
Akselerasi berbasis PHP, MySQL, dan Javascript
2. Pembuatan web PPDB yang dapat mengolah data identitas calon peserta didik
dan nilai-nilai rapor SMP calon peserta didik mulai dari semester 1 sampai
semester 5, nilai UAN, skor piagam. Nilai-nilai tersebut diolah untuk
didaptkan validai pendaftar sehingga untuk sebaian proses admin / panitia
PPDB tidak perlu mengecek secara manual lagi. Untuk skor piagam, nilai skor
masing-masing kategori piagam dapat diubah secara dinamis.
3. Terdapat pengolahan data randomisasi tempat duduk, pencetakan bukti
pendaftaran, pencetakan kartu ujian baik dari sisi pendaftar ataupun admin,
dan pengolahan nilai hasil ujian seleksi dengan rumus bobot yang dinamis
sehinga diperoleh hasil output yang signifikan (ranking).
4. Pembuatan web PPDB yang menyajikan fasilitas manajemen admin
pendaftaran yang user friendly sehingga data mudah diolah dan dapat
menghasilkan output yang signifikan, seperti cetak form pendaftaran calon
peserta didik baru dan cetak penomoran dan penempatan tempat duduk untuk
ujian seleksi
1.4 Tujuan dan Manfaat
Tujuan penyusunan tugas akhir ini adalah untuk membangun suatu web
PPDB SMA Negeri 1 Surakarta ini bertujuan sebagai web yang dapat mengolah
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
data pendaftaran calon peserta didik baru khusunya RSBI dan program Akselarasi
dan menghasilkan output yang signifikan .
Manfaat yang penulis harapkan dari penyusunan tugas akhir ini antara
lain:
1. Bagi Instansi
Pembuatan web PPDB SMA Negeri 1 Surakarta program RSBI dan program
Akselarasi dapat membantu kelancaran informasi dalam bidang akademik bagi
pihak sekolah dan dapat menunjang kemajuan di sekolah khususnya bidang
Teknologi Informasi.
2. Bagi Mahasiswa
Tugas Akhir ini dapat dijadikan gambaran mengenai pekerjaan pada saat terjun
di dunia kerja nantinya dan dapat digunakan untuk mempraktekkan ilmu yang
didapat selama masa perkuliahan.
1.5 Metodologi Penelitian
Penelitian diperlukan sebagai sarana pendukung dalam pembuatan laporan
Tugas Akhir, dimana penelitian ini dilakukan dengan menggunakan beberapa
metode. Metode yang digunakan yaitu :
1. Pengumpulan Data
Metode pengumpulan data yang digunakan penulis dalam penyusunan tugas
akhir ini ada dua yaitu :
a. Observasi
Observasi merupakan metode pengumpulan data yang dilakukan melalui
pengamatan, pencatatan, dan pencarian informasi tentang semua informasi
mengenai pendaftaran peserta didik baru program RSBI dan program
Akselerasi yang berlaku di SMA Negeri 1 Surakarta.
b. Wawancara
Wawancara merupakan metode pengumpulan data yang apling akurat
karena dalam metode ini kita secara langsung menemui, membicarakan, dan
menanyakan kepada pihak yang bersangkutan dengan pendaftaran program
RSBI dan Akselarasi yang ada di SMA Negeri 1 Surakarta
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
c. Studi Pustaka
Studi pustaka merupakan metode yang dilakukan denagan cara mencari
atau mendapatkan buku-buku referensi yang membahas mengenai masalah
pendaftaran dan cara pembuatan aplikasi web PPDB.
d. Browsing
Browsing merupakan metode pencarian melalui aplikasi atau software
browser berbasi Hypertext dan membutuhkan koneksi internet untuk
mendapatkan data yang berhubungan dengan pembahasan masalah.
2. Perancangan
Dalam merancang web PPDB SMA Negeri 1 Surakarta digunakan beberapa
diagram. Antara lain, Context Diagram, Data Flow Diagram, Entity
Relationship Diagram dan Relasional Antar Tabel. Selain itu, penulis juga
membuat perancangan database.
3. Pembuatan Program
Pembuatan progam dilakukan dengan menggunakan bantuan software
Notepad ++, Adobe Dreamweaver CS4, XAMPP dan browser. Bahasa
pemrograman yang digunakan adalah PHP, HTML, JavaScript, CSS dan
MySQL. Program dibuat menganut perancangan yang sudah dibuat
sebelumnya dan dapat saling menyesuaikan perubahan apabila terjadi
tambahan sistem.
4. Pengujian
Pada tahap ini dilakukan pengujian web PPDB SMA Negeri 1 Surakarta
apakah sudah layak untuk dijaankan, apakah sesuai dengan tujuan pembuatan
sistem, dan apakah masih ada script yang error atau gagal menampilkan data.
Ketika pada saat tahap pengujian sistem belum layak untuk digunakan maka
akan dilaukan revisi sistem. Sistem yang telah diperbaiki atau direvisi akan
diuji kembali sampai sistem tersebut layak untuk digunakan.
5. Implementasi
Implementasi web PPDB SMA Negeri 1 Surakarta menggunakan bahasa
pemrograman PHP dengan database MySQL yang dikelola oleh
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5
PHPMyAdmin dan juga dengan menggunakan bantuan javascript untuk
bantuan validasi dan keamanan dalam input atau output data.
6. Pembuatan laporan
Pembuatan laporan digunakan untuk pertanggungjawaban penelitian Tugas
Akhir mulai dari tahap pengumpulan data, penarikan kesimpulan dan saran,
dan tahap pengujian sistem.
1.6 Sistematika Penulisan
Sistematika penulisan laporan tugas akhir ini adalah sebagai berikut :
1. Bab I Pendahuluan
Bab ini membahas tentang latar belakang masalah dari penulisan tugas akhir
ini, rumusan masalah, batasan masalah, tujuan penulisan tugas akhir, manfaat
yang didapatkan dari penulisan tugas akhir, metodologi serta sistematika
penulisan yang digunakan pada penulisan tugas akhir ini.
2. Bab II Landasan Teori
Bab ini membahas tentang teori-teori yang digunakan penulis sebagai dasar
untuk menyusun tugas akhir ini.
3. Bab III Analisa Dan Perancangan
Bab ini membahas tentang bentuk desain dan perancangan sistem aplikasi.
Pemodelan yang dipakai untuk merancang aplikasi ini adalah dengan
pembuatan Context Diagram, Data Flow Diagram, Entity Relationship
Diagram, database, Relasi Antar Tabel, dan tabel-tabel database. Terdapat
skema web atau sitemap menu-menu web.
4. Bab IV Implementasi dan Pembahasan
Bab ini membahas tentang ini membahas tentang implementasi aplikasi sistem
pada jaringan komputer, spesifikasi hardware maupun software yang dipakai,
serta analisa hasil aplikasi yang kemudian ditampilkan dalam bentuk report.
5. Bab V Penutup
Bab ini membahas tentang kesimpulan dan saran yang penulis ambil dari
penulisan tugas akhir ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
6
BAB II
LANDASAN TEORI
2.1 Konsep Dasar Sistem Informasi
Sistem informasi adalah sekumpulan elemen yang saling berhubungan satu
sama lain yang membentuk satu kesatuan untuk mengintegrasikan data,
memproses dan menyimpan serta mendistribusikan informasi. Dengan kata lain,
SI merupakan kesatuan elemen yang saling berinteraksi secara sistematis dan
teratur untuk menciptakan dan membentuk aliran informasi yang akan mendukung
pembuatan keputusan dan melakukan control terhadap jalannya perusahaan (Budi
Sutedjo Dharma Oetomo, 2002).
2.2 Web Server (Apache), PHP dan Database Server (MySQL)
Berikut penjelasan tentang Web Server (Apache), PHP dan Database Server
( MySQL) :
2.2.1 Web Server (Apache)
Webserver adalah suatu server yang menyimpan halaman-halaman web
yang dapat diakses melalui web browser. Web Server merupakan perangkat lunak
yang mengatur atau mengelola program berdasarkan permintaan browser dan
dikirim kembali ke browser (Supardi,2009). Webserver diciptakan oleh suatu
software aplikasi, salah satunya adalah Apache.
Apache merupakan suatu software untuk membuat webserver, apache
merupakan produk Open Source sehingga setiap orang dapat menggunakan dan
memodifikasi apache tanpa terkena lisensi. Apache telah mendukung beberapa
bahasa scripting seperti PERL dan PHP.
Apache bekerja dengan menggunakan Hyper Text Transfer Protocol
sehingga apache serinf disebut httpd yang berarti daemon http. Protocol ini
bekerja pada port 80,81dan 8080.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
2.2.2 PHP
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa
standar yang digunakan dalam dunia website. Ada beberapa pengertian tentang
PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preprocessor. Ini
merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat
ditampilkan pada klien.
Secara khusus, PHP dirancang untuk membentuk aplikasi web dinamis,
Artinya, PHP dapat membentuk suatu tampilan berdasarkan permintaan terkini
(Peranginangin, 2009).
2.2.3 MySQL
MySQL adalah sebuah sistem manajemen database relasi (relational
database management system) yang bersifat “terbuka” (opensource). Terbuka
maksudnya adalah MySQL boleh di download oleh siapa saja, baik versi code
program aslinya (source code program) maupun versi binernya (executable
program) dan bisa digunakan secara (relatif) gratis baik untuk dimodifikasi sesuai
dengan kebutuhan seseorang maupun sebagai suatu program aplikasi komputer
(Arbie, 2004).
2.3 JavaScript
JavaScript merupakan bahasa yang berbentuk kumpulan skrip yang
berfungsi untuk memberikan tampilan yang tampak lebih interaktif pada dokumen
web. Dengan kata lain, bahasa ini adalah bahasa pemrograman untuk memberikan
kemampuan tambahan ke dalam bahsa pemrograman HTML dengan mengijinkan
pengeksekusian perintah-perintah pada sisi client, dan bukan sisi server dokumen
web. Pada hakikatnya, bahasa pemrograman JavaScript berisi skrip yang
pemasangannya terselip di sebuah dokumen HTML. Sehingga bahasa JavaScript
ini tidak memerlukan sebuah kompilator atau penerjemah khusus untuk
mengeksekusinya. Hal tersebut juga bergantung pada navigator pada setiap
browser (Wahana Komputer, 2009).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
8
entitas
2.4 Perancangan Sistem
2.4.1 Diagram Konteks
Diagram konteks atau Context Diagram adalah sebuah diagram sederhana
yang menggambarkan hubungan antara entity luar, masukan dan keluaran sistem
(Kristanto, 2003).
Simbol yang digunakan dalam diagram konteks sesuai dengan teori
Yourdan – De Marco adalah sebagai berikut:
Tabel 2.1 Simbol Komponen Diagram Konteks
Bentuk Komponen Keterangan
Entitas
Sumber atau tujuan dari aliran data
dari atau ke sistem.
Aliran Data
Menggambarkan aliran data dari satu
proses ke proses lainya.
Proses
Fungsi yang mentransformasikan data
secara umum.
2.4.2 DFD
Data Flow Diagram atau DFD adalah suatu model logika data atau proses
yang dibuat untuk menggambarkan dari mana asal data dan kemanatujuan data
yang keluar dari sistem, dimana data yang tersimpan, proses apa yang
menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses
yang dikenakan pada data tersebut (Kristanto, 2003).
Simbol yang digunakan dalam DFD sesuai dengan teori Yourdan – De
Marco adalah sebagai berikut:
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
entitas
Tabel 2.2 Simbol Komponen DFD
Bentuk Komponen Keterangan
Entitas
Sumber atau tujuan dari aliran data
dari atau kesistem.
Aliran Data
Menggambarkan aliran data darisatu
proses ke proses lainya.
Proses
Fungsi yang mentransformasikan data
secara umum.
Berkas atau tempat penyimpanan
Komponen yang berfungsi untuk
menyimpan data atau file.
2.5 Permodelan Data
2.5.1 ERD (Entity Relationship Diagram)
Pada teknik ER, gambaran dunia nyata diistilahkan dengan objek dan ERD
adalah model konseptual yang mendiskripsikan hubungan antara penyimpanan
(dalam DFD), ERD digunakan untuk memodelkan struktur data dan hubungan
antar data. Dengan ERD, model dapat diuji dengan mengabaikan proses yang
dilakukan.
ERD pertama kali dideskripsikan oleh Peter Chen yang dibuat sebagai
bagian dari perangkat lunak CASE (Hartini, 2006).
Notasi yang digunakan dalam ERD dapat dilihat pada tabel di bawah ini :
Tabel 2.3 Simbol dan Keterangan ERD
Notasi Keterangan
Entitas adalah suatu objek yang dapat
diidentifikasi dalam lingkungan
pemakai.
Entitas
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
Relasi menunjukkan adanya
hubungan di antara sejumlah entitas
yang berbeda.
Atribut berfungsi mendeskripsikan
karakter entitas (atribut yang
berfungsi sebagai key diberi garis
bawah).
Garis, sebagai penghubung antara
relasi dengan entitas dengan atribut.
2.5.2 Tipe Database InnoDB
Di dalam MySQL, fitur traksaksi diimplementasikan penuh pada tabel
dengan tipe InnoDB dan BDB (Barklry DB). Bagaimanapun juga, pembuatan
tabel secara normal seperti yang Anda lakukan sebelumnya akan ditetapkan
sebagai label dengan tipe MyIsam. Pada dasarnya, MyIsam merupakan engine
penyimpanan non-transactional, sehingga tidak dapat kita gunakan dengan baik
untuk mendukung transaksi (Prasetyo, 2005).
Karakteristik tabel InnoDB adalah sebagi berikut :
a. Tabel maksimal mengandung 1000 kolom
b. Panjang baris maksimal adalah setengah dari sebuah halaman database
(+8000bytes). Untuk kolom BLOB, LONGBLOB, LONGTEXT, dab
TEXT harus kurang dari 4 GB.
c. Pada sebagian sistem operasi, file data harus kurang dari 2GB. Ukuran
gabungan dari file log harus kurang dari 4 GB.
d. Ukuran maksimal dari tabelspace adalah 4 trilyun halaman database
(64TB). Ukuran ini juga merupakan ukuran maksimum untuk sebuah
tabel.
InnoDB memiliki Index yang disebut Clustered Index sebagai tempat
penyimpanan baris-baris data. Primary Key akan disimpan pada bagian Clustered
Index ini (Tomy, 2008).
Relasi
Atribut
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
2.6 Software – Software
2.6.1 Adobe Dreamweaver
Web editor yang digunakan penulis dalam membangun website aplikiasi ini
adalah Adobe Dreamweaver CS5. Adobe Dreamweaver CS5 adalah sebuah
aplikasi untuk mendesign dan mengembangkan untuk membangun sebuah website
berbasis standar . Memilki desain visual atau bentuk kode, mengembangkan
halaman dengan sistem manajemen konten, dan akurat berkat kompatibilitas
browser untuk integrasi dengan Adobe BrowserLab. Oleh karena itu, software ini
paling inovatif dan lebih lengkap dibandingkan software web editor lain.
2.6.2 Notepad ++
Notepad plus plusadalah note terbaru yang di buatatau di ciptakan untuk
memperbarui kinerja dari seri notepad sebelumnya. Notepad plus plus di rancang
untuk memudahkan kita dalam melakukan editing suatu document ataupun bahasa
pemrograman dengan lebih cepat dan lebih mudah.
2.6.3 XAMPP
XAMPP yaitu server yang melayani permintaan aplikasi web. XAMPP
merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah
paket. Dengan menginstal XAMPP maka tidak perlu lagi melakukan instalasi dan
konfigurasi web server Apache, PHP dan MySQL secara manual.
2.6.4 Web Browser
Adalah software yang dijalankan pada komputer pemakai (client) yang
meminta informasi dari server web dan menampilkannya sesuai dengan file data
itu sendiri. HTTP (Hypertext Transfer Protocol) merupakan protokol yang
digunakan untuk mendistribusikan sistem informasi yang berbasis hypertext.
Protokol ini merupakan protokol standar yang digunakan untuk mengakses
HTML. HTTP diprakarsai oleh World Wide Web sistem informasi yang
menyeluruh sejak tahun 1990. Apabila pada penjelajahan web dan pada alamat
tertulis http://www.google.com; ini merupakan salah satu penggunaan protokol
HTTP dalam web.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
BAB III
ANALISA DAN PERANCANGAN
3.1 Identifikasi Masalah
Sistem PPDB (Pendaftaran Peserta Didik Baru) program RSBI dan
Akselerasi merupakan sebuah sistem pendaftaran berbasis web yang digunakan
untuk mengelola pendaftaran di SMA Negeri 1 Surakarta. Sistem pendaftaran
dilakukan setahun sekali pada bulan Maret-April. Sistem PPDB ini dapat
mengolah data pendaftaran mulai dari biodata lengkap pendaftar, nilai rapor SMP,
nilai UAN SMP, piagam penghargaan, validasi data pendaftaran, pencetakan kartu
ujian, hingga pengumuman pendaftar yang lolos seleksi.
Pada sistem web PPDB yang sebelumnya memang belum sesuai yang
diharapkan, contohnya untuk pencetakan form bukti sudah mendaftara di web
tidak terintegrasi dengan data web, input nilai rapor yang dilakukan secara
manual, dan lain sebagainya. Semua itu membuat kerepotan yang sangat lebih
untuk kepentingan pendaftaran sekolah, padahal jangka waktu pendaftaran
sekolah biasanya hanya dilakukan beberapa hari (dalm jangka waktu yang
pendek).
3.2 Analisa Kebutuhan Sistem
Analisa kebutuhan sistem meliputi analisa kebutuhan fungsional dan non
fungsional, berikut penjelasannya:
3.2.1 Kebutuhan Non Fungsional Sistem
3.2.1.1 Analisa Kebutuhan Software
Perangkat lunak yang dapat digunakan untuk membuat web ini adalah :
1. Sistem Operasi : Windows XP Professional SP2 (5.1, Build 2600)
2. Software Pendukung :
a. Adobe Dreamweaver, merupakan sebuah HTML editor
professional untuk mendesain secara visual dan mengolah situs
web maupun halaman web.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
b. Notepad++ 5.9.3, sebagai editing suatu document ataupun bahasa
pemrograman dengan lebih cepat dan lebih mudah.
c. XAMPP version 1.7.3.0, merupakan tool yang menyediakan paket
perangkat lunak ke dalam satu buah paket yang terdiri dari PHP
5.3.1.0 sebagai bahasa pemrograman, MySQL 5.1.41 sebagai
database server, dan Apache 2.2.14.0 sebagai web server.
3.2.1.2 Analisa Kebutuhan Hardware
Perangkat keras yang digunakan untuk membuat web PPDB SMA N 1
Surakarta ini yaitu laptop atau PC dengan spesifikasi minimum:
1. Processor : Intel (R) Pentium (R) 4 CPU 1.70 GHz
2. Memory : 512 MB
3. Hard disk: 1.3 GB of free space
3.2.2 Kebutuhan Fungsional Sistem
Web PPDB SMA Ngeri 1 memiliki beberapa fungsi khusus untuk
pengolahan data pendaftaran yaitu sebagai berikut :
1. Web PPDB ini dapat melakukan olah data nilai yaitu meliputi nilai
rapor, nilai UN, dan piagam pendaftar sehingga didapat rata-rata dan
skor masing-masing untuk memperoleh validasi pendaftaran tanpa dicek
secara manual
2. Web PPDB ini memiliki kemapuan menghitung hasil niai ujian seleksi
pendaftaran yang meliputi nilai TPA, nilai UN dan nilai wawancara
sehingga diperoleh rerata hasil test dengan penghitungan menggunakan
rumus yang dinamis sehingga bobot masing-masing nilai hasil seleksi
dapat diubah-ubah sesuai dengan kebutuhan. Hasil akhirnya adalah
dapat diperoleh urutan ranking hasil seleksi
3. Web PPDB mampu merandoomisasi tempat duduk untuk kepentingan
test sehingga siswa dari sekolah yang sama diharapkan tidak
bersebelahan atau berdekatan sehingga diperoleh keadaan ujian yang
fair dan berkompeten.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
3.3 Desain Perancangan Sistem
3.3.1 Perancangan Sistem
Pada pembuatan web PPDB SMA Negeri 1 Surakarta ini menggunakan
beberapa alat bantu diantaranya adalah CD, DFD, dan ERD
3.3.1.1 Context Diagram (CD)
Konteks diagram dari web PPDB SMA N 1 Surakarta adalah sebagai
berikut :
Web PPDB
SMA Negeri 1 SurakartaPendaftar Panitia
· Input data pendaftaran
· Input guestbook
· Input shoutbox
· Data Persyaratan pendaftaran
· Data sambutan web
· Data pengumuman hasil pendafataran
· Data pendaftar
· Data guestbook
· Cetak lembar bukti registrasi
· Cetak lembar tempat duduk (kartu test)
· Manajemen Persyaratan pendaftaran
· Manajemen sambutan web
· manajamen pengumuman hasil pendaftaran
· Manajemen validasi pendaftar
· Manajemen status web
· Manajemen admin web
· Manajemen randomisasi tempat duduk ujian
· Data Persyaratan pendaftaran
· Data sambutan web
· Data pengumuman hasil pendafataran
· Data pendaftar
· Data guestbook
· Cetak form pendaftar
Konfirmasi Login
User dan pass
Konfirmasi Login
ID registrasi
Pengunjung
· Input data pendaftaran
· Input guestbook
· Input shoutbox
· Data Persyaratan pendaftaran
· Data sambutan web
· Data pengumuman hasil pendafataran
· Data pendaftar
· Data guestbook
· Cetak lembar bukti registrasi
Gambar 3.1 Context Diagram Web PPDB SMA Negeri 1 Surakarta
Uraian proses :
a. Panitia login menggunakan username dan password yang telah
ditentukan.
b. Panitia memanajemen data pendaftaran, persyaratan pendaftaran dan
sambutan web (konten web), pengumuman hasil pendaftran, status
web, dan guestbook.
c. Panitia mendapatkan informasi data persyaratan pendaftaran dan
sambutan web (konten web), pengumuman pendaftran, pendaftar, dan
guestbook.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
d. Pengunjung merupakan entity yang memiliki peran sebagai seorang
calon pendaftar. Sedangkan pendaftar merupakan entity yang sudah
tervalidasi data pendaftarannya dan sudah mendapatkan username dan
pass untuk login ke web. Pendaftar login dengan username dan
password yang telah dimiliki.
3.3.1.2 Data Flow Diagram (DFD)
DFD dari perancangan sistem pembuatan web PPDB SMA Negeri 1
Surakarta meliputi DFD level 0 yang mencakup seluruh sistem dan DFD level 1
yang menjelaskan tiap proses datanya.
1. DFD Level 0 Web PPDB SMA N 1 Surakarta
DFD level 0 dari Web PPDB SMA N 1 Surakarta ditunjukkan pada
Gambar 3.2 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
16
pendaftar
Panitia
2.0
Manajemen
Konten Web
1.0
login
3.0
Manajemen
Pendaftar
5.0
Manajemen
Guest Book
6.0
Manajemen
tempat duduk
Data hasil test
seleksi
Data tempat duduk
Data guest book
Data pendaftar
Data Konten Web
7.0
hasil test
seleksi
User dan pass
Data verifikasi
Data konten web
Data konten web
Data pendaftar
Data pendaftar
Data guest book
Data guest book
Data tempat duduk
Data tempat duduk
Data hasil test seleksi
Data hasil test seleksi
Data Konten WebData Konten Web
Data Pendaftar
Data Pendaftar
Data Guest Book
Data Guest Book
Data hasil test seleksi
Data hasil test seleksi
Data konten web
User dan pass
Data Verifikasi
Da
ta g
ue
stb
oo
kD
ata
gu
estb
oo
k
No_pendaftaran
Data tempat duduk
Data tempat duduk
No_test
Da
ta h
asil
test se
leksi
4.0
Manajemen
status
pendaftar
Data status
pendaftarData status
Data status
Data status
Data login pendaftar
Data login pendaftar
No_pendaftaran
Da
ta p
en
da
fta
r
Da
ta te
mp
at d
ud
uk
Da
ta s
tatu
s p
en
da
fta
r
pengunjung
Da
ta k
on
ten
we
bD
ata
pe
nd
afta
r
Da
ta s
tatu
s p
en
da
fta
r
Da
ta g
ue
stb
oo
kD
ata
gu
estb
oo
k
Data hasil test seleksi
Gambar 3.2 DFD Level 0 Web PPDB SMA Negeri 1 Surakarta
Keterangan:
Panitia harus melakukan login untuk memulai manajamen
data-data pendaftaran di web PPDB, pengunjung sebagai pendaftara
web PPDB hanya bisa login setelah lolos beberapa tahap pendaftaran
PPDB SMA Negeri 1 Surakarta.
Hampir semua konten yang ada di web dapat dilihat oleh
pengunjung maupun pendaftar web, yaitu konten web yang terdiri
dari sambutan kepala sekolah dan persyaratan pendaftaran,
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
guestbook, dan hasil test seleksi. Pengunjung yang berniat mendaftar
dapat menginputkan data pendaftar, nilai, dan piagam kemudian
dengan melalui hasil manajemen validasi sistem dan admin maka
pendaftar baru bisa mendapatkan user dan pass dan dapat mengikuti
seleksi.
2. Data Flow Diagram Level 1 Proses 2 (Manajemen Konten Web)
DFD level 1 proses manajemen konten web PPDB SMA Negeri 1
Surakarta ditunjukkan pada Gambar 3.3 dibawah ini.
2.1
Update data
sambutan
kepsek
2.2
Update data
syarat
pendaftaran
2.3
Tutup web
PPDB
Panitia Data konten web
Data konten web
Data konten web
Data konten webData konten web
Data konten web
Data konten web
Data konten web
Data konten web
Data konten webData konten web
Data konten web
Data konten web
2.5
Lihat Konten
Web
Pengunjung Pendaftar
Data konten web
Data konten web
Data konten web
2.4
Backup Data
pendaftran
Data konten web
Data konten web
Data konten web
Data konten web
Gambar 3.3 DFD Level 1 Proses 2.0 (Manajemen Konten Web)
3. Data Flow Diagram Level 1 Proses 3 (Manajemen Pendaftar)
DFD level 1 proses manajemen pendaftar PPDB SMA Negeri 1
Surakarta ditunjukkan pada Gambar 3.4 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
18
Panitia
3.1
Input biodata
Pendaftar
Data pendaftarPengunjung
3.2
Input nilai
rapor SMP
pendaftar
3.5
Cetak form
data Pendaftar
untuk
pendaftar
3.6
Cetak form
data Pendaftar
untuk sekolah
Data pendaftar
Data pendaftar
3.4
Input piagam
yang pernah
diraih
3.3
Input nilai UAN
SMP pendaftar
Data pendaftar
Data pendaftar
Data pendaftarData pendaftar
Data pendaftarData pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
Data pendaftar
3.7
Lihat data
pendaftarDat
a pe
ndaf
tar
Data pendaftar
Gambar 3.4 DFD Level 1 Proses 3.0 (Manajemen Pendaftar)
4. Data Flow Diagram Level 1 Proses 4 (Manajemen Status Pendaftar)
DFD level 1 proses manajemen status pendaftar PPDB SMA Negeri
1 Surakarta ditunjukkan pada Gambar 3.5 dibawah ini.
4.1
Update
Validasi
pendaftar
4.0
Manajemen
status
pendaftar
4.0
Manajemen
status
pendaftar
4.0
Manajemen
status
pendaftar
4.0
Manajemen
status
pendaftar
4.2
Update Validasi
pendaftar lolos
administrasi
PanitiaData status
pendaftar
Data status pendaftar
Data status pendaftar
Data status pendaftar
Data status pendaftar
Data status pendaftar
Data status pendaftar
Data status pendaftar
Data status pendaftar
Pendaftar
Pengunjung
Da
ta s
tatu
s p
en
da
fta
r
Da
ta s
tatu
s p
en
da
fta
r
Data status pendaftar
Gambar 3.5 DFD Level 1 Proses 4.0 (Manajemen Status Pendaftar)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
19
5. Data Flow Diagram Level 1 Proses 5 (Manajemen Status Pendaftar)
DFD level 1 proses manajemen guestbook PPDB SMA Negeri 1
Surakarta ditunjukkan pada Gambar 3.6 dibawah ini.
Admin5.3
Update data
guestbook
5.4
Hapus data
guestbook
Data guestbookData guestbook Data guestbook
Data guestbook
Data guestbook
Data guestbook
Data guestbook
Pengunjung
5.5
Input data
guestbook
5.2
publish data
guestbook
Data guestbook Data guestbook
Data guestbook
Data guestbook
Data guestbook
Data guestbook published
5.1
unpublish
data
guestbook
Data guestbook Data guestbook
Data guestbook
Gambar 3.6 DFD Level 1 Proses 5.0 (Manajemen Guestbook)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
20
3.3.2 Perancangan Database
Perancangan tabel pada suatu database bermanfaat agar field-field yang
digunakan jelas dan tepat pakai sehingga kecepatan akses database pada suatu
web lebih efisien, berikut penjelesannya :
3.3.2.1 Entity Relationship Diagram (ERD)
Gambar 3.7 Entity Relationalship Diagram Web PPDB SMA N 1 Surakarta
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
21
3.3.2.2 Relasi tabel
Berikut relasi tabel yang dapat dibentuk dari perancangan sistem :
Gambar 3.8 Tabel Relasi Web PPDB SMA N 1 Surakarta
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
3.3.2.3 Tabel Database
Berikut tabel-tabel yang digunakan dalam pembuatan web PPDB SMA
Negeri 1 Surakarta.
1. Tabel admin
Tabel admin digunakan untuk menyimpan data admin dan user pada web
PPDB, yang menjadi bagian penting tabel admin adalah:
Tabel 3.1 Tabel admin
Field Type Keterangan
id_admin varchar(20) Primary Key
pass varchar(10) Not null
email varchar(30) Not null
fullname varchar(50) Not null
status enum('1', '2') Not null
2. Tabel pendaftar_rsbi
Tabel pendaftar digunakan untuk menyimpan data pendaftar rsbi pada web
PPDB, yang menjadi bagian penting tabel pendaftar adalah:
Tabel 3.2 Tabel pendaftar_rsbi
Field Type Keterangan
no_pendaftaran char(15) Primary Key
nama_pendaftar varchar(50) Not null
alamat_pendaftar varchar(200) Not null
provinsi tinyint(2) Index
kota_kab tinyint(4) Index
kecamatan varchar(30) Not null
asal_sekolah varchar(30) Not null
alamat_skolah text Not null
provinsi_skolah tinyint(2) Index
kota_kab_skolah tinyint(4) Index
NPSN varchar(8) Not null
no_induk smallint(8) Not null
jkel enum('P', 'L') Not null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
Field Type Keterangan
tempat_lahir varchar(30) Not null
tgl_lahir date Not null
agama
enum('islam', 'kristen',
'khatolik', 'hindu',
'buddha', 'konghucu')
Not null
no_hp varchar(13) Not null
nama_ayah varchar(30) Not null
nama_ibu varchar(30) Not null
pk_ayah varchar(30) Not null
pk_ibu varchar(30) Not null
alamat_ayah varchar(200) Not null
alamat_ibu varchar(200) Not null
tlpn_ayah varchar(13) Not null
tlpn_ibu varchar(13) Not null
date_time datetime Not null
3. Tabel pendaftar_aksel
Tabel pendaftar digunakan untuk menyimpan data pendaftar aksel pada web
PPDB, yang menjadi bagian penting tabel pendaftar adalah:
Tabel 3.3 Tabel pendaftar_aksel
Field Type Keterangan
no_pendaftaran char(15) Primary Key
nama_pendaftar varchar(50) Not null
alamat_pendaftar varchar(200) Not null
provinsi tinyint(2) Index
kota_kab tinyint(4) Index
kecamatan varchar(30) Not null
asal_skolah varchar(30) Not null
alamat_sekolah text Not null
provinsi_sekolah tinyint(2) Index
kota_kab_skolah tinyint(4) Index
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
Field Type Keterangan
NPSN varchar(8) Not null
no_induk smallint(8) Not null
jkel enum('P', 'L') Not null
tempat_lahir varchar(30) Not null
tgl_lahir date Not null
agama
enum('islam', 'kristen',
'khatolik', 'hindu',
'buddha', 'konghucu')
Not null
no_hp varchar(13) Not null
nama_ayah varchar(30) Not null
nama_ibu varchar(30) Not null
pk_ayah varchar(30) Not null
pk_ibu varchar(30) Not null
alamat_ayah varchar(200) Not null
alamat_ibu varchar(200) Not null
tlpn_ayah varchar(13) Not null
tlpn_ibu varchar(13) Not null
date_time datetime Not null
4. Tabel nilai_pendaftar_aksel
Tabel nilai_pendaftar digunakan untuk menyimpan nilai rapor pendaftar
akselerasi selama lima semester sekaligus mnampung rata-rata hasil nilai rapor
tiap semster, yang menjadi bagian penting tabel nilai_pendaftar adalah:
Tabel 3.4 Tabel nilai_pendaftar_aksel
Field Type Keterangan
id_nilai int(5) Primary Key
no_pendaftaran char(15) Index
semester tinyint(1) Index
agama tinyint(3) Not null
pkn tinyint(3) Not null
bi tinyint(3) Not null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
Field Type Keterangan
english tinyint(3) Not null
mat tinyint(3) Not null
ipa tinyint(3) Not null
ips tinyint(3) Not null
seni tinyint(3) Not null
penjaskes tinyint(3) Not null
ketrampilan tinyint(3) Not null
mulok tinyint(3) Not null
tik tinyint(3) Not null
rata_rapor tinyint(4) Not null
5. Tabel nilai_pendaftar_rsbi
Tabel nilai_pendaftar digunakan untuk menyimpan nilai rapor pendaftar RSBI
selama lima semester sekaligus mnampung rata-rata hasil nilai rapor tiap
semster, yang menjadi bagian penting tabel nilai_pendaftar adalah:
Tabel 3.5 Tabel nilai_pendaftar_rsbi
Field Type Keterangan
id_nilai int(5) Primary Key
no_pendaftaran char(15) Index
semester tinyint(1) Index
agama tinyint(3) Not null
pkn tinyint(3) Not null
bi tinyint(3) Not null
english tinyint(3) Not null
mat tinyint(3) Not null
ipa tinyint(3) Not null
ips tinyint(3) Not null
seni tinyint(3) Not null
penjaskes tinyint(3) Not null
ketrampilan tinyint(3) Not null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
Field Type Keterangan
mulok tinyint(3) Not null
tik tinyint(3) Not null
rata_rapor tinyint(4) Not null
6. Tabel nilai_pendaftar_uan_aksel
Tabel nilai_pendaftar_uan digunakan untuk menyimpan nilai UN pendaftar
Akselerasi yang terdiri dari 4 mata pelajaran, yang menjadi bagian penting
tabel nilai_pendaftar adalah:
Tabel 3.6 Tabel nilai_pendaftar_uan_aksel
Field Type Keterangan
id_nilai_uan int(11) Primary Key
no_pendaftaran varchar(15) Index
bi_uan tinyint(3) Not null
mat_uan tinyint(3) Not null
ing_uan tinyint(3) Not null
ipa_uan tinyint(3) Not null
rata_uan tinyint(3) Not null
7. Tabel nilai_pendaftar_uan_rsbi
Tabel nilai_pendaftar_uan digunakan untuk menyimpan nilai UN pendaftar
RSBI yang terdiri dari 4 mata pelajaran, yang menjadi bagian penting tabel
nilai_pendaftar adalah:
Tabel 3.7 Tabel nilai_pendaftar_uan_rsbi
Field Type Keterangan
id_nilai_uan int(11) Primary Key
no_pendaftaran varchar(15) Index
bi_uan tinyint(3) Not null
mat_uan tinyint(3) Not null
ing_uan tinyint(3) Not null
ipa_uan tinyint(3) Not null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
Field Type Keterangan
rata_uan tinyint(3) Not null
8. Tabel piagam_pendaftar_aksel
Tabel piagam_pendaftar digunakan untuk menampung data-data piagam
pendaftar bagi pendaftar Akselerasi yang menginputkan piagam. Tabel
piagam_pendaftar berelasi dengan tabel piagam dan tabel pendaftar. Pada tabel
piagam berelasi dengan tk_piagam dan pada tabel pendaftar berelasi dengan
no_pendaftaran.
Tabel 3.8 Tabel piagam_pendaftar_aksel
Field Type Keterangan
id_piagram_pendaftar int(11) Primary Key
no_pendaftar char(15) Index
nama_piagam varchar(50) Not null
tk_piagam varchar(10) Index
9. Tabel piagam_pendaftar_rsbi
Tabel piagam_pendaftar digunakan untuk menampung data-data piagam
pendaftar bagi pendaftar RSBI yang menginputkan piagam. Tabel
piagam_pendaftar berelasi dengan tabel piagam dan tabel pendaftar. Pada tabel
piagam berelasi dengan tk_piagam dan pada tabel pendaftar berelasi dengan
no_pendaftaran.
Tabel 3.9 Tabel piagam_pendaftar_rsbi
Field Type Keterangan
id_piagram_pendaftar int(11) Primary Key
no_pendaftar char(15) Index
nama_piagam varchar(50) Not null
tk_piagam varchar(10) Index
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
10. Tabel status_pendaftar_aksel
Tabel status_pendaftar menampung data status-status pendaftar Akselerasi
untuk menunjukkan apakah pendaftar tersebut sudah valid atau belum. Ketika
pendaftar tidak memiliki status yang benar maka pendaftar ridak dapat
melanjutkan ke proses berikutnya. Sebagian status terisi otomatis menurut
ketentuan data, sebagian dicek manual oleh admin.
Tabel 3.10 Tabel status_pendaftar_aksel
Field Type Keterangan
id_status int(11) Primary Key
no_pendaftaran char(15) Index
status_valid enum('valid', 'notvalid') null
status_adm enum('lunas', 'blmlunas') null
status_random enum(‘0’,’1’,’2’) null
id_admin varchar(20) Index
11. Tabel status_pendaftar_rsbi
Tabel status_pendaftar menampung data status-status pendaftar RSBI untuk
menunjukkan apakah pendaftar tersebut sudah valid atau belum. Ketika
pendaftar tidak memiliki status yang benar maka pendaftar ridak dapat
melanjutkan ke proses berikutnya. Sebagian status terisi otomatis menurut
ketentuan data, sebagian dicek manual oleh admin.
Tabel 3.11 Tabel status_pendaftar_rsbi
Field Type Keterangan
id_status int(11) Primary Key
no_pendaftaran char(15) Index
status_valid enum('valid', 'notvalid') null
status_adm enum('lunas', 'blmlunas') null
status_random enum(‘0’,’1’,’2’) null
id_admin varchar(20) Index
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
12. Tabel pendaftar_test_aksel
Tabel pendaftar_test_aksel digunakan untuk menampung data pendaftar
Akselerasi yang dapat mengikuti ujian seleksi PPDB di SMA Negeri 1
Surakarta. Pendaftar yang terdaftar akan mendapatkan no_test dan no_bangku.
Tabel 3.12 Tabel pendaftar_test_aksel
Field Type Keterangan
id_duduk int(4) Primary Key
no_pendaftaran char(15) Index
no_bangku tinyint(4) Not null
ruang tinyint(2) Not null
id_admin varchar(20) Index
13. Tabel pendaftar_test_rsbi
Tabel pendaftar_test_rsbi digunakan untuk menampung data pendaftar RSBI
yang dapat mengikuti ujian seleksi PPDB di SMA Negeri 1 Surakarta.
Pendaftar yang terdaftar akan mendapatkan no_test dan no_bangku.
Tabel 3.13 Tabel pendaftar_test_rsbi
Field Type Keterangan
id_duduk int(4) Primary Key
no_pendaftaran char(15) Index
no_bangku tinyint(4) Not null
ruang tinyint(2) Not null
id_admin varchar(20) Index
14. Tabel hasil_test_aksel
Tabel hasil_test digunakan untuk menampung data hasil test seleksi Akselerasi
ujian PPDB. Tabel hasil_test berelasi dengan tabel pendaftar di field
no_pendaftaran, tabel pendaftar_test di field no_test, dan tabel admin di field
id_admin
Tabel 3.14 Tabel hasil_test_aksel
Field Type Keterangan
no_pendaftaran char(15) Index
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
Field Type Keterangan
nilai_TPA tinyint(3) null
nilai_UAN tinyint(3) null
nilai_wwncara tinyint(3) null
nilai_piagam tinyint(1) null
nilai_fix tinyint(3) null
id_admin varchar(20) Index
15. Tabel hasil_test_rsbi
Tabel hasil_test digunakan untuk menampung data hasil test seleksi RSBI ujian
PPDB. Tabel hasil_test berelasi dengan tabel pendaftar di field no_pendaftaran,
tabel pendaftar_test di field no_test, dan tabel admin di field id_admin.
Tabel 3.15 Tabel hasil_test_rsbi
Field Type Keterangan
no_pendaftaran char(15) Index
nilai_TPA tinyint(3) null
nilai_UAN tinyint(3) null
nilai_wwncara tinyint(3) null
nilai_piagam tinyint(1) null
nilai_fix tinyint(3) null
id_admin varchar(20) Index
16. Tabel login
Tabel login digunakan untuk menyimpan username dan password login untuk
login ke dalam halamn pendaftar baik pendaftar akselerasi ataupun pendaftar
RSBI. Berikut struktur tabelnya:
Tabel 3.16 Tabel login
Field Type Keterangan
pendaftar varchar(15) Not null
pass_pendaftar varchar(12) Not null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
17. Tabel rumus_nilai
Tabel rumus_nilai digunakan untuk menampung bobot nilai yang digunakan
untuk mengolah hasil test ujian seleksi PPDB.
Tabel 3.17 Tabel rumus_nilai
Field Type Keterangan
TPA tinyint(1) No
UAN tinyint(1) No
PIAGAM tinyint(1) No
WW tinyint(1) No
kuota_rsbi int(4) No
kuota_aksel int(4) No
tgl_update date No
id_admin varchar(20) No
18. Tabel semester
Tabel semester digunakan untuk menampung id semester dan nama semester.
Tabel semester akan berelasi dengan tabel nilai_pendaftar yaitu dengan field
semester untuk mengambil nama semester, berikut struktur tabelnya :
Tabel 3.18 Tabel semester
Field Type Keterangan
semester tinyint(1) Primary Key
nama_smt varchar(20) Not null
19. Tabel guestbook
Tabel guestbook digunakan untuk menampung data guestbook yang diinputkan
oleh pengunjung ataupun pendaftar. Komenatar yang diinputkan tidak
langsung ditampilkan ke web melainkan harus dikonfirmasi oleh admin
terlebih dahulu agar bisa publish.
Tabel 3.19 Tabel guestbook
Field Type Keterangan
id_gb int(11) Primary Key
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
Field Type Keterangan
guest varchar(30) Not null
email varchar(30) Not null
web varchar(100) Not null
subject text Not null
komen text Not null
date date Not null
aktif enum('Y', 'N') Not null
id_admin varchar(20) Index
20. Tabel jenis_konten
Tabel jenis_konten dogunakan untuk menyimpan jenis-jenis/ktegori-kategori
konten yang ada di web PPDB. Field jenis konten akan berelasi dengan tabel
konten untuk diambil id kontennya.
Tabel 3.20 Tabel jenis_konten
Field Type Keterangan
jenis_konten tinyint(1) Primary Key
nama_konten varchar(50) Not null
21. Tabel konten
Tabel konten berisi konten-konten yang nantinya akan ditampilkan di web
PPDB untuk halaman pengunjung dan halaman .
Tabel 3.21 Tabel konten
Field Type Keterangan
id_konten tinyint(1) Primary Key
jenis_konten tinyint(1) Index
nama_file varchar(200) Not null
id_admin varchar(20) Not null
tgl_update date null
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
22. Tabel kat_statusweb
Tabel kat_statusweb digunakan untuk menampung data link web PPDB.
Karena PPDB merupakan web tahunan jadi hanya dalam periode tertentu web
ini dapat diakses.
Tabel 3.22 Tabel kat_statusweb
Field Type Keterangan
kat_status tinyint(1) Not null
status char(20) Not null
ket varchar(20) Not null
23. Tabel statusweb
Tabel statusweb digunakan untuk mengambil data dan link dari tabel
kat_statusweb untuk kemudian dijalankan linknya di web PPDB
Tabel 3.23 Tabel statusweb
Field Type Keterangan
kat_statusweb tinyint(1) Index
id_admin varchar(20) Index
24. Tabel prov
Tabel prov digunakan untuk menampung data provinsi, tabel prov akan
terhubung dengan tabel kab
Tabel 3.24 Tabel prov
Field Type Keterangan
kodeprov int(2) Primary Key
prov varchar(50) Not null
25. Tabel kab
Tabel kab digunakan untuk menampung data kabupaten yang berelasi dengan
tabel prov melalui field kodeprov.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
Tabel 3.25 Tabel kab
Field Type Keterangan
kodeprov int(2) Null
kodekab int(5) Primary Key
kab varchar(100) Null
3.3.3 Rancangan Desain Sistem
Sitemap web terdiri dari 2 bagian yaitu sitemap web untuk pengunjung dan
admin web (panitia). Berikut Skemanya:
3.3.3.1 Sitemap Web
1. Sitemap Pengunjung
Halaman Pengunjung web
PPDB SMA N 1 Surakarta
HOME
Pendaftaran
Persyaratan
Pengumuman
Sidebar Menu
Home
Guest Book
About
Shout Box
Gambar 3.9 Sitemap Halaman Pengunjung web PPDB SMA N 1 Surakarta
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
2. Sitemap Pendaftar
Halaman Pendaftar web PPDB
SMA N 1 Surakarta
HOME
Pendaftaran
Persyaratan
Pengumuman
Sidebar Menu
Home
Guest Book
About
Shout Box
Login Cetak Kartu Ujian
Gambar 3.10 Sitemap Halaman Pendaftar web PPDB SMA N 1 Surakarta
3. Sitemap Admin
Halaman Admin web PPDB
SMA N 1 Surakarta
HOME
Manajemen Konten
Manajemen Guest Book
Manajemen Pendaftar
Manajemen Output
Manajemen User dan
Panitia
LOGOUT
Setting web
Sambutan Kepesek
Pendaftaran Aksel
Pendaftaran RSBI
Backup Data PPDB
Edit Rumus Seleksi
Deadine Tanggal
Persyaratan
Output Aksel
Output RSBI
Gambar 3.11 Sitemap Halaman Admin web PPDB SMA N 1 Surakarta
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
3.3.3.2 Rancangan Desain
1. Rancangan Halaman Pengunjung
Halaman pengunjung akan tampil ketika web PPDB pertama kali dibuka.
Halaman pengunjung menyediakan informasi umum tentang PPDB SMA
Negeri 1 Surakarta. Tidak perlu melakukan login ketika memasuki halaman
pengunjung.
Gambar 3.12 Rancangan Halaman Pengunjung
HEADER
LOGO MENU
Login Pendaftar
SIDEBAR MENU
FOOTER
KONTEN
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
2. Rancangan Halaman Pendaftar
Halaman pendaftar hanya bisa dimasuki oleh pendaftar yang sudah lolos
validasi data pendaftaran dan lolos administrasi.
Gambar 3.13 Rancangan Halaman Pendaftar
HEADER
LOGO MENU
Informasi
Pendaftar
SIDEBAR MENU
FOOTER
KONTEN
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
3. Rancangan Halaman Admin/Panitia
Halaman admin merupakan halaman yang dikhususkan untuk admin PPDB
saja, hanya admin yang memiliki user dan pass yang tepat yang boleh login
dan mengakses pengolahan data pendaftaran
Gambar 3.14 Rancangan Halaman Admin
SIDEBAR MENU
Informasi Admin
KONTEN
FOOTER
HEADER
MENU LOGO
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
BAB IV
IMPLEMENTASI SISTEM
4.1 Implementasi Sistem
Di dalam web PPDB SMA Negeri 1 Surakarta terdapat tiga entitas yaitu
admin/panitia, pengunjung dan pendaftar. Berikut adalah tampilan dari web PPDB
SMA Negeri 1 Surakarta.
4.1.1 Halaman Pengunjung
1. Tampilan halaman home pengunjung atau pendaftar
Halaman ini merupakan tampilan awal web PPDB bagi pengunjung
ataupun pendaftar. Home dapat dilihat pada gambar 4.1 :
Gambar 4.1 Halaman Home
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
2. Tampilan halaman Pendaftaran
Halaman pendaftaran berisi pilihan program yang akan didaftar oleh
pengunjung web. Tampilan halaman pendaftar dapat dilihat pada gambar
4.2 :
Gambar 4.2 Halaman Pilihan Pendaftaran
Masing-masing link akan mengarah ke form pendaftaran sesuai denga
kategori. Pengunjung yang akan mendaftar akan mengisikan data baik
biodata secara lengkap dan nilai-nilai. Contoh di bawah merupakan
tampilan untuk pilihan progam Akselerasi. Tampilannya sebagai berikut:
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
Gambar 4.3 Halaman Form Isian Biodata Pendaftaran Akselerasi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
Setelah mengisi form untuk biodata maka pengisian berlanjut ke
pengisian nilai rapor, UAN, dan piagam apabila punya. Berikut
tampilannya :
Gambar 4.4 Halaman Form Isian Nilai-Nilai Pendaftaran Akselerasi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
Data nilai yang sukses akan terkonfirmasi dan pendaftar akan
mendapatkan nomor pendaftaran yang sah.
Gambar 4.5 Halaman Bukti Pendaftaran Berhasil
3. Tampilan Cetak Bukti Pendaftaran
Setelah mengisi semua form dengan benar maka pengunjung dapat
mencetak form pendaftaran dalam bentuk pdf. Hasilnya seperti di bawah :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
Gambar 4.6 Halaman Cetak Bukti Pendaftaran
Bukti ini nantinya akan digunakan sebagai bukti ke sekolah untuk
melakukan proses administrasi. Bukti valid data pendaftar di atas hanya
dapat diperoleh ketika data nilai yang diisikan benar-benar valid seperti:
rata-rata nilai rapor minimal 75, apabila tidak mencapai poin tersebut
proses pendaftaran terhenti.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
Gambar 4.7 Halaman Input Data Nilai tidak valid
4. Tampilan Halaman Persyaratan
Halaman persyaratan berisi tampil pdf yang berisi persyaratan
pendaftaran. Berikut tampilannya :
Gambar 4.8 Halaman Persyaratan Pendaftar
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
5. Tampilan Halaman Guest Book
Halaman Guest Book digunakan untuk menampung komentar-komentar
paa pengunjung atau pendaftar web PPDB, komentar dari pengunjung
tidak langsung ditampilkan melainkan harus difilter oleh panitia terlebih
dahulu . Berikut tampilannya :
Gambar 4.9 Halaman Guest Book
Gambar 4.10 Halaman komentar yang telah dipublish oleh admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
6. Shoutbox web PPDB
Shoutbox juga merupakan media komunikasi antar pengunjug dan
pendaftar web dengan admin web PPDB SMA N 1 Surakarta. Apabila ada
masalah yang berkaitan dengan web PPDB maka pengunjung atau
pendaftar dapat secara instan mengirim pesan di shoutbox.
Gambar 4.11 Shoutbox Web PPDB
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
7. Halaman Pengumuman Hasil Seleksi
Halaman pengumuman akan menampilkan hasil data olah registrasi dan
hasil lolos seleksi.
Gambar 4.12 Halaman Pengumuman web PPDB
4.1.2 Halaman Admin/Panitia PPDB
1. Tampilan login admin PPDB
Halaman login untuk admin PPDB, admin merupakan panitia pelaksana
PPDB di SMA Negeri 1 Surakarta. Login menggunakan username dan
password yang sesuai.
Gambar 4.13 Halaman Login Admin PPDB
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
2. Tampilan halaman home admin PPDB
Halaman admin PPDB berisi berbagai menu manajemen yang berguna
untuk memanajemen segala kegiatan dan proses pendaftaran yang
berlangsung di web PPDB.
Gambar 4.14 Halaman Home Admin/Panitia PPDB
3. Tampilan halaman Manajemen Konten Admin
Halaman manajemen konten berisi pengaturan konten-konten yang
berhubungan dengan konten di web PPDB untuk pengunjung dan
pendaftar juga berisi pengaturan-pengaturan untuk transaksi pendaftaran.
Manajemen konten terdiri dari Sambutan Kepsek, Persyaratan, Deadline
Tanggal, Edit Rumus Seleksi, Edit Skor Piagam, dan Backup Data PPDB.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
50
Gambar 4.15 Halaman Manajemen Konten Admin/Panitia PPDB
Gambar 4.16 Halaman Manajemen Konten – Edit Sambutan Kepsek
Pada halaman “Edit Sambutan Kepsek” admin dapat mengupload file
*.pdf yang nantinya akan ditampilkan ke web PPDB untuk pengunjung
dan pendaftar.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
Gambar 4.17 Halaman Manajemen Konten – Edit Persyaratan Pendaftar
Sama seperti pada halaman “Edit Smabutan Kepsek”, pada halaman
“Edit Persyaratan Pendfatar” mempunyai fasilitas upload .pdf. Tampilan di
bawah merupakan tampilan halaman edit tanggal pengumuman dan tahun
pendaftaran.
Gambar 4.18 Halaman Manajemen Konten – Edit Tanggal Pengumuman
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
52
Gambar 4.19 Halaman Manajemen Konten – Edit Rumus Bobot Nilai
Seleksi
Gambar 4.20 Halaman Manajemen Konten – Edit Skor Piagam
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
4. Tampilan halaman Manajemen Guest Book Admin
Guest book admin digunakan untuk memanajamen data komentar
guestbook yang sudah diinputkan oleh pengunjung atau pendaftar web.
Komentar akan mengalami proses filter dan admin akan menyeleksi
apakah komentar patur untuk dipublish ataupun tidak dipublish.
Gambar 4.21 Halaman Manajemen Guest Book
Gambar 4.22 Halaman Edit Guest Book
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
54
5. Tampilan halaman Manajemen Pendaftar
Halaman manajemen pendaftar digunakan untuk melihat daftar
pendaftar dan juga digunakan untuk mengecek validasi dari masing-
masing daftar pendaftar. Pendaftar terdiri dari 2 program yaitu program
RSBI dan program Akselerasi.
Gambar 4.23 Halaman Manajemen Pendaftar
Untuk isi masing-masing program adalah sama, yang membedakan
hanya ketgori programnya saja. Berikut tampilan-tampilannya :
Gambar 4.24 Halaman Manajemen Pendaftar –Pendaftar RSBI (All)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
Pendaftar RSBI All berarti menampilkan semua data pendaftar baik
yang valid ataupun tidak valid dalam pengisian data biodata dan nilai pada
saat melakukan registrasi online di web PPDB. Admin dapat mengubah
validasi yang semula valid menjadi tidak valid apabila setelah dicek di
detail terdapat data yang tidak memenuhi kriteria.
Gambar 4.25 Halaman Manajemen Pendaftar –Pendaftar RSBI (Valid)
Pendaftar RSBI Valid merupakan kumpulan data valid pendaftar RSBI
yang dapat melakukan proses administrasi ke sekolah untuk melakukan
cek kelengkapan dan kesesuaian data. Apabila pendaftar sudah datang ke
sekolah untuk melakukan administrasi dan lolos ceking data maka
pendaftar akan mendapatkan status “lunas” dan dapat melakukan ujian
seleksi pendaftaran di SMA Negeri 1 Surakarta. Kartu ujian dapat
diperoleh pada saat login ke web PPDB, username dan pass login web
PPDB diperoleh pada saat administrasi (penggantian status “belum lunas”
ke “lunas”)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
56
Gambar 4.26 Halaman Manajemen Pendaftar – Generate Password
Username dan pass yang telah digenerate dapat dicetak dan diberikan
ke pendaftar
Gambar 4.27 Cetak PDF username dan password
Kuota masing-masing pendaftaran akselerasi dan RSBI dapat diatur di
submenu Kuota Pendaftaran
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
57
Gambar 4.28 Halaman Manajemen Pendaftar –Kuota Pendaftaran
Disini panitia juga dapat melakukan pencetakan report data pendaftar
dalam bentuk .pdf
Gambar 4.29 Cetak pdf data pendaftar sisi admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
58
Panitia dapat melihat detail data pendaftar untuk menegcek ulang data
pendaftar yang telah diinput oleh pendaftar dengan cara klik link “detail”.
Gambar 4.30 Halaman detail pendaftar
6. Tampilan halaman Manajemen Output
Halaman manajemen output digunakan untuk memanajemen segala
bentuk output dari hasil pengolahan data pendaftaran. Berkut men-
menunya :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
59
Gambar 4.31 Halaman Manajemen Output
Sebelum dapat menggunakan menu-menu yang ada di dalam menu
manajemen output maka admin harus merandomisasi tempat duduk
pendaftar yang sudah melakukan validasi pendaftaran.
Gambar 4.32 Halaman Manajemen Output – Randomisasi
Contoh di atas adalah randomisasi untuk pendaftar RSBI, terdapat 5
pendaftar valid dari 3 sekolah yang berbeda, aturan randomisasi adalah
untuk tempat susuk peserta tidak boleh bersampingan kanan, kiri, depan
dan belakang dengan sekolah yang sama dimana satu ruangan terdapat 20
kursi yang terdiri dari 4 kolom dan 5 baris kursi. Untuk mengenerate maka
klik button “Generate”
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
60
Gambar 4.33 Halaman Manajemen Output – Hasil Randomisasi
Dapat dilihat untuk hasil randomisasinya, dengan menggunakan id
NPSN yang dimiliki oleh masing-masing pendaftar maka dapat dijadikan
acuan randomisasi, NPSN adalah 8 digit nomor kode sekolah.
Setelah selesai merandom admin dapat mencetak kartu ujian di menu
cetak kartu ujian :
Gambar 4.34 Halaman Manajemen Output – Cetak kartu Ujian
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
61
Gambar 4.35 Cetak PDF Kartu Ujian
Panitia juga dapat menginputkan hasil test ujian seleksi pendaftaran
pada sub-menu input nilai ujian
Gambar 4.36 Input Nilai Ujian Seleksi
7. Tampilan halaman Manajemen Panitia
Halaman manajemen panitia digunakan untuk mengubah password
login dan data-data profil panitia lainnya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
62
Gambar 4.37 Halaman Manajemen Admin
Gambar 4.38 Halaman Edit Profil Admin
8. Tampilan halaman Setting Web
Halaman setting web digunakan untuk melakukan aktivasi atu
nonaktivasi web PPDB karena web PPDB hanya aktif pada periode
tertentu.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
63
Gambar 4.39 Halaman Setting Web PPDB
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
64
BAB V
PENUTUP
5.1 Kesimpulan
Dari hasil perancangan, analisis, dan pembuatan yang telah dilakukan, maka
penulis dapat mengambil kesimpulan sebagai berikut :
Web PPDB SMA Negeri 1 Surakarta yang telah dibuat merupakan sebuah
web yang digunakan untuk mengolah data pendaftaran yanag terdiri dari data
bioadata pendaftar, nilai rapor dan UN pendaftar, nilai piagam pendaftar yang
kemudian diolah untuk memperoleh validasi data. Web PPDB dapat melakukan
randomisasi tempat duduk dan olah data nilai hasil seleksi yang kemudian dapt
bermanfaat untuk output data hasil seleksi dalam bentuk ranking.
Web PPDB SMA Negeri 1 Surakarta yang baru merupakan gambaran
perbaikan web yang lama sehingga dapat meningkatkan kecepatan pelayanan
transaksi registrasi di SMA Negeri 1 Surakarta.
5.2 Saran
Diharapkan data pendaftar yang ada di Web PPDB SMA Negei 1 Surakarta
dapat langsung terintegrasi dengan database sistem kesiswaan yang ada di
sekolah sehingga mempercepat dan mempermudah proses pemasukan data siswa
baru.
Recommended