Hasil informasi sebuah website ditampung menjadi beberapa bagian, yaitu : Intro, Popular, Traffic, People, Spotlight, Company, Technical.

Website ini ternyata cukup pintar juga. Dia bisa menampilkan informasi dari pembuat website tersebut.

Tuh, pinter kan ? dia bisa tahu siapa yang buat blog permanaj.net . Atau tepatnya lagi, dia bisa tahu halaman tersebut mengandung informasi tentang si pembuat blog tersebut. Selain itu juga ada tampilan summary-nya.

Untuk yang satu ini quarkbase masih kurang pinter. Masa’ blog saya dibilang berbahasa Malaysia. Kan jelas-jelas berBahasa Indonesia (walaupun bukan yang baik dan benar ataupun EYD).

Btw, silahkan meluncur ke tkp atau kasi komentar dulu .

Saya bertanya lagi ni sama diri saya. Kok dulu sering banget buka Friendster ya ? Temen-temen dulu yang ada di FS (capek ngetik Friendster, saya singkat aja ya) paling cuma teman-teman kuliah, yang notabene bisa sering dijumpai di kampus. Tapi kok, karena ada FS, berkirim pesan pun lewat friendster ? .

Trus inget-inget lagi, ohh iya … dulu sering buka FS karena iseng-iseng liat profil cewek-cewek yang ada di Friendster , ssst ini rahasia lho . Kalau ketemu, saya mesej deh “hai, kenalan dong” . Tapi sekarang sudah berubah, udah bosen kayak gitu, hasilnya nihil . Sekarang saya gunakan Friendster sebagai sarana promosi blog, Hehehehe .

Yup, sekarang website social networking mulai meluas fungsinya. Sebagai sarana promosi, jualan barang dagangan, tempat nyari jomblowan dan jomblowati, dan masih banyak lagi. Tapi kalau saya sendiri sih masih memanfaatkan friendster untuk berkirim pesan sama temen2x (berkirim pesan pun kadang gak lewat message, tapi lewat comment ), sebagai sarana promosiin blog. Dan kadang login kalau ada yang ultah trus kasi ucapan ” selamat, anda tambah tua 1 tahun ” , hehehe bcanda.

Akhir kata, kalau Rhoma Irama bilang “jangan begadang kalau tiada artinya”, maka saya akan bilang “jangan friendsteran kalau nggak tau mau ngapain” .

Kemudian pak dosen berbicara lagi “Jika kalian punya website ? apakah pengunjung yang datang dari hasil browsing atau searching ?”. Hmmm, dari sini saya mulai tertarik nih (sewaktu saya semester 3 dulu belum punya blog dan gak ngerti apaan itu blog). Pak dosen bicara lagi, kalau pengunjung website kalian dari hasil searching ? bagaimana caranya supaya mereka juga mau browsing di website kalian ? Kemudian saya menjawab dalam hati “Ya bikin konten yang menarik lah pak”. Dan pak dosen ikut-ikutan menjawab, “Jawabannya adalah konten. Selain konten ? tentu saja desain dan page loading halaman tersebut”. Kemudian pak dosen mulai menyinggung tentang web 2.0

Sekarang ini, aplikasi sebuah website sudah mulai samar perbedaanya dengan aplikasi desktop. Apa yang bisa dilakukan di desktop juga kini bisa dilakukan di web. Sekarang website tidak hanya sebagai sarana penyampaian informasi, tapi juga sebagai sebuah media yang interaktif, pengunjung tidak semata membaca apa yg ada di website tersebut, tapi juga berinteraksi dengan website tersebut … website yang seperti itu bisa disebut website yang mengusung tema web 2.0

Kata-kata diatas tidak mirip dengan yang dosen saya katakan, soalnya sudah lama sekali, sudah lupa. Setelah itu dibukalah sebuah website (lupa URLnya, sudah beberapa tahun yang lalu sih). Di website tersebut, kita bisa melakukan drag & drop elemen halaman. Saya yang dulu masih newbie untuk urusan web langsung aja “wow” (hilang deh nih ngantuk saya). Kalau sekarang sih sudah biasa ya, tapi beberapa tahun yang lalu sepertinya masih tergolong “wow”. Kemudian pak dosen berpesan (haiyah, berpesan) kalau nanti kalian membuat web, buatlah web yang mempunyai fitur yang interaktif.

Kembali ke masa sekarang, saya kemudian lihat blog saya. Apakah sudah ada fitur-fitur yang bisa membangun interaktif ya ? Hmm, paling cuma ada fitur standar komentar di tiap posting dan shoutbox di samping sidebar … rasanya sih itu cukup kalau untuk sebuah weblog.

Dengan web developer ini, cukup dengan memilih menu Miscellaneous | Edit HTML, setelah itu sebuah sidebar akan muncul (biasanya di sebelah kiri) yang berisi kode HTML dari halaman tersebut. Edit kode HTML yang ada di sidebar tersebut, maka tampilannya langsung terupdate saat itu juga. Istilah kerennya on-the-fly.

Sebagai contoh, saya edit kode HTML-nya Majalahweb.com. Saya buka blog tersebut kemudian saya edit tag linenya.

Saat itu juga saya lihat dihalaman langsung berubah menjadi seperti ini

Website manapun bisa dipakai percobaan. Dan jangan khawatir, perubahan ini cuma bisa anda lihat di browser anda saja, orang lain akan tetap melihat website yang anda edit seperti tampilan normalnya.

Sebenarnya banyak sekali ada plugin menarik di Firefox. Saya sempat bikin plugin firefox yang saya install disini.

Trus situs yang kedua, color schemer gallery. Dari namanya kayaknya udah terbayang kalau di website ini ada banyak kumpulan skema warna. Jadi, buat yang sedang mendesain template halaman web dan bingung mau pakai warna apa aja di halaman webnya, mungkin skema warna yang ada di website tersebut bisa membantu. Coba dhe lihat contohnya di gambar dibawah. Bagus-bagus ya warnanya .

Dan seperti yang saya bilang sebelumnya, banyak sekali situs-situs yang bisa memberikan inspirasi warna. Saya lagi browsing-browsing nih mencari-cari situsnya dan memilih-milih mana yang bagus dan mana yang biasa-biasa saja. Btw, saya bookmark websitenya di delicious dengan tag ColorPicker.

- Update -
Daftar lengkap bisa dilihat majalahweb.com

Setiap kali melakukan pencarian dengan Cuil, hasil pencarian bisa ditampilkan semuanya ataupun per kategori. Selain itu, Cuil menampilkan hasil pencarian dengan menampilkannya per kolom. Seperti halnya dengan membaca koran, teks yang tampil tidak terlalu melebar. Dan memang sih untuk menghasilkan tampilan yang bagus seperti itu cuil termasuk cepat.

Cuil memiliki interface yang sangat menarik (menurut saya). Tampilan kategori ditampilkan dengan accordion panel. Membuat saya sibuk meng-hover berulang kali untuk melihat efek accordion panelnya yang bagus , Tab untuk setiap kategori dari hasil pencarian, mampu mengganti tampilan menjadi 2 kolom ataupun 3 kolom, dan bantuan kata kunci saat mengetikkan keyword.

Begitu saya ketikkan keyword pertama, eh bukan blog ini yang muncul di halaman pertama. Malahan profile saya yang di MyBlogLog yang muncul di urutan pertama. Mungkin si Twiceler (nama Robot Web Crawler-nya si Cuil) nggak ngerti bahasa Indonesia jadinya nggak bisa nemu blog ini . Ntar saya minta ah supaya blog ini di-crawl oleh Twicelernya Cuil via email.

Yang membuat saya penasaran ya tampilannya. Keren. Iseng-iseng klik kanan > View Page Source buat tahu seperti apa sih dalemannya mesin pencari ini. Ternyata kode HTMLnya lebih mudah dibaca daripada Google. Jauh lebih teratur. Tapi karena mulai ngantuk, akhirnya kututup halaman Sourcenya supaya tidak jadi tambah ngantuk . Paling  tidak sudah tau sedikit kalau (sepertinya) Cuil pake Mootools untuk urusan efek dan tampilannya. Hmm, ternyata Mootools bagus juga ya, mulai belajar Mootools ah.

Btw, sepertinya sih saya belum mau mengganti default search engine saya ke Cuil. Nunggu tanggapan dari orang-orang aja deh. Daripada asyik searching di Cuil, lebih baik saya searching di Scour aja. Dimana setiap kita melakukan search dan comment akan mendapatkan poin yang bisa ditukar dengan duit .

Kebanyakan (saya belum coba semua) web e-learning dari suatu universitas hanya bisa diakses oleh mahasiswa universitas tersebut saja. Jadi jgn bingung kalau tidak ada menu register . Karena untuk login biasanya menggunakan Nomor Induk Mahasiswa dan password yang sudah diberikan.

Universitas Indonesia
Elearningnya disini ada dua, CML (Computer Mediated Learning) dan SCELE (Student Centered E-Learning Environment).

Universitas Gajah Mada
Nama web e-learningnya unik banget, E-LISA. E-learning dikelompokkan berdasarkan fakultas. Btw, saya blum tahu apa kepanjangan E-lisa. Klo ada anak UGM kasi tau dong ya.

Institut Teknologi Bandung
Yang pasti sudah tau yang namanya ITB dong … ini dia web e-learningnya.

Institur Teknologi Sepuluh Nopember Surabaya
Disingkat menjadi ITS. Dulu saya kira ITS itu kepanjangannya Institut Teknologi Surabaya .

Universitas Airlangga
Salah satu universitas favorit di Surabaya, apalagi untuk fakultas kedokterannya .

STIKOM Surabaya
Hehehe, ikut numpang satu elearning dari STIKOM . Sebuah forum yang namanya ekelas.

Universitas Budi Luhur Jakarta
Yang ini saya tahu dari komentar permataxx di posting blog saya ini. Thanks buat info tambahannya.

Kalau mungkin e-learning universitas kalian tidak ada disini, kasi tau saya ya alamatnya. Mungkin saya belum sempat nemu aja.

Tool apa yang akan dipakai ? Well, tool yang akan dipakai adalah Izzy Menu. Mungkin sudah banyak yang tahu ya, saya hanya memberi tahu yang belum tahu. Dengan ini, kalian bisa menciptakan Tab menu bar dengan mudah, dengan bantuan CSS dan Javascript.

Sebenarnya izzyMenu bukan satu-satunya (setahu saya) aplikasi berbasis web untuk keperluan membuat Menu dengan CSS. Masih banyak yang lain lagi, coba deh di Google aja.

Segera ingin mencoba ? langsung aja ke TKP. Klik tombol Start Now – Free untuk segera bikin tombol kreasi kalian atau coba dulu lihat Menu Catalogu untuk lihat-lihat apa-apa saja style menu yang tersedia.

Kalau ingin menggunakan gambar sendiri bisa diupload dulu (di website lain) kemudian masukkan link gambarnya. Jika sudah puas dengan hasil kreasi, bisa langsung diDownload dengan mengeklik tombol Download atau klik tombol Get link untuk mendapatkan link ke menu hasil kreasi anda.

Seperti apa kira-kira caranya ? Well, coba lihat kode dibawah ini. Potongan kode ini saya dapat dari A List Apart.

@font-face {font-family: "Kimberley";src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");}h1 { font-family: "Kimberley", sans-serif }

Yup, kita menggunakan perintah font-face pada CSS untuk menyimpan URL dimana font tersebut bisa didownload oleh browser. Penjelasan kodenya (yang udah ngerti silahkan dilewati) :

• Perintah font-face memberi tahu browser nama font yang akan didownload.

• Perintah src untuk memberi tahu browser dimana font bisa didownload. Dan perintah format untuk memberi tahu browser apa format dari font yang akan didownload, apakah OpenType, TrueType, atau bisa juga Type lainnya.

• Sedangkan perintah h1 {font-family: "Kimberley", sans-serif} gunanya adalah menampilkan semua Heading 1 dengan font Kimberley. Kalau tidak bisa, maka gunakan font dengan tipe sans-serif.

Nah, seperti yang sudah bisa kalian bayangkan. Sebenarnya yang dilakukan oleh browser untuk menampilkan font yang tidak ada pada komputer adalah dengan melakukan download terhadap font yang dispesifikasikan pada perintah font-face, baru kemudian menampilkan halaman web tersebut dengan font yang sudah didownload tadi. Jadi sebaiknya berhati-hati menggunakan tehnik ini karena akan menambah lama loading halaman (tapi masih lebih cepat daripada membuka halaman profile Friendster yang ada lagunya .

Oh iya, seperti yang sudah saya katakan tadi, tehnik ini cuma bisa dilakukan dengan browser Safari. Firefox belum bisa (udah saya coba), ga tau lagi dengan Internet Explorer dan Opera.

Sumber : A List Apart , Surfin’ Safari , Beebo