Modul Workshop Website SekolahDalam 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.1e. Mengenal Fitur yang ada di Wordpressf. Menambah Plugin2. 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 lain3. 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 Wordpress1. 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 : rootPassword : (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 WordpressCaranya : 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 passwordKemudian 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 websiteCara login sebagai admin web : ketikkan alamat website localhost/websekolah/wp-admin kemudian isikan username dan password dengan benar. Tampilan seperti berikut :

Login LogoutUntuk logout atau keluar dari sistem caranya arahkan mouse ke pojok kanan atas dan dan klik Log Keluar. Tampilan seperti diatas.6. Posting artikel / BeritaUntuk 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 postinganDalam postingan terkadang kita memerlukan tabel agar tulisan kita terlihat rapi seperti membuat daftar buku. Maka kita bisa menggunakan table dalam menyusunnya. Membuat Table perintahnya :

Menambahkan tabel dengan Plugin Table pressDalam 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 VideoMenambahkan 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 downloadMenambahkan 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 NavigasiUntuk 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 ThemeTheme 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 WidgetWidget 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 akan ditambahkan Edit Judul, posisi di kolom dan jangan lupa disimpan

13. Menambah UserPengelola 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 websiteUntuk mengubah konfigurasi website kita bisa menggunakan menu Pengaturan / Setting yang ada di Dasbor. Tampilan pengaturan seperti berikut :

15. Install pluginPlugin 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, PollingCaranya : 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 KegiatanBanyak 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 KegiatanCaranya : 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 / PengaduanAgar 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 PollingPolling 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 SiswaData 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 DatabaseDalam 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 web2. Backup databaseUntuk 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.