BAB II

LANDASAN TEORI
2.1

Informatika

Informatika merupakan disiplin ilmu yang mempelajari transformasi fakta

berlambang yaitu data maupun informasi pada mesin berbasis komputasi. Disiplin
ilmu ini mencakup beberapa macam bidang, termasuk di dalamnya sistem
informasi, ilmu komputer, ilmu informasi, teknik komputer dan aplikasi informasi
dalam sistem informasi manajemen. Secara umum informatika mempelajari struktur,
sifat, dan interaksi dari beberapa sistem yang dipakai untuk mengumpulkan data,
memproses dan menyimpan hasil pemrosesan data, serta menampilkannya dalam
bentuk informasi. Aspek dari informatika lebih luas dari sekedar sistem informasi
berbasis komputer saja, tetapi masih banyak informasi yang tidak dan belum diproses
dengan komputer.
Informatika mempunyai konsep dasar, teori, dan perkembangan aplikasi
tersendiri. Informatika dapat mendukung dan berkaitan dengan aspek kognitif dan
sosial, termasuk tentang pengaruh serta akibat sosial dari teknologi informasi pada
umumnya.

Penggunaan

informasi

dalam

beberapa

macam

bidang,

seperti bioinformatika, informatika medis, dan informasi yang mendukung ilmu

perpustakaan, merupakan beberapa contoh yang lain dari bidang informatika.
2.2

Multimedia

Multimedia diambil dari kata multi dan media. Multi berarti banyak dan
media berarti media atau perantara. Multimedia adalah gabungan dari beberapa unsur
yaitu teks, grafik, suara, video dan animasi yang menghasilkan presentasi yang
menakjubkan. Multimedia juga mempunyai komunikasi interaktif yang tinggi. Bagi
pengguna komputer multimedia dapat diartikan sebagai informasi komputer yang
dapat disajikan melalui audio atau video, teks, grafik dan animasi. (Wikipedia, 2015).

Multimedia adalah kombinasi dari paling sedikit dua media input atau output
dari data, media dapat audio suara, musik, animasi, video, teks, grafik dan gambar
(Turban dkk, 2002). Multimedia merupakan alat yang dapat menciptakan presentasi
yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan
gambar video (Robin dan Linda, 2001).
Multimedia

adalah

penggunaan

komputer

untuk

menyajikan

dan

menggabungkan teks, suara, gambar, animasi, audio dan video dengan alat bantu
(tool) dan koneksi (link) sehingga pengguna dapat melakukan navigasi, berinteraksi,
berkarya dan berkomunikasi. Multimedia sering digunakan dalam media atau dunia
informatika. Selain dari dunia informatika, Multimedia juga diadopsi oleh dunia
game, dan juga untuk membuat sebuah website. Jadi kesimpulannya, Multimedia
adalah suatu kombinasi data atau media untuk menyampaikan suatu informasi
sehingga informasi itu tersaji dengan lebih menarik.
2.3

Multimedia Interaktif

Multimedia interaktif adalah alat yang dapat menciptakan presentasi yang

dinamis dan interaktif, yang mengkombinasikan teks, grafik, animasi, audio dan
gambar video (Benardo,2011).
Jenis-jenis Multimedia Interaktif (Suyanto,2011) terbagi menjadi dua bagian,
yaitu :
1. Multimedia Interaktif Online
Multimedia interaktif online adalah media interaktif yang cara
penyampaiannya melalui jalur, kawat, saluran, jaringan. Contohnya situs
Web, Yahoo Messengers, dan lain sebagainya. Jenis media ini termasuk
media lini atas, yang komunitas sasarannya luas, dan mencakup
masyarakat luas.
2. Multimedia Interaktif Offline
Multimedia interaktif offline adalah media interaktif yang cara
penyampainnya tidak melalui jalur, kawat, saluran, jaringan. Contohnya
CD interaktif. Media ini termasuk media lini bawah karena sasarannya,

tidak terlalu luas dan hanya mencakup masyarakat pada daerah tertentu
saja.
2.4 Storyboard
Storyboard adalah visualisasi ide dari aplikasi yang akan dibangun, sehingga
dapat memberikan gambaran dari aplikasi yang akan dihasilkan. Storyboard dapat
dikatakan juga visual script yang akan dijadikan outline dari sebuah proyek,
ditampilkan shot by shot yang biasa disebut dengan istilah scene.
Salah satu keuntungan menggunakan Storyboard adalah dapat membuat
pengguna untuk mengalami perubahan dalam alur cerita untuk memicu reaksi atau
ketertarikan yang lebih dalam. (Anonymous. 2015).

Gambar 2.1 Storyboard

2.5

Flowchart
Flowchart adalah bagan-bagan yang mempunyai arus yang menggambarkan

langkah-langkah penyelesaian suatu masalah dan merupakan salah satu cara

penyajian algoritma. Flowchart dibuat dengan tujuan menggambarkan suatu tahapan

penyelesaian masalah secara sederhana, terurai, rapi, dan jelas menggunakan simbolsimbol sederhana.
Berikut merupakan simbol-simbol yang digunakan dalam flowchart:
No.

Simbol

Nama

Kegunaan
Menyatakan jalannya

Simbol arus/flow arus suatu proses.

Menyatakan suatu
2

Simbol process

tindakan (proses) yang

dilakukan oleh komputer.
Menunjukkan suatu
kondisi tertentu yang

Simbol decision

akan menghasilkan dua

kemungkinan jawaban
ya atau tidak / benar
atau salah.
Menyatakan permulaan

Simbol terminal
Simbol input /

output

atau akhir suatu program.

Menyatakan proses input /
output tanpa tergantung
jenis peralatannya.

Tabel 2.3 Simbol flowchart

2.5

Autodesk 3Ds Max

Autodesk 3ds Max adalah sebuah perangkat lunak yang dikembangkan oleh
Autodesk Media & Entertainment (dahulu Discreet dan Kinetix). Autodesk 3ds Max
memiliki fungsi membuat (modeling) objek 3 dimensi dengan hasil yang realistis.
3Ds Max merupakan salah satu dari sekian banyak aplikasi pengolah objek 3 dimensi

yang banyak digunakan, baik area kerja sistem operasi Windows, maupun MacOS.
3Ds Max memiliki dukungan kolaborasi kerja yang cukup baik dengan perangkat
lunak pengolah objek 3 dimensi lainnya. 3Ds Max banyak digunakan untuk
modeling interior, karakter, dan objek 3 dimensi pada pembuatan sebuah
opening/bumper video.
Berikut tampilan area kerja (user interface) Autodesk 3Ds Max:

Gambar 2. 4 Tampilan User Interface Autodesk 3Ds Max

2.6

Adobe Photoshop
Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor

citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan
pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan
perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk
perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap
sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan
aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan
disebut Adobe Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , versi
kesebelas adalah Adobe Photoshop CS4 , versi keduabelas adalah Adobe Photoshop

CS5 , versi (ketigabelas) adalah Adobe Photoshop CS6, dan Versi yang terakhir
adalah versi (keempatbelas) Adobe Photoshop CS7 .
Dalam pembuatan produk media pembelajaran interaktif ini penulis
menggunakan Adobe Photoshop versi CS5 karena support untuk export import
yang lebih baik serta minimnya kesalahan program yang terjadi.

Gambar 2.5 Tampilan User Interface Adobe Photoshop CS5

2.7

Adobe Illustrator
Adobe

Illustrator

adalah

program

editor

grafis

vektor

terkemuka,

dikembangkan dan dipasarkan oleh Adobe Systems. Perangkat lunak ini merupakan
program pengolah grafis vektor yang sangat populer diantara program besutan
pengembang lainnya. Adobe Illustrator dapat berkolaborasi dengan baik bersama
program lainnya, baik pengolah grafis vektor, maupun grafis bitmap. Adobe
Illustrator bekerja di lingkungan sistem operasi Windows dan Mac OS.
Kompatibilitas dengan Inkscape: format asli Inkscape adalah SVG , yang
didukung oleh AI, tetapi dua implementasi tidak 100% kompatibel. Inkscape juga
ekspor ke PS , EPS dan PDF, format yang dapat mengenali Illustrator.

Gambar 2.6 Tampilan User Interface Adobe Illustrator CS5

2.8

Adobe After Effect Pro

Adobe After Effects adalah sebuah software yang sangat profesional untuk

kebutuhan Motion Graphic Design. Dengan perpaduan dari bermacam-macam

software Design yang telah ada, Adobe After Effects menjadi salah satu software
Design yang handal. Standart Effects yang mencapai sekitar 50 macam lebih, yang
sangat bisa untuk mengubah dan menganimasikan obyek. Disamping itu, membuat
animasi dengan Adobe After Effects, juga bisa dilakukan dengan hanya mengetikkan
beberapa kode script yang biasa disebut Expression untuk menghasilkan pergerakan
yang lebih dinamis.
Adobe After Effects memiliki fitur-fitur penting, misalnya Adobe After Effects
memiliki alat untuk membuat Shape (seperti yang terdapat pada Adobe Photoshop).
Pada Adobe After Effects terdapat Keyframe seperti yang terdapat pada Adobe Flash
(cara menganimasikannya juga hampir sama). Terdapat juga Expression yang hampir
mirip dengan Action Script pada Flash, dan masih banyak lagi yang lain.

Gambar 2.7 Tampilan User Interface Adobe After Effects CS5

2.9

Camtasia Studio
Camtasia Studio adalah suite perangkat lunak, dibuat dan diterbitkan oleh

TechSmith, untuk membuat video tutorial dan presentasi langsung melalui

screencast, atau melalui plug-in rekaman langsung ke Microsoft PowerPoint. Area
layar yang akan direkam dapat dipilih secara bebas, dan audio atau rekaman
multimedia lainnya dapat direkam pada saat yang sama atau ditambahkan secara
terpisah dari sumber lain dan terintegrasi dalam komponen Camtasia Studio produk.
Kedua versi Camtasia dimulai sebagai program screen capture ditingkatkan dan telah
berevolusi untuk mengintegrasikan alat screen capture dan pengolahan pasca
ditargetkan pada pasar pengembangan multimedia pendidikan dan informasi.

Gambar 2.8 Tampilan User Interface Camtasia Studio

2.10 Adobe Flash Professional

Adobe Flash adalah salah satu perangkat lunak komputer yang merupakan
produk unggulan Adobe System. Adobe Flash digunakan untuk membuat gambar
vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat
lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang
telah

dipasangi

Adobe

Flash

Player.

Flash

menggunakan bahasa

pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.

Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe
dan program aplikasi standar authoring tool professional yang digunakan untuk
membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan
situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk
membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak
digunakan untuk membangun dan memberikan efek animasi pada website, CD
Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk
membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol
animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan
pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik

membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan
video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash
ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri
untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi
dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML,
dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil
dalam ukuran file outputnya.

Gambar 2.9 Tampilan User Interface Adobe Flash Professional CS5

2.1 Stage
Stage merupakan area atau kampas yang dapat anda gunakan untuk
menggambar, meletakkan objek yang digunakan dalam pembuatan animasi.
2.2 Timeline
Timeline merupakan area yang digunakan untuk mengontrol animasi, pada
area ini terdapat 2 bagian yang disebelah kiri disebut layer, sedangkan yang
dikanannya adalah area frame.
2.3 Panel Properties

10

Panel properties merupakan tempat untuk mengatur objek-objek yang

digunakan pada pembuatan animasi, baik mengatur warna, mengatur teks,
ukuran, dsb. Tampilan panel properties ini akan berubah isinya sesuai dengan
objek yang dipilih.
2.4 Panel Library
Panel library merupakan tempat menyimpan aset-aset yang digunakan pada
pembuatan animasi seperti gambar, suara, video, simbol dsb. Panel library ini
letaknya ada disebelah panel properties.
2.5 Toolbox
Toolbox merupakan tempat kumpulan alat-alat yang nantinya anda gunakan
untuk membuat animasi. Ada banyak tool atau alat yang dapat anda gunakan
disini seperti untuk selecting (memilih objek), drawing (menggambar),
coloring (mewarnai), ada untuk editing, dsb.
2.6 Menu bar
Merupakan area utama yang berisi perintah-perintah penting dalam
pengerjaan.
2.7 Other Panel
Merupakan panel yang biasa muncul secara otomatis saat kita menggunakan
beberapa perintah yang diperlukan.

11