Mencoba melakukan scanning ke beberapa situs web Sekolah / Lembaga Pendidikan di Indonesia, kok rasa-rasanya ‘standar’ seperti itu ya?. Awalnya jelas, pasti dengan adanya website sekolah tersebut, sekolah ingin dapat melakukan sosialisasi ke masyarakat yang lebih luas tentang keberadaannya melalui internet. Namun dengan pengadaan dan pemeliharaan yang seadanya, kok rasanya malah jadi boomerang –alih-alih gengsi malah jadi memperlihatkan ketidakprofesionalan manajemen di dalamnya.

Dalam hemat saya, sebetulnya sekolah tidak harus mengalokasikan budget yang besar untuk pengadaannya, hanya tinggal melakukan beberapa strategi yang bisa dilakukan oleh siapapun bagi yang berniat membuat sebuah website sekolah yang menarik, komunikatif dan marketable (pembahasan strategi akan dibahas selanjutnya ). Sekarang saya akan merinci beberapa tren yang mungkin dapat dimasukkan (opsional) ke dalam website sekolah dan menurut ukuran saya bisa membuat website sekolah tersebut lebih marketable. Poin-poin ini merupakan hasil scanning ke beberapa website lembaga pendidikan di luar negeri.

Gambar atau foto yang ‘hidup’

Jangan ragu untuk memperlihatkan kondisi dan situasi natural sekolah setiap harinya, tampilkan di halaman website paling depan.

Halaman depan website sekolah sebaiknya jangan terlalu ‘ramai’ dengan banyak konten dan link, analogikan itu sebagai pintu gerbang sekolah dalam arti sebenarnya, jangan buat pengunjung bingung sebelum mengeksplorasi lebih dalam website tersebut.

Fasilitas download brosur

Setiap tahun, Sekolah selalu membuat brosur untuk memberikan gambaran kepada masyarakat dan calon siswa. Nah, kenapa tidak hal ini dijadikan sebuah nilai plus dalam website sekolah. Sehingga, distribusi brosur bisa lebih luas dan merata.

Berikan tampilan tombol download yang menarik, sehingga mengundang orang untuk me-download brosurnya.

Testimonial

Seperti yang saya singgung di atas, Sekolah saat ini sudah selayaknya sebuah perusahaan yang harus mencari pelanggan setia. Dalam teori marketing, testimonial atau rekomendasi dari orang terdekat adalah cara yang sangat ampuh dalam merebut konsumen baru.

Begitu pun dengan sekolah, sebaiknya tidak ragu untuk secara rutin meminta testimonial dari pihak-pihak yang sudah dan telah mengetahui kualitas dan keunggulan sekolah.

Jangan lupa!, karena website adalah alat komunikasi dan sosialisasi (dan sekaligus alat marketing juga), maka tempatkan testimonial tersebut di bagian yang strategis di website sekolah.

Fasilitas berlangganan berita

Sekolah memiliki dinamika yang sangat kaya. Setiap hari pasti memiliki cerita yang tidak ada habisnya, ini semua bisa dikemas menjadi satu berita yang rutin dikeluarkan oleh sekolah.

Setiap Sekolah rata-rata memiliki ekstrakurikuler majalah dinding, naah kenapa aset ini tidak dimanfaatkan untuk melakukan jurnalistik sekolah.

Lebih menarik dengan peta, video, kalender, dsb

Dengan adanya aplikasi-aplikasi seperti Google Map, Google Calender, YouTube dan sebagainya bisa di embed di website sekolah untuk memberikan sentuhan yang lebih interaktif dan tentu juga menarik.

Akan tampak lebih menarik, jika hal-hal yang formal (seperti sambutan kepala sekolah) jika dihadirkan dengan versi multimedia seperti video. Atau, mengenai profil sekolah juga disertai versi presentasi (powerpoint) yang bisa di download juga oleh khalayak ramai.

Social Networking

Lahirnya layanan-layanan social networking (jejaring sosial) telah banyak mengubah kebiasaan pengguna internet. Hal yang menarik, bahwa pengguna Internet di Indonesia ternyata merupakan pengguna yang loyal terhadap beberapa layanan social networking yang ada. Menurut data dari Alexa.Com, Indonesia berada di urutan pertama untuk jumlah pengguna friendster.com di Dunia dan urutan pertama pula untuk jumlah pengguna facebook.com di Asia.

Tidak ada salahnya jika Sekolah ikut bersosialisasi di beberapa social networking populer, setidaknya untuk memperkenalkan websitenya ke masyarakat luas (karena biasanya website sekolah tidak memiliki traffic yang memuaskan).

Fasilitas penempatan jurusan tercocok

Untuk Sekolah yang lebih tinggi (universitas) atau Sekolah Kejuruan, biasanya selalu ada pertanyaan “jurusan mana yang paling cocok dengan minat dan bakat saya?”. Fasilitas ini jika di-embed di website sekolah akan sangat berguna bagi masyarakat

***************************

Kesimpulan

Website sekolah sewajarnya dapat membantu Sekolah dalam melakukan sosialisasi dan komunikasi yang lebih baik terhadap masyarakat luas. Namun, perkembangannya di Indonesia, website sekolah belum bisa menunjukkan tujuan di atas, sehingga perlu adanya penyesuaian atau adaptasi dari tren yang sedang berkembang di website-website sekolah di luar negeri sana.

Hormat Saya,

Sekarang saya ingin berbagi beberapa artikel / tutorial yang saya temukan tentang bagaimana melakukan WordPress Hacking, yang menurut saya menarik dan sangat bermanfaat. Selamat membaca!

BASIC
Di bagian basic ini ada beberapa tutorial yang membantu anda memahami bagaimana struktur WordPress dalam menangani custom themenya.

1. Buliding Custom WordPress Theme
2. WordPress Theme Hack
3. Multiple WordPress Installations Using a Single Database
4. WordPress CSS Guide
5. How to Create A WordPress Theme in 5 Minutes

PLUGINS
Tutorial-tutorial yang berhubungan dengan pembuatan dan modifikasi plugin WordPress.

1. Your First WP Plugin
2. How to Write Simple Plugin

BACK END
Berikut ini beberapa tutorial WordPress dalam memodifikasi back end-nya.

1. Custom Write Panels
2. WordPress as a CMS
3. Exporting WordPress Data

MISC
Tutorial-tutorial tambahan, namun sangat inovatif

1. WordPress SEO
2. Embedding WP into OS Commerce
3. Add a Twitter Field to Your Form

Hormat Saya,

Setidaknya ada 6 (enam) hal yang akan saya bahas di sini, diantaranya adalah :

Pertama : Lakukan Reset Style
Reset style berfungsi untuk menghilangkan format style standar (khususnya padding dan margin)  yang dibawa oleh browser. Hal ini penting, karena setiap browser memiliki style yang berbeda, maka untuk menjaga kompatibilitas web kita perlu dilakukan reset style.

Untuk melakukannya dapat menggunakan YUI Reset, atau kita buat manual seperti ini :

1
2

/* Reset */
body, table, h1, h2, h3, blockquote {margin: 0; padding: 0;}

Hindari melakukan reset keseluruhan, karena proses rendering akan menjadi lebih lama. Lakukan reset style yang diperlukan saja.
Hindari reset seperti ini :

1
2

/* Reset */
* {margin: 0; padding: 0;}

Kedua : Kelompokkan Style
Pengelompokan style yang saya maksud di sini adalah pengelompokan style menurut suatu standar yang akan dipakai. Contoh saya akan mengelompokkannya menurut bagian-bagian dalam dokumen nanti, maka saya membaginya menjadi : general, header, wrap, footer, dsb.

Contohnya :

1
2
3
4
5
6
7
8
9
10
11
12

/* General */
h1, h2, h3 {color: red; font-family: verdana, arial, roman}
table {border: 1px solid #111111}
 
/* Header */
#header {background: transparent url('images/header.jpg') repeat-x; width: auto;}
 
/* wrap */
#wrap {background: #f9f9f9 url('images/wrap.jpg') repeat-x; width: auto;}
 
/* Footer */
#footer {background: #000 url('images/footer.jpg') no-repeat; width: auto; }

Ketiga : Buat Alpabetis
Buatlah setiap properti dalam dokumen CSS alpabetis, hal ini akan memudahkan kita untuk membaca ulang style yang telah dibuat.

Penulisan tidak alpabetis :

1
2
3
4
5
6

#header {
margin : 12px 10px 13px 9px;
background-color : #dedede;
width : 900px;
height : 600px;  
}

Penulisan yang alpabetis :

1
2
3
4
5
6

#header {
background-color : #dedede;
height : 600px;  
margin : 12px 10px 13px 9px;
width : 900px;
}

Keempat : Pisahkan Dokumen
Pisahkan CSS ke dalam beberapa dokumen/file jika style yang kita buat sudah sangat ‘bejibun‘, sehingga akan sulit untuk dibaca ulang nantinya. Contoh kita pisahkan antara pengaturan box model dengan pengaturan typography, jadi kita buat 2 (dua) file CSS, yaitu file box.css dan typography.css, naah nanti kita tinggal melakukan importing ke salah satu file CSS tadi.

1
2

/* Import file typography.css */
@import ('typography.css')

Kelima : Penulisan Harus Konsisten
Setidaknya ada 3 (tiga) cara untuk menjadikan style kita penulisannya konsisten.

1. Buat semua properti kedalam satu baris

   1	#footer {background: #000 url('images/footer.jpg') no-repeat; width: auto; }

2. Buat semua properti kedalam banyak baris

   1 2 3 4

   #footer { background: #000 url('images/footer.jpg') no-repeat; width: auto; }

3. Apabila style kurang dari 3 (tiga) properti jadikan satu baris, jika style lebih dari 3 (tiga) properti jadikan banyak garis.

   1 2 3 4 5 6 7 8

   #footer {background: #000 url('images/footer.jpg') no-repeat; width: auto; }   #footer-text { background: #000; width: 50%; color: #dddddd; padding: 10px; }

Silahkan mau pilih yang mana ?

Keenam : Jangan Dulu Mulai!!
Lho kok, jangan dulu mulai?, jadi kapan dong dikerjainnya?? hehehe..

Maksud saya, bukan melarang memulai menuliskan style kedalam sebuah file .css, tetapi akan lebih efektif jika kita memulai dengan membuat dulu file markup (html, xhtml, dsb), apabila markup sudah 100%, maka tinggal dibuatkan stylenya. Cara ini akan membantu efisiensi penulisan kode, agar tidak ada style yang tidak terpakai dan tidak pula harus bolak-balik antara markup dan style.

Mudah-mudahan bermanfaat, keep design!

Hormat Saya,