Web Profil Sekolah + PPDB Online

17
Web Profil Sekolah + PPDB Online

Transcript of Web Profil Sekolah + PPDB Online

Page 1: Web Profil Sekolah + PPDB Online

Web Profil Sekolah + PPDB Online

Page 2: Web Profil Sekolah + PPDB Online

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 sekolah2. Membantu interaksi semua civitas akademika, baik dari sisi internal

maupun eksternal3. Media resmi sekolah untuk publikasi informasi resmi ke masyarakat4. Menampilkan karya siswa5. Mengelola Penerimaan Peserta Didik Baru (PPDB) secara online

Page 3: Web Profil Sekolah + PPDB Online

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

Page 4: Web Profil Sekolah + PPDB Online

Syarat yang harus dipenuhi dalam membangun web sekolah1. Kompatibel dengan berbagai macam browser dan sistem operasi2. Dapat diakses lewat desktop maupun mobile3. Memiliki tampilan yang menarik dan page speed yang bagus4. Memiliki halaman admin untuk memudahkan pengelolaan konten website5. Memiliki ruang interaksi antara pengunjung dengan pengelola dan pengunjung

dengan pengunjung6. User friendly7. Memiliki struktur konten yang ramah pengunjung8. Website dapat mudah diindex oleh Search Engine dan mendukung media sosial9. Mudah dikembangkan sesuai dengan kebutuhan sekolah, baik dari sisi sistem

maupun konten

Page 5: Web Profil Sekolah + PPDB Online

Alur PPDB OnlineContoh

Page 6: Web Profil Sekolah + PPDB Online
Page 7: Web Profil Sekolah + PPDB Online

Wireframe Website SekolahContoh

Page 8: Web Profil Sekolah + PPDB Online
Page 9: Web Profil Sekolah + PPDB Online

Tab Web Sekolah

Tab1. Tag2. Social Icon3. Header4. Menu5. Footer

Page 10: Web Profil Sekolah + PPDB Online

Halaman Web Sekolah

Halaman1. Beranda2. Profil3. Pengumuman dan Agenda4. Informasi (Berita, Artikel)5. PPDB Online6. Interaksi (Contact, Buku Tamu)7. Gallery (Dokumentasi Kegiatan)8. Karya Siswa

Page 11: Web Profil Sekolah + PPDB Online

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.

Page 12: Web Profil Sekolah + PPDB Online

Pengolahan Database

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

Page 13: Web Profil Sekolah + PPDB Online

Mengatur Tampilan

CSS : Kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML

Metode Input Kode CSS1. Inline Style : Input langsung CSS ke dalam tag HTML2. Internal Style Sheet : Menambahkan kode dalam satu halaman HTML3. External Style Sheet (Recommended) : Membuat kode CSS ke dalam

sebuah file tersendiri yang terpisah dari HTML

Page 14: Web Profil Sekolah + PPDB Online

Google Custom Search Engine

https://cse.google.com/cse/

Page 15: Web Profil Sekolah + PPDB Online

Customer Service Online

www.zopim.com

Page 16: Web Profil Sekolah + PPDB Online

Manfaat Blogging

1. Mengembangkan bakat dan potensi2. Memperluas wawasan pengetahuan3. Menghargai orang4. Menjalin silaturahin

Page 17: Web Profil Sekolah + PPDB Online

Mengapa Blogger sebagai media blog1. Mudah digunakan2. Mempunyai bandwidth tanpa batas3. Dapat berganti domain dengan mudah4. Template blogger dapat diganti dengan mudah