Pasang Iklan and disini

Info Tech News

Info Tech News

Nasional

Artikel

Network

Tutorial

Ketahui Jenis File Gambar yang Tepat untuk Web

Posted by: Unknown Posted date: 13:32:00 / comment : 0 , ,

Bagi seorang developer web yang juga berperan sebagai web desainer, gambar sudah menjadi hal wajib untuk dimasukkan ke dalam projeknya. Ada banyak format file untuk gambar dan juga dapat digunakan untuk ditampilkan pada web browser untuk keperluan website, namun apakah sudah tepat dalam memilih format file nya? Kali ini CodePolitan akan kupas mengenai format file apa yang tepat digunakan untuk website, apa saja kah itu? Berikut ulasanya.

GIF

Format GIF dikembangkan oleh CompuServe Inc pada tahun 1987 dengan maksud agar dapat mentransfer gambar secara cepat melalui koneksi yang memiliki kecepatan rendah. Gif sendiri merupakan kependekan dari Graphic Interchange Format. Format ini memiliki ekstensi .gif dan untuk pengucapanya sendiri masih menjadi perdebatan publik antara “gif” atau “jif, namun sang pembuatnya, Steve Wilhite menyebutkan bahwa pengucapan yang benar adalah “jif”.
Untuk pewarnaan, format GIF mengenali hingga 256 warna (indexed color) dan menggunakan proses dithering yaitu proses mengkombinasikan 2 piksel warna menjadi satu warna untuk mengurangi jumlah warna yang digunakan sehingga dapat memperkecil ukuran file gambar yang dibuat. Format GIF mendukung warna transparan dan dapat memuat banyak frame gambar sehingga dapat digunakan untuk membuat gambar gerak (animasi). Ukuran file format GIF tergantung dari jumlah warna yang digunakan, semakin sedikit warna yang dipakai maka semakin kecil ukuran file nya.
Contoh Gambar GIF.
Sumber: wikipedia.org
File GIF ini sangat cocok untuk gambar dengan sedikit warna seperti ikon untuk web ataupun clipart. Karena kemampuanya dapat menyimpan banyak frame dalam satu gambar, format ini cocok digunakan untuk animasi. Dan ukuran file yang bergantung pada jumlah warna yang terpakai, maka format ini juga sangat cocok untuk gambar yang simpel dalam hal pewarnaan, misalnya untuk gambar garis pembatas, border, dan lain sebagainya.

JPEG

tipe File Jpg
Format file ini memiliki ekstensi .jpeg atau .jpg. JPEG merupakan kependekan dari Joint Photographic Expert Group dan mulai dikembangkan pada tahun 1986. Cara pengucapan JPEG adalah “jay-peg” bukanya “jepeg” yang sering kita ucapkan.
JPEG mendukung hingga 1 juta warna, sehingga dapat menyimpan gambar dalam format true color (24-bit). Meskipun dapat menyimpan sampai dengan 16 juta warna, JPEG dapat memiliki ukuran file yang sangat kecil karena format ini menggunakan teknik kompresi yang sangat komprehensif. Karena kemampuan kompresi nya yang tinggi ini, format ini sangat cocok untuk menyimpan gambar-gambar fotografi.
Meskipun kompresi gambar JPEG sangatlah efisien dan selalu menyimpan gambar dalam kategori warna true color (24 bit), format ini bersifat lossy, yang berarti bahwa kualitas gambar dikorbankan bila tingkat kompresi yang dipilih semakin tinggi. JPEG sendiri kompatibel dengan platform Windows dan Mac serta dengan kompatibel dengan banyak aplikasi web browser ataupun image editor.
Format JPEG ini akan sangat cocok untuk gambar diam, fotografi dengan gambar realistik, gambar dengan pewarnaan yang kompleks, dan gambar yang memiliki perubahan warna dari gelap ke terang secara detail.

PNG

Tipe File PNG
PNG (diucapkan “ping” atau “pi en ji“) mulai dikembangkan pada pertengahan 90-an sebagai alternatif format GIF dan JPEG tetapi masih memiliki keunggulan dari kedua format tersebut. PNG merupakan kependekan dari Portable Network Graphic dan memiliki ekstensi .png.
PNG memiliki 2 bentuk yaitu PNG-8 dan PNG-24. PNG-8 memiliki kesamaan sifat seperti GIF, yaitu mendukung hanya 256 warna (indexed color) serta mendukung transparansi 1-bit. Namun terkadang format PNG-8 ini memiliki ukuran file yang lebih kecil dibandingkan dengan GIF.
Kemudian PNG-24, format ini memiliki kesamaan dengan JPEG yaitu mendukung pewarnaan hingga 24-bit (true color) dimana memiliki kedalaman warna hingga 16 juta warna. Perbedaan dengan JPEG adalah PNG menggunakan kompresi loosless, artinya gambar yang dihasilkan memiliki kualitas yang luarbiasa namun ukuran file yang lebih besar dibanding JPEG.
Baik PNG-8 ataupun PNG-24 mendukung transparansi dimana tingkat transparansi nya dapat diatur dari mulai gelap (pekat) hingga transparan atau dapat disebut juga alpha channel. Format PNG dapat dipakai di berbagai platform dan browser ataupun aplikasi pengolah gambar, namun untuk beberapa browser jadul akan mendapati masalah dalam menampilkan PNG karena browser tersebut belum mendukung alpha channel.
Format PNG akan sangat cocok digunakan untuk gambar logo pada website yang terkadang dibutuhkan tranparansi/alpha channel. Selain itu PNG juga cocok untuk gambar fotografi berkualitas tinggi dimana ukuran file tidak menjadi pertimbangan.
Dengan menggunakan format gambar yang bervariasi dan sesuai dengan penggunaanya, tentu saja akan berpengaruh pada ukuran file gambar sehingga space pada hosting web pun dapat dihemat selain itu waktu loading pun dapat di efektifkan.

Bagi seorang developer web yang juga berperan sebagai web desainer, gambar sudah menjadi hal wajib untuk dimasukkan ke dalam projeknya. A...

6 Prinsip dalam Membuat Desain User Interface

Posted by: Unknown Posted date: 06:14:00 / comment : 0 , ,


Dalam mendesain user interface untuk pengguna atau client, tentunya ada beberapa hal yang perlu diperhatikan. Mengapa? Karena tentunya anda tidak ingin pengguna yang menggunakan produk anda mengalami kesulitan dalam menggunakan produk buatan anda.
Nah untuk itulah prinsip desain user interface ini diperkenalkan oleh Larry Constantine and Lucy Lockwood. Berikut merupakan prinsip dari desain user interface.

1. The structure principle

Tampilan desain untuk user interface harus diatur sesuai fungsinya agar lebih terorganisir. Tampilan yang dibuat juga harus jelas, konsisten dan dapat dipahami oleh pengguna. Misalnya seperti menaruh beberapa hal yang saling terkait fungsinya dan memisahkan yang tidak ada hubungannya. Prinsip struktur ini saling berkaitan dengan keseluruhan arsitektur user interface.

2. The simplicity principle

Desain yang dibuat haruslah sederhana, mudah digunakan, dan dapat berkomunikasi dengan jelas dengan bahasa yang dipahami oleh penggunanya.

3. The visibility principle

Desain yang kita buat sebaiknya dibekali dengan pilihan dan memenuhi kebutuhan pengguna dalam mengerjakan suatu tugas tanpa membuat pengguna kesusahan dengan banyaknya informasi yang sebenarnya tidak diperlukan.

4. The feedback principle

Desain yang baik harus memberikan informasi yang jelas kepada setiap hal yang dilakukan pengguna, seperti ketika menunjukan error ketika ada langkah yang bermasalah, menunjukan keterangan sukses jika langkah yang dilakukan pengguna sudah benar dan lain sebagainya. Intinya harus ada komunikasi yang jelas antara sistem dan pengguna.

5. The tolerance principle

Desain sebaiknya dibuat dengan fleksibel dan toleran, seperti dapat mengurangi kesalahan pengguna dengan menggunakan fitur undo atau redo dan juga mencegah munculnya error.

6. The reuse principle 

Prinsip ini mengharuskan pengguna untuk menggunakan kembali komponen internal maupun eksternal. Hal ini dikhususkan agar pengguna tidak perlu mengingat kembali kebiasaan atau input yang telah dilakukan berulang ulang.

Nah kurang lebih seperti itulah prinsip dalam membuat desain user interface yang baik dan efektif. Tentunya ketika anda akan mengembangkan sebuah desain user interface maka dapat menggunakan prinsip diatas sebagai acuan untuk menghasilkan desain yang baik dan mudah digunakan oleh pengguna. Sekian ulasan kali ini, semoga bermanfaat :D

Dalam mendesain user interface untuk pengguna atau client, tentunya ada beberapa hal yang perlu diperhatikan. Mengapa? Karena tentunya an...

Sejarah Perkembangan Web Design

Posted by: Unknown Posted date: 05:58:00 / comment : 0 , ,


Berbicara mengenai web design, tentunya kita sudah tak asing dengan yang namanya HTML, CSS, PHP dan bahasa lainnya untuk mengembangkan sebuah website. Website sendiri saat ini sudah berkembang pesat dibandingkan pendahulunya.
Bayangkan, sekarang sebuah website bisa dibuat dengan mudah, cepat, mampu menampilkan animasi dan lain sebagainya. Namun, tentunya perkembangan ini didahului dengan proses yang sangat panjang. mari kita simak..

Perkembangan HTML

HTML pertama kali diluncurkan pada tahun 1990 yang kemudian diikuti dengan munculnya website pertama pada tahun 1991. Website ini diperkenalkan oleh Tim Berners-Lee. Pada peluncuran awal tersebut, HTML hanya dibekali kemampuan untuk menampilkan teks dan link saja. Tentu membosankan membaca website seperti itu.
Tidak berhenti disitu, munculnya tabel untuk membuat layout pada tahun 1992 membuat perkembangan web akhirnya lebih diminati pengguna. Tentunya website yang dikembangkan dengan layout akan lebih menarik dibandingkan hanya berupa teks saja.

Perkembangan Flash dan Javascript

Pada tahun 1995-1996, flash dan Javascript mulai diperkenalkan. Hal ini membuat perkembangan web menjadi lebih pesat lagi. Dengan flash dan javascript, penggunaanya dapat membuat konten pada web menjadi lebih interaktif.

Perkembangan CSS

Dengan berkembangnya teknologi pada website, akhirnya pada tahun 1996 W3C memperkenalkan penggunaan CSS. Dengan CSS tersebut, akhirnya dapat membuat web menjadi lebih cantik dan tentunya tidak membosankan.

Perkembangan Web Dinamis

Pada saat itu, penggunaan web masih sebatas web statis saja. Hal ini membuat konten dari web menjadi kurang menarik. Oleh karena itu, pada tahun 1998 munculah PHP. Bahasa ini dikembangkan secara open source, dan terbukti membuat halaman web menjadi lebih dinamis. Proses update pada halaman web juga menjadi lebih mudah.
Setahun setelah itu, CSS3 muncul dan membuat halaman web menjadi lebih menarik lagi. Dengan dibekali kemampuan dan fitur baru sehingga merubah wajah web dan proses perkembangannya menjadi lebih menarik.

Web 2.0 

Penggunaan internet yang makin ramai membuat banyak developer akhirnya tidak berhenti pada web dinamis saja. Mereka mulai memperkanalkan web yang mampu berinteraksi secara langsung dengan user atau bahkan dikendalikan langsung oleh user.
Perkembangan inilah yang akhirnya memunculkan teknologi seperti Facebook, Twitter, LinkedIn, Blogger dan lain sebagainya.

Mobile Web

Pada tahun 2008, perkembangan ponsel semakin canggih dan membuat pergeseran budaya masyarakat yang tadinya lebih memilih melakukan browsing internet dengan komputer kini beralih menggunakan ponsel. 
Hal tersebut akhirnya memunculkan trend baru untuk membuat web yang mudah dibaca dan digunakan oleh pengguna ponsel. Inilah awal dari perkembangan penggunaan responsive web design.

Nah, dari ulasan tersebut kita telah mengetahui perkembangan web mulai dari awal hingga saat ini. Tentunya trend penggunaan web akan selalu berkembang dari waktu ke waktu. Apakah menjadi lebih menarik? kita tunggu saja. Karena tentunya penggunaan web juga akan semakin ramai. Sampai jumpa di artikel lainnya.

Berbicara mengenai web design, tentunya kita sudah tak asing dengan yang namanya HTML, CSS, PHP dan bahasa lainnya untuk mengembangkan se...

Subscribe to: Posts (Atom)
⬆
Top