Selasa, 15 Oktober 2013

Sejarah Perkembangan HTML5


HTML5 logo and wordmark.svgHTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga kini masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.



HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.


Kelompok kerja untuk teknologi aplikasi web hypertext (WHATWG) mulai menspesifikasikan HTML5 pada bulan juni 2004 dengan nama Web Applications 1.0., hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar di WHATWG, dan ke dalam bagian pengurusan draft di W3C. Ian Hickson mewakili Google ,Inc menjadi editor HTML5.

Pada tahun 2007 Spesifikasi HTML5 diadopsi sebagai pekerjaan permulaan untuk grup baru yang mengurus HTML di World Wide Web Consorsium (W3C). Grup ini pertama kali mempublikasikan hasil draft pekerjaan pertama mereka pada tanggal 22 januari 2008.Spesifikasi ini berstatus dalam tahap pengerjaan, dan diperkirakan akan tetap demikian selama bertahun-tahun, meskipun sebagian dari HTML5 sudah dalam tahap penyelesaian dan diimplementasikan pada penjelajah web sebelum keseluruhan spesifikasinya mencapai status rekomendasi final.

Berdasarkan pada jadwal kerja W3C, HTML5 diperkirakan menjadi kandidat rekomendasi pada akhir tahun 2010. Namun, publikasi pertama draft HTML 5 meleset selama 8 bulan. Permintaan dokumen terakhir dan tahap kandidat rekomendasi diharapkan dapat dicapai pada tahun 2008,tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C. WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.


Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat rekomendasi pada tahun 2012. Kriteria di W3C agar sebuah spesifikasi dapat berstatus - Direkomendasikan - adalah "yang kedua: 100% selesai dan penerapannya dapat dilakukan pada dua atau lebih sistem yang berbeda". Pada wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya. Meski demikian, banyak bagian dari spesifikasi sudah stabil dan telah dapat diterapkan

Ada beberapa hal yang perlu kita ketahui tentang HML 5. HTML 5 yang saat ini sudah mulai diimplementasikan oleh beberapa browser grade A akan membawa lebih dari sekedar fitur untuk layout dan format halaman. Beberapa di antaranya adalah Canvas dan Video.


Sumber :  

http://id.wikipedia.org/wiki/HTML5
http://yanuarsulistyowibowo.blogspot.com/2012/11/sejarah-perkembangan-html5-css3.html

Rabu, 23 Januari 2013

Desain Grafis



Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain).

Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak. 

Jenis-jenis Desain Grafis

1. Drafter

Desainer khusus untuk membuat arsitektur dan rancang bangun yang simetris dan digunakan untuk keperluan pembuatan sesuatu yang memerlukan ketelitian tinggi dan rancangan. Membutuhkan orang orang yang ahli di software (Autocad, Archicad, 3d revit architecture). Sangat dibutuhkan di dunia arsitektur dan industri.

2. Editor

Desainer khusus untuk membuat kover, sampul, banner, dsb. Dan juga membuat karya karya desain grafis misalnya: brosur, kartu nama, pin, logo, poster, dsb. Yang memerlukan sentuhan pandangan dan software yang harus dikuasai adalah : Corel draw,Adobe Photoshop,Freehand,Illustrator. Sangat dibutuhkan di dunia periklanan dan publikasi.

3. Layouter

Desianer khusus untuk membuat tatanan layout sebuah majalah atau koran atau publikasi yang lainya dan diharuskan mempunyai feel untuk tata letak agar enak dilihat. Sedangkan aplikasi yang harus dikuasai adalah Adobe Page Maker, MS.Publisher, Adobe In Design. Sangat dibutuhkan dipercetakan dan industri koran/buku/majalah.

4. Art Director

Desainer khusus unuk membuat karya karya seni dari komputer yang bisa digunakan untuk visual effects ataupun hanya untuk hiasan saja. Membutuhkan kreativitas tinggi untuk membuat karya agung yang akan dibuat. Sedangkan software yang harus dikuasai adalah : Corel draw, Photoshop, Photo paint, Art creator. Sangat dibutuhkan di dunia perfilman, seniman visualisator, foto editing effects.

5. Fotografer

Desianer khusus yang selain melakukan pengeditan foto juga merangkap sebagai fotografer, harus memiliki talenta khas fotografer serta mampu mengedit foto sesuai event atau yang perfect. Membutuhkan intelegensi tinggi kreativitas tinggi dan harus menguasai adobe photoshop,ieworks,photo studio. Sangat dibutuhkan didunia fotografi, foto editor, wartawan, dsb.

6. Animator

Desainer khusus bekerja pada bidang motion graphic, iklan atau film fantasi. Harus memiliki daya tahan tinggi, pengetahuan yang cukup tinggi , pengalaman dan harus menguasai Macromedia Flash, Adobe Flash, After Effects, 3d Maya, Gif Animator dan Corel Rave. Dibutuhkan di dunia advertising, perfilman, pertelevisian.

7. Visualisator

Desainer khusus untuk memberikan gambaran sebuah produk atau karya dalam bentuk real / 3d dan harus memiliki kemampuan otak kanan yang cukup tinggi serta harus menguasai 3d Max, Autocad, Swift 3d, Digital Clay. Sangat dibutuhkan di dunia visualisasi produk dan presentasi produk.

8. Video Editor

Desainer khusus untuk mengedit video atau film dan juga merangkap sebagai video shooter, harus memiliki imajinasi tinggi dan harus menguasai Adobe After Effects, 3d Maya, Adobe Premiere, Ulead Video Studio, Sony Vegas, Pinneacle. Sangat dibutuhkan di dunia perfilman dan industri musik.

9. Integrated Desainer

Desainer khusus yang membutuhkan integrasi dengan programmer misalnya pembuatan game, cd interaktif, web
desain, dsb. Sedangakan anda harus menguasai hampir semua elemen desain. Sangat dibutuhkan di industri informatika.

Jenis Aplikasi Pengolah Grafis

Aplikasi pengolah grafis dibedakan dalam beberapa kelompok sesuai bentuk hasil dan keperluannya, yaitu :

    Aplikasi Pengolah Gambar Vektor/Garis

    Program yang termasuk dalam kelompok ini dapat digunakan untuk membuat gambar dalam bentuk vektor/garis sehingga sering disebut sebagai Illustrator Program. Seluruh objek yang dihasilkan berupa kombinasi beberapa garis, baik berupa garis lurus maupun lengkung. Aplikasi yang termasuk dalam kelompok ini adalah :
  •         Adobe Illustrator
  •         Beneba Canvas
  •         CorelDraw
  •         Macromedia Freehand
  •         Metacreations Expression
  •         Micrografx Designer

    Aplikasi Pengolah Bitmap/Pixel/Gambar

    Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah gambar/manipulasi foto (photo retouching). Semu objek yang diolah dalam program-program tersebut dianggap sebagai kombinasi beberapa titik/pixel yang memiliki kerapatan dan warna tertentu, misalnya, foto. Gambar dalam foto terbentuk dari beberapa kumpulan pixel yang memiliki kerapatan dan warna tertentu.
    Meskipun begitu, program yang termasuk dalam kelompok ini dapat juga mengolah teks dan garis, akan tetapi dianggap sebagai kumpulan pixel. Objek yang diimpor dari program pengolah vektor/garis, setelah diolah dengan program pengolah pixel/titik secara otomatis akan dikonversikan menjadi bentuk pixel/titik. Yang termasuk dalam aplikasi ini adalah:
  •         Adobe Photoshop
  •         Corel Photo Paint
  •         Macromedia Xres
  •         Metacreations Painter
  •         Metacreations Live Picture
  •         Micrografx Picture Publisher
  •         Microsoft Photo Editor
  •         QFX
  •         Wright Image
  •         Pixelmator
  •         Manga studio
  •         Gimp

   Aplikasi Pengolah Audio Visual

    Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah film dalam berbagai macam format. Pemberian judul teks (seperti karaoke, teks terjemahan, dll) juga dapat diolah menggunakan program ini. Umumnya, pemberian efek khusus (special effect) seperti suara ledakan, desingan peluru, ombak, dan lain-lain juga dapat dibuat menggunakan aplikasi ini. Yang termasuk dalam kategori ini adalah:
  •         Adobe After Effect
  •         Adobe Premier
  •         Final Cut
  •         Adobe Flash, atau sebelumnya Macromedia Flash
  •         Ulead Video Studio
  •         Magic Movie Edit Pro
  •         Power Director
Sumber : http://id.wikipedia.org/wiki/Desain_grafis 
               http://iwangraphic.wordpress.com/ruang-tamu/jenis-jenis-desain-grafis/
               http://www.zainalhakim.web.id/posting/jenis-aplikasi-pengolah-desain-grafis.html

Sabtu, 03 November 2012

Pengenalan 3DS MAX

Pada artikel kali ini saya akan membahas salah satu aplikasi pengolah grafis 3D yaitu 3DS MAX.3D Studio Max atau biasa dikenal dengan 3DS Max adalah suatu software (Perangkat lunak) untuk membuat sebuah grafik vektor 3 dimensi dan animasi. ditulis oleh Autodesk Media & Entertainment, dulunya dikenal sebagai Discreet and Kinetix. 3D Studio Max dikembangkan dari pendahulunya yaitu 3D Studio for DOS, tetapi untuk platform Win32. Kinetix kemudian bergabung dengan akuisisi terakhir Autodesk, Discreet Logic.Para desain grafis banyak menggunakan software ini digunakan untuk membuat sebuah film animasi, arsitektur rumah, ataupun membuat logo suatu perusahaan. Adapun Spesifikasi minimal yang dibutuhkan untuk menjalankan aplikasi ini adalah:

    OS : Windows XP SP 3, Vista SP, WIndows 7
    Processor : pentium 4 keatas
    RAM (memory) : minimal 2 GB
    Video card : ATI X200 / NVIDIA 6500

Area kerja 3ds max



1.   Menu Bar, berisi berbagai macam perintah dan fasilitas untuk memodifikasi model atau animasi yang kita buat. Prinsipnya hampir sama dengan menu-menu yang ada pada software pada umumnya.
2.  Object Category, berisi tampilan berupa kategory panel-panel perintah .
3.  Command Panel Rollout, merupakan tampilan gulungan dari panel perintah.
4.   Command Panel, berisi perintah- perintah atau parameter-parameter yang berkaitan dengan objek yang kita buat. Misalnya untuk menentukan banyaknya segmen yang ada dalam suatu objek, density, massa, efek gravitasi, dan banyak lagi yang lainnya. Dalam buku panduan ini, untuk memodifikasi atau menampilkan Command Panel yang berada di bawah  biasa disebut rollout. Jadi nanti kita tidak lagi bingung dengan istilah rollout.
5.   Viewport, merupakan  area atau layar tempat kita mengerjakan animasi. Terdapat enam sudut pandang dalam animasi tiga dimensi, yaitu atas, bawah, kiri, kanan, depan dan belakang. Berdasarkan sudut pandang tersebut, dalam 3ds max terdapat 8 sudut pandang viewport, yaitu top, bottom, left, right, front, back, perspectift dan user.  Viewport yang aktif ditunjukkan dengan warna kuning di pinggir viewport tersebut. Berikut adalah gambar tampilan viewport dalam 3ds max.
6.   Main toolbar, dalam 3ds max terdapat tool yang dapat digunakan untuk berbagai keperluan dalam memanipulasi objek yang kita buat. Terdapat beberapa main toolbar standar seperti tampak pada gambar di bawah ini :

a.   Undo berfungsi sebagai history pallete atau untukl kembali ke perintah sebelumnya.
b.   Redo merupakan kebalikan dari undo
c.   Select and link berfungsi untuk menghubungkan satu objek dengan objek yang lain sehingga ada sutu ikatan antara objek tersebut.
d.  Unlink selection merupakan kebalikan dari link yaitu untuk memutuskan ikatan atau hubungan tersebut.
e.  Bind to space warp merupakan fasilitas yang digunakan untuk menghubungkan suatu objek dengan efek tertentu, misalnya kita akan menghubungkan objek pale dengan efek air (Water).
f.  Selection filter merupakan fasilitas yang dapat digunakan untuk menyaring objek apa yang akan dipilih.
g.   Select object digukanan untuk memilih atau menyeleksi objek.
h.   Select by name digunakan untuk memilih objek berdasarkan nama object tersebut.
i.    Select and move digunakan untuk memilih dan memindahkan posisi objek.
j.    Select and rotate digunakan untuk memilih dan memutarkan objek yang kita pilih tersebut.
k.   Select and scale digunakan untuk memilih dan mengubah ukuran objek
l.   Use center flyout digunakan untuk menentukan coordinate system yang akan mempengaruhi proses transformasi.
m.  Mirror digunakan untuk menggandakan atau mencerminkan objek
n.   Layer manager digunakan untuk mengatur layer
o.   Curve editor digunakan untuk mengatur kurva dari objek yang kita buat
p.   Material editor merupakan fasilitas untuk memberi material atau teksture pada objek yang kita buat
q.   Render scene dialog digunkan untuk merender animasi atau model pada scene terpilih.
7.   Time Slider dan tool-tool untuk navigasi
Selain terdapat main tool yang dapat mambantu kerja kita dalam viewport terdapat juga beberapa bagian lain yang terdapat dalam scene 3ds max yang perlu kita ketahui, yaitu :

a. Time Slider : Alat geser Waktu animasi.

b. Track Bar : Penggaris frame animasi.

c. Status Bar : Baris status penjelas perintah terhadap object.

d. Key Frame : Kunci pengatur pada animasi.

e. Time Control : Tombol-tombol Animasi.

f. Viewport Navigation Control : Tombol-tombol yang membimbing kita diviewport.

Rabu, 17 Oktober 2012

Pengertian Desain Grafis

  Dewasa ini kata Desain Grafis sudah tidak asing kita dengar. Desain Grafis yang pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Seiring dengan perkembangan zaman, desain grafis mulai diterapkan dalam media elektronik, yang sering kali disebut sebagai desain interaktif atau desain multimedia.Batas dimensi pun telah berubah seiring perkembangan pemikiran tentang desain. Desain grafis bisa diterapkan menjadi sebuah desain lingkungan yang mencakup pengolahan ruang.

  Tapi apa itu sebenarnya Desain Grafis?  Kata Desain Grafis berasal dari 2 buah kata yaitu Desain dan Grafis, kata Desain berarti proses atau perbuatan dengan mengatur segala sesuatu sebelum bertindak atau merancang. Sedangkan Grafis adalah titik atau garis yang berhubungan dengan cetak mencetak, atau dapat juga dikatakan bahwa grafis berkaitan erat dengan visual, yang berarti sesuatu yg tampak dapat dilihat oleh mata.

  Jadi dengan demikian Desain Grafis dapat diartikan adalah kombinasi kompleks antara kata-kata, gambar, angka, grafik, foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bisa menggabungkan elemen-elemen ini, sehingga mereka dapat menghasilkan sesuatu yang khusus atau sangat berguna dalam bidang gambar. 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.

  Perancang grafis atau sering juga disebut dengan desainer grafis adalah sebuah profesi yang menciptakan ilustrasi, tipografi, fotografi, atau grafis motion. Seorang desainer grafis menciptakan karya untuk penerbit, media cetak dan elektronik, seperti brosur dan mengiklankan produk. Mereka bertanggung jawab untuk sebuah tampilan agar tampak menarik, yang bisa diaplikasikan dalam berbagai bentuk materi promosi yang berkaitan dengan produk dan publik.

   Perancang Grafis bertugas untuk menyampaikan sebuah informasi yang diinginkan oleh produk / klien dalam bentuk desain yang menarik. Seorang Desainer harus memiliki minimal 7 ( tujuh ) Dimensi Keilmuan yaitu :
  1. Mempunyai wawasan teknologi yang luas
  2. Mempunya wawasan di bidang sains
  3. Memiliki jiwa seni
  4. Wawasan Sosial Dan Budaya
  5. Wawasan Filsafat Dan Etika
  6. Point satu sampai lima digunakan untuk mengetahui cakupan hasil karya yang dituju sesuai dengan target tertentu.
  7. Kemampuan Olah Nirmana
  8. Dipakai untuk membuat hasil karya grafis yang menarik sekaligus mempunyai fungsi dan manfaat yang sesuai.
  9. Software Desain Grafis
  10. Digunakan untuk menerapkan kreasi ide grafis pada media elektronik sehingga dapat dibuat massal atau untuk kebutuhan krusial lainnya
Prinsip dan unsur desain
   Unsur dalam desain grafis sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut antara lain : 
     1.Garis (Line)
     2.Bentuk (Shape)
     3.Gambar / Ilustrasi
     4.Warna, Tekstur dan Cahaya
     5.Huruf / Teks / Tipografi
     6.Ruang Kosong (Space)
   Unsur-unsur tersebut 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.

Kategori Desain Grafis
    Secara garis besar, desain grafis dibedakan menjadi beberapa kategori:
  • Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang sejenis.
  • Web Desain: desain untuk halaman web.
  • Film termasuk CD, DVD, CD multimedia untuk promosi.
  • Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain profesional yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman.

Program Pengolah Grafis 
    Oleh karena desain grafis dibagi menjadi beberapa kategori maka sarana untuk mengolah pun berbeda-beda, bergantung pada kebutuhan dan tujuan pembuatan karya. Banyak sekali software-software yang digunakan dalam dunia Desain Grafis diantaranya adalah : AdobePhotoshop, Corel Draw, Ilustrator, dan lain sebagainya.  sehingga seorang Desainer Grafis dapat memilih software mana yang akan digunakan untuk mengerjakan project Designnya.

Sumber :
http://www.ahlidesain.com/pengertian-desain-grafis.html
http://www.scribd.com/doc/20828573/Pengertian-Fungsi-Unsur-Desain-Grafis 
http://id.wikipedia.org/wiki/Desain_grafis