Banner 468

APLIKOM - CHAPTER 10 - MULTIMEDIA AND THE WEB

Posted by Unknown on - -

Mata Kuliah : Aplikasi Komputer
Hari : Jumat 18 October 2013
Jam : 16.00
Dosen : Dicky Supriatna S.Kom, M.TI
Penulis : Maria Natasha Cynthia Dewi - 201350270

MULTIMEDIA AND THE WEB

Multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi ) dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi,dan berkomunikasi.


Web Based Multimedia : Disebut rich media karena kaya akan konten. Ada Audio, video, streaming, teks, animasi, image, dll. Situs multimedia mengandung elemen sehingga para user dapat berinteraksi secara langsung. Web berbasis multimedia sangat berkembang karena ditunjang sengan berkembangnya komputer.



Keuntungan dan Kerugian menggunakan web berbasis multimedia

- Keuntungan

  • Ketika menggunakannya, kita bisa melihat berbagai macam gaya-gaya belajar secara visual. Seperti kecenderungan belajar dengan visual, suara, atau kinestetik.
  • materi lebih menarik dan menyenangkan
  • banyak ide-ide yang dpat dengan mudah disampaikan 
- Kerugian
  • Untuk membuat web tersebut butuh waktu
  • Download lebih lama
  • Tidak dapat ditampilkan di smartphone

ELEMEN -ELEMEN MULTIMEDIA

TEKS
Teks digunakan sebagai pendukung dasar konten. bisa juga sebagai menu atau link. Teks yang biasa digunakan : 
             -  Serif typefaces : Mudah dibaca, umumnya digunakan untuk tulisan body.
             -  Sans serif typefaces :  Biasa untuk judul, headings, untuk web page banners.
             -  Harus memilih ukuran font yang sesuai, harus matching dengan tampilan website misalnya 
                dalam segi warna tulisan. 



GAMBAR/ GRAFIK
Penyajian digital dari photography, gambar, grafik, dan gambar visual lainnya disebut grafik .
 Dalam gambar, dikenal tipe kompresi lossless dan lossy.
Lossless data kompresi adalah kelas dari algoritma data kompresi yang memungkinkan data yang asli dapat disusun kembali dari data kompresi, sedangkan Lossy kompresi adalah suatu metode untuk mengkompresi data dan men-dekompresi-nya.
Losless compression digunakan untuk mengkompresi data untuk diterima ditujuan dalam kondisi asli. Sedangkan lossy compression menghasilkan file kompresi yang lebih kecil dibandingkan dengan metode lossless yang ada.
Lossless compression digunakan jika akurasi data sangat penting, sedangkan lossy compression  biasanya membuang bagian-bagian data yang sebenarnya tidak begitu berguna dan tidak dirasakan oleh kita sehingga masih beranggapan bahwa data tersebut masih bisa digunakan walaupun sudah di kompresi.

Lossless compression biasanya data yang telah dikompresi ukurannya sama atau lebih besar, sedangkan lossy compression biasanya data yang telah dikompresi berukuran lebih kecil dari ukuran asli, namun masih tetap memenuhi syarat untuk digunakan
Rasio kompresi pada lossless didapat cenderung rendah sedangkan rasio kompresi pada lossy didapat bisa sangat tinggi.
  • GIF IMAGE : merupakan format yang paling umum digunakan di web page. Misalnya untuk logo, buttons, dll.
          -  Hanya bisa menampilkan 256 warna saja
          -  Bisa transparan
          -  bisa interlaced
          -  Kompresi filenya lossless
          -  beberapa gambar GIF yang dikombinasi dapat menjadi animasi.
  
  • PNG IMAGE : dirancang khusus untuk bisa ditampilkan di halaman web.
          -  penyempurna dari GIF
          -  Menggunakan kompresi lossless
          -  Warnanya full color
          -  Tidak bisa animasi
          -  bisa interlaced

  • JPEG IMAGE
         -  Full color
         -  Bisa progresive (berjenjang penyimpanan filenya)
         -  kompresi filenya lossy
         -  Bisa dikompres sampai 100%

Dilihat dari segi ukuran file, yang ukuran filenya paling kecil adalah GIF, kemudian JPEG, dan yang paling besar adalah PNG.

BAGAIMANA MEMILIH FORMAT GRAPHIC
  • GIF dan PNG biasanya digunakan untuk clip art, logo, tombol navigasi, dll
  • JPEG digunakan untuk phographs
  • PNG merupakan alternatif dari GIF namun ukuran filenya jauh lebih besar

ANIMASI : Gabungan dari image grafik yang bergerak.
        -  Java applet : sebuah program kecil yang diinsert ke dalam web page yang melakukan tugas
                                spesifik.
        -  Animated GIF : kumpulan dari GIF images yang disimpan sebagai file animasi GIF yang
                                      diinsert ke dalam web page yang ditampilkan berturut-turut untuk
                                      mensimulasikan pergerakan.
        - untuk animasi yang lebih kompleks, dapat menggunakan java script atau bahasa script lainnya
                        *  Flash adalah yang paling terutama digunakan sekarang.
                        *  Silverlight adalah alternative dari flash


AUDIO : Semua tipe dari suara termasuk musik, suara bicara, sound effects
        -  dapat direkam menggunakan microphone atau instrumen MIDI
        -  sering kali terputar ketka sesuatu terjadi di web page atau ketika visitor mengklik sbuah link.
        -  Audio streaming digunakan untuk mempercepat pengiriman.
        -  Audio file format adalah wav, mp3, aiff, acc, midi, m4a


VIDEO :  dimulai sebagai aliran kontinu informasi visual, yang kemudian dipecah menjadi gambar terpisah (frame) saat video direkam.
Format -format video seperti avi, mp2, mov, wmv, mp4



MULTIMEDIA WEBSITE DESIGN 
  •  Web site design : proses dari perencanaan sebuah website, seperti apa tampilannya dan bagaimana website tersebut akan berfungsi.
 
  •  Basic Design principle : 
            -  Pengguna menyukai aplikasi menarik dan menyenangkan.
            -  Pengguna biasanya tidak sabar jika aplikasi lambat loadingnya atau sulit digunakan.
            -  Merencanakan semua metode penyampaian yang diperlukan dan perangkatnya.

  • Pertimbangan cermat harus diberikan untuk :
          -  fitur yang memerlukan browser tertentu.
          -  fitur yang memerlukan penggunakan plug-ins
          -  ukuran dari konten halaman tersebut. perbedaan device, browser, dan resolusi layar berefek
             pada tampilan web page tersebut.
          -  item yang memerlukan bandwidth tinggi. menggunakan thumbnails untuk image,
              menggunakan link untuk audio, video, menggunakan audio dan video streaming.

  • Pertimbangan desain navigasi
          -  Pengguna harus bisa mendapatakan sebagian besar halaman web site dengan tiga kali klik
             mouse.
          -  item navigasi harus ditempatkan di lokasi yang sama di setiap halaman.
          -  setiap halaman harus memiliki link untuk kembali ke home page website tersebut.
          -  Long web pages: sebaiknya dipecah menjadi beberapa halaman, link sudah termasuk di
              dalamnya untuk melihat atau mendownload seluruh document.
          -  Menggunakan tabel konten dan link untuk menuju ke halaman paling atas.

  • Navigation tool berisi :
           -  Drop down menus
           -  Site maps
           -  Kotak pencarian
           -  hyperlink dan kotak navigasi
           -  tab menu
           - image berbasis navigation bars
           -  image maps
           -  hyperlink yang mnunjukkan pilihan yang lebih ketika kita menunjuk dengan pointer.









Categories: