Archive for the 'Web Design' Category

Blog Goes to School

Pendidikan merupakan salah satu hal penting dalam kehidupan manusia. Pemerintah Indonesia sendiri sejak lama telah mencanangkan Wajib Belajar 9 tahun. Pendidikan selama ini telah mengalami perkembangan yang luar biasa secara global. Sekolah - sekolah kini mulai menjadi fasilitator pendidikan yang tidak hanya dituntut untuk membuat seorang siswa lulus dengan nilai baik, tetapi juga memfasilitasi pembentukan softskill pada diri siswa-siswanya.

Seiring dengan perkembangan dunia luar yang semakin progresif dan menuntut setiap orang untuk berakselerasi, maka dunia pendidikan, dalam hal ini sekolah, akhirnya juga dituntut untuk terus menerus membenahi diri dalam berbagai hal, salah satunya adalah metode belajar mengajar.  Perkembangan dunia teknologi informasi yang tidak henti-hentinya, mendorong semua pihak, tidak terkecuali dunia pendidikan untuk memanfaatkannya sebagai sebuah sarana yang dinilai efektif dalam proses belajar mengajar tersebut. Sehingga pemanfaatan teknologi informasi menjadi salah satu faktor penting dalam akselerasi dunia pendidikan di Indonesia. Teknologi Informasi yang dimaksud secara spesifik adalah penggunaan blog (weblog) di Internet.

Blog menjadi sarana yang tepat bagi para guru dan juga siswa untuk saling berinteraksi secara aktif tanpa batasan ruang dan waktu. Sehingga guru atau siswa dapat dengan mudah kapanpun bahkan dirumah sekalipun untuk memberikan materi dan menerima materi yang berkaitan dengan pelajaran, asalkan mereka terhubung dengan internet.

Blog menjadi sebuah alternatif yang menurut saya bisa dibilang fresh untuk dijadikan sarana belajar mengajar. Banyak fasilitas di blog yang bisa dimanfaatkan untuk itu, misalnya untuk mempublikasikan jurnal, materi sekolah sehari-hari, publikasi soal-soal latihan, dan sebagainya. Dan yan terpenting adalah para guru bisa membuat blog secara gratis dan tidak perlu repot repot belajar ilmu HTML atau webprogramming. Penyedia blog telah memberi kemudahan untuk anda sehingga semua orang bisa membuat blog tidak terkecuali orang yang baru mengenal dunia internet sekalipun.

Dengan sebegitu banyaknya kemudahan dan keunggulan dari blog, maka sudah sepantasnyalah blog menjadi salah satu pilihan alternatif dalam metode belajar mengajar yang tidak terikat oleh ruang dan waktu. Harapannya adalah Terciptanya media komunikasi dan informasi yang bersifat dua arah, sehingga mendorong akselarasi para guru dan siswa yang berimbas pula pada peningkatan kualitas pendidikan di sekolah. Selain itu guru dan siswa dapat menulis dan mempublikasikan karyanya untuk berbagai kepentingan akademis.

GIF, JPEG atau PNG

Gambar merupakan salah satu unsur penting dalam web. Penggunaan gambar dapat mempermudah pengunjung sebuah situs dalam membayangkan sebuah deskripsi yang panjang lebar, selain itu tentu saja penggunaan gambar membuat situs kita jadi lebih menarik dan kelihatan dinamis. Namun kadang kala penggunaan gambar yang tidak tepat atau berlebihan, malah membuat situs kita menjadi lama dibuka.

Penggunaan gambar yang tepat, menjadikan web kita lebih terlihat elegan dan menarik. Lalu apakah menggunakan gambar yang tepat adalah harus dengan ukuran file yang sekecil mungkin?jawabannya adalah Ya. Tapi bukan hanya itu tentu saja faktornya, yang lebih utama juga adalah kenampakan gambar secara sempurna. Lalu format mana yang terbaik untuk gambar dalam sebuah web, GIF,JPEG atau PNG? Kalau ini jawabannya tentu bergantung pada kebutuhan gambar kita.

Kali ini saya mencoba membagi ilmu yang saya dapat tentang beberapa format gambar tersebut, supaya kita bisa memilih format mana yang paling tepat untuk gambar kita. Tentu saja dengan bahasa yang sederhana.

  1. GIF (Graphic Interchange Format)
    GIF adalah salah satu format yang sangat bagus untuk penggunaan gambar -gambar utama dalam web. GIF mendukung komposisi 256 warna,dan merupakan satu-satunya format gambar yang bisa anda jadikan animasi. Salah satu keunggulannya juga GIF merupakan gambar yang lossless compression, artinya GIF mendukung kompresi data tanpa membuat gambar menjadi rusak. Tapi ini hanya jika komposisi warna kurang dari 257, dan tidak ada gradien. Selain itu GIF juga mendukung transparansi pada gambar, sehingga anda bisa membuat warna latar yang berbeda beda dibelakang gambar tersebut.
    Secara umum, GIF biasa digunakan untuk logo, gambar yang berbasis garis (line drawing),text, ataupun icon. Sangat tidak disarankan untuk digunakan pada gambar fotografik. Selain itu hindari penggunaan gradien dan efek-efek lain seperti emboss pada format ini.
  2. JPEG (Joint Photographic Experts Group)
    JPEG atau JPG mendukung gambar full color (24 bit “True Color”), yang diperkirakan lebih dari 16,7 juta komposisi warna. Berbeda dengan GIF, JPEG adalah gambar yang lossy compression, ketika dikompresi maka gambar akan berubah kualitasnya. JPEG tidak cocok untuk digunakan pada gambar gambar yang berbasis garis (line drawing) dan memiliki komposisi warna dibawah 256.
    JPEG sangat sempurna untuk digunakan pada gambar gambar yang bersifat fotografik, penuh dengan warna dan juga gambar dengan efek-efek yang biasa digunakan dalam manipulasi gambar.
  3. PNG (Portable Network Graphics)
    PNG adalah salah satu format gambar yang paling baru. dia seperti gabungan antara GIF dan JPEG, sehingga terlihat powerfull.  PNG mendukung komposisi warna penuh (full color) (24 bit ‘true color’) seperti layaknya JPEG, walaupun gambar yang dihasilkan filenya akan berukuran lebih besar dari JPEG. Dan juga mendukung Transparansi gambar. serta lossles compression.
    PNG biasa digunakan dalam web untuk gambar gambar transparansi. Tetapi tentu saja karena dia masih baru, sehingga tidak didukung oleh browser - browser lama. Tapi siapa juga yang masih pake browser lama kan?? Yah update dunk..

Dihampir semua format diatas sekarang sudah mendukung interlaced atau progressive JPEG (untuk JPEG). Dengan kedua fitur ini web akan memuat gambar dengan resolusi kecil dulu pada saat pengunjung pertama kali membuka sebuah situs, hingga nanti semua proses pemuatan (loading) selesai, barulah gambar terlihat sempurna.

So, sudah ada sedikit pencerahan? Nah, yang penting gunakanlah gambar dalam situs anda secara tepat. Tepat guna, Tepat format, dan Tepat ukuran. Seperti yang biasa saya katakan, gak usah lebay dengan menaruh banyak gambar dan animasi yang tidak penting di web anda, karena cuma bikin berat aja. Kecuali memang itu web berbasis gambar, seperti foto hosting, portfolio, dsb.

Semoga bermanfaat. See ya around!!

Blog: Simple is more than enough

Tidak jarang dari kita para blogger yang memiliki blog yang penuh dengan warna dan juga penuh dengan gambar dan animasi. Dengan begitu memang blog terlihat sangat dinamis dan kompleks. Mungkin itu sangat tidak bermasalah ketika kita hidup di negara yang memiliki koneksi internet broadband,tetapi buat kita yang hidup di Indonesia, rasanya faktor lamanya loading sebuah web menjadi salah satu faktor utama kita berkunjung kesebuah situs web.

Blog yang telah menjadi tren pengguna internet, kini mulai membooming seiring perkembangan teknologi informasi.  Bagi blogger yang telah berkecimpung lama didunia blogging, blog sudah seperti kantor mereka didunia cyber. Terkadang malah menjadi tempat nongkrong tetap untuk menuangkan seluruh idenya. Sehingga mereka berlomba-lomba membuat blog mereka kelihata menarik dan meriah. Namun banyak para blogger yang tidak menyadari bahwa ketika mereka menempatkan sebuah gambar, animasi atau desain yang terlalu rumit membuat blog mereka cukup sulit untuk dibuka dalam waktu yang relatif singkat. Amatilah blog para blogger blogger yang sudah mapan, kebanyakan mereka memiliki blog yang sederhana, tapi tetap menarik untuk dilihat selama mungkin.

Desain memang bukan segalanya dalam blog, tapi penting untuk memiliki desain yang sederhana namun tetap terlihat eyecatching. So buatlah blog anda tidak terlalu berat untuk dibuka. Alih-alih dibaca pengunjung, pengunjung malah menutup web anda sebelum selesai termuat. mungkin ada beberapa tips yang bisa anda ikuti dalam desain blog ini, ini menurut versi saya. Beberapa diantara yang perlu kita perhatikan adalah:

  1. Penggunaan Gambar, gunakanlah gambar gambar yang anda angap penting untuk dimasukkan ke dalam blog, yang tentu saja mendukung posting-posting di blog anda. Jangan terlalu banyak menggunakan gambar yang tidak penting, karena selain akan membuat blog anda lama termuat, juga membuat pengunjung teralih perhatiannya dari postingan anda yang sebenernya inti dari blog itu sendiri. Editlah gambar sebelum anda mengupload gambar sesuai dengan ukuran yang ingin disematkan diblog anda. Sebisa mungkin jangan meresize ukuran gambar dengan tag html di blog, karena tidak meresize besarnya file.
  2. Pengunaan Animasi. Animasi seperti flash memang sangat terlihat bagus dan menarik, akan tetapi terkadang kita menggunakan flash yang sama sekali tidak berguna bagi para pengunjung. Banyak para webdesigner yang tidak merekomendasikan untuk menggunakan flash dalam skala tertentu, agar pengunjung merasa nyaman dalam menyelami blog kita.
  3. Penggunaa Font. Gunakanlah font yang memiliki tipe dasar seperti Roman,Verdana,Tahoma atau Trebuchet agar terlihat jelas pada saat dibaca. Penggunaan font yang bertipe script, akan menyulitkan orang untuk membaca blog anda. Selain itu gunakanlah ukuran yang sesuai, jangan terlalu besar dan jangan pula terlalu kecil, standar 11-14 pt, kecuali untuk penekanan pada tulisan tertentu, itupun harus proporsional. Tips lainnya yang mungkin berguna adalah gunakan mode rata kiri ketimbang rata kiri-kanan,karena itu dapat memudahkan pembaca dalam berkonsentrasi membaca ketika ia melihat baris-baris tulisan yang pasti berbeda panjangnya.
  4. Pemilihan Themes. Pemilihan themes memang sangat bergantung pada anda, bahkan sebenernya anda bisa membuat sendiri themes itu, atau modifikasi dari themes yang sudah ada. Namun beberapa hal yang anda mungkin perlu diperhatikan, carilah themes yang sesuai dengan tema blog anda. Itu lebih memudahkan orang dalam mengasosikan anda dengan blog anda. Dan juga jangan lupa pilihlah themes yang sederhana tapi menarik.
  5. Pemilihan Warna. Pilihlah warna warna yang tidak terlalu mencolok, agar mata pengunjung tidak terlalu lelah. Penggunaan warna seperti hitam atau putih (atau warna-warna gradasi dari hitam ke putih) cukup membantu buat para pengunjung yang buta warna, selain itu juga lebih hemat energi. Usahakan tidak menggunakan terlalu banyak warna, dan atau tidak matching satu sama lain.

Mungkin beberapa hal yang menurut saya penting untuk diperhatikan dalam sebuah blog adalah 5 hal diatas. Tentu saja masih banyak lagi yang lainnya secara content ataupun design. Semoga bisa bermanfaat.

Keep Blogging and Keep Your Blog Simple and Interesting …See ya around

Minimum Height/Width Bug di IE

Gw baru-baru ini belajar CSS neh, hehe,,bukannya sok-sok jago CSS tapi bagi-bagi ilmu aja (biar tambah berkah :D).

Read more »

Psikologi Warna

  • Merah. Mencerminkan kekuatan, energi, hasrat, cinta, gairah, semangat, dorongan, dan keinginan. Tetapi warna merah juga memiliki arti bahaya, perang, kekejaman, kekerasan, api, permusuhan, darah, dan agresif.
  • Merah muda (pink). Mencerminkan sifat kewanitaan, kasih sayang, cinta, romantis, keceriaan, dan keremajaan. Tetapi bisa juga berarti naif, lemah, dan merasa kekurangan.
  • Oranye. memiliki makna kehangatan, bersemangat, ceria, keseimbangan, musim gugur, menimbulkan getaran, dan warna ini banyak digunakan pada beberapa situs web. Warna ini juga digunakan untuk meminta perhatian.
  • Kuning. Melambangkan sinar matahari, emas, kekayaan, keberuntungan, dan juga kehidupan. Tetapi warna ini bisa juga melambangkan ketidakjujuran, pengecut, cemburu, iri hati, pengkhianatan, penipuan, kebohongan, resiko, dan sakit.
  • Hijau. Menggambarkan alam, lingkungan, kehidupan, pertumbuhan, stabil, santai, kesuburan, dan harapan. Tetapi warna ini bisa juga berarti kecemburuan, nasib buruk, iri hati, dan dengki.
  • Biru. Memiliki makna kepercayaan, kesetiaan, ketenangan, kedamaian, ketulusan, kesejukan, air, awan, harmoni, kebersihan, konservatif, percaya diri, dan penyembuhan. Warna ini merupakan warna yang aman dipakai untuk desain. Selain itu, warna ini juga bermakna kesedihan, kedingingan, depresi, dan penurunan vitalitas.
  • Ungu (violet). Mencerminkan kebangsawanan, perubahan, dan spiritual. Bisa juga berarti kesombongan, keangkuhan, kejam, kasar, dan duka cita.
  • Coklat. Berarti tanah, bumi, netral, hangat, aman, dan perlindungan. Bisa juga berarti kotor, tumpul, dan membosankan.
  • Abu-abu. Bermakna modern, cerdas, bersih, kokoh, masa depan, dan intelektual. Bisa juga berarti umur tua, kesedihan, dan kebosanan.
  • Putih. Melambangkan kesucian, kebersihan, kemurnian, kesederhanaan, damai, kebaikan, disiplin, perawan, perkawinan, musim dingin, dan salju. Bisa juga bermakna kematian (budaya timur), dingin, mandul, steril, klinik, dan hampa.
  • Hitam. Bermakna kekuatan, keanggunan, kemewahan, misteri, kecanggihan, kemakmuran, kepuasan, pengalaman, tegas, keras, kokoh, dan sangat kuat. Tetapi memiliki makna negatif kematian (budaya barat), takut, setan, kesedihan, duka cita, marah, anonim, dan penyesalan.

(dari berbagai sumber)