BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA

II.1. Perancangan Perancangan adalah kegiatan awal dari suatu rangkaian kegiatan dalam proses pembuatan produk. Dalam tahap perancangan tersebut dibuat keputusankeputusan penting yang mempengaruhi kegiatan-kegiatan lain yang menyusulnya. (Harsokusoemo, 2000:1). Perancangan yang dimaksud adalah sebuah proses membuat beberapa output media komunikasi visual yang didasari adanya sebuah kebutuhan atau suatu permasalahan, mulai dari perencanaan, pengumpulan dan analisa data hingga membuat desain yang efisien dan sesuai tujuan, (Adithya Yustanto; 2011: 3).

II.2. Simulasi Banyak para ahli memberikan definisi tentang simulasi. Beberapa diantaranya adalah sebagai berikut : 1.

Emshoff dan Simon (1970) Simulasi didefinisikan sebagai suatu model sistem dimana komponennya

direpresentasikan

oleh

proses-proses

aritmatika

dan

logika

yang

dijalankancomputer untuk memperkirakan sifat-sifat dinamis sisterm tersebut.

9

10

2. Shannon (1975) Simulasi merupakan proses perancangan model dari sistem nyata yang dilanjutkan dengan pelaksanaan eksperimen terhadap model yang mempelajari perilaku sistem atau evaluasi strategi. 3. Bank dan Carson (1984) Simulasi adalah tiruan dari sistem nyata yang dikerjakan secara manual atau computer yang kemudian di observasi dan disimpulkan untuk mempelajari karakteristik sistem.

II.3. Sistem Pernafasan Sistem pernafasan tersusun atas saluran pernafasan dan paru-paru sebagai tempat pertukaran udara pernafasan. Pernafasan merupakan proses untuk memenuhi kebutuhan oksigen yang diperlukan untuk mengubah sumber energi menjadi energi dan membuang karbondioksida sebagai sisa metabolisme. (dr.Setiadi Budiyono;2011;47). Pernafasan adalah proses ganda yaitu terjadinya pertukaran gas didalam jaringan(pernafasan dalam), yang terjadi di dalam paru-paru disebut pernafasan luar. Pada pernafasan melalui paru-paru atau respirasi eksternal, oksigen.(Koes Irianto;2014:299). Sistem pernafasan pada manusia adalah sistem menghirup oksigen dari udara serta mengeluarkan karbondioksida dan uap air. Dalam proses pernafasan, oksigen merupakan zat kebutuhan utama.(Lidia Widia;2015:19).

11

II.3.1. Saluran Pernafasan Manusia Yang dimaksud dengan saluran pernafasan, yaitu bagian dari sistem pernafasan yang digunakan untuk jalannya gas-gas yang terlibat dalam pernafasan tersebut.(Koes Irianto;2014:300). Pernafasan pada manusia memerlukan saluran pernafasan dan paru-paru. Saluran Pernafasan berfungsi sebagai saluran udara yang masuk menuju paru-paru dan keluar dari paru-paru. Paru-paru sebagai tempat pertukaran udara pernafasan yaitu oksigen (O2) dan karbondioksida (CO2). (dr.Setiadi Budiyono;2011:47) saluran udara pernafasan tersusun atas: lubang hidung, rongga hidung, faring, laring, trakea, bronkus dan bronkeolus. lubang hidung sampai bronchiolus disebut pars konduktoria karena fungsinya sebagai saluran udara respirasi. secara lebih rinci bagian-bagian saluran pernafasan dan fungsinya adalah sebagai berikut:

II.3.1.1.Hidung Lubang hidung merupakan tempat pertama yang dilalui udara pernafasan pada saat memasuki tubuh kita. pada lubang hidung sebelah luar terdapat rambut yang berfungsi untuk menyaring dan mencegah masuknya benda-benda yang berukuran

besar

kedalam

pernafasan

yang

lebih

dalam.

(dr.Setiadi

Budiyono;2011:48) Udara yang dihirup akan masuk rongga hidung(kaum nasi). Ujung hidung ditunjang oleh tulang rawan dan pangkal hidung ditunjang oleh tulang nasalis. Kedua lubang hidung menghubungkan atmosfer dengan rongga hidung.(Koes Irianto;2014:300).

12

II.3.1.2. Faring dan Laring Faring (pangkal tenggorak) merupakan persimpangan antara saluran makanan dan udara pernafasan. faring memiliki lubang yang disebut glotis dan memiliki penutup yang disebut epiglotis. Epiglotis berfungsi sebagai katup yang akan menutup faring manakala sedang menelan makanan sehingga makanan dari rongga mulut masuk kekerongkongan. sebaliknya, epliglotis akan selalu terbuka jika sedang tidak menelan sehingga udara pernafasan dapat langsung melewati faring menuju ke tenggorokan. Pada faring terdapat selaput suara yang akan bergetar bila ada udara yang melaluinya, misalnya pada waktu kita bicara. Setelah masuk hidung, udara masuk ke faring. Faring adalah hulu kerongkongan. Faring merupakan persimpangan antara rongga mulut ke kerongkongan dengan rongga hidung yang disebut anak tekak, yang menutup apabila sedang menelan makanan. Pangkal tenggorokan disebut laring. Pada pangkal tenggorokan terdapat selaput suara yang akan bergetar bila ada udara yang melaluinya, misalnya, pada waktu kita bicara. Faring memiliki lubang yang disebut glotis sedangkan penutupnya disebut epiglotis, tulang rawan (cartilago)terdapat pada faring. Pada laring terdapat pita suara, berlanjut ke trakhea. (dr.Setiadi Budiyono;2011:48-49). Faring merupakan saluran yang memiliki panjang kira-kira 13 cm yang menghubungkan

nasal

dan

rongga

mulut

kepada

laring

pada

dasar

tengkorak.(Koes Irianto;2014:302). Faring

merupakan

persimpangan

antara

rongga

hidung

ke

tenggorokan(saluran pernafasan) dan rongga mulut ke kerongkongan(saluran pencernaan). Pada bagian belakang faring terdapat laring. Laring disebut pula

13

pangkal tenggorok. Pada laring terdapat pita suara dan epiglottis atau katup pangkal tenggorokan. Sebaliknya pada waktu bernafas epiglotis akan membuka sehingga udara masuk kedalam laring kemudian menuju tenggorokan.(Lidia Widia;2015:20).

II.3.1.3. Trakhea Trakhea(batang tenggorok) merupakan saluran seperti pipa yang tersusun atas tulang rawan yang berbentuk seperti huruf C. Seperti halnya pada rongga hidun, lapisan paling dalam trakea diselaputi oleh selaput lendir dan sel-sel yang memiliki rambut getar, Trakhea terletak di daerah leher, menghubungkan faring dengan paru-paru. Sebelum masuk ke paru-paru, trakhea bercabang menjadi dua bronkus, yaitu bronkus kiri dan kanan. Selanjutnya, setiap bronkus menuju ke paru-paru dan di dalam paru-paru keduanya membentuk cabang-cabang lebih kecil lagi yang disebut bronkeolus. Akhirnya, bronkeolus bercabang-cabang lagi menjadi cabang lebih kecil dan halus yang ujung-ujungnya membentuk suatu kantung yang disebut alveolus.(dr.Setiadi Budiyono;2011:49)

II.3.1.4. Cabang Tenggorokan(Bronkus) Bronkus merupakan cabang batang tenggorokan. Jumlahnya sepasang, yang satu menuju paru-paru kanan dan yang satu menuju paru-paru kiri. Bronkus yang ke arah kiri lebih panjang, sempit, dan mendatar dari pada yang ke arah kanan. Hal inilah yang mengakibatkan paru-paru kanan lebih mudah terserang penyakit.(Lidia Widia;2015:21).

14

II.3.1.5. Bronkiolus Bronkiolus merupakan cabang dari bronkus. Bronkiolus bercabang-cabang menjadi saluran yang semakin halus, kecil, dan dindingnya semakin tipis. Bronkiolus tidak

mempunyai tulang rawan tetapi rongganya bersilia. Setiap

bronkiolus bermuara ke alveolus.(Lidia Widia;2015:21).

II.3.1.6. Alveolus Bronkiolus bermuara pada alveoli(tunggal:alveolus), struktur berbentuk bola-bola

mungil

yang

diliputi

oleh

pembuluh-pembuluh

darah.(Lidia

Widia;2015:21).

II.3.1.7. Paru-paru Paru-paru di dalam rongga dada tepat di atas diafragma. Diafragma adalah sekat berotot yang membatasi rongga dada dan rongga perut. Paru-paru terdiri atas 2 bagian, kiri dan kanan, yang terletak di rongga dada. Sedangkan jantung terletak hampir di tengah rongga dada, di antara kedua paru-paru, dengan posisi yang lebih ke kiri sedikit. Paru-paru kanan tersusun atas 3 gelambir, sedangkan paruparu kiri 2 gelambir. Paru-paru dibungkus oleh selaput pari-paru yang disebut pleura. Di depannya terdapat batang tenggorok dan saluran pernafasan (bronchi). Oleh sebab jantung agak mengambil tempat ke kiri, bagian paru-paru sebelah kiri lebih kecil sedikit dari paru-paru kanan. Dengan demikian dapat dimengerti paru-paru kiri

15

hanya terdiri atas 2 bagian (labus), sedangkan paru-paru kanan 3 bagian. (dr.Setiadi Budiyono;2011:49)

II.4. Pengenalan 3Ds Max 3D Studio Max (3Ds Max) adalah sebuah software yang dikhususkan dalam pemodelan 3 dimensi ataupun untuk membangun animasi 3 dimensi. Selain terbukti handal untuk digunakan dalam pembuatan objek 3 dimensi, 3Ds Max juga banyak digunakan dalam pembuatan desain furniture, konstruksi, maupun desain interior. Selain itu, 3Ds Max juga sering digunakan dalam pembuatan animasi atau film kartun, (Galih Pranowo; 2010: 1).

II.4.1. Area Kerja 3Ds Max12 Saat pertama kali mengerjakan program 3D Studio Max12 (3Ds Max12), maka kita akan mendapati tampilan halaman pembuatan 3Ds Max12 seperti yang dilihat pada Gambar II.1.

16

Gambar II.1. Tampilan Halaman Pembuka 3Ds Max Sumber : (Galih Pranowo; 2010: 2) Setelah proses loding program 3Ds Max 2012 selesai, maka akan tampil bagian antarmuka dari 3Ds Max 2012. Area kerja 3Ds Max 2012 dapat dilihat pada Gambar II.2.

Gambar II.2. Tampilan Area Kerja 3Ds Max Sumber : (Galih Pranowo; 2010: 2)

17

II.4.2. Menu Bar Menu Bar pada 3Ds Max adalah sebuah menu bar standart Windows yang memuat menu File, Edit, Tools, Group, Views, Create, Modifiers, Reactor, Animation, Graph Editors, Rendering, Customize, MAXScript, Help. Berikut ini adalah merupakan gambar dari Menu Bar.

Gambar II.3. Tampilan Menu Bar Sumber : (Galih Pranowo; 2010: 2) 1. Toolsyaitu memuat berbagai perintah pengeditan yang sebagian besar juga ditampilkan pada Main Toolbar. 2. Group yaitu memuat perintah-perintah yang berkaitan dengan pengelomp okan objek agar dapat jadi satu bagian dari beberapa bagian objek. 3. Viewsyaitu memuat perintah-perintah untuk mengeset atau mengatur dan mengontrol viewport. 4. Createyaituperintah-perintah untuk membuat satu objek. 5. Modifiersyaitu perintah-perintah untuk memodifikasi suatu objek 6. Animationyaitu perintah-perintah untuk memuat dan mengendalikan suatu animasi. 7. Graph Editors yaitu perintah-perintah untuk memberikan akses grafis untuk mengedit objek dan animasi. 8. Renderingyaitu perintah-perintah untuk melakukan rendering, mengatur Video Post, radiosity, dan environment.

18

9. MAXScriptyaitu perintah-perintah untuk menggunakan MAXScript atau bahasa scripting dalam 3D Studio Max, (Galih Pranowo; 2010:3).

II.4.3. Main Toolbar Main Toolbar terletak tepat di bawah Menu Bar. Main Toolbar menyediakan shortcut instruksi-instruksi praktis mulai dari penyelesaian objek, Material Editor, hingga Rendering. Adapun tombol dari Main Toolbar adalah sebagai berikut : Select and Link, Unlink Selection, Bind to Space Warp, Selection Filter List, Select Object, Select by Name, Selection Region Flyout, window/Crossing, Select and Move, Select and rotate, Select and Scale, Snap Toggle, Percent Snap Toggle, Mirror, Layar Maneger, Material Editor, Reder Setup, Rendered Frame Window, Render Production, Render Iterative, ActiveShade. Berikut ini merupakan gambar dari Main Toolbar, (Galih Pranowo; 2010: 4-7).

Gambar II.4. Tampilan Main Toolbar Sumber : (Galih Pranowo ; 2010: 4)

II.4.4. Viewport Viewport dalam 3Ds Max adalah ruang kerja atau layar kerja dimana kitadapat melakukan pekerjaan membuat animasi. Viewport juga akan menjadi tempat yang paling sering digunakan, baik dalam pemodelan maupun animasi. Secara dafault, Viewport terbagi menjadi empat bagian, yaitu Top viewport (kiri

19

atas), Front Viewport (kana atas), Left Viewport (kiri bawah), dan Perspective Viewport (kanan bawah). Untuk mengubah Viewport, klik kanan pada label Viewport yang bersangkutan dan pilih Viewport yang digunakan, (Galih Pranowo: 2010; 10-11). Berikut ini merupakan gabar dari Viewport.

Gambar II.5. Tampilan Viewport Sumber : (Galih Pranowo: 2010; 12)

II.4.5. Command Panel Command Panel adalah bagian yang akan sering digunakan selain viewport. Command Panel terletak di sebelah kanan Viewport dan merupakan tempat parameter objek, setting, dan control. Command Panel dalam 3Ds Max dibagi dalam enam panel yang masing-masing dapat diakses melalui tab ikon yang berada di atas panel. Ke enam panel tersebut meliputi Create (untuk membuat sebuah objek), Modify (untuk memodifikasi sebuah objek dan menambahkan modifier), Hierarchy (parameter-parameter untuk melakukan link

20

dan parameter Inverse Kinematics), Motion (sebagai pengatur animasi), Display (control tampilan), dan Utilities, (Galih Pramowo: 2010; 8).Berikut ini merupakan Gambar dari Command File.

Gambar II.6. Tampilan Commend Panel Sumber : (Galih Pranowo; 2010: 8)

II.4.6. Timeline Animation Timeline Animation merupakan fasilitas yang disediakan 3Ds Max untuk melakukan animasi atau sebagai pencatat aktifitas objek kanan harus tampil dan kapan harus menghilang. Selain itu, Timeline Animation juga berguna untuk melakukan pengeditan animasi dengan tombol-tombol yang sesuai dengan fungsinya masing-masing. Pada bagian ini juga di sediakan pasilitas untuk mengontrol animasi, dan sebagainya, (Galih Pranowo; 2010: 13). Berikut ini merupakan gambar dari Timeline Animation.

21

Gambar II.7. Tampilan Timeline Animation Sumber : (Galih Pranowo; 2010: 13)

Timeline Animation sering digunakan dalam membuat pergerakan suatu animasi dan untuk mengatur waktu animasi. Bagi para Animator atau pembuat animasi, Timeline adalah hal penting yang harus diperhatikan agar nantinya dapat menghasilkan sebuah animasi yang sempurna. Tabel berikut ini adalah bagianbagian dari Timeline Animation 3Ds Max yang sering digunakan ketika membuat animasi. Tabel II.1. Ikon-Ikon Timeline Animation Ikon

Nama Fasilitas

Keterangan

Slinder Timeline

Merupakan fasilitas untuk memindah frame dari timeline atau untuk membentuk objek berada pada urutan frame tertentu. Frame adalah sebuah kolom yang berada pada timeline yang berfungsi untuk membuat suatu pergerakan objek dari suatu titik ke titik yang kainnya. Tombol ini berguna untuk membuka kotak editor pengontrol animasi dan suara Tombol ini berfungsi untuk mengaktifkan dan mengunci objek dalam frame yang telah ditentukan pada timeline.

Frame

Open Mini Curve Editor Auto Key, Set Key

22

Key Filters

Set Mode Toggle

Berfungsi untuk membuka kotak dialok pilihan Set Key Filter untuk menentukan posisi, rotasi, dan skala pada animasi. Berfungsi untuk mengaktifkan mode Toggle dalam animasi.

Timeline Configuration

Berfungsi untuk membuka kotak dialog timeline Configuration untuk mengatur pangjang pendek frame, tampilan waktu, frame rate, serta kecepatan dalam animasi. Go to start, Berfungsi untuk mengatur Previous Frame, jalannya animasi, kembali ke Play Animation, awal animasi, kembali ke frame Next Frame, Go sebelumnya, memainkan to End animasi, menuju ke frame berikutnya, dan menuju ke akhir animasi. Sumber : (Galih Pranowo: 2010; 13-14)

II.5. Pengenalan Adobe Flash CS6 AdobeFlash (dahulu bernama MacromediaFlash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan AdobeSystems. Adobe 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 AdobeFlashPlayer.

Flash

menggunakan

bahasa

pemrograman

bernama

ActionScript yang muncul pertama kalinya pada Flash6. (Kriston Radion, S.ST; 2012: 2) Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi

23

vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama ‘Macromedia’ adalah MacromediaFlash 8. Pada tanggal 3 Desember 2005 AdobeSystems mengakusisi Macromedia dan seluruh produknya, sehingga nama MacromediaFlash berubah menjadi AdobeFlash.(Kriston Radion, S.ST; 2012: 2) AdobeFlash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoringtoolprofesional 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 andal 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, menuinteraktif, interaktifform isian, e-card, screensaver, dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas actionscript, filter, customeasing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemrograman baik yang berjalan sendiri untuk mengatur animasi yang ada di dalamnya 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.(Kriston Radion, S.ST; 2012: 2-3).

24

II.5.1. Area kerja macromedia Flash Player Langkah untuk menjalankan program Adobe Flesh Pro CS6, tekan tombol Start ► All Programs ► Adobe ► Adobe Flash CS6 sehingga tampil Welcome Screenseperti terlihat pada gambar berikut, (Madcoms Madium; 2012: 4).

Gambar II.8. Tampilan layar pertama program Adobe Flash Pro CS6 Sumber : (Madcoms Madium; 2012: 4) Welcome Screen menampilka empat pilihan perintah untuk memulai Adobe Flash Pro CS6yaitu: 1.

Create from Template, berguna untuk membuka lembar kerja dengan template yang tersedia dalam program Adobe Flash Pro CS6.

2.

Open a Recent Item, berguna untuk membuka kembali file yang pernah Anda simpan atau pernah Anda buka sebelumnya.

3.

Create New, berguna untuk membuka lembar kerja baru dengan beberapa pilihan script yang tersedia.

25

4.

Learn, berguna untuk membuka jendela Help yang berguna untuk mempelajari suatu perintah, (Madcoms Madium; 2012: 4-5). Jika Anda tidak ingin menampilkan jendela Welcome Screen lagi saat

membuka program, aktifkan kotak periksa Don’t Show againyang terdapat pada sisi bawah dari jendela Welcome Screen. Sebagai cantoh klik perintah ActionScript 3.0 pada bagian Create New sehingga tampil lembar kerja seperti Gambar II.9.

Gambar II.9. Tampilan Jendela program Adobe Flash Pro CS6. Sumber : (Madcoms Madium; 2012: 5) II.5.2. Panel Tools Panel Tools merupakan sebuah panel yang menampung tomboltombol,berguna untuk membuat suatu desain animasi mulai dari tombol seleksi, pen, pensil, 3D Rotate, dan lain-lain.

26

Gambar II.10. Tampilan Panel Tools Suber : (Madcoms Madium; 2012: 6)

Dalam daftar Tabel II.2. berikut adalah simbol dan nama-nama tombol Toolbox: Tabel II.2. Fungsi Tombol Panel Tools Nama Tombol Selection Tool (V) Subselection Tool (A) Free Transform Tool (Q) GradientTransform Tool(F) 3D Rotation Tool (W) 3D Translation Tool (G) Losso Tool (L) Pen Tool (P) Add Anchor Point Tool (=) Delete Anchor

Fungsi Untuk menyeleksi objek. Untuk menyeleksi bagian objek untuk proses editing. Untuk mengubah bentuk objek secara bebas. Untuk mengubah transformasi warna gradasi sebuah objek. Untuk melakukan transformasi bentuk dan posisi 3D pada objek berdasarkan sumbu X, Y dan Z. Untuk melakukan transformasi bentuk dan posisi 3D pada simbol movie clip dengan acuan tiga sumbu X, Y dan Z. Untuk menyeleksi objek dengan pola seleksi bebas. Untuk menggambar objek Untuk menambah titik anchor pada sebuah path. Untuk menghapus titik Anchor.

27

Point Tool (-) Convert Anchor Point Tool (C) Text Tool (T) Line Tool (N) Rectangle Tool (R) Oval Tool (O) RectanglePrimitive Tool (R) Oval Primitive Tool (O) PolyStar Tool Pencil Tool (Y) Brush Tool (B) Spray Brush Tool (B) Deco Tool (U) Bone Tool (X) Bind Tool (Z) Ink Bottle Tool (S) Paint Bucket Tool (K) Eyedropper Tool (I) Erasser Tool (E) Hand Tool (H) Zoom Tool (M,Z) Stroke Color Fill Color

Untuk mengubah sudut lancip dari sebuah path menjadi sudut lengkung. Untuk mengetik text dan paragraf. Untuk menggambar objek garis lurus. Untuk menggambar objek kotak. Untuk menggambar objek oval atau lingkaran. Untuk menggambar objek kotak dengan sudut dapat di lengkungkan. Unruk menggambar objek lingkaran dengan berbagai variasi. Untuk menggambar objek poligon dan bintang. Untuk menggambar dengan bentuk goresan pensil. Untuk menggambar dengan bentuk polesan kuas. Untuk menggambar dengan spary, yaitu menyemprotkan warna atau simbol. Untuk menggambar corak dekorasi dengan menggunakan simbol graphic. Membuat animasi pertulangan dengan menggunakan titik sindi pada objek. Melakukan pengeditan dan modifikasi titiksendi dari piranti Bone Tool. Untuk memberi warna dan bentuk garis outline pada sebuah objek. Untuk memberi warna bidang objek. Untuk mengambil sample warna dari sebuah objek. Untuk menghapus bidang objek. Untuk menggeser area lembar kerja atau stage. Untuk memperbesar atau memperkecil tampilan lembar kerja atau stage. Untuk menentukan warna garis. Untuk menentukan warna bidang objek.

28

Black and White Swap Colors No Color Snap to Objects

Untuk mengubah warna garis dan bidang menjadi hitam dan putih. Untuk membalik warna antara warna garis dan warna bidang objek. Unruk menghapus warna garis atau warna bidang objek. Untuk mengaktiskan atau mematikan fungsi Snap to Objects. Sumber : (Madcoms Madium; 2012: 6-9)

II.5.3. Tampilan Panel Panel, berisi kontrol fungsi yang di pakai dalam flash, yang berfungsi untuk mengganti dan memodifikasi berbagai atribut dari objek atau animasi secara cepat dan mudah. Panelbiasanya terletak di bagian kanan area Flash. Untuk menampilkan panel tersebut, klik menuWindow>(nama panel). Program Adobe Flash Pro CS6menampilkan lembar kerja yang sangat menarik serta dapat di ubah menurut selera Anda. Dengan perubahan tersebut, Anda lebih mudah mengatur dan menyusun objek yang akan dianimasikan. Perhatikan gambar berikut serta keterangannya untuk mengatur tampilan lembar kerja Adobe Flash CS6 (Madcoms Madium; 2012: 14).

29

B

F

C D

E G

A

Gambar II.11. Tampilan Panel Sumber : Madcoms Madium; 2012: 14 Tabel II.3. Keterangan Tampilan Panel Abjad A B C D E F G

Keterangan Klik tahan untuk mengatur lembar panel. Klik untuk menutup uraian panel aktif. Klik untuk menutup panel aktif. Klik dan geser keluar untuk melepas panel dari grupnya. Klik untuk menutup uraian panel kedalam dock panel. Klik untuk menguraikan semua dock panel. Klik ikon panel untuk menguraikan panel dock terpilih. Sumber : (Madcoms Madium; 2012: 14-15)

II.5.4. Timeline Timeline berguna untuk menentukan durasi animasi, jumlah layer, frame, menempatkan script dan beberapa keperluan animasi lainnya. Semua bentuk animasi yang Anda buat akan diatur dan ditempatkan pada layer dalam timeline.

30

D F C

B

E

G

H

I

A

T J

L K

N P M O

Q

U

R

S

Gambar II.12. Tampilan Timeline Animation Sumber : (Madcoms Madium; 2012: 9) Tabel II.4. Keterangan Tampilan Timeline Abjad A B C

D

Nama Layer

Keterangan Layar kerja yang menampung objek yang akan dianimasika di dalam Timeline. Timeline Tabulasi dari lembar kerja atau Stage yang sedang dikerjakan. Show/Hide All Layers Untuk menyembunyikan atau menampilkan semua isi layer.

F

Lock/Unlock All Layers Show All Layer as outlines Playhead

G

Blang Keyframe

H

Frame

E

Untuk mengunci atau melepas kunci objek dari semua layer. Untuk menampilkan objek pada semua layer dalam bentuk outline. Jarum untuk membaca Frame pada saat animasi dijalankan. Sebuah simbol lingkaran kosong yang menampung suatu objek. Suatu bagian dari layer yang digunakan untuk

31

I J K L M

Menu New Layer New Folder Delete Simbol Pensil

N

Titik Show or Hide

O

Titik Kunci

P

Kotak Outline

Q R S T U

mengatur pembuatan animasi. Untuk mengatur tampilan Frame. Untuk menambahkan layer baru. Untuk menambahkan folder baru. Untuk menghapus layer Menunjukkan bahwa layer dalam kondisi terpilih atau aktif. Klik untuk menampilkan atau menyembunyikan layer aktif. Klik untuk mengunci atau melepaskan kunci layer yang aktif. Klik untuk menampilkan objek dalam layer aktif menjadi bentuk outline.

Onion skinning button Untuk mengatur tampilan animasi didalam stage. Frame Rate Untuk mengatur kecepatan gerak animasi dalam tiap detiknya. Elapsed Menunjukkan durasi atau lamanya animasi. Time Scrollbar Menggulung jendela Timeline secara vertikal dan horisontal. Current Frame Menunjukkan posis Frame aktif. Sumber : (Madcoms Madium; 2012: 9-10)

II.5.5. Panel Properties Panel Propertis berguna untuk menampilkan parameter dari sebuah tombol yang terpilih sehingga Anda dapat memodifikasi dan memaksimalkan fungsi dari tombol tersebut. Panel Propertis menampilkan parameter sesuai dengan tombol yang terpilih.

32

Gambar II.13. Tampilan Properties Sumber : (Madcoms Madium; 2012: 12)

II.5.6. Stage Stage adalah lembar kerja yang di gunakan untuk membuat atau mendesain objek yang akan dianimasikan. Objek yang dibuat dalam lembar kerja dapat berupa objek Vektor, Movie clip, Text, Button, dan lain-lain, (Madcoms Madium; 2012: 11).

33

C F E D

B

A

G

Gambar II.14. Tampilan Stage Sumber : (Madcoms Madium; 2012: 11) Tabel II.5. Keterangan Tampilan Stage Abjad A B C D E F G

Keterangan Stage, lembar kerja untuk menyusun objek yang akan dianimasikan. Scene, menunjukkan nama scene yang aktif. Panah yang digunakan untuk berpindah dari lembar kerja simbol ke lember kerja utama. Edit Scene, untuk memilih nama scane yang akan diedit. Edit Symbols, untuk memilih nama simbol yang akan diedit. Zoom, untuk mengatur besarnya tampilan stage atau lembar kerja. Scrolber, untuk menggulung lembar kerja secara horisontal dan vertikal. Sumber : (Madcoms Madium; 2012: 11)

II.6. UML (Unified Modeling Language) Pada perkembangan teknik pemograman berorientasi objek, muncullah sebuah standarisasi bahasa pemodelan untuk pembangunan perangkat lunak yang dibangun dengan menggunakan teknik pemrograman berorientasi objeek, yaitu Unified Modelig Language (UML).

34

UML

muncul

karena

adanya

kebutuhan

pemodelan

visual

untuk

menspesifikasikan, menggambarkan, membangun, dan dokumentasi dari sistem perangkat lunak. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan teks-teks pendukung (Rosa A.S & M. Shalahuddin ; 2016 : 137).

II.6.1 Use case Diagram Use case atau diagram use case merupakan pemodelan untuk kelakukan (behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem informasi yang akan dibuat. Secara kasar, use case digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsifungsi itu. Berikut adalah simbol-simbol yang ada pada diagram use case :

Simbol

Tabel II.6. Simbol Use Case Deskripsi

Use Case

fungsionalitas yang disediakan sistem sebagai unitunit yang saling bertukar pesan antar unit atau aktor; biasanya dinyatakan dengan menggunakan kata kerja di awal di awal frase nama use case.

Aktor / actor

orang, proses, atau sistem yang lain berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat itu sendiri, jadi walaupun simbol dari aktor adalah gambar orang, tapi aktor belum tentu merupakan orang; biasanya dinyatakan menggunakan kata benda di awal frase nama aktor.

Asosiasi / association

Komunikasi antara aktor dan use case yang berpartisipasi pada use case atau use case memiliki interaksi dengan aktor.

35

Ekstensi / extend

relasi use case tambahan ke sebuah use case dimana use case yang ditambahakn dapat berdiri sendiri walaupun tanpa use case tambahan itu; mirip dengan prinsip inheritance pada pemograman berorientasi objek; biasanya use case tambahan memiliki nama depan yang sama dengan use case yang ditambahkan.

<<extend>

Generalisasi / generalization Menggunakan / include / uses <>

Hubungan generalisasi dan spesialisasi (umum – khusus) antara dua buah use case dimana fungsi yang satu adalah fungsi yang lebih umum dari lainnya. relasi use case tambahan ke sebuah use case dimana use case yang ditambahkan memerlukan use case ini untuk menjalankan fungsinya atau sebagai syarat dijalankan use case ini.

(Sumber : Rosa A.S & M. Shalahuddin ; 2016 : 156-157)

II.6.2. Diagram Aktivitas (Activity Diagram) Diagram aktivitas atau activity Diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak. Yang perlu diperhatikan disini adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, aktivitas yang dapat dilakukan bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem. Berikut adalah simbol-simbol yang ada pada diagram aktivitas:

Tabel II.7. Simbol Activity Diagram Simbol status awal

Deskripsi Status awal aktivitas sistem, sebuah diagram aktivitas memiliki sebuah status awal

36

Aktivitas

Aktivitas yang dilakukan sistem, aktivitas biasanya diawali dengan kata kerja aktivitas

percabangan / decision

asosiasi percabangan dimana jika ada pilihan aktivitas lebih dari satu

Penggabungan / join

asosiasi penggabungan dimana lebih dari satu aktivitas digabungkan menjadi satu

status akhir

status akhir yang dilakukan sistem, sebuah diagram aktivitas memiliki sebuah starus akhir

Swimlane

Memisahkan organisasi bisnis yang bertanggung jawab terhadap aktivitas yang terjadi

nama swimlane

(Sumber : Rosa A.S & M. Shalahuddin ; 2016 : 162)

II.6.3. Diagram Urutan (Sequence Diagram) Diagram sekuen menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar objek. Berikut adalah simbol-simbol yang ada pada diagram sekuen:

Tabel II.8. Simbol Sequence Diagram Simbol Aktor

nama aktor

atau nama aktor

Deskripsi orang, proses, atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri, jadi walaupun simbol dari aktor adalah gambar orang, tapi aktor belum tentu merupakan orang; biasanya dinyatakan menggunakan kata benda di awal frase nama aktor.

37

garis hidup / lifeline

menyatakan kehidupan suatu objek

Objek

menyatakan objek yang berinteraksi pesan

nama objek : nama kelas

Waktu aktif

menyatakan objek dalam keadaan aktif dan berinteraksi, semua yang terhubung dengan waktu aktif ini adalah sebuah tahapan yang dilakukan di dalamnya.

Pesan tipe create

menyatakan suatu objek membuat objek yang lain, arah panah mengarah pada objek yang dibuat

<< create >>

Pesan tipe call 1 : nama_metode()

Pesan tipe send 1 : masukan

Pesan tipe return 1 : masukan

Pesan tipe destroy <<destroy>>

menyatakan suatu objek memanggil operasi/metode yang ada pada objek lain atau dirinya sendiri, arah panah mengarah pada objek yang memiliki operasi/metode maka operasi/metode yang dipanggil harus ada pada diagram kelas objek yang berinteraksi menyatakan bahwa suatu objek mengirim data/masukan/informasi ke objek lainnya, arah panah mengarah pada objek yang dikirim menyatakan bahwa suatu objek yang telah menjalankan suatu operasi atau metode menghasilkan suatu kembalian ke objek tertentu, arah panah mengarah pada objek yang menerima kembalian menyatakan suatu objek mengakhiri hidup objek yang lain, arah panah mengarah pada objek yang diakhiri, sebaiknya jika ada create maka ada destroy

(Sumber : Rosa A.S & M. Shalahuddin ; 2016 : 165-167)

38

II.6.4. Diagram Kelas (Class Diagram) Diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Diagram kelas dibuat agar pembuat program atau programmer membuat kelas-kelas sesuai rancangan di dalam diagram kelas agar antara dokumentasi perancangan dan perangkat lunak sinkron. Berikut adalah simbol-simbol yang ada pada diagram kelas: Tabel II.9. Simbol Class Diagram Simbol Kelas

Deskripsi kelas pada struktur sistem

nama_kelas +atribut +operasi()

antarmuka / interface

sama dengan konsep interface dalam pemrograman berorientasi objek

asosiasi / association

relasi antarkelas dengan makna umum, asosiasi biasanya juga disertai dengan multiplicty

asosiasi berarar / directed association

relasi antarkelas dengan makna kelas yang satu digunakan oleh kelas yang lain, asosiasi biasanya juga disertai dengan multiplicty

Generalisasi

relasi antarkelas dengan makna generalisasispesialisasi (umum khusus)

Ketergantunagan / dependency

relasi antarkelas dengan makna ketergantungan antarkelas

agregasi / aggregation

relasi antarkelas dengan makna semua-bagian (whole-part)

(Sumber : Rosa A.S & M. Shalahuddin ; 2016 : 146-147)

39

II.7. Storyboard Storyboard adalah visualisasi ide dari aplikasi yang akan dibangun sehingga dapat memberikan gambaran dari aplikasi yang akan dihasilkan. Dengan storyboard kita dapat menyampaikan ide cerita kita kepada orang lain dengan lebih mudah.(Wahana Komputer: 2014).

II.8. Adobe Air Adobe Air berjalan di atas platformFlash dan memungkinkan penggunaan fungsi-fungsi dan tools yang dimiliki oleh Adobe Flash ke dalam pengemangan aplikasi berbasis Android. Adobe Flash merupakan software multifungsi yang mempermudah pembuatan animasi, web, game, dan aplikasi multimedia lainnya. ActionScript adalah bahasa pemrogarman untuk Adobe Flash Player dan Adobe AIR Environment.ActionScript dijalankan oleh ActionScript Virtual Machine yang merupakan bagian dari Flash player dan AIR. Koding ActionScript biasanya dikompilasi ke dalam format bytecode (bahasa pemograman yang ditulis dan dipahami oleh komputer) oleh compiler, seperti yang dibangun kedalam Adobe Flash CS6 Professional atau Adobe Flex Builder dan yang tersedia di dalam Adobe Flex SDK dan Flex Data Services.Bytecode ini tertanam dalam file SWF, yang dijalankan oleh Flash player maupun AIR. (Wahana Komputer: 2014).

40