Blog Rafli Apriliana

Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML.

Beberapa contoh aplikasi yang termasuk dalam kelompok ini :

TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.

Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.

Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.

Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.

BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac

Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut ini beberapa aplikasi yang cukup populer :

Adobe Photoshop.
Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun  dunia web.

Adobe Photoshop Elements.
Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web.

Adobe Illustrator.
Karena desainer perlu membuat logo, ikon, dan ilustrasi di berbagai ukuran dan resolusi, untuk itu semua aplikasi ini sangat membantu. Aplikasi ini juga dapat dipadukan dengan Photoshop

Adobe Fireworks.
Program grafis web ini menggabungkan editor foto dengan alat untuk membuat ilustrasi berbasis vektor. Ia juga memiliki alat-alat canggih untuk grafis web.

Corel Paint Shop Photo Pro (Windows saja).
Editor gambar yang penuh fitur ini populer  di pengguna Windows, terutama karena harga yang rendah.

Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web, biasa disebut “browser”.  Berikut ini beberapa aplikasi browser yang cukup populer :
- Windows:
- Internet Explorer
- Chrome
- Firefox
- Safari
- Opera
- Macintosh OS X:
- Safari
- Chrome
- Firefox
- Opera

Browser perangkat bergerak (mobile) :
- Mobile Safari (iOS)
- Android Browser (Android)
- BlackBerry Browser (RIM)
- Nokia Series 40 dan Nokia Browser for Symbian
- Opera Mobile dan Mini (installed on any device)
- Internet Explorer Mobile (Windows Phone)
- Silk (Kindle Fire)

HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut.

Saat ini sudah dikenal HTML5 yang menawarkan berbagai fitur menarik yang tidak didukung oleh HTML sebelumnya. Beberapa fitur yang tersedia pada HTML5 antara lain sebagai berikut.
o   Canvas. Memungkinkan pembuatan gambar dalam kanvas. Jadi, gambar tidak lagi diambil dari gambar utuh, melainkan bisa disusun sendiri, bak menggunakan program Paint.
o   Header. Berguna untuk menyatakan suatu judul, yang bisa diisi dengan elemen logo dan nama perusahaan.
o   Footer. Merupakan kebalikan dari header. Sebagai catatan kaki, elemen ini berguna untuk menaruh informasi di bagian bawah halaman web.
o   Time. Elemen ini berguna untuk menyajikan informasi tentang waktu.
o   Audio. Memungkinkan penyajian player untuk memutar suara.
o   Video. Memungkinkan player untuk memainkan film.

Secara prinsip, fitur pada HTML dapat dikelompokkan ke dalam :
o   Struktur halaman ;
o   Presentasi visual ;
o   Peranti penyaji gambar ;
o   Pendukung media ; dan
Peningkatan koneksi dengan JavaScript.

Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <contoh > adalah</contoh>. Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu.

Jadi misalnya elemen <contoh> bila ditulis dengan atributnya adalah sebagai berikut:
<contoh atribut1=”nilai_atribut1”atribut2=”nilai_atribut2=”…>.

Dalam penulisan tag HTML tidaklah case sensitive artinya pengguna huruf kecil ataupun capital tidaklah menjadi masalah.

1)    Pembuatan Tabel

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>.
Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table(table data).

   <table>
       <tr>
          <td>data baris 1 kolom 1</td>
          <td>data baris 1 kolom 2</td>
       </tr>
    </table>

Struktur elemen table adalah sebagai berikut:

  <table>
       <tr>
          <td>data baris 1 kolom 1</td>
          <td>data baris 1 kolom 2</td>
       </tr>
    </table>

Untuk mendifinisikan table heading atau judul tiap kolom menggunakan tag <th> ….. </th>

Atribut Elemen Tabel

  Width                   =panjang(lebar table, pixel atau persen)
  Height                 =panjang(tinggi table, pixel atau persen)
  Border                 =pixel(tebal garis tepi)
  Cellspacing         =pixel(spasi antar sel)
  Cellpadding         =pixel(spasi di dalam sel)
  Align                    =[left|center|right](perataan table)
  Bgcolor                =warna(warna latar belakang table)

Atribut Table Row

  Align        =[left|center|right](perataan sebaris sel secara horizontal)
  Valign      =[top|middle|bottom](perataaan sebaris sel secara vertical)
  Bgcolor    =warna(warna latar belakang baris)

Atribut Tabel Data

Align          =[left|center|right](perataan horizontal)
Width         =[top|middle|bottom](perataan vertical)
Height        =pixel(tinggi sel, pixel atau persen)
Bgcolor      =warna(warna latar belakang sel)

1) Pembuatan list Kombinasi
Perhatikan daftar berikut ini :

Daftar Menu
  1. Makanan
      •Bakso
      •Mie Ayam
      •Soto
  2. Minuman
      •Teh Panas
      •Jeruk Panas
      •Kopi

Dapat dilihat bahwa daftar di atas adalah gabungan daftar berurutan dan daftar tidak berurutan.
Untuk membuat daftar diatas pada dokumen HTML maka cukup menggabungkan <ol> dangan <ul>.

Perhatikan penggabungan <ol> dengan <ul> berikut ini :

<ol>
   <li></li>
   <li>
     <ul>
        <li></li>
        <li></li>
        <li></li>
     </ul>
  </li>
</ol>

Ketika kita menggabungkan tag tidak berurutan <ul> tipe bullet dengan tag tidak berurutan <ul> pada daftar berikutnya, maka daftar yang kedua oleh browser akan ditampilkan secara otomatis menjadi daftar bullet.
Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan sebelumnya.

Contoh :

<ul>
      <li> </li>
              <ol type=i>
                  <li > </li>
                  <li> </li>
             </ol>
      <li>
             <ol type=i>
                <li > </li>
               <li> </li>
             </ol>
      </li>
      <li>
      </li>
</ul>

Memulai dengan nomor tertentu
Untuk membuat daftar bernomor dengan urutan yang tidak dimulai dengan 1 (nomor/huruf awal), maka kita harus mendefinisikan dengan atribut “start” pada elemen tag <ol>.

Misalnya contoh berikut :

<ol start="17">
<li>Blok huruf dengan text tool</li>
<li>Klik tab karakter</li>
<li>Pilih jenis huruf pada menu pop-up .</li>
</ol>

Maka urutan daftar yang ditampilkan akan dimulai dengan 17, selanjutnya 18 dan 19.
Demikian juga apabila :

<ol type=”A” start="17">
<li>Blok huruf dengan text tool</li>
<li>Klik tab karakter</li>
<li>Pilih jenis huruf pada menu pop-up .</li>
</ol>

Maka urutan daftar yang ditampilkan akan dimulai dengan Q, selanjutnya R, dan S.

Penggunaan daftar bernomor yang tidak dimulai dengan nomor awal, biasanya diperlukan apabila daftar yang kita buat sudah diselingi beberapa paragraph, sehingga ketika dibuat daftar bernomor, secara default akan dimulai dari awal, padahal harusnya melanjutkan nomor sebelumnya. Maka digunakanlah atribut “start=” tersebut.

gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar dengan kualitas yang mirip aslinya, penentuan ukuran juga menjadi hal yang penting untuk diperhatikan. Maka dari itu perbandinganya harus sesuai dengan ukuran asli dari gambar tersebut. Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menetukan tinggi gambar dan WIDTH untuk menetukan lebar gambar.
Perhatikan contoh berikut ini.

<img src=”images/komputer.jpg” />

Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada dalam direktori images sesuai dengan ukuran asli (misal 500X375 pixel).
Untuk memperkecil gambar tersebut, kita tinggal memperkecil nilai-nilai tersebut,

misalnya

<img src=images/komputer.jpg” width=320” height=”230” />

SRC

Source atau src digunakan disini sama halnya untuk keperluan video dan audio, hanya saja pada <source> akan menggunakan 2 sumber dimana file tersebut memiliki isi yang sama tetapi format yang berbeda. Tujuannya disini adalah web browser akan memilih memutar yang mana  nantinya sesuai dengan format yang didukung oleh web browser tersebut .

Dapat dilihat pada potongan kode berikut :

<html>
<head>
<title>cek video</title>
</head>
<body>
<video width="320" height="240" controls>
  <source src="bola.mp4" type="video/mp4">
  <source src="bola.ogg" type="video/ogg">
<source src="bola.WebM " type="video/WebM">
browser anda tidak mendukung format video ini.
</video>
</body>
</html>

Ilustrasi tidak hanya berupa gambar, melainkan juga dapat berupa suara/musik dan berupa gerak.
Pementasan drama tidak hanya bergantung pada persoalan suara para pemain saja. Untuk kepentingan menciptakan suasana tertentu, sehingga imanjinasi penonton dapat berkembang secara maksimal diperlukan musik pengiring. Pemain juga dapat terbantu dengan adanya musik pengiring ini.

Musik pengiring, di dalam kegunaan pementasan drama dapat disebut dengan istilah ilustrasi musik. Peranan musik dalam pertunjukan drama sangatlah penting. Musik dapat menjadi bagian lakon, tetapi yang terbanyak adalah sebagai ilustrasi, baik sebagai pembuka seluruh lakon, pembuka adegan, memberi efek pada lakon, maupun sebagai penutup lakon. Tata suara berfungsi memberikan efek suara yang diperlukan lakon, seperti suara ketepak kaki kuda, tangis, bunyi tembakan, bunyi kereta api, mobil, burung berkicau dan sebagainya. Untuk memberikan efek tertentu, musik sering digabung dengan efek suara. Misalnya dalam memberi efek terkejut, panik, tegang, sedih, gembira meluap-luap, perkelahian, musik berbaur dengan sound effect sangat menghidupkan adegan. Musik disamping harus sering digunakan bersama sound effect, juga dengan komponen pentas yang lain.

Fungsi yang diharapkan dari tata musik dirumuskan sebagai berikut :

o   Memberikan ilustrasi yang memperindah. Karya drama merupakan karya seni. Maka perlu ada penghiasnya. Hiasan pada awal dapat memikat penonton, dan membawa ke arah perhatian pada pentas. Hiasan pada akhir lakon sekaligus mempersilahkan penonton pulang.
o   Memberikan latar belakang. Latar belakang ini dapat berarti latar belakang kebudayaan, latar belakang sosial, atau keagamaan. Dapat juga latar belakang karakter.
o   Memberikan warna psikologis. Untuk menggambarkan warna psikologis eran, musik sangatlah besar manfaatnya. Peran yang sedih, kacau, terkejut gembira, semua dapat diberikan tekanan dengan musik yang sesuai.
o   Memberi tekanan kepada nada dasar drama. Nada dasar drama harus dipahami oleh penonton. Dengan musik yang sesuai yang dapat mengungkap jiwa dari drama itu, penonton akan terhanyut ikut terlibat dalam suasana batin yang pokok dari drama tersebut.
o   Membantu dalam penanjakan lakon, penonjolan, dan progresi. Disamping itu juga membantu pemberian isi serta meningkatkan irama permainan.
o   Memberi tekanan pada keadaan yang mendesak.
o   Memberikan selingan.

Pemanfaatan ilustrasi musik di dalam suatu pementasan drama dapat dilakukan dengan cara yang beragam. Namun begitu, secara umum dapat dibagi atas dua bagian, yaitu musik langsung dan musik rekaman.Yang dimaksud dengan musik langsung yaitu musik yang dimainkan langsung pada saat pementasan. Mungkin peralatan musik yang dipergunakan adalah alat-alat musik modern (seperti organ, keyboard, dan lain-lain), tetapi bisa juga peralatan musik tradisional (seperti suling bambu, gendang, gamelan, dan lain-lain) atau alat musik apapun, bahkan peralatan apapun yang dapat dijadikan bunyi-bunyian untuk mengiringi pementasan.Sedangkan musik rekaman, yaitu musik yang telah direkam di atas pita kaset.

Pengaturan musik ini perlu dipersiapkan secara seksama. Seperti halnya pengaturan lampu, maka dalam musik inipun dibutuhkan penyusunan plot. Juru musik perlu mempelajari naskah, mencari musik yang cocok, merekam dalam pita kaset secara urut kemudian diberi kode. Untuk kaset yang memiliki nomor putaran, kode itu menggunakan nomor putaran itu. Pada naskah harus telah ada kode-kode tertentu. Sebab itu, juru musik harus selalu membawa naskah dan senantiasa mengikuti jalannya latihan. Seperti halnya penata lampu, juru musik ini sulit diganti secara mendadak. Karena harus menguasai jalannya pentas, kapan harus bereaksi dan kapan diam.

Gambar ilustrasi adalah suatu karya seni rupa dua dimensi, yang berupa gambar  tangan  (manual), ataupun gambar dari hasil olah digital (dari komputer, atau fotografi) atau kombinasi dari keduanya manual dan digital, baik hitam putih maupun berwarna yang mempunyai fungsi sebagai penerang/penghias untuk memperjelas atau memperkuat arti atau memperbesar pengaruh dari suatu teks atau naskah/cerita yang menyertainya.

Gambar ilustrasi ada beberapa jenis yaitu ilustrasi untuk cerita, ilustrasi untuk ilmu pengetahuan, dan ilustrasi untuk sampul buku. Ilustrasi untuk cerita dimaksudkan sebagai penjelasan secara visual tentang isi suatu cerita dan dapat diklasifikasikan menjadi beberapa jenis yaitu ilustrasi cerita pendek, ilustrasi cerita komik dan ilustrasi cerita fiksi atau khayalan. Untuk mengambar ilustrasi cerita novel dan cerita pendek, illustrator harus mampu mengambil bagian yang menarik dan dapat mewakili cerita keseluruhan untuk dilustrasikan.

Ilustrasi untuk ilmu pengetahuan dimaksudkan untuk memberikan gambaran secara visual tentang suatu bentuk atau suatu proses kejadian, seperti pertumbuhan mahluk dan proses produksi. Bagian yang diilustrasikan tentu bagian yang sulit dibayangkan, sehingga dengan visualisasi orang akan dapat lebih mudah memahami.

Ilustrasi sampul buku berfungsi memberikan gambaran visual tentang isi dalam buku itu. Biasanya ilustrasi yang ditampilkan adalah bagian yang paling menarik dari isi buku tersebut sehingga orang tertarik untuk melihat dan membacanya.

Ada beberapa langkah dalam membuat gambar ilustrasi, yaitu :

1)    Gagasan
Gagasan bersumber dari bahan yang akan diilustrsikan. Setelah ada gagasan, tentukanlah adegan apa yang akan digambar, siapa saja tokohnya, bagaimana suasananya, tentukan pula corak gambar dan media yang akan kamu gunakan.

2)    Sketsa
Proses menggambar yang paling awal adalah mengsket atau membuat rancangan gambar (sketsa) dengan menggunakan pensil warna atau langsung menggunakan media yang akan dipakai.
Gagasan yang ada dituangkan bersamaan dengan proses mensket. Rencanakan gambar baik-baik. Buatlah coretan kira-kira bagaimana tata letak objek yang digambar dan bagaimana gerak yang terjadi. Satukan semua unsur gambar yang direncanakan. Beri detail sehingga gambar lebih sempurna. Beri gambar sesuai corak yang telah ditentukan. Setiap unsur harus bercorak sama agar tak terkesan seperti kolase.

3)    Pewarnaan
Setelah sket di anggap selesai, kita dapat mewarnai. Pewarnaan dalam menggambar ekspresi dapat  dilaksanakan dengan dua corak, yaitu corak realis da corak bukan realis (ekspresionisme, impresionisme, abstrakisme, dan lain-lain).

Pewarnaan corak realis harus sesuai dengan keadaan nyata. Sedangkan pewarnaan corak bukan realis lebih bebas atau tidak terikat oleh warna aslinya.

Ilustrasi digital adalah ilmu yang mempelajari tentang bagaimana mengesplorasikan kemampuan kreatif program komputer untuk membuat seni visual berupa ilustrasi  dan memperbaiki ilustrasi. Sebelum mempelajari program aplikasi komputer ini, kita perlu mengenal jenis gambar digital yang akan diolah. Ada dua macam gambar dapat dihasilkan proses digital, yaitu gambar  vektor dan gambar bitmap. Masing masing mempunyai karakteristik dan manfaat yang berbeda.

Gambar vektor adalah gambar yang tidak tergantung pada resolusi. Gambar jenis ini tidak akan mengalami perubahan pada saat dibesarkan atau dikecilkan. Gambar vektor merupakan hasil garis, kurva dan bidang. Setiap unsur memiliki fill dan stroke yang dapat diedit sesuai kreasi. Program komputer yang  digunakan antara lain corel Draw, adobe Illustrator dan Macromedia  Freehand.

Gambar bitmap adalah gambar yang dibentuk oleh sekumpulan titik yang disebut pixel (picture element). Titik-titik akan terlihat sebagai sebuah gambar utuh bila kita melihatnya dari jauh. Bila kita melihat gambar tersebut dari dekat atau membesarkannya maka akan muncul sederetan kotak yang berhimpitan. Banyaknya titik akan berpengaruh pada tingkat kejelasan gambar yang sering disebut dengan resolusi.

Pembuatan ilustrasi digital juga dapat menggunakan foto, baik yang diedit terlebih dahulu menggunakan program komputer, maupun langsung digunakan tanpa melalui proses editing. Untuk pembuatan ilustrasi menggunakan foto tanpa melalui proses editing, diperlukan pengaturan lingkungan untuk pembuatan foto tersebut, sehingga hasilnya sesuai dengan yang diinginkan.

Gambar ilustrasi manual dan digital adalah gambar ilustrasi yang dibuat dengan cara memadukan antara teknik manual dan digital. Berikut ini beberapa tahapan untuk membuat gambar ilustrasi manual dan digital.

1)      Membuat Sketsa

Dalam pembuatan ilustrasi, langkah awal yang harus dilakukan adalah membuat sketsa pada kertas putih, sesuai dengan konsep dan ide yang akandivisualisasikan. Sketsa dapat dibuat dengan menggunakan pensil, spidol, atau alatgambar lain yang dapat memunculkan warna. Setelah sketsa manual selesai dibuat langkah selanjutnya adalah discan dan disimpan kedalam hardisk komputer.

2)      Menampilkan Sketsa Pada Komputer

Untuk memudahkan pekerjaan menggambar dengan komputer, sketsa yang sudahdiscan ditampilkan pada layar monitor untuk dijadikan pola gambar.

3)      Menggambar digital dengan aplikasi pengolah gambar (macromedia flash, corel draw)

Setelah gambar sketsa ada dilayar monitor, maka pembuatan sketsa digital dapatdimulai. Untuk yang sudah mahir dengan program corel draw maka gambar sketsamanual bisa dijadikan acuan. Untuk yang belum mahir maka gambar sketsa manualbisa dijadikan pola pembuatan sketsa digital.

4)      Mewarna Ilustrasi

Setelah sketsa selesai dibuat menggunakan aplikasi komputer, selanjutnya adalah mewarnai gambar tersebut.

5)      Membuat Detail Ilustrasi

Agar ilustrasi yang kita buat lebih sempurna maka kita perlu mengolah lagibagian demi bagian dari ilustrasi yang sudah diwarna.

Warna (Color)

Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk bentuk visual secara jelas. Dalam prakteknya warna dibedakan menjadi dua: yaitu warna yang ditimbulkan karena sinar (Additive color/RGB) yang biasanya digunakan pada warna lampu, monitor, TV dan sebagainya, dan warna yang dibuat dengan unsur-unsur tinta atau cat (Substractive color/CMYK) yang biasanya digunakan dalam proses pencetakan gambar ke permukaan benda padat seperti kertas, logam, kain atau plastik.

Ukuran (Size)

Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu obyek. Dengan menggunakan unsur ini Anda dapat menciptakan kontras dan penekanan (emphasis) pada obyek desain anda sehingga orang akan tahu mana yang akan dilihat atau dibaca terlebih dahulu.
Setiap bentuk tentu memiliki ukuran, besar kecil, panjang pendek, tinggi rendah. Ukuran-ukuran ini bukan dimaksudkan dalam besaran sentimeter atau meter, tetapi ukuran yang bersifat nisbi. Nisbi artinya ukuran-ukuran tersebut tidak memiliki nilai mutlak, tetapi bersifat relatif atau tergantung pada area dimana bentuk tersebut berada. Suatu bentuk dikatakan besar manakala diletakkan pada area sempit, dan bentuk dengan ukuran yang sama dikatakan kecil manakala diletakkan pada area luas.

Ukuran dapat mempengaruhi bentuk ruang. Ukuran kecil tampak berada di belakang/jauh dan ukuran besar seolah berada di depan/dekat, sehingga unsur ukuran dapat membantu membentuk ruang maya. Bentuk dengan ukuran besar terasa menguasai ruang, tetapi ukuran besar yang terpotong bingkai akan kehilangan bentuknya dan tidak menguasai ruang lagi. Bentuk dengan ukuran kecil terasa tertelan ruang, tetapi makin kecil dan menyendiri, atau kecil diantara ukuran-ukuran besar justru akan menarik perhatian dan menciptakan dominasi.

Ruang (Space)

Ruang merupakan jarak antara suatu bentuk dengan bentuk lainnya yang pada praktek desain dapat dijadikan unsur untuk memberi efek estetika desain. Sebagai contoh, tanpa ruang Anda tidak akan tahu mana kata dan mana kalimat atau paragraf. Tanpa ruang Anda tidak tahu mana yang harus dilihat terlebih dahulu, kapan harus membaca dan kapan harus berhenti sebentar. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background).

Tekstur (Texture)
Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, baju, kulit kayu, dan lain sebagainya.
Secara sederhana tekstur dapat dikelompokkan ke dalam tekstur kasar nyata, tekstur kasar semu dan tekstur halus.

o   Tekstur kasar nyata
Tekstur kasar nyata memiliki peran penting dalam desain, yaitu :
ü  Membantu memperoleh keindahan, karena dengan permukaan yang kasar akan lebih mudah untuk memperoleh keselarasan/harmoni.
ü  Sebagai dominasi atau daya tarik manakala sebagian susunan menggunakan tekstur halus
ü  Membantu memperoleh keindahan berpadu dengan kekuatan. Suatu permukaan dengan tekstur halus dapat dengan mudah digulung atau dilipat. Namun jika permukaan tersebut dilukai atau diberi lipatan-lipatan sehingga memiliki tekstur kasar, maka akan sulit digulung atau dilipat.

o   Tekstur kasar semu
Tekstur kasar semu adalah tekstur yang kekasarannya bersifat semu, artinya terlihat kasar tetapi jika diraba halus. Terdapat tiga macam tekstur semu :
ü  Tekstur hias manual, yaitu tekstur yang menghiasi permukaan yang dibuat secara manual. Contohnya : goresan silang-silang, goresan dengan spon/kapas.
ü  Tekstur mekanik, yaitu tekstur yang dibuat dengan alat mekanik seperti mistar, jangka, alat foto. Contohnya : hasil celup kain batik, tempelan-tempelan kertas
ü  Tekstur ekspresi, yaitu tekstur yang merupakan bagian dari proses penciptaan seni rupa, dimana bentuk dan tekstur merupakan kesatuan yang tak dapat dipisahkan.

o   Tekstur halus
Tekstur halus adalah tekstur yang dilihat halus, dirabapun halus. Tekstur halus biasanya licin, kusam atau mengkilat

Bentuk (Shape)
Bentuk dalam pengertian bahasa, dapat berarti bangun (shape) atau bentuk plastis (form). Bangun (shape) ialah bentuk benda yang polos, seperti yang terlihat oleh mata, sekedar untuk menyebut sifatnya yang bulat, persegi, ornamental, tak teratur dan sebagainya. Sedang bentuk plastis ialah bentuk benda yang terlihat dan terasa karena adanya unsur nilai (value) dari benda tersebut, contohnya lemari. Lemari hadir di dalam suatu ruangan bukan hanya sekedar kotak persegi empat, akan tetapi mempunyai nilai dan peran yang lainnya.
Jenis bentuk:
ü  Bentuk organik, yaitu bentuk pada karya seni rupa yang mengingatkan pada bentuk mahluk hidup, seperti manusia, binatang dan tumbuh-tumbuhan.
ü  Bentuk dwi-matra, yaitu bentuk pada karya seni rupa yang terbatas pada bidang, bentuk yang mempunyai ukuran panjang dan lebar, seperti bentuk pada gambar dan lukisan.
ü  Bentuk tri-matra, yaitu bentuk pada karya seni rupa yang memiliki ukuran panjang, lebar dan tinggi, seperti bentuk patung dan bangunan
ü  Bentuk diam dan bergerak (statis dan kinetis) seperti pada patung, mobil dsb.
ü  Bentuk berirama (ritmis) seperti pada bangunan, patung dsb.
ü  Bentuk agung dan abadi (monumental) seperti pada bangunan dan patung.
Sementara pada kategori sifatnya, bentuk dapat dikategorikan menjadi tiga, yaitu:
o   Huruf (Character) : yang direpresentasikan dalam bentuk visual yang dapat digunakan untuk membentuk tulisan sebagai wakil dari bahasa verbal dengan bentuk visual langsung, seperti A, B, C, dsb.
o   Simbol (Symbol) : yang direpresentasikan dalam bentuk visual yang mewakili bentuk benda secara sederhana dan dapat dipahami secara umum sebagai simbol atau lambang untuk menggambarkan suatu bentuk benda nyata, misalnya gambar orang, bintang, matahari dalam bentuk sederhana (simbol), bukan dalam bentuk nyata (dengan detail).
o   Bentuk Nyata (Form) : bentuk ini betul-betul mencerminkan kondisi fisik dari suatu obyek. Seperti gambar manusia secara detil, hewan atau benda lainnya.

1. Keluarga Microsoft Windows
Sistem operasi meliputi antara lain
ialah Windows Desktop Environment berbasis MS-DOS (versi 1.x hingga
versi 3.x), berbasis GUI Windows 9x (Windows 95, 98, dan Windows
ME). Sistem operasi berbasis Windows NT seperti Windows NT 3.x,
Windows NT 4.0, Windows 2000, Windows XP, Windows Server 2003,
windows server 2008, windows server 2008 R2, Windows Home Server
Windows Vista, Windows 7 (Seven) yang dirilis pada tahun 2009,
Windows 8 yang dirilis pada Oktober 2012 dan Windows Orient yang
akan dirilis pada tahun 2014. Keluarga Windows CE seperti windows
CE 1.0-CE 6.0 dan Windows Mobile.

2. Keluarga Unix
Sistem operasi ini menggunakan antarmuka sistem
operasi POSIX, seperti SCO UNIX, keluarga BSD (Berkeley Software
Distribution), GNU/Linux, debian, red hat, SUSE, Ubuntu, Zeath OS
(berbasis kernel linux yang dimodifikasi.). MacOS/X (berbasis kernel
BSD yang dimodifikasi, dan dikenal dengan nama Darwin) dan GNU/
Hurd. Sistem operasi keluarga unix lainnya seperti AIX, Amiga
OS, DragonFly BSD, Free BSD, GNU, HP-UX, IRIX,Linux, LynxOS,
MINIX, NetBSD, OpenBSD, OS X, Plan 9, QNX, Research UNIX, SCO
OpenServer, Solaris, UNIX System V, Tru64 UNIX, UnixWare,

3. Keluaraga Mac OS
Sistem operasi ini dikeluarkan oleh industri komputer Apple yang disebut Mac atau Macintosh. Sistem operasi ini
antara lain ialah Public Beta (Kodiak), Mac OS X 10.0 (Cheetah), Mac
OS X 10.1 (Puma), Mac OS X 10.2 (Jaguar), Mac OS X 10.3 (Panther),
Mac OS X 10.4 (Tiger), Mac OS X 10.5 (Leopard), Mac OS X 10.6
(Snow Leopard), Mac OS X 10.7 (Lion), Mac OS X 10.8 (Mountain Lion).
Berbasis Server : OpenStep, Raphsody, Mac OS X Server 1.0, berbasis
Mobile: iOS. Awal tahun 2007 dikeluarkan versi 10.5 (Leopard). Tahun
2011 diluncurkan versi 10.7 (lion). Sistem tersebut menggunakan
interface TEXT (DOS, POSIX, LINUX), dan GUI (Graphical User
Interface) seperti MS Windows dan LINUX (berbasis TEXT dan berbasis
GUI).

1. Keluarga Microsoft Windows
Sistem operasi meliputi antara lain
ialah Windows Desktop Environment berbasis MS-DOS (versi 1.x hingga
versi 3.x), berbasis GUI Windows 9x (Windows 95, 98, dan Windows
ME). Sistem operasi berbasis Windows NT seperti Windows NT 3.x,
Windows NT 4.0, Windows 2000, Windows XP, Windows Server 2003,
windows server 2008, windows server 2008 R2, Windows Home Server
Windows Vista, Windows 7 (Seven) yang dirilis pada tahun 2009,
Windows 8 yang dirilis pada Oktober 2012 dan Windows Orient yang
akan dirilis pada tahun 2014. Keluarga Windows CE seperti windows
CE 1.0-CE 6.0 dan Windows Mobile.

2. Keluarga Unix
Sistem operasi ini menggunakan antarmuka sistem
operasi POSIX, seperti SCO UNIX, keluarga BSD (Berkeley Software
Distribution), GNU/Linux, debian, red hat, SUSE, Ubuntu, Zeath OS
(berbasis kernel linux yang dimodifikasi.). MacOS/X (berbasis kernel
BSD yang dimodifikasi, dan dikenal dengan nama Darwin) dan GNU/
Hurd. Sistem operasi keluarga unix lainnya seperti AIX, Amiga
OS, DragonFly BSD, Free BSD, GNU, HP-UX, IRIX,Linux, LynxOS,
MINIX, NetBSD, OpenBSD, OS X, Plan 9, QNX, Research UNIX, SCO
OpenServer, Solaris, UNIX System V, Tru64 UNIX, UnixWare,

3. Keluaraga Mac OS
Sistem operasi ini dikeluarkan oleh industri komputer Apple yang disebut Mac atau Macintosh. Sistem operasi ini
antara lain ialah Public Beta (Kodiak), Mac OS X 10.0 (Cheetah), Mac
OS X 10.1 (Puma), Mac OS X 10.2 (Jaguar), Mac OS X 10.3 (Panther),
Mac OS X 10.4 (Tiger), Mac OS X 10.5 (Leopard), Mac OS X 10.6
(Snow Leopard), Mac OS X 10.7 (Lion), Mac OS X 10.8 (Mountain Lion).
Berbasis Server : OpenStep, Raphsody, Mac OS X Server 1.0, berbasis
Mobile: iOS. Awal tahun 2007 dikeluarkan versi 10.5 (Leopard). Tahun
2011 diluncurkan versi 10.7 (lion). Sistem tersebut menggunakan
interface TEXT (DOS, POSIX, LINUX), dan GUI (Graphical User
Interface) seperti MS Windows dan LINUX (berbasis TEXT dan berbasis
GUI).

Sistem operasi adalah salah satu mata pelajaran wajib dasar program keahlian Teknik Komputer dan Informatika (TKI). Berdasarkan struktur kurikulum mata pelajaran sistem operasi disampaikan di kelas X semester 1 dan semester dua masing-masing 3 jam pelajaran. Untuk semester 1 topik materi pembelajaran menekankan pada pemanfaatan sistem operasi closed source dalam hal ini adalah sistem operasi keluarga windows. Sedangkan untuk semester 2 topik materi pembelajaran menekankan pada pemenfaatan sistem operasi open source dalam hal ini sistem operasi keluarga unik.

Dalam sistem komputer sistem operasi merupakan salah satu komponen perangkat lunak komputer. Sistem Operasi merupakan perangkat lunak lapisan pertama yang diletakkan pada media penyimpan (hard disk) di komputer. Sistem Operasi akan melakukan layanan inti umum untuk perangkat lunak aplikasi. Sistem operasi akan mengelola semua aktifitas komputer yang berkaitan dengan pengaksesan perangkat keras, pengelolaan proses seperti penjadwalan proses, dan pengelolaan aplikasi.

Sistem operasi mempunyai peranan yang sangat penting. Secanggih apapun perangkat keras komputer jika tidak didukung sistem operasi maka sistem komputer tersebut tidak akan ada manfaatnya

topologi jaringan komputer adalah suatu cara atau konsep untuk menghubungkan beberapa atau banyak komputer sekaligus menjadi suatu jaringan yang saling terkoneksi. Dan setiap macam topologi jaringan komputer akan berbeda dari segi kecepatan pengiriman data, biaya pembuatan, serta kemudahan dalam proses maintenance nya.

Dan juga setiap jenis topologi jaringan komputer memiliki kelebihan serta kekurangannya masing-masing. ada banyak macam topologi seperti topologi ring, star, bus, mesh, dan tree yang akan dibahas di blog belajar komputer ini.

Contoh 5 perangkat keras jaringan dan penjelasannya

- Modem (Modulator Demodulator) merupakan perangkat yang menghubungkan kita ke internet. Perangkat ini berfungsi mengubah sinyal Analog menjadi sinyal Digital.

- Kabel jaringan merupakan peralatan yang berfungsi sebagai media penghubung antara komputer dengan komputer atau komputer dengan perangkat jaringan lainnya. Berikut adalah jenis-jenis kabel yang digunakan dalam jaringan komputer.

- Konektor adalah alat yang menghubungkan kabel dengan network adapter. Coba bayangkan apabila tidak ada konektor, dengan cara bagaimana kabel-kabel jaringan dapat terhubung dengan network adapter atau NIC.

- Hub adalah sebuah perangkat yang digunakan untuk menyatukan kabel-kabel network dari tiap workstation, server atau perangkat lain.

- Repeater berfungsi untuk memperkuat sinyal dengan cara menerima sinyal dari suatu segmen jaringan lalu memancarkan kembali dengan kekuatan yang sama dengan sinyal asli pada segmen kabel yang lain.

5 benda diatas merupakan perangkat keras jaringan dan penjelasannya

berikut ini perbedaan dua kabel ini terdapat pada ciri – ciri nya :

1. KABEL COAXIAL
kabel coaxial mempunyai ciri :                               
PELINDUNG INTERFERENSI : ada                 
MAKS. BANDWITH : 10 Mbps                            
MAKS. KABEL : 500 meter                              
SOKET : BNC (Bayonet Naval Conector)             
BIAYA : murah dibanding UTP                           
TOPOLOGI FISIK : Bus                                       

INSTALLASI : sederhana

sedangkan kabel UTP

2.KABEL UTP mempunyai ciri :

-  PELINDUNG INTERFENSI : tidak ada
-  MAKS. BANDWITH : 100 Mbps
- MAKS. KABEL : 100 meter
- SOKET : RJ – 45 (RJ = registered jack)
- BIAYA : mahal
-  TOPOLOGI FISIK : Star, extended star,tree
- INSTALASI : sederhana

dan itulah perbedaan yang terdapat di antara kabel UTP dan kabel COAXIAL

fungsi Hub dalam jaringan

fungsi Hub dalam jaringan adalah :

Hub adalah sebuah perangkat yang digunakan untuk menyatukan kabel-kabel network dari tiap workstation, server atau perangkat lain. Biasanya perangkat keras jaringan ini digunakan untuk membangun topologi bintang, kabel twisted pair datang dari sebuah workstation masuk kedalam hub.

jadi itulah fungsi hub dalam jaringan

Apa saja yang dibutuhkan dalam membangun sebuah jaringan komputer ?

- Komputer, kalau ingin membangun jaringan sederhara cukup disediakan PC atau Laptop minimal 2 unit.

- Netword Interface Card (NIC) / Lancard, Suatu perangkat antar muka untuk menghubungkan satu computer dengan computer lain.

- Kabel / wirelless, pastilah menggunakan kabel untuk menghubungkan beberapa computer, ada beberapa macam kabel yang biasa digunakan yaitu, UTP (Unshielded Twisted-Pair), Coaxial, Fiber Optic.

- Konektor, untuk membangun jaringan tanpa kabel diperlukan konektor untuk memasangkan pada NIC diantaranya ada konektor RJ 45, BNC.

- Switch atau Hub, perangkat yang digunakan sebagai terminal penghubung dari beberapa komputer.

Berikut beberapa alat pendukung :
- Crimpting, alat untuk memasangkan konektor baik RJ11, RJ45, BNC
- Kabel Tester, alat untuk menguji koneksi kabel setelah dipasang konektor
- Tang Pemotong, alat untuk mengupas, memotong, dan merapihkan kabel

Etimologi Multimedia

Multimedia berasal dari dua kata dalam bahasa Latin, yaitu multi dan medium. Multi berarti bermacam-macam, banyak. Medium berarti sesuatu yang dipakai untuk menyampaikan atau membawa sesuatu.

Secara terminologi (menurut istilah) multimedia dapat diartikan sebagai penggunaan berbagai media yang berbeda untuk membawa atau menyampaikan informasi dalam bentuk teks, grafik, animasi, audio, video dan atau gabungan dari beberapa komponen tersebut.
Beberapa definisi menurut para ahli :
a.    Kombinasi dari komputer dan video (Rosch, 1996)

b.    Kombinasi dari tiga elemen : suara, gambar dan teks (McComick, 1996)
c
.    Kombinasi dari paling sedikit dua media input dan output. Media ini dapat berupa audio (suara, musik), animasi, video, teks, grafik dan gambar (Turban dan kawan-kawan, 2001)

d.    Multimedia dalam konteks komputer Hofstetter, 2001 adalah:
Pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, video, dengan menggunakan tool yang memungkinkan pemakai berinteraksi, berkreasi dan berkomunikasi.

Dari beberapa definisi diatas, dapat disimpulkan multimedia adalah penggunaan beberapa media untuk membawa, menyajikan dan mempresentasikan informasi dalam rupa teks, grafik, animasi, audio, video secara kreatif dan inovatif. Multimedia juga dapat memungkinkan terjalinnya hubungan interaktif antara penyaji dengan pemanfaat informasi yang ada di dalamnya.
Multimedia dapat dibagi menjadi dua kategori yaitu multimedia content production dan multimedia communication

a)    Multimedia content production
Multimedia adalah penggunaan dan pemrosesan beberapa media (text, audio, graphics, animation, video, and interactivity) yang berbeda untuk menyampaikan informasi atau menghasilkan produk multimedia (musik, video, film, game, entertaiment, dan lain-lain) Atau penggunaan sejumlah teknologi yang berbeda yang memungkinkan untuk menggabungkan media (text, audio, graphics, animation, video, and interactivity) dengan cara yang baru untuk tujuan komunikasi.

Dalam kategori ini media yang digunakan adalah :
o   Media Teks
o   Media Audio
o   Media Video
o   Media Animasi
o   Media Graph / Image
o   Media Interactivity
o   Media Special Effect

b)    Multimedia communication
Multimedia adalah menggunakan media (masa), seperti televisi, radio, cetak, dan Internet, untuk mempublikasikan/menyiarkan/mengkomunikasikan material advertising, public-city, entertaiment, news, education, dan lain-lain.

Dalam kategori ini media yang digunakan adalah
o   TV
o   Radio
o   Film
o   Cetak
o   Musik
o   Game
o   Entertaiment
o   Tutorial
o   ICT (Internet)

Komponen multimedia berupa teks, grafik, audio, video, animasi

a) Teks
Tampilan dalam bentuk teks atau yang lebih dikenal dengan istilah tipografi merupakan elemen yang cukup penting dalam pembuatan multimedia. Sebagian besar multimedia menggunakan teks karena sangat efektif untuk menyampaikan ide dan panduan kepada pengguna. Teks merupakan bentuk data multimedia yang paling mudah disimpan dan dikenali, serta file teks mempunyai struktur yang sederhana. Teks biasanya mengacu pada kata, kalimat, alinea, segala sesuatu yang tertulis atau ditayangkan.

b) Grafik (Gambar)
Grafik atau gambar merupakan sarana pembentukan informasi yang lebih mudah untuk dipahami. Gambar juga merupakan salah satu komponen penting dalam multimedia karena dapat meringkas dan menyajikan data kompleks serta mampu menyampaikan banyak kata. Gambar dalam publikasi multimedia lebih menarik perhatian dan dapat mengurangi kebosanan dibandingkan dengan teks, sebab manusia selalu berorientasi terhadap visual.

c) Audio
Teknologi audio juga berperan penting dalam penyampaian informasi, tanpa adanya audio dalam sebuah multimedia maka hasilnya tidak lengkap. Suara atau audio di dalam multimedia biasanya berupa suara musik, suara dari voice record dan efek–efek suara lain.

d) Video
Video adalah gambar–gambar yang saling berurutan sehingga menimbulkan efek gerak. Pembuatan video dalam tampilan multimedia bertujuan untuk membuat tampilan yang dihasilkan lebih menarik.

e) Animasi

Animasi merupakan kumpulan gambar yang ditampilkan secara bergantian dan berurutan sehingga terlihat bergerak dan hidup. Pergerakan animasi akan lebih mudah dimengerti daripada objek atau gambar diam. Selain itu, animasi lebih menarik dan mudah dimengerti daripada hanya sekedar gambar karena lebih komunikatif dalam menyampaikan suatu tujuan.

Penerapan multimedia dalam kehidupan sehari-hari manusia, yaitu dalam :

1)    Bisnis
Aplikasi multimedia dalam bisnis meliputi presentasi, pengajaran, pemasaran, periklanan, demo produk, database, catalog, instant message dan komunikasi jaringan. Tidak ketinggalan video conference, yang memungkinkan adanya tatap muka tanpa harus berada didalam suatu tempat yang sama. Dengan adanya aplikasi multimedia inilah, perusahaan - perusahaan dapat menjalani bisnisnya lebih lancar.

2)    Pendidikan
Aplikasi multimedia dalam bidang ini mengubah proses belajar mengajar yang konvensional menjadi lebih menarik dan interaktif, sehingga proses belajar mengajar tidak terlalu monoton seperti selama  ini yang dilakukan disekolah-sekolah pada umumnya. Contohnya seperti aplikasi multimedia untuk meningkatkan kemampuan membaca pada anak-anak. Aplikasi tersebut dapat disisipkan animasi-animasi yang tentunya menarik bagi anak-anak sehingga dapat membantu meningkatkan minat mereka dalam membaca maupun belajar hal lainnya.

3)    Rumah
Aplikasi multimedia dalam rumah sangat beranekaragam. Contohnya komputer yang menggunakan CD-ROM atau DVD-ROM sebagai alat penyalur multimedia. Terdapat juga mesin-mesin permainan yang
menggunakan televisi sebagai penyalur multimedia, seperti : Sega, Nintendo, playstation, x-box, dan sebagainya dimana semua permainannya menggunakan elemen-elemen multimedia.

4)    Tempat umum
Aplikasi multimedia di tempat-tempat umum dapat berupa kios informasi seperti yang terdapat pada hotel-hotel, pusat perbelanjaan, museum, pusat hiburan dan sebagainya. Aplikasi-aplikasi tersebut dapat berguna untuk memberikan informasi-informasi dan bantuan mengenai tempat yang bersangkutan. Misalnya kios informasi pada pusat hiburan yang memberikan letak-letak suatu toko atau sarana hiburan yang terdapat didalam cakupan wilayah kios informasi tersebut.

Alat multimedia saat ini tidak hanya menggunakan komputer saja. Alat komunikasi seperti HP pun sudah menjadi sebuah perangkat multimedia yang semakin canggih. Dengan menggunakan HP yang terbaru kita bisa menggunakan fasilitas teleconference, menonton TV, mengakses internet dan berbagai fasilitas wireless (koneksi tanpa kabel) lainnya.

Selain HP atau ponsel, kamera digital saat ini juga sudah berfungsi sebagai perangkat multimedia yang dapat menyajikan suara, teks, animasi walaupun belum dapat mengakses internet.

Secara umum, perangkat multimedia dikelompokkan menjadi dua, yaitu perangkat keras dan perangkat lunak.Hardware yang diperlukan untuk komputer multimedia tergantung kepada pilihan pribadi, anggaran biaya, jenis material dan isi dari proyek multimedia.

Produk multimedia

Multimedia adalah media yang menggabungkan dua unsur atau lebih media yang terdiri dari teks, grafik, gambar, foto, audio, dan animasi secara terintegrasi. Multimedia terbagi menjadi dua kategori, yaitu: multimedia linear dan multimedia interaktif.

Multimedia linear
Multimedia linear dimulai dari satu posisi awal menuju ke suatu posisi akhir dengan sedikit atau tanpa interferensi pemakai.

Misalnya televisi, film, majalah, koran. Pemakai hanya menjadi penonton dan menikmati produk multimedia yang disajikan dari awal hingga akhir.

Ciri-ciri dari multimedia linear :
- Sederhana
- Bersifat logical
- Ideal untuk produk yang kecil
- Multimedia interaktif
- Multimedia interaktif adalah integrasi digital antara text, graphics, animasi, audio, gambar tak bergerak (still images) dan bergerak (motion video) dimana disediakan kontrol terhadap konten dan interaksi tingkat tinggi bagi pemakai individu dan aplikasi multimedia.

Misalnya game, multimedia pembelajaran, website. Pengguna dapat mengontrol apa dan kapan elemen-elemen multimedia akan dikirimkan atau ditampilkan.

Ciri-ciri dari multimedia interaktif :
Bersifat non-linear
Ada unsur interaktif didalamnya
Pengguna menentukan apa, kapan dan bagaimana konten ditampilkan

Multimedia interaktif terbagi menjadi dua, yaitu :
Hierarchycal, pemakai memiliki pilihan, tetapi topik-topik dapat dibagi menjadi subtopik yang lebih spesifik.

Non-linear, memungkinkan pemakai untuk bebas bergerak untuk melihat isi materi dengan cara berinteraksi. Tidak ada hierarchy yang dipaksakan, pemakai dapat bergerak bebas ke materi manapun.

Untuk membuat multimedia interaktif diperlukan konsep dasar media yang akan dibuat (meliputi materi dan pesan yang ingin disampaikan), layout atau desain dan sistem navigasi (mapping).
Sebagai contoh akan dibuat sebuah multimedia interaktif tentang sebuah studio foto bernama SMK Foto.

Multimedia interaktif ini nantinya digunakan sebagai media promosi, sehingga selain informasi terkait dengan penjelasan tentang studio foto SMK Foto, juga ditampilkan produk-produk layanan yang diberikan dan contoh portfolio yang pernah dikerjakan. Dengan konsep sederhana diatas dapat dibuat sistem navigasi (mapping).

Produk multimedia

Multimedia adalah media yang menggabungkan dua unsur atau lebih media yang terdiri dari teks, grafik, gambar, foto, audio, dan animasi secara terintegrasi. Multimedia terbagi menjadi dua kategori, yaitu: multimedia linear dan multimedia interaktif.

Multimedia linear
Multimedia linear dimulai dari satu posisi awal menuju ke suatu posisi akhir dengan sedikit atau tanpa interferensi pemakai.

Misalnya televisi, film, majalah, koran. Pemakai hanya menjadi penonton dan menikmati produk multimedia yang disajikan dari awal hingga akhir.

Ciri-ciri dari multimedia linear :
- Sederhana
- Bersifat logical
- Ideal untuk produk yang kecil
- Multimedia interaktif
- Multimedia interaktif adalah integrasi digital antara text, graphics, animasi, audio, gambar tak bergerak (still images) dan bergerak (motion video) dimana disediakan kontrol terhadap konten dan interaksi tingkat tinggi bagi pemakai individu dan aplikasi multimedia.

Misalnya game, multimedia pembelajaran, website. Pengguna dapat mengontrol apa dan kapan elemen-elemen multimedia akan dikirimkan atau ditampilkan.

Ciri-ciri dari multimedia interaktif :
Bersifat non-linear
Ada unsur interaktif didalamnya
Pengguna menentukan apa, kapan dan bagaimana konten ditampilkan

Multimedia interaktif terbagi menjadi dua, yaitu :
Hierarchycal, pemakai memiliki pilihan, tetapi topik-topik dapat dibagi menjadi subtopik yang lebih spesifik.

Non-linear, memungkinkan pemakai untuk bebas bergerak untuk melihat isi materi dengan cara berinteraksi. Tidak ada hierarchy yang dipaksakan, pemakai dapat bergerak bebas ke materi manapun.

Untuk membuat multimedia interaktif diperlukan konsep dasar media yang akan dibuat (meliputi materi dan pesan yang ingin disampaikan), layout atau desain dan sistem navigasi (mapping).
Sebagai contoh akan dibuat sebuah multimedia interaktif tentang sebuah studio foto bernama SMK Foto.

Multimedia interaktif ini nantinya digunakan sebagai media promosi, sehingga selain informasi terkait dengan penjelasan tentang studio foto SMK Foto, juga ditampilkan produk-produk layanan yang diberikan dan contoh portfolio yang pernah dikerjakan. Dengan konsep sederhana diatas dapat dibuat sistem navigasi (mapping).

Pasca produksi adalah proses penyelesaian akhir (finishing) dari sebuah rangkaian produksi (syuting) yang meliputi mengeditan gambar, penambahan title, grafik, animasi, special effects, musik, soundeffects, audio dubing, dan output ke media video seperti: Betacam, DVCAM, MiniDV dan CD/DVD.

Secara sederhana, proses editing merupakan usaha merapikan dan membuat sebuah tayangan film menjadi lebih berguna dan enak ditonton. Dalam kegiatan ini seorang editor akan merekonstruksi potongan-potongan gambar yang diambil oleh juru kamera.

Adapun tujuan dari editing adalah:
Menciptakan kesinambungan gambar dan suara agar berjalan dengan wajar dan logis.
Menciptakan dinamika gambar melalui susunan gambar dan suara sehingga tidak timbul suatu kebosanan.

Merangkai penggugah emosi penonton.
Pihak yang sangat berperan dalam proses editing adalah editor. Adapun tugas editor antara lain sebagai berikut:
Menganalisis skenario bersama sutradara dan juru kamera mengenai kontruksi dramatinya.

Melakukan pemilihan shot yang terpakai (OK) dan yang tidak (NG) sesuai shooting report.
Menyiapkan bahan gambar dan menyusun daftar gambar yang memerlukan efek suara.

Berkonsultasi dengan sutradara atas hasil editingnya
Bertanggung jawab sepenuhnya atas keselamatan semua materi gambar dan suara yang diserahkan kepadanya untuk keperluan editing.

tiga fungsi dasar editing menurut Herbert Zettl yaitu combine, trim, dan build.

Menggabungkan (combine)
Pada dasarnya, editing memang persoalan tentang menggabungkan atau menyatukan shot-shot, sehingga tercapai perpaduan beberapa shot agar terbentuk kesatuan yang selaras dari bahan yang diambil.
Proses penggabungan untuk memperoleh kontinuitas gambar ini merupakan suatu kreativitas seni tersendiri, dalam hal ini faktor pengalaman, dasar acuan, isi pesan yang disampaikan akan mempengaruhi nilai kreativitas pada proses penggabungan gambar.

Memangkas (trim)
Trimming atau memangkas merupakan salah satu pekerjaan editor dalam memotong bahan yang ada untuk membuat video tape akhir sesuai dengan penempatan waktu yang tersedia atau menghapus bahan-bahan yang tidak ada hubungannya.
Seperti halnya yang dilakukan editor berita dimana harus membuat cerita lengkap dalam waktu yang singkat dan memangkas bahan yang ada sampai keminimalannya, misalnya produser memberi waktu 20 detik untuk membuat cerita tentang tabrakan kereta, meskipun bahan berita yang diberikannya panjangnya 10 menit gambar yang bagus, akan tetapi tetap saja harus memotong atau memangkas beberapa shot yang tidak diperlukan. Kata trim juga digunakan oleh editor pada editing control dalam membuat penambahan atau pengurangan dari edit point yang dibuat.

Membangun (build)
Membangun suatu cerita merupakan hal yang paling sulit. Seorang editor harus membangun sebuah cerita dari shot-shot yang baik. Dalam membangun sebuah cerita , editor tidak boleh asal memilih beberapa shot serta menggabungkannya dalam sekuen, tetapi harus mengambil beberapa shot dan transisi yang efektif untuk membangun atau membuat cerita menjadi cerita utuh.

Panduan untuk mengetahui multimedia harus dimulai dengan definisi atau pengertian multimedia. Dalam industri elektronika, multimedia adalah kombinasi dari komputer dan video (Rosch, 1996) atau multimedia secara umum merupakan kombinasi tiga elemen yaitu, suara, gambar dan teks (Mc Cormick, 1996) atau multimedia adalah kombinasi dari paling sedikit dua media input atau output dari data, media ini dapat berupa audio (suara,musik), animasi, video, teks, grafik dan gambar (Turban dkk, 2002) atau multimedia merupakan alat yang menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan gambar video (Robin dan Linda, 2001).
Definisi lain dari multimedia yaitu dengan menempatkannya dalam konteks, seperti yang dilakukan oleh Hoftsteter (2001), multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, video dan animasi dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi.

Dalam definisi ini terkandung empat komponen penting multimedia.

Pertama, harus ada komputer yang mengkoordinasi apa yang dilihat dan didengar yang berinteraksi dengan kita.
Kedua, harus ada link yang menghubungkan kita dengan informasi.
Ketiga, harus ada alat navigasi yang memandu kita, menjelajah jaringan informasi yang saling terhubung.
Keempat, multimedia menyediakan tempat kepada kita untuk mengumpulkan, memproses dan mengkomunikasikan informasi dan ide kita sendiri.
Jika salah satu komponen tidak ada, maka bukan multimedia dalam arti luas namanya. Misalnya jika tidak ada komputer untuk berinteraksi maka itu namanya media campuran, bukan multimedia. Jika tidak ada link yang menghadirkan sebuah struktur dan dimensi, maka namanya rak buku, bukan multimedia. Kalau tidak ada navigasi yang memungkinkan kita memilih jalannya suatu tindakan maka itu namanya film, bukan multimedia. Demikian juga jika kita tidak mempunyai ruang untuk berkreasi dan menyumbangkan ide sendiri, maka namanya televisi, bukan multimedia. Dari definisi diatas, maka multimedia ada yang online (internet) dan multimedia yang offline (tradisional).

SEJARAH MULTIMEDIA
Istilah multimedia berawal dari teatre, bukan komputer, pertunjukan yang memanfaatkan lebih dari satu medium seringkali disebut pertunjukan multimedia. Multimedia memungkinkan pemakai komputer untuk mendapatkan output dalam bentuk yang lebih kaya daripada media tabel dan grafik konvensional. Pemakai dapat melihat gambar 3 dimensi, foto video bergerak, animasi dan mendengar suara stereo. Output multimedia sekarang inikita jumpai dimana-manaantara lain cover majalah, video game film dll. Selain itu pula multimedia digunakan sebagai alat untuk meningkatkan bersaing. Secara umum multimedia merupakan kombinasi tiga elemen, yaitu suara, gambar dan teks, definisi lain dari multimedia, yaitu dengan menempatkanya dalam konteks, seperti yang dilakukan oleh hofstter(2001), multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi).

Multimedia adalah suatu sarana (media) yang didalamnya terdapat perpaduan (kombinasi) berbagai bentuk elemen informasi, seperti teks, graphics, animasi, video, interaktif maupun suara sebagai pendukung untuk mencapai tujuannya yaitu menyampaikan informasi atau sekedar memberikan hiburan bagi target audiens-nya.
Multimedia sering digunakan dalam dunia hiburan seperti game. Kata multimedia itu sendiri berasal dari kata multi (Bahasa Latin) yang berarti banyak dan katamedia (Bahasa Latin) yang berarti sesuatu yang dipakai untuk menyampaikan sesuatu.

Multimedia dapat dikategorikan menjadi 2 macam, yaitu mulitimedia linier dan multimedia interaktif. Multimedia linier adalah suatu multimedia yang tidak dilengkapi dengan alat pengontrol apapun yang dapat dioperasikan oleh pengguna. Multimedia ini berjalan sekuensial (berurutan / lurus), contohnya : TV dan film. Sedangkan multimedia interaktif adalah suatu multimedia yang dilengkapi dengan alat pengontrol (atau alat bantu berupa komputer, mouse, keyboard dan lain-lain) yang dapat dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang diinginkan untuk proses selanjutnya. Contohnya seperti aplikasi game. Multimedia interaktif menggabungkan dan mensinergikan semua media yang terdiri dari teks, grafik, audio, dan interaktivitas (rancangan).

Multimedia dapat disajikan dalam beberapa metode, antara lain :
-    Berbasis kertas (Paper-based), contoh : buku, majalah, brosur.
-    Berbasis cahaya (Light-based), contoh : slideshows, transparansi.
-    Berbasis suara (Audi-based), contoh : CD Players, tape recorder, radio.
-    Berbasis gambar bergerak (Moving-image-based), contoh : televisi, VCR (Video Cassete Recorder, film.
-    Berbasis Digital (Digilatally-based), contoh : komputer.