WEB PPDB (PENERIMAAN PESERTA DIDIK BARU) …/Web-Pp… · AKSELERASI BERBASIS PHP DAN MYSQL ......

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


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.


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


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


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


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.


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.


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).


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:


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


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


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.


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.


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.


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 pendaftar

· Data guestbook

· Cetak form pendaftar

Konfirmasi Login

User dan pass

Konfirmasi Login

ID registrasi

Pengunjung

· Input data pendaftaran

· Input guestbook

· Input shoutbox




· 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.


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.


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 Konten WebData Konten Web

Data Pendaftar

Data Pendaftar

Data Guest Book

Data Guest Book



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


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,


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



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








Pendaftar

Pengunjung

Da

ta s

tatu

s p

en

da

fta

r

Da

ta s

tatu

s p

en

da

fta

r


Gambar 3.5 DFD Level 1 Proses 4.0 (Manajemen Status Pendaftar)


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


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)


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


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


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


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


commit to user

23


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


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


commit to user

24


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


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


commit to user

25


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


id_nilai int(5) Primary Key


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


commit to user

26


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


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


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


commit to user

27


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


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


id_piagram_pendaftar int(11) Primary Key

no_pendaftar char(15) Index

nama_piagam varchar(50) Not null

tk_piagam varchar(10) Index


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


id_status int(11) Primary Key


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


id_status int(11) Primary Key


status_valid enum('valid', 'notvalid') null

status_adm enum('lunas', 'blmlunas') null

status_random enum(‘0’,’1’,’2’) null



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


id_duduk int(4) Primary Key


no_bangku tinyint(4) Not null

ruang tinyint(2) Not null


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


id_duduk int(4) Primary Key


no_bangku tinyint(4) Not null

ruang tinyint(2) Not null


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




commit to user

30


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


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



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


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


pendaftar varchar(15) Not null

pass_pendaftar varchar(12) Not null


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


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


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


id_gb int(11) Primary Key


commit to user

32


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


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


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


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


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


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


kat_statusweb tinyint(1) Index


24. Tabel prov

Tabel prov digunakan untuk menampung data provinsi, tabel prov akan

terhubung dengan tabel kab

Tabel 3.24 Tabel prov


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.


commit to user

34

Tabel 3.25 Tabel kab


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


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


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


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


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


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


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:


commit to user

41

Gambar 4.3 Halaman Form Isian Biodata Pendaftaran Akselerasi


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


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 :


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.


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


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


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


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


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.


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.


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


commit to user

52

Gambar 4.19 Halaman Manajemen Konten – Edit Rumus Bobot Nilai

Seleksi

Gambar 4.20 Halaman Manajemen Konten – Edit Skor Piagam


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


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)


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”)


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


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


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 :


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”


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


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.


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.


commit to user

63

Gambar 4.39 Halaman Setting Web PPDB


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.

WEB PPDB (PENERIMAAN PESERTA DIDIK BARU) …/Web-Pp… · AKSELERASI BERBASIS PHP DAN MYSQL ......

Documents

Transcript of WEB PPDB (PENERIMAAN PESERTA DIDIK BARU) …/Web-Pp… · AKSELERASI BERBASIS PHP DAN MYSQL ......