Propeller Ads ID Propeller Ads

Profile Admin

<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLHWuYDbENbZ0nPq4JvJMc6V5qvQHmz6ZNBxQLMz_oDmH7PByAZ7GV_3bogseCNhD1fDrvQ-8bWsIWdiwlibUULdpQMIWwrSv0c10zNCxUz1TdRzt2S7NrYg7kYHvAL4vUYQrgdXzjlko/s1600/fpku.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLHWuYDbENbZ0nPq4JvJMc6V5qvQHmz6ZNBxQLMz_oDmH7PByAZ7GV_3bogseCNhD1fDrvQ-8bWsIWdiwlibUULdpQMIWwrSv0c10zNCxUz1TdRzt2S7NrYg7kYHvAL4vUYQrgdXzjlko/s320/fpku.jpg" width="254"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Admin</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
assalamualaikum wr.wb..</div>
<div class="separator" style="clear: both; text-align: left;">
Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa atas segala rahmat dan karuniaNya ,</div>

Profile Admin

Admin assalamualaikum wr.wb.. Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa atas segala rahmat dan karuniaNya ,

Friday, February 14, 2014

Pengantar logika dan algoritma dengan pascal

<div dir="ltr" style="line-height: 1; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 19px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">PENGANTAR LOGIKA DAN ALGORITMA DENGAN PASCAL</span></div>
<b id="docs-internal-guid-6ab18a40-4d68-bd9e-182f-e85743177c1a" style="font-weight: normal;"><br><span style="background-color: transparent; color: black; font-family: Georgia; font-size: 19px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></b>
<br>
<div dir="ltr" style="line-height: 1; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Georgia; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div>

Pengantar logika dan algoritma dengan pascal

PENGANTAR LOGIKA DAN ALGORITMA DENGAN PASCAL

Sunday, February 02, 2014

Ciri-ciri program komputer

Ciri-ciri program komputer

Haii.. sobat Lorong Kata ini adalah Ciri Program Komputer:

Sunday, February 02, 2014

Statemen-statemen tambahan (warna,suara dan window)

Statemen-statemen tambahan (warna,suara dan window)

Haii.. sobat Lorong Kata ini adalah Statemen-statemen tambahan (warna,suara dan window)

Saturday, February 01, 2014

Statemen-statemen untuk memanipulasi data

Statemen-statemen untuk memanipulasi data

Haii.. sobat Lorong Kata ini adalah Statemen-statemen untuk memanipulasi data

Saturday, February 01, 2014

Statemen-statemen untuk transfer nilai dari suatu variable

Statemen-statemen untuk transfer nilai dari suatu variable

Haii.. sobat Lorong kata ini adalah Statemen-statemen untuk transfer nilai dari suatu variable

Saturday, February 01, 2014

Statemen-statemen untuk perhitungan aritmatik

Statemen-statemen untuk perhitungan aritmatik

Haii.. sobat lorong kata ini adalah Statemen-statemen untuk perhitungan aritmatik

Saturday, February 01, 2014

Statemen yang digunakan untuk memanipulasi string

Statemen yang digunakan untuk memanipulasi string

Haii.. sobat Lorong Kata ini adalah Statemen yang digunakan untuk memanipulasi string

Saturday, February 01, 2014

Statemen-statemen yang digunakan untuk pengaturan letak di layer

Statemen-statemen yang digunakan untuk pengaturan letak di layer

haii.. sobat Lorong kata ini adalah Statemen-statemen yang digunakan untuk pengaturan letak di layer

Saturday, February 01, 2014

Statemen-statemen yang digunakan untuk input/output

Statemen-statemen yang digunakan untuk input/output

Statemen-statemen yang digunakan untuk input/output

Saturday, February 01, 2014

Perintah-perintah dalam pascal

Perintah-perintah dalam pascal

PERINTAH-PERINTAH DALAM PASCAL

Saturday, February 01, 2014

Cara membuat keyword yang Benar

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" title="Cara membuat keyword yang Benar" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
kali ini Lorong Kata akan share artikel mengenai Blogspot SEO yaitu yang berjudul Cara Membuat Keyword Yang Benar.</div>
<div>
 </div>
<div>
Di dalam sebuah blog Meta Tag memang sangat di butuhkan apa lagi jika kita tepat menulis Meta Tag dengan isi blog tersebut. Meta Tag sangat penting dalam komponen sebuah blog terutama Keyword yang mengarah kepada isi artikel blog kita. Apabila keyword kita tersusun dengan rapih dan benar maka spider dari setiap search engine akan menilai dan mengindex blog kita lebih baik dibandingkan dengan susunan keyword yang tidak teratur dan tidak terarah.</div>
<div>
<br /></div>
<div>
Kebanyakan, Meta Tag pada sebuah Keyword dapat dituliskan seperti berikut ini :</div>
<div>
<br /></div>
<div>
<meta content='keyword 1,keyword 2,keyword 3,keyword 4,keyword 5,'...' name='keywords'/></div>
<div>
<br /></div>
<div>
Ini adalah contoh Keywords yang saya gunakan :</div>
<div>
<br /></div>
<div>
<meta content='Hots WEB,blogger,blogspot,blogging,tips blog,trik blog,tips trik,SEO,SEO Tips,SEO Trik,SEO tools,tutorial,tutorial blogger,tutorial blog,tutorial SEO' name='keywords'/></div>
<div>
<br /></div>
<div>
Dari keyword diatas, saya baru menerapkan mengenai Blog SEO karena blog ini baru dan artikelnya juga baru sedikit, jadi aturlah keyword anda sesuai artikel yang anda bagikan.</div>
<div>
Berikut ini adalah beberapa syarat keyword yang SERP Meta Tag sangat Baik terhadap SEO :</div>
<div>
Keywords harus terdiri dari 8-10 macam.</div>
<div>
Keywords ke 1 sampai keywords ke 3 adalah kata kunci utama (khusus) blog Anda. Sedangkan kata kunci ke 4 sampai ke 10 adalah kata kunci umum atau sebagai pendukung ketiga kata kunci utama sebelumnya.</div>
<div>
Jumlah kata pada sebuah keywords adalah 15-20 kata.</div>
<div>
Apabila ada beberapa keywords dengan jumlah 1 kata. ( Contoh : Blogger,Turorial,Tips Trik ) Taruhlah kata tersebut dipaling depan atau keywords nomor 1 dengan syarat keywords tersebut merupakan kata kunci. Sedankan apabila keywords tersebut bersifat umum taruhlah mulai dari keywords ke 4.</div>
<div>
Apabila ada beberapa keywords dengan jumlah 2 kata atau lebih (Contoh:blog,blogger,blogspot,blogging,tips blog,trik blog,tips trik,SEO,SEO Tips,SEO Trik,SEO tools,tutorial,tutorial blogger,tutorial blog,tutorial SEO) Taruhlah di bagian belakang, semakin banyak kata semakin belakang. Tetapi, apabila keywords tersebut adalah kata kunci utama (keywords khusus, seperti di nomor 2)  letakkanlah di bagian paling depan.</div>
<div>
<br /></div>
<div>
Sekian postingan saya mengenai Cara Membuat Keyword Yang Benar. Kurang lebihnya mohon maaf. Semoga Bermanfaat...</div>
</div>

Cara membuat keyword yang Benar

kali ini Lorong Kata akan share artikel mengenai Blogspot SEO yaitu yang berjudul Cara Membuat Keyword Yang Benar. Di dalam se...

Thursday, January 02, 2014

Cara membuat header menjadi dua kolom

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" title="Cara membuat header menjadi dua kolom" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
Buat sobat Hots WEB yang suka permak blog, ni saya  kasih satu tips lagi buat temen-temen,</div>
<div>
Kali ini saya akan kasih tahu bagaimana cara membuat header blog anda  menjadi berkepala dua lebih tepatnya  membuat header menjadi 2 kolom. Ini dia Tutorial nya!!!</div>
<div>
<br /></div>
<div>
1. Pertama sobat login ke akun blog sobat</div>
<div>
<br /></div>
<div>
2. Klik rancangan--> edit HTML</div>
<div>
<br /></div>
<div>
3. Jangan centang kotak expand template widget</div>
<div>
<br /></div>
<div>
4. Cari kode css yang mirip di bawah ini:</div>
<div>
<br /></div>
<div>
#header-wrapper {</div>
<div>
width:900px;</div>
<div>
margin:0 auto 0px;</div>
<div>
background:$bgheadercolor;</div>
<div>
height:190px;</div>
<div>
}</div>
<div>
#header-inner {</div>
<div>
width:900px;</div>
<div>
background-position: center;</div>
<div>
margin-$startSide: auto;</div>
<div>
margin-$endSide: auto;</div>
<div>
}</div>
<div>
#header {</div>
<div>
margin: 0px;</div>
<div>
text-align: left;</div>
<div>
color:$pagetitlecolor;</div>
<div>
}</div>
<div>
<br /></div>
<div>
5. Ganti kode di atas dengan kode berikut.</div>
<div>
<br /></div>
<div>
#header-wrapper{</div>
<div>
width:980px;</div>
<div>
padding:20px 0 0 0;</div>
<div>
background:#000000;</div>
<div>
margin:0 auto;</div>
<div>
border:;}</div>
<div>
<br /></div>
<div>
#header-inner{</div>
<div>
background-position:center;</div>
<div>
margin-left:auto;</div>
<div>
margin-right:auto}</div>
<div>
<br /></div>
<div>
#header{</div>
<div>
float:$startSide;</div>
<div>
width:400px;</div>
<div>
margin:0 auto;</div>
<div>
border:0px solid $bordercolor;</div>
<div>
text-align:left;</div>
<div>
color:$pagetitlecolor</div>
<div>
}</div>
<div>
<br /></div>
<div>
#header2{</div>
<div>
float:$endSide;</div>
<div>
width:400px;</div>
<div>
margin:0 auto;</div>
<div>
text-align:left;</div>
<div>
}</div>
<div>
 ket : width nya bisa di ubah ke PERSEN (%)</div>
<div>
<br /></div>
<div>
6. Scroll ke bagian bawah, dan temukan kode yang mirip seperti ini</div>
<div>
<br /></div>
<div>
<div id='header-wrapper'></div>
<div>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'></div>
<div>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/></div>
<div>
</b:section></div>
<div>
<br /></div>
<div>
Fokuskan pencarian pada kode <div id='header-wrapper'></div>
<div>
7. Ganti kode di atas dengan kode berikut:</div>
<div>
<br /></div>
<div>
<div id='header-wrapper'></div>
<div>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'></div>
<div>
<b:widget id='Header1' locked='true' title='judul blog(Header)' type='Header'/></div>
<div>
</b:section></div>
<div>
      <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/></div>
<div>
<div style='clear:both;'/></div>
<div>
      </div></div>
<div>
<br /></div>
<div>
8. Klik simpan perubahan</div>
<div>
<br /></div>
<div>
9. Langkah terakhir, klik ELEMEN LAMAN dan lihat bila sudah menjadi 2 kolom.</div>
<div>
<br /></div>
<div>
Selesai</div>
<div>
<br /></div>
<div>
Selamat mencoba & semoga dapat membantu anda!!</div>
</div>

Cara membuat header menjadi dua kolom

Buat sobat Hots WEB yang suka permak blog, ni saya kasih satu tips lagi buat temen-temen, Kali ini saya akan kasih tahu bagaimana...

Thursday, January 02, 2014

Membuat jaringan LAN

Membuat jaringan LAN

Apabila sobat Lorong Kata di rumah mempunyai komputer lebih dari satu,

Wednesday, January 01, 2014

Membuat jaringan komputer peer to peer kabel UTP

Membuat jaringan komputer peer to peer kabel UTP

Haii .. sobat Lorong Kata jaringan komputer Peer to Peer (PC to PC)

Wednesday, January 01, 2014

Perkembangan komputer

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYMd8IdBXtVPKTEHEaegxGhayVr5erkJanMUbofKbzj5LjHJB3s5EKiLOxqqKDUJTfJX2wLbE-ObkXeAv66ey9Z7LcIAtOghPvk3O0ww7htL40DNjOJh-k1tXdemz_IjM_wsqomGyIM44/s1600/komputer.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYMd8IdBXtVPKTEHEaegxGhayVr5erkJanMUbofKbzj5LjHJB3s5EKiLOxqqKDUJTfJX2wLbE-ObkXeAv66ey9Z7LcIAtOghPvk3O0ww7htL40DNjOJh-k1tXdemz_IjM_wsqomGyIM44/s1600/komputer.png" title="Perkembangan komputer" width="200" /></a></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">
Tahukah sobat Hots WEB sejak kapan manusia menggunakan teknologi komputer?</span><br />
<br />
Di Indonesia,
komputer pertama kali masuk pada awalnya digunakan oleh militer, perbankan,
perusahaan minyak, badan sensus dan institusi pemerintah seperti Badan
Meteorologi dan Geofisika. Kemudian komputer digunakan oleh perguruan tinggi
negeri. Perkembangan komputer di Indonesia secara luas, diawali dengan
merebaknya komputer personal dimulai dengan Apple dan IBM PC.Adapun di tingkat
dunia internasional penggunaan komputer secara garis besar diperkenalkan
sebelum tahun 1958.</div>
<o:p></o:p><br />
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Kronologi
perkembangan kompoter dari generasi pertama sampai generasi terkini adalah
sebagai berikut:<o:p></o:p></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b>
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">1) Komputer
Generasi Pertama, memiliki ciri-ciri seperti di bwah ini. </span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span><br />
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">a)
Menggunakan teknologi tabung hampa sebagai alat pemroses dan penyimpan data<br />
b) Memorinya sangat rendah<br />
c) Perlu pemanasan awal yang tinggi<br />
d) Kemampuan mengolah datanya sangat lambat<br />
e) Ukurannya sangat besar<br />
f) Cepat panas dan mudah terbakar<br />
g)Memerlukan banyak tabung hampa dengan tujuan  bila  ada tabung
hampa yang terbakar tidak mengganggu operasi keseluruhan komputer<br />
h) Penggunaan tenaga listrik sangat besar<br />
i)Contoh komputer generasi I: ENIAC, EDVAC, dan sebagainya.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Yang
termasuk dalam kelompok komputer generasi pertama adalah UNIVAC 1 (Universal
Automatic Computer), SEAD, G-15, SWAC, dan ENIAC. Komputer semacam ENIAC
menggunakan 18.000 tabung hampa untuk  mengolah data. Pada tahun 1950-an,
beberapa komputer yang mempekerjakan ribuan tabung hampa masih diproduksi.
Komputer IBM 701 yang dibuat tahun 1953 misalnya, mengandung 4.000 tabung di
dalamnya.</span><span lang="EN-US" style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">2) Komputer
Generasi Kedua</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span><br />
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b></div>
<div class="MsoNormal">
<a href="http://riyan.facesweet.com/2011/04/teo62.jpg"><span style="color: blue; font-family: "times new roman" , "serif"; font-size: 12.0pt; text-decoration: none;"><v:shape alt="http://riyan.facesweet.com/2011/04/teo62.jpg?w=136&h=150" href="http://pakteo.files.wordpress.com/2011/04/teo62.jpg" id="Picture_x0020_2" o:button="t" o:spid="_x0000_i1029" style="height: 112.5pt; mso-wrap-style: square; visibility: visible; width: 102pt;" type="#_x0000_t75">
 <v:fill o:detectmouseclick="t">
 <v:imagedata o:title="teo62" src="file:///C:\Users\Personal\AppData\Local\Temp\msohtmlclip1\01\clip_image002.jpg">
</v:imagedata></v:fill></v:shape></span></a><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Komputer
generasi kedua muncul antara tahun 1958 sampai dengan tahun 1963. Munculnya
komputer generasi pertama ini  ditandai dengan ditemukannya transistor,
komponen elektronik berukuran kecil yang  cara bekerjanya memanfaatkan
aliran muatan (elektron) di dalam zat padat kristalin. Transistor mempunyai
sifat lebih ringan, lebih kuat dan tahan lama dibandingkan teknologi tabung.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Ciri-ciri
komputer generasi kedua adalah seperti di bawah ini.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">a)Menggunakan
teknologi transistor sebagai  pengganti tabung hampa<br />
b)Memorinya relatif kecil atau rendah,<br />
c)Kecepatan mengolah datanya lebih tinggi dibandingkan generasi sebelumnya,<br />
d)Kebutuhan untuk pemanasannya tidak terlalu tinggi,<br />
e)Ukuran fisiknya lebih kecil dibandingkan generasi sebelumnya.<br />
f)Kelebihan lain dari transistor adalah tidak  sepanas tabung hampa.<br />
g)Pemakaian daya listrik lebih hemat dibanding generasi sebelumnya.<br />
h)Penyimpanan data sudah secara magnetik.<br />
i) Menjadi titik awal fenomena minikomputer – DEC memperkenalkan komputer
pertamanya: DEC PDP-1 pada tahun 1957.<br />
j)Bermula penggunaan bahasa tingkat tinggi – bahasa pemrograman FORTRAN dan
COBOL.<br />
Yang termasuk ke dalam kelompok ini adalah: IBM 1401, IBM 7090, dan ILLIAC-11.<o:p></o:p></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b>
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">3) Komputer
Generasi Ketiga</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<a href="http://riyan.facesweet.com/2011/04/teo71.jpg"><span style="color: blue; font-family: "times new roman" , "serif"; font-size: 12.0pt; text-decoration: none;"><v:shape alt="http://riyan.facesweet.com/2011/04/teo71.jpg?w=130&h=150" href="http://riyan.facesweet.com/2011/04/teo71.jpg" id="Picture_x0020_3" o:button="t" o:spid="_x0000_i1028" style="height: 112.5pt; mso-wrap-style: square; visibility: visible; width: 97.5pt;" type="#_x0000_t75">
 <v:fill o:detectmouseclick="t">
 <v:imagedata o:title="teo71" src="file:///C:\Users\Personal\AppData\Local\Temp\msohtmlclip1\01\clip_image003.jpg">
</v:imagedata></v:fill></v:shape></span></a><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Pada tahun
1960, produk elektronik masih didominasi oleh radio, tape dan televisi yang
telah menggunakan transistor. Pada saat itulah <b>Kilby</b> sedang
mengembangkan IC <i>(Integrated Circuit)</i>. Tidak lama kemudian, IC rancangan
Kilby menggusur penggunaan transistor dan menjadi komponen utama dalam
komputer.  Inilah komputer generasi ketiga yang diperkenalkan antara tahun
1963 sampai dengan tahun 1971.</span><span lang="EN-US" style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Ciri dari
komputer generasi ketiga a sebagai berikut.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">a)Menggunakan
<i>Monolitic Integrated Circuit (MIC) dan Large Scale Integration (LSI)</i><br />
b)Mempunyai memori lebih besar<br />
c)Bekerjanya lebih cepat<br />
d)Ukuran fisiknya lebih kecil dibandingkan generasi pendahulunya<br />
e)Teknologi transistor digantikan dengan penggunaan <i>chip</i> yang
mengandungi ratusan atau ribuan trasnsistor yang dipadatkan<br />
f)Menggunakan teknologi <i>small-and medium-scale integration</i><br />
g)Sebagai titik awal fenomena mikrokomputer<br />
h)Komputer menjadi lebih kecil dan lebih murah<br />
i)Konsep ‘<i>time sharing</i>’ diperkenalkan<br />
j)Banyak bahasa pemrograman dihasilkan – BASIC, PASCAL<br />
k)Contoh komputer generasi ini: IBM System/360 dan DEC PDP-8.<o:p></o:p></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b>
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">4) Komputer
Generasi Keempat</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<a href="http://riyan.facesweet.com/2011/04/teo13.jpg"><span style="color: blue; font-family: "times new roman" , "serif"; font-size: 12.0pt; text-decoration: none;"><v:shape alt="http://riyan.facesweet.com/2011/04/teo13.jpg?w=150&h=113" href="http://riyan.facesweet.com/2011/04/teo13.jpg" id="Picture_x0020_4" o:button="t" o:spid="_x0000_i1027" style="height: 84.75pt; mso-wrap-style: square; visibility: visible; width: 112.5pt;" type="#_x0000_t75">
 <v:fill o:detectmouseclick="t">
 <v:imagedata o:title="teo13" src="file:///C:\Users\Personal\AppData\Local\Temp\msohtmlclip1\01\clip_image004.jpg">
</v:imagedata></v:fill></v:shape></span></a><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Dampak dari
ide cemerlang Kilby yang telah mengembangkan teknologi IC dapat dirasakan
dengan hadirnya komputer-komputer dalam bentuk yang lebih cerdas, bekerja lebih
cepat dan handal, mempunyai kapasitas memori yang sangat besar serta
keunggulan-keunggulan lainnya, meski bentuk maupun volumenya justru semakin
kecil.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Komputer
generasi keempat  diperkenalkan sejak tahun 1971.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Ciri-ciri
komputer generasi keempat adalah:<br />
a)telah menggunakan Metal Oxide Semiconductor(MOS),<br />
b)masuk dalam kelompok ini adalah komputer-komputer produksi BMC, IBM dan Apple
yang kini beredar di pasaran.<o:p></o:p></span><br />
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">5) 
Komputer  Generasi Kelima</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<a href="http://riyan.facesweet.com/2011/04/teo22.jpg"><span style="color: blue; font-family: "times new roman" , "serif"; font-size: 12.0pt; text-decoration: none;"><v:shape alt="http://riyan.facesweet.com/2011/04/teo22.jpg?w=141&h=150" href="http://pakteo.files.wordpress.com/2011/04/teo22.jpg" id="Picture_x0020_5" o:button="t" o:spid="_x0000_i1026" style="height: 112.5pt; mso-wrap-style: square; visibility: visible; width: 105.75pt;" type="#_x0000_t75">
 <v:fill o:detectmouseclick="t">
 <v:imagedata o:title="teo22" src="file:///C:\Users\Personal\AppData\Local\Temp\msohtmlclip1\01\clip_image005.jpg">
</v:imagedata></v:fill></v:shape></span></a><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Berkat
kepopulerannya di kalangan rumah tangga maupun dunia bisnis, pada sekitar tahun
1982 Komputer Pribadi <i>(Personal Computer) </i>yangoleh Majalah “<i>Time” </i>diberi
gelar <i>“Man of The Year”. </i>Selanjutnya menjelang tahun 1990-an, kemampuan
Komputer pribadi meningkat secara drastis hampir menyamai kemampuan komputer <i>multiuser</i>.
Kini komputer tingkat tinggi <i>(higher-end computer) </i>lebih sering membedakannya
dari komputer pribadi dari segi kestabilan serta kemampuan <i>multitasking</i>
yang lebih baik, daripada hanya bergantung semata-mata pada kemampuan </span><span style="color: blue; font-family: "times new roman" , "serif"; font-size: 12.0pt;">CPU</span><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Ciri-ciri
komputer generasi kelima sebagai beriut:<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">1)menggunakan
teknologi <i>Very Large-Scale Integration (VLSI);</i><br />
2)mempunyai beberapa pemproses CPU yang bisa berfungsi secara serentak.<o:p></o:p></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b>
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">b.
Perkembangan Perangkat Teknologi Informasi dan Komunikasi </span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<a href="http://riyan.facesweet.com/2011/04/teo31.jpg"><span style="color: blue; font-family: "times new roman" , "serif"; font-size: 12.0pt; text-decoration: none;"><v:shape alt="http://riyan.facesweet.com/2011/04/teo31.jpg?w=150&h=107" href="http://pakteo.files.wordpress.com/2011/04/teo31.jpg" id="Picture_x0020_6" o:button="t" o:spid="_x0000_i1025" style="height: 80.25pt; mso-wrap-style: square; visibility: visible; width: 112.5pt;" type="#_x0000_t75">
 <v:fill o:detectmouseclick="t">
 <v:imagedata o:title="teo31" src="file:///C:\Users\Personal\AppData\Local\Temp\msohtmlclip1\01\clip_image006.jpg">
</v:imagedata></v:fill></v:shape></span></a><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Kita semua
mengetahui bahwa  komputer sebagai  penyampai informasi dan
komunikasi di dalam bekerjanya tidak berdiri sendiri. Artinya komputer bisa
beroperasi karena didukung  oleh berbagai perangkat lain.  Perhatikan
gambar 2.7.<o:p></o:p></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b>
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">c. Sejarah
Perkembangan Prosesor Komputer</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br />
Di dalam sistem komputer, prosesor merupa-kan otak dan pusat pengendali. Pada
saat ini ukuran prosesor telah mencapai tingkatan gigahertz. Ukuran tersebut
menunjukkan hitungan kecepatan prosesor dalam mengolah data atau informasi.
Semakin besar ukuran prosesor, semakin cepat  proses pengolahan dan
pengaksesan data atau informasi. Beberapa merk prosesor yang banyak ditemui di
pasaran adalah: AMD <i>American Micro Device), </i>APPLE, Cirex ё VIA, IBM,
IDT, dan Intel.<o:p></o:p></span></div>
<div class="MsoNormal">
<i><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></i>
<i><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Tabel 2.1
  Perkembangan berbagai merk prosesor</span></i><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="mso-cellspacing: 0cm; mso-padding-alt: 0cm 0cm 0cm 0cm; mso-yfti-tbllook: 1184; width: 468px;">
 <tbody>
<tr>
  <td colspan="2" style="padding: 0cm 0cm 0cm 0cm; width: 234.0pt;" valign="top" width="312"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Prosesor
  Intel<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 108.0pt;" valign="top" width="144"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Prosesor
  AMD <i>(American Micro Device)</i><o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 101.25pt;" valign="top" width="135"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Prosesor
  VIA<o:p></o:p></span></div>
</td>
 </tr>
<tr>
  <td colspan="2" style="padding: 0cm 0cm 0cm 0cm; width: 234.0pt;" valign="top" width="312"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Prosesor
  Intel<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 108.0pt;" valign="top" width="144"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Prosesor
  AMD<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 101.25pt;" valign="top" width="135"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Prosesor
  VIA<o:p></o:p></span></div>
</td>
 </tr>
<tr>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 121.5pt;" valign="top" width="162"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">1.
  Generasi 8086 dan 8088<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 112.5pt;" valign="top" width="150"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">7. Pentium
  MMX, yang bisa digunakan untuk mutlimedia lebih cepat<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 108.0pt;" valign="top" width="144"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">1.
  Generasi 5×86 atau AMD 5k (untuk menyaingi Pentium I)<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 101.25pt;" valign="top" width="135"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">1.
  Generasi Cyrix Media GX dengan kecepatan 120-<o:p></o:p></span></div>
</td>
 </tr>
<tr>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 121.5pt;" valign="top" width="162"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">2.
  Generasi 80286 dengan kecepatan 6 dan 12 Mhz<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 112.5pt;" valign="top" width="150"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">8. Pentium
  II dengan kecepatan 300,333,350,366,400, dan 450 Mhz<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 108.0pt;" valign="top" width="144"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">2.
  Generasi Prosesor K6 3D NOW (untuk menyaingi Pentium II)<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 101.25pt;" valign="top" width="135"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">2.
  Prosesor Cyrix 6×86 dengan kecepatan 110-150 Mhz<o:p></o:p></span></div>
</td>
 </tr>
<tr>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 121.5pt;" valign="top" width="162"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">3. Generasi
  80386 dengan kecepatan 25,33,40 dan 50 Mhz<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 112.5pt;" valign="top" width="150"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">9. Pentium
  Celeron I,  dengan kecepatan 266,300,333,300A, dan 333.<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 108.0pt;" valign="top" width="144"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">3.
  Generasi Prosesor K7 atau Athlon (untuk menyaingi Pentium III)<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 101.25pt;" valign="top" width="135"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">3.
  Prosesor Cyrix M2 dengan kecepatan 180-233 Mhz<o:p></o:p></span></div>
</td>
 </tr>
<tr>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 121.5pt;" valign="top" width="162"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">4.
  Generasi 80486 dengan kecepatan 25,33,50, 66, 99, dan 100 Mhz<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 112.5pt;" valign="top" width="150"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">10.
  Pentium III, dengan kecepatan 500,533,550,600,667, 700, 733,00, 850,933,
  1000,1330A,1260A, dan 1400A Mhz.<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 108.0pt;" valign="top" width="144"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">4.
  Generasi Prosesor DURON (untuk menyaingi Pentium Celeron)<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 101.25pt;" valign="top" width="135"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">4.
  Prosesor Cyrix C3 dengan kecepatan 500-733 Mhz<o:p></o:p></span></div>
</td>
 </tr>
<tr>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 121.5pt;" valign="top" width="162"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">5.
  Generasi 80586 dengan kecepatan 60,75,90,100,120,dqn 133 Mhz<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 112.5pt;" valign="top" width="150"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">11.
  Pentium Celeron II dengan kecepatan 600-1300 Mhz<o:p></o:p></span></div>
</td>
  <td rowspan="2" style="padding: 0cm 0cm 0cm 0cm; width: 108.0pt;" valign="top" width="144"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">5.
  Generasi Prosesor Athlon-XP Extreme Performance (untuk menyaingi Pentium IV<o:p></o:p></span></div>
</td>
  <td rowspan="2" style="padding: 0cm 0cm 0cm 0cm; width: 101.25pt;" valign="top" width="135"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">5.
  Generasi Prosesor Via dengan kecepatan 1 Ghz<o:p></o:p></span></div>
</td>
 </tr>
<tr>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 121.5pt;" valign="top" width="162"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">6. Pentium
  I dengan kecepatan 75,90,100,120,133,150 166, 180,200, dan 233 Mhz.<o:p></o:p></span></div>
</td>
  <td style="padding: 0cm 0cm 0cm 0cm; width: 112.5pt;" valign="top" width="150"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">12.
  Pentium IV denan kecepatan 1400-2800 Mhz, serta Pentium IV 3 Gb; 3,06Gb;
  3,1Gb; dan 3,2Gb.<o:p></o:p></span></div>
</td>
 </tr>
</tbody></table>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Rangkuman </span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Komputer
pertama kali masuk di Indonesia digunakan untuk kepentingan militer, perbankan,
perusahaan minyak, badan sensus dan institusi pemerintah seperti Badan
Meteorologi dan Geofisika. Kronologi perkembangan komputer terbagi ke dalam 5
generasi, dimulai dari komputer generasi I, II, III, IV, dan V.</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<br />
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;">Setiap perkembangan
dari generasi satu ke generasi lainnya ditandai dengan ciri-ciri spesifik.
Perkembangan prosesor komputer berkaitan dengan kecepatan memproses data dan
informasi</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal">
<b><span style="font-family: "times new roman" , "serif"; font-size: 12.0pt;"><br /></span></b></div>

Perkembangan komputer

Tahukah sobat Hots WEB sejak kapan manusia menggunakan teknologi komputer? Di Indonesia, komputer pertama kali masuk pada awalnya digu...

Wednesday, January 01, 2014

DramaKu

DramaKu

kali ini gue mau sedikit cerita kegiatan gue bareng temen-temen dikampus,

Thursday, December 12, 2013

Multimedia

Artikel multimedia<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_VL3P3nHKq2D2vZp5sI940T6FdgyBuvsM1YgqbI6BF8ube8tl3sgftuby5EiGthE9G2jzJxkhjvHhReg56uRaxwGEmvSK9ZsB9bUi0o0RrQ8z4CUJ13Xli2PLpxFbdZl4JPAxV27_nY/s1600/flash.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_VL3P3nHKq2D2vZp5sI940T6FdgyBuvsM1YgqbI6BF8ube8tl3sgftuby5EiGthE9G2jzJxkhjvHhReg56uRaxwGEmvSK9ZsB9bUi0o0RrQ8z4CUJ13Xli2PLpxFbdZl4JPAxV27_nY/s1600/flash.gif" title="Multimedia" width="200" /></a></div>
Komunikasi Visual adalah salah satu cara untuk berkomunikasi melalui media visual, yaitu gambar, yang dapat di tangkap oleh indera penglihatan kita. Untuk mencapai komunikasi visual, diperlukan media untuk membuat pesan yang akan kita buat, agar bisa tersampaikan dengan baik.<br />
<br />
Bidang-bidang yang harus kita kuasai adalah mulai dari gambar bentuk, gambar sketsa, gambar anatomi, nirmana, teori warna, fotografi, typography, ilustrasi, animasi, komputer grafis, multimedia, juga tentunya ditambah teori-teori dalam komunikasi yang mendukung bidang komunikasi visual. Dimana kesemuanya itu harus kita kuasai walaupun kita tidak menguasainya secara penuh tetapi setidaknya kita tahu dan bisa menggunakannya walaupun sedikit. Jika kita sebagai desainer grafis tidak begitu mahir dalam menggambar, hal itu bukanlah menjadi problem yang besar.<br />
<br />
<br />
Disini kita tidak dituntut untuk dapat menggambar dengan bagus sekali, tetapi setidaknya seorang desainer grafis ‘bisa’ menggambar dan menggambar dengan ‘benar’ walaupun menggambar hanya untuk di sketsa saja. Karena, hal yang paling dihargai dan paling ‘mahal’ harganya dalam sebuah desain adalah ide kreatif seorang desainer grafis. Dalam sebuah desian, tentu saja seorang desainer grafis harus membuat hasil desainnya semenarik mungkin. Sehingga diperlukan warna-warna yang mendukung. Disini adalah fungsi dari teori warna.<br />
<br />
Masyarakat awam melihat warna pada sebuah desain mungkin akan berkomentar bagus atau buruk. Tetapi mereka tidak mengerti, padahal di dalam sebuah desain tersebut, warna-warna yang digunakan mengandung arti tersendiri. Entah warna yang mengandung arti kata sifat, atau warna yang memang sudah menjadi warna brand.<br />
<br />
Teori warna mengajarkan kapada kita mulai dari warna primer, warna sekunder, warna tersier; lalu bagaimana mencampur warna yang satu dengan warna yang lain sehingga kita mendapat warna yang kita inginkan dengan benar; sampai arti dari setiap warna untuk dipakai di sebuah desain. Untuk pencampuran warna dengan menggunakan media cat poster, diperlukan ketelitian dalam memasukan tiap kadar warnanya.<br />
<br />
Warna primer adalah warna asli. Warna primer terdiri dari 3 warna. Bukan seperti warna yang disebutkan dalam lagu Pelangi-pelangi “.....merah, kuning, hijau... di langit yang biru...”, melainkan warna primer adalah warna merah, kuning, dan biru. Dari warna primer atau ketiga warna tersebut dapat dibuat warna-warna lain seperti warna sekunder, yaitu orange, ungu, dan hijau; juga dapat menghasilkan warna-warna lain yang kita inginkan.<br />
<br />
Sedikit tips dalam mencampurkan warna, jika akan mencampur warna misalnya ingin mendapat warna hijau, yaitu campuran warna kuning dan biru, lebih baik jika warna yang lebih kuat (biru) diberi kadar yang lebih rendah dibanding warna yang lemah (kuning). Hal ini dimaksudkan supaya kita tidak langsung mendapat warna hijau yang tua/gelap. Tetapi jika pertama-tama kita masih mendapat warna hijau muda, lalu kita ingin mendapat hijau yang lebih tua/gelap, kita tinggal menambahkan warna biru saja sampai warna hijau yang kita inginkan tercapai, tentunya menambahkannya sedikit demi sedikit, karena jika menambahkan langsung banyak akan percuma. Hasinya akan langsung menjadi warna hijau yang tua sekali.<br />
<br />
Disamping gambar dan warna, typography juga sangat mendukung karya desain. Kita harus tahu karakter dari sebuah font. Hal ini dimaksudkan supaya terjadi keselarasan dan harmonisasi antara objek yang kita masukkan dalam karya desain dengan tulisan, misalnya tagline atau font dalam brand dan logo. Untuk menyempurnakan hal-hal tersebut tentu saja diperlukan media komputer. Dimana ada program Adobe Photoshop, Corel Draw, Freehand, Page Maker, Flash, dan lain-lainnya.<br />
<br />
semoga bermanfaat..

Multimedia

Artikel multimedia Komunikasi Visual adalah salah satu cara untuk berkomunikasi melalui media visual, yaitu gambar, yang dapat di tangka...

Thursday, November 14, 2013

Flash dan after effects

FLASH DAN AFTER EFFECTS<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_VL3P3nHKq2D2vZp5sI940T6FdgyBuvsM1YgqbI6BF8ube8tl3sgftuby5EiGthE9G2jzJxkhjvHhReg56uRaxwGEmvSK9ZsB9bUi0o0RrQ8z4CUJ13Xli2PLpxFbdZl4JPAxV27_nY/s1600/flash.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_VL3P3nHKq2D2vZp5sI940T6FdgyBuvsM1YgqbI6BF8ube8tl3sgftuby5EiGthE9G2jzJxkhjvHhReg56uRaxwGEmvSK9ZsB9bUi0o0RrQ8z4CUJ13Xli2PLpxFbdZl4JPAxV27_nY/s1600/flash.gif" title="Flash dan after effects" width="200" /></a></div>
Haii.. sobat <b>Hots WEB</b>,<br />
After Effects adalah software buatan Adobe, seperti Photoshop, Illustrator dan Premiere. Software tersebut saling melengkapi untuk kebutuhan Animasi, Video Editing, Web dan Grafis. After Effect biasa digunakan untuk pembuatan ;<br />
- Opening Tune / Animasi pembukaan acara TV, CD Interaktif, Game, Video Pernikahan dll.<br />
- Movie Company Profile & Bumper Video Perusahaan<br />
- Animasi Logo perusahaan<br />
- Video efek dan animasi teks untuk periklanan<br />
- Video Efek untuk Film Layar Kaca atau layar lebar<br />
<br />
Dengan kata lain After Effects lebih dekat dengan dunia boardcast, Televisi dan Perfilman yang setiap hari kita saksikan.<br />
<br />
<br />
After Effects adalah software animasi bukan image editing, sehingga untuk mengolah gambar bitmap perlu menggunakan Photoshop. after Effects pun bukan software video editing, sehingga untuk merangkai video dengan durasi relatif panjang (1menit atau lebih) perlu menggunakan Adobe Premiere. After Effects bukan software animasi 3D, sehingga untuk membuat animasi 3D lebih powerful akan lebih baik jika anda menggunakan 3DstudioMax.<br />
<br />
After Effects merupakan aplikasi grafis dengan format Bitmap, tidak seperti macromedia Flash yang lebih mengutamakan format Vector. Dengan format bitmap maka perlakuaan kita pada file sumber harus disesuaikan, karena jika file bitmap diperbesar ukurannya maka akan terlihat kasar dan pecah.<br />
Kini animasi bukan lagi bidang yang harus dipelajari dengan mahal dan sulit, cukup dengan modal seperangkat Komputer Multimedia dan waktu senggang.<br />
<br />
ADOBE FLASH<br />
<br />
Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangiAdobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.<br />
<br />
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.<br />
<br />
Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya<br />
<br />
Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik. Banyak fiture-fiture baru dalam Flash yang dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi tersebut secara maksimal. Fiture-fiture baru ini membantu kita lebih memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script.<br />
<br />
Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan pengembangan isi ActionScript secara otomatis. Untuk memahami keamanan Adobe Flash dapat dilihat dari beberapa sudut pandang, berdasarkan beberapa sumber referensi bahwa tidak ada perbedaan menyolok antara HTML dan JavaScript dimana didalamnya terdapat banyak tools yang dapat diambil dari SWF termasuk ActionScript. Sehingga kode data dapat terjamin keamanannya. Oleh sebab itu, semua kebutuhan data yang terdapat dalam SWF dapat diambil kembali melalui server. Keuntungan menggunakan metode yang sama dengan menggunakan aplikasi web yang standar adalah akan menjamin dan mengamankanpenyimpanan dan perpindahan data.<br />
<br />
FLASH DAN AFTER EFFECTS<br />
Mengapa Flash ?<br />
Flash adalah software animasi dan interaktif dengan format vector. Dengan demikian ukuran file yang dihasilkan berukuran kecil sehingga cocok digunakan pada animasi halaman web. Karena hasil flash sering digunakan di Internet, popularitas Flash jauh lebih diatas dibandingkan software multimedia lain seperti Macomedia Director. Flash memang software yang serba bisa dan lebih cenderung bekerja sendiri / solo karir, sehingga cocok bagi anda yang mamulai dari profesi programming. <br />
<br />
Perbedaan Flash Dan After Effects<br />
<br />
Flash :<br />
- Format : vector<br />
- Ruang : 2 Dimensi<br />
- Timeline : Frame<br />
- Media : Web/ computer<br />
- Ukuran file : Kecil<br />
- Efek : sedikit<br />
- Hasil animasi : linear dan interaktif<br />
<br />
After Effects :<br />
- Format :bitmap<br />
- Ruang : 2 & 3 Dimensi<br />
- Timeline :waktu H:M:S:F<br />
- Media :TV Boardcast<br />
- Ukuran file :besar<br />
- Efek :banyak<br />
- Hasil animasi : linear<br />
<br />
semoga bermanfaat..

Flash dan after effects

FLASH DAN AFTER EFFECTS Haii.. sobat Hots WEB , After Effects adalah software buatan Adobe, seperti Photoshop, Illustrator dan Premiere...

Saturday, November 09, 2013

Design grafis

<b>Desain grafis</b><br />
<br />
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).<br />
<br />
Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak....<br />
<div>
<br /></div>
<div>
Desain grafis atau Graphic Design. Kata grafis menurut etimologi adalah berasal dari kata graphic (bahasa Inggris) yang berasal dari bahasa Latin graphe (yang diadopsi kata Yunani graphos), yang berarti menulis, menggores atau menggambar di atas batu.</div>
<div>
<br />
Desain sendiri merupakan proses pemikiran dan perasaan yang akan menciptakan sesuatu, dengan menggabungkan fakta, konstruksi, fungsi dan estetika untuk memenuhi kebutuhan manusia atau Desain grafis juga bias diartikan suatu konsep pemecahan masalah rupa,warna, bahan, teknik, biaya, guna dan pemakaian yang diungkapkan dalam gambar dan bentuk.<br />
<br />
Dalam desain grafis masalahnya mencakup berbagai bidang seperti teknik perencanaan gambar, bentuk, simbol, huruf, fotografi dan proses cetak disertai pula dengan pengetahuan tentang bahan dan biaya. Biasanya Desain grafis biasanya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur tetapi sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik, yang sering kali disebut sebagai desain interaktif atau desain multimedia.<br />
<br />
Tujuan desain grafis selain menciptakan desain atau perencanaan fungsional estetis, namun juga yang informatif dan komunikatif dengan masyarakat yang dilengkapi pula dengan pemahaman mengenai psikologi massa dan teori-teori pemasaran, sehingga karya-karya desain grafis ini bisa merupakan alat promosi yang ampuh.<br />
<br />
Dari sinilah Desain grafis juga seperti jenis desain lainnya merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (desain).<br />
<br />
Orang yang berkarya di bidang desain grafis maka disebut sebagai desainer grafis (graphic designer)<br />
Pada tahun , Henry Cole menjadi salah seorang yang paling berpengaruh dalam pendidikan desain di Inggris, ia meyakinkan pemerintah tentang pentingnya desain dalam sebuah jurnal yang berjudul Journal of Design and Manufactures. Dia menyelenggarakan The Great Exhibition sebagai perayaan atas munculnya teknologi industri modern dan desain bergaya Victoria.<br />
<br />
Dari tahun 1891 sampai 1896, Percetakan William Morris Kelmscott mempublikasikan buku karya desain grafis yang dibuat oleh gerakan Arts and Crafts , dan membuat buku dengan desain yang lebih bagus dan elegan untuk dijual kepada orang-orang kaya. Morris membuktikan adanya potensi pasar untuk produk-produk desain grafis. Morris juga mempelopori pemisahan desain grafis dari seni rupa. Karya –karya Morris dan karya dari pergerakan Private Press secara langsung mempengaruhi Art Nouveau, dan secara tidak langsung mempengaruhi perkembangan desain grafis pada awal abad ke 20.<br />
<br />
Kata Desain Grafis pertama kali digunakan pada tahun 1922 di sebuah esai berjudul New Kind of Printing Calls for New Design yang ditulis oleh William Addison Dwiggins, seorang desainer buku Amerika.<br />
<br />
Raffe's Graphic Design, yang diterbitkan pada tahun 1927, dianggap sebagai buku pertama yang menggunakan istilah Desain Grafis pada judulnya.<br />
<br />
The signage in the London Underground adalah contoh desain klasik pada abad modern yang menggunakan jenis huruf yang dirancang oleh Edward Johnston pada tahun 1916.<br />
<br />
Pada tahun 1920, Aliran konstuktivisme di Uni Soviet melihat seni yang berorientasi individu tidak ada gunanya bagi Rusia dan membuat sesuatu yang dapat diterapkan di dunia nyata. Mereka mendesain bangunan, perangkat teater, poster, kain, pakaian, perabot, logo, menu, dll.<br />
<br />
Jan Tschichold merumuskan prinsip-prinsip dasar tipografi modern pada tahun 1928 dalam bukunya yang berjudul New Typography. Tschichold, Bauhaus,Herbert Bayer and Laszlo Moholy-Nagy, and El Lissitzky adalah tipografer yang berpengaruh besar dalam ilmu desain grafis yang kita kenal sekarang ini. Mereka mempelopori teknik produksi yang digunakan sepanjang abad ke 20. Pada tahun-tahun berikutnya desain grafis mendapat banyak pengakuan dan mulai banyak diterapkan. Pasca Perang Dunia II, kebutuhan akan desain grafis meningkat pesat, terutama untuk periklanan dan kemasan produk. Perpindahan Sekolah Bauhaus dari Jerman ke Chicago pada tahun 1937 membawa pengaruh besar pada desain di Amerika. Nama- nama yang terkenal diantaranya Adrian Frutiger(desainer jenis huruf Univers dan Frutiger), Paul Rand(yang dari akhir 1930-an sampai kematiannya pada tahun 1996 menggunakan prinsip Bauhaus dan menerapkannya padaiklan dan desain logo.<br />
<br />
Perkembangan industri desain grafis tumbuh seiring dengan perkembangan konsumerisme. Hal ini menimbulkan kritik dari berbagai komunitas desain yang tertuang dalam First Things First manifesto yang pertama kali diterbitkan pada tahun 1964 dan diterbitkan kembali pada tahun 1999 di majalah Émigré. Konsumerisme terus tumbuh, sehingga terus memacu pertumbuhan ilmu desain grafis. Hal ini menarik para praktisi desain grafis, beberapa diantaranya adalah : Rudy VanderLans, Erik Spiekermann, Ellen Lupton and Rick Poynor.</div>
<div>
<br /></div>
<div>
<b>Layout</b></div>
<div>
<b><br />Layout</b> 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.<br />
<div>
<br /></div>
<div>
<b>Tipografi</b></div>
<br />
<img src="http://upload.wikimedia.org/wikipedia/id/e/e2/AOcirihuruf.png" /><br />
Ciri huruf yang mudah dikenali: goresan (stroke), siripan (serif), dan sempitan (stress)</div>
<div>
Tipografi atau tatahuruf merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.<br />
<br />
Dikenal pula seni tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama. Dalam seni tipografi, pengertian huruf sebagai lambang bunyi bisa diabaikan.<br />
<br />
<b>Sejarah Tipografi</b><br />
<br />
Sejarah perkembangan tipografi dimulai dari penggunaan pictograph. Bentuk bahasa ini antara lain dipergunakan oleh bangsa VikingNorwegia dan Indian Sioux. Di Mesir berkembang jenis huruf Hieratia, yang terkenal dengan nama Hieroglif pada sekitar abad 1300 SM. Bentuk tipografi ini merupakan akar dari bentuk Demotia, yang mulai ditulis dengan menggunakan pena khusus.<br />
<br />
Bentuk tipografi tersebut akhirnya berkembang sampai di Kreta, lalu menjalar ke Yunani dan akhirnya menyebar keseluruh Eropa.<br />
<br />
Puncak perkembangan tipografi, terjadi kurang lebih pada abad 8 SM di Roma saat orang Romawi mulai membentuk kekuasaannya. Karena bangsa Romawi tidak memiliki sistem tulisan sendiri, mereka mempelajari sistem tulisan Etruska yang merupakan penduduk asli Italia serta menyempurnakannya sehingga terbentuk huruf-huruf Romawi.<br />
<br />
Saat ini tipografi mengalami perkembangan dari fase penciptaan dengan tangan hingga mengalami komputerisasi. Fase komputerisasi membuat penggunaan tipografi menjadi lebih mudah dan dalam waktu yang lebih cepat dengan jenis pilihan huruf yang ratusan jumlahnya.<br />
<div>
<br />
<b>Klasifikasi Rupa huruf</b><br />
<br />
Dalam beberapa literatur tipografi, rupa huruf dapat di golongankan dalam beberapa klasifikasi, yang berguna untuk mempermudah mengidentifikasi rupa huruf tersebut. Berdasarkan klasifikasi yang umum dan sering dipakai, klasifikasi berdasarkan timeline sejarahnya dan fungsinya, rupa huruf digolongkan menjadi:<br />
Blackletter / Old English / Textura, berdasarkan tulisan tangan (script) yang populer pada abad pertengahan (sekitar abad 17) di Jerman (gaya gothic) dan Irlandia (gaya Celtic).<br />
Humanis / Venetian, berdasarkan tulisan tangan (script) gaya romawi di Italia. Disebut humanis karena goresannya seperti tulisan tangan manusia.<br />
Old Style, Rupa huruf serif yang sudah berupa metal type, gaya ini sempat mendominasi industri percetakan selama 200 tahun.<br />
Transitional, Rupa huruf serif, muncul pertama kali sekitar tahun 1692 oleh Philip Grandjean, diberi nama Roman du Roi atau "rupa huruf raja", karena dibuat atas perintah Raja Louis XIV.<br />
Modern / Didone, Rupa huruf serif, muncul sekitar akhir abad 17, menjelang jaman Modern.<br />
Slab serif / Egytian Rupa huruf serif, muncul sekitar abad 19, kadang disebut Egytian karena bentuknya yang mirip dengan gaya seni dan arsitektur Mesir kuno<br />
Sans-serif / Rupa huruf tanpa kait<br />
Grotesque Sans-serif, muncul sebelum abad 20.<br />
Geometris Sans-serif, bentuk rupa hurufnya berdasarkan bentuk-bentuk geometris, seperti lingkaran segi empat dan segitiga.<br />
Humanis Sans-serif, bentuk rupa hurufnya seperti tulisan tangan manusia.<br />
Display / dekoratif, muncul sekitar abad 19, untuk menjawab kebutuhan di dunia periklanan. Cirinya adalah ukuranya yang besar.<br />
Script dan cursive, bentuknya menyerupai handwriting - tulisan tangan manusia. Script, hurufnya kecil-kecil dan saling menyambung, sedangkan Cursive tidak.<br />
<br />
Selain itu ada juga klasifikasi yang berdasarkan bentuk rupa hurufnya:<br />
Roman, pada awalnya adalah kumpulan huruf kapital seperti yang biasa ditemui di pilar dan prasasti Romawi, namun kemudian definisinya berkembang menjadi seluruh huruf yang mempunyai ciri tegak dan didominasi garis lurus kaku.<br />
Serif, dengan ciri memiliki siripan di ujungnya. Selain membantu keterbacaan, siripan juga memudahkan saat huruf diukir ke batu.</div>
<div>
<br />
<img src="http://upload.wikimedia.org/wikipedia/id/thumb/e/e1/April.jpg/150px-April.jpg" /></div>
<div>
<br />
Contoh penggunaan huruf bersirip di nisan Johanna Christine, Museum Taman Prasasti<br />
Egyptian, atau populer dengan sebutan slab serif. Cirinya adalah kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulkan adalah kokoh, kuat, kekar dan stabil.</div>
<div>
<br />
<img src="http://upload.wikimedia.org/wikipedia/id/thumb/f/f6/Slabserif_thomasdesouza.jpg/150px-Slabserif_thomasdesouza.jpg" /></div>
<div>
<br />
Salah satu contoh huruf slab serif di nisan Thomas de Souza, di pintu masuk Museum Taman Prasasti<br />
Sans Serif, dengan ciri tanpa sirip/serif, dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer dan efisien.<br />
Script, merupakan goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifast pribadi dan akrab.<br />
Miscellaneous, merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental.</div>
<div>
<b><br /></b>
<b>Kejelasan bentuk huruf dan Keterbacaan</b><br />
<br />
<b>Kejelasan bentuk huruf</b> (legibility) adalah tingkat kemudahan mata mengenali suatu karakter / rupa huruf / tulisan tanpa harus bersusah payah. Hal ini bisa ditentukan oleh:<br />
Kerumitan desain huruf, seperti penggunaan siripan, kontras goresan, dan sebagainya.<br />
Penggunaan warna<br />
Frekuensi pengamat menemui huruf tersebut dalam kehidupan sehari-hari<br />
<br />
<b>Keterbacaan</b> (readability) adalah tingkat kenyamanan / kemudahan suatu susunan huruf saat dibaca, yang dipengaruhi oleh:<br />
Jenis huruf<br />
Ukuran<br />
Pengaturan, termasuk di dalamnya alur, spasi, kerning, perataan, dan sebagainya<br />
Kontras warna terhadap latar belakang</div>
<div>
<br /></div>
<br />
<b>Nirmana</b><br />
<br />
Meski nirmana dipahami sebagai sebuah bentuk yang tidak berbentuk. Dalam konteks desain komunikasi visual, nirmanamemegang peranan penting perihal bagaimana menata dan menyusun elemen dasar desain komunikasi visual . Peranan penting lainnya, di dalam nirmana mensyaratkan tatasusun dan tatakelola unsur desain komunikasi visual dalam sebuah perencanaan komposisi yang serasi dan seimbang di dalam setiap bagiannya.</div>
<div>
<br />
Definisi nirmana adalah pengorganisasian atau penyusunan elemen-elemen visual seperti titik, garis, warna, ruang dan tekstur menjadi satu kesatuan yang harmonis. nirmana dapat diartikan sebagai hasil angan-angan dalam bentuk dwimatra, trimatra yang mempunyai nilai keindahan. nirmana disebut juga ilmu tatarupa.<br />
<br />
Arti nirmana :<br />
<br />
Dibentuk dari dua kata yaitu nir berarti tidak, mana berarti makna, jika digabungkan berarti tidak bermakna atau tidak mempunyai makna. Jika di artikan lebih dalam nirmana berarti lambang-lambang bentuk tidak bermakna, dilihat sebagai kesatuan pola, warna, komposisi, irama, nada dalam desain. Bentuk yang dipelajari biasanya diawali dari bentuk dasar seperti kotak, segitiga, bulat yang sebelumnya tidak bermakna diracik sedemikian rupa menjadi mempunyai makna tertentu.<br />
<br />
Jika kita telaah lebih jauh, nirmana mirip dengan Tipografi (ilmu huruf) yaitu tentang mengorganisasikan sesuatu untuk mencapai kualitas artistik pada sebuah karya seni atau desain. nirmana berbicara tentang harmoni, keselarasan soal rasa, dan impresi pada sebuah bentuk. nirmana tidak hanya mencakup 2 dan 3 dimensi saja melainkan menjelajah sebuah ruang yang disebut dengan ruang maya.<br />
<br />
Ruang maya adalah ruang semu dimana kita bisa berhayal tentang sesuatu yang mebingungkan kita sendiri, dalam artian hayalan tentang sebuah kegilaan bentuk yang sulit kita torehkan dalam media 2 dimensi ( sering disebut dengan nirmana ruang datar /nirmana dwimatra) atau 3 dimensi (sering disebut dengan nirmana ruang / nirmana trimatra).<br />
<br />
Pengaplikasian nirmana mutlak dilakukan dalam semua bidang seni rupa dan desain. Contohnya adalah fotografi, bidang seni ini mempunyai kemampuan melakukan eksekusi ini dengan sangat baik. Kapabilitas fotografi yang merekam obyek setepat-tepatnya dapat kita kacaukan dengan nirmana. Tentu kita sudah biasa jika melihat langit yang jauh yang berwarna biru dan pepohonan yang dekat dengan warna hijau. Namun dengan nirmana, langit dapat kita beri warna panas (orange/ kuning) untuk menciptakan kesan objek tersebut dekat dengan kita. Dan pohon dengan warna dingin (misal biru) untuk memberi kesan objek tersebut jauh dengan kita.<br />
<br />
Hal ini dapat kita terima karena kita memandang dari nalar bentuk. Disinilah seni dan desain dapat dinilai atas dasar kualitas artistiknya, yaitu menilai segala sesuatunya dari sisi bentuk, bukan dari hal-hal di luar bentuk (Irama Visual, 2007, hal. 160).<br />
<br />
<b>Elemen – elemen seni rupa dapat dikelompokan menjadi 4 bagian berdasarkan bentuknya</b>.</div>
<div>
<br />
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</div>
<div>
<br />
2. Garis, garis adalah suatu hasil goresan nyata dan batas limit suatu benda, ruang, rangkaian masa dan warna.</div>
<div>
<br />
3. Bidang, bidang adalah suatu bentuk pipih tanpa ketebalan, mempunyai dimensi pajang, lebar dan luas; mempunyai kedudukan, arah dan dibatasi oleh garis.<br />
<div>
<br />
4. Gempal, gempal adalah bentuk bidang yang mempunyai dimensi ketebalan dan kedalaman.<br />
<br />
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.<br />
<br />
Dalam ilmu desain grafis, selain prinsip-prinsip diatas ada beberapa prinsip utamakomunikasi visual dari sebuah karya desain.</div>
<div>
<br />
<b>Ruang Kosong</b>(White Space)<br />
Ruang kosong dimaksudkan agar karya tidak terlalu padat dalam penempatannya pada sebuah bidang dan menjadikan sebuah obyek menjadi dominan.Ruang kosong penting dalam desain karena sering digunakan untuk berbagai tujuan. Misalnya untuk kejelasan pembacaan dan sekaligus memberikan kesan, seperti kesan profesinal dan sederhana.</div>
<div>
<br />
<b>Kejelasan</b> (Clarity)</div>
<div>
Kejelasan atau clarity mempengaruhi penafsiran penonton akan sebuah karya. Bagaimana sebuah karya tersebut dapat mudah dimengerti dan tidak menimbulkan ambigu/ makna ganda.</div>
<div>
<br />
<b>Kesederhanaan</b>(Simplicity)</div>
<div>
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.</div>
<div>
<br />
<b>Emphasis</b>(Point of Interest)</div>
<div>
Emphasis atau disebut juga pusat perhatian, merupakan pengembangan dominasi yang bertujuan untuk menonjolkan salah satu unsur sebagai pusat perhatian sehingga mencapai nilai artistic.</div>
<div>
<br />
<b>Prinsip – prinsip dasar seni rupa</b></div>
<div>
<b><br />Kesatuan</b> (Unity)<br />
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.</div>
<div>
<br />
<b>Keseimbangan</b> (Balance)</div>
<div>
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.</div>
<div>
<br />
<b>Proporsi</b> (Proportion)</div>
<div>
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.<br />
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.</div>
<div>
<br />
<b>Irama</b> (Rhythm)</div>
<div>
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.</div>
<div>
<br />
<b>Dominasi</b> (Domination)</div>
<div>
Dominasi merupakan salah satu prinsip dasar tatarupa yang harus ada dalam karya seni dan desain. 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 untuk menarik perhatian, menghilangkan kebosanan dan untuk memecah keberaturan. Biasanya ditengarahi dengan emphasis.</div>
<div>
<br />
<b>Kesimpulan</b><br />
<br />
Nirmana berarti kosong atau tidak ada apa-apa dan bisa juga berarti abstrak atau tidak bermakna. Kalimat tersebut merupakan sebuah ungkapan, bahwa pada awalnya, sebelum seseorang bertindak menciptakan sesuatu, masih belum ada apa-apa atau belum ada makna dari segala sesuatu. Hal tersebut kemudian di jadikan titik awal atau merupakan pelajaran yang harus dikuasai oleh seseorang yang ingin belajar tentang desain sebelum mulai berkarya. nirmana mengajarkan tentang unsur atau elemen yang ada pada suatu lukisan atau gambar serta estetika seni dalam mengorganisasi unsur atau elemen agar menjadi sebuah karya rupa yang bukan saja bagus, tetapi juga bermakna.<br />
<br />
Dengan mempelajari nirmana, seseorang diharapkan akan memiliki pengertian, dapat mengasah ketrampilan, dan mempertajam kepekaan terhadap segala sesuatu yang menyangkut dunia desain. Bahkan tipografi juga akan dikembangkan dari nirmana. Oleh karena itu, nirmana wajib dipelajari dengan melakukan banyak latihan secara continyu untuk dapat menghayati seni rupa dan seni desain dengan baik. Bahkan mungkin di saat mempelajarinya akan terambah pula pula cabang seni yang lain. Di dalam nirmana, seseorang akan mempelajari segala sesuatu yang berhubungan dengan seni rupa dan desain melalui tahap-tahap yang sangat mendasar. Desain dikembangkan dari seni rupa. Sehingga yang dipelajari pada awalnya akan menyerupai.</div>
</div>

Design grafis

Desain grafis Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefekti...

Saturday, November 02, 2013

Propeller Ads

Profile Admin

Pengantar logika dan algoritma dengan pascal

Ciri-ciri program komputer

Statemen-statemen tambahan (warna,suara dan window)

Statemen-statemen untuk memanipulasi data

Statemen-statemen untuk transfer nilai dari suatu variable

Statemen-statemen untuk perhitungan aritmatik

Statemen yang digunakan untuk memanipulasi string

Statemen-statemen yang digunakan untuk pengaturan letak di layer

Statemen-statemen yang digunakan untuk input/output

Perintah-perintah dalam pascal

Cara membuat keyword yang Benar

Cara membuat header menjadi dua kolom

Membuat jaringan LAN

Membuat jaringan komputer peer to peer kabel UTP

Perkembangan komputer

DramaKu

Multimedia

Flash dan after effects

Design grafis

Entri Populer

Labels

Blog Archive