Dokumen tersebut membahas tentang pentingnya web profil sekolah dan sistem PPDB online dalam era digital. Ia menjelaskan fitur-fitur penting website sekolah dan tahapan pengembangan website sekolah mulai dari desain, pengembangan, hingga pengelolaan konten dan database.

1. Web Profil Sekolah +
PPDB Online

2. Gambaran Umum 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.
 Beberapa kegunaan website sekolah :
1. Memperkenalkan sekolah
2. Membantu interaksi semua civitas akademika, baik dari sisi internal maupun
eksternal
3. Media resmi sekolah untuk publikasi informasi resmi ke masyarakat
4. Menampilkan karya siswa
5. Mengelola Penerimaan Peserta Didik Baru (PPDB) secara online

3. “Web Sekolah yang dibangun haruslah
mampu menyesuaikan dengan kemajuan
teknologi yang ada”

4. Syarat yang harus dipenuhi dalam
membangun web sekolah
1. Kompatibel dengan berbagai macam browser dan sistem operasi
2. Dapat diakses lewat desktop maupun mobile
3. Memiliki tampilan yang menarik dan page speed yang bagus
4. Memiliki halaman admin untuk memudahkan pengelolaan konten website
5. Memiliki ruang interaksi antara pengunjung dengan pengelola dan pengunjung
dengan pengunjung
6. User friendly
7. Memiliki struktur konten yang ramah pengunjung
8. Website dapat mudah diindex oleh Search Engine dan mendukung media sosial
9. Mudah dikembangkan sesuai dengan kebutuhan sekolah, baik dari sisi sistem
maupun konten

5. Alur PPDB Online
Contoh

7. Wireframe Website Sekolah
Contoh

9. Tab Web Sekolah
 Tab
1. Tag
2. Social Icon
3. Header
4. Menu
5. Footer

10. Halaman Web Sekolah
 Halaman
1. Beranda
2. Profil
3. Pengumuman dan Agenda
4. Informasi (Berita, Artikel)
5. PPDB Online
6. Interaksi (Contact, Buku Tamu)
7. Gallery (Dokumentasi Kegiatan)
8. Karya Siswa

11. Tools Pengembangan
1. Browser : Chrome, Firefox, dll.
2. Text Editor : Notepad++, Sublime Text, dll.
3. Database : MySQL, JSON, dll.
4. Back-End : PHP, ASP, dll.
5. Front-End : HTML, CSS, AJAX, jQuery, Javascript, dll.
6. Framework : CI, Laravel, Yii, dll.

12. Pengolahan Database
1. Membuat Data (Create)
2. Menampilkan Data (Read)
3. Mengedit atau Update Data (Update)
4. Menghapus Data (Delete)

13. Mengatur Tampilan
 CSS : Kumpulan kode program yang digunakan untuk mendesain atau
mempercantik tampilan halaman HTML
 Metode Input Kode CSS
1. Inline Style : Input langsung CSS ke dalam tag HTML
2. Internal Style Sheet : Menambahkan kode dalam satu halaman HTML
3. External Style Sheet (Recommended) : Membuat kode CSS ke dalam sebuah
file tersendiri yang terpisah dari HTML

14. Google Custom Search Engine
 https://cse.google.com/cse/

15. Customer Service Online
 www.zopim.com

16. Manfaat Blogging
1. Mengembangkan bakat dan potensi
2. Memperluas wawasan pengetahuan
3. Menghargai orang
4. Menjalin silaturahin

17. Mengapa Blogger sebagai media blog
1. Mudah digunakan
2. Mempunyai bandwidth tanpa batas
3. Dapat berganti domain dengan mudah
4. Template blogger dapat diganti dengan mudah