Pengembangan Website

Sekolah
Hasanuddin, ST, M.Cs.

Disampaikan Pada Pelatihan Pembuatan dan Pengembangan

Website Sekolah SMP, SMA/SMK se-Provinsi Riau
Pekanbaru, 28 November - 1 Desember 2013

Mengapa Perlu Website Sekolah ?

* Media promosi dan keunggulan bersaing
* Sarana informasi dan komunikasi
* Pendukung Proses Belajar Mengajar
* Sarana pengembangan bakat/kreasi

Tahapan Pembuatan Website Sekolah

* Pengumpulan dan Pengolahan bahan/konten website
* Desain dan Konfigurasi Website
* Pengisian Konten Website
* Instalasi ke Server Website
* Perawatan Website

* Model Website Sekolah

Model Website Sekolah merupakan prototipe website dalam
bentuk Content Management System ( CMS ) yang dapat
dikembangkan lebih jauh oleh sekolah meliputi :
* Blog Wordpress
* CMS khusus website sekolah (CMS Balitbang)
* LMS Moodle

* CMS Balitbang Depdiknas

CMS adalah suatu sistem yang digunakan untuk
mengelola dan memfasilitasi proses pembuatan,
pembaharuan, dan publikasi konten secara
bersama (collaborative content management).

*Konsep CMS
System
Support

Guru, TU,
Siswa, Alumni,dll

CMS
Content

Web Developers

Template Web

Public Website

Perkembangan CMS Balitbang

* Versi 1.0
Struktur template berupa table

*Versi 1.x
Penambahan fitur template menu

*Versi 2.0
Struktur template berupa css

*Versi 2.x
Penambahan template, pembaharuan fitur SIM

*Versi 3.0
Perubahan Sistem member, kolaborasi antar member, jaringan sosial.

*Versi 3.x
Kompatibel dengan Artisteer.

*
Versi
1.x

Perkembangan CMS Balitbang

*
Versi 2.x

Perkembangan CMS Balitbang

*
Versi 3.0

Perkembangan CMS Balitbang

*Struktur CMS Balitbang

Profil
Utama

Sistem
Member
& SIM

Admin

* Peta Situs Profil Utama

CMS Balitbang

Profil

Guru

Sejarah Singkat
Visi dan Misi
Struktur
Organisasi
Program Kerja

Direktori Guru

Kemitraan
Sarana &
Prasarana
Kondisi Siswa
Kepala Sekolah

Materi Uji

Prestasi
Komite Sekolah

Silabus
Materi Ajar

Siswa
Direktori Siswa
Prestasi Siswa
Beasiswa

Kalender
Akademik

OSIS

Prestasi Guru

Ektrakurikuler

Alumn
i
Direktori
Alumni

Info Alumni

Fitur
Agenda
Artikel
Info
Berita
Buku Tamu
Opini

Daftar Blog
Link
Galeri Photo

Level User pada Sistem Member

Tamu, Alumni
Siswa, Orang Tua
Guru, Kepala Sekolah

* Peta Situs Sistem Member

CMS Balitbang

Depan
Status Teman

Profil

Pesan

Diding
Edit Profil

Opini Terbaru

Member

Fitur

Downloa
d

Materi

Data Siswa

Diskusi

Cari Member
Pesan Masuk

Info Pribadi

SIM

Materi Ajar

Tambah Materi
Ajar

Data Guru
Data Nilai

Info Alumni
Data Absensi

Koleksi Foto

Semua Teman
Data BP/BK

Forum Terbaru

Kirim Artikel

Opini Pribadi
Pesan Kirim

Log Profil
Member Teraktif

Data Group

Materi Uji
Games

Costum Themes

Semua Member
Tamu/Alumni

Siswa/Orang Tua/Guru

Tambah Materi
Uji

Data SPP/DSP
Tugas/Materi
Data Laporan

Guru/Kepsek

Level User pada Sistem

Administrator

Lihat Tim Pengembang Web sman4bdg.sch

Personal

Fitur
Agenda
Artikel

Password
& Email

Banner
Berita
Buku Tamu
Forum Diskusi
Galeri Photo
Info Alumni
Info Sekolah
Jajak
Pendapat
Materi Uji
Link Web
Materi Ajar
Prestasi
Silabus

SIM

Data Absensi
Data BP/BK
Data Laporan

Data Materi
Data Nilai

Data SPP/DSP

Setting
Admin

Data
Guru

Tambah Admin
Lihat Admin
Gambar Atas

Direktori
Guru

Kategori Link
Data Kelas
Pelajaran
Posisi Menu

Data
Mengajar

Data
Siswa

Member
Komunita
s

Direktori
Alumni

Kordinator
/Kepsek

Member
Orang Tua

Member

Help

Tahapan
Pengisian

Cari Member

Direktori
Siswa

Status Member

Cari Siswa

Pesan Member

Help

Peta Situs Administrator

CMS Balitbang
Profil

Import Siswa

Semester

Member
Siswa

Jurusan/
Program

Thn Pelajaran
Template Menu

Import Guru

Naik Kelas

Group Member

Webmaster

Games Member
Opini Member
Shoutbox
Member

Daftarkan
Web

* Instalasi CMS Balitbang

*Instalasi di local/intranet

oPastikan webserver dalam keadaan running

oSalin master CMS dalam folder root webserver
oJalankan browser dan buat database menggunakan

phpmyadmin
oJalan browser dan ketik alamat
http://localhost/webtemp/install/
oIkuti langkah selanjutnya sesuai petunjuk di browser

* Instalasi CMS Balitbang

* Instalasi di hosting/internet
* Pastikan domain dan hosting nya telah aktif
* Masuk ke Cpanel hosting, buat database menggunakan menu Database Wizald
* Setelah membuat database dan user db-nya masuk ke menu phpmyadmin.
* Klik nama databasenya, pilih menu Import, pilih tombol browser untuk men-dump

SQL nya. Cari file sql-cms.sql di forder master CMS nya.

* Klik tombol Go.
* Setelah proses dump sql berhasil. Upload file master CMS ke hosting menggunakan
software FTP Client ke dalam folder Public_html
* Konfigurasi file di folder public_html/lib/config.php
* Masukan nama domainnya, nama sekolah, alamat dsb.
* Masukan username dan password database, serta nama database.

* Tahapan Pengisian Konten

Konfigurasi
Website

Desain
Banner Atas

Menambah
Admin

Profil Sekolah

Data
Semester

Data Guru
Mengajar

Data Kelas

Data Guru

Data
Pelajaran

Data Jurusan/
Program studi

Data Siswa

Tambah Fitur
lainnya

Desain
Template

Registrasi Member
Siswa,Guru dan
Orang Tua

Pendaftaran member Tamu / Alumni bisa langsung di Form

pendaftaran Seperti di bawah ini :

* Alur Registrasi Member

Kemudian akan mendapatkan email dan klik Validasi Member untuk melakukan Login
seperti dibawah ini :

* Alur Registrasi Member

* Alur Registrasi Member

Untuk member Guru, Siswa dan Orang Tua didaftarkan melalui admin seperti dibawah
ini :
* Member Guru
Klik Data Guru -> Direktori Guru, klik daftar pada kolom Username Member.
Masukan Email Guru dan klik tombol simpan
* Member Siswa
Klik Data Siswa -> Member Siswa, Klik Daftar pada kolom Email Komunitas,
Masukan Email Siswa dan klik tombol simpan
* Member Orang Tua
Klik Data Siswa -> Member Orang Tua, Klik Daftar pada kolom Orangtua/ Wali,
Masukan Email Siswa dan klik tombol simpan

* Pengguna CMS Balitbang

Balikpapan
Balikpapan

Bandung

Jakarta

sman4bdg.sch.id
sman6bdg.sch.id
sman8bandung.sch.id
smun9-bdg.sch.id
sman11bdg.sch.id
sman13bdg.sch.id
sman20bandung.sch.id
smun23-bdg.sch.id
sman24bdg.sch.id
smkn2bdg.sch.id
smpn13bdg.sch.id
smaywka-bdg.sch.id

smpn227-jkt.sch.id

cyber.sman1-bpp.sch.id
cyber.sman1-bpp.sch.id
smkn2balikpapan.sch.id
smkn2balikpapan.sch.id

Indramayu

Kotabaru
Kotabaru

sman1kandanghaur.sch.id

smansampanahan.sch.id
Palembang
Palembang

Subang
sman1subang.sch.id
smpn1subang.sch.id
Banjar
sman1banjar.sch.id

smansaba1.sch.id
smansaba1.sch.id
Makassar
sman1mks.sch.id
sman6mks.sch.id
sman6mks.sch.id
Yogyakarta
Yogyakarta
smpmuh2yk.sch.id
smpmuh2yk.sch.id
smpn1karangmojo.sch.id
Biak
Biak
smkyapisbiak.net

* Apa Pengembangan CMS

Balitbang Selanjutnya ?

* Penyempuranaan CMS ke arah Education 2.0

* Blogging Member
* Sindikasi dan Agregasi informasi
* Integrasi konten antar pengguna CMS sehingga masing-masing
member bisa saling berkomunikasi lintas sekolah.
* Integrasi sistem dengan jaringan sosial lainnya.
* Pengembangan fitur LMS dalam sistem member

*Terima Kasih
widiyanto_bms@yahoo.com
widiyanto.bms@gmail.com