Hamsah blog

Mengerjakan banner dan animasi web bagi sebagian desainer mungkin sebuah pekerjaan yang remeh, tidak menantang kreativitas dan imajinasi. Apalagi di tahun-tahun awal mula internet dulu kreativitas dan imajinasi baik untuk “desain diam” apalagi “desain bergerak” banyak dibatasi oleh kendala-kendala teknis, terutama soal bandwidth.

Dengan bandwidth yang masih sempit, waktu download menjadi faktor yang mesti diperhatikan dengan baik. Untuk menampilkan still images seperti foto atau illustrasi saja harus direncanakan dulu dan dikerjakan dengan matang supaya bisa didownload dalam waktu yang sependek mungkin. Sedangkan untuk menampilkan motion graphics dengan desain dan kualitas seperti di TV atau film, maaf saja…belum bisa lah yauww. Bisa seumur hidup nunggu download-nya.

Untuk memperpendek waktu download, ukuran file gambar harus dibuat sekecil mungkin dengan menggunakan teknik kompresi. Akibatnya, kualitas gambarnya seringkali menjadi lebih rendah dan warnanya berubah. Pada saat itu format kompresi untuk banner dan animasi web yang biasa digunakan adalah GIF Animation. Sementara banner dan animasi web yang menggunakan teknologi Flash masih sedikit, karena untuk memutar/memainkannya pengguna web harus mendownload Flash Player.

Dalam kondisi seperti itulah saya ditugaskan membuat web banner dan teaser setiap minggunya untuk portal pariwisata tempat saya bekerja. Selain web banner, pada waktu-waktu tertentu saya juga membuat animasi dan e-card.

Alhamdulillah, karena saya selalu menganggap tugas yang diberikan ini sesuatu yang penting dan menarik, pekerjaan ini tidak pernah menyulitkan dan membosankan. Dengan begitu, keterampilan desain dan hasil kerja saya juga semakin baik dari waktu ke waktu. Yang juga menarik, semakin saya berusaha untuk mendalami pekerjaan ini, semakin banyak resources, ilmu dan pembelajaran tentang motion graphics yang bisa saya dapatkan.

Pelajaran yang saya dapatkan dari pekerjaan ini :
1. Keterbatasan dan kendala yang ada bukanlah pembunuh inovasi, kreativitas dan imajinasi. Justru bisa menjadi alat untuk bisa menghasilkan yang terbaik dari apa yang ada.
2. Meski ukurannya kecil, membuat banner tetap merupakan pekerjaan desain yang menantang dan menyenangkan.

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.

Kelebihan PHP dari bahasa pemrograman lain

• Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.
• Web Server yang mendukung php dapat ditemukan dimana – mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.
• Dalam sisi pengembangan lebih mudah, karena banyaknya milis – milis dan developer yang siap membantu dalam pengembangan.
• Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.
• PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.

Kami IndoGlobalWeb menyediakan jasa WebHosting dengan Server Linux yang sangat memungkinkan anda yang cinta dengan bahasa pemrograman PHP untuk untuk menempatkan website anda di server kami dengandukungan support 24 jam, dan kami menyediakan layanan database yang competible dengan PHP dan banyak di gandrungi orang yaitu MySql dan PostgreSQL, berikut adalah layanan server kami IndoGlobalWeb

• direktori CGI-bin pribadi
• support Perl 5.8.x
• support PHP 4.4.x
• Database MySQL 4.0.x
• Database PostgreSQL
• counter, PHP chatroom, forum siap pakai

Artikel Wikipedia Indoesia yang telah kami tambahkan untuk kebutuhan informasi anda

Jalan terbaik untuk membangun sebuah website membuat sesuai dengan standar internasional yang ada. Membangun sebuah situs sesuai dengan standar berarti membuat situs yang (terutama untuk desainer profesional) adalah bisa dibuka dimanapun, lebih cepat diakses, lebih mudah dipelihara, dan membuat nyaman semua orang yang akan menggunakan website anda baik itu pengunjung maupun programmer.

Desain web yang asal-asalan dan cuma memperhatikan tampak depannya saja akan berakibat buruk bagi masa depan kita. Pengkodean yang tidak sesuai standar, penggunaan tag-tag khusus untuk browser tertentu ( ex : IE only ), akan membuat situs kita tampak baik di satu browser akan tetapi hancur di browser lainnya.

Apa itu xHTML dan apa itu CSS ?

xHTML – sederhananya – adalah versi lanjutan dari HTML. xHTML didukung penuh oleh W3C ( badan yang membuat standar WWW ) dan lebih strict dari HTML. Strict disini berarti toleransi yang diberikan xHTML lebih ketat daripada HTML. Tugas xHTML adalah menandai ( markup ) yang mana heading, yang mana paragraf, yang mana list, dan sebagainya.

Lalu, apa beda persentasi dan struktur?

xHTML hanya digunakan untuk menyusun struktur website sementara persentasi ( tampilan ) seluruhya harus dihandle oleh CSS.

Akibatnya, xHTML tidak mengizinkan penggunaan tag-tag persentasi seperti font, i, b, u, dsb. Mana paragraf mana heading adalah struktur. Namun berapa besar ukuran font dari heading, apa warna paragraf, berapa margin dan padding yang digunakan untuk sebuah paragraf, dan sebagainnya adalah persentasi.

CSS ( Cascading Style Sheets ) adalah bahasa yang digunakan untuk menentukan tampilan ( persentasi ) dari suatu website. CSS tidak hanya memberikan kontrol yang lebih baik kepada kita untuk mengatur tampilan, namun juga menghilangkan kaharusan menggunakan tag persentasi didalam website.

Untuk lebih jelasnya, perhatikan contoh-contoh berikut :

1. Heading adalah struktur sehingga kita menggunakan tag xHTML h1, h2, dsb untuk menandai suatu heading. Di lain sisi, ukuran dari heading adalah persentasi sehingga kita menggunakan CSS ( h1 { font-size : 3em } ) untuk mengatur ukuran heading.
2. Paragraf adalah struktur sehingga kita menggunakan tag xHTML p untuk menanandai bahwa suatu text adalah paragraf. Namun warna tulisan dari suatu paragraf adalah persentasi sehingga kita menggunakan CSS untuk menentukannya ( color : ).
3. Data tabular adalah struktur, gunakan tag xHTML table, th, tr, dan td untuk menandai suatu table. Namun ukuran border dari table, width dari table, dsb adalah persentasi sehingga gunakan CSS ( ex : border : 2px solid black ) untuk mengaturnya.
4. Gambar adalah strukur sehingga gunakan tag xHTML img untuk memasukan gambar. Berapa jarak border ke gambar ( padding ) adalah persentasi sehingga gunakanlah CSS

Ok, saya mengerti, namun bukankah sangat tidak efisien jika kita harus mengatur CSS hanya untuk membuat miring atau tebal sebuah kata ? Lupakan “i” dan “b”. xHTML mempunyai tag struktur untuk keperluan itu. xHTML mengenal tag “strong” yang secara default membuat tulisan jadi tebal dan “em” yang secara default membuat tulisan menjadi miring. Tag-tag struktur pada xHTML sudah mempunyai default persentasi nya sendiri sehingga anda tidak perlu mendifinisikan style masing-masing tag satu-persatu. Tentu anda harus mengubahnya jika ingin tampilan website anda lebih indah.

Bukankah tidak ada bedanya fungsi dari em dan i ? Mengapa saya harus menggunakan em daripada i ? Tag-tag pada xHTML didesain agar setiap tag memberikan arti yang jelas terhadap text yang ditandainya. Kata yang dibungkus oleh tag struktur strong berarti memiliki penekanan khusus daripada kata lainnya. Bandingkan dengan tag persentasi b yang hanya menandai bahwa kata itu tebal meskipun hasilnya akan sama tebalnya dengan strong

Navigasi pada sebuah website yang tertampil pada menu dan links adalah petunjuk bagi pengunjung terhadap halaman – halaman yang terdapat dalam website. Pengunjung akan semakin mudah menemukan halaman – halaman dalam website Anda jika menu – menu dan link yang ada tampil secara terstruktur. Sudah pasti pengunjung akan kesal apabila tidak mendapatkan halaman website yang ia cari gara – gara navigasi yang ruwet.

Rencanakan dengan Baik
Hal yang mutlak dilakukan sebelum mulai membuat sebuah web tentunya adalah pembuatan konsep dari website itu sendiri. Konsep tersebut akan memuat navigasi dasar dalam bentuk “tree view” (bercabang dan beranting) dari mulai konten yang bersifat umum hingga konten yang bersifat mendetail. Inilah garis besar navigasi dari situs yang akan dibuat.

Dimana Navigasi diletakkan
Seperti telah dikemukakan di atas, bahwa navigasi akan membawa pengunjung dari hal – hal yang bersifat umum hingga hal – hal yang bersifat mendetail. Halaman utama (index) tentu saja akan memuat menu – menu pokok yang bersifat umum. Percabangan dari menu – menu inti tersebut dapat di letakkan pada halaman – halaman cabang dari index.
Alternatif lain, Anda dapat menggunakan javascript untuk menampilkan menu dan sub-menu sekaligus.

Konsisten
Sebisa mungkin jangan merubah letak menu pada setiap halaman web sehingga pengunjung lebih mudah menemukan menu – menu tersebut. Misalnya menu utama berada di atas, setelah itu pada halaman – halaman yang terdapat dalam menu utama dapat ditampilkan sub-menu di sebelah kiri atau kanan halaman.

Desember 13, 2007 · Disimpan dalam web design and animation

Navigasi pada sebuah website yang tertampil pada menu dan links adalah petunjuk bagi pengunjung terhadap halaman – halaman yang terdapat dalam website. Pengunjung akan semakin mudah menemukan halaman – halaman dalam website Anda jika menu – menu dan link yang ada tampil secara terstruktur. Sudah pasti pengunjung akan kesal apabila tidak mendapatkan halaman website yang ia cari gara – gara navigasi yang ruwet.

Rencanakan dengan Baik
Hal yang mutlak dilakukan sebelum mulai membuat sebuah web tentunya adalah pembuatan konsep dari website itu sendiri. Konsep tersebut akan memuat navigasi dasar dalam bentuk “tree view” (bercabang dan beranting) dari mulai konten yang bersifat umum hingga konten yang bersifat mendetail. Inilah garis besar navigasi dari situs yang akan dibuat.

Dimana Navigasi diletakkan
Seperti telah dikemukakan di atas, bahwa navigasi akan membawa pengunjung dari hal – hal yang bersifat umum hingga hal – hal yang bersifat mendetail. Halaman utama (index) tentu saja akan memuat menu – menu pokok yang bersifat umum. Percabangan dari menu – menu inti tersebut dapat di letakkan pada halaman – halaman cabang dari index.
Alternatif lain, Anda dapat menggunakan javascript untuk menampilkan menu dan sub-menu sekaligus.

Konsisten
Sebisa mungkin jangan merubah letak menu pada setiap halaman web sehingga pengunjung lebih mudah menemukan menu – menu tersebut. Misalnya menu utama berada di atas, setelah itu pada halaman – halaman yang terdapat dalam menu utama dapat ditampilkan sub-menu di sebelah kiri atau kanan halaman.

Apakah para pengembang web memahami berapa lama orang akan mengunjungi websitenya?
Apakah kita adalah internet newbie atau pemasar berpengalaman, kita perlu memahami hal terbaik tentang website, disain menjadi bagian yang menyangkut sukses kenyamanan.

Berikut tips untuk kesuksesan sebuah web:

1. Navigasi
Kita pernah bahas bagian ini pada artikel merancang navigasi website

Ketika orang datang ke website kita mereka pada umumnya mencari sesuatu yang khusus.Misal resep untuk diet rendah, sehat dan mencarinya serta menyiapkannya kurang dari beberapa menit atau apa yang merupakan bisnis terbaik untuk dimulai secara online.
Apapun yang pengunjung inginkan, kita harus mempunyai jawaban untuk itu. Maka tanyakan pada diri kita,kenapa orang-orang datang ke website kita? Ketika kita mengetahuinya kemudian kita harus membuatnya gampang untuk mereka temukan apa yang mereka cari.

2. Grafis
Jika kita menjalankan suatu site profesional, dan tidak menggunakan grafis/gambar2 yang menyenangkan, maka jangan harap orang akan mau berlama-lama di website kita. Orang datang keweb
kita untuk mencari informasi. Tidak untuk klik suatu iklan atau mengasah otak saja.

Membuat website menjadi lingkungan menyenangkan bagi pengunjung untuk menikmatinya. Memikirkan seperti kita pergi ke mall. Kita ingin masuk suatugudang/ toko yang bersih, yang dipersiapkan, mempunyai layanan baik pada pelanggan dan produk yang sedang dicari. Website kita perlu mencerminkan hal ini. Jika ada apa yang kita harapkan didalamnya
seperti pengalaman berbelanja, pengunjung akan menikmati apa yang sedang mereka cari diwebsite kita.

3. Warna
Ya, bagian ini juga sudah kita bahas di artikel sebelumnya. (link)
Warna adalah pilihan perorangan, tetapi studi menunjukkan warna itu mempunyai suatu pengaruh pada emosi publik.
Jika kita mempunyai suatu lokasi investasi keuangan,
Pilih warna konservatif. Atau jika kita menjual materi pantai, maka pilihlah warna yang lembut.