Pengenalan Alat Transportasi Berbasis Android Dengan Menggunakan Adobe

Flash cs 6
Febri Bramantyo Saputro
Jurusan Sistem Informasi
Fakultas Ilmu Komputer dan Teknologi Informasi, Universitas Gunadarma
Email : febrybramantyo24@gmail.com

ABSTRAK

Seiring pergantian zaman, teknologi di Indonesia semakin berkembang. Kini teknologi di

Indonesia semakin berpengaruh terhadap banyak orang termasuk anak-anak. Multimedia
merupakan salah satu jenis teknologi yang banyak digunakan. Multimedia adalah penggunaan
komputer untuk menyajikan dan menggabungkan teks, suara, gambar dan animasi lainnya
dengan alat bantu (tools) dan koneksi (link) sehingga pengguna dapat melakukan navigasi,
berinteraksi, berkarya, dan berkomunikasi. Seelain digunakan di dunia hiburan multimedia juga
banyak digunakan dalam dunia pendidikan.
Kata Kunci : Belajar, Interaktif, Anak, Adobe Flash CS6.

PENDAHULUAN
1.1.Latar Belakang Masalah
Di era globalisasi saat ini, segala
sesuatu yang menyangkut informasi tidak
dapat terlepas dari teknologi. Teknologi ini
dapat dilihat dari perkembangan komputer
yang sangat pesat. Hampir semua tingkat
usia menggunakan komputer sebagai alat
bantu mengerjakan pekerjaan. Saat ini,
perkembangan komputer yang begitu pesat

sudah merambah dalam berbagai bidang

kehidupan,

tidak

terkecuali

di

bidang

pendidikan.
Sejalan

dengan

berkembangnya

teknologi, menggunakan komputer sebagai

media belajar yang lebih menarik dan
menyenangkan, yaitu dengan memanfaatkan
aplikasi. Dengan memanfaatkan aplikasi,
anak-anak dapat bermain sekaligus belajar,
karena fasilitas-fasilitas yang diberikan oleh

aplikasi sangatlah menarik, tentunya lebih

seperti mengenal alat transportasi, gambar

menarik

dengan

alat transportasi, materi, serta latihan soal-

menggunakan buku atau papan tulis sebagai

soal dari materi-materi tersebut. Program

media belajar, hal ini membuat proses

aplikasi ini ditujukan untuk anak usia 4-6

belajar menjadi sangat menyenangkan dan

tahun dengan menggunakan software Adobe

yang

Flash CS 6.

jika

dibandingkan

terpenting

tidak

membosankan.

Sehingga tanpa disadari anak-anak merasa

tertarik dan ingin belajar lebih banyak lagi.
Atas dasar itu dibuat program berupa
aplikasi

pembelajaran

pengenalan
Transportasi

berbasis

android

Tujuan penulisan ilmiah ini adalah

Alat

membuat aplikasi pembelajaran macam-

4-6

macam alat transportasi dengan tampilan

software

yang menarik sehingga anak-anak lebih

macam-macam
untuk

tahun.Dengan

anak

usia

menggunakan

1.3.Tujuan Penulisan

Adobe Flash CS 6

senang untuk belajar. Program aplikasi ini

ditujukan untuk anak usia 4-6 tahun dengan

1.2.Batasan Masalah
Dalam

penulisan

menggunakan software Adobe Flash CS 6.

ini

dibahas

pembuatan aplikasi pembelajaran berbasis

android

dengan

pengenalan

macam-macam

dalam pembuatan aplikasi pengenalan

jenis

alat transportasi dengan menggunakan

transportasi. Aplikasi dibuat untuk anak usia

pendekatan metode SDLC ( System

4-6 tahun. Aplikasi ini berisi materi belajar,

Development Life Cycle )

ini

transportasi.

Konsep penulisan yang digunakan

Alat

transportasi

alat

materi

1.4.Metode Penelitian

terdiri

dari

17

1. Identifikasi

harus diambil pada tahap selanjutnya.

Pada tahap ini adalah mengidentifikasi

Pada

masalah

melihat

kesimpulan mengenai aplikasi yang

bagaimana orang tua dalam mengajar

akan dibagun. Setelah itu maka akan

anak-anaknya mengenal macam-macam

dibuat program dengan menggunakan

yang

ada,

yaitu

alat transportasi.
2. Analisa Permasalahan

tahap

ini,

penulis

membuat

Adobe Flash CS6. .

4. Uji Coba Aplikasi
Tahap terakhir ini, aplikasi diuji coba

Aplikasi media interaktif mengenai

oleh

beberapa

pihak

untuk

macam-macam alat transportasi, berisi

menggunakan

aplikasi

ini.

Sampai

benar-benar

aplikasi

ini

tidak

tentang materi pengetahuan alat

transportasi dimulai dari pengenalan
mempunyai bugs atau tombol yang
alat transportasi darat, transportasi laut,
tidak

berfungsi

karena

kurangnya

transportasi udara. Selain mengenal

ketelitian.
macam-macam alat transportasi terdapat
latihan soal seputar alat transportasi

LANDASAN TEORI

untuk mengukur kemampuan anak

Elemen Multimedia

dalam mengenal alat transportasi.

Multimedia sebagai gabungan dari

Sasaran dari aplikasi media interaktif ini

adalah anak-anak umur 4-6 tahun.
3. Perancangan
Pada

tahap

perancangan,

beberapa media dimana masing-masing

didefinisikan sebagai elemen-elemen dalam

hasil

rancangan dituangkan kedalam bentuk

storyboard. Melalui storyboard dapat
ditentukan tindakan dan langkah yang

pembentukan multimedia.
Terdapat 5 elemen multimedia penting yang
mendasar pada yaitu :
1. Teks

Merupakan elemen multimedia yang

Secara umum grafik berarti gambar atau

menjadi

garis (line drawing). Grafik sangat

dasar

utama

dalam

menyampaikan informasi, karena teks

bermanfaat

adalah jenis data yang paling sederhana

informasi yang tidak dapat dijelaskan

dan membutuhkan tempat penyimpanan

dengan kata-kata. Grafik merupakan

yang paling kecil. Biasanya dihasilkan

oleh

program

pengolah

kata

untuk

mengilustrasikan

komponen penting dalam multimedia.

3. Audio

dan
Membantu menyampaikan informasi

merupakan informasi yang utama pada

dengan
sebagian

besar

multimedia.

lebih

efektif

(misalnya:

Teks
penggunaan suara latar atau kesan audio

memegang

peranan

dasar

dalam
khusus). Membantu meningkatkan daya

menyusun dokumen, karena hampir

tarik
seluruh

aplikasi

terhadap

sesuatu

tayangan.

multimedia
Membantu meningkatkan daya tarik

menggunakan

teks

sebagai

alat
terhadap isi yang di presentasikan.

presentasi informasi yang paling sesuai

Multimedia tidak akan lengkap jika
untuk mendeskripsikan suatu nama,
tanpa suara.
definisi atau aturan Memberi penekanan
untuk

sesuatu

materi

yang

ingin

4. Video
Menyediakan

metode

penyaluran

disampaikan. Jenis- jenis teks yang

informasi yang amat menarik dan

terdapat pada sebuah software ada

hidup.Merupakan elemen atau media

berbagai macam, seperti: Times New

yang sangat dinamis dan efektif dalam

Roman, Arial, Calibri, Comic sans dan

menyampaikan informasi. Merupakan

lain lain.
2. Grafik

gabungan elemen multimedia yang

lengkap karena menggabungkan semua

elemen multimedia yang ada untuk

keperluan pembangunan situs web yang

menyajikan

video

interaktif dan dinamis. Adobe Flash CS6

yang

menyediakan berbagai macam fitur yang

diambil melalui suatu kamera video dan

akan sangat membantu para animator untuk

disimpan dalam bentuk file dan format

membuat animasi menjadi semakin mudah

informasi

menggunakan sistem animasi

tertentu.
5. Animasi

dan menarik. Adobe Flash CS6 telah mampu

membuat dan mengolah teks maupun objek

Berperan sebagai penarik pada sebuah

dengan efek tiga dimensi, sehingga hasilnya
presentasi dan sangat membantu dalam
tampak lebih menarik.
menjelaskan

suatu

konsep

yang
Flash didesain dengan kemampuan

kompleks

dengan

mudah.

Animasi
untuk membuat animasi 2 dimensi atau 3

mengacu pada gambar-gambar yang

dimensi yang handal dan ringan sehingga
bergerak. Animasi dapat dihasilkan
Flash banyak digunakan untuk membangun
dengan menayangkan bingkai (frame)
dan memberikan efek animasi pada website,
gambar

secara

cepat

untuk
CD Interaktif dan yang lainnya, Selain itu

menghasilkan efek pergerakan.

software ini juga dapat digunakan untuk
membuat

Adobe Flash Proffesional CS 6

Adobe Flash Creative Suite 6 (CS6)
merupakan sebuah software yang didesain
khusus oleh Adobe dan program aplikasi
standar authoring tool professional yang
digunakan untuk membuat animasi dan
bitmap

yang

sangat

menarik

untuk

animasi

logo,

movie,

game,

pembuatan navigasi pada situs website atau

blog

,tombol

animasi,

banner,

menu

interaktif, interaktif form isian, e-card,

screen saver

dan pembuatan aplikasi-

aplikasi website lainnya.

Action Script
Action

diberi Action Script kemudian pilih Actions

Script

pemrograman

yang

ECMAScript,

yang

adalah
dibuat

bahasa

atau bisa tekan tombol F9 pada keyboard.

berdasarkan

Berikut tampilan dari panel Action Script

digunakan

dalam

pada Adobe Flash Professional CS6.

pengembangan situs web dan perangkat

lunak menggunakan platform Adobe Flash
Player. Bahasa ini awalnya dikembangakan

Mengenal Adobe Photoshop CS 6

Adobe Photoshop adalah program

oleh Macromedia, tapi kini sudah dimilki

aplikasi

dan

oleh

mendesain gambar, mengedit image grafis,

Adobe, yang membeli Macromedia pada

dan mengolah foto digital. Versi terbaru

tahun 2005.

program ini adalah Adobe Photoshop CS6

dilanjutkan perkembangannya

Action Script diketikkan pada panel

(Creative

desain

yang

Suite

6).

berguna

Perangkat

untuk

lunak

actions yang tersedia pada software Adobe

komputer ini memiliki kelebihan pada

Flash Professional CS6. Action Script hanya

kelengkapan fitur desain grafis dan olah

dapat dituliskan pada objek yang bertipe

fotonya.

Movie Clip, keyframe, Button, dan objek

dipahami dan digunakan secara mudah dan

components. Action Script tidak dapat

cepat oleh pengguna yang masih belum

digunakan pada objek tulisan atau gambar

berpengalaman

lain yang bukan bertipe Movie Clip. Jadi bila

Layer untuk memisahkan antar komponen

ingin menggunakan Action Script pada suatu

gambar dan teks juga sangat membantu

objek, objek tersebut harus diubah menjadi

desainer dalam menyusun dan mengolah

Movie Clip terlebih dahulu. Untuk membuka

desainnya.

panel Actions, klik kanan objek yang ingin

Toolbox

yang

sekalipun.

tersedia

dapat

Penggunaan

Struktur Navigasi
Navigasi

Linier merupakan struktur yang hanya

termasuk

struktur

mempunyai satu rangkaian cerita yang

terpenting dalam pembuatan suatu aplikasi

berurut. Struktur ini menampilkan satu

multimedia dan gambarnya harus sudah ada

demi satu tampilan layar secara berurut

pada tahap perancangan.

menurut

Peta navigasi

urutannya

dan

merupakan rancangan hubungan dan rantai

diperbolehkan

kerja dari beberapa area yang berbeda dan

Tampilan

dapat membantu mengorganisasikan seluruh

adalah satu halaman sebelumnya atau

elemen

satu halaman sesudahnya, seperti pada

aplikasi

multimedia

dengan

pemberian perintah dan pesan.

navigasi

juga

memberikan

Peta

adanya

tidak

yang

percabangan.

dapat

ditampilkan

gambar 2.1 berikut.

kemudahan

dalam menganalisa keinteraktifan seluruh

objek

dalam

bagaimana

aplikasi
pengaruh

multimedia

dan

keinteraktifannya

Gambar 2.1. Struktur Navigasi

terhadap pengguna.

Model linier
2. Hirarki
Struktur

hirarki

struktur
Ada 4 macam bentuk dasar dari peta
navigasi yang biasa digunakan dalam proses
pembuatan aplikasi multimedia, yaitu:
1.

Linier

merupakan

yang

suatu

mengandalkan

percabangan untuk menampilkan data

berdasarkan kriteria tertentu. Tampilan
pada

menu

pertama

akan

disebut

sebagai master page, halaman utama ke

satu.

Halaman

utama

ini

akan

mempunyai halaman percabangan yang

dan salve page, seperti pada gambar 2.3

dikatakan

berikut.

slave

page,

halaman

pendukung. Jika salah satu halaman

pendukung diaktifkan, maka tampilan
tersebut akan bernama master page,
halaman utama kedua. Pada struktur
navigasi ini tidak diperkenankan adanya
tampilan secara linier, seperti pada
gambar 2.2 berikut.

Gambar 2.3. Struktur Navigasi

Model non linier
4. Campuran
Struktur navigasi campuran merupakan
gabungan

dari

sebelumnya.
Gambar 2.2. Struktur Navigasi
Model hirarki
3. Non linier

ketiga

Struktur

struktur

navigasi

ini

banyak digunakan dalam pembuatan

aplikasi

multimedia

sebab

dapat

Pada struktur non linier diperkenankan

memberikan keinteraksian yang lebih

membuat struktur navigasi bercabang,

tinggi, seperti pada gambar 2.4 berikut.

percabangan

ini

berbeda

dengan

percabangan pada struktur hirarki. Pada

percabangan

non

linier

walaupun

terdapat banyak percabangan tetapi tiaptiap tampilan mempunyai kedudukan

yang sama tidak ada pada master page

Gambar 2.4. Struktur Navigasi

Model campuran

Setiap struktur navigasi seperti yang

Untuk mengembangkan system sebelumnya,

telah dijelaskan mempunyai fungsi dan

dapat diberikan saran-saran sebagai berikut :

tujuan tersendiri, tidak ada yang lebih baik

1. Dari segi tampilan diharapkan bias

atau lebih buruk. Penggunaan struktur

disempurnakan lagi agar lebih menarik.

2. Ditambahkan menu yang sesuai dengan

navigasi bergantung kepada kebutuhan dan

kebutuhan sehingga anak-anak lebih
tujuan dari aplikasi multimedia yang hendak
cepat untuk menangkap informasi yang
dibuat. Semakin kompleks struktur navigasi
ada.
yang digunakan, maka semakin sulit pula
pembuatan aplikasi multimedia tersebut.
DAFTAR PUSTAKA
1. ActionScript 3.0 Pada Adobe Flash Cs 6,
KESIMPULAN DAN SARAN
Irman Maulana,april 2014.
2. Kupas Tuntas Adobe

1.Kesimpulan
Dalam proses analisis, perancangan dan

Flash Profesional CS6. Macoms.

implementasi yang dilakukan pada bab-bab

Yogyakarta. Arief, Sardiman. 2003.

sebelumnya,

maka

dapat

diambil

Media Pendidikan.
3. Arief, Abbas. 1993. Manajenen

kesimpulan sebagai berikut :

Transportasi, Jakarta; PT. Raja Grafindo
1. Telah di hasilkan suatu aplikasi berbasis
Persada.
android dengan judul Pengenalan Alat
Transportasi Dengan Adobe Flash CS6.
2. Sistem yang dibagun dapat menampilkan
gambar,latihan soal, dan suara.

2. Saran