Membuat PPDB Sekolah dan Computer Based Test · Guru TKJ SMKN 1 KOTAAGUNG BARAT - LAMPUNG “Buku PPDB online ini sangat membantu sekolah kami terutama dalam pembelajaran website

M e m b u at P P D B S e ko l a h

dan Computer Based Test

CV. LOKOMEDIA

Agus Hariyanto

d e n g a n P H P + M y S Q L i

ii

Membuat PPDB Sekolah dan Computer Based Test dengan PHP + MySQLiPerpustakaan Nasional : Katalog Dalam Terbitan (KDT)Penulis : Agus HariyantoMembuat PPDB Sekolah & Computer Based Test dgn PHP + MySQLi- Cet. I. - Yogyakarta : Penerbit Lokomedia, 2020 238 halaman; 14 x 21 cm ISBN : 978-602-6231-26-0

Penerbit Lokomedia, Cetakan Pertama : Juli 2020

Editor : Lukmanul HakimCover : Subkhan AnshoriLayout : Lukmanul Hakim

Diterbitkan pertama kali oleh :CV. LOKOMEDIAJl. Jambon, Perum. Pesona Alam Hijau 2 Kav. B-4, Kricak Yogyakarta 55242.

email : [email protected] : www.bukulokomedia.com

Copyright © Lokomedia, 2020

Hak Cipta dilindungi oleh Undang-Undang

Dilarang memperbanyak, mencetak ataupun menerbitkan sebagian maupun seluruh isi buku ini tanpa izin tertulis dari penerbit.

iii

TESTIMONI

Nuning Rodiyah

Komisioner Komisi Penyiaran Indonesia Pusat

“Selain dilampirkan Source Code, buku ini dilengkapi Video Tutorial untuk memandu pembaca mempelajari step by step membuat Website Profil dan PPDB Sekolah dan Aplikasi Tes Berbasis Komputer.

Sebuah buku kreatif yang dipadukan dengan tayangan yang edukatif. Semoga Buku dan Channel Edukasinya melalui youtube bermanfaat untuk Indonesia.”

Baiquni, SS

Desainer Grafis/Guru Bahasa Inggris

“Saya sudah membeli buku edisi sebelumnya, sangat detail itu yang saya sukai. Edisi terbaru memang sudah saya tunggu bahkan memang saya harapkan. Dan semoga mas Agus H. juga menulis buku-buku membuat website lain dengan PHP. Terima kasih telah membuat edisi terbarunya. “

Edi Irawan

Dosen IAIN Ponorogo

“Sebuah buku yang praktis dan mudah dipahami oleh orang awam dengan latar belakang pendidikan bukan TIK sekalipun. Membaca buku ini mempermudah kita dalam mengembangkan aplikasi pendaftaran peserta didik baru (PPDB) yang terintegrasi pada website Sekolah/Madrasah sekaligus aplikasi untuk Ujian Berbasis Komputer (CBT).

Buku ini sangat bermanfaat bagi para guru, tenaga administrasi, serta para mahasiswa yang sedang mengembangkan aplikasi tersebut.”

iv

Agus Mahfud Fauzi

Dosen/Ketua Pusat Studi Perubahan Sosial Unesa

“Buku ini memudahkan para pengelola lembaga pendidikan menampilkan profesionalisme dan kemoderenan sekolah. Calon siswa dan orang tua lebih yakin bahwa sekolah yang dipilih bonafid dan membawa sang siswa mewujudkan cita-citanya.

Keemasan lembaga Saudara, tidak bisa bertahan lama kecuali perlu ada kreativitas untuk menyapa calon siswa dan menampilkan branding positif. Sudah saatnya menjadi pelopor branding sekolah maju, modern dan memberi kemudahan konsumen.”

Imam Nasrulloh

Komisi II DPRD Kab. Ngawi

Buku ini sederhana tetapi sangat bermanfaat untuk diterapkan di sekolah- sekolah. Selain dimanfaatkan untuk PPDB dan Tes berbasis komputer di sekolah. Dapat juga digunakan untuk publikasi karya-karya siswa menggunakan akun masing-masing.

Buku yang harus ada di setiap perpustakaan sekolah di seluruh Indonesia.”

Fathur Rohman.S.Kom.

Alumni Fakultas Teknik Informatika Univ Trunojoyo

Anggota Lembaga Sensor Film Jawa Timur

“Buku ini sangat berguna sebagai referensi bagi praktisi maupun yang sedang mulai belajar membuat Website dan Aplikasi PPDB sekolah maupun Aplikasi Computer Based Test. Bahasanya sederhana dan mudah dipahami disertai Source Code yang dapat langsung diterapkan.”

v

Purnomo Satrio Pringgodigdo

Komisioner Bawaslu Prov. Jawa Timur

“Buku PPDB dan Computer Based Test ini ditulis oleh orang yang bukan memiliki latar belakang programmer. Penulis ingin mengajak semua orang dari latar belakang apapun untuk belajar sampai bisa membuat aplikasi berbasis PHP dengan database MySQLi. Membaca dan menerapkan buku ini seakan-akan “Dejavu” bagaimana penulis belajar pemrogaman secara otodidak.”

Andri Stiawan (andriprject.com)

Guru di MTs. Falahul Huda Kab. Kendal

“Bangga rasanya bisa memiliki buku pemrograman website Karya Anak Bangsa, Salah satunya adalah Buku yang berjudul “Membuat Website Profil Sekolah + PPDB Online” Karya Mas Agus Haryanto. Buku tersebut disajikan secara terstruktur dan sistematis, sehingga memudahkan bagi pembaca yang baru mengenal dunia pemrograman khususnya PHP.

Selain itu, layanan after salesnya juga responsive dan memuaskan. Semoga Mas Agus tambah produktif dan bisa menerbitkan buku-buku baru.”

Supriyadi, S.Kom

Guru TKJ SMKN 1 KOTAAGUNG BARAT - LAMPUNG

“Buku PPDB online ini sangat membantu sekolah kami terutama dalam pembelajaran website sangat mudah dipahami dan dimengerti oleh pembaca.

Didalam buku ini disertai source codenya dan contoh-contoh website dasar dan dapat diimplementasikan menjadi website penerimaan siswa baru secara online. Source code buku ini sudah kami implementasikan SMKN 1 Kota Agung Barat.”

vi

Eko Heru

Tenaga Ahli Madya P3MD Kementerian Desa PDTT

“Bahasa yang digunakan pengarang dalam buku ini menggunakan bahasa yang komunikatif sehingga mudah dipahami oleh pembaca dengan membaca dan mengikuti petunjuk dengan tertib dapat menguasai dalam waktu singkat.”

Wira Swastika, SE., M.M

Diskominfo Pacitan

“Buku ini menjadi jawaban bagi Anda atau sekolah Anda untuk maju puluhan langkah lebih cepat dengan cara yang lebih mudah. Dengan buku ini, siswa-siswa sekolah semua jurusan bisa lebih cepat bergerak dari dunia cetak ke dunia digital.”

Lukmanul Hakim

Founder Lokomedia

“Keunggulan utama buku ini terletak pada pengalaman penulisnya sendiri dalam membuat dan mengaplikasikan langsung PPDB Online dan CBT di sekolah-sekolah. Sehingga penulisnya mengenal betul seluk beluk aplikasinya serta troubleshooting saat ujicoba dilakukan. Practice makes perfect.“

vii

UCAPAN TERIMAKASIH

“Semoga Allah SWT akan membalas kamu dengan kebaikan yang banyak dan semoga Allah SWT akan membalas kamu dengan balasan

yang terbaik.”

Banyak pihak yang sudah terlibat dalam penulisan buku ini, baik secara langsung maupun tidak langsung. Meski tidak bisa kami sebutkan satu per satu, tetapi kepada semuanya kami mengucapkan terima kasih atas

sampainya buku ini di tangan Anda.

Ketika buku ini berada di tangan Anda, tentunya buku ini masih jauh dari kata sempurna dan masih dibutuhkan dari kami untuk menambah pengetahuan agar pada edisi-edisi yang akan datang dapat seperti yang

pembaca harapkan dan inginkan.

Untuk itu izinkan kami penulis untuk mengucapkan Syukron wa Jazakallahu khairon kepada:

Kedua Orang tua yaitu Ibundaku tersayang (Alm.Rusminah) dan juga Ayahanda yang sudah membimbing dan memberikan kesempatan untuk

menjadi bagian dari kehidupan.

Istriku satu-satunya; Setyawati Dwi Susanti terima kasih white coffenya

Buah dari Hatiku Yang Pertama; Yusuf Achsanul Azzam

Keluarga Besar KAHMI Kabupaten Pacitan.

Keluarga Besar PNPM-MPd Provinsi Jawa Timur, khusunya kabupaten Pacitan, Ponorogo dan Trenggalek.

Keluarga Besar LPYP Insan Cita

Keluarga Besar STKIP PGRI Pacitan

Kepada pemberi Testimoni yang tak bisa saya sebutkan satu per satu

Kepada pembaca buku-buku saya

viii

Halaman ini Sengaja Dikosongkan

www.bukulokomedia.com

ix

KATA PENGANTAR CETAKAN KETIGA

Sejak pertama kali buku ini diterbitkan tahun 2015 silam, buku ini sudah terjual ribuan eksemplar diseluruh Indonesia. Seiring berjalannya waktu, teknologi juga berkembang semakin pesat tak terkecuali teknologi yang mencakup pemrogaman dan pengembangan aplikasi didalamnya. Demikian pula dengan isi buku ini, rentang waktu 5 tahun tentu bukan waktu yang lama untuk teknologi berubah. Banyak perubahan dan inovasi yang terjadi secara simultan dan dalam waktu yang singkat dan cepat.

Namun demikian, tidak semua orang bisa mengikuti perkembangan dunia secepat perubahan yang nampak di permukaan. Kenyataannya masih banyak orang yang perlu mempelajari pemrograman berbasis PHP dari dasar hingga benar – benar menguasai untuk bisa meningkatkan kemampuannya sesuai dengan perkembangan yang ada. Hal ini diperkuat dengan masih tingginya permintaan pasar akan sumber pengetahuan yang menyediakan tuntunan secara instan dan praktis terkait dasar-dasar pengembangan aplikasi berbasis PHP dengan database MySQLi.

Buku ini kembali dicetak ditahun 2020 dengan tetap mempertahankan naskah asli tetapi ada beberapa penyesuaian dengan perkembangan teknologi yang ada. Ada beberapa fitur lama yang dirubah agar aplikasi PPDB Online yang terintegrasi dengan website sekolah ini bisa berjalan di semua jenis server yang banyak dipakai saat ini.

Selain penyesuaian terhadap lingkungan server, juga ada beberapa perubahan mendasar serta perbaikan code-code dan struktur aplikasi. Ini semua dilakukan atas beberapa contoh kasus dan masukan dari pembaca serta pengalaman pengguna baik saat dijalankan di server lokal (Localhost) maupun saat di upload di web hosting (Online). Untuk lebih lengkapnya apa saja perubahan yang ada pada cetakan ketiga ini silahkan dilihat di catatan perubahan.

Menariknya lagi, pada cetakan ketiga ini juga digabungkan dengan buku saya yang kedua yaitu Membuat Aplikasi Computer Based Test (CBT). Hal ini tentu membuat buku ini semakin menarik untuk dipelajari dan dipraktekkan. Dalam buku ini selain mempertahankan pembahasan dari dasar-dasar PHP secara step by step juga disertakan dua contoh aplikasi siap pakai yaitu Website sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer.

Dalam penulisan buku ini, penulis berusaha membahasnya lebih detail dari level novice to expert, sehingga semua pembaca baik dari kalangan Programmer

x

maupun non programmer atau bahkan yang belum pernah belajar Coding pun mampu membuat Website sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer.

Meski dalam buku ini penulis berusaha untuk membahasnya dengan bahasa yang sederhana agar mudah dipahami dan dipraktekkan, akan tetap seringkali pembaca juga mengalami kesulitan. Untuk itu agar semua pembaca bisa belajar bareng dan menguasai cara pembuatan Website sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer serta bisa mengaplikasikannya. Penulis sudah menyiapkan source code dan video tutorial.

Selain itu, bagi para pembaca yang mengalami kendala, bisa mengirimkan masalah yang dihadapi ke penulis yang kemudian akan kami bantu dengan memberikan Technical Assistant kepada pembaca melalui saluran berbagi saluran media yaitu:

Email : [email protected]

Youtube Channel : https://www.youtube.com/c/ImagoMedia

Instagram : https://www.instagram.com/imagomedia.co.id/

Twitter : https://twitter.com/imagomedia_id

Sebagai penutup, dengan penulis menyediakan saluran-saluran digital diatas. Ke depan pembaca setia buku Membuat Website sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer bisa mendapatkan update-update dan perbaikan dari aplikasi yang ada. Hal ini dirasa penting agar pembaca bisa mengikuti perubahan-perubahan teknologi yang cepat.

Dengan demikian, tujuan penulisan buku ini bisa tercapai yaitu Semua Bisa Membuat Aplikasi Berbasis PHP dan MySQLi. Pemrograman bukan hanya untuk mereka yang sekolah di jurusan IT tetapi jurusan bahasa, jurusan seni dan jurusan lainpun bisa. Seperti saya, saya adalah lulusan Sarjana Pendidikan Bahasa Inggris. Ayo belajar, terus belajar dan belajar lagi. Tak peduli jurusan apa, umur berapa, tinggal dimana. Yang penting ada kemauan belajar kita semua pasti bisa.

Akhir kata penulis berharap agar buku ini bermanfaat untuk perkembangan dunia teknologi pendidikan khususnya dan ilmu pengetahuan pada umumnya. Penulis berharap dari buku ini membawa banyak manfaat bagi para pembaca dan bisa berbagi ilmu dengan sesama untuk mewujudkan cita-cita masyarakat adil makmur yang di ridhoi Allah SWT.

Pacitan, 21 Ramadhan 1441 H

Agus Hariyanto

xi

CATATAN PERUBAHAN CETAKAN KETIGA

Beberapa perubahan yang dilakukan pada source code Website Sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer (CBT).

1. Perubahan bahasa penulisan dari semula PHP dengan database MySQL ke PHP dengan database MySQLi. Dengan demikian, aplikasi Website Sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer dapat dijalankan pada server lokal dan web hosting yang saat ini digunakan.

2. Ada beberapa revisi code yang semula masih ada celah-celah kelemahan serta broken link sehingga source code yang sekarang sudah meminimalisir kesalahan penulisan dan perbaikan alur antar link.

3. Pembaruan video tutorial untuk mempermudah pembaca mempelajari secara bertahap. Untuk lebih lengkapnya silahkan dilihat di source code serta video lampiran buku ini. Selain itu juga penulis menyediakan channel youtube yang menyediakan video-video penunjang di channel youtube Imago Media yang bisa diakses di https://www.youtube.com/c/ImagoMedia.

4. Untuk lebih memudahkan pembaca mengatasi kendala yang dihadapi saat belajar membuat Website sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer. Penulis sudah menyediakan Grup WhatsApp sebagai ruang diskusi jika pembaca mengalami kendala. Silahkan bergabung di grup WhatsApp pada tatutan https://chat.whatsapp.com/DkI8vIjl5r60BSeREXvUUu atau minta bergabung di WhatsApp 08174136638.

5. Yang terakhir, penulis juga menyediakan sebuah blog untuk membahas dan membantu memecahkan masalah yang dihadapi pembaca ketika menerapkan tahap demi tahap dalam membuat Website sekolah dengan Fitur PPDB Online dan Aplikasi Test Berbasis Komputer. Pembaca bisa mengakses ke www.blog.imagomedia.co.id serta bisa bertanya melalui email di [email protected] untuk kemudian dibahas melalui tulisan di blog maupun dengan video di channel youtube.

xii

Demo aplikasi dapat dilihat langsung secara online di:

http://ppdb.imagomedia.co.idhttp://cbt.imagomedia.co.id

xiii

DAFTAR ISI

TESTIMONI.....................................................................................................iii

KATA PENGANTAR CETAKAN KETIGA ..............................................vii

CATATAN PERUBAHAN CETAKAN KETIGA .......................................ix

DAFTAR ISI .....................................................................................................xi

BAGIAN I. APLIKASI PPDB ONLINE

BAB 1. Gambaran Umum Web Profil Sekolah dan PPDB Online ............1

1.1. Pentingnya Web Profil Sekolah dan PPDB Online.....................................2

1.2. Alur PPDB Online........................................................................................4

1.3. Merancang Web Profil Sekolah dan PPDB Online ....................................5

1.4. Konten Web Profil Sekolah dan PPDB Online ...........................................6

1.5. Menyiapkan Perangkat untuk Membangun Website ..................................8

BAB 2. Dasar-Dasar PHP dan MySQLi ......................................................11

2.1. Sekilas Tentang Pemrograman PHP ..........................................................12

2.2. Tool yang Digunakan dalam Pemrograman PHP .....................................13

2.2.1. Web Server dan Database ................................................................13

2.2.2. Web Browser ....................................................................................14

2.2.3. Text Editor ........................................................................................15

2.3. Sekilas Tentang Database dan MySQL .....................................................16

2.4. Migrasi MySQL ke MySQLi.....................................................................19

2.5. Membuat Database dan Tabel di MySQL .................................................23

2.6. Distribusi Data MySQL dengan phpMyAdmin ........................................27

xiv

2.6.1. Export Database ...............................................................................27

2.6.2. Import Data ke Database .................................................................30

BAB 3. Kolaborasi PHP dengan AJAX/jQuery ..........................................35

3.1. Sekilas Tentang AJAX ...............................................................................36

3.2. Beberapa Keguanaan AJAX ......................................................................37

3.3. Menyederhanakan AJAX dengan jQuery .................................................40

3.4. Apa dan Bagaimana jQuery itu? ................................................................41

3.5. Cara Penerapan jQuery dalam Coding PHP .............................................42

BAB 4. Aneka Trik PHP Pendukung Proyek ..............................................45

4.1. Menambahkan Google Custom Search di Website ..................................46

4.1.1. Setup Search Engine ........................................................................47

4.1.2. Kustomisasi Control Panel ..............................................................49

4.1.3. Mengaplikasikan Google CSE pada Kode Website Kita ...............50

4.2. Customer Service Online dengan Zopim Live Chat .................................54

4.3. Membuat Scrollbar di Website ..................................................................56

4.4. Membuat Tombol Load More ...................................................................59

4.5. Membuat Load More Saat Scroll ke Bawah .............................................65

4.6. Membuat Image/Url Preview dengan Tooltip...........................................69

4.6.1. Image Preview untuk Blog Siswa ...................................................70

4.6.2. Url Preview untuk Blog Siswa ........................................................73

4.6.3. Url Preview pada Halaman HTML .................................................77

4.4. Membuat Form Login dengan Database ...................................................80

BAB 5. Membedah Proyek Web Profil Sekolah dan PPDB Online .........85

5.1. Mempersiapkan Folder Proyek .................................................................86

xv

5.2. Membuat Database dan Import Tabel .......................................................91

5.3. Konfigurasi Web Profil Sekolah dan PPDB Online ..................................93

5.4. Membuat File .htaccess..............................................................................96

5.5. Membuat Template dan Hitung Jumlah Pengunjung ...............................99

5.6. Membuat Menu Navigasi Warna Warni dengan CSS ............................101

5.7. Mengatur Content dan Widget oleh Administrator .................................103

5.8. Setting Content (Halaman Utama) ..........................................................106

5.9. Setting Widget (Sidebar Widget) .............................................................110

5.10. Setting Halaman Statis ...........................................................................113

5.11. Setting Halaman Blog Siswa .................................................................114

5.12. Membuat Halaman Pendaftaran Calon Peserta Didik ..........................115

5.13. Membuat Halaman Bukti Pendaftaran ..................................................119

5.14. Pengelolaan Data Pendaftar dan Laporan PDF ....................................122

5.15. Membuat Halaman Info PPDB Online .................................................124

5.16. Setting Daya Tampung dan Nilai Tes Minimal .....................................126

5.17. Setting Hasil Seleksi Calon Peserta Didik Baru ...................................128

5.18. Setting Halaman Buku Tamu dan Kontak ............................................130

BAGIAN II. COMPUTER BASED TEST (CBT)

BAB 6. Gambaran Umum Computer Based Test (CBT) ........................133

6.1. Apa itu Computer Based Test (CBT)? .....................................................134

6.1.1. Independent Offline Computer Based Test ...................................134

6.1.2. Offline Computer Based Test ........................................................135

6.1.3. Online Computer Based Test .........................................................137

6.2. Bagaimana Computer Based Test Diterapkan? ......................................138

6.3. Bagaimana Membangun Aplikasi CBT? ................................................140

xvi

BAB 7. Teknik Dasar Pembuatan Aplikasi Computer Based Test .........143

7.1. Menghubungkan PHP dengan Database MySQL ..................................145

7.2. Proses Input Data ke Database MySQL ..................................................147

7.3. Menampilkan Data dari Database MySQL .............................................152

7.4. Mengubah dan Menyimpan Hasil Perubahan Data ................................154

7.5. Menghapus Data dengan PHP .................................................................159

7.6. Penerapan CRUD (Membuat Aplikasi Mini Test) ..................................162

7.6.1. Mengenal .htaccess dan Fungsinya ...............................................164

7.6.2. Membuat Modul Pendukung Aplikasi Mini Test .........................166

7.6.3. Membuat Modul Tampil Jawaban .................................................168

7.6.4. Membuat Modul Halaman dan Modul Selesai Test .....................169

7.6.5. Modul Aksi Simpan Data dan Pengalihan Halaman ....................172

BAB 8. Mengembangkan Modul -Modul Aplikasi CBT .........................175

8.1. Menambahkan Hak Akses User dengan Login .......................................176

8.2. Membuat Menu & Modul untuk Level Administrator ...........................182

8.2.1. Modul Menu Utama .......................................................................184

8.2.2. Modul Sub Menu ...........................................................................185

8.2.3. Modul Kategori Test ......................................................................186

8.2.4. Modul User Administrator .............................................................187

8.3. Membuat Modul untuk Level Penguji / Guru .........................................190

8.3.1. Modul User Penguji .......................................................................191

8.3.2. Modul Pertanyaan ..........................................................................191

8.3.3. Modul Hasil Test ............................................................................192

8.4. Membuat Modul untuk Level Peserta Tes ..............................................194

8.4.1. Modul User Peserta Tes .................................................................195

8.4.2. Modul Daftar Test ..........................................................................196

8.4.3. Modul Test ......................................................................................196

8.5. Modul Import Data dari Excel ke MySQL .............................................197

8.6. Menambahkan Text Editor pada Form Pertanyaan ................................204

BAB 9. Integrasi Aplikasi CBT dengan Bootstrap ...................................207

9.1. Export HTML Bootstrap Menjadi PHP Bootstrap .................................208

9.2. Export Sub HTML Menjadi Sub PHP.....................................................212

9.2.1. Export Form HTML Menjadi Form PHP Bootstrap ....................214

9.2.2. Memanggil Modul Sub PHP dari Halaman Utama ......................216

9.3. Membuat Menu Navigasi pada PHP Bootstrap ......................................217

BAB 10. Cara Menggunakan Aplikasi CBT .............................................221

10.1. Instalasi Aplikasi CBT ...........................................................................223

10.2. Menjalankan Aplikasi Computer Based Test ........................................226

10.2.1. Login Sebagai Administrator .....................................................227

10.2.1.1 Modul User Administrator ...........................................227

10.2.1.2 Modul Kategori Test ....................................................228

10.2.1.3 Modul Reset Aplikasi ..................................................229

10.2.2. Login Sebagai Penguji ...............................................................230

10.2.2.1 Menambah, Mengubah dan Menghapus Soal ............231

10.2.2.2 Melihat Jawaban Hasil Test/Ujian Peserta ..................233

10.2.3. Login Sebagai Peserta Tes .........................................................235

10.2.3.1 Memilih Kategori Test .................................................235

10.2.3.2 Menjawab Soal-Soal Test ............................................236

10.2.3.3 Me-review Jawaban Test .............................................236

DAFTAR PUSTAKA ....................................................................................238

Bagian I

APLIKASI PPDB ONLINE

BAB I

Gambaran Umum Web Profil Sekolah

dan PPDB Online

Membuat PPDB Sekolah dan Computer Based Test2

BAB 1

Gambaran Umum Web Profil Sekolah dan PPDB Online

1.1 Pentingnya Web Profil Sekolah dan PPDB Online Salah satu tuntutan era globalisasi dalam dunia pendidikan adalah adanya sebuah pengelolaan sekolah yang terintegrasi dengan sebuah sistem informasi dan teknologi berbasis komputer. Oleh karena itu, sudah semestinya perkembangan teknologi informasi dan komputer yang kebanyakan orang mengkaitkan dengan teknologi internet (interconnected-networking) itu direspon oleh sekolah dalam rangka meningkatkan pelayanan dan kualitas pendidikan kepada siswa.

Website merupakan salah satu media penyampaian informasi dan publikasi yang mudah diakses dari mana saja, kapan saja tanpa terbatas oleh wilayah geografis yang dapat dimanfaatkan oleh sekolah.

Website dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Website bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah, hanya dari pemilik website. Sedangkan website bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah, berasal dari pemilik serta pengguna website.

Website sekolah sekarang ini sedang menjadi tren di dunia pendidikan dan website sekolah banyak mendapatkaan perhatian, tanggapan yang sangat bagus dari berbagai pihak, baik dari tenaga kependidikan, siswa, dan juga masyarakat. Dengan adanya website sekolah, semua pihak bisa merasakan manfaatnya.

Berikut beberapa kegunaan Website Sekolah, diantaranya:

1. Memperkenalkan Profil Sekolah, sehingga masyarakat mengetahui informasi penting tentang sekolah seperti Fasilitas yang tersedia, Visi dan Misi Sekolah, Sejarah berdirinya sekolah dan informasi lainnya terkait dengan sekolah.

Bab I. Gambaran Web Sekolah dan PPDB Online 3

2. Dengan Web Sekolah, akan membantu berinteraksinya semua civitas akademik, baik dari internal sekolah maupun ekstra sekolah. Dengan disediakan buku tamu dan halaman kontak, dimungkinkan civitas akademika yang ada dengan mudah berkomunikasi tanpa batas ruang dan waktu.

3. Sebagai media resmi sekolah untuk media publikasi informasi resmi ke masyarakat, seperti Berita Terkait Kegiatan Sekolah, Pengumuman, Pers Release, Artikel. Semua informasi ini bisa dikemas dalam bentuk tulisan maupun gambar dan video. Dengan demikian, informasi sekolah terbaru dapat ditampilkan secara atraktif, menarik dan selalu update.

4. Web Sekolah dapat menampilkan karya siswa, baik berupa karya yang ditampilkan dalam internal web sekolah maupun masuk dalam jaringan atau network sekolah terkait.

5. Membantu sekolah menginformasikan terkait Penerimaan Peserta Didik Baru (PPDB) secara online. Sehingga akan memudahkan Calon Siswa, Orang Tua Murid dan pihak sekolah dalam mengelola sistem penerimaan peserta didiknya yang baru.

Berdasarkan beberapa manfaat tersebut, maka perlu dibangun sebuah aplikasi Web Profil Sekolah dan PPDB Online yang mampu mengakomodasi manfaat-manfaat tersebut. Selain itu, dikarenakan perkembangan IT yang pesat, maka Web Profil Sekolah yang dibangun haruslah mampu menyesuaikan dengan kemajuan teknologi yang ada.

Agar Web Sekolah tidak ketinggalan zaman dan terkesan kurang bonafit, minimal ada beberapa syarat yang harus dipenuhi dalam membangun Web Sekolah, yaitu:

1. Kompatibel dengan berbagai macam browser dan sistem operasi.

2. Dapat diakses, baik pada layar dekstop maupun sarana mobile/smartphone.

3. Memiliki tampilan yang menarik dan memiliki page speed yang bagus.

4. Memiliki halaman admin untuk memudahkan mengelola content website.

5. Memiliki ruang interaksi antara pengunjung dengan pengelola dan pengunjung dengan pengunjung.

6. User friendly atau memiliki struktur content yang ramah pengunjung.

7. Website diusahakan dapat dengan mudah di index oleh Search Engine dan mendukung Media Sosial (Facebook, Twitter, Google Plus, dan lain-lain).

8. Mudah dikembangkan, baik dari sisi sistem maupun content sesuai dengan kebutuhan sekolah.


1.2 Alur PPDB OnlineSalah satu fitur yang sekarang menjadi trend dari perkembangan web sekolah adalah diselenggarakannya Penerimaan Peserta Didik Baru (PPDB) secara Online. PPDB online bisa dilaksanakan oleh Dinas Pendidikan terkait atau dilaksanakan secara mandiri oleh masing-masing sekolah.

Dalam buku ini, kami hanya membahas terkait pelaksanaan PPDB Online yang terintegrasi dengan Web Profil Sekolah untuk sekolah umum. Sebelum membuat program terkait pelaksanaan PPDB secara online, sebaiknya kita mengetahui proses dan alur Penerimaan Peserta Didik Baru, lihat infografis pada gambar 1.1.

Gambar 1.1 Alur PPDB Online


1.3 Merancang Web Profil Sekolah dan PPDB OnlineSetelah kita mengetahui manfaat dan keunggulan serta syarat-syarat minimal dari Website Profil Sekolah yang terintegrasi dengan PPDB online, selanjutnya adalah bagaimana merancang desain dari sebuah website agar mampu mengakomodasi semua kebutuhan akan manfaat dan tujuan dari dibangunnya website tersebut.

Diumpamakan bahwa pembahasan Pentingnya Website Profil Sekolah dan PPDB Online (sub-bab 1.1) adalah hasil riset atau survey atas kebutuhan dari sebuah aplikasi web profil sekolah, maka langkah selanjutnya adalah bagaimana hasil riset tersebut kita rancang dalam sebuah satu kesatuan website profil sekolah yang utuh. Berikut rancangan untuk halaman pengunjung. Lihat gambar 1.2.

Gambar 1.2 Rancangan Web Profil Sekolah

Gambar 1.2 merupakan rencana bangunan website untuk menempatkan script- script PHP agar mampu mengakomodasi dari semua manfaat web profil sekolah.


1.4 Konten Web Profil Sekolah & PPDB OnlineUntuk memaksimalkan fungsi web profil sekolah dibutuhkan tab-tab untuk menempatkan script PHP agar tujuan dari web profil sekolah bisa dicapai. Berikut tab-tab yang disediakan adalah:

Tab Tag,

Tab tag berfungsi untuk menampilkan slogan atau tag dari sekolah terkait. Dengan tag ini, diharapkan mampu mengangkat citra dari sekolah.

Tab Social Icon.

Dengan pesatnya perkembangan media sosial, ini mau tidak mau membuat konektivitas antara pihak satu dan pihak lain semakin dekat. Media sosial memegang peranan penting untuk membangun jaringan dan social icon ini berfungsi untuk membuat koneksi antara website sekolah dengan media sosial.

Tab Header.

Dalam tab header memuat logo sekolah dan nama sekolah, bisa juga untuk menampilkan image atau tag unggulan sekolah.

Tab Menu.

Sudah menjadi kewajiban dari sebuah website yaitu memiliki menu sebagai terminal navigasi untuk mengunjungi semua halaman yang disediakan.

Adapun Menu yang disediakan dalam website profil sekolah ada dua kategori menu, yaitu Menu Utama dan Sub Menu.

Halaman Beranda.

Beranda website memiliki peranan penting dalam memberikan kesan pertama pada pengunjung. Hampir semua pengunjung webiste pertama kali melihat bagaimana halaman berandanya dulu, baru kemudian memtuskan untuk menejelajahi content atau tidak.

Oleh karena itu, beranda harus didesain semenarik mungkin, seinformatif mungkin untuk memancing pengunjung menelusuri lebih jauh isi dan informasi yang disediakan.

Berkaitan dengan hal tersebut, dalam buku ini juga kami bahas membuat content halaman beranda yang bisa dikustomisasi melalui halaman administrator, sehingga halaman beranda dapat diatur layout maupun isi utama yang ingin ditampilkan.


Content halaman beranda kami bagi menjadi dua, yaitu content utama dan widget content. Silahkan lihat versi demonya di dalam script yang kami sertakan di CD atau di http://demos.imagomedia.co.id/ppdbonline.

Halaman-Halaman Pendukung.

Halaman pendukung yang dimaksud disini adalah halaman yang memuat content dinamis yang mencakup beberapa hal sebagai berikut:

• Halaman Profil Sekolah

Halaman profil memuat Visi Misi Sekolah, Sejarah Singkat, Fasilitas, Sambutan Kepala Sekolah dan lain-lain tergantung dari masing-masing sekolah apa yang akan ditonjolkan.

• Halaman Pengumuman dan Agenda.

Dalam halaman ini dapat ditampilkan secara dinamis berupa informasi, agenda kegiatan maupun pengumuman penting kepada siswa, masyarakat dan pengunjung umum.

• Halaman Informasi.

Dalam halaman informasi merupakan inti dari website sekolah. Halaman ini memegang peranan untuk menampilkan informasi sekolah. baik yang berbentuk Berita, Artikel, Video dan Gambar-Gambar pendukung informasi sekolah.

• Halaman PPDB Online.

Dalam Halaman PPDB online memuat semua informasi PPDB seperti Jadwal PPDB, Alur PPDB, Aturan PPDB dan ketentuan lain. Selain itu, dalam halaman PPDB juga memuat informasi terkait Formulir Pendaftaran dan Informasi Hasil PPDB.

• Halaman Interaksi.

Pada halaman interaksi memungkinkan pengunjung berinteraksi secara online dengan administrator atau pengunjung lain. Oleh karena itu, harus disediakan halaman buku tamu dan halaman kontak administrator.

• Halaman Gallery Photo.

Setiap sekolah pasti memiliki kegiatan rutin, dimana dari beberapa kegiatan itu merupakan unggulan dari suatu sekolah. Karena merupakan unggulan pastilah didokumentasikan. Sehingga wajib hukumnya dalam web Profil Sekolah memiliki halaman Gallery Photo yang interaktif


untuk memajang aksi-aksi dari civitas akademika yang ada.

• Halaman Karya Siswa.

Siswa merupakan bagian terpenting dari sekolah, maka sekolah harus menempatkan siswa sebagai prioritas utama. Oleh karena itu, harus disediakan ruang bagi siswa untuk menampilkan karya-karya terbaiknya.

Siswa atau peserta didik adalah sebuah subjek unik dengan berbagai macam ide, kreatifitas dan gagasan yang terkadang ide dan kreatifitas melebihi ruang yang disediakan sekolah.

Oleh karena itu, pada buku ini juga dibahas terkait pembuatan blog (dengan memanfaatkan blogger) untuk siswa, tetapi tetap dengan subdomain tetap pada url web sekolah. Sementara pada bagian website profil sekolah hanya menampilkan link menuju halaman blog siswa tersebut.

1.5 Menyiapkan Perangkat untuk Membangun Website Setelah tahap perencanaan selesai, mari kita sekarang menyiapkan perangkat yang digunakan untuk membangun hasil rancangan web tersebut.

Apa saja yang digunakan untuk membangun website profil sekolah dan PPDB Online? Tool yang digunakan adalah PHP, Database MySQL, CSS, AJAX dan jQuery, JSON dan Javascript. Untuk penjelasan dari masing-masing tool tersebut, silahkan agan-agan ke TKP, yaitu pada Bab 2 dan Bab 3.

Untuk mempermudah alur pembelajaran dalam membuat website profil sekolah dan PPDB Online, silahkan lihat Book Map dari Buku ini. Lihat gambar 1.3.


Gambar 1.3 Alur Pembahasan Buku

Membuat PPDB Sekolah dan Computer Based Test · Guru TKJ SMKN 1 KOTAAGUNG BARAT - LAMPUNG “Buku PPDB online ini sangat membantu sekolah kami terutama dalam pembelajaran website

Documents