Web Profil Sekolah + PPDB Online

Post on 15-Apr-2017

195 views 9 download

Transcript of Web Profil Sekolah + PPDB Online

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

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

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

Alur PPDB OnlineContoh

Wireframe Website SekolahContoh

Tab Web Sekolah

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

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

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.

Pengolahan Database

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

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

Google Custom Search Engine

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

Customer Service Online

www.zopim.com

Manfaat Blogging

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

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