Modul Workshop Website Sekolah

Dalam pemanfaatan Teknologi Informasi dan Komunikasi untuk sekolah banyak

hal yang bisa kita bangun untuk menunjang proses pembelajaran yang lebih
menarik dan inovatif. Banyak sekali aplikasi yang telah dibangun berbasis open
source sehingga kita bisa menggunakannya tanpa harus membeli lisensi. Hal
ini sangat membantu sekolah sehingga bisa menekan pembelian aplikasi.
Beberapa aplikasi yang bisa kita gunakan antara lain :
1. Website sekolah.
Aplikasi gratis menggunakan CMS antara lain : Wordpress, CMS
Balitbang, Joomla, Mambo, Aura CMS, CMS Formulasi, Schoolweb, dll.
2. Elearning (Pembelajaran Elektronik).
Aplikasi gratis menggunakan LMS antara lain : Moodle, Edmodo, Dokeos,
Atutor, Ilias, OpenACS, Freestyle Learning dll.
3. Perpustakaan Digital.
Aplikasi gratis menggunakan : GDL (Ganesha Digital Library), Senayan,
Eprints, GreenStone, Dsapce dll.
4. Video sharing (Seperti Youtube).
Aplikasi ini sangat bermanfaat dalam pembelajaran yang menggunakan
video karena kita bisa membangun sendiri server lokal sehingga kualitas
gambar bagus tidak dan tidak harus online seperti youtube. Aplikasi
yang gratis adalah ClipBucket.
5. Sistem Informasi Manajemen Sekolah.
Aplikasi untuk manajemen sekolah antara lain data guru, data siswa,
keuangan sekolah, nilai siswa, cetak rapor. Aplikasi yang harus
digunakan saat ini DAPODIK dalam rangka pendataan. Jika ingin lebih
lengkap kita bisa menggunakan JIBAS. Didalamnnya sangat bagus untuk
menghimpun nilai siswa dan managemen keuangan sekolah sudah
lengkap sampai neraca.
Pada workshop ini kita akan membahas website sekolah menggunakan
Wordpress.
Workshop ini akan dilaksanakan selama 3 hari, adapun materinya sebagai
berikut :
1. Materi hari ke-1 :
a. Pengumpulan dokumen pendaftaran domain sekolah (Surat Kuasa)
b. Mengcopy master aplikasi berbasis opensource.
c. Instalasi software pendukung (Xampp, FTP Client)
d. Instalasi Wordpress 4.1.1
e. Mengenal Fitur yang ada di Wordpress
f. Menambah Plugin
2. Materi hari ke-2 :
Membuat Menu Sekolah yang meliputi :
- Profil Sekolah (Sejarah singkat, Visi Misi, Susunan Organisai,
Prestasi Sekolah, Lokasi Sekolah, Program Unggulan, Komite
Sekolah,
- Data Guru dan Siswa (Didownload dari Profil Sekolah
DAPODIKMEN/DAPODIKDAS.
- Agenda Kegiatan sekolah (Kalender Pendidikan)
- Artikel, Berita, Galeri Foto
- Download ( Profil Sekolah dari DAPODIKMEN / DAPODIKDAS, RAKS,
Modul pembelajaran. Dll.
- Pengaduan
- Link ke website lain
3. Materi hari ke-3 :
a. Finishing data sekolah.
b. Backup data website.
c. Maintenance website (Backup dan Restore data website)
Kepada peserta dimohon menyiapkan seluruh data yang dibutuhkan.

Menggunakan Wordpress
1. Instalasi Xampp (Apache, Mysql, Phpmyadmin)
Caranya : Buka File xampp.exe doble klik dan ikuti petunjuk sampai
finish.
Cara memastikan bahwa software sudah terinstall : Double klik xampp
control panel pada dekstop maka akan muncul tampilan seperti berikut :

Kemudian buka web browser dan diaddress ketikkan localhost, jika

tampilan seperti dibawah ini berarti xampp sudah berjalan dengan baik.

Pastikan phpmyadmin bekerja, caranya buka web browser dan ketikkan

di address localhost/phpmyadmin maka tampilan akan seperti berikut :
Username dan password standar untuk login ke database adalah :
Username : root
Password :
(tanpa password)

2. Install FTP Client ( Core FTP)

Caranya Double klik Master Installer CoreFtp dan ikuti petunjuk yang ada
sampai finish. Jika berhasil maka tampilan seperti berikut :

3. Install Wordpress
Caranya : Copykan file design web ke folder c:Xampp\htdocs\websekolah

Setelah data dicopykan, buatlah database dengan nama dataweb

dengan menggunakan phpmyadmin. Ingat username dan password
database adalah : root tanpa password
Kemudian akses web dengan web browser dengan cara ketikkan di
address localhost/websekolah maka tampilan akan seperti berikut :

Silahkan pilih bahasa yang akan digunakan dan klik Continue dan
tampilan database yang akan digunakan, isilah dengan benar. Tampilan
seperti dibawah ini :

Jika data sudah benar klik Submit dan kemudian Run Install maka
tampilan seperti berikut dan isikan username dan password yang akan
digunakan sebagai admin website. Dan terakhir klik Install Wordpress.

Maka website dengan wordpress sudah terinstall di komputer kita.

4. Mengenal fitur yang ada di wordpress.
Fitur standart yang ada sebagai berikut :
1. Post, untuk menambah berita / posting.
2. Media, untuk mengupload file, foto dan dokumen
lainnya.
3. Pages, untuk membuat halaman seperti Visi misi,
Struktur Organisasi dll yang ada pada menu
sekolah.
4. Comment, untuk mengontrol komentar yang masuk
dan menanggapinya.
5. Appearance, untuk memilih themes, widget, menu
dll (mengatur tampilan website)
6. Plugins, untuk menambahkan fitur yang belum ada
seperti Photo Galery, Kalender, Polling, Agenda
Kegiatan dll.
7. Users, untuk mengatur pengguna website.
8. Tools, untuk mengimport dan export tulisan / data
ke web yang lain.
9. Setting, untuk mengatur nama website, tulisan,
komentar dll.

5. Login dan logout ke website

Cara login sebagai admin web : ketikkan
localhost/websekolah/wp-admin
kemudian
isikan
password dengan benar. Tampilan seperti berikut :

Login

alamat website
username
dan

Logout

Untuk logout atau keluar dari sistem caranya arahkan mouse ke pojok
kanan atas dan dan klik Log Keluar. Tampilan seperti diatas.
6. Posting artikel / Berita

Untuk menambahkan postingan kita pilih Post / Tulisan kemudian Add

New. Jika sudah selesai menulis klik Publish / Terbitkan untuk
menanyangkan postingan di website.

7. Menggunakan tabel pada postingan

Dalam postingan terkadang kita memerlukan tabel agar tulisan kita
terlihat rapi seperti membuat daftar buku. Maka kita bisa menggunakan
table dalam menyusunnya.
Membuat Table perintahnya :
<table border=1>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
</table>
Menambahkan tabel dengan Plugin Table press
Dalam Table Press ada pilihan Membuat Tabel, Import tabel dan
export tabel. Tampilan hasil import tabel :

Caranya : Kita buat dulu tabelnya di Tabel Press, kemudian baru disisipkan
dalan Postingan. Maka tabel akan ditampilkan dalam postingan kita.

8. Menambahkan gambar dan Video

Menambahkan gambar dan video dalam postingan akan membuat
tampilan lebih menarik. Ada beberapa cara yang bisa kita gunakan
antara lain dengan menu yang ada di wordpress dan menggunakan
plugin Image dan Video Galery.
Hasil postingan akan seperti berikut :

9. Membuat link download

Menambahkan data-data yang berupa file pdf, zip, video dan lainnya
agar bisa didownload kita bisa menyusunnya dengan mudah pada
postingan atau halaman dan tulisan tersebut ditambah link download ke
file yang telah kita upload.
Caranya : Klik Halamn kemudian Add New dan Ketik file file yang akan
kita sajikan agar bisa didownload. Kemudian Uoload file-file tersebut dan
terahir kita buat link agar file yang sudah kita upload bisa didownload
oleh pengunjung.
Hasil link download seperti dibahawah ini :

10.Membuat Menu Navigasi

Untuk menyusun menu Home, Profil Sekolah, Data Guru, Data Siswa dll
kita menggunakan Fitur Pages/Halaman. Langkah pertama buatlah

Halaman (dilengkapi dengan Judul dan Isinya) kemudian Kita pilih

Appearance Menus dan Kita susun urutan Halaman sesuai keinginan
kita. Maka tampilan akan seperti berikut :

11.Install theme dan Kostumisasi Theme

Theme atau tampilan website harus kita pilih yang menarik agar website
kita sering dikunjungi orang dan elegan. Cara install Theme silahkan
dicopy
file
yang
sudah
didownload
ke
folder
c:\xampp\htdocs\websekolah\themes seperti dibawah ini :

Setelah file dicopy, maka theme yang kita tambahkan akan bisa langsung
dilihat dan langkah terakhir adalah memilih theme yang kita kehendaki dengan
cara pilih fitur Appereance Theme dan kita klik Activate. Tampilan seperti
berikut :

12.Setting Widget
Widget adalah fitur yang digunakan untuk mengatur tampilan website.
Dengan widget kita dapat menambahkan berbagai macam tampilan di

plugin yang kita install atau standar yang sudah ada di wordpress.
Misalkan kita akan menambahkan Foto Kegiatan, Agenda Kegiatan,
Poolling dan lainnya di Kolom sebelah kanan website.
Cara Klik Appearance Widgets dan pilih widgets yang
ditambahkan Edit Judul, posisi di kolom dan jangan lupa disimpan

akan

13.Menambah User
Pengelola website bisa lebih dari satu, kita tinggal add user dan dipilih
kewenangannya sebagai admin, editor, dll. Caranya Di dasbord klik
Pengguna /User dan pilih Add New / Tambah Baru isikan datanya dan klik
Tambah Pengguna Baru. Tampilan seperti berikut :

14.Konfigurasi dasar website

Untuk mengubah konfigurasi website kita bisa menggunakan menu
Pengaturan / Setting yang ada di Dasbor. Tampilan pengaturan seperti
berikut :

15.Install plugin
Plugin adalah fitur untuk menambahkan modul yang belum ada pada
wordpress. Banyak sekali plugin yang ersedia baik yang berbayar
ataupun yang gratis. Pada kesempatan ini kita akan mengintall plugin :
Event Calender, Photo Gallery, Polling
Caranya
:
Copykan
folder
plugin
yang
diinginkan
ke
c:..\htdocs\websekolah\wp-content\plugins

Kemudian login
sebagai admin
dan aktifkan
plugin yang tadi
dicopy

16.Memulai wordpress untuk website sekolah.

Langkah awal yang harus kita tentukan sebelum memulai
menambahkan menu dan lainnya adalah menentukan theme (layout
tampilan) yang akan kita gunakan. Hal ini penting karena ketika kita
akan mengganti theme, sebagian besar pengaturan yang sudah kita
buat akan berubah atau tidak langsung diterapkan pada theme yang
baru sehingga kita harus menyusun ulang.
Menambahkan Menu dengan memanfaatkan fitur Pages (Halaman).
Caranya : Klik Pages kemudian Add New dan Tuliskan Judul beserta isi
dari halaman tersebut.
Setelah seluruh menu kita buat, kita akan menyusun urutan halaman
sesuai dengan hirarkinya dengan menggunakan fitur Appearance /
Tampilan Pilih Menu dan kita susun urutannya.

17.Menambahkan Agenda Kegiatan

Banyak plugin yang dapat kita tambahkan untuk memudahkan
membuat Agenda Kegiatan di website, salah satunya adalan Plugin
Event Calender.

Caranya : Pastikan Plugin Event Calender sudah terinstal dan aktif,

pengaturan di widgets sudah ditambahkan. Pilih event pada Dasbor
kemudian klik Tambahkan Baru dan Isi datanya, Juga sudah selesai
jangan lupa klik Terbitkan atau Publish.

Jika berhasil maka tampilan akan seperti berikut :

18.Menambahkan Foto Kegiatan

Caranya : Pastikan Plugin Photo Gallery Slideshow sudah terinstal dan
sudah disusun di widgets.
Yang perlu diperhatikan adalah, Foto yang ditampilkan adalah foto-foto
yang ada di Galleries. Jadi kita add dulu Galleries, setelah itu tambahkan
foto ke dalamnya. Dan nanti kita tinggal memilih Galleries mana yang
mau ditampilkan.

19.Menambahkan Buku Tamu / Pengaduan

Agar website kita lebih komunikatif denga pengunjung kita bisa
menambahkan Menu Buku Tamu / Pengaduan. Caranya dengan
menambahkan halaman dan kita ini Buku Tamu atau Pengaduan. Maka
dibawah postingan kita akan muncul isian seperti berikut :

20.Menambahkan Polling
Polling berfungsi untuk meminta masukkan kepada pengunjung
terhadap suatu gagasan, masalah atau lainnya sehingga bisa kita
gunakan sebagai bahan pertimbangan. Cara menambahkan polling di
Dashboard kita Klik Poll kemudian Add Poll dan tampilan seperti berikut :

21.Menambahkan Data Guru dan Siswa

Data guru dan siswa bisa kita tambahkan dari data exel dengan bantuan
Plugin Tabel Press. Sehingga data bisa masuk ke database dan tampilan
seperti di file exel kita. Caranya Pilih Tabel Press di Dashboard Kemudian
Klik Import a Table, pilih filenya dan Import Format pilih XLS.

22.Backup Website dan Database

Dalam backup website ada beberapa cara, bisa menggunakan fitur yang
disediakan di webhosting dan bisa juga secara manual. Pada
kesempatan ini akan dijelaskan dengan cara manual. Yang harus
dilakukan adalah :
1. Backup design web
2. Backup database
Untuk backup design web kita copy semua file yang ada di publuc html
atau httdocs.

Untuk backup databe kita bisa menggunakan export dari phpmyadmin

dan kita akan mendapatkan file .sql yang merupakan backup dari
database.