Sign-up for FREE weekly Newsletter.

Tuesday, June 25, 2013

Multimedia Design untuk World Wide Web

Be the first to comment!
Labels: , , , , , ,

Istilah dalam World wide web

·        Teknologi WWW
§  HTML
§  Dukungan Browser : PlugIn Media(bisa memainkan file mulmed di browser, cth : quicktime), JavaScript(memungkinkan program kecil dijalankan di browser)
·        Halaman Web : Dibuat di text document (cth notepad), elemen2 mulmed disimpan secara eksternal. HTML mendefiniskan format tampilan dan fungsional dari halaman web dan menyediakan link.
·        Keuntungan HTML
ü Ukuran file kecil
ü Tdk membutuhkan authoring tool yg mahal, tdk perlu skill programming
ü Menyediakan link ke lokasi eksternal
ü Dapat dilihat di browser komputer manapun
·        Kerugian HTML
ü Rancangan dan hasil tampilan tidak selalu sama di tiap komp
ü Tidak ada standar HTML
ü Beda browser beda HTML tags, perbedaan hardware mempengaruhi
ü Hypertext menyediakan interaksi yang terbatas
·         
·        Authoring Tools untuk WWW : Dreamweaver, Microsoft Frontpage
·        Hal yang berkaitan dengan design
§  Browser yang berbeda
ü Tidak semua browser mendukung fitur yang dimiliki (DHTML)
ü Setting pada browser mempengaruhi hasil akhir : background, font, , warna hypertext, image autodownload, window size
§  Ukuran monitor dan window :
ü penggunaan web dengan resolusi yg beragam dan ukuran layar yang berbeda. Jadi desain dgn resolusi yang umum.
ü Gunakan liquid design(web dapat menyesuaikan diri pada ruang yang tersedia) saat mendesain halaman web
ü  
§  Bandwidth
§  Accessibility
User tuna netra tidak dapat mengakses image yg digunakan u/ menyampaikan konten/  u/ navigasi.
Solusi : menyediakan ALT text u/ deskripsi singkat dari grafik, hindari banyak animasi gif, dan fram serta table yg tidak dibutuhkan.
§  Usability

·        Text untuk Web
Pengguna dapat memilih font website sendiri pada browser, fleksibilitas dalam mengatur font gunakan CSS -> tersedia dalam DHTML
·        Image untuk Web
Format standard GIF dan PNG(kompresi lossless) serta JPEG(lossy). Dapat menggunakan Macromedia Fireworks
·        Suara untuk Web
Format standard AU, Wav(ukuran besar), MIDI(u/ background musik). Plug-in : Shockwave Audio(swa), Quicktime
·        Animasi untuk Web
HTML tag : <blink> dan <marqueue>. Dapat menggunakan animated GIF u/ membuat animasi cell yang sederhana. Plug-in : Director, Flash
·        3D untuk Web : VRML dan Macromedia Director
·        Video untuk Web : Teknologi Streaming(mengalir dari server ke player, menggunakan buffer)
·        Flash atau nonFlash
§  Keuntungan Flash : sedang tren, kontrol penuh dan fleksibel bagi desainer
§  Hal Berkaitan dengan Flash
Butuh plug-in tambahan dan tiap versi butuh plug-in yang beda. Tidak bisa u/ text dalam jumlah besar

Sunday, June 16, 2013

Information Kiosk

Be the first to comment!
Labels: , , , , , ,
Kios informasi/Information kiosk adalah sistem antarmuka pengguna yang menyediakan informasi dengan metode elektronik. Information Kiosk umumnya ditempatkan di tempat-tempat yang banyak dikunjungi di bandar udara, mall, terminal dan Public Place.

Di dalam Information Kiosk terdapat konsep yang dinamakan CAI(Computer Assisted Instruction) yaitu konsep dasar dari Instruksi sistem pembelajaran sebagai sarana untuk menilai kemampuan siswa, bahan pelajaran, menilai kemajuan siswa, serta Merekam kemajuan dan nilai siswa

Program software yang termasuk dalam kategori CAI yaitu Microsoft PowerPoint dalam proses pengajaran di sekolah, kantor maupun kampus. Microsoft powerpoint mempunyai fungsi untuk membantu kita mempresentasikan laporan, maksudnya powerpoint bisa menyusun bahan presentasi dan menyajikannya  dalam bentuk visual yang menarik  dalam waktu yang singkat.
Microsoft Power Point adalah suatu program aplikasi yang berfungsi untuk membuat  presentasi dalam bentuk slide-slide
Untuk menjalankan Wizard dalam mengorganisir informasi dan untuk merancang tampilan / presentasi
Untuk membantu mengorganisir informasi presentasi dan membantu dengan tampilan keseluruhan.
Untuk mencapai tujuan pengajaran tertentu dan pembelajaran melakukan aktivitas belajar dengan cara berinteraksi dengan system computer sedangkan, menurut “Hannafin dan Peck” mengklasifikasikan ada 4 model program CAI yakni:
a)      Driil and practice (latihan dan praktek)
b)      Tutorials (penjelasan)
c)      Simulasi, dan
d)      Instruction games games (permainan)

Program software lain yang termasuk dalam penggunaan CAI yaitu
1.      Alferos 3D
2.      Macromedia Director
3.      Power Presentations
4.      Microsoft Office
5.      Web Master dll

Macam-macam CAI



Virtual Reality dan Augmented Reality
Virtual reality memcahkan keterbatasan ruang dan memungkinkan pengguna untuk bertindak seolah-olah mereka berada di tempat lain. Secara sederhana dapat di artikan sebagai kita masuk ke dalam dunia maya

Cara kerja sistem virtual reality pada prinsipnya adalah seperti berikut. Pemakai melihat suatu dunia semu, yang sebenarnya berupa gambar-gambar yang bersifat dinamis. Melalui perangkat headphone atau speaker, pemakai dapat mendengar suara yang realistis. Melalui headset, glovedan walker, semua gerakan pemakai dipantau oleh sistem dan sistem memberikan reaksi yang sesuai sehingga pemakai seolah merasakan sedang berada pada situasi yang nyata, baik secara fisik maupun secara psikologis.
Game-game yang menggunakan Virtual Reality ini, bisa kita lihat di dalam game SIMS, Idol Street(Online), Audition, dll.

Kekurangan dari Virtual Reality
Orang mungkin mengalami perasaan kehilangan realitas dan perasaan isolasi saat mereka berinteraksi dengan dunia buatan, bukannya dunia nyata dengan orang sungguhan. Akhirnya, virtual reality dapat meningkatkan pengangguran, lebih sedikit orang yang diperlukan untuk merancang proyek-proyek .

Kelebihan dari Virtual Reality
- Banyak sekali keuntungan menggunakan virtual reality pekerjaan yang dari susah dapat di jadikan mudah dengan menggunakan berbagai macam aspek dari komputer misalnya seperti merancang sesuatu bangunan seperti gedung , hotel dan rancangan denah rumah.
- Melakukan beberapa latihan yang rumit seperti latihan menerbangkan pesawat bisa kita lakukan dengan stimulator.
- Dan game” virtual reality bisa dijadikan pelarian bagi beberapa orang yang sudah penat dengan masalah di dunia realitas , misal seperti Second Life, the sims , dan fable

Augmented reality  adalah teknologi yang menggabungkan benda maya dua dimensi dan ataupun tiga dimensi ke dalam sebuah lingkungan nyata tiga dimensi lalu memproyeksikan benda-benda maya tersebut dalam waktu nyata. Secara sederhana dapat di artikan sebagai dunia maya yang hadir dalam kehidupan kita

Cara kerja system Augmented Reality berdasarkan deteksi citra dan citra yang digunakan adalah marker. Prinsip kerjanya sebenarnya cukup sederhana. Webcam yang telah dikalibrasi akan mendeteksi marker yang diberikan, kemudian setelah mengenali dan menandai pola marker,webcam akan melakukan perhitungan apakah marker sesuai dengan database yang dimiliki. Bila tidak, maka informasi marker tidak akan diolah, tetapi bila sesuai maka informasi marker akan digunakan untuk me-render dan menampilkan objek 3D atau animasi yang telah dibuat sebelumnya

            Contoh aplikasi menggunakan Augmented Reality yaitu iButterfly Indonesia(Game menangkap kupu-kupu dengan shake android anda ketika kupu-kupu tepat pada target), My Butterfly(Merupakan game karya salah satu vendor android yaitu samsung).

kekurangan dari Augment reality
- Pelacakan sudut pandang pengguna.
- Membutuhkan device tambahan

keuntungan dari Augment reality
-          Dapat diimplementasikan secara luas dalam berbagai media.
-          Dapat dijadikan sebagai sarana hiburan
-          Militer Militer menggunakan teknologi ini untuk simulasi perang


Di Indonesia sebagian telah menggunakan Augmented Reality dan Virtual Reality :
·         Kedokteran (Medical): Teknologi pencitraan sangat dibutuhkan di dunia kedokteran, seperti misanya, untuk simulasi operasi, simulasi pembuatan vaksin virus, dll. Untuk itu, bidang kedokteran menerapkan Augmented Reality pada visualisasi penelitian mereka.
·         Hiburan (Entertainment): Dunia hiburan membutuhkan Augmented Reality sebagai penunjang efek-efek yang akan dihasilkan oleh hiburan tersebut. Sebagai contoh, ketika sesorang wartawan cuaca memperkirakan ramalan cuaca, dia berdiri di depan layar hijau atau biru, kemudian dengan teknologi augmented reality, layar hijau atau biru tersebut berubah menjadi gambar animasi tentang cuaca tersebut, sehingga seolah-olah wartawan tersebut, masuk ke dalam animasi tersebut.
·         Latihan Militer (Military Training): Militer telah menerapkan Augmented Reality pada latihan tempur mereka. Sebagai contoh, militer menggunakan Augmented Reality untuk membuat sebuah permainan perang, dimana prajurit akan masuk kedalam dunia game tersebut, dan seolah-olah seperti melakukan perang sesungguhnya. 

Multimedia Authoring

Be the first to comment!
Labels: , , , , , ,

Multimedia Authoring adalah sebuah lingkungan yang mengintegrasikan komponen multimedia dalam project Multimedia

Komponen yang terdapat pada multimedia authoring :

  1. Load/save media elements
  2. Create/edit audio and graphic
  3. Page or slide building
  4. Animation/transition effects
Specify the sequence of the application

Type Authoring System

  • Time Based : Berdasarkan kepada waktu, (contoh : Flash CS3, Adobe director) 
  • Icon/ Object Based : Berdasarkan Objek yang mewakili, (contoh : Flowchart)
  • Card and page Based : Berdasarkan Halaman utama, (contoh : powerpoint, toolbook)

Cross-Platform Authoring
- Warna skema yang berbeda
- Text yang berbeda

Contohnya seperti Windows dan Apple

Perbedaan Bahasa Program dan Authoring System 

Sunday, June 2, 2013

Pengenalan Multimedia

Be the first to comment!
Labels: , , , , ,
Multimedia merupakan kumpulan dari image, text, audio, video, animasi dan grafic yang disusun dalam bentuk manipulasi digital yang di presentasikan oleh komputer/ meia elektronik. Dalam multimedia terdapat lagi user control yaitu segala aturan dalam multimedia yang di akses oleh user.

Multimedia interactive merupakan gabungan antara Multimedia dan user control.

Tipe Presentasi

  1. Linear : Presentasi yang berurutan ada awal dan akhir, (contoh : slide powerpoint)


2. Hierarchical : Presentasi yang memiliki satu induk dan banyak anak, (contoh : website)


3. Non-Linear : Presentasi yang flexibel tidak berurutan, tidak tau dimana akhir dan awalnya, (contoh wikipedia)

4. Composite  : Gabungan dari ketiga Presentasi diatas, contohnya : (Detik.com)



Dimana saja kita menggunakan Multimedia?


Bussiness : Presentasi, Training, Marketing, Advertising, demo Produk, simulasi dll
Sekolah : E-Learning, Presentasi dosen/ Guru, TV interaktif
Rumah : Hiburan interaktif, software rumah tangga
Publik : Information kiosk, aplikasi Handphone, Churuches

Dalam Multimedia dibutuhkan skill dalam multimedia seperti
1. Project manager
2. Multimedia designer
3. Interface designer
4. Writer
5. Video Specialis
6. Audio Specialist
7. Multimedia Programer
8.Web Producer

Sekian dari saya tentang pengenalan multimedia semoga bermanfaat bagi kita semua :)


 

Having Problem?

Ada masalah dengan website ini? atau ada saran untuk website ini? Segera Laporkan kepada kami

Support


Get this widget!

Copyright © 2013 All Rights Reserved Thesis skin by Manivasagam Converted into Blogger Template by Trinoto Rianto