Struktur Navigasi Multimedia, Merancang Storyboard, Macam Aplikasi Multimedia

1. Pengertian struktur navigasi multimedia dan Sebutkan & Jelaskan apa saja struktur navigasi multimedia!

STRUKTUR NAVIGASI MULTIMEDIA

Struktur navigasi adalah urutan alur informasi dari suatu aplikasi multimedia. Dengan menggunakan struktur navigasi yang tepat maka suatu aplikasi multimedia mempunyai suatu pedoman dan arah informasi yang jelas. Dalam pembuatan aplikasi multimedia terdapat empat macam bentuk dasar struktur navigasi yang digunakan, yaitu : Struktur Navigasi Linear, Struktur Navigasi Non Linear, Struktur Navigasi Hierarchi, dan Struktur Navigasi Composite.

  1. Struktur Navigasi Linear

Merupakan struktur yang hanya mempunyai satu rangkaian cerita berurut. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya. Biasanya struktur ini digunakan Multimedia Presentasi karena tidak menuntut keinteraksian tetapi hanya memerlukan keindahan dan kemudahan menampilkan data sebagai informasi.

Gambar Struktur Navigasi Linear

1

 

  1. Struktur Navigasi Non Linear

Struktur navigasi non linear ( tidak berurut ) merupakan pengembangan dari struktur navigasi linear. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur linear ini berbeda dengan percabangan pada struktur hierarki, karena pada percabangan non linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada master page dan slave page.

Gambar Struktur Navigasi Linear

2

 

  1. Struktur Navigasi Hierarchi

Struktur navigasi hierarchi ( bercabang ) merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan informasi yang berdasarkan criteria tertentu. Informasi pada halaman utama disebut parent dan informasi pada cabangnya disebut child.

Gambar Struktur Navigasi Hierarchi

3

 

  1. Struktur Navigasi Composite

Struktur Navigasi Composite ( campuran ) merupakan struktur gabungan dari ketiga struktur sebelumnya. Struktur ini disebut juga struktur navigasi bebas. Kelebihan dengan menggunakan struktur navigasi ini adalah suatu aplikasi mampu memberikan keterkaitan informasinya lebih baik.

Gambar Struktur Navigasi Composite

4

 

 

 

 

 

 

2. Bagaimana merancang & membuat story board yang baik?

STORYBOARD

Storyboard adalah sketsa gambar yang disusun berurutan sesuai dengan naskah, dengan storyboard kita dapat menyampaikan ide cerita kita kepada orang lain dengan lebih mudah, karena kita dapat menggiring khayalan seseorang mengikuti gambar-gambar yang tersaji, sehingga menghasilkan persepsi yang sama pada ide cerita kita.

Salah satu  tahapan penting dalam produksi  film adalah membuat storyboard, setelah sutradara dan pengarah fotografi  membahas sebuah adegan mereka kemudian bertemu dengan artis storyboard untuk  menterjemahkan gagasan mereka dalam gambar. Disitu terbentuklah rancangan-rancangan shooting, dan ketika dirasa ada sesuatau yang kurang pas atau ada kendala-kendala dalam pengambilan gambar nantinya segera dapat dilakukan revisi.

5
Dengan mengacu pada rencana shooting  dalam storyboard para pemain dan krue dapat mengerjakan tugas mereka masing-masing dengan cepat dan tepat.  Storyboard secara gamblang memberikan tata letak visual dari adegan seperti yang terlihat melalui lensa kamera.

Storyboard juga berguna bagi editor untuk membantu menyusun scene yang berbeda- beda menjadi sesuai  dengan skenario  dengan lebih mudah dan cepat.

Cara membuat Storyboard

1.Catat poin-poin penting, ide, dan konsep-konsepdi bawah frame storyboard berturut-turut (lihat terlampir).
2.Storyboard Anda harus pada dasarnya merupakan jenis peta, menguraikan semua langkah-langkah utama yang di perlukan untuk menyelesaikan tujuan pembelajaran (s) untuk pelajaran itu.
3.Membuat sketsa kasar visual untuk setiap frame. Jangan khawatir tentang  semir pada titik ini, Anda hanya ingin gagasan visual jelas di gambarkan.
4.Baca presentasi Anda sambil melihat storyboard dan melengkapi checklist storyboard :
*Apakah visual saya dengan jelas menampilkan suatu ide utama dari presentasi saya?
*Apakah bantuan saya sebagai visual sederhana yang saya bisa membuatnya?
*Dapatkah pemirsa saya memahami visual saya sepenuhnya dalam waktu kurang daru 30 detik?
5.Anda dapat membuat storyboard Anda di kertas atau berbagai perangkat lunak seperti Microsoft Word, Microsoft PowerPoint, dan Inspirasi.
Contoh Storyboards
a.Kertas
b.Word atau PowerPoint (menggunakan bagan organisasi atau flowchart)
c.Inspirasi

Tujuan Storyboard

Sebagai panduan bagi orang-orang yang terlibat di dalamnya, mulai dari sutradara, penulis cerita, lighting dan kameramen memungkinkan seorang pembuat film untuk memprevisualisasikan ide-idenya Sebagai Alat untuk mengkomunikasi ide keseluruhan film menjelaskan tentang alur narasi dari sebuah cerita Berperan dalam pewaktuan (timing) pada squence, percobaan-percobaan dengan sudut pandang kamera, perpindahan dengan kesenambungan (countinuity) antara element-element dalam sebuah frame.
 


Kelemahan Storyboard dan Solusinya

Ketidak dapatannya untuk menunjukan gerakan – gerakan kamera, beserta efek optikal, seperti penglarutan atau pemudaran (Blur, Disolving) solusinya.
Dengan tulisan dan gambar skematis untuk mendiskripsikan apa yang tidak dapat di gambarkan
Perlu di perhatikan batas pinggir dari sebuah storyboard (bingkai) untuk menunjukan  sudut pandang, yang dipilih dari keseluruhan ruang.
Siapa yang menggunakan Storyboard Advertising, untuk menjual produk kepada klien VideoGame, menggunakan banyak pra-rencana termasuk brainstroming dari konsep game dan interaksi pemakai serial TV, dipakai hanya pada Sequence yang kompleks Multimedia, CD-Rom untuk edukasi, pelatihan atau program-program tutorial Web Design, untuk mengembangkan team dalam pembuatan web design, mendifinisikan elemen-elemen seperti gambar,animasi,video dan ilustrasi Industri dan video-video pemerintahan, untk menampilkan ide-ide pada saat pembuatan sebuah proyek video-video pemerintahan.

Proses Storyboard

Thumbnail, tahap paling awal yang di pakai ilustrator yaitu menggambarkan dalam bentuk panel sketsa yang masih sangat sederhana  berisi nomor urut sebagai index dan pergerakan kamera atau  pergerakan karakter yang di beri simbol anak panah, Rough Pass, tahapan revisi Thumbnail dan panel yang di gunakan lebih besar dibanding sebelumnya. Pada tahap ini, storyboard lebih mudah di baca oleh non ilustrator seperti pemain, produser, kameramen, kru pencahayaan dan investor.
CleanUp/Final, tahap terakhir yang siap di pakai. Biasanya sudah lengkap dengan narasi, dialog, keterangan sound FX (suara angin/petir).
Aspect Rasio adalah sebuah ukuran yang berhubungan dengan lebar dan tinggi sebuah layar (misalnya 1.85 : 1 atau 2.35 : 1) Standard Aspect Rasio TV, Layar Komputer 1.33 : 1 Eropa 1.66 : 1 TV Layar Lebar  1.78 : 1 Amerika 1.85 : 1 Panavision, Cinemascope 2.35 : 1
Rumus Aspect Rasio x Tinggi = Lebar.
Cara Membuat Storyboard untuk Film
Storyboard sangat penting untuk menggambarkan untuk membuang Anda dan kru apa tembakan di

sebuah film akan terlihat seperti. With a little practice, your storyboards will not only speed up the filming process, but also enable you to fully realize your artistic vision. Dengan sedikit latihan, storyboard Anda tidak hanya akan mempercepat proses pembuatan film, tetapi juga memungkinkan Anda untuk sepenuhnya mewujudkan visi artistik Anda.
Menganalisis script Anda. Tergantung pada bagaimana tangan-on Anda, Anda mungkin storyboard saat-saat penting dari film ini, beberapa tembakan per adegan, atau setiap gerakan kamera tunggal. Duduklah dengan script dan menemukan adegan yang paling penting bagi Anda dan cerita. Fokus pada mereka terlebih dahulu, dan menggunakannya sebagai titik Anda melompat-off. Menarik catatan di margin atau menyimpan catatan secara terpisah pada pad, mencatat nomor adegan dan halaman.
Gambar tembakan. Sebelum Anda mengambil langkah lebih lanjut, Anda harus memastikan bahwa Anda memiliki visi yang jelas tentang apa yang masing-masing ditembak akan terlihat seperti.. Pikirkan bagaimana Anda akan menjelaskan tembakan kepada orang lain, bagaimana hal itu akan terlihat melalui kamera, bagaimana akan melihat ke penonton dan bagaimana hal itu akan melihat Anda, menonton dari luar. Ini adalah bagian dari proses previsualization, atau “previz,” yang menentukan bagaimana film akan terlihat.
Tentukan media Anda. Direktur Ridley Scott menarik gambar pensil kecil yang krunya panggilan Ridleygrams pada saat pengambilan gambar. Direksi lain menggunakan apa yang disebut animatic, coverting storyboard untuk gambar digital, membuat versi awal film dengan tokoh-tokoh tongkat dan bentuk samar yang dapat diawasi. Ini dapat digunakan kemudian untuk memastikan bahwa setiap bidikan secara sempurna. Apakah Anda memilih untuk membuat slide dalam PowerPoint atau membuat gambar kecil tongkat-angka pada kartu file, aturan yang sama dan Anda dapat melakukan sebanyak atau sesedikit yang Anda inginkan.
Buat storyboard Anda. Yang paling penting adalah untuk memastikan bahwa storyboard Anda tidak memerlukan penjelasan sama sekali. Ini akan membutuhkan beberapa latihan, tetapi dengan menggunakan prinsip-prinsip dasar komik, gelembung pidato dan garis gerakan, Anda harus dapat menceritakan kisah film Anda hanya dengan storyboard Anda. Orang
Berbagi storyboards Anda. Film merupakan media kolaboratif, dan storyboard adalah salah satu cara yang bagus untuk memastikan bahwa setiap orang yang terlibat memahami visi Anda. Luangkan waktu sebelum Anda menembak untuk memastikan bahwa setiap orang pada halaman yang sama dan memahami apa yang Anda inginkan. Anda sebelum menembak.

Sebuah template storyboard sangat penting jika Anda meletakkan bersama sepotong multi-media seperti video atau DVD. storyboard Anda adalah apa yang akan menentukan apa desainer grafis Anda akan datang dengan, apa-overs suara Anda akan mengatakan, apa yang ilustrator Anda akan menarik, apa fotografer Anda akan menembak, apa soundtrack Anda akan, dan apa yang programmer anda akan menghasilkan. Sebuah template storyboard adalah apa yang perlu Anda harus memastikan bahwa storyboard Anda keluar kanan.

Jadi storyboard Anda dimulai dengan template storyboard Anda. Bagaimana Anda membuat hal ini? Mulailah dengan mengurus medium yang Anda gunakan untuk itu. Di Word, masuk ke modus landscape, membuat template Anda, dan biarkan setiap halaman menjadi satu layar. Jika Anda menggunakan PowerPoint, membuat template dan membiarkan setiap slide menjadi satu layar. Jika Anda menggunakan Adobe Captivate, Anda dapat mengambil pendekatan pembangunan yang pesat dan hanya mulai menulis seluruh storyboard secara langsung dengan alat authoring Anda. Dan kemudian ada banyak program perangkat lunak komersial storyboard yang mengajarkan Anda bagaimana untuk membuat template dalam diri mereka.

Beberapa orang lebih suka menggunakan program menulis teks dan menulis teks-storyboard saja, meninggalkan gambar akhir yang sebenarnya dan soundtrack sampai dengan produser, yang hanya mengikuti deskripsi tekstual dalam blok. Tapi secara umum ini bukan cara terbaik untuk membuat storyboard. Visual yang ada untuk memicu imajinasi dan melihat mereka bertindak seperti konsep kasar visual. Hal yang sama berlaku untuk soundtrack dalam hal audio. Anda tidak keras atas kreativitas siapa pun dengan memproduksi storyboard penuh.

Jadi, sekali Anda telah dipanggil template storyboard Anda, bagaimana Anda mengisinya dan membuat storyboard Anda? Anda perlu membuat bagian-bagian berikut:

* Judul Bagian: Di sini anda menaruh topik, modul, unit, atau nama pelajaran.

* Screen Nomor Bagian: Anda ingin pengenal unik untuk masing-masing layar Anda. Jadi anda bisa menggunakan, katakanlah, “t1m2s4? Untuk topik 1, modul 2, layar 4.

* Visual Bagian: Gambarlah menyisipkan visual atau foto, grafis, dll. Anda juga dapat mencakup teks yang akan ditampilkan di layar, atau Anda dapat membuat bagian lain untuk teks.

* Audio Bagian: Di sinilah tempat anda menulis naskah, nama dari file musik atau rekaman, dan efek suara (SFX) yang akan bermain di layar masing-masing.

* (Kemungkinan) Bagian Interaksi: Jika Anda storyboard untuk sesuatu yang interaktif, seperti video di situs Web Anda, di sini adalah di mana Anda menggambarkan interaksi yang terjadi pada setiap layar. Ada baiknya untuk menulis ini di bahasa pemrograman seperti untuk programmer Anda. Jadi, misalnya, Anda mungkin menulis “Jika tombol 3 akan diklik, masuk ke layar u1m24″.

* (Kemungkinan) Bagian bercabang: Untuk produksi interaktif, di sini semua sistem percabangan yang mungkin didefinisikan. Percabangan tidak sama dengan interaksi. Bercabang adalah sistem navigasi keseluruhan, sehingga setiap interaksi yang mungkin dalam video harus dipertanggungjawabkan di sini.

Ingat, seni tinggi storyboard semakin sebanyak menjadi satu layar mungkin. Anda ingin storyboard Anda untuk menjadi lebih detail, tapi dengan yang mengatakan Anda ingin sesederhana mungkin.

 

 

 

 

 

 

 

 

 

 

3. Sebutkan beberapa macam aplikasi multimedia!

Perangkat Lunak Aplikasi Multimedia

 

Merupakan perangkat lunak yang dapat digunakan untuk mengolah beberapa media maupun informasi seperti teks, image / gambar, audio grafik, video, dll. Dilihat dari fungsi perangkat lunak multimedia terdapat banyak sekali jenis dari aplikasi multimedia, untuk lebih jelasnya dapat dilihat seperti di bawah ini :

– Media Player

Merupakan jenis dari aplikasi multimedia yang digunakan untuk memutar informasi yang telah disimpan dalam bentuk audio ataupun video. Aplikasi ini merupakan aplikasi yang dapat dengan langsung untuk memutar file bentuk audio ataupun video tersebut. Beberapa jenis dari aplikasi media player ini antara lain :

  1. Windows Media Player, aplikasi komersial yang diproduksi oleh Microsoft Corp.
  2. Winamp, aplikasi komersial yang diproduksi oleh Nullsoft Inc.
  3. PowerDVD, aplikasi komersial yang diproduksi oleh Cyberlink.
  4. Musicmatch JukeBox, aplikasi komersial yang diproduksi oleh Musicmatch Inc.
  5. Real Player, aplikasi komersial yang diproduksi oleh Real Network.

 

– Audio / Video Editor

Merupakan jenis dari aplikasi multimedia yang digunakan untuk mengedit ataupun memanipulasi informasi dalam bentuk audio ataupun video. Aplikasi-aplikasi jenis ini dapat digunakan untuk berbagai macam fungsi seperti : proses pemotongan, penggabungan, konversi, maupun manipulasi kualitas. Beberapa jenis dari aplikasi audio / video editor ini antara lain :

 

1. Adobe Premiere, aplikasi komersial yang diproduksi oleh Adobe Systems.

2. Windows Movie Maker, aplikasi komersial yang diproduksi oleh Microsoft Corp.

6

3. Pinnacle Studio, aplikasi komersial yang diproduksi oleh Pinnacle Systems.

7

 

 

– Graphic / Image Viewer

Merupakan jenis dari aplikasi multimedia yang digunakan untuk melihat sebuah view dari gambar / image yang telah disimpan pada sebuah direktori. Aplikasi ini dapat digunakan untuk membaca file gambar yang saat ini telah banyak terdukung seperti : bmp (windows bitmap), jpeg / jpg (Image Terkompresi), gif (CompServ), png (Portable Network Graphic), ico (Icons Image), dll. Beberapa jenis dari aplikasi image viewer ini antara lain :

  1. ACDSee, aplikasi komersial yang diproduksi oleh ACD Systems.
  2. Microsoft Picture Manager, aplikasi komersial yang diproduksi oleh Microsoft Corp.
  3. Microsoft Picture and Fax Viewer, aplikasi komersial yang terdapat pada paket Microsoft Windows.

 

– Graphic / Image Editor

Merupakan jenis dari aplikasi multimedia yang digunakan untuk menulis, menggambar, mengedit ataupun untuk memanipulasi gambar secara interaktif pada sistem komputer. Aplikasi ini dapat digunakan untuk melakukan fungsi editing mulai dari fungsi yang sederhana hingga kompleks. Terdapat dua jenis image yang dihasilkan oleh image editor, yaitu bitmap image dan vector image. Beberapa jenis dari aplikasi image editor ini antara lain :

1. Adobe Photoshop, aplikasi komersial yang diproduksi oleh Adobe Systems.

2. Corel Draw, aplikasi komersial yang diproduksi oleh Corel Corporation.

8

3. Paint, aplikasi komersial yang diproduksi oleh Microsoft Windows.

4. GIMP, aplikasi open source yang diproduksi oleh GNU General Public License.

 

– Animasi

Merupakan jenis dari aplikasi multimedia yang digunakan untuk membuat, mengedit ataupun untuk memanipulasi animasi secara interaktif pada sistem komputer. Animasi adalah gambar bergerak ataupun video dengan konten gambar yang fiktif seperti kartun dan gambar tidak rill. Beberapa jenis dari aplikasi animasi ini antara lain :

  1. Macromedia Flash, aplikasi komersial yang diproduksi oleh Macromedia Inc.
  2. Houdini Animation Software, aplikasi komersial yang diproduksi oleh Side Effect Software.
  3. Power Animator, aplikasi komersial yang diproduksi oleh Alias Systems Corporation.

 

 

 

 

 

 

 

 

 

 

 

 

– Graphic 3D

Merupakan jenis dari aplikasi multimedia yang digunakan untuk menmbuat, mengedit ataupun untuk memanipulasi informasi dalam bentuk gambar 3D. Gambar 3D merupakan representasi dari sebuah gambar di dalam geometri 3D (x, y, z). Beberapa jenis dari aplikasi graphic 3D ini antara lain :

  1. 3D studio max, aplikasi komersial yang diproduksi oleh AutoDesk Media & Entertainment.
  2. Maya, aplikasi komersial yang diproduksi oleh Alias Systems Corporation.
  3. Blender, aplikasi open source yang diproduksi oleh GNU General Public License.

 

Setting Mail Server

Install paket mail server.

$ sudo apt-get install apache2 postfix dovecot-common dovecot-imapd dovecot-pop3d elinks

Edit file /etc/apache/httpd.conf

$ sudo pico /etc/apache/httpd.conf

ServerName mail.pxpoenya.net

DocumentRoot /usr/share/squirrelmail

Edit file /etc/apache/sites-enabled/mail

$ sudo pico /etc/apache/sites-enables/mail

<VirtualHost 192.168.1.212:80>

ServerName mail.pxpoenya.net

DocumentRoot /usr/share/squirrelmail

</VirtualHost>

Baca lebih lanjut

DHomesb Chapter 7

1. Why is IEEE 802.11 wireless technology able to transmit further distances than Bluetooth technology?
#has higher power output

2. What are three advantages of wireless over wired technology? (Choose three.)
#anytime, anywhere connectivity
#ease of adding additional devices

3. What are two benefits of wireless networking over wired networking? (Choose two.)
#mobility
#reduced installation time

4. A technician has been asked to provide wireless connectivity to the wired Ethernet network of a building. Which three factors affect the number of access points needed? (Choose three.)
#the size of the building
#the number of solid interior walls in the building
#the presence of microwave ovens in several offices

5. Why is security so important in wireless networks?
#Wireless networks broadcast data over a medium that allows easy access.

6. What does the Wi-Fi logo indicate about a wireless device?
#The device is interoperable with other devices of the same standard that also display the Wi-Fi logo.

7. Which statement is true concerning wireless bridges?
#connects two networks with a wireless link

8. Which WLAN component is commonly referred to as an STA?
#wireless client

9. Which statement is true concerning an ad-hoc wireless network?
#created by connecting wireless clients in a peer-to-peer network

10.

Refer to the graphic. In the Wireless menu option of a Linksys integrated router, what does the Network Mode option Mixed mean?
#The router supports 802.11b, 802.11g, and 802.11n devices.

Baca lebih lanjut

DHomesb Chapter 5

1. Which type of server dynamically assigns an IP address to a host?
#DHCP

2. What is the destination MAC address in a multicast Ethernet frame?
#an address that begins with 01-00-5E in hexadecimal

3. A PC obtains its IP address from a DHCP server. If the PC is taken off the network for repair, what happens to the IP address configuration?
#The address is returned to the pool for reuse when the lease expires.

4.

Refer to the graphic. The host requests an IP configuration from the Linksys integrated router which is configured to provide DHCP services. In addition to the host IP address, which additional IP address is provided that will allow the host to access the ISP and the Internet?
#internal IP address of the integrated router that connects to the local network

5. Which default subnet mask provides the most host bits?
#255.0.0.0

6. How many bits are available for Class B host IP addresses using a default subnet mask?
#16

7. How many usable hosts are available given a Class C IP address with the default subnet mask?
#254

8. How large are IPv4 addresses?
#32 bits

9. Which of the following are private IP addresses? (Choose three.)
#10.1.1.1
#172.16.4.4
#192.168.5.5

10. What destination IP address is used in a unicast packet?
#a specific host

Baca lebih lanjut

DHomesb Chapter 4

1. What is the term for the group of high-speed data links that interconnect ISPs?

#Internet backbone

2. What is a major characteristic of asymmetric Internet service?
#Upload speeds and download speeds are different.

3. What are three characteristics of business class ISP service? (Choose three.)
# fast connections
# extra web space
# additional e-mail accounts

4.

Refer to the graphic. What type of cabling is shown?

#UTP

5. Which device can act as a router, switch, and wireless access point in one package?
#ISR

6.

Refer to the graphic. What type of cabling is shown?

#fiber

7.

Refer to the graphic. What type of cable is shown?
#crossover

8. Which three elements are required to successfully connect to the Internet? (Choose three.)
#an IP address
#a network connection
#access to an Internet service provider

9. What does the tracert command test?
#the network path to a destination

10. Which two characteristics describe copper patch panels? (Choose two.)
#uses RJ-45 jacks
#allows quick rearrangements of network connections

Baca lebih lanjut

DHomesb Chapter 3

1. Which term is used to describe the process of placing one message format into another format so that the message can be delivered across the appropriate medium?

#encapsulation

2. 

Refer to the graphic. Five PCs are connected through a hub. If host H1 wants to reply to a message from host H2, which statement is true?

#H1 sends a unicast message to H2, but the hub forwards it to all devices.

3. What is the purpose of logical addresses in an IP network?

#They are used to determine the network that the host is located on.

4. What does the 100 mean when referencing the 100BASE-T Ethernet standard?

# speed of transmission

5. Which address does an NIC use when deciding whether to accept a frame?

#destination MAC address

6. Which type of address is used in an Ethernet frame header?

#MAC addresses only

7. What is the function of the FCS field in an Ethernet frame?

#detects transmission errors

8. Which device accepts a message on one port and always forwards the message to all other ports?

#hub

9. Which two statements concerning networking standards are true? (Choose two.)

#provides consistent interconnections across networks

#simplifies new product development Baca lebih lanjut