sponsor

sponsor

Slider

Materi dan Tutorial Khusus Untuk Membuat Situs Web Dan Blog Bagi Pemula Hingga Tingkat Mahir. Gambar tema oleh kelvinjay. Diberdayakan oleh Blogger.

Posts

Recent Tube

Business

Technology

Life & style

Games

Sports

Fashion

Design Grafis

Mengenal JQuery

By: KOPPAJA PAPUA on 00.26 / comment : 0 , , , , , , , , , , ,

Mengenal JQuery

logo jquery

JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan “Write less, do more” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

JQuery merupakan library open source dengan lisensi GNU General Public License dan MIT License. Dari sisi ukurannya, framework JQuery sungguh ramping, hanya sekitar 20 KB dan hanya terdiri dari satu file. Namun demikian, bagi yang menginginkan fungsi lebih, JQuery memungkinkan penambahan fungsionalitas dalam bentuk plugin. Saat ini tersedia ribuan plugin yang dapat diperoleh secara gratis di internet.

Apa yang bisa dilakukan dengan JQuery?

1. Mengakses bagian halaman tertentu dengan mudah.
Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan Document Object Model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain, pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dari HTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada struktur HTML.
2. Mengubah tampilan bagian halaman tertentu.
CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.
3. Mengubah isi dari halaman.
Jaman dulu (baca:sebelum JQuery lahir) cukup sulit jika kita akan mengubah sebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks, menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baris tabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.
4. Merespond interaksi user dalam halaman.
Website yang baik tidak cukup digambarkan dengan user-interface dan tampilan yang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri. Interaktivitas sangat bergantung bagaimana pemrograman yang dipakai dalam menangani event-handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untuk menangani event saat terjadi click. Namun demikian, event handling pada Javascript terbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapi semuanya dengan tambahan penanganan event-handling yang semakin mudah.
5. Menambahkan animasi ke halaman.
Animasi seringkali disertakan dalam suatu halaman web untuk menambah kecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs. Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambar bergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dan kekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupun masih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satu animasi yang bisa dibuat dengan JQuery adalah fading jika terdapat suatu bagian dari halaman ditambahkan atau dihilangkan.
6. Mengambil informasi dari server tanpa me-refresh seluruh halaman.
Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari yang namanya AJAX (Asynchronous Javascript and XML). Pada penerapannya, cukup ribet jika harus membangun website dengan konsep AJAX, saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakan salah satunya.
7. Menyederhanakan penulisan Javascript biasa.
Semboyan JQuery adalah “Write less, do more” atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih. Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang web untuk menggunakan JQuery.

Download JQuery

Situs resmi JQuery dapat diakses di http://jquery.com/. Dan library JQuery dapat didownload di alamat http://docs.jquery.com/Downloading_jQuery. Tersedia library jQuery dalam 2 (dua) jenis yaitu minified dan uncompressed. Minified jika kita ingin menggunakannya saja dalam website kita (ukuran 18 KB), sedangkan uncompressed jika kita berkeinginan turut serta mengembangkan code jQuery.

Contoh Sederhana JQuery

 contoh jquery
Penjelasan Program
  1. Pertama, kita harus menyertakan (include) file library JQuery. Pastikan letak dari file library sudah benar.
  2. Perintah-perintah JQuery.
    • Baris 8 merupakan perintah inisialisasi dimana saat halaman (dokumen) siap ditampilkan maka jalankan juga perintah yang ada di dalamnya. Hal ini mirip dengan event onLoad yang biasanya diletakkan di tag .
    • Baris 9-11 maksudnya adalah mendefinisikan action yang terjadi saat link dengan class=show ( $(‘a.show’) ) diklik (lihat link baris ke-22). Jadi jika link di-klik maka paragraf dengan nama class=jquery ( $(‘p.jquery’) ) akan tampil dengan durasi tampil “slow”. Paragraf yang akan ditampilkan adalah paragraf baris ke-24 sampai 27.
    • Baris 13-15 sebaliknya, akan menyembunyikan isi dari paragraf yang mengandung nama class=jquery.
  3. Isi dari halaman. Perhatikan nama class dari masing-masing object.

Referensi :
  1. Jonathan Chaffer, Karl Swedberg, Learning JQuery, Packt Publishing, 2007
  2. http://jquery.com/
  3. http://en.wikipedia.org/wiki/Jquery
  4. http://didats.net/page/belajar-javascript-lebih-lanjut-dengan-jquery-1/
  5. http://bagindokemas.com/2008/12/21/berkenalan-dengan-jquery/
Beberapa contoh yang lebih aplikasi bisa dilihat di :

Semoga bermanfaat.......
Belinus Kilungga,S.Kom

Teknologi AJAX

By: KOPPAJA PAPUA on 00.24 / comment : 0 , , , , , , , , , , , ,


Pengertian Ajax

AJAX adalah singkatan dari Asynchronous JavaScript and XML. Pada dasarnya ajax menggunakan XMLHttpRequest object Javascript untuk membuat request ke server secara asynchronous atau tanpa melakukan refresh halaman website. Yang dibutuhkan agar ajax dapat berjalan adalah javascript harus di enable pada browser yang digunakan. Walaupun javascript merupakan dasar dari Ajax, dimana javascript sangat susah pada implementasi dan maintenance, tetapi Ajax memiliki struktur pemrograman yang lebih mudah untuk dipahami. Anda tinggal membuat object XMLHttpRequest dan memastikan object tersebut terbentuk dengan benar. Kemudian menentukan kemana hasilnya akan ditampilkan atau dikirim.

Ajax dapat digunakan untuk melakukan banyak hal, seperti loading halaman HTML tanpa refresh halaman web, validasi form dan banyak lagi yang bisa dilakukan dengan ajax. Di tutorial ini Ajax akan dipadukan dengan bahasa pemrograman PHP yang sangat powerfull. Ajax bertugas melakukan request ke web server dan PHP yang berada di server akan melakukan apa yang diminta oleh Ajax, mengirim hasilnya ke web browser dan Ajax menampilkannya kepada user. Karena Ajax dibangun dengan javascript maka untuk dapat mengikuti tutorial ini dengan baik anda perlu memiliki dasar-dasar javascript. Selain itu anda juga perlu memiliki dasar-dasar pemrograman PHP. Jika anda belum memiliki dasar-dasar PHP anda dapat memperoleh tutorialnya di website ini. Sedangkan untuk tutorial javascript anda bisa memperolehnya dari berbagai sumber yang ada di internet.

Konsep HTTP Request dan Response

Untuk mengetahui bagaimana konsep dari Ajax anda perlu mengetahui bagaimana sebuah web browser memproses sebuah request dan menerima sebuah response dari web server. Standar yang digunakan web browser pada saat ini adalah HTTP (HyperText Transfer Protocol). HTTP digunakan oleh web browser untuk mengirim request dari website ke web server dan kemudian menerima response dari web server. HTTP request berkerja seperti email, memberitahukan kapan request dikirim, berisi header yang memberitahu apa yang harus dilakukan server dan bagaimana menghandle request tersebut.

Sekali sebuah request diterima, web server kemudian menentukan response apa yang akan diberikan.
Terdapat banyak request method yang ada, tetapi yang paling sering digunakan adalah GET dan POST. Sekarang anda telah memiliki bayangan bagaimana request dikirim ke web server dan kemudian web server mengirim response dari request tersebut ke web browser, akan mudah bagi anda untuk memahami bagaimana XMLHttpRequest berkerja. Keduanya sangat mirip, tetapi XMLHttpRequest dioperasikan di belakang layar dan tanpa memerlukan refresh halaman.

XMLHttpRequest Object

Ajax bisa dibilang adalah sebuah konsep untuk menerangkan interaksi antara client-side XMLHttpRequest Object dengan script server-side. Untuk membuat request ke web server menggunakan Ajax, anda harus membentuk Object XMLHttpRequest terlebih dahulu. Untuk membentuk object XMLHttpRequest berbeda pada setiap browser. Pada microsoft internet explorer object dibentuk sebagai ActiveX control, sedang pada browser seperti Firefox dan safari menggunakan basic javascript object.

XMLHttpRequest Methods

Setelah XMLHttpRequest terbentuk, terdapat beberapa method atau fungsi yang bisa digunakan. Method-method tersebut dijelaskan di bawah ini.
  1. abort()
    Method abort() digunakan untuk menghentikan request yang sedang berjalan. Method ini sangat berguna jika anda memperhitungkan lama waktu koneksi, misalnya jika waktu koneksi melebihi rentang waktu tertentu anda bisa menggunakan method abort() untuk menghentikan request secara prematur.
  2. getAllResponseHeader()
    Anda dapat menggunakan method ini untuk memperoleh semua informasi dari semua header HTTP yang sedang diberikan oleh server. Misalnya set sebuah header akan terlihat seperti :
     Date: Sun, 13 Nov 2005 22:53:06 GMT
 Server: Apache/2.0.53 (Win32) PHP/5.0.3
 X-Powered-By: PHP/5.0.3
 Content-Length: 527
 Keep-Alive: timeout=15, max=98
 Connection: Keep-Alive
 Content-Type: text/html
     
  3. getResponseHeader("headername")
    Method ini dapat digunakan untuk memperoleh isi dari begian sebuah header, sebagai contoh untuk memperoleh ukuran dari document yang sedang direquest, anda dapat menggunakan getResponseHeader("Content-Length").
  4. open ("method","URL","async","username","pswd")
    Method ini merupakan method yang paling penting dan berguna pada XMLHttpRequest. Method ini digunakan untuk membuka koneksi dengan document yang ada di server. Dengan method ini anda memberitahukan kepada web server method apa yang digunakan untuk membuka file ("GET" atau "POST"). Sebagai catatan tidak semua argument pada method ini harus diisi, tergantung dengan situasi dan kebutuhan.
  5. setRequestHeader("label","value")
    Method ini dapat digunakan untuk menentukan header pada saat melakukan request. Sebagai catatan, method ini hanya bisa dipanggil setelah method open digunakan dan sebelum method send dipanggil.
  6. send("content")
    method ini digunakan untuk mengirim request ke server. Jika request dikirim secara asynchronous, maka response akan datang secepatnya. Jika tidak, response akan datang setelah response diterima oleh web browser. Parameter pada method ini tidak harus diisi, parameter ini sangat berguna untuk memproses HTML form dan memberikan anda untuk mengirim nilai dari element form ke web server.

XMLHttpRequest Properties

XMLHttpRequest memiliki properti yang dapat digunakan dan dimanipulasi, seperti dijelaskan di bawah.
  1. onreadystatechange
    Properti ini adalah sebuah event handler yang memberikan anda untuk men-trigger sebuah blok kode atau function, ketika state (sampai dimana proses request berlangsung pada waktu tertentu) berubah. Contoh, misalnya anda ingin menampilkan pesan (alert) pada saat state telah berubah menjadi complete state.
  2. readyState
    berisi informasi state dari object XMLHttpRequest pada saat properti ini digunakan (0: uninitialized, 1: loading,
    2: loaded, 3: interactive, 4: complete). Properti ini bisa digunakan untuk menangani kesalahan, memanggil blok kode atau function untuk setiap readyState. Misalnya, untuk menampilkan text "loading" pada saat readyState sama dengan 1 (fase loading) dan memanggil sebuah function pada saat readyState=4 (complete).
  3. responseText
    Properti ini akan dihasilkan pada saat request telah berhasil/complete. Misalnya anda melakukan request terhadap sebuah document di server, respon dari server akan disimpan pada properti ini. Biasanya properti ini digunakan untuk mengganti properti innerHTML dari sebuah element HTML.
  4. responseXML
    Properti ini sama dengan responseText, tetapi respon yang dihasilkan dalam format XML.
  5. status
    Properti ini memberitahukan response code yang dihasilkan dari direquest yang dilakukan. Misalkan, jika file yang direquest ke server tidak ditemukan maka status akan berisi 404.
  6. statusText
    Properti ini merupakan textual dari properti status, misal status sama dengan 404 maka statusText akan sama dengan Not Found.

Membentuk Object XMLHttpRequest

Untuk membentuk sebuah object XMLHttpRequest anda dapat menggunakan kode berikut ini :
function getXMLHttpRequest(){
//jika user menggunak IE
 if(window.ActiveXObject){
     return new ActiveXObject("Microsoft.XMLHTTP"); 
 }else if(window.XMLHttpRequest){
 //user menggunakan browser selain IE
     return new XMLHttpRequest();
 }else {alert("Status : can not create XMLHttpRequest Object");} 
}

Mengirim Request ke Server

Setelah selesai membuat object XMLHttpRequest anda dapat mengirim request ke server. Saat mengirim request ke server anda harus menentukan request method yang digunakan, apakah akan menggunakan GET atau POST. Jika anda ingin menampilkan informasi dari server maka anda akan menggunakan method GET, sedangkan jika anda mengirim informasi ke server maka gunakan method POST. Pada tutorial ini ada akan belajar menggunakan method GET (POST akan dijelaskan pada tutorial selanjunya). Untuk mengirim request ke server menggunakan method GET, anda dapat menggunakan kode di bawah.
var xmlhttp=getXMLHttpRequet();
function sendRequest(pageUrl,elementID){
 var obj=document.getElementById(elementID);
 var obj.innerHTML='loading... please wait'; 
 if(xmlhttp.readyState==4 || xmlhttp.readyState==0){
     xmlhttp.open("GET",pageUrl,true);
     xmlhttp.onreadystatechange=function(){
         if(xmlhttp.readyState==4 && xmlhttp.status==200){
             obj.innerHTML=xmlhttp.responseText;
         } 
     }
 xmlhttp.send(null); 
 } 
}
function di atas mengambil parameter HTML element ID dan URL dari file yang ada di server. Pertama yang dilakukan adalah mengganti properti innerHTML dari HTML element, untuk menampilkan text "loading...please wait". Kemudian membuka koneksi ke server dengan method open(). Jika properti readyState sama dengan 4 (complete) dan status sama dengan 200 (OK) maka tampilkan response dari server dengan mengganti properti innerHTML dari element HTML dengan properti responseText dari object XMLHttpRequest.

Semoga Bermanfaat

Layout Design

By: KOPPAJA PAPUA on 00.21 / comment : 0 , , , , , , , , , , ,

Layout Design

Layout adalah penyusunan dari elemen-elemen desain yang berhubungan kedalam sebuah bidang sehingga membentuk susunan artistik. Hal ini bisa juga disebut manajemen bentuk dan bidang. Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat memudahkan pembaca menerima informasi yang disajikan.

Grid System

Sebuah grid diciptakan sebagai solusi terhadap permasalahan penataan elemen-elemen visual dalam sebuah ruang. Grid systems digunakan sebagai perangkat untuk mempermudah menciptakan sebuah komposisi visual. Melalui grid system seorang perancang grafis dapat membuat sebuah sistematika guna menjaga konsistensi dalam melakukan repetisi dari sebuah kompisisi yang sudah diciptakan. Tujuan utama dari penggunaan grid systems dalam desain grafis adalah untuk menciptakan suatu rancangan yang komunikatif dan memuaskan secara estetik.

The Golden Section

Sebelum kita bisa membuat grid, kita memerlukan sebuah halaman untuk meletakkannya. Di bidang seni grafis, proporsi agung menjadi dasar pembuatan ukuran kertas dan prinsip tersebut dapat digunakan untuk menyusun keseimbangan sebuah desain. Proporsi agung sudah ditemukan sejak jaman kuno untuk menghadirkan proporsi yang sangat sempurna dan indah.
Membagi sebuah garis dengan perbandingan mendekati rasio 8 : 13 berarti bahwa jika garis yang lebih panjang dibagi dengan garis yang lebih pendek hasilnya akan sama dengan pembagian panjang garis utuh sebelum dipotong dengan garis yang lebih panjang tadi.
Proporsi agung juga dikenal dalam istilah deret bilangan fibonacci yaitu deret bilangan yang setiap bilangannya adalah hasil jumlah dari dua bilangan sebelumnya dan di mulai dari nol. Deret bilangan ini memiliki rasio 8 : 13 yaitu rasio proporsi agung. Bilangan ini sering dipakai dalam pengukuran bangunan, arsitektur, karya seni, huruf hingga layout sebuah halaman karena proporsinya yang harmonis. 0 1 1 2 3 5 8 13 21 34 55 89 144 233 377...
Sebuah obyek yang mempunyai proporsi agung mampu sekaligus memuaskan mata dan tercermin pada benda-benda alam. Ujung daun pakis dan spiral dalam rumah keong adalah contoh yang paling populer.

The symetrical grid

Dalam grid simetris, halaman kanan akan berkebalikan persis seperti bayangan cermin dari halaman kiri. Ini memberikan dua margin yang sama baik margin luar maupun margin dalam. Untuk menjaga proporsi, margin luar memiliki bidang yang lebih lebar. Layout klasik yang dipelopori oleh Jan Tschichold (1902-1974) seorang typographer dari Jerman ini didasari ukuran halaman dengan proporsi 2 : 3.
Sistem Layout digunakan hampir pada semua bidang yang berhubungan dengan desain visual, anda mungkin pernah mendengar kata layout berita, layout rumah, layout web dll.
Semoga Bermanfaat

Teori Nirmana

By: KOPPAJA PAPUA on 00.19 / comment : 0 , , , , , , , , , ,

Teori Nirmana

Nirmana adalah pengorganisasian atau penyusunan elemen-elemen visual seperti titik, garis, warna, ruang dan tekstur menjadi satu kesatuan yang harmonis. Nirmana dapat juga diartikan sebagai hasil angan-angan dalam bentuk dwimatra, trimatra yang harus mempunyai nilai keindahan. Nirmana disebut juga ilmu tatarupa. Elemen-elemen seni rupa dapat dikelompokan menjadi 4 bagian berdasarkan bentuknya.
  1. Titik, titik adalah suatu bentuk kecil yang tidak mempunyai dimensi. Raut titik yang paling umum adalah bundaran sederhana, mampat, tak bersudut dan tanpa arah.
  2. Garis, garis adalah suatu hasil goresan nyata dan batas limit suatu benda, ruang, rangkaian masa dan warna.
  3. Bidang, bidang adalah suatu bentuk pipih tanpa ketebalan, mempunyai dimensi pajang, lebar dan luas; mempunyai kedudukan, arah dan dibatasi oleh garis.
  4. Gempal, gempal adalah bentuk bidang yang mempunyai dimensi ketebalan dan kedalaman.
Penyusunan merupakan suatu proses pengaturan atau disebut juga komposisi dari bentuk-bentuk menjadi satu susunan yang baik. Ada beberapa aturan yang perlu digunakan untuk menyusun bentuk-bentuk tersebut. Walaupun penerapan prinsip-prinsip penyusunan tidak bersifat mutlak, namun karya seni yang tercipta harus layak disebut karya yang baik. Perlu diketahui bahwa prinsip-prinsip ini bersifat subyektif terhadap penciptanya.
Dalam ilmu desain grafis, selain prinsip-prinsip diatas ada beberapa prinsip utama untuk tujuan komunikasi dari sebuah karya desain.
  1. Ruang Kosong (White Space)Ruang kosong dimaksudkan agar karya tidak terlalu padat dalam penempatannya pada sebuah bidang dan menjadikan sebuah obyek menjadi dominan.
  2. Kejelasan (Clarity)Kejelasan atau clarity mempengaruhi penafsiran penonton akan sebuah karya. Bagaimana sebuah karya tersebut dapat mudah dimengerti dan tidak menimbulkan ambigu/ makna ganda.
  3. Kesederhanaan (Simplicity)Kesederhanaan menuntut penciptaan karya yang tidak lebih dan tidak kurang. Kesederhanaan seing juga diartikan tepat dan tidak berlebihan. Pencapaian kesederhanaan mendorong penikmat untuk menatap lama dan tidak merasa jenuh.
  4. Emphasis (Point of Interest)Emphasis atau disebut juga pusat perhatian, merupakan pengembangan dominasi yang bertujuan untuk menonjolkan salah satu unsur sebagai pusat perhatian sehingga mencapai nilai artistic.

Prinsip – prinsip dasar seni rupa

  1. Kesatuan (Unity)Kesatuan merupakan salah satu prinsip dasar tata rupa yang sangat penting. Tidak adanya kesatuan dalam sebuah karya rupa akan membuat karya tersebut terlihat cerai-berai, kacau-balau yang mengakibatkan karya tersebut tidak nyaman dipandang. Prinsip ini sesungguhnya adalah prinsip hubungan. Jika salah satu atau beberapa unsur rupa mempunyai hubungan (warna, raut, arah, dll), maka kesatuan telah tercapai.
  2. Keseimbangan (Balance)Karya seni dan desain harus memiliki keseimbangan agar nyaman dipandang dan tidak membuat gelisah. Seperti halnya jika kita melihat pohon atau bangunan yang akan roboh, kita measa tidak nyaman dan cenderung gelisah. Keseimbangan adalah keadaan yang dialami oleh suatu benda jika semua dayan yang bekerja saling meniadakan. Dalam bidang seni keseimbangan ini tidak dapat diukur tapi dapat dirasakan, yaitu suatu keadaan dimana semua bagian dalam sebuah karya tidak ada yang saling membebani.
  3. Proporsi (Proportion)Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk memperoleh keserasian dalam sebuah karya diperlukan perbandingan –perbandingan yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur. Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan 1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan layout halaman.
  4. Irama (Rhythm)Irama adalah pengulangan gerak yang teratur dan terus menerus. Dalam bentuk –bentuk alam bisa kita ambil contoh pengulangan gerak pada ombak laut, barisan semut, gerak dedaunan, dan lain-lain. Prinsip irama sesungguhnya adalah hubungan pengulangan dari bentuk –bentuk unsur rupa.
  5. Dominasi (Domination)Dominasi merupakan salah satu prinsip dasar tatarupa yang harus ada dalam karya seni dan deisan. Dominasi berasal dari kata Dominance yang berarti keunggulan . Sifat unggul dan istimewa ini akan menjadikan suatu unsure sebagai penarik dan pusat perhatian. Dalam dunia desain, dominasi sering juga disebut Center of Interest, Focal Point dan Eye Catcher. Dominasi mempunyai bebrapa tujuan yaitu utnuk menarik perhatian, menghilangkan kebosanan dan untuk memecah keberaturan.
Semoga bermanfaat

Perkembangan Desain

By: KOPPAJA PAPUA on 00.18 / comment : 0 , , , , , , , , ,

Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan teks dan atau gambar untuk menyampaikan informasi atau pesan. Seni desain grafis mencakup kemampuan kognitif dan keterampilan termasuk tipografi, pengolahan gambar, dan page layout. Desainer grafis menata tampilan huruf dan ruang komposisi untuk menciptakan sebuah rancangan yang efektif dan komunikatif. Desain grafis melingkupi segala bidang yang membutuhkan penerjemahan bahasa verbal menjadi perancangan secara visual terhadap teks dan gambar pada berbagai media publikasi guna menyampaikan pesan-pesan kepada komunikan seefektif mungkin.

Desain grafis diterapkan dalam desain komunikasi dan fine art. Seperti jenis komunikasi lainnya, desain grafis dapat merujuk kepada proses pembuatan (mendesain) atau pun produk yang dihasilkan (desain/rancangan). Desain grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik - yang sering kali disebut sebagai “desain interaktif” (interactive design), atau “desain multimedia” (multimedia design’)

Prinsip dan unsur desain

Unsur dalam desain grafis sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut (termasuk shape, bentuk (form), tekstur, garis, ruang, dan warna) membentuk prinsip-prinsip dasar desain visual. Prinsip-prinsip tersebut, seperti keseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi (”proportion”) dan kesatuan (unity), kemudian membentuk aspek struktural komposisi yang lebih luas.

Peralatan desain grafis

Peralatan yang digunakan oleh desainer grafis adalah akal, mata, tangan, alat-alat tradisional (seperti pensil atau tinta), dan komputer. Sebuah konsep atau ide biasanya tidak dianggap sebagai sebuah desain sebelum direalisasikan atau dinyatakan dalam bentuk visual. Bagaimanapun, alat yang paling penting dan paling diperlukan dalam desain adalah akal. Pikiran yang kritis, observasional, kuantitif, dan analitik juga dibutuhkan untuk merancang dan merealisasikan ide tersebut. Pikiran yang kritis, observasional, kuantitatif dan analitik juga diperlukan untuk mengkomposisi sebuah desain.

Apabila sang pendesain hanya mengikuti sketsa, naskah atau instruksi (yang mungkin disediakan oleh sutradara kreatif) maka tidak bisa disebut sebagai desainer. Mata dan tangan sering dibantu dengan penggunaan alat tradisional atau fitur edit gambar digital. Pemilihan cara mengungkapkan ide yang tepat juga merupakan ketrampilan kunci dalam karya desain grafis, dan merupakan faktor penentu dalam perwujudan visualnya.

Pada pertengahan 1980, kedatangan desktop publishing serta pengenalan sejumlah aplikasi perangkat lunak grafis memperkenalkan satu generasi desainer pada manipulasi image dengan komputer dan penciptaan image 3D yang sebelumnya adalah merupakan kerja yang susah payah. Desain grafis dengan komputer memungkinkan perancang (desainer) untuk melihat efek dari layout atau perubahan tipografi dengan seketika tanpa menggunakan tinta atau pena, atau untuk mensimulasikan efek dari media tradisional tanpa perlu menuntut banyak ruang.

Pada umumnya komputer dianggap sebagai alat yang sangat diperlukan dalam industri desain grafis. Komputer dan aplikasi perangkat lunak umumnya dipandang, oleh para profesional kreatif, sebagai alat produksi yang lebih efektif dibandingkan dengan penggunaan metode tradisional. Akan tetapi, beberapa perancang grafis melanjutkan penggunaan alat manual dan tradisional dalam berkarya, seperti misalnya Milton Glaser
Ada perdebatan mengenai apakah komputer meningkatkan proses kreatif dalam desain grafis. Produksi yang cepat dari komputer memungkinkan para perancang grafis untuk mengeksplorasi banyak ide secara cepat dan lebih detail dari yang bisa dicapai dengan kerja goresan tangan atau potong-tempel pada kertas. Akan tetapi, dihadapkan pada pilihan yang tak terbatas semacam ini kadangkala tidak menghasilkan solusi desain yang terbaik dan kadang hanya membuat berputar-putar tanpa hasil yang jelas

Ide-ide baru seringkali datang dengan uji coba pada alat dan metode, baik itu media tradisional maupun digital. Beberapa perancang grafis profesional mengeksplorasi ide menggunakan pensil di atas kertas untuk menghindari keterbatasan komputer, memungkinkan mereka berpikir di luar kotak. Beberapa ide kreatif dari desain grafis diawali serta dikembangkan bahkan sampai mendekati hasil akhir dalam pikiran, sebelum diterapkan baik dengan metode tradisional maupun komputer. Ada juga yang pembentukan visualisasi terbantu dengan penggunaan komputer dengan kemampuan pembuatan gambar yang kompleks dan cepat.
Seorang perancang grafis bisa juga menggunakan sketsa untuk mengeksplorasi ide-ide yang kompleks secara cepat tanpa pecah konsentrasi karena masalah teknis dari perangkat lunak komputer. “Comp” ( istilah dalam desain grafis yang merujuk pada rancangan awal untuk diajukan pada klien, kependekan dari comprehensive layout), buatan tangan seringkali dipakai untuk mendapatkan persetujuan dari sebuah ide desain grafis. Sketsa yang berupa thumbnail atau coretan-coretan rancangan kasar pada kertas bisa juga digunakan untuk menghasilkan ide dalam sebuah proses hybrida (gabungan antara penggunaan komputer dan goresan tangan). Proses hybrida semacam ini khususnya berguna pada pembuatan desain logo di mana masalah teknis dari perangkat lunak seringkali memecahkan konsentrasi. Proses hybrida juga dipakai untuk membebaskan kreativitas seseorang dalam pembuatan layout halaman atau pengembangan image. Seorang perancang grafis tradisional bisa juga mempekerjakan seniman produksi (production artist) yang mahir menggunakan komputer untuk mewujudkan ide dari sketsa yang dibuatnya.

Beberapa Software Dalam Desain Grafis

Perkembangan software tentunya akan menghasilkan gambar yang mempunyai nilai seni yang tinggi. Hal ini tentunya tidak terlepas dari penggunaan software. Ada beberapa software yang digunakan dalam hal desain grafis antara lain :
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe After Effect
  • CorelDraw
  • Macromedia Freehand
  • dll
Dalam hal ini, untuk menghasilkan suatu gambar yang mempunyai nilai seni tinggi tidak sekedar pengguasaan software itu sendiri tetapi lebih cendrung kepada seni dan kreatifitas serta imajinasi dalam menuangkan ke dalam gambar tersebut

Semoga bermanfaat

Design Grafis

By: KOTEKA CREATING WEBLOG on 00.13 / comment : 0 , , , , , , , , ,

Design grafis, apa itu? 

Karya Seni identik dengan suatu yang unik. Oleh karenanya seorang seniman dalam melahirkan karyanya selalu mencari bentuk, bentuk baru. Untuk itu diperlukan sesuatu yang unik. Ini berarti sesuatu yang belum pernah atau mungkin jarang dipakai oleh seniman lain pada karya-karya sebelumnya.

Definisi Desain Grafis?

Desain grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.

Desain Grafis juga merupakan ilmu yang mempelajari tentang media untuk menyampaikan informasi, ide, konsep, ajakan dan sebagainya kepada khalayak dengan menggunakan bahasa visual. Baik itu berupa tulisan, foto, ilustrasi dan lain sebagainya. Desain grafis adalah solusi komunikasi yang menjembatani antara pemberi informasi dengan publik, baik secara perseorangan, kelompok, lembaga maupun masyarakat secara luas yang diwujudkan dalam bentuk komunikasi visual.

Sebagaimana layaknya informasi yang disampaikan menggunakan bahasa lisan (suara) yang dapat disampaikan secara tegas, ceria, keras, lembut, penuh gurauan, formal, dan sebagainya dengan menggunakan gaya bahasa dan volume suara yang sesuai, Desain grafis juga dapat melakukan hal serupa. Kita dapat merasakan sendiri setelah membaca sebuah berita (tulisan), melihat foto atau ilustrasi, melihat permainan warna dan bentuk dari sebuah karya design yang berbentuk publikasi cetak, nuansa yang ditimbulkannya. Apakah informasi itu tegas, formal, bergurau, lembut, anggun, elegan dan sebagainya.

Kenapa kita dapat merasakan hal itu? Kenapa obyek publikasi itu bisa menimbulkan kesan dan pesan sesuai dengan yang ingin disampaikan hingga dimengerti oleh kita sebagai pembaca? Jawabannya adalah karena adanya unsur-unsur design dan prinsip-prinsip design yang ada dalam sebuah karya design tersebut, baik disadari maupun tidak disadari oleh pembuatnya.

Ada beberapa tokoh menyatakan pendapatnya tentang desain grafis
Menurut Suyanto desain grafis didefinisikan sebagai " aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri". Aplikasi-aplikasi ini dapat meliputi periklanan dan penjualan produk, menciptakan identitas visual untuk institusi, produk dan perusahaan, dan lingkungan grafis, desain informasi, dan secara visual menyempurnakan pesan dalam publikasi.

Sedangkan Jessica Helfand dalam situs http://www.aiga.com/ mendefinisikan desain grafis sebagai kombinasi kompleks kata-kata dan gambar, angka-angka dan grafik, foto-foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bisa menggabungkan elemen-eleman ini, sehingga mereka dapat menghasilkan sesuatu yang khusus, sangat berguna, mengejutkan atau subversif atau sesuatu yang mudah diingat.

Menurut Danton Sihombing desain grafis mempekerjakan berbagai elemen seperti marka, simbol, uraian verbal yang divisualisasikan lewat tipografi dan gambar baik dengan teknik fotografi ataupun ilustrasi. Elemen-elemen tersebut diterapkan dalam dua fungsi, sebagai perangkat visual dan perangkat komunikasi.

Menurut Michael Kroeger visual communication (komunikasi visual) adalah latihan teori dan konsep-konsep melalui terma-terma visual dengan menggunakan warna, bentuk, garis dan penjajaran (juxtaposition).

Warren dalam Suyanto memaknai desain grafis sebagai suatu terjemahan dari ide dan tempat ke dalam beberapa jenis urutan yang struktural dan visual.

Sedangkan Blanchard mendefinisikan desain grafis sebagai suatu seni komunikatif yang berhubungan dengan industri, seni dan proses dalam menghasilkan gambaran visual pada segala permukaan

Kategori Desain Grafis

Secara garis besar, desain grafis dibedakan menjadi beberapa kategori :
1. Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang sejenis.

2. Web Desain: desain untuk halaman web.

3. Film termasuk CD, DVD, CD multimedia untuk promosi.

4. Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain professional yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman.

5. Desain Produk, Pemaketan dan sejenisnya.

Bidang Komunikasi Grafis

Komunikasi Grafis merupakan bidang profesi yang berkembang sangat pesat sejak Revolusi Industri (abad ke-19) disaat informasi melalui media cetak makin luas digunakan dalam perdagangan (iklan, kemasan), penerbitan (koran, buku, majalah) dan informasi seni budaya. Perkembangan bidang ini erat hubungannya dengan meningkatnya kesadaran akan manfaat yang dapat dipetik dari keakuratan penyampaian informasi pada masyarakat.

Perkembangan di atas juga dipacu oleh kesadaran yang makin tinggi pada efektivitas bahasa rupa (visual) dalam komunikasi masa kini. Bila pada awal munculnya mesin cetak abad ke-15 istilah bidang ini adalah“graphic arts” yang masih dikonotasikan dengan seni, maka abad ke-20 istilahnya menjadi “graphic communication” atau juga “visual communication”. Hal ini menggambarkan peranan komunikasi sebagai

kunci profesi dalam bidang ini.

Saat ini peranan komunikasi yang diemban makin beragam: informasi umum (information graphics, signage), pendidikan (materi pelajaran dan ilmu pengetahuan, pelajaran interaktif pendidikan khusus), persuasi (periklanan, promosi, kampanye sosial) dan pemantapan identitas (logo, corporate identity, branding). Munculnya istilah “komunikasi visual” sebenarnya juga merupakan akibat dari makin meluasnya media yang dicakup dalam bidang komunikasi lewat bahasa rupa ini: percetakan / grafika, filem dan video, televisi, web design dan CD interaktif.

Perkembangan itu telah membuat bidang ini menjadi kegiatan bisnis yang sekarang sangat marak melibatkan modal besar dan banyak tenaga kerja. Kecepatan perkembangannya pun berlomba dengan kesiapan tenaga penunjang pada profesi ini. Karena itu perlu disiapkan suatu standar yang dapat jadi acuan bagi tenaga kerja dalam profesi ini, baik dalam posisinya dalam jenjang ketenagakerjaan maupun dalam perencanaan pendidikan penunjangnya.

Standardisasi yang saat ini dibuat tak mungkin menahan laju perkembangan bidang Komunikasi Grafis. Tetapi dengan melihat apa yang telah terjadi baik di negeri orang maupun di negeri sendiri, diharapkan usaha membuat acuan dapat mengantisipasi cukup panjang menghadapi perkembangan bidang ini.

Komunikasi Grafis dan Komunikasi Visual

Tugas penyusunan kompetensi ini adalah pada bidang Komunikasi grafis, istilah yg diberikan oleh Dikmenjur setelah berkonsultasi dengan Ditjen Grafika. Kata Grafis sendiri mengandung dua pengertian:

(1) Graphein (lt.= garis, marka) yang kemudian menjadi Graphic Arts atau Komunikasi Grafis,

(2) Graphishe Vakken (bld=pekerjaan cetak) yang di Indonesia menjadi Grafika, diartikan sebagai percetakan.

Dalam pengertian ini Komunikasi Grafis adalah pekerjaan dalam bidang komunikasi visual yang berhubungan dengan grafika (cetakan) dan/atau pada bidang dua dimensi dan statis (tidak bergerak dan bukan time-based images).

Dasar terminologi perlu untuk menjelaskan beda antara Komunikasi Grafis dengan Komunikasi Visual.

Komunikasi visual merupakan payung dari berbagai kegiatan komunikasi yang menggunakan unsur rupa (visual) pada berbagai media: percetakan / grafika, luar ruang (marka grafis, papan reklame), televisi, film/video, internet dll, dua dimensi maupun tiga dimensi, baik yang statis maupun bergerak (time based).

Sedangkan Komunikasi Grafis merupakan bagian dari Komunikasi Visual dalam lingkup statis, dua dimensi, dan umumnya berhubungan dengan percetakan / grafika. Dalam lingkup terminologi ini standar kompetensi Komunikasi Grafis dibuat.

Bidang profesi Komunikasi Grafis meliputi kegiatan penunjang dalam kegiatan penerbitan (publishing house), media massa cetak koran dan majalah, periklanan (advertising), dan biro grafis (graphic house, graphic boutique, production house). Selain itu komunikasi grafis juga menjadi penunjang pada industri non-komunikasi (lembaga swasta / pemerintah, pariwisata, hotel, pabrik / manufaktur, usaha dagang) sebagai inhouse graphics di departemen promosi ataupun tenaga grafis pada departemen public relation perusahaan.

Pekerjaan Komunikasi Grafis meliputi olah gambar/images (gambar ilustrasi, fotografi), olah teks/tipografi (cipta dan susun huruf) dan penggabungan unsur teks dan images ke dalam rancangan/design yang siap dilaksanakan. Dalam kenyataan di lapangan, situasi kegiatan komunikasi grafis di Indonesia tak sepenuhnya seperti diagram umum di atas. Olah huruf / type design & typography yang di beberapa negara maju merupakan profesi khusus ( mendesain font / typeface, hand lettering, tipografi / olahan tata huruf ) di Indonesia tak berkembang menjadi bidang profesi tersendiri (pernyataan Bp. Danton Sihombing MFA pakar bidang huruf). Di Indonesia olah huruf pada era digital dikerjakan sendiri di komputer oleh desainer ataupun operator atas petunjuk desainer. Meski ada juga yang olah huruf khusus seperti hand lettering dan Kaligrafi tidak merupakan bidang

spesialisasi profesi yang berkembang baik. Karena itu dalam standar kompetensi komunikasi grafis ini olah huruf/tipografi tak dibuat sebagai sub-bidang kompetensi tersendiri, tetapi menjadi subkompetensi untuk sub bidang desain grafis.

bidang Komunikasi Grafis dipilah menjadi 3 sub-bidang:

Desain Grafis: merancang / menyusun bahan (huruf, gambar dan unsur grafis lain) menjadi informasi visual pada media (cetak) yang dimengerti publik.

Ilustrasi: menampilkan informasi dengan ketrampilan gambar tangan dan penuangan daya imajinasi.

Fotografi: menampilkan informasi dengan ketrampilan menangkap cahaya melalui kamera dankepiawaian memilih / mengolah hasil bidikan.

Belinus Kilungga
sumber :
Tiuh Syahbana Blog
*any other resources*
Langganan: Postingan (Atom)
Created By SoraTemplates | Distributed By Blogger