SISTEM INFORMASI PENERIMAAN SISWA BARU DI SMA NEGERI 1 PACITAN TUGAS AKHIR. Program Diploma III Ilmu Komputer

perpustakaan.uns.ac.id

digilib.uns.ac.id

SISTEM INFORMASI PENERIMAAN SISWA BARU DI SMA NEGERI 1 PACITAN

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Ilmu Komputer

Diajukan Oleh : RANING MARDAYANI NIM. M3108053

PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET commit to user 2012 i


digilib.uns.ac.id

commit to user ii


digilib.uns.ac.id

commit to user iii


digilib.uns.ac.id

ABSTRACT

RANING MARDAYANI. 2012. NEW STUDENT ENROLLMENT INFORMATION SYSTEM AT SMA NEGERI 1 PACITAN. DIII Computer Science Program. Informatics Engineering. Mathematics and Sciences Faculty. Surakarta Sebelas Maret University. New Student Enrollment plays an important role at school in both managing the new student data and facilitating the prospect students in undertaking new student enrollment at SMA Negeri (Public Senior High School) 1 Pacitan. It leads the SMA Negeri 1 Pacitan to make a new student enrollment program in new school year and it is expected to apply in 2012 for the 2012 generation of new student. The objective of this final project is to construct an information system of new student enrollment in SMA Negeri 1 Pacitan that can facilitate the new students in enrolling, for both the students in or out of Pacitan city. The construction of new student enrollment information system in SMA Negeri 1 Pacitan encompassed some stages. The first stage in constructing this information system was to develop process modeling including the context and diagram and DFD designs. The second stage was to develop database modeling including ERD, database, and Inter-table Relational designs. The third one was to develop information system appearance design. The last stage was to implement the design to the system using PHP and HTML programming with DBMS MySQL. The new student enrollment information system in SMA Negeri 1 Pacitan had been constructed completely. The advantage of this system included to help the school in selecting new students in SMA Negeri 1 Pacitan, to help new students in enrolling online, and to help the student in new student selection with online test.

Keywords: New Student Enrollment Information System at SMA Negeri 1 Pacitan

commit to user iv


digilib.uns.ac.id

ABSTRAK

RANING MARDAYANI. 2012. SISTEM INFORMASI PENERIMAAN SISWA BARU DI SMA NEGERI 1 PACITAN. Program DIII Ilmu Komputer. Teknik Informatika. Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret Surakarta. Penerimaan Siswa Baru berperan penting bagi sekolah dalam pengelolaan data siswa baru maupun memudahkan calon siswa dalam melakukan pendaftaran siswa baru di SMA Negeri 1 Pacitan.. Hal ini melatarbelakangi SMA Negeri 1 Pacitan untuk membuat program penerimaan siswa baru pada tahun ajaran baru dan diharapkan dapat segera diterapkan mulai tahun 2012 untuk siswa baru angkatan 2012. Tujuan dari Tugas Akhir ini adalah membangun suatu sistem informasi penerimaan siswa baru di SMA Negeri 1 Pacitan yang dapat memudahkan siswa baru melakukan proses pendaftaran, baik calon siswa yang berada di dalam kota maupun calon siswa yang berada di luar kota Pacitan. Pembuatan sistem informasi penerimaan siswa baru di SMA Negeri 1 Pacitan melalui beberapa tahapan. Tahap pertama dalam membangun sistem informasi ini adalah membuat permodelan proses meliputi perancangan Context Diagram dan DFD. Tahap kedua membuat permodelan basis data meliputi perancangan ERD, perancangan basis data dan perancangan Relasional Antar Tabel (RAT). Tahap ketiga membuat perancangan tampilan sistem informasi. Tahap terakhir melakukan implementasi perancangan ke sistem dengan menggunakan bahasa pemrograman PHP dan HTML dengan DBMS MySQL. Sistem informasi penerimaan siswa baru di SMA Negeri 1 Pacitan telah selesai dibangun. Adapun kelebihan dari sistem ini antara lain membantu sekolah dalam penyeleksian siswa baru di SMA Negeri 1 Pacitan, membantu siswa baru melakukan pendaftaran online, dan membantu siswa dalam penyeleksian siswa baru dengan ujian secara online.

Kata Kunci : Sistem Informasi Penerimaan Siswa Baru Di SMA Negeri 1 Pacitan

commit to user v


digilib.uns.ac.id

MOTTO

“ Berusaha menjadi yang lebih baik demi mendapatkan yang terbaik” “Seseorang tidak bisa lari dari kenyataan hidup, akan tetapi seseorang bisa lari dari keburukan hidup untuk jadi manusia yang berguna” “Belajar ketika orang lain tidur, bekerja ketika orang lain bermalasan, dan bermimpi ketika orang lain berharap” (William A. Ward)

commit to user vi


digilib.uns.ac.id

PERSEMBAHAN

Ucapan terima kasih yang tulus saya persembahkan Karya ini untuk : ☻ Tuhan Yang Maha Esa… ☻ Ayah dan Ibu tercinta… ☻ Orang2 terdekatku yang aku sayang… ☻ Semua temen-temenku TI-A 2008… ☻ Semua orang yang aku sayang tak terkecuali…

commit to user vii


digilib.uns.ac.id

KATA PENGANTAR

Syukur Alhamdulillah, kami panjatkan kehadirat Tuhan Yang Maha Esa dimana telah memberikan kesempatan dan Rahmat-Nya sehingga penulis dapat menyelesaikan Laporan Tugas Akhir ( TA ) ini dengan judul “Sistem Informasi Penerimaan Siswa Baru Di SMA Negeri 1 Pacitan” sesuai waktu dan tempat yang telah ditentukan serta dapat berjalan sebagaimana mestinya. Ucapan terima kasih ini penulis sampaikan kepada : 1.

Allah SWT, yang telah memberikan kemurahan hidup sampai sekarang.

2.

Bapak Y.S. Palgunadi, M.Sc selaku Ketua Program DIII Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam UNS yang telah mengijinkan untuk observasi di SMA Negeri 1 Pacitan.

3.

Bapak Drs. Suwondo, M.pd selaku Kepala SMA Negeri 1 Pacitan atas kesempatan yang diberikan.

4.

Ibu Umi Salamah, S.Si, M. Kom selaku Dosen Pembimbing Tugas Akhir atas bimbingan dan arahannya.

5.

Ayah dan Ibu tercinta atas segala kasih sayang yang penuh kepada saya.

6.

Teman – teman D3 TI 2008 yang banyak membantu.

7.

Semua pihak yang turut serta membantu penulis dalam penyelesaian Tugas Akhir ini yang tidak dapat disebutkan satu persatu. Penulis menyadari bahwa dalam penulisan laporan ini masih jauh dari

sempurna, sehingga penulis mengharapkan kritik dan saran yang bersifat membangun. Semoga laporan Tugas Akhir ini dapat bermanfaat bagi semua pihak.

Surakarta, 28 Desember 2011

commit to user viii

Penulis


digilib.uns.ac.id

DAFTAR ISI

HALAMAN JUDUL...........................................................................................

i

HALAMAN PERSETUJUAN ............................................................................

ii

HALAMAN PENGESAHAN............................................................................. iii ABSTRACT ........................................................................................................ iv MOTTO .............................................................................................................. vi PERSEMBAHAN ............................................................................................... vii KATA PENGANTAR ........................................................................................ viii DAFTAR ISI ....................................................................................................... ix DAFTAR TABEL ............................................................................................... xii DAFTAR GAMBAR .......................................................................................... xiii BAB I PENDAHULUAN ...................................................................................

1

1.1.

Latar Belakang Masalah ..............................................................

1

1.2.

Perumusan Masalah .....................................................................

2

1.3.

Batasan Masalah ..........................................................................

2

1.4.

Tujuan ..........................................................................................

2

1.5.

Manfaat ........................................................................................

3

1.6.

Metodologi Penelitian .................................................................

3

1.7.

Sistematika Penulisan ..................................................................

4

BAB II LANDASAN TEORI ............................................................................

6

2.1.

Tinjauan Pustaka .........................................................................

6

2.1.1. Pengertian Sistem ............................................................

6

2.1.2. Pengertian Informasi .......................................................

6

2.1.3. Sistem Informasi ..............................................................

6

2.1.4. HTML dan CSS ...............................................................

6

2.1.5. PHP (Hypertext Preprocessor) ........................................

7

2.1.6. Database MySQL ............................................................

7

2.1.7. Perancangan Sistem ......................................................... 9 commitSiswa to user 2.1.8. PSB (Penerimaan Baru) Online ............................ 11 ix


digilib.uns.ac.id

BAB III PERANCANGAN DAN DESAIN ...................................................... 13 3.1.

Pemodelan Proses ........................................................................ 13 3.1.1. Context Diagram (CD) .................................................... 13 3.1.2. Data Flow Diagram (DFD) .............................................. 14 3.1.3. ERD (Entity Relationship Diagram) ................................ 16 3.1.4. Relasional Antar Tabel (RAT)......................................... 17

3.2.

Perancangan Basis Data .............................................................. 17 3.2.1. Tabel Admin .................................................................... 17 3.2.2. Tabel Calon Siswa ........................................................... 18 3.2.3. Tabel Konfigurasi ............................................................ 20 3.2.4. Tabel Sekolah Dalam Kota .............................................. 20 3.2.5. Tabel Hasil Ujian ............................................................. 20 3.2.6. Tabel Informasi ................................................................ 21 3.2.7. Tabel Kontak ................................................................... 21 3.2.8. Tabel Soal Ujian .............................................................. 22 3.2.9. Tabel Jenis Siswa............................................................. 22 3.2.10. Tabel Halaman ................................................................. 23

3.3.

Perancangan User Interface ......................................................... 23 3.3.1. Halaman Menu Beranda .................................................. 23 3.3.2. Halaman Menu Prosedur ................................................. 24 3.3.3. Halaman Menu Jurnal ...................................................... 24 3.3.4. Halaman Menu Informasi ................................................ 25 3.3.5. Halaman Menu Kontak .................................................... 26 3.3.6. Halaman Calon Siswa ...................................................... 26 3.3.7. Halaman Administrator ................................................... 28

BAB IV IMPLEMENTASI DAN ANALISA IMPLEMENTASI .................... 29 4.1.

Implementasi ............................................................................... 30

4.2.

Analisis Implementasi ................................................................. 59

commit to user x


digilib.uns.ac.id

BAB V PENUTUP ............................................................................................. 61 5.1.

Kesimpulan .................................................................................. 61

5.2.

Saran ............................................................................................ 61

DAFTAR PUSTAKA ......................................................................................... 62

commit to user xi


digilib.uns.ac.id

DAFTAR TABEL

Tabel 2.1.7.1. Simbol Komponen Context Diagram .......................................... 10 Tabel 2.1.7.2. Simbol Komponen DFD .............................................................. 10 Tabel 3.2.1 Tabel Admin .................................................................................... 18 Tabel 3.2.2 Tabel Calon Siswa ........................................................................... 18 Tabel 3.2.3 Tabel Konfigurasi ............................................................................ 20 Tabel 3.2.4 Tabel Sekolah Dalam Kota .............................................................. 20 Tabel 3.2.5 Tabel Hasil Ujian ............................................................................. 20 Tabel 3.2.6 Tabel Informasi ................................................................................ 21 Tabel 3.2.7 Tabel Kontak .................................................................................... 21 Tabel 3.2.8 Tabel Soal Ujian............................................................................... 22 Tabel 3.2.9 Tabel Jenis Siswa ............................................................................. 23 Tabel 3.2.10 Tabel Halaman ............................................................................... 23

commit to user xii


digilib.uns.ac.id

DAFTAR GAMBAR

Gambar 3.1. Context Diagram SIPSB................................................................. 13 Gambar 3.2. DFD Level 0 Sistem Informasi PSB .............................................. 14 Gambar 3.3. DFD Level 1 Proses 7 (Setup) ....................................................... 15 Gambar 3.4. ERD (Entity Relationship Diagram) SIPSB .................................. 16 Gambar 3.5. Relasional Antar Tabel (RAT) ....................................................... 17 Gambar 3.3.1. Desain Halaman Menu Beranda .................................................. 24 Gambar 3.3.2. Desain Halaman Menu Prosedur ................................................. 24 Gambar 3.3.3. Desain Halaman Menu Jurnal ..................................................... 25 Gambar 3.3.4. Desain Halaman Menu Informasi ............................................... 25 Gambar 3.3.5. Desain Halaman Menu Kontak ................................................... 26 Gambar 3.3.6.1. Desain Halaman Login Calon Siswa ........................................ 27 Gambar 3.3.6.2. Desain Halaman Menu Calon Siswa ........................................ 27 Gambar 3.3.7.1. Desain Halaman Login Administrator ..................................... 28 Gambar 3.3.7.2. Desain Halaman Menu Administrator ..................................... 29 Gambar 4.1.1. Halaman Menu Beranda PSB SMAN 1 Pacitan ......................... 30 Gambar 4.1.2. Halaman Menu Prosedur PSB SMAN 1 Pacitan ........................ 31 Gambar 4.1.3. Halaman Menu Jurnal PSB SMAN 1 Pacitan ............................. 32 Gambar 4.1.4. Halaman Menu Informasi PSB SMAN 1 Pacitan ....................... 33 Gambar 4.1.5.1. Halaman Menu Kontak PSB SMAN 1 Pacitan ........................ 34 Gambar 4.1.5.2. Halaman Kontak Sukses........................................................... 34 Gambar 4.1.6.1. Halaman Login Calon Siswa .................................................... 35 Gambar 4.1.6.2. (a) Halaman Menu Ganti Pin ................................................... 36 Gambar 4.1.6.2. (a1) Validasi Ganti Pin ............................................................. 37 Gambar 4.1.6.2. (a2) Kotak Dialog Ganti Pin Sukses ........................................ 37 Gambar 4.1.6.2. (b) Formulir Pendaftaran Calon Siswa ..................................... 38 Gambar 4.1.6.2. (b1) Validasi Formulir Calon Siswa ........................................ 39 Gambar 4.1.6.2. (b2) No. Seri Ijazah yang Valid ............................................... 40 commit............................................................. to user Gambar 4.1.6.2. (b3) No. Ijazah Double 40 xiii


digilib.uns.ac.id

Gambar 4.1.6.2. (b4) Pendaftaran Sukses ........................................................... 40 Gambar 4.1.6.2. (c) Tampilan Mulai Ujian Online ............................................. 41 Gambar 4.1.6.2. (c1) Ujian Online Berlangsung ................................................ 42 Gambar 4.1.6.2. (c2) Waktu Ujian Telah Habis ................................................. 43 Gambar 4.1.6.2. (c3) Konfirmasi Mengikuti Ujian ............................................. 43 Gambar 4.1.6.2. (c4) Kesempatan Ujian Sekali .................................................. 43 Gambar 4.1.6.2. (d) Menu Hasil Seleksi Siswa Diterima ................................... 44 Gambar 4.1.6.2. (d1) Pencarian Kata Sesuai Keinginan ..................................... 45 Gambar 4.1.7.1. Halaman Login Admin ............................................................ 46 Gambar 4.1.7.2.(a) Tampilan Menu Setup Admin............................................. 47 Gambar 4.1.7.2. (a1) Menu Hasil Seleksi Pada Status 0..................................... 48 Gambar 4.1.7.2.(b) Menu Create Pin oleh Admin ............................................. 49 Gambar 4.1.7.2.(b1) Link Untuk Create Pin ...................................................... 50 Gambar 4.1.7.2.(b2) Hasil Create Pin ................................................................ 50 Gambar 4.1.7.2.(b3) Create Pin Banyak Email .................................................. 51 Gambar 4.1.7.2.(c) Halaman Edit Beranda – Admin ......................................... 52 Gambar 4.1.7.2.(d) Halaman Edit Prosedur – Admin ........................................ 53 Gambar 4.1.7.2.(e) Halaman Manage Informasi – Admin ................................ 54 Gambar 4.1.7.2.(f) Menu Edit Setup Ujian – Admin ......................................... 55 Gambar 4.1.7.2.(g) Menu Edit Manage Soal – Admin ...................................... 56 Gambar 4.1.7.2.(h) Halaman Tambah Dalam Kota – Admin ............................ 57 Gambar 4.1.7.2.(i) Halaman Manage Pendaftaran – Admin.............................. 58

commit to user xiv


digilib.uns.ac.id

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah Perkembangan jaman semakin lama semakin canggih dengan teknologi – teknologi yang dihasilkan untuk mempermudah proses kerja manusia. Tak lain banyak sekolah yang menerapkan teknologi tersebut guna mendapatkan suatu sistem yang dapat mempermudah dan meringankan proses baik KBM, administrasi ataupun masalah kesiswaan yang berupa penerimaan siswa pada tahun ajaran baru. Sekolah merupakan institusi pendidikan untuk mendidik para siswa-siswi. Dari berbagai sekolah, sedikit sekali yang mampu menggunakan teknologi yang ada, mungkin dikarenakan kurang kesadaran akan pentingnya suatu sistem yang cepat dan akurat yang mampu mempermudah seluruh kinerja sekolah tersebut. Tahun ajaran baru merupakan awal pembelajaran dimana banyak siswa yang ingin melanjutkan sekolahnya dan memilih sekolah yang diinginkan atau didambakan selama ini. Baik sekolah yang diinginkan tersebut jauh di luar kota atau di luar pulau sekalipun. Oleh karena itu, diperlukan suatu sistem yang mampu mendukung kemudahan dalam melakukan pendaftaran siswa baru di SMA Negeri 1 Pacitan dari berbagai wilayah. Penerimaan siswa baru (PSB) merupakan suatu proses administrasi yang terjadi setiap tahun untuk seleksi calon siswa berdasarkan nilai akademik agar dapat melanjutkan pendidikan pada jenjang yang lebih tinggi. Calon siswa yang dimaksud adalah siswa baru yang akan mendaftar pada jenjang SMA/SMK negeri. Sistem Informasi PSB di SMA Negeri 1 Pacitan merupakan sistem informasi yang dapat membantu beberapa pihak yang terkait di dalam proses penerimaan siswa baru yang dilakukan secara online.

commit to user

1


digilib.uns.ac.id 2

1.2. Perumusan Masalah Banyak siswa yang ingin melanjutkan studi ke jenjang yang lebih tinggi, terutama ke sekolah – sekolah yang merupakan sekolah favorit di kota tersebut. Sekolah favorit tersebut banyak diburu oleh siswa yang ingin melanjutkan ke jenjang SMA dari jenjang SMP, misalnya siswa yang berada di wilayah Bandung ingin sekolah di SMAN 1 Pacitan. Sistem informasi Penerimaan Siswa Baru di SMA Negeri 1 Pacitan belum semaksimalnya menggunakan sistem berbasis online. Maka dari itu, muncul permasalahan seperti di bawah ini: 1.2.1

Bagaimana calon siswa dapat mudah melakukan pendaftaran di SMA Negeri 1 Pacitan baik di dalam kota maupun di luar kota pacitan?

1.2.2

Bagaimanakah mengetahui dengan mudah prosedur atau tata cara pendaftaran online di SMA Negeri 1 Pacitan?

1.2.3

Bagaimana caranya agar siswa baru dapat mengetahui secara keseluruhan siswa yang diterima baik di dalam kota maupun di luar kota?

1.3. Batasan Masalah Penulisan laporan ini memiliki batasan – batasan masalah yang berkaitan dengan sistem informasi penerimaan siswa baru ini meliputi : 1.3.1.

Pendataan siswa yang mendaftar di SMA Negeri 1 Pacitan.

1.3.2.

Tata cara atau aturan pelaksanaan pendaftaran online.

1.3.3.

Hasil dari seleksi penerimaan siswa baru baik dari dalam kota maupun luar kota Pacitan.

1.4. Tujuan Tujuan dari penelitian mengenai sistem informasi penerimaan siswa baru ini yakni sebagai berikut: 1.4.1.

Agar siswa mudah melakukan proses pendaftaran baik siswa yang berada di dalam kota maupun yang ada di luar kota pacitan. commit to user


1.4.2.

digilib.uns.ac.id 3

Agar siswa mudah mengetahui prosedur dalam mendaftar di SMA Negeri 1 Pacitan secara online.

1.4.3.

Agar mendapatkan data siswa yang diterima dari proses seleksi siswa baru baik dari dalam kota maupun luar kota.

1.5. Manfaat Manfaat dari sistem informasi penerimaan siswa baru ini adalah: 1.5.1.

Bagi instansi Agar tercipta transparansi penerimaan siswa baru dan kemudahan dalam seleksi siswa baru.

1.5.2.

Bagi penulis Dapat menghasilkan suatu produk jadi dari sistem informasi PSB yang selanjutnya dapat dikembangkan di hari mendatang.

1.5.3.

Bagi Akademik Sebagai referensi Tugas Akhir di perpustakaan Fakultas MIPA UNS yang dapat digunakan sebagai pembanding dari tugas akhir mendatang.

1.6. Metodologi Penelitian Metode penelitian dalam pembuatan sistem informasi dari tugas akhir ini adalah sebagai berikut : 1.6.1.

Metode pengumpulan data a. Studi pustaka Studi pustaka merupakan metode pencarian dan pengumpulan data

dengan cara mencari referensi, literatur atau bahan-bahan

teori yang

diperlukan dari berbagai sumber wacana yang berkaitan dengan pembuatan aplikasi ini. Studi pustaka yang dilakukan oleh penulis yaitu dengan cara pengumpulan data melalui internet dan mencari buku-buku referensi yang berhubungan dengan tema dalam penyusunan tugas akhir ini. commit to user


digilib.uns.ac.id 4

b. Observasi Observasi dilakukan ke sekolah – sekolah SMA yang ada di wilayah pacitan atau di luar kota pacitan seperti di pacitan untuk mendapatkan data-data penting dan acuan dalam pembuatan sistem informasi penerimaan siswa baru di sekolah menengah atas ini. 1.6.2.

Perancangan sistem Perancangan sistem mengenai sistem informasi yang akan dibuat

meliputi : Context Diagram, Data Flow Diagram, Entity Relationship Diagram dan Relasional Antar Tabel. Selain itu, juga membuat perancangan dalam database. 1.6.3.

Implementasi Sistem ini diimplementasikan dengan menggunakan bahasa

pemrograman utama yakni PHP structural dan HTML serta DBMS MySQL. Untuk desain layoutnya penulis menggunakan Adobe Photoshop. Untuk mengatur tata letak tampilan penulis menggunakan Adobe Dreamweaver. 1.6.4.

Tahap Pengujian Pada tahapan ini untuk mengecek apakah ada script php yang

masih error dengan dicoba melalui server localhost. 1.6.5.

Evaluasi Evaluasi dilakukan dengan memperbaiki apa saja kesalahan yang

yang ada sehingga mampu menyempurnakan sistem yang telah dibuat.

1.7. Sistematika Penulisan BAB I : Pendahuluan, memuat latar belakang, rumusan masalah, batasan masalah, tujuan dan manfaat kegiatan dan sistematika penulisan. BAB II : Landasan teori, memuat dasar-dasar teoritis yang menjadi landasan pemecahan masalah yang meliputi sistem, informasi, sistem informasi, pemrograman PHP dan database MySQL, BAB III : Desain dan perancangan memuat tentang desain sistem dan data-data yang diperlukan dalam perancangan suatu sistem seperti Context commit to user


digilib.uns.ac.id 5

Diagram, Data Flow Diagram, Entity Relationship Diagram, Perancangan Basis Data dan perancangan user interface. BAB IV : Implementasi dan Analisis, memuat tentang langkah dan hasil analisa, form input, form output, dan pembahasan yang sifatnya terpadu. BAB V : Penutup yang meliputi kesimpulan yang berisi tentang pernyataan singkat, tepat yang dijabarkan dari hasil penelitian dan pembahasan serta penutup memuat saran yang berisi tentang sumbang saran pemikiran yang didasarkan pada kesimpulan yang diperoleh untuk penyempurnaan dan pengembangan di masa mendatang.

commit to user


digilib.uns.ac.id

BAB II LANDASAN TEORI

2.1. Tinjauan Pustaka 2.1.1.

Pengertian Sistem Secara sederhana suatu sistem dapat diartikan sebagai suatu

kumpulan atau himpunan dari unsur, komponen atau variable-variabel yang terorganisasi, saling berinteraksi, saling tergantung satu sama lain dan terpadu (Kumorotomo dkk, 2001). 2.1.2.

Pengertian Informasi Informasi ialah hasil pengolahan data sehingga menjadi bentuk

yang penting bagi penerimanya dan mempunyai kegunaan sebagai dasar dalam pengambilan keputusan yang dapat dirasakan akibatnya secara langsung saat itu juga atau secara tidak langsung pada saat mendatang (Sutanta, 2004). 2.1.3.

Sistem Informasi Sistem Informasi adalah aplikasi komputer untuk mendukung

operasi dari suatu organisasi yaitu: operasi, instalasi, dan perawatan komputer, perangkat lunak, dan data. Sistem Informasi Manajemen adalah kunci dari bidang yang menekankan finansial dan personal manajemen. 'Sistem Informasi' dapat berupa gabungan dari beberapa elemen teknologi berbasis komputer yang saling berinteraksi dan bekerja sama berdasarkan suatu prosedur kerja (aturan kerja) yang telah ditetapkan, dimana memproses dan mengolah data menjadi suatu bentuk informasi yang dapat digunakan dalam mendukung keputusan (Jogiyanto, 2001). 2.1.4.

HTML dan CSS HTML ( Hypertext Markup Language ) adalah sebuah bahasa

scripting yang berguna untuk menuliskan halaman web. Pada halaman web, HTML dijadikan sebagai Bahasa Script dasar yang berjalan bersama berbagai script bahasa Sripting Pemrograman yang lainnya. Semua tag – tag commit to user HTML bersifat dinamis, artinya kode HTML tidak dapat dijadikan sebagai 6


digilib.uns.ac.id 7

file Executable program. Hal ini disebabkan karena HTML hanyalah sebuah Bahasa Scripting yang dapat berjalan apabila dijalankan di dalam browser (pengakses web). Browser – browser yang mendukung HTML antara lain adalah Internet Explorer, Netscape Navigator, Opera, Mozila, dan lain – lain. Karena HTML hanyalah merupakan sebuah kode Scripting dan bukan merupakan program Kompiler, maka kita dapat menuliskan semua kode – kode program dengan menggunakan Editor yang disukai. Editor yang dapat digunakan antara lain Macromedia Dreamweaver, Front Page, Home Site, ataupun dapat juga menggunakan Notepad sebagai editor standar bawaan Windows. Jika menggunakan OS Linux bisa menggunakan mc edit, joe, vi sebagai editornya, ataupun Quanta pada GUI nya (Penerbit ANDI, 2007). 2.1.5.

PHP ( Hypertext Preprocessor ) PHP merupakan bahasa permrograman untuk membuat web yang

bersifat serever-side scripting. PHP memungkinkan kita untuk membuat halaman web yang lebih dinamis. PHP bersifat cross-platform artinya dapat berjalan pada berbagai macam sistem operasi, misalnya Windows atau Linux. Selain mendukung web server apache PHP juga mendukung beberapa web server lain, misalnya Microsoft IIS, Caudium, PWS, dan lainlain. PHP juga banyak dipakai dalam banyak penyedia hosting, maka untuk alas an kompatibilitas bila ingin meletakaan script PHP pada web hosting sewaan, PHP menjadi pilihan pertama. Seperti yang dikutip oleh Arief Ramadhan, S.Kom, dalam bukunya Student Guide Series Pemrograman Web Database dengan PHP dan MySQL (Kadir, 2008). 2.1.6.

Database MySQL MySQL menurut MADCOMS (2004:33) merupakan database yang

paling digemari di kalangan programmer web, dengan alasan bahwa program ini merupakan database yang sangat kuat dan cukup stabil untuk digunakan sebagai media penyimpanan data. Sebagai sebuah database server yang mampu untuk memanajemen database dengan baik, MySQL terhitung merupakan database yang paling digemari dan paling banyak commitlainnya. to user Selain MySQL masih terdapat digunakan disbanding database


digilib.uns.ac.id 8

beberapa jenis database server yang juga memiliki kemampuan yang juga tidak bis dianggap enteng, database itu adalah Oracle dan PostgreSQL. Di dalam dunia internet, MySQL dijadikan sebagai sebuah database yang paling banyak digunakan selain database yang bersifat shareware seperti Ms. Access, penggunaan MySQL ini biasanya dipadukan dengan menggunakan program aplikasi PHP, karena dengan menggunakan kedua program tersebut telah terbukti kehandalannya dalam menangani permintaan data. 1. Interaksi Database MySQL dengan PHP Untuk

dapat

menghubungkan

database

dengan

bahasa

pemrograman, MySQL memiliki sebuah dukungan fungsi API yang berguna untuk melakukan hubungan antara database dengan program. Banyak sekali dukungan yang dimiliki oleh database MySQL dalam hal hubungan program, hampir semua bentuk bahasa pemrograman dapat memanfaatkan database ini sebagai media penyimpanan datanya. Dukungan – dukungan program tersebut membuktikan bahwa database MySQL telah digunakan oleh banyak pengguna dengan bahasa pemrograman yang beraneka ragam. Untuk program yang berupa pemrograman visual juga telah disediakan bermacam-macam komponen yang dapat menangani masalah tersebut, sebagai contoh kita dapat menggunakan My ODBC sebagai media penghubung antara database MySQL dengan Visual Basic, Delphi dan lainnya. Serta masih banyak lagi komponen yang dapat menghubungkan database MySQL dengan programprogram lain, baik bentuk Visual maupun nonvisual. 2. Koneksi Database MySQL Hubungan antara sebuah database dengan program biasanya disebut dengan koneksi, ada banyak metode yang dapat dilakukan untuk dapat menghubungkan program kita dengan database ini. Setiap program biasanya memiliki tehnik hubungan yang berbeda-beda, sebagai contoh pada PHP kita dapat menggunakan beberapa tehnik seperti menggunakan commit to user


digilib.uns.ac.id 9

fungsi C API, ataupun ODBC API. Kedua fungsi tersebut sama-sama dapat digunakan untuk menghubungkan database MySQL denagn PHP. Dukungan MySQL dengan

program lain juga sangat beraneka

ragam, dengan jumlah program yang ada berarti setiap program memiliki kriteria dan tehnik hubungan yang berbeda-beda, berikut adalah beberapa program dan tehnik hubungannya : 1. MySQL C API

: Digunakan untuk menghubungkan database

MySQL dengan program PHP. 2. MySQL Perl API

: Bentuk dukungan database MySQL dengan

program Perl. 3. MySQL C++ API

: Bentuk dukungan database MySQL dengan

program C++. 4. MySQL Python API : Bentuk dukungan database MySQL dengan program Python, baik di Linux mupun di Windows. Semua bentuk dukungan di atas dapat dijalankan pada platform LINUX maupun Windows, sehingga dukungan databases ini menjadi semakin luas dan kompleks.

2.1.7.

Perancangan Sistem Perancangan sistem secara umum digunakan untuk memberikan

gambaran secara global kepada pemakai tentang sistem yang akan dikembangkan dan berfungsi sebagai persiapan untuk tahap perancangan sistem. 1. Context Diagram (CD) Context Diagram atau Konteks Diagram adalah tingkatan tertinggi dalam diagram aliran data dan hanya memuat satu proses, menunjukkan sistem secara keseluruhan (Kendall & Kendall, 2003). Beberapa simbol yang digunakan dalam Context Diagram dapat dilihat dalam Tabel 2.1.7.1. : commit to user


digilib.uns.ac.id 10

Tabel 2.1.7.1. Simbol Komponen Context Diagram Simbol

Keterangan Entitas Menggambarkan sumber dan tujuan dari aliran data dan atau menuju sistem.

Proses Merepresentasikan proses aliran data. Sistem Merepresentasikan

keseluruhan

sistem

yang hendak dibangun.

2. Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalah suatu model logika data atau proses yang dibuat untuk menggambarkan darimana asal data atau kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang disimpan dan proses yang dikenakan pada data tersebut (Kristanto, 2003). Simbol untuk DFD dapat dilihat dalam Tabel 2.1.7.2. : Tabel 2.1.7.2. Simbol Komponen DFD Simbol

Keterangan Entitas Menggambarkan orang atau sekelompok yang merupakan asal data dan tujuan data.

Alir Data Simbol alir data atau aliran data. commit to user



Proses Menunjukkan

transformasi

data

dari

masukan menjadi keluaran dan suatu proses

dimana

beberapa

tindakan

dijalankan. Penyimpanan Data File basis data atau penyimpanan yang diimplementasikan dalam komputer.

2.1.8.

PSB ( Penerimaan Siswa Baru ) Online Penerimaan Siswa Baru (PSB) merupakan proses seleksi akademis

calon siswa untuk menuju jenjang pendidikan yang lebih tinggi dalam tingkatan SMP dan SMA/SMK. PSB online dibuat berdasarkan petunjuk teknis PSB pada masing-masing kota tertentu. PSB Rekomendasi merupakan suatu istilah yang digunakan untuk siswa yang termasuk dalam kategori, seperti : 1.

Siswa dari sekolah yang berada di luar kota setempat.

2.

Siswa dari sekolah yang berada di kota setempat lulusan tahun lalu.

3.

Siswa dari sekolah yang berada di luar kota setempat lulusan tahun lalu

4.

Siswa dari lulusan sekolah asing dengan nilai yang telah disetarakan dengan standar nilai Ujian Nasional di Indonesia.

Siswa yang termasuk dari salah satu kategori tersebut diwajibkan untuk melakukan proses pra-pendaftaran sebelum mengikuti proses pendaftaran PSB Online. Sistem informasi PSB online merupakan suatu aplikasi komputer untuk memudahkan proses penerimaan siswa baru yang dilaksanakan secara online. Dengan adanya sistem informasi ini diharapkan memudahkan pihak yang terkait dalam mengolah data siswa menjadi sebuah commit to user



informasi siswa yang diterima pada sekolah tertentu. Aplikasi PSB Online ini telah diterapkan dibeberapa kota di Indonesia, salah satunya kota Jakarta dan Surabaya. Pembangunan sistem informasi PSB Online mengacu pada petunjuk teknis PSB yang diterbitkan Dinas Pendidikan kota masingmasing.(Wikipedia.com)

commit to user


digilib.uns.ac.id

BAB III PERANCANGAN DAN DESAIN

3.1. Pemodelan Proses Pemodelan

proses

adalah

sebuah

teknik

yang

digunakan

untuk

mengorganisir dan mendokumentasikan proses dari suatu sistem. Kegiatan di dalam pemodelan proses ini seperti pembuatan Content Diagram (CD), Data Flow Diagram DFD yang masing – masing saling berkaitan.

3.1.1. Context Diagram (CD) Context Diagram (CD) dari sistem Penerimaan Siswa Baru di SMA negeri 1 Pacitan dapat dilihat pada gambar di bawah ini :

Pengunjung

Data Informasi PSB

Akses PSB

User ID PIN

Calon Siswa Daftar Ujian Hasil Seleksi

Sistem Informasi Penerimaan Siswa Baru di SMAN 1 Pacitan

Data Calon Siswa Data Nilai Ujian Data Seleksi Siswa

Admin Setup Sistem Manage Pendaftaran Setup Ujian

Gambar 3.1. Context Diagram SIPSB

commit to user

13



3.1.2. Data Flow Diagram (DFD) 3.1.2.1. DFD level 0

Nama email pesan

Nama Email pesan

1

Balasan User id pin

Create pin

Balasan User id pin

kontak

User id pin

Data hasil seleksi User id Pin kode

User id pin User id Pin kode

Calon Siswa

calonsiswa

2

Login

Konfirmasi login

Data Siswa Data Nilai UAN Data Sekolah Asal Data Orangtua

Konfirmasi login Data Siswa Data Nilai UAN Data Sekolah Asal Data Orangtua Konfirmasi login

admin

3

Daftar dan Validasi

Detail Data Siswa

Konfirmasi login

Detail Data Siswa Data dalam kota User id No. pendaftaran nama

soal

User id pin Data hasil seleksi 4 Point ujian Total nilai

User id jawaban

Ujian

User id No.pendaftaran nama

hasilujian Data soal

Admin Data soal

5

Seleksi

Data hasil ujian

dalamkota Data sekolah dalam kota Data siswa

Data config Data calon siswa Data siswa Data config Data dalam kota Data informasi Data soal

6

Setup

Informasi Prosedur Beranda Kontak Jurnal Informasi detail PSB Balasan Kontak

config

Data informasi

Hasil inputan data

Pengunjung

Data konfigurasi

7

Akses

informasi Data informasi Nama Email pesan Balasan kontak

user Informasi PSB Gambar 3.2. DFDcommit Level to 0 Sistem



3.1.2.2. DFD level 1 Proses 7 (Setup)

7.1

Data jurnal Nilai sertifikat Status hasil seleksi Quota PSB Point max nilai

Setup sistem

Waktu ujian Pesan ujian Link ujian Status ujian

Data Konfigurasi

7.2

Setup ujian

Data informasi

Admin

Total nilai Nilai sertifikat Jenis sekolah

Data setup ujian

Data soal

Data informasi Data soal ujian Data sekolah dalam kota

config

informasi Data informasi

7.3

soal

Tambah data Data soal ujian

Data dalam kota Data sekolah dalam kota

Status diterima Status ditolak Status batal

dalamkota

7.4

Manage daftar Data Calon siswa

calonsiswa Data detail siswa

Gambar 3.3. DFD Level 1 Proses 7 (Setup)

commit to user



3.1.3. ERD ( Entity Relationship Diagram )

N

Calonsiswa

menjawab

N

Soal

Id_daftar Id_soal N

N

N

memiliki memuat berasal

1 1

1

Id_hasilujian jenissiswa Id_sekolah

Dalamkota

Hasilujian

Gambar 3.4. ERD (Entity Relationship Diagram) SIPSB Keterangan field – field pada ERD di atas sebagai berikut : 1. Calonsiswa : id_daftar, userid, pin, nomorpendaftaran, namalengkap, kelamin, tempatlahir, tgllahir, bulanlahir, tahunlahir, agama, alamat, jenissekolah, id_sekolah, ketsekolah, seri, nilai, rataratanilai, kelulusan, lomba,

tingkatlomba,

peringkatlomba,

pointnilai,

pointlomba,

pointujian, pointtotal, status, namaortu, pekerjaanortu, alamatortu, log, id_jenissiswa. 2. Dalamkota : id_sekolah, sekolah, status. 3. Hasilujian : id_hasilujian, id_soal, userid, dijawab. 4. Soal : id_soal, soal, jawaban, a, b, c, d, e, status. 5. Jenissiswa : id_jenissiswa, nama, keterangan.

commit to user



3.1.4. Relasional Antar Tabel (RAT)

soal PK

calonsiswa PK

FK1

FK2

id_daftar

hasilujian

id_soal soal jawaban a b c d e status

userid pin nomorpendaftaran namalengkap kelamin tempatlahir tgllahir bulanlahir tahunlahir agama alamat telepon jenissekolah id_sekolah ketsekolah seri nilai rataratanilai kelulusan lomba tingkatlomba peringkatlomba pointnilai pointlomba pointujian pointtotal status namaortu pekerjaanortu alamatortu log id_jenissiswa

PK

id_hasilujian

FK1

id_soal userid dijawab

dalamkota PK

id_sekolah sekolah status

jenissiswa PK

id_jenissiswa nama keterangan

Gambar 3.5. Relasional Antar Tabel (RAT) 3.2. Perancangan Basis Data 3.2.1. Tabel Admin Tabel siswa digunakan untuk menyimpan data atau identitas admin Nama tabel : admin Tabel 3.2.1 Tabel Admin Field Name

Type

Panjang

Id_admin

Integer

2

nama

Varchar

200

email

Varchar

30 commit to user

Default Not Null Null Not Null

Keterangan Primary key Nama Admin Email Admin


pin


Varchar

Not Null

200

No. PIN

3.2.2. Tabel Calon Siswa Tabel ini digunakan untuk menyimpan semua data dan nilai calon siswa baru. Nama Tabel : calonsiswa Tabel 3.2.2 Tabel Calon Siswa Field Name

Type

Panjang

Default

Keterangan

Id_daftar

Integer

11

Not Null

Primary key

userid

Varchar

30

Not Null

Email siswa

pin

Varchar

200

Not Null

No. PIN

nomorpendaftaran

Varchar

50

Not Null

No. Pendaftaran

namalengkap

Varchar

200

Not Null

Nama siswa

kelamin

Varchar

1

Not Null

Jenis kelamin

tempatlahir

Varchar

200

Not Null

tgllahir

Varchar

2

Not Null

bulanlahir

Varchar

50

Not Null

tahunlahir

Varchar

4

Not Null

agama

Varchar

100

Not Null

alamat

Varchar

200

Not Null

Alamat siswa

telepon

Varchar

20

Not Null

No. telepon/Hp

jenissekolah

Varchar

20

Not Null

Dalam atau luar kota Foreign Key

id_sekolah

Integer

3

commit to user

Not Null

mengacu pada tabel dalamkota



Nama sekolah

ketsekolah

Varchar

200

Null

seri

Varchar

100

Not Null

nilai

Varchar

5

Not Null

rataratanilai

Varchar

5

Not Null

kelulusan

Varchar

10

Not Null

Jenis lulusan

lomba

Varchar

100

Null

Nama lomba

tingkatlomba

Varchar

100

Null

peringkatlomba

Integer

1

Null

pointnilai

Integer

5

Not Null

5

Null

pointlomba

Integer

luar kota Unique (no. ijazah) Nilai UAN Nilai rata-rata UAN

Point Nilai UAN Point Nilai lomba

pointujian

Integer

5

Not Null

Point Nilai ujian

pointtotal

Integer

5

Not Null

Point Nilai total

status

Integer

1

Not Null

namaortu

Varchar

200

Not Null

pekerjaanortu

Varchar

200

Not Null

alamatortu

Varchar

200

Not Null

log

Integer

1

Null

Key untuk yang sudah ujian Foreign Key

Id_jenissiswa

Integer

3

Not Null

mengacu pada tabel jenissiswa

commit to user



3.2.3. Tabel Konfigurasi Tabel ini merupakan tabel yang digunakan untuk menyimpan semua macam konfigurasi di dalam sistem. Nama Tabel : config Tabel 3.2.3 Tabel Konfigurasi Field Name

Type

Panjang

Default

Keterangan

Id_config

Integer

3

Not Null

Primary key

parameter

Varchar

100

Not Null

Nama parameter

value

Text

-

Not Null

Isi dari parameter

3.2.4. Tabel Sekolah Dalam Kota Tabel ini merupakan tabel untuk menyimpan sekolah – sekolah asal dari siswa baru yang berada di dalam kota Pacitan. Nama Tabel : dalamkota Tabel 3.2.4 Tabel Sekolah Dalam Kota Field Name

Type

Panjang

Default

Keterangan

Id_sekolah

Integer

3

Not Null

Primary key

sekolah

Varchar

200

Not Null

Nama sekolah

status

Integer

1

0

3.2.5. Tabel Hasil Ujian Tabel ini digunakan untuk menyimpan data hasil ujian siswa beserta soal dan jawabannya. Nama Tabel : hasilujian Tabel 3.2.5 Tabel Hasil Ujian Field Name Id_hasilujian

Type

Panjang

Integer

5

commit to user

Default Not Null

Keterangan Primary key



Foreign key Id_soal

Integer

Not Null

3

mengacu pada tabel soal

userid

Varchar

30

Not Null

Email siswa

dijawab

Varchar

1

Null

Jawaban siswa

3.2.6. Tabel Informasi Tabel ini merupakan tabel untuk mencatat semua informasi yang telah diupdate atau diinputkan. Nama Tabel : informasi Tabel 3.2.6 Tabel Informasi Field Name

Type

Panjang

Default

Id_informasi

Integer

3

Not Null

judul

Varchar

200

Not Null

isi

Text

-

Not Null

status

Integer

1

Null


3.2.7. Tabel Kontak Tabel ini merupakan tabel untuk mencatat semua pesan yang masuk ke email dan balasannya. Nama Tabel : kontak Tabel 3.2.7 Tabel Kontak Field Name

Type

Panjang

Default

Id_kontak

Integer

10

Not Null

nama

Varchar

200

Null

userid

Varchar

30

Not Null

hp

Varchar 20 commit to user

Null




pesan

Text

-

Not Null

status

Integer

1

Null

balasan

Text

-

Null

3.2.8. Tabel Soal Ujian Tabel ini merupakan tabel untuk menyimpan semua soal ujian dan jawabannya sekaligus. Nama Tabel : soal Tabel 3.2.8 Tabel Soal Ujian Field Name

Type

Panjang

Default

Keterangan

Id_soal

Integer

5

Not Null

Primary key

soal

Text

-

Not Null

Soal ujian

jawaban

Varchar

1

Not Null

Jawaban soal

a

Varchar

200

Not Null

b

Varchar

200

Not Null

c

Varchar

200

Not Null

d

Varchar

200

Not Null

e

Varchar

200

Not Null

status

Integer

1

0

3.2.9. Tabel Jenis Siswa Tabel ini merupakan tabel untuk menyimpan pilihan jenis siswa yang berdasarkan nilai yang diperoleh ataupun berdasarkan keterangan khusus.

commit to user



Tabel 3.2.9 Tabel Jenis Siswa Field Name

Type

Panjang

Default

Keterangan

id_jenissiswa

Integer

3

Not Null

Primary key

nama

Varchar

100

Not Null

Nama jenis siswa

keterangan

Varchar

50

Null

Keterangan jenis

3.2.10. Tabel Halaman Tabel ini merupakan tabel untuk tempat penyimpanan duplikat atau sebagai mirror table / tabel duplikat. Nama Tabel : halaman Tabel 3.2.10 Tabel Halaman Field Name

Type

Panjang

Default

Id_halaman

Integer

2

Not Null

nama

Varchar

250

Not Null

isi

Text

-

Keterangan Primary Key

Null

3.3. Perancangan User Interface 3.3.1.

Halaman Menu Beranda Halaman menu beranda ini merupakan halaman awal program

Penerimaan Siswa Baru SMAN 1 pacitan. Desain menu beranda ini dapat dilihat pada gambar 3.3.1. seperti di bawah ini :

commit to user



HEADER M E N U LOGIN CALON SISWA

CONTENT BERANDA

CALL

FOOTER

Gambar 3.3.1. Desain Halaman Menu Beranda 3.3.2.

Halaman Menu Prosedur Halaman menu prosedur ini merupakan halaman yang akan

menampilkan aturan beserta tata cara pendaftaran online di SMAN 1 Pacitan. Desain menu prosedur ini dapat dilihat pada gambar 3.3.2. seperti di bawah ini :


CONTENT PROSEDUR

CALL

FOOTER

Gambar 3.3.2. Desain Halaman Menu Prosedur

3.3.3.

Halaman Menu Jurnal Halaman menu jurnal adalah halaman yang akan menampilkan

quota dari siswa yang akan diterima di SMAN 1 Pacitan baik dalam kota commit to user



maupun luar kota, jumlah dari siswa baru yang telah mendaftar, dan siswa yang mengundurkan diri. Desain menu jurnal ini dapat dilihat pada gambar 3.3.3. seperti di bawah ini :


CONTENT JURNAL

CALL

FOOTER

Gambar 3.3.3. Desain Halaman Menu Jurnal

3.3.4.

Halaman Menu Informasi Halaman menu informasi akan menampilkan berita terbaru

mengenai Penerimaan Siswa Baru online di SMAN 1 Pacitan.


CONTENT INFORMASI

CALL

FOOTER

Gambar 3.3.4. Desain Halaman Menu Informasi

commit to user


3.3.5.


Halaman Menu Kontak Halaman menu kontak ini merupakan halaman yang digunakan

pengunjung atau siswa baru untuk menghubungi admin melalui email yang dimiliki oleh pengunjung ataupun siswa. Dan dapat digunakan untuk meminta pin secara online. Desain halaman menu kontak dapat dilihat pada gambar 3.3.5. seperti di bawah ini :


Hubungi Kami N am a E m a il N o .H P P esan

CALL Kirim

Reset

FOOTER

Gambar 3.3.5. Desain Halaman Menu Kontak

3.3.6.

Halaman Calon Siswa 3.3.6.1. Halaman Login Calon Siswa Halaman login siswa adalah halaman yang digunakan untuk login

calon siswa baru yang terdiri atas User ID (email), no. PIN (password), dan memasukkan kode yang terlihat seperti pada gambar desain halaman login calon siswa di bawah ini :

commit to user



Login Calon Siswa User ID PIN 2343434 KODE

Login

Gambar 3.3.6.1. Desain Halaman Login Calon Siswa

3.3.6.2. Halaman Menu Calon Siswa Halaman menu calon siswa adalah halaman yang memuat menu – menu yang dimiliki oleh calon siswa yang telah berhasil masuk menggunakan no. pin masing – masing. Menu yang dimiliki dapat dilihat seperti pada gambar 3.3.6.2. di bawah ini :

HEADER Menu Calon Siswa

M E N U

Gan ti PIN Pen daftaran U jian On lin e H asil Seleksi L o go u t

CONTENT

CALL

FOOTER Gambar 3.3.6.2. Desain Halaman Menu Calon Siswa

commit to user


3.3.7.


Halaman Administrator 3.3.7.1. Halaman Login Administrator Halaman login admin digunakan oleh admin untuk masuk ke

sistem PSB guna melakukan pembaharuan yang nantinya akan ditampilkan di halaman pengunjung dan halaman calon siswa. Desain halaman admin dapat dilihat pada gambar 3.3.7.1. di bawah ini :

Login Admin User ID PIN 2343434 KODE

Login

Gambar 3.3.7.1. Desain Halaman Login Administrator

3.3.7.2. Halaman Menu Administrator Halaman menu administrator adalah halaman yang memuat menu – menu yang dimiliki oleh admin untuk melakukan segala pengaturan dalam sistem PSB ini. Menu admin ini dapat dilihat pada gambar 3.3.7.2. seperti pada gambar di bawah ini :

commit to user



HEADER M E N U

MENU ADMIN SetUp Create PIN Edit Beranda

Edit Prosedur Manage Informasi Setup Ujian Manage Soal Tambah Dalam Kota

CONTENT

Manage Pendaftaran Logout

CALL

FOOTER

Gambar 3.3.7.2. Desain Halaman Menu Administrator

commit to user


digilib.uns.ac.id

BAB IV IMPLEMENTASI DAN ANALISA IMPLEMENTASI

4.1. Implementasi Implementasi perancangan terhadap sistem yang dibangun bisa dilihat melalui desain menu dari proses-proses utama yang secara garis besar adalah sebagai berikut : 4.1.1. Halaman Menu Beranda Halaman Home ini merupakan halaman yang berisi awal dari halaman PSB dimana terdapat tulisan Selamat Datang Calon Siswa Baru SMA Negeri 1 Pacitan, beserta artikel singkat mengenai informasi PSB dan sejarah singkat dari SMA 271 atau SMA Negeri 1 Pacitan.

commit to user Gambar 4.1.1. Halaman Menu Beranda PSB SMAN 1 Pacitan 30



4.1.2. Halaman Menu Prosedur Tampilan pada halaman prosedur ini yakni menampilkan prosedur atau tata cara dalam menggunakan sistem PSB ini mulai dari mendapatkan pin, login sampai melaksanakan ujian online. Di dalam prosedur ini baik calon siswa maupun pengunjung bisa mengakses halaman ini. Jika calon siswa telah login, maka halaman menu ini masih bisa di akses oleh calon siswa.

Gambar 4.1.2. Halaman Menu Prosedur PSB SMAN 1 Pacitan

4.1.3. Halaman Menu Jurnal Halaman menu jurnal seperti gambar 4.1.3. di bawah ini menampilkan informasi seperti quota pendaftar yang diterima yakni 420 commit to user



siswa (dalam kota), quota di luar kota berjumlah 30 siswa. Juga menampilkan jumlah pendaftar dan jumlah siswa yang mengundurkan diri.

Gambar 4.1.3. Halaman Menu Jurnal PSB SMAN 1 Pacitan Jika siswa yang mendaftar telah memenuhi quota, maka pendaftaran tersebut akan berakhir pada quota yang telah ditentukan. Siswa yang akan mengundurkan diri, siswa tersebut sebelumnya harus mengirim pesan kepada email admin, apabila tidak dilakukan, maka pihak admin akan memanage siswa tersebut dengan status batal melakukan pendaftaran.

4.1.4. Halaman Menu Informasi Halaman menu informasi berisi mengenai informasi terkini dari sistem PSB di SMA Negeri 1 Pacitan. Halaman ini menampilkan urutan berita dari berita yang baru sampai berita lama. Di dalam halaman ini baik pengunjung dan calon siswa bisa membaca artikel yang ada dan berita terbaru. Seperti pada gambarcommit 4.1.4. di to bawah user ini :



Gambar 4.1.4. Halaman Menu Informasi PSB SMAN 1 Pacitan

4.1.5. Halaman Menu Kontak Halaman menu kontak merupakan halaman untuk menghubungi admin jika pengunjung atau calon siswa baru ingin mengetahui lebih lanjut mengenai sistem PSB ini. Untuk calon siswa bisa meminta pin secara online commit topesan user melalui kontak ini ataupun bisa kepada admin dengan mengirimkan



datang langsung ke SMA Negeri 1 Pacitan. Pada halaman kontak yang perlu diisi adalah nama, email, no.hp dan pesan yang disampaikan.

Gambar 4.1.5.1. Halaman Menu Kontak PSB SMAN 1 Pacitan Tampilan di bawah ini adalah konfimasi dimana pesan telah dterima pada email administrator jika mengklik button kirim pada halaman kontak.

commitMenu to user Gambar 4.1.5.2. Halaman Kontak PSB SMAN 1 Pacitan



4.1.6. Halaman Calon Siswa Halaman calon siswa ini meliputi halaman login calon siswa dan halaman menu calon siswa, seperti berikut ini : 4.1.6.1. Halaman Login Calon Siswa Halaman login calon siswa untuk login calon siswa baru yang telah memiliki no. pin. Jika calon siswa belum memiliki no. pin maka calon siswa tersebut tidak bisa masuk ke sistem ini dan tidak bisa melakukan pendaftaran. Login siswa meliputi userid, pin, dan kode dan button login. Kode ini berarti gambar random huruf yang tampil di atasnya. Seperti pada gambar 4.1.6.1 di bawah ini :

Gambar 4.1.6.1. Halaman Login Calon Siswa Apabila siswa yang ingin login menekan button Login dengan menuliskan userid dan pin yang tidak sesuai maka sistem akan menampilkan pesan pada alamat browser seperti berikut : “index.php?pesan=User ID atau PIN salah” Pada pesan di atas memiliki arti bahwa user id atau pin yang digunakan untuk login tidak sesuai atau salah. Dan apabila calon siswa mengisikan kode tidak sesuai dengan huruf yang ada pada gambar, maka akan muncul pesan pada alamat browser seperti berikut ini : “index.php?pesan=key security tidak valid”

commit to user



Untuk itu diperlukan adanya kesesuaian dalam menuliskan userid, pin dan kode dengan benar. Maka jika semua diisikan secara benar, calon siswa akan berhasil untuk login ke sistem PSB ini. Penggunaan sistem pin pada saat login ini dimaksudkan untuk menghindari adanya sistem yang down akibat banyaknya pendaftar yang melakukan pendaftaran secara bersama – sama.

4.1.6.2. Halaman Menu Calon Siswa a. Menu ganti pin Pada menu ganti pin ini memiliki beberapa kolom yang harus diisi dan akan memvalidasi jika ada kolom yang belum terisikan. Menu ganti pin ini mencakup pin lama, pi baru dan pin baru (ulangi) dan terdapat 2 button yakni button kirim dan reset. Seperti pada gambar di bawah ini :

Gambar 4.1.6.2. (a) Halaman Menu Ganti Pin Dalam mengisi pin lama dan pin baru harus diisi semua, karena akan divalidasi oleh sistem jika terdapat kolom yang kosong. Ditampilkan pada gambar di bawah ini : commit to user



Gambar 4.1.6.2. (a1) Validasi Ganti Pin Gambar validasi di atas menunjukkan bahwa kolom yang ada diharuskan untuk diisi semua. apabila salah satu tidak diisi maka akan tampil warning seperti gambar berwarna merah tersebut. Dan pada kolom pin baru (ulangi) itu harus diisikan sama seperti menuliskan pada kolom pin baru, jika diisi dengan pin yang tidak cocok dengan pin baru, maka akan ditampilkan warning bahwa “kolom ini tidak sesuai” seperti gambar di atas. Jika semua kolom diisikan secara benar dan ketika menekan button kirim, maka akan tampil kotak dialog seperti berikut :

Gambar 4.1.6.2. (a2) Kotak Dialog Ganti Pin Sukses

b. Menu pendaftaran Menu pendaftaran untuk calon siswa adalah menu yang digunakan calon siswa untuk mengisi formulir pendaftaran secara online. Formulir ini berisikan data – data yang harus diinputkan oleh calon siswa agar data tersebut masuk ke dalam tabel calon siswa. Pada formulir ini terdapat sebuah validasi data dimana jika calon siswa tidak mengisikan data dengan benar, maka proses pendaftaran tersebut tidak berhasil. commit to user



Maka akan ditampilkan sebuah validasi menggunakan jquery validation dan ajax dimana proses validasi data akan dicek menggunakan ajax dan jquery validation. Untuk pengecekan via ajax yakni dalam mengecek apakah no.seri ijazah yang telah diinputkan memiliki nilai sama dengan no.ijazah yang telah diinputkan sebelumnya oleh calon siswa yang lain. Selain itu, pengisian field yang lainnya menggunakan jquery validation. Formulir pendaftaran calon siswa dapat dilihat pada gambar di bawah ini:

Gambar 4.1.6.2. (b) Formulir Pendaftaran Calon Siswa Validasi

menggunakan

jquery

validation

ini

akan

mempermudah suatu pemvalidasian dalam menangani kesalahan data atau data yang tidak valid yang nantinya akan masuk ke tabel calon siswa di dalam database psb_pacitan untuk proses ke dalam seleksi siswa baru. commit to user



Pada gambar di bawah ini ditampilkan suatu form yang tidak diisi sama sekali oleh calon siswa sehingga ketika ditekan button daftar, maka yang terjadi yakni terdapat banyak warning untuk mengisikan kolom – kolom yang masih kosong agar pendaftaran tersebut bisa sukses, yakni sebagai berikut :

Gambar 4.1.6.2. (b1) Validasi Formulir Calon Siswa Pada field yang divalidasi menggunakan ajax, yakni field no. seri ijazah, akan ditampilkan suatu text yang berisi no.ijazah tersedia maksudnya adalah no. ijazah tersebut belum dipakai oleh calon siswa manapun. (gambar 4.1.6.2. (b2)), dan juga menampilkan text no.ijazah telah ada sebelumnya yakni jika no. ijazah tersebut sudah dipakai oleh calon siswa lain untuk mendaftar pada gambar 4.1.6.2. (b3). commit to user



Gambar 4.1.6.2. (b2) No. Seri Ijazah yang Valid

Gambar 4.1.6.2. (b3) No. Ijazah Double Untuk nilai rata – rata UAN harus diisikan sesuai dengan nilai rata-rata UAN yang terdapat di ijazah masing-masing siswa. Tampilan jika pendaftaran telah sukses yakni pada gambar di bawah ini :

Gambar 4.1.6.2. (b4) Pendaftaran Sukses Calon siswa baru bisa mengedit atau mengupdate data pendaftaran pada menu siswa bagian pendaftaran dengan klik button daftar jika selesai mengedit data. Maka otomatis data yang akan digunakan yakni data terakhir yang telah berhasil diupdate.

c. Menu ujian online Menu ujian online akan bisa diakses oleh calon siswa pada satu waktu yakni ketika ujian online tersebut telah dibuka secara bersamasama dan semua calon siswa yang mendaftar wajib mengikuti ujian online ini karena akan member nilai lebih pada hasil seleksi siswa baru. commit to user



Ujian ini menerapkan buka dimana kondisi dibuka pada saat ujian akan dimulai dan ditutup pada saat ujian belum dibuka atau ujian telah ditutup. Untuk setiap calon siswa yang mendaftar mempunyai satu kali kesempatan dalam melaksanakan ujian online. Kondisi dimana sistem ujian online ini dibuka yakni sebagai berikut :

Gambar 4.1.6.2. (c) Tampilan Mulai Ujian Online Ketika semua calon siswa telah mengklik link “MULAI”, maka siswa tersebut telah siap untuk memulai ujian online dan akan tampil windows ujian online seperti berikut ini :

commit to user



Gambar 4.1.6.2. (c1) Ujian Online Berlangsung Soal yang dikerjakan calon siswa yakni berjumlah 20 soal dengan mata pelajaran sama dengan ujian nasional atau UAN yakni matematika, B. Indonesia, B. Inggris, IPA. Sedangkan waktu yang digunakan yakni bisa diedit oleh pihak sekolah misal 30 menit disesuaikan dengan beban jumlah soal yang ada. Pada ujian online disini, 30 menit untuk soal yang berjumlah 20 soal. Maka waktu akan berjalan mundur dan ketika waktu telah menunjukkan menit 30 sedangkan calon siswa belum klik button selesai, maka ujian tersebut akan otomatis tertutup seperti pada gambar di bawah ini : commit to user



Gambar 4.1.6.2. (c2) Waktu Ujian Telah Habis Ketika siswa klik button OK, maka akan muncul alert untuk konfirmasi siswa yang telah mengikuti ujian seperti pada gambar berikut ini :

Gambar 4.1.6.2. (c3) Konfirmasi Mengikuti Ujian Maka proses ujian telah selesai dilakukan. Untuk calon siswa yang ingin mengikuti ujian kembali dengan mengklik menu ujian online, maka akan muncul gambar 4.1.6.2.(c4) yang memunculkan pesan dimana calon siswa tersebut telah mengikuti ujian dan kesempatan hanya satu kali untuk setiap user yang mendaftar.

commit to user Gambar 4.1.6.2. (c4) Kesempatan Ujian Sekali



d. Menu hasil seleksi Menu hasil seleksi menampilkan data siswa yang diterima baik di dalam kota maupun di luar kota. Hasil seleksi siswa akan ditampilkan sesuai quota yang ada baik quota dalam kota maupun quota luar kota. Adapun sistem yang digunakan adalah buka tutup dimana jika status hasil seleksi bernilai 0 maka hasil seleksi tidak akan ditampilkan dan akan mendapat beberapa pesan untuk menunggu pengumuman. Jika status hasil seleksi bernilai 1, maka akan menampilkan data – data siswa diterima dengan tabel no. pendaftaran, nama, total nilai yang diperoleh dan status diterima. Bila ingin melakukan pencarian cepat, maka tekan tombol Ctrl + F pada keyboard komputer (dimiliki oleh semua browser) dimana muncul sebuah kotak pencarian. Calon siswa tinggal menuliskan nama atau np.pendaftaran sesuai keinginannya.

Gambar 4.1.6.2. (d) Menu Hasil Seleksi Siswa Diterima Misal calon siswa mencari nama bejo, maka calon siswa harus menuliskan nama bejo pada textfield find. Ketika diketik nama “bejo”, otomatis akan tampil nama “bejo” yang diblock tersebut seperti pada gambar di bawah ini : commit to user



Gambar 4.1.6.2. (d1) Pencarian Kata Sesuai Keinginan

e. Menu logout Menu logout adalah menu untuk calon siswa untuk keluar dari sistem PSB ini. Pada saat calon siswa mengklik menu ini, calon siswa tidak lagi berada pada sistem atau keluar dari sistem dan akan kembali ke halaman awal calon siswa sebelum login. Untuk bisa masuk ke sistem kembali, calon siswa harus login kembali dengan userid dan no.pin yang telah dimiliki.

4.1.7. Halaman Administrator Halaman administrator ini meliputi halaman login admin dan halaman menu admin, seperti berikut ini : 4.1.7.1. Halaman Login Admin Halaman login adalah halaman yang digunakan oleh admin untuk masuk ke sistem. Admin hanya memasukkan userid dan pin serta kode yang valid agar bisa masuk ke sistem.userid dan pin admin dibuat pada tabel admin dengan menginputkan userid yakni alamat email admin dan no. pin yang diinginkan serta penambahan nama Admin ketika admin telah berhasil login. Tampilan login admin dapat dilihat pada gambar di bawah ini : commit to user



Gambar 4.1.7.1. Halaman Login Admin

4.1.7.2. Halaman Menu Admin Halaman menu admin memiliki beberapa menu antara lain menu setup, menu create pin, menu edit beranda, edit prosedur, manage informasi, setup ujian, manage soal, tambah dalam kota, manage pendaftaran dan logout. Pembahasan setiap menu dapat dilihat sebagai berikut : a. Menu Setup Tampilan menu setup ini dapat dilihat pada gambar 4.1.7.2. dimana admin bisa melakukan setup terhadap sistem yang akan ditampilkan pada menu calon siswa maupun pengunjung. Seperti nama sekolah, email sekolah, no. telepon, quota dalam maupun luar kota point maksimal UAN, point maksimal ujian online status hasil serta nilai sertifikat ditingkat kabupaten, provinsi, maupun nasional. Pada tampilan bawah setup terdapat penentu nilai kelulusan hasil seleksi siswa baru melalui perhitungan matematis yakni (nilai rata-rata UAN x Point Max UAN) + (hasil ujian online / jumlah soal x Point Max Ujian Online) + (Nilai sertifikat). Nilai tertinggi yang diperoleh calon siswa jika benar semua yakni 120 ditambah nilai sertifikat.

commit to user



Gambar 4.1.7.2.(a) Tampilan Menu Setup Admin Quota dalam dan quota luar kota adalah batas maksimal siswa baru yang diterima di SMA Negeri 1 Pacitan. Quota ini bisa di edit berapa pun admin mau. Point max UAN adalah point rata-rata UAN yang memiliki nilai maksimal jika benar semua bernilai 10. Pengambilan point max ujian online didasarkan pada jumlah soal yang dibuat misalnya 20 butir soal. Status hasil seleksi ini merupakan sistem buka tutup pada tampilan menu hasil seleksi yang terdapat pada menu calon siswa. Arti dari status 1 dan 0 yakni jika status itu bernilai 0 maka pada menu hasil seleksi tidak akan ditampilkan data hasil seleksi siswa baru. Seperti pada tampilan berikut :

commit to user



Gambar 4.1.7.2. (a1) Menu Hasil Seleksi Pada Status 0 Terdapat pesan bahwa belum ada hasil seleksi. Jadi, hasil seleksi akan dibuka jika waktu pengumuman telah tiba. Jika status tersebut diberi nilai 1, maka menu hasil seleksi bisa menampilkan data siswa yang diterima seperti pada gambar 4.1.6.2. (d). jadi fungsi status nilai 0 dan nilai 1 ini untuk membuka menu dengan data yang ada dan menutup menu dengan menampilkan beberapa pesan tertulis. Nilai sertifikat yang ditampilkan pada menu setup ini adalah untuk memberi penilaian terhadap tingkatan sertifikat yang dimiliki oleh calon siswa atau sebagai standar penentu nilai sertifikat siswa baru. Dengan tingkatan juara I, II, dan III. Untuk juara pertama akan memperoleh nilai paling tinggi dari nilai juara II maupun III dan memiliki selisih nilai 1 dari juara 2 dan selisih nilai 2 dengan juara 3. Ada 2 button yang dipakai pada menu ini yakni button simpan dan button reset. Button simpan yakni untuk menyimpan data – data yang telah diinputkan pada menu setup ini dan akan masuk ke dalam tabel config sebagai parameter dengan value yang telah diinputkan pada menu setup. Sedangkan button reset yakni untuk mengosongkan kembali data yang telah diisikan.

commit to user



b. Menu Create Pin Menu create pin adalah menu yang diperlukan admin untuk membuat no. – no. pin yang nantinya digunakan oleh calon siswa untuk masuk ke sistem PSB. Untuk bisa melihat siapa saja yang ingin meminta pin untuk melakukan pendaftaran di sistem, maka akan ditampilkan sebuah menu untuk create pin yang diperoleh dari menampilkan tabel kontak dari userid si pengirim kontak dengan pesan yang dibuatnya. Seperti pada gambar di bawah ini :

Gambar 4.1.7.2.(b) Menu Create Pin oleh Admin Pada tampilan menu create pin di atas, terdapat tabel yang berisi email user, pesan yang disampaikan dan aksi. Aksi ini memiliki dua link dimana link hapus digunakan untuk menghapus sesuai record yang diminta dan akan hilang pada tampilan menu create akan tetapi di database masih tersimpan dan bisa ditampilkan sewaktu-waktu. Untuk link create pin adalah link yang digunakan admin untuk membuat pin dari user yang meminta pin. Dan ketika diklik link “createpin” maka alamat email user yang meminta pin otomatis akan mengisi textfield inputan pin seperti pada gambar di bawah ini :

commit to user



Gambar 4.1.7.2.(b1) Link Untuk Create Pin Pada tampilan di atas, alamat email akan terisi otomatis yakni alamat email dari field userid yang ada di tabel kontak. Apabila diklik button “CREATE PIN” maka akan diperoleh hasil berupa pin calon siswa yang otomatis userid dan pin siswa tersebut akan masuk ke dalam tabel calon siswa untuk proses pengecekan atau validasi tahap awal sebelum masuk ke sistem. No. pin yang berhasil dibuat oleh admin akan langsung terkirim ke email calon siswa tersebut yang nantinya alamat email tersebut digunakan sebagai userid. Alamat email siswa adalah userid yang digunakan untuk login calon siswa.

Gambar 4.1.7.2.(b2) Hasil Create Pin Jika pada satu hari ada banyak siswa yang mau mendaftar dengan meminta pin kepada admin, maka admin tidak perlu susah untuk membuat no. pin satu persatu. Admin cukup memasukkan banyak alamat email calon siswa baru yang dipisah dengan tanda koma maka akan tampil no. pin sesuai jumlah email yang dimasukkan. Berapapun alamat email yang dimasukkan tidak akan dibatasi oleh sistem.dan otomatis jika commit to user



misalnya ada 100 email, maka hasil no.pinnya juga akan berjumlah 100. Tampilan gambarnya sebagai berikut :

Gambar 4.1.7.2.(b3) Create Pin Banyak Email Jadi, melalui multi submit ini akan meringankan admin untuk membuat no. pin dengan permintaan calon siswa yang sangat banyak.

c. Menu Edit Beranda Pada halaman admin menu edit beranda digunakan untuk mengedit dan mengupdate data yang akan ditampilkan pada menu beranda di halaman depan dan halaman calon siswa. Penulisan paragraph yakni menggunakan free software yakni tiny_mce. Oleh karena itu, admin akan lebih mudah dalam mengedit dan menampilkan beranda menggunakan tiny_mce ini. Tampilan ini akan selalu bisa diupdate kapan pun sesuai keinginan admin serta langsung bisa dilihat hasilnya pada halaman depan PSB. Cara menginputkan gambar pada tiny_mce ini yakni dengan mengklik tool yang ada di atas lalu memasukkan alamat url gambar tersebut. Sebelumnya gambar – gambar yang ingin ditampilkan tersebut harus disimpan terlebih dahulu dalam satu folder. Gambar tampilan edit beranda pada halaman admin dapat dilihat pada gambar di bawah ini :

commit to user



Gambar 4.1.7.2.(c) Halaman Edit Beranda - Admin

d. Menu Edit Prosedur Halaman admin pada menu edit prosedur sama seperti pada menu edit prosedur yakni menggunakan tiny_mce. Pada menu ini admin mengedit atau mengupdate tata cara pendaftaran di SMA Negeri 1 Pacitan. Agar calon siswa maupun pengunjung dapat melihat bagaimana sistem ini digunakan. Halaman menu edit prosedur akan ditampilkan pada halaman menu prosedur bagian depan. Untuk menyimpan atau jika sudah selesai dalam mengedit prosedur, maka admin harus klik pada tombol simpan, yang otomatis prosedur akan terupdate pada saat itu juga. Gambar tampilan edit prosedur ini dapat dilihat pada gambar berikut :

commit to user



Gambar 4.1.7.2.(d) Halaman Edit Prosedur - Admin e. Menu Manage Informasi Halaman Admin menu manage informasi digunakan oleh admin untuk mengupdate dan menghapus informasi baik yang baru maupun yang lama. Informasi yang akan ditampilkan pada menu informasi halaman depan PSB ini merupakan halaman yang ditampilkan dari informasi terbaru paling atas hingga informasi sebelumnya. Admin dapat dengan mudah menghapus informasi dengan klik link hapus yang ada pada menu ini. Link hapus ini adalah menghapus data bagian tampilan di sistem, tetapi tidak menghapus informasi di dalam tabel, sehingga jika ingin menampilkan informasi yang telah dihapus pada menu manage informasi, dengan membuka tabel informasi dan mengganti status informasi yang dihapus dengan nilai “0”. Karena pada status nilai “1”, maka isi informasi tersebut akan disembunyikan atau tidak dapat tampil. Gambar tampilan manage informasi dapat dilihat pada gambar di bawah inicommit : to user



Gambar 4.1.7.2.(e) Halaman Manage Informasi - Admin Pada gambar manage informasi, ketika ingin menambah informasi baru, maka admin harus mengisikan judul dan rincian informasi yang akan diupdate. Dan dengan klik button publish, maka informasi akan tampil di bawahnya berupa tabel no, judul, dan hapus.

f. Menu Setup Ujian Pada menu setup ujian ini adalah menu untuk mengatur segala sesuatu pada ujian online. Baik waktu ujian, pesan ujian, link ujian dan sebagainya. Waktu ujian ini dalam satuan menit, jadi admin bisa mengedit waktu yang diperlukan untuk ujian. Sehingga pada waktu yang telah ditentukan, ujian tersebut akan tertutup dengan sendirinya. Tampilan menu setup ujian ini dapat dilihat pada gambar berikut ini :

commit to user



Gambar 4.1.7.2.(f) Menu Edit Setup Ujian – Admin Pada gambar di atas, status ujian berupa radio dibuka dan ditutup. Ini berarti jika admin memilih opsi dibuka, maka ujian akan dibuka seperti pada gambar 4.1.6.2. (c) dengan menampilkan pesan ujian dibuka. Dan apabila admin memilih opsi ditutup, maka ujian tersebut akan ditutup dengan menampilkan pesan ujian ditutup. Pesan apabila telah mengikuti ujian maka akan menampilkan pesan seperti gambar di atas pada bagian pesan sudah ikut ujian. Link ujian pada gambar di atas merupakan link dimana script ujian ini ditampilkan yakni pada alamat link : “ index.php?halaman=mulaiujian”. Apabila telah selesai mengedit, commit to mengklik user admin bisa menyimpannya dengan button simpan.



g. Menu Manage Soal Menu manage soal adalah menu yang dipergunakan oleh admin utuk menambahkan soal dan menghapus soal ujian. Pada gambar di bawah ini ditampilkan cara manage soal ujian :

Gambar 4.1.7.2.(g) Menu Edit Manage Soal – Admin Pada gambar di atas, admin diminta untuk mengisikan soal dan opsi jawabannya dari a,b,c,d, sampai e. Dan harus menampilkan jawabannya dengan memilih grup pada jawaban yang tersedia. Dan ketika klik simpan, maka secara otomatis akan langsung tampil di bagian bawahnya. Apabila admin menginginkan untuk menghapus soal, maka admin harus memilih link hapus yang ada pada kolom hapus soal. Soal bisa menampilkan gambar yakni dengan member tag html pada textfield soal seperti contoh : “. Penambahan soal ini nantinya akan masuk ke dalam tabel soal. commit to user



h. Menu Tambah Dalam Kota Pada menu ini admin diperbolehkan untuk menambah nama – nama sekolah yang masuk pada daftar sekolah dalam kota pacitan. Yakni dengan mengisi nama sekolah lalu klik button tambah. Maka akan tampil nama sekolah yang baru saja ditambah di bagian bawah yang terdiri atas no., nama sekolah dan hapus. Jika admin menginginkan untuk menghapus nama sekolah tertentu, harus mengklik link hapus yang telah tersedia pada menu ini. Link ini tidak menghapus data langsung hilang. Akan tetapi masih bisa ditampilkan lagi sama seperti link hapus pada manage informasi. Tampilan menu tambah dalam kota dapat dilihat pada gambar di bawah ini :

Gambar 4.1.7.2.(h) Halaman Tambah Dalam Kota - Admin i. Menu Manage Pendaftaran Menu manage pendaftaran ini merupakan menu yang digunakan oleh admin dalam memanage pendaftar yang telah masuk pada quota pada kolom status siswa yakni tolak, batal, diterima. Apabila memilih link batal, maka siswa tersebut adalah siswa yang mengundurkan dengan tidak memenuhi kelengkapan persyaratan pendaftaran. Apabila dipilih commit to user



diterima, maka siswa tersebut nantinya kan ditampilkan pada hasil seleksi pada menu hasil seleksi di halaman calon siswa. Jika memilih tolak, maka nantinya tidak akan ditampilkan pada hasil seleksi karena siswa tersebut telah ditolak oleh pihak PSB dikarenakan mungkin sesuatu hal atau dengan nilai yang kurang mencukupi. Default untuk status siswa ini sebelum dimanage adalah “TERIMA”. Jadi dengan status terima ini, jurnal siswa ditampilkan sebanyak calon siswa yang berstatus terima sesuai quota. Memanage calon siswa ini dibagi dalam 2 sekolah yakni sekolah dari dalam kota dan sekolah dari luar kota. Sehingga pada tampilan menu seleksi siswa baru yang ditampilkan adalah siswa yang diterima baik dari dalam kota maupun luar kota. Gambar tampilan manage pendaftaran seperti di bawah ini :

Gambar 4.1.7.2.(i) Halaman Manage Pendaftaran - Admin

j. Menu Logout Menu logout yang ada pada halaman admin adalah menu yang digunakan oleh admin untuk keluar dari sistem PSB ini. Jika admin ingin kembali masuk ke sistem harus melalui login terlebih dahulu pada halaman login admin. commit to user



4.2. Analisis Implementasi Sistem informasi penerimaan siswa baru di SMA Negeri 1 Pacitan merupakan sistem informasi SMA Negeri 1 Pacitan yang digunakan untuk proses penerimaan siswa baru yang dilaksanakan secara online baik pendaftaran maupun Ujian penerimaan siswa baru. Setiap siswa yang mendaftar akan memperoleh no.PIN dimana PIN tersebut diperoleh dengan cara online atau dengan cara datang langsung ke SMAN 1 Pacitan. Untuk no.PIN yang diperoleh secara online yakni dengan mengirimkan alamat email ke dalam kontak sehingga akan diproses selanjutnya oleh administrator dengan mengirim no.PIN yang telah dibuat. Setiap siswa akan memperoleh no.PIN berbeda-beda sesuai alamat email yang ada. Setelah siswa menerima no.PIN masing-masing, maka siswa bisa mengakses sistem PSB ini dengan Login menggunakan alamat email dan PIN serta mengisikan kode yang telah ada secara benar. Di dalam sistem, siswa yang telah berhasil login akan mengisikan formulir pendaftaran dan mengikuti ujian online bersama sesuai waktu yang telah ditentukan. Siswa yang telah mengisikan formulir secara lengkap dan mengikuti ujian maka siswa tersebut telah terdaftar sebagai calon siswa baru di SMA Negeri 1 Pacitan dan bisa melihat hasil seleksi siswa baru bagi siswa yang diterima maupun yang tidak diterima. Penerimaan siswa baru yang dilakukan secara online akan mempermudah sekolah dalam melakukan seleksi siswa baru yang telah mendaftar di SMA Negeri 1 Pacitan. Sehingga akan mendapatkan data yang valid dan lengkap serta memudahkan mengelola data siswa yang banyak dan lebih teratur. Kelebihan dan Kekurangan Sistem PSB ini antara lain : 1. Kelebihan a. Proses pendaftaran siswa baru menjadi lebih mudah. b. Penyeleksian calon siswa menjadi lebih cepat dan efisien c. Sekolah tidak lagi memerlukan banyak tindakan dalam menerima pendaftaran. d. Siswa yang mendaftar bisa mengikuti ujian secara online tanpa harus ujian langsung di SMA Negeri 1 Pacitan. commit to user



2. Kekurangan a. Fitur – fitur web masih kurang lengkap b. Belum adanya sistem backup dan restore data c. Tampilan masih kurang menarik d. Tidak adanya fitur menambahkan untuk foto pribadi. Pembuatan sistem informasi penerimaan siswa baru sekolah menengah atas ini membutuhkan berbagai macam kebutuhan diantaranya : a.

Perangkat Lunak Perangkat Lunak yang digunakan dalam pembuatan Sistem

informasi PSB ini adalah : 1. Macromedia Dreamweaver 8 untuk membuat program html, CSS ataupun PHP. 2. Adobe Photoshop 7.0 untuk membuat desain gambar PSB 3. Corel Draw 11 untuk membuat desain yang berhubungan dengan grafis 4. Notepad ++

untuk membuat program dalam php yang secara

langsung dapat diketahui letak kesalahannya. 5. MySQL untuk database sistem atau tempat menyimpan berbagai macam data. 6. Opera, Internet Explorer, Mozilla Firefox sebagai web browser. 7. Appserver sebagai sever dalam menjalankan sistem PSB ini di browser. b.

Perangkat Keras Perangkat keras yang digunakan minimal sebagai berikut : 1.

Sistem Operasi

: Windows XP

2.

Processor

: Intel Pentium 4

3.

Memory

: 512 MB

4.

Harddisk

: 160 GB

commit to user


digilib.uns.ac.id

BAB V PENUTUP

5.1.

Kesimpulan Berdasarkan penelitian dan pembuatan yang telah dilakukan dapat

diambil kesimpulan bahwa dengan pembuatan sistem informasi penerimaan siswa baru di SMA Negeri 1 Pacitan dapat memudahkan dalam hal : 1. Proses pendataan calon siswa yang akan mendaftar di SMA Negeri 1 Pacitan. 2. Proses pendaftaran yang dilaksanakan secara online. 3. Proses validasi data untuk formulir pendaftaran online. 4. Pelaksanaan ujian online bagi siswa yang telah mengisi pendaftaran online. 5. Pelaksanaan seleksi siswa baru yang bisa dilihat baik dari dalam kota maupun luar kota.

5.2.

Saran Dalam pengembangan penggunaan sistem informasi ini untuk kemudian

hari atau di hari mendatang, maka diperlukan adanya saran sebagai berikut : 1.

Adanya sistem backup dan restore data perlu untuk meminimalisir kemungkinan data hilang.

2.

Sistem ini dapat ditambah dengan import data dari Ms. Word maupun Ms. Excel.

3.

Dalam

pengembangannya,

dimungkinkan

dapat

dibuat

suatu

pengolahan penerimaan siswa dimana dalam hasil seleksi siswa yang berada di dalam kota yang memiliki nilai terendah yang telah memenuhi quota yang memiliki hasil sama dengan nilai tertinggi yang dimiliki oleh siswa yang berada di luar kota. Sehingga siswa tersebut mampu diterima meski quota dalam kota telah mencukupi. Meminimalisir kemungkinan siswa yang diterima dari luar kota dengan nilai jelek ataucommit rendah.to user 61


digilib.uns.ac.id

DAFTAR PUSTAKA

Kadir, Abdul, 2003. Pemrograman Web Mencakup : HTML, CSS, Java Script & PHP. Yogyakarta : Penerbit ANDI. MADCOMS, 2004. Aplikasi Program PHP & MySQL untuk Membuat Website Interaktif. Madiun : Penerbit ANDI. Nugroho, Bunafit, 2004. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Yogyakarta : Penerbit Gava Media. Siswuotomo, Wiwit, 2006. Kiat Jitu Kerja Praktek Membangun Software dan Web. Jakarta : PT Elex Media Komputindo. Sugiri, Kurniawan, Budi, 2007. Desain Web Menggunakan HTML + CSS. Jakarta : Penerbit ANDI. Utomo, Eko Priyo, 2008. 125 Tips Menguasai Bahasa PHP. Bandung : CV. YRAMA WIDYA. Jimmy, 2004. Ilmu Komputer. From http://id.wikipedia.org/wiki/Ilmu_komputer. 12 Desember 2010

commit to user

62

SISTEM INFORMASI PENERIMAAN SISWA BARU DI SMA NEGERI 1 PACITAN TUGAS AKHIR. Program Diploma III Ilmu Komputer

Recommend Documents