Model portofolio assessment cocok digunakan untuk mata pelajaran yang bersifat menuntut output pembelajaran siswa dari segi pengetahuan, keterampilan dan sikap. Penilaian ini berupa penilaian terhadap sekumpulan karya peserta didik yang tersusun secara sistematis dan terorganisir yang diambil selama proses pembelajaran dalam kurun waktu tertentu.

Mengapa Menggunakan Penilaian Portofolio?

Menurut Suderajat (2004) dan Sumarna (2006), alasan mengapa menggunakan penilaian portofolio karena :

1. dapat menghargai proses pembelajaran hasil belajar siswa
2. mengdokumentasikan proses pembelajaran yang berlangsung
3. memberi perhatian pada prestasi siswa yang memang memiliki prestasi
4. bertukar informasi dengan orang tua/wali, peserta didik dan guru
5. meningkatkan efektivitas proses pengajaran
6. dapat merefleksikan kesanggupan mengambil resiko dan melakukan eksperimen
7. dapat membina dan mempercepat pertumbuhan konsep diri pada siswa
8. siswa memandang lebih objektif dan terbuka dibandingkan dengan penilaian tradisional karena siswa menilai hasil kinerja sendiri
9. membantu peserta didik dalam merumuskan tujuan

Dapatkah Dilakukan Secara Online?

Mengkonversi penilaian portofolio menjadi online bukan pekerjaan yang sulit, bahkan cenderung lebih mudah dan low cost. Bagaimana caranya?

Di era web 2.0 seperti sekarang ini, aplikasi-aplikasi yang bersifat ‘user generated content‘ menjamur dimana-mana, bahkan yang lokal berbahasa Indonesia-pun mulai bertumbuhan, dan yang paling penting semuanya itu tidak ada yang berbayar, alias GRATIS!. Kesemua aplikasi tersebut bisa dijadikan alat yang sangat powerfull untuk dijadikan media penilaian portofolio secara online.

1. Blog. Guru bisa memanfaatkan media blog untuk melihat proses belajar siswa dengan tulisan. WordPress.com, Blogspot.com atau dagdigdug.com kesemuanya gratis, semua siswa dapat memiliki blog yang bisa dimanfaatkan sebagai media portofolio mereka.
2. Video. Siswa atau kelompok siswa dapat diinstruksikan untuk membuat video-video kecil untuk memperlihatkan proses belajarnya, kemudian upload ke youtube.com, misalnya.
3. Dokumen, Presentasi, dsb. Siswa mungkin akan memiliki kebanggaan yang lebih jika buah fikirannya berupa makalah, presentasi (ppt), dsb dapat dilihat oleh semua orang. Saat ini sangat mudah dan tidak berbayar, tinggal upload di Slideshare.net, Scribd.com, dsb.
4. Social Networking. Saat ini Guru dan orang tua dapat dengan mudah melihat perkembangan siswa melalui media social networking seperti Facebook.com, twitter.com, dsb. Apalagi kecendrungan pemakai aplikasi ini di Indonesia didominasi oleh anak-anak ABG (sumber: Alexa.Com).

Dalam pandangan saya justru dengan dilakukan online, semuanya dapat menggambarkan keadaan yang senyata-nyatanya. Bagaimana siswa berfikir tentang sesuatu, bagaimana tentang kreatifitas siswa dapat dilihat dari kebiasaannya melakukan online activity di dunia maya.

Catatan ini merupakan salah satu topik penelitian di Program Studi Pendidikan Ilmu Komputer FPMIPA UPI di Bandung, suatu Prodi baru untuk menjawab kebutuhan guru TIK di lapangan.

Hormat Saya,

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,

Lagi!, tulisan ini terinspirasi dari buku Crowd-nya Pak Yuswohady, “Marketing become Horizontal!”. Sebuah fenomena yang terjadi dalam dunia marketing saat ini, yang dipengaruhi oleh perkembangan teknologi internet dan social media. Terima kasih Pak Siwo,

Facebook, semua sudah memaklumi bahwa perkembangannya begitu fenomenal. Menurut Alexa.Com, Indonesia saat ini menjadi negara nomor wahid di Asia dalam hal jumlah pengguna situs jejaring sosial tersebut, dan nomor enam di dunia. Perkembangannya memang sangat cepat, dan mungkin akan segera mengalahkan rekor Friendster.Com. Namun,  sisi negatifnya, saking “social”-nya, facebook ini telah banyak menimbulkan korban, dari mulai mahasiswa sampai para pegawai kantoran, yaitu dengan menurunnya produktifitas mereka, gara-gara setiap saat hanya sibuk ber-facebook ria, maka tidak heran sudah banyak kantor yang membatasi akses facebook bagi para pegawainya.

Jika dihubungkan dengan teori W=mC² pak Siwo, facebook sangat tepat jika digunakan sebagai alat / media marketing bisnis (facebook marketing). Pertama, kecendrungan data pengguna adalah otentik –asli, sehingga benar-benar bisa dilihat karakteristik tiap individu; Kedua, social network yang sangat mirip dengan aslinya (offline), sehingga conversation sangat mudah dilakukan!; Ketiga,  trafic yang tinggi benar-benar potensial untuk dijadikan Crowd (kerumunan) manusia, jadi akan sangat mudah melakukan buzzing kepada masyarakat calon konsumen.

Nah, lantas apa yang bisa dilakukan untuk menjadikan facebook sebagai alat/media marketing bisnis kita?, jawabannya adalah dengan mengoptimalkan fasilitas Page dan Group yang diberikan 100% gratis oleh facebook (bener-bener bisa jadi low budget, high impact!). Menurut pandangan saya, Page bisa menjadi alat untuk display produk-produk bisnis kita, sekaligus bisa kita manfaatkan untuk melakukan buzzing kepada kosumen dan calon konsumen, sedangkan fasilitas Group bisa kita gunakan untuk melakukan conversation yang sempurna kepada para konsumen dan calon konsumen kita, bussiness is all about facilitating! kata Pak Siwo, lebih jauhnya lagi ini bisa menjadi berfungsi sebagai alat kolaborasi antara produsen dengan konsumen, luar biasa bukan?.

Bagaimana caranya??

Pertama, untuk membuat Page tinggal masuk ke http://www.facebook.com/pages/create.php sedangkan untuk membuat Group masuk ke http://www.facebook.com/groups/create.php.

Kedua, setelah dibuat, pastikan semua informasi yang mungkin akan ditanyakan oleh para konsumen/calon konsumen sudah terpasang. Seperti nama usaha, pemiliknya, gambar produk, alamat web dan emailnya, dsb. Hal ini menjadi starting point yang bagus untuk menumbuhkan kepercayaan, bahwa kita benar-benar serius melakukan bisnis tersebut.

Ketiga, optimalkan semua fasilitas yang diberikan. Mulai dari email, photo tagging, wall to wall, notes, video, dan sebagainya. Perlakukan konsumen dan calon konsumen benar-benar sebagai teman seutuhnya. Ajak berbincang tentang produk, tandainya dalam foto produk, mintai saran dan kritik dan juga testimoni-nya. Sehingga hubungan produsen – konsumen akan semakin mesra.

Sekedar Saran dan Ajakan

Melihat sangat simpel-nya melakukan bisnis online saat ini –dengan adanya social networking semacam facebook, rasanya sudah tidak alasan lagi bagi kita untuk belajar memulai bisnis online. Mudah-mudahan ini bisa menjadi satu motivasi untuk rekan-rekan mahasiswa yang ingin memulai berwirausaha namun bingung dengan langkah-langkah yang harus dilakukan. Ayo, kita buat “Pasar kaget” di facebook. .   O ya, KicksLab mungkin bisa dijadikan contohnya. hehe..

Hormat Saya,

Menurut beberapa penelitian, Tacit Knowledge dapat diminimalisir dengan beberapa cara dan metode dan hal ini erat hubungannya dengan Knowledge Management. Menurut Parsaye, Tacit Knowledge ini bisa ditangkap dengan beberapa cara, diantaranya dengan belajar kelompok, eLearning, Action Learning, dsb.

Namun, untuk ukuran (saya) pribadi, ternyata tanpa disadari bahwa selama ini saya sudah lakukan beberapa action agar terhindar dari Tacit Knowlede tersebut. Mudah-mudahan bermanfaat dan bisa dilakukan oleh teman-teman juga. Cara saya pun bisa dikategorikan kedalam 2 (dua) hal, masukan (input) yaitu dengan membaca dan ngobrol; kemudian keluaran (output) dengan Pemetaan Fikiran (Mind Mapping) dan Menulis.

Membaca
Kebiasaan ini baru muncul ketika awal-awal masa kuliah (memang telat sih..). Nah, dengan banyak membaca kita jadi mengerti bagaimana seorang penulis mengungkapkan sesuatu kepada orang lain, jadi tambah referensi deh buat melakukan sesuatu, baik untuk berkomunikasi langsung maupun tidak langsung. O iya, bukunya saya selalu usahakan bervariasi tema-temanya, dari buku programming (yang tebelnya minta ampun) sampai buku tips-trik wirausaha yang ringan dan tipis

Jadikan aktifitas membaca menjadi sebuah kesenangan dan kebutuhan, upayakan buku / tulisan yang dibaca tidak hanya satu bidang ilmu.

Bergaul dengan “manusia” beserta bahasanya juga
Meskipun saya termasuk orang yang “sulit” bergaul dengan banyak orang, saya upayakan dengan masuk banyak organisasi dan komunitas. Dengan kondisi tersebut akan menciptakan kebiasaan untuk bisa berkomunikasi dengan baik dan efektif, imbasnya Tacit Knowledge pun akan terus berkurang.

Menulis
Menurut penelitian lagi, (katanya) menulis akan sangat mempengaruhi kinerja otak kanan manusia. Media yang saya gunakan adalah media blog dan kawan-kawan, maksudnya aktifitas blogging secara keseluruhan, yaitu aktifitas menulis di blog sendiri, blog walking dan bookmarking.

Mind Mapping ala sendiri
Mind Mapping hasil inovasi Tony Buzan memang sangat menarik dan revolusioner, namun ketika saya coba malah ribet juga ya . Akhirnya saya punya cara sendiri dalam memetakan fikiran saya, yaitu dengan corat-coret di kertas bekas. Hmm, hasilnya luar biasa ide yang biasanya ada di dalam bayangan saja ternyata bisa divisualisasikan.

Gambar 1 : Mind Map “asli”

Gambar 2 : Mind Map ala Saya

Inilah salah satu alasan, kenapa di kamar saya begitu banyak kertas bekas . Itulah cara-cara saya mungkin cocok dengan anda atau mungkin saja tidak. Semoga bermanfaat.

Referensi : http://en.wikipedia.org/wiki/Tacit_knowledge, http://en.wikipedia.org/wiki/Mind_map

Hormat Saya,

Dalam berbisnis, ide atau gagasan biasanya dibutuhkan untuk membuat 3 (tiga) hal, yaitu ide untuk membuat produk baru; ide untuk metode marketing baru dan ide untuk layanan baru.

Kali ini saya ingin membahas bagaimana suatu ide itu bisa tumbuh dan berkembang dengan metode-metode tertentu. Emang bisa? bisa.. Setidaknya ada 3 (tiga) metode agar ide itu bisa tumbuh dan menjadi sesuatu yang kongkret. Apa saja 3 (tiga) metode itu?, berikut ulasannya :

1. Focus Group (Kelompok Fokus)



Adalah metode menumbuhkan ide dengan cara mengumpulkan sekelompok orang asing dalam sebuah tempat untuk berbicara tentang suatu hal. Kemudian ditambah satu orang asing lagi untuk menjadi moderator pembicaraan.

Biasanya kelompok ini terdiri dari 8 orang plus satu orang moderator, berlangsung selama 2 jam serta diamati oleh bagian marketing, periklanan, dan orang-orang bisnis lainnya.

Para peserta ditanyai untuk mengungkapkan pemikiran dan perasaan mereka tentang suatu hal yang akan perusahaan jadikan sesuatu hal yang baru (produk, marketing atau layanan).

2. Brainstorming



Metode untuk menumbuhkan ide dengan cara mengumpulkan orang-orang bisnis dalam satu kondisi yang santai dan bebas. Terkadang dilakukan beberapa simulasi (permainan) untuk mencairkan suasana, agar ide-ide segar bisa tumbuh.

Setiap peserta bebas memberikan usulan apa saja, tidak boleh ditanggapi oleh peserta lainnya, prinsipnya semua ide bagus dan harus ditampung. Naah, baru di akhir session ide-ide yang telah masuk list disortir dan dipilih mana terbaik dan yang mungkin dilakukan.

3. Rekayasa Ide



Metode yang diungkapkan oleh David Minter dan Michael Reid ini merupakan metode baru untuk mengatasi kegagalan yang biasanya timbul ketika menggunakan metode focus group atau brainstorming. Inti dari metode ini adalah bagaimana menggali keinginan konsumen dengan sangat mendalam dengan melakukan 7 (tujuh) langkah penting, sehingga tidak terjadi “Piramida Terbalik” dalam membuat hal baru!. Untuk metode ini akan saya tulis terpisah nanti –sabar saja…

Saat ini saya pun sedang mencoba menerapkan salah satu dari 3 (tiga) metode ini di bidang usaha saya yang baru, yaitu dalam industri kreatif KicksLab. , yaitu industri kreatif dalam industri fashion bagi anak muda. Dalam bidang ini kami sangat dituntut dapat membuat ide sebanyak-banyaknya dan secepat-cepatnya, karena konsep yang kami usung adalah “Kaos unik dan terbatas, hanya 24 pcs dan update tiap 2 minggu satu kali”. Hmm.. mudah-mudahan idealisme itu dapat tercapai dengan mencoba menerapkan metode-metode di atas.

Bagaimana dengan bisnis anda?

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,

Saat ini, saya-pun sedang ‘berjuang’ melakukan 2 (dua) hal yang saya tuliskan pada judul di atas, yaitu pengaturan tempo dan konsistensi dalam menulis di weblog ini. Dua hal tersebut saya anggap penting dalam membangun personal branding melalui weblog. Sejauh mana kedua hal tersebut?, berikut ulasannya :

Pertama : Atur Tempo
Yang saya maksudkan di sini adalah, bahwa dalam melakukan aktifitas blogging (khususnya bagi yang bertujuan untuk membangun personal branding), maka kita perlu mengatur tempo dalam melakukan posting di weblog kita tersebut, sehingga akan menimbulkan efek positif bagi weblog kita -pembaca akan menunggu waktu tersebut.

Terkadang mood blogging suka datang tiba-tiba dan tidak bisa dipaksakan, kadang banyak yang ingin ditulis, tapi terkadang sebaliknya -tidak ada ide sedikit pun. Nah, untuk menyiasatinya kita lakukan penjadwalan publishing, jika memang sedang ada banyak ide, ya.. bersabarlah untuk tidak dulu langsung dipublish, biarkan saja dahulu tulisan itu menunggu di keranjang draft weblog kita, biarkan tulisan itu jadi “pahlawan” ketika kita kehabisan ide untuk menulis.

“World is flat”, demikian Thomas L. Friedman mengungkapkan keajaiban internet dalam menghubungkan manusia dari berbagai belahan dunia, sehingga apabila sekali kita “mengecewakan” pembaca atau calon pembaca weblog kita, maka weblog kita-pun akan semakin sepi pembaca. “Mengingkari” janji kepada pembaca weblog kita (tentang kapan kita posting), hal itu akan berdampak cukup besar dalam menurunkan popularitas kita di hadapan pembaca.

Kedua : Konsistensi
Konsistensi yang saya maksud di sini adalah konsistensi tema tulisan dalam weblog kita, ya.. harus konsisten!. Jika kita menentukan weblog kita sebagai diary online, maka isilah dengan kegiatan sehari-hari kita dengan detail dan penuh emosi; jika kita menginginkan weblog kita sebagai weblog programming, maka curahkan semua kemampuan programming kita pada weblog tersebut; dan seterusnya. Sehingga weblog kita secara bertahap akan memiliki pembaca yang fanatik dan segmented.

Mari kita lihat fenomena, si Kambing Jantan-nya Raditya Dika atau weblog mas Romi Satria Wahono. Kedua blog tersebut (salah satunya) mengandalkan konsistensi tulisan. Raditya dengan diary onlinenya dan mas Romi dengan tulisan ilimiahnya, keduanya telah mendapatkan begitu banyak pembaca setia yang fanatik dan segmented.

Nah, bagaimana dengan weblog anda? sudahkan temponya teratur dan isinya konsisten?. Kalau saya belum!, dan sedang menuju kesana.

Sumber Gambar “piano” : http://akuseniman.files.wordpress.com/

Hormat Saya,

“Just googling my name. Its all about me ”

Jawaban saya sebetulnya simpel dan emang saya tidak banyak macem-macemin webblog saya ini, cuma sedikit melakukan trik saja. Mau tahu trik-trik dahsyat dan spektakuler apa saja yang saya lakukan selama ini?, berikut ulasannya.

Pertama,
Membuat url webblog saya menjadi lebih bersahabat, maksudnya kebanyakan orang masih tidak memperdulikan url-nya tidak karuan seperti http://tsauri.co.cc/index.php?p=231. Nah, kalau saya menganggap url itu penting, biar ketika orang baru melihat url-nya saja sudah bisa menebak dengan jelas. Contohnya http://tsauri28.myhaley.com/blog/facebook-connector/ , anda bisa menebak kan apa isinya url itu?.

Karena saya saat ini menggunakan WordPress sebagai engine-nya, untuk membuatnya seperti diatas sangat mudah, caranya tinggal masuk ke wp-admin -> setting -> permalinks disana di bagian common settings saya pilih custom structure dan mengisinya dengan /%postname%/, untuk mempelajari lebih lanjut tentang struktur permalinks wordpress silahkan pelajari di sini!.

Nah, dengan langkah diatas (katanya) akan mempermudah search engine seperti google untuk dapat me-crawl website kita adalah dengan menjadikannya relevan dengan suatu topik atau tema tertentu. Tulisan saya tentang google crawling ada di sini!.

Kedua,

Membuat dan menjadikan Title dan Description webblog saya dengan senarsis mungkin . Ya, itulah yang saya lakukan. Titlenya

“Asep Sufyan Tsauri | Founder Myhaley.com, Moslem Technopreneur, Web designer, Freelancer”

terus descriptionnya

“Tulisan-tulisan Asep Sufyan Tsauri tentang teknologi, technopreneurship, ambisi, dan Cita-cita. Penulis sering menggunakan id dengan nama tsauri28, untuk dapat menghubunginya silahkan hubungi melalui email tsauri28@myhaley.com”.

Coba, gak narsis gimana? hehe.. pokoknya yakinkan search engine bahwa webnya Asep Sufyan Tsauri itu ya webblog ini (gitu loh). Nah, bagi yang belum tahu bagaimana memanipulasi title dan description beginilah caranya :

Coba buka file web anda, disana ada tag-tag html bukan?, nah coba sisipkan atau ubah (bagi yang belum ada) dibagian <head></head> dengan <title> title yang anda inginkan </title>, kemudian tambahkan juga <meta name=”description” content=”description yang anda inginkan” />. Juga bisa ditambahkan <meta name=”keyword” content=”<keyword apa saja yang anda inginkan” />.  Catatan : untuk keyword dipisahkan dengan tanda koma (,) Contohnya <meta name="keyword" content="freelancer, webdesign, dll, dst" />.

Nah buat pengguna wordpress ada plugin yang sangat membantu kita dalam memanipulasi title dan meta-meta lainnya namanya “All in One SEO” monggo lihat review-nya di sini!.

Demikian tulisan bagian pertamanya, mudah-mudahan bermanfaat!.

Tambahan :
Tulisan saya tentang google crawling ada di sini!.

Sumber gambar “Meta”  : http://gembong.web.id/images/2008/03/meta-tag.jpg

Hormat Saya,

Step 6
Dalam file comments.php ada 2 langkah yang dilakukan, yaitu melakukan looping komentar dan menambahkan form.

Untuk melakukan looping komentar lakukan perintah seperti berikut ini :

1
2
3
4
5
6
7
8
9
10

<?php if ($comments) : ?>
<?php /* Berfungsi untuk Menahan komentar yang harus dimoderasi*/
if ( $comment->comment_approved == '0' ) { ?>
<p class="alert">Thanks for your comment. It is currently in the moderation cue and will be visible for everyone to read as soon as I have verified it</p>
<?php } ?>
    <?php foreach ($comments as $comment) : ?>
       //lakukan looping di sini
    <?php endforeach; /* end for each comment */ ?>
    <?php endif; ?>
<?php endif; ?>

Nah, kemudian untuk menampilkan form agar tampil di bawah looping di atas, tuliskan kode berikut ini :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
  <?php if ( $user_ID ) : ?>
  <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Logout &raquo;</a></p>
  <?php else : ?>
  <p>
    <input type="text" name="author" id="user-name" value="<?php echo $comment_author; ?>" />
  </p>
  <p>
    <input type="text" name="email" id="user-email" value="<?php echo $comment_author_email; ?>" />
  </p>
  <p>
    <input type="text" name="url" id="user-url" value="<?php echo $comment_author_url; ?>" />
  </p>
  <?php endif; ?>
  <p>
    <textarea name="comment" id="user-comment"></textarea>
  </p>
  <p>
    <input name="submit" type="submit" id="submit" class="button" value="Leave a Comment" />
    <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
  </p>
  <?php do_action('comment_form', $post->ID); ?>
</form>

Step 7

Hormat Saya,

Di bagian kedua ini, saya akan membahas tentang beberapa fungsi yang dapat digunakan khususnya fungsi looping yang terdapat di file index.php, single.php, page.php dan archive.php. Ayoo!!

Step 3
File index.php biasanya dibuat untuk menampilkan index posting yang ada pada blog, untuk melakukan hal tersebut gunakan perintah seperti di bawah ini :

1
2
3
4
5

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
             //lakukan looping disini
        <?php endwhile; ?>
<?php endif; ?>

Kode di atas merupakan operasi looping dasar dalam wordpress. Di dalam "//lakukan looping disini" dapat disimpan beberapa variabel yang berhubungan, seperti menampilkan judul, permalink, isi posting, dsb. Adapun beberapa variabel yang sering ditampilkan di dalam looping ini adalah :

1. <?php the_ID(); ?> untuk menampilkan id post
2. <?php the_permalink() ?> untuk menampilkan permalink
3. <?php the_title(); ?> untuk menampilkan judul
4. <?php comments_popup_link('0', '1', '%'); ?> untuk menampilkan jumlah komentar
5. <?php the_category(', ') ?> untuk menampilkan kategori posting
6. <?php the_tag(', ') ?> untuk menampilkan tag posting
7. <?php the_content(',');  ?> untuk menampilkan content posting

Terakhir kita tinggal memasukkan variabel-variabel diatas ke html yang telah dibuat sebelumnya. Contohnya untuk judul diberi tag <h1> menjadi <h1><?php the_title(); ?></h1>.

1
2
3
4
5
6
7

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
            <h1><?php the_title(); ?></h1>
            <small><?php comments_popup_link('0', '1', '%'); ?></small><br />
            <?php the_content(',');  ?>
        <?php endwhile; ?>
<?php endif; ?>

Step 4
Biasanya ketika link (menggunakan variabel <?php the_permalink(); ?>) yang terdapat di halaman depan (index.php) di-klik, maka akan menuju pada detail posting yang dimaksud. Nah, halaman tersebut diatur di single.php (untuk post) dan page.php (untuk page).

Dalam file singe.php ataupun page.php biasanya ditampilkan detail posting/page serta komentarnya. Nah, untuk menampilkan looping sama seperti di file index.php, yaitu :

1
2
3
4
5

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
             //lakukan looping disini
        <?php endwhile; ?>
<?php endif; ?>

Kemudian lakukan customizing seperti di step 3.

Setelah menampilkan posting lengkap, kita akan menampilkan komentar posting ybs serta form untuk menambahkan komentar baru. Untuk melakukannya kita tinggal meng-include-kan file comments.php diantara looping diatas (sebelum endwhile), yaitu dengan kode . Adapun pembahasan pembuatan file comments.php akan dibahas nanti (sabar ya.. ).

Step 5
Untuk melihat kelompok posting dalam kategori / tag / tanggal tertentu, biasanya diatur melalui file archive.php. Pada dasarnya hampir sama seperti pembahasan di atas (step 3, tentang index.php), namun untuk archive.php biasanya tidak menggunakan variabel <?php the_content(',');?> tetapi menggunakan <?php the_excerpt(); ?>. Contoh :

1
2
3
4
5
6
7

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
            <h1><?php the_title(); ?></h1>
            <small><?php comments_popup_link('0', '1', '%'); ?></small><br />
            <?php the_excpert(',');  ?>
        <?php endwhile; ?>
<?php endif; ?>

Nah segitu dulu untuk tutorial bagian keduanya. Untuk bagian ketiga akan kita bahas beberapa hal menarik untuk membuat theme yang kita buat lain dari yang lain.

See u..

Hormat Saya,

Asumsi awal, kita telah mempunyai 1 (satu) halaman template (.html) yang siap dikonversi menjadi theme wordpress. Nah, sebelum ke teknis bagaimana membuat theme tersebut sebaiknya kita bahas terlebih dahulu tentang struktur direktori dari theme wordpress itu sendiri.

WordPress memiliki struktur direktori theme yang cukup mudah dimengerti, wordpress menyimpan semua file-file theme kedalam satu direktori yang ditempatkan di bagian wp-content -> themes. Jadi jika kita akan membuat satu theme buat satu direktori (contoh : 2133), kemudian simpan di direktori themes.

Sedangkan di dalam direktori theme itu sendiri setidaknya memiliki file-file berikut ini :

1. style.css
   Ini untuk menyimpan style untuk theme kita. Tetapi ada hal yang penting disini, nama file harus tetap style karena engine wordpress hanya membaca nama file tersebut, kemudian di dalam file ini harus disimpan juga informasi tentang theme (akan dibahas selanjutnya).
2. screenshot.png
   Adalah file gambar yang akan dibaca oleh engine WP.
3. index.php
   File yang pertama kali akan di-render, biasanya untuk halaman utama blog.
4. functions.php
   File yang berisi fungsi-fungsi yang ada pada theme kita, seperti fungsi untuk pengaturan widget, panel dan sebagainya.
5. header.php
   File ini menyimpan header theme kita. Yang saya maksud header disini adalah bagian yang sering digunakan kembali dibagian lain (index, single, page, dsb).
6. sidebar.php
   File ini akan ditempatkan sebagai sidebar blog kita. Pengaturan agar terhubung dengan widget terletak di file functions.php, file ini pun adalah bagian yang sering digunakan kembali.
7. footer.php
   File untuk footer blog.
8. single.php
   Adalah file untuk halaman detail sebuah posting.
9. page.php
   Adalah file untuk halaman detail sebuah page.
10. comments.php
    File untuk menyimpan list komentar dan form komentar.

Untuk lebih lengkapnya (tentang struktur theme wp) bisa dibaca di wordpress codex, site architecture dan template hierarchy. Selanjutnya kita langsung lakukan langkah-langkah berikutnya :

Step 1
Buat folder theme yang akan kita buat, salin file html (dan kelengkapannya) ke folder tersebut. Kemudian buat 10 (sepuluh) file yang disebutkan diatas (file kosong pun tidak masalah).

Step 2
File css yang telah dibuat, sesuaikan dengan ketentuan WordPress -rename menjadi style.css. Kemudian di baris paling atas tambahkan komentar berupa informasi theme yang akan dibuat. Contoh :

1
2
3
4
5
6
7
8

/*
Theme Name: t-simple
Description: 2 Column, CSS, xHTML, JQuery.
Version: 0.1
Author: Asep Sufyan Tsauri
Author URI: http://www.tsauri28.myhaley.com/
*/
/* css-nya dilanjut disini */

Komentar ini akan dibaca oleh engine sebagai informasi utama theme.

Step 3

(sementara bersambung dulu ya.. )

Hormat Saya,

Custom Fields, merupakan salah satu atribut dari post dalam WordPress (atribut lainnya seperti “Title”, “Post”, “Tags”, “Categories”, dst), berfungsi untuk memberikan keleluasaan kepada pengguna wordpress supaya bisa menambahkan field atau atribut dalam setiap post-nya. Ilustrasinya bisa digambarkan seperti ini :

Selain menampilkan artikel-artikel yang ditulisnya, sang blogger juga ingin menyertakan file agar bisa didownload oleh pembacanya, karena blog yang dia miliki adalah blog jurnal yang banyak dibutuhkan orang. Awalnya, setiap akan menyisipkan file yang siap didownload sang blogger membuatnya secara manual yaitu dengan cara membuat link ke file yang dimaksud dengan menuliskan "<a href="filenya.pdf">Download!</a>".
, awalnya sih ok, tapi selanjutnya itu membuat pekerjaan bertambah ribet, ditambah lagi posisi dan style-nya jadi tidak standar. Maka sang blogger menambahkan satu field dalam setiap postnya yang berisi alamat file yang siap didownload.

Pusing dengan ilustrasinya?, kita praktekkan saja langsung..

Hormat Saya,