TUGAS AKHIR. Diajukan Untuk Memenuhi Salah Satu Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika. Diajukan Oleh: RISA FERSIAMESTI

perpustakaan.uns.ac.id

digilib.uns.ac.id

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 commit to user 2012 i


digilib.uns.ac.id

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 commit to user hasil output-nya. 1


digilib.uns.ac.id 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


digilib.uns.ac.id 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 to Negeri user 1 Surakarta RSBI dan Akselarasi yang adacommit di SMA


digilib.uns.ac.id 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 commit to user

yang

dikelola

oleh


digilib.uns.ac.id 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


digilib.uns.ac.id

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

6


digilib.uns.ac.id 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


digilib.uns.ac.id 8

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 entitas

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


digilib.uns.ac.id 9

Tabel 2.2 Simbol Komponen DFD Bentuk Komponen entitas

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

Entitas

diidentifikasi pemakai. commit to user

dalam

lingkungan


digilib.uns.ac.id 10

Relasi Relasi

menunjukkan

adanya

hubungan di antara sejumlah entitas yang berbeda. Atribut berfungsi mendeskripsikan

Atribut

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 commit to user Index ini (Tomy, 2008).



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


digilib.uns.ac.id

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

12



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



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

Konfirmasi Login

Pendaftar

ID registrasi · · · · · · ·

· · · · · · ·

Input data pendaftaran Input guestbook Input shoutbox

Web PPDB SMA Negeri 1 Surakarta

Data Persyaratan pendaftaran Data sambutan web Data pengumuman hasil pendafataran Data pendaftar Data guestbook Cetak lembar bukti registrasi Cetak lembar tempat duduk (kartu test)

· · · · · ·

Data Persyaratan pendaftaran Data sambutan web Data pengumuman hasil pendafataran Data pendaftar Data guestbook Cetak lembar bukti registrasi

Konfirmasi Login

Panitia

User dan pass · · · · · ·

· · ·

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

Input data pendaftaran Input guestbook Input shoutbox

Pengunjung

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 commit to user guestbook.



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



User dan pass Data verifikasi User dan pass Data Verifikasi

Data Konten Web Data Konten Web Data konten web

Data tempat duduk

Data hasil test seleksi Data hasil test seleksi

pendaftar

Data Konten Web Data konten web

Data pendaftar Data pendaftar

Data pendaftar

No_pendaftaran Data status pendaftar

Data status Data status

5.0 Manajemen Guest Book

Data guest book Data guest book Data guest book Data status No_pendaftaran

6.0 Manajemen tempat duduk

Data tempat duduk Data tempat duduk Data tempat duduk No_test

7.0 hasil test seleksi

Data hasil test seleksi


Data guestbook Data guestbook

Data guestbook Data guestbook Data tempat duduk Data hasil test seleksi

Data tempat duduk

Data konten web

4.0 Manajemen status pendaftar

Data status pendaftar


Data Guest Book Data Guest Book

Data login pendaftar

3.0 Manajemen Pendaftar

Data pendaftar

Data pendaftar

Data Pendaftar Data Pendaftar

Data login pendaftar 1.0 login

2.0 Manajemen Konten Web

Data konten web

Panitia



pengunjung

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 commit to user dari sambutan kepala sekolah dan persyaratan pendaftaran,



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. Data konten web Data konten web

Panitia

Data konten web Data konten web

2.1 Update data sambutan kepsek

2.2 Update data syarat pendaftaran


Data konten web Data konten web Data konten web


Data konten web 2.3 Tutup web PPDB


2.5 Lihat Konten Web Data konten web Data konten web

2.4 Backup Data pendaftran

Data konten web

Data konten web

Data konten web

Pendaftar

Pengunjung

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.

commit to user



Data pendaftar

3.1 Input biodata Pendaftar


af ta r


nd

3.3 Input nilai UAN SMP pendaftar


Data pendaftar

D

Pengunjung

3.2 Input nilai rapor SMP pendaftar

pe




at a



Panitia

3.4 Input piagam yang pernah diraih


Data pendaftar

3.5 Cetak form data Pendaftar untuk pendaftar


Data pendaftar

3.6 Cetak form data Pendaftar untuk sekolah


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. Data status pendaftar

Pengunjung

Pendaftar

4.1 Update Validasi pendaftar

Data status pendaftar Data status pendaftar


Panitia






4.0 4.2 Manajemen Update Validasi pendaftar statuslolos administrasi pendaftar


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

3.7 Lihat data pendaftar



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. Data guestbook

5.1 unpublish data guestbook


Pengunjung

Data guestbook published

Data guestbook

Admin

Data guestbook

Data guestbook

5.2 publish data guestbook

5.3 Update data guestbook

5.4 Hapus data guestbook

Data guestbook

Data guestbook

Data guestbook


Data guestbook

Data guestbook


Gambar 3.6 DFD Level 1 Proses 5.0 (Manajemen Guestbook)

commit to user

5.5 Input data guestbook


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



3.3.2.2 Relasi tabel Berikut relasi tabel yang dapat dibentuk dari perancangan sistem :

to user Gambar 3.8 Tabelcommit Relasi Web PPDB SMA N 1 Surakarta



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) commit to user enum('P', 'L')

Not null

jkel

Not null



Field

Type

Keterangan

tempat_lahir

varchar(30)

Not null

tgl_lahir

date

Not null

agama

enum('islam', 'kristen', 'khatolik', 'hindu', Not null 'buddha', 'konghucu')

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) commit to user

Index



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', Not null 'buddha', 'konghucu')

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


Not null



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

commit to user tinyint(3)

Not null



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


Not null



Field

Type

rata_uan

tinyint(3)

Keterangan 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

commit to user



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

commit to user



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 no_pendaftaran

Type commit to user char(15)

Keterangan Index



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

commit to user



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 id_gb

Type commit to user int(11)

Keterangan Primary Key



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

commit to user



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. commit to user



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 HOME

Pendaftaran

Persyaratan

Halaman Pengunjung web PPDB SMA N 1 Surakarta Pengumuman

Home

Sidebar Menu

About

Shout Box

Guest Book

Gambar 3.9 Sitemap Halaman Pengunjung web PPDB SMA N 1 Surakarta

commit to user



2. Sitemap Pendaftar HOME

Pendaftaran

Persyaratan

Halaman Pendaftar web PPDB SMA N 1 Surakarta Pengumuman

Home

Sidebar Menu

About

Shout Box

Guest Book

Login

Cetak Kartu Ujian

Gambar 3.10 Sitemap Halaman Pendaftar web PPDB SMA N 1 Surakarta 3. Sitemap Admin HOME Sambutan Kepesek Persyaratan Manajemen Konten Deadine Tanggal Edit Rumus Seleksi Manajemen Guest Book

Backup Data PPDB

Pendaftaran RSBI Manajemen Pendaftar Pendaftaran Aksel

Halaman Admin web PPDB SMA N 1 Surakarta

Output RSBI Manajemen Output Output Aksel

Manajemen User dan Panitia

Setting web

LOGOUT

commit to user Gambar 3.11 Sitemap Halaman Admin web PPDB SMA N 1 Surakarta



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

LOGO HEADER

Login Pendaftar

SIDEBAR MENU

KONTEN

FOOTER

Gambar 3.12 Rancangan Halaman Pengunjung

commit to user



2. Rancangan Halaman Pendaftar Halaman pendaftar hanya bisa dimasuki oleh pendaftar yang sudah lolos validasi data pendaftaran dan lolos administrasi. MENU

LOGO HEADER

Informasi Pendaftar SIDEBAR MENU

KONTEN

FOOTER

Gambar 3.13 Rancangan Halaman Pendaftar

commit to user



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 MENU

LOGO HEADER

Informasi Admin

SIDEBAR MENU

KONTEN

FOOTER

Gambar 3.14 Rancangan Halaman Admin

commit to user


digilib.uns.ac.id

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

39



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



Gambar 4.3 Halaman Form Isian Biodata Pendaftaran Akselerasi commit to user



Setelah mengisi form untuk biodata maka pengisian berlanjut ke pengisian nilai rapor, UAN, dan piagam apabila punya. Berikut tampilannya :

commit to user Gambar 4.4 Halaman Form Isian Nilai-Nilai Pendaftaran Akselerasi



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



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



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



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



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



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



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



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



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



Gambar 4.19 Halaman Manajemen Konten – Edit Rumus Bobot Nilai Seleksi

Gambar 4.20 Halaman Manajemen Konten – Edit Skor Piagam commit to user



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



5. Tampilan halaman Manajemen Pendaftar Halaman manajemen pendaftar digunakan untuk melihat daftar pendaftar dan juga digunakan untuk mengecek validasi dari masingmasing 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



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



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



Gambar 4.28 Halaman Manajemen Pendaftar –Kuota Pendaftaran Disini panitia juga dapat melakukan pencetakan report data pendaftar dalam bentuk .pdf

commit to user Gambar 4.29 Cetak pdf data pendaftar sisi admin



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 menmenunya : commit to user



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



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



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



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 commit to user tertentu.



Gambar 4.39 Halaman Setting Web PPDB

commit to user


digilib.uns.ac.id

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.

commit to user

64

TUGAS AKHIR. Diajukan Untuk Memenuhi Salah Satu Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika. Diajukan Oleh: RISA FERSIAMESTI

Recommend Documents