Penulisan Naskah dan Pengembangan Media Mobile Edukasi | i

ii | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

Sambutan

Sebagai perangkat daerah yang membantu tugas Kepala Daerah di Bidang Pendidikan,
Dinas Pendidikan berperan dalam meningkatkan perluasan akses pendidikan,
peningkatan mutu, relevansi dan daya saing, serta kepastian dalam memperoleh
pelayanan pendidikan.
Teknologi Infomasi dan Komunikasi berperan dalam memperluas akses,
mengingkatkan mutu dan meningkatkan daya saing pendidikan di Provinsi Jambi
melalui optimalisasi pemanfaatan TIK dalam pendidikan.
Perkembangan teknologi informasi dan komunikasi atau TIK serta internet membuat
dunia seolah tanpa batas (borderless), informasi dari beberapa belahan dunia seakan
berada dalam genggaman. Kecermatan dan kearifan dalam pemanfatan TIK
memegang peranan penting agar penggunaannya cerdas, bijak dan beretika,
menanggulangi dampak negative dan mengarahkan pada pemanfaatannya secara
sehat kreatif dan produktif.
Banyak sekali manfaat teknologi informasi dan komunikasi dalam bidang pendidikan.
Dengan pendidikan dimungkinkan terjadinya penyebarluasan teknologi informasi dan
transformasi ilmu pengetahuan untuk sektor-sektor pendidikan. Para siswa yang
duduk di bangku sekolah dapat terbantu dengan adanya internet dalam mengerjakan
tugas sekolah, para siswa mencari bahan tugas makalahnya di internet. Dengan
adanya pelajaran teknologi informasi dan komunikasi di sekolah, para siswa dapat
belajar dan memanfaatkan tik dalam kehidupan mereka sehari-hari.
Harus kita sadari, TIK hanyalah merupakan alat bantu saja dan bukan menjadi solusi
dalam dunia pendidikan, formal maupun nonformal. Bagaimanapun pendidikan yang
bermutu didapat dari para pendidik yang bermutu ditambah dukungan pemerintah
dengan kurikulum yang sesuai dengan kebutuhan siswa didik yang diimplementasikan
dengan benar dan kreatif.

Jambi, 2016
Kepala Dinas,

Drs. H. Rahmad Derita, M.Pd.I

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | iii

Kata Pengantar

Peningkatan kualitas pendidikan saat ini menjadi prioritas, baik oleh pemerintah pusat
maupun pemerintah daerah. Salah satu komponen yang menjadi fokus perhatian
adalah peningkatan kompetensi guru. Peran guru dalam pembelajaran di kelas
merupakan kunci keberhasilan untuk mendukung prestasi belajar siswa. Guru yang
profesional dituntut mampu membangun proses pembelajaran yang baik sehingga
dapat menghasilkan pendidikan yang berkualitas.
Multimedia pembelajaran merupakan suatu alat yang dapat digunakan oleh guru
dalam membangun proses pembelajaran yang baik dan menarik sehingga dapat
menghasilkan pendidikan yang berkualitas.
Salah satu perangkat pembelajaran yang dikembangkan adalah media mobile edukasi.
Dalam membantu guru membuat media pembelajaran, Balai Teknologi Informasi dan
Komunikasi Pendidikan (BTIKP) Dinas Pendidikan Provinsi Jambi memfasilitasi guru
dengan menyajikan Modul Penulisan Naskah dan Pengembangan Media Mobile
Edukasi.
Modul ini berisi materi tentang penulisan naskah media hingga pembuatan media
pembelajaran dalam bentuk mobile edukasi. Dengan Modul ini diharapkan guru dapat
membuat media pembelajaran sendiri dan dapat digunakan dalam proses
pembelajaran sehingga dapat memberikan sumbangan yang sangat besar dalam
peningkatan kualitas kompetensi guru dan kualitas pendidikan secara umum.

Jambi, 2016
Plt. Kepala BTIKP

Hasan Basri, S.Ag.

iv | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

Daftar Isi

Sambutan iii
Kata Pengantar iv
Daftar Isi v

MODUL PENULISAN NASKAH MULTIMEDIA MOBILE EDUKASI

Modul 1
PENULISAN FLOW CHART, PETA KOMPETENSI, PETA MATERI, GBIM
DAN JABARAN MATERI 2

Modul 2
PRAKTEK MENULIS NASKAH MULTIMEDIA UNTUK MOBILE EDUKASI 9

MODUL PENGEMBANGAN MEDIA MOBILE EDUKASI

Modul 1
PENGEMBANGAN APLIKASI ANDROID (apk)
DENGAN ADOBE FLASH PRO CS 6 22

Modul 2
MEMODIFIKASI MENU UTAMA 29

Modul 3
MEMODIFIKASI ISI MATERI 33

Modul 4
MEMODIFIKASI EVALUASI 36

Modul 5
MEMODIFIKASI PENUTUP 41

Link Download 42

Penutup 42

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | v

vi | Penulisan Naskah dan Pengembangan Media Mobile Edukasi
 MODUL
PENULISAN NASKAH MULTIMEDIA
MOBILE EDUKASI
 Modul 1
PENULISAN FLOW CHART, PETA KOMPETENSI,
PETA MATERI, GBIM DAN JABARAN MATERI

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Pembaca dapat membuat flow chart, peta kompetensi, peta materi, GBIM dan
Jabaran Materi untuk penulisan sebuah naskah mobile edukasi.

URAIAN

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 dapat digunakan untuk pembelajaran dan multimedia yang
digunakan untuk pembelajaran lewat device handphone disebut dengan mobile
edukasi.
Untuk merancang sebuah multimedia yang baik dan terstruktur perlu kiranya
sebuah panduan atau storyboard untuk merancang sebuah multimedia. Naskah inilah
yang akan digunakan sebagai panduan untuk pembuatan program multimedia.
Penulisan sebuah naskah mobile edukasi dimulai dari penulisan flow chart, peta
kompetensi, peta materi dan GBIM. Dokumen tersebut diatas digunakan sebagai
panduan dan kerangka awal untuk membuat sebuah naskah. Diharapkan dengan
adanya dokumen tersebut naskah yang nanati akan dihasilkan akan lebih terstruktur.

PEMBUATAN PETA KOMPETENSI

Peta Kompetensi adalah tujuan yang akan dicapai dalam pembelajaran.

Misalnya untuk naskah " Jenis-jenis Sensor dan Fungsinya " seperti pada contoh ,
kompetensi yang diharapkan tercapai adalah " Siswa dapat mengidentifikasikan jenis-
jenis sensor dan fungsinya ".

2 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Kompetensi

Sub-kompetensi
yang ingin dicapai

Setelah itu bagian bagian dari sub kompetensi diletakkan dibagian bawah. Kotak
kotak tersebut diisi dengan sub-kompetensi pada masing-masing bagian yang ingin
dicapai. Untuk menuliskan kompetensi gunakan sebuah kata kerja, misalnya " Siswa
dapat mengindentifikasikan ... ", atau " Siswa dapat menjelaskan ... ", atau kata
kerja yang lain yang sesuai dengan Standar Kompetensi dan Kompetensi Dasar yang
ada pada materi yang akan diajarkan.
Untuk mempermudah pembuatan peta kompetensi, ambil sebuah topik akan
diangkat sebagai sebuah pembelajaran multimedia. Tentukan judul yang tepat dan
menarik. Bagilah judul tersebut ke dalam beberapa sub-menu materi dan selanjutnya
berilah kata kerja seperti yang tersebut di atas untuk membuat kompetensi dari
masing sub-menu materi tersebut.

PEMBUATAN PETA MATERI

Peta materi adalah gambaran tentang materi apa saja yang akan dipelajari dari
naskah dan program yang nantinya akan dibuat. Peta materi hampir sama dengan
peta kompetensi tetapi penulisannya lebih singkat tanpa kata kerja.

Materi Utama

Sub-menu Materi

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 3

 Untuk memperjelas hubungan antara Peta Kompetensi dan Peta Materi
perhatikan gambar dibawah ini. Bila jumlah kotak pada Peta Kompetensi ada 4, maka
jumlah kotak pada Peta Materi juga berjumlah 4 buah dan seterusnya nanti pada
program yang akan dibuat jumlah Menu Materi juga berjumlah 4 buah.

Berhubungan

PEMBUATAN FLOW CHART

Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol

grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-
langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan
menghubungkan masing masing langkah tersebut menggunakan tanda panah.

Isikan menu disini

Tidak perlu diubah

4 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Misalnya untuk naskah dengan judul "Jenis-jenis Sensor dan Fungsinya" diatas,
kotak persegi menandakan jumlah dan nama materi pada halaman index atau menu
utama sebuah program tersebut sehingga jumlah menu pada naskah tersebut 5 buah
menu, mulai dari Pengantar dan Kompetensi, Sensor Cahaya, Sensor Suhu, Sensor
Tekanan dan Sensor Gaya. Jadi jumlah kotak menyesuaikan dengan jumlah menu
yang akan dibuat. Bila jumlah menu ada 4 maka jumlah kotaknya juga 4 buah. Untuk
bagian Quiz/ Uji Kompetensi dan Closing tidak perlu diubah karena disetiap multimedia
pasti terdapat evaluasi untuk mengukur keberhasilan pembelajaran.

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 5

PENULISAN GBIM

GBIM adalah singkatan dari Garis Besar Isi Media yang berisi rangkuman Menu,
Tujuan/Indikator, Materi, Bentuk Evaluasi dan Media apa saja yang akan digunakan
dalam naskah nantinya. Bentuk dari dokumennya adalah sebagai berikut :

Keterangan :
- Menu : Isilah sesuai dengan peta materi
- Tujuan/Indikator : Isilah sesuai dengan peta kompetnsi
- Materi : Berisi penjelasan materi apa yang akan dibahas pada menu
tersebut
- Evaluasi : Jenis evaluasi yang akan digunakan, misalnya multiple
choise, berapa jumah soalnya dan lain sebagainya
- Media : Media apa yang akan ada dimateri tersebut
- Keterangan : Sumber / buku rujukan bila diperlukan

6 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

JABARAN MATERI

Jabaran Materi adalah penjelasan dari kolom Materi pada GBIM. Pada Jabaran
Materi dipaparkan pokok-pokok materi yang akan dibahas pada masing-masing menu.
Yang perlu dipaparkan adalah point-point nya saja , tidak perlu penjabaran secara
detail. Nantinya penjaran secara detail akan diletakkan pada naskah yang akan dibuat.

Bentuk evaluasi

Pokok materi yang

akan dijabarkan

Media

Perhatikan bahwa jumlah Indikator harus sesuai dengan indikator pada Peta
Kompetensi sehingga bila pada Peta Kompetensi jumlah Sub-Indikatornya ada 4, maka
pada Jabaran Materi jumlah Indikatornya juga 4 buah.
Pada kolom Materi dijabarkan pokok pokok materi yang akan dibahas untuk
indikator tersebut. Pokok materi berupa ringkasan materi dan juga point point penting
yang akan dibahas. Ha ini berfungsi sebagai panduan dalam penulisan nanskah
nantinya sehingga tidak ada materi yang terlewat. Penulisan pokok materi ini juga
berguna apabila misalnya nanti naskah akan ditulis oleh penulis lain, bukan penulis
GBIM ini maka penulis naskah tersebut telah mendapatkan gambaran awal dari pokok
materi yang harus ia jabarkan di dalam naskah.
Pada kolom Evaluasi dijabarkan bentuk evaluasinya misalnya evaluasi nanti
berbentuk multiple choise atau pilihan ganda. Dapat juga disebutkan berapa komposisi
soalnya , misalnya jumlah total soal 40 soal, untuk masing masing menu ada 10 soal.

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 7

Soal juga dapat berwujud soal essay ataupun permainan menjodohkan yang lain
tergantung dari keinginan dari penulis.
Pada kolom Media diberikan media apa saja yang akan tampil. Media yang
ditampilkan meliputi teks untuk penjelasan materi. Dapat juga berupa gambar untuk
memperjelas materi. Dapat juga diberikan keterangan animasi apabila memang materi
memerlukan animasi. Dapat juga diberikan sebuah animasi simulasi misalnya untuk
memberikan interaktifitas pada sebuah animasi. Khusus untuk media gambar
sebaiknya diberikan capture dari gamabr tersebut untuk diletakkan dikolom media
sehingga menjadi lebih jelas.

8 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Modul 2
PRAKTEK MENULIS
NASKAH MULTIMEDIA UNTUK MOBILE EDUKASI

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Penguna membuat menulis naskah multimedia mobile edukasi menggunakan

template naskah yang disediakan

URAIAN

Setiap naskah yang dibuat selalu memiliki cover naskah. Cover ini berguna untuk
menjelaskan identitas naskah yang dibuat beserta tim yang bekerja hingga naskah ini
selesai. Selain itu pada cover juga terdapat Sinopsi atau ringkasan dan Kata kunci
yang digunakan untuk pencari menuju naskah/aplikasi ini.
Dalam menulis sebuah naskah multimedia untuk mobile edukasi, BPMP
menggunakan sebuah template dokumen naskah yang secara garis besar terdiri dari
3 bagian, yaitu :
1. Kepala naskah
2. Tampilan Kepala naskah

3. Keterangan

Tampilan

Keterangan

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 9

MENULIS KEPALA NASKAH

Bagian pertama dari sebuah naskah multimedia adalah Kepala Naskah. Kepala
Naskah ini terdiri dari 4 bagian yaitu :
1. Judul
2. Halaman
3. Menu
4. No Frame

• Judul Naskah
Bagian Judul Naskah digunakan untuk mengisikan judul program yang akan
dibuat. Judul ini tidak akan berubah dari awal naskah sampai akhir naskah dan
dibuat dalam format "header" sehingga akan terus tampil disetiap halaman baru.
Format header ini sudah ada dalam template yang dibagikan, gantilah judul dengan
judul yang sesuai.
Judul program diusahakan singkat, padat, menarik dan informatif karena judul
ini yang akan tampil diawal sebuah program. Diharapkan dengan judul yang
menarik akan membuat pengguna program akan semakin tertarik dan
bersemangat untuk belajar. Judul yang menarik adalah sebuah point plus untuk
sebuah program multimedia.
Misalnya untuk sebuah program multimedia untuk mempelajari berbagai jenis
sensor dalam elektronika dapat digunakan sebuah judul " Jenis-jenis Sensor dan
Fungsinya ".

Letakkan judul program di sini

• Halaman
Halaman naskah digunakan sebagai tempat untuk mengisikan nomor halaman
naskah. Nomor halaman ini seperti nomor halaman sebuah buku yang selalu
bertambah dilembar berikutnya. Nomor halaman naskah dituliskan dengan format
"header" yang secara otomatis kan selalu bertambah apabila ditambahkan sebuah
lembar baru. Jadi halaman naskah berisi nomor 1 dan seterusnya sampai naskah
selesai sehingga tidak akan ada halaman naskah yang sama.
Secara praktis halaman naskah nanti akan digunakan sebagai identitas sebuah
lembar halaman tertentu. Apabila nanti misalnya ada sebuah tombol dan tombol

10 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 tersebut jumping atau merujuk ke sebuah halaman tertentu, maka alamat rujukan
tersebut adalah halaman naskah yang dimaksud.

Letakkan nomor halaman di sini

• Menu
Nama menu berisi identitas dari sebuah halaman yang sama atau masih dalam
satu sub menu yang sama. Dalam sebuah multimedia pembelajaran biasanya
materi pembelajaran dibagi menjadi beberapa menu. Tiap menu mempunyai
mempunyai halaman. Halaman halaman tersebut akan diakses dengan
menggunakan tombol navigasi back dan next. Tiap sub-menu yang sama maka
nama frame nya adalah satu dan sama sesuai dengan nama sub-menu tersebut.
Sebagai contoh apabila sebuah multimedia berjudul Jenis-jenis Sensor dan
Fungsinya mempunyai 6 sub-menu,yang terdiri dari :
- Pengantar dan Kompetensi
- Sensor Cahaya dan Fungsinya
- Sensor Suhu dan Fungsinya
- Sensor Tekanan dan Fungsinya
- Sensor Gaya dan Fungsinya
- Uji Kompetensi

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 11

 Pada awal membuat naskah, yang pertama dibuat adalah menu opening yaitu
identitas pembuat dan judul program.

Opening

Setelah itu membuat halaman Menu Utama untuk tempat menempatkan isi dari
menu yang akan dibuat :

Menu Utama

12 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

Selanjutnya membuat halaman untuk Menu 1 yaitu, Menu Pengantar dan
Kompetensi.

Pengantar dan Kompetensi

Apabila menu pengantar dan kompetensi sudah cukup 1 halaman saja, maka
naskah halaman selanjutnya berisi Menu 2, yaitu Sensor Cahaya dan Fungsinya.

Sensor Cahaya & Fungsinya

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 13

 Begitu seterusnya sampai seluruh materi tertuang di dalam naskah yang dibuat.
Apabila halaman naskah masih membahas menu materi yang sama, maka bagian
Menu selalu sama.

Menu selalu sama apabila

masih satu pembahasan

No Frame selalu berurutan

mulai dari 01 - materi selesai

14 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

• No Frame
No Frame digunakan untuk memberi nomor dari masing-masing materi
pembahasan dalam sebuah menu. Dalam satu menu maka No Frame dimulai dari
nomor 01, 02, 03 dan seterusnya sampai seluruh materi dalam menu tersebut
dibahas tuntas.

MENULIS TAMPILAN

Halaman tampilan digunakan untuk menuliskan atau menjelaskan apa yang akan
tampil di layar tampilan. Itulah mengapa bagian ini yang paling dominan dari sebuah
naskah. Tampilan sebuah multimedia adalah berisi salah satu atau gabungan dari teks,
gambar atau animasi.

Gambar/ animasi yang

ditampilkan

Teks yang akan ditampilkan

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 15

Tampilan berisi teks apa saja yang akan tampil. Ketikkan semua teks yang akan tampil
pada halaman naskah. Untuk gambar berikan preview dari gambar, begitu juga untuk
animasi/simulasi.

Untuk Animasi berikan gambar preview ilustrasi animasi saja dan nanti pada bagian
keterangan media akan diberikan keterangan detail dari jalannya animasi tersebut,
misalnya warna cahaya, arah cahaya, pergerakan benda dan lain sebagainya.

MENULIS KETERANGAN TAMPILAN

Bagian dari naskah multimedia yang terakhir adalah bagian Keterangan Naskah.
Bagian Keterangan Naskah ini terdiri dari 2 bagian yaitu :
1. Keterangan Tampilan
2. Keterangan Navigasi
• Keterangan Tampilan
Keterangan tampilan digunakan untuk menuliskan urutan dari tampilan dan untuk
menuliskan jumping dari tombol navigasi.

Urutan yang
akan tampil

Untuk contoh urutan dari tampilan yang tampil adalah muncul logo, setelah itu
diikuti oleh tampil teks judul program dan diakhiri dengan tampilnya tulisan BPMPK.
Untuk naskah yang peserta buat, tampilan dari logo, judul dan identitas dari
pembuat program menyesuaikan dengan naskah yang akan dibuat oleh peserta.
Keterangan tampilan digunakan untuk menuliskan jumping dari tombol menu dan
tombol navigasi.

16 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Jumping
tombol menu

Tombol Navigasi

Keterangan Tombol Navigasi

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 17

MENULIS KETERANGAN MEDIA

• Media Animasi
Animasi adalah gambar/ilustrasi yang bergerak. Biasanya digunakan untuk
menggambarkan sebuah proses atau aliran.

Urutan pergerakan animasi

tampilan animasi

Jelaskan urutan animasinya selengkap mungkin. Misalnya warna aliran, warna

kabel, arah pergerakan dan lain sebagainya. Semain detail penjelasannya maka
nantinya tim produksi yang membuat nya akan semakin mudah untuk
membuatnya. Urutan dan penjelesan yang lengkap ini juga untuk menghindari
kesalahan interpretasi dari tim pembuat program nantinya.

tampilan animasi

Keterangan media
agar jadi animasi

18 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

MENULIS QUIZ

Bagian Quiz / Uji kompetensi digunakan untuk menuliskan soal yang tampil.
Untuk teknis penulisannya pada bagian tampilan dituliskan soalnya, sedangkan pada
bagian keterangan tampilan dituliskan kunci jawaban dan interaksinya.

Model Quis

Kunci Jawaban

Tesk Soal

Pilihan Jawaban

Respon berupa
komentar sesuai nilai
yang diperoleh

Tuliskan seluruh soal sampai selesai. Untuk soal evaluasi biasanya jumlah soalnya
banyak, misalnya sejumlah 20 soal dan nantinya akan tampil sebanyak 10 soal secara
acak sehingga tiap user akan mendapatkan soal yang berbeda-beda.

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 19

PENUTUP MODUL

Setelah pembaca mempelajari dan mempraktekkan langsung modul penulisan

naskah multimedia untuk mobile edukasi ini diharapkan pembaca sudah dapat
membuat sebuah naskah multimedia. Untuk selanjutnya naskah multimedia tersebut
dapat digunakan untuk sebagai sebuah storyboard untuk membuat sebuah program
multimedia pendidikan khususnya untuk program mobile edukasi yaitu pembelajaran
yang dijalankan lewat media handphone. Besar harapan penulis bahwa modul yang
sederhana ini dapat bermanfaat khususnya bagi pengembangan multimedia di
lingkungan pendidikan.

20 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 MODUL FASILITASI

dengan Android Template Adobe Flash CS6

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 21

 Modul 1
PENGEMBANGAN APLIKASI ANDROID (apk)
DENGAN ADOBE FLASH PRO CS 6

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Pembaca dapat membuat aplikasi android sederhana mengunakan Flash CS 6

URAIAN

Android adalah operating system untuk handphone yang populer. Hingga

November 2013, pangsa pasar Android dikabarkan telah mencapai 80%. Dari 261,1
juta telepon pintar yang terjual pada bulan Agustus, September, dan Oktober 2013,
sekitar 211 juta di antaranya adalah perangkat Android.
Flash adalah software yang mampu membuat animasi dengan mudah. Untuk
membuat simulasi atau animasi yang memiliki interaksi dengan penguna, animasi flash
dapat ditambahkan program tambahan yang sering disebut Action Script. Animasi
yang interaktif ini sangat cocok digunakan untuk membuat aplikasi pembelajaran.
Selain dapat di jalankan secara mandiri/stand alone flash juga dapat dijalankan
mengunakan browser internet, hingga banyak website yang menambahkan animasi
untuk memperindah dan memaksimalkan fungsi web tersebut.
Dengan mengunakan Adobe Flash CS 6, kita dapat mempublish fla menjadi apk
atau aplikasi untuk handphone/tablet android. Jadi bagi anda yang sudah terbiasa
mengunakan flash untuk membuat berbagai macam animasi baik yang interaktif
maupun tidak, anda akan dengan mudah mempublishnya menjadi aplikasi android.

LANGKAH-LANGKAH

1. Buka Adobe Flash CS 6, tunggu hingga muncul tampilan seperti di halaman berikut
ini

22 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Open

2. Selanjutnya klik open dan pilih file "Template ME 2016.fla". Segera simpan dengan
nama baru agar file asli tidak rusak.
3. Ubah scene aktif menjadi “opening” dengan cara lihat gambar berikut.

Scene aktif

Cara mengubah scene aktif

4. Ubah judul dengan melakukan doubleklik dua kali pada tulisan hingga tampilan
menjadi gambar berikut ini :

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 23

 Jika sudah berubah seperti gambar di atas anda dapat mengubah judul aplikasi
sesuai dengan judul aplikasi yang anda buat. Dalam stage ini anda dapat
mengubah tampilan sesuai dengan ke inginan anda.
5. Kemudian ubah animasi sesuai keinginan anda dengan mengedit gambar dan
proses tween (gunakan ilmu animasi flash drawing). Saat anda mengubah opening
perhatikan letak AS frame tetap pada posisi awal dan terakhir, lihat gambar
dibawah ini.

Frame isi Script

6. Untuk mencoba tampilan judul anda dapat melakukannya dengan menekan

control-enter. Perintah ini memerintahkan flash untuk menampilkan aplikasi dalam
emulator.
7. Langkah berikutnya adalah mengubah judul di menu utama. Pindah scene aktif ke
“menu” dengan cara seperti langkah 3.
8. Doubel klik judul hingga tampil seperti gambar di atas. Ubah sesuai dengan judul
aplikasi yang anda buat.

9. Selanjutnya mari kita mencoba membuat aplikasi Android dengan cara

mempublish template menjadi aplikasi android (apk). Langkah pertama ubah
Android setting dengan mengklik “edit application setting” (icon kunci pas) seperti
ditunjukkan pada gambar pada halaman berikut.

edit application setting

24 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Tips : Untuk kemudahan dalam penanganan file, sebaiknya semua file yang
terkait dalam 1 project anda kumpulkan dalam satu folder. Misalnya file fla
template, icon program, sertifikat developer dan media pendukung.
10. Setelah muncul tampilan seperti gambar di bawah ubah isian penting yang
ditunjukkan anak panah 1 (nama file apk hasil publish), 2 (nama aplikasi setekah
diinstall di device) dan 3 (setingan layar). Sedang isian lainnya diabaikan saja.

1. Nama file apk hasil

publish

2. Nama aplikasi
android setelah
diinstalldi hanphone

3. Setting tampilan
di layar handphone

Tab Deployment

11. Ubah parameter selanjutnya dengan mengklik tab deployment, maka akan muncul
gambar seperti di halaman berikut ini.

4. Nama file sertifikat

publishing Android anda

Membuat sertifikat
sendiri

5. Password yang anda ciptkan

Saat membuat sertifikat
Android anda

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 25

12. Isi Certificate dengan mencari posisi file sertifikat berserta passwordnya dengan
mengklik browse (4), contoh “flashbegincom.p12” (sertifikat yang saya miliki) dan
passwordnya flashbegin (5), kemudian lanjutkan ke step 8. File ini bisa disertakan
dalam file dari panitia. Bila ingin memilikinya sendiri, anda bisa membuatnya
dengan mengklik tombol Create. Lalu isilah kolom isian seperti yang ditunjukkan
anak panah dengan isian yang anda inginkan.

13. Sebelum anda lanjutkan, pastikan komputer anda terkoneksi internet. Setelah
mengklik tombol OK akan muncul file sesuai dengan nama yang tertera pada kolom
save as. Untuk melakukan proses publish sebaiknya file diletakan ke dalam
direktori yang sama dengan file fla yang anda buat.
14. Selanjutnya ubah icon untuk aplikasi yang anda buat dengan mengklik tab Icon.
Pilih ukuran gambar icon yang anda miliki, semakin besar semakin detail (saya
biasa mengunakan ukuran 72 x 72). Sebaiknya anda membuat dulu gambar
dengan pengolah gambar dulu kemudian export ke png (icon mengenal
background transparan) dan letakkan di direktori tempat anda membuat aplikasi.

26 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Tab Icon

Cari file icon

Tombol Publish

15. Tekan tombol “Publish” kemudian tunggu beberapa saat. Jika berhasil maka akan
muncul popup seperti gambar di bawah ini tekan “OK”

16. Dengan mengunakan windows explore pastikan akan muncul file apk di direktori
tempat anda menyimpan fla.

File apk

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 27

17. Selanjutnya copykan file apk yang anda buat ke device handphone anda.

18. Install aplikasi yang anda buat dengan cara seperti anda menginstall aplikasi
lainnya. Jika proses install telah selesai dan berhasil maka akan muncul icon
program seperti gambar di atas sebelah kanan. Gambar icon yang muncul
tergantung gambar yang anda gunakan
19. Jalankan aplikasi yang anda buat seperti menjalankan aplikasi lainnya, bila muncul
tampilan seperti gambar di dibawah ini, berarti ...

“Selamat anda berhasil membuat aplikasi android!”

28 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Modul 2
MEMODIFIKASI MENU UTAMA

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Penguna memodifikasi menu utama untuk aplikasi pembelajaran android

memanfaatkan template mengunakan Adobe Flash Pro CS 6

URAIAN

Dalam mengembangkan media pembelajaran, pengembang harus memiliki bahan

acuan yang di gunakan untuk pedoman. Bahan acuan ini diawali dengan ide/tema peta
kompetensi, peta konsep, Garis Besar Isi Media, Jabaran Materi, Flowchart dan
Naskah.
Semua bahan acuan itu sebagai pengendali proses pengembangan agar tidak
melenceng dari konsep pengembangan awal.
Mungkin bagi anda terlalu repot menyiapkan bahan acuan, tetapi saran saya anda
sebaiknya tetap memikirkan meski tidak menuangkannya dalam kertas. Bila kita
mengembangankan media pembelajaran dengan acuan maka media pembelajaran
yang anda kembangkan akan terarah untuk mencapai tujuan kompetensi yang
ditetapkan.

LANGKAH MENYESUAIKAN

1. Buka Adobe Flash CS 6 kemudian open file " Template AMO 2016.fla ", lalu
simpan dengan nama baru.
2. Sesuaikan scene yg ada di template dengan hirarki yang anda buat. Untuk
memahaminya lihat contoh di halaman berikut ini :

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 29

 Opening
Scene Opening

Scene Menu

Menu Utama

Scene Pengantar

Scene Materi 2 Scene closing

Scene Materi 1 Scene Tes

Pengantar Materi 1 Materi 2 Tes Closing

3. Untuk melakukan penyesuaian, buka docker scene di pulldown menu Windows >
Other Panel > Scene. Jika anda benar akan muncul tampilan seperti gambar
dibawah ini :

Double Klik untuk

mengedit nama Scene

Klik duplikat Scene

Klik delete Scene

4. Gunakan perintah duplikat scene dan delete scene untuk menyesuaikan dengan
hirarkinya
5. Selanjutnya pindahkan scene aktif ke “menu” dengan cara seperti yang telah
dijelaskan sebelumnya. Lalu perhatikan gambar dibawah ini

30 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Tombol ke Pengantar

Tombol ke Materi 1

Tombol ke Materi 2

Tombol ke
Uji Kompetensi / Tes

Tombol ke
Keluar/closing

6. Sesuaikan tombol dengan menu yang ingin ditampilkan. Dalam contoh ada 4
scene (pengantar, materi1, materi2 dan tes) yang akan ditampilkan, maka ada 4
tombol untuk melakukan navigasi.
7. Lakukan delete tombol untuk mengurangi agar sesuai hirarki anda.
8. Duplikat tombol di library dengan cara klik kanan kemudian pilih duplicate, Lalu
isi nama tombol baru hasil duplikat.

Klik kanan salah satu

tombol dan pilih
duplicate

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 31

9. Bila dalam library telah muncul tombol yang baru, click and drug ke stage. Atur
posisi masing-masing tombol agar serasi.
10. Teks yang muncul dalam tombol baru masih sesuai dengan tombol yang lama.
Untuk mengedit teks tombol dengan double klik tombol yang akan diubah.
11. Ubah instant name sesuai dengan AS yg akan dipasangkan

Tombol yg dipilih

Instant Name nya

12. Pasang AS untuk tiap tombol dan sesuaikan perintahnya seperti gambar berikut :

1 //jangan diubah
2 tbmetu.addEventListener(MouseEvent.MOUSE_
AS3 untuk mengarahkan tombol, satu
UP,clikmetu); baris satu tombol
Contoh :
3
Tombol dengan nama instant “tbmenu1”
4 //ubah AS untuk memasang fungsi tombol
berfungsi untuk melompat ke scene
menu utama; “pengantar”
5 arahtombol("tbpengantar","pengantar");
6 arahtombol("tbmateri1","materi1");
7 arahtombol("tbmateri2","materi2");
8 arahtombol("tbtes","tes");

Keterangan Action Script

• Line 2 : Jangan mengubah Action Script di frame ini
• Line 5 - 8 : perintah function untuk mengarahkan tombol, satu baris satu
tombol. Contoh : Tombol dengan nama instant “tbmenu0”
berfungsi untuk melompat ke scene “pengantar”.
13. Coba tampilan dan fungsi masing masing tombol pada menu utama beserta
navigasinya dengan emulator yang disediakan flash atau tekan ctrl-enter.

32 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Modul 3
MEMODIFIKASI ISI MATERI

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Penguna memodifikasi isi materi untuk aplikasi pembelajaran android

memanfaatkan template mengunakan Adobe Flash Pro CS 6

URAIAN

Template ini terdapat scene pengantar, isi scene ini hanya 1 frame. Untuk
melakukan perubahan isinya anda tinggal memodifikasi tampilan frame yang
dimkasud. Bila anda ingin membuat dengan banyak halaman, sebaiknya anda
mengkopy dan memodifikasi scene materi.
Dalam scene materi di template ini terdapat 5 frame. Masing masing frame pada
time line mewakili 1 halaman tampilan, jadi jangan buat animasi/tween disini.
Sesuaikan isi media masing masing frame dengan tampilan yg ada inginkan.
Kondisikan action scrip pada layer AS tetap dalam formasi seperti itu. Kalau anda akan
menambahkan atau mengurangi jumlah frame, kondisikan AS tetap pada frame
pertama layer AS. Langkah mengeditnya sebagai berikut.

LANGKAH MENYESUAIKAN

1. Langkah awalnya dengan memindahkan scene aktif ke “pengantari” dengan cara

seperti yang telah dijelaskan sebelumnya.
2. Ubah tampilan/teks dengan mengklik teks kemudaian anda bisa mengetiknya
dengan cara seperti word processor, termasuk properties yang ada di sebelah
kanan

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 33

 Docker Properties

3. Langkah awalnya dengan memindahkan scene aktif ke “materi” dengan cara

seperti yang telah dijelaskan sebelumnya.
4. Sesuaikan frame dengan banyaknya halaman yang ingin anda tampilkan.

Pertahankan AS
di awal frame

5. Sesuaikan jumlah halaman/frame ke dalam as berikut ini

1 //angka 5 menandakan materi ini ada 5 frame.

2 awalframemateri(5);

Keterangan Action Script

• Line 2 : angka 5 pada perintah function menandakan materi ini ada 5
frame atau bisa di analogikan sebagai 5 halaman di naskah.
6. Masukkan semua media (teks, gambar, animasi, video dll) sesuai dengan
keinginan anda. Disini kemampuan flash drawing anda sangat dibutuhkan. Untuk
memodifikasi materi dengan cara :
• Untuk memasukkan teks dengan cara mengedit teks yang ada di template,
bisa juga diatur posisi teks tersebut. Untuk mengubah isi teks yang telah ada
di template anda tinggal double klik teks tersebut.

34 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 • Untuk memasukkan gambar dengan cara import kemudian atur di state atau
ambil dari library dengan cara klik and drug dari library ke state.
• Untuk memasukkan animasi, buat dahulu animasi dalam bentuk movie clip di
library. Selanjutnya click and drag movie clip tersebut di library ke state
sesuai dengan keinginan anda.
• Untuk memasukkan suara disarankan mengunakan script AS 3 sehingga akan
mudah diatur kapan munculnya suara.
7. Coba fungsi masing masing tombol pada menu utama beserta navigasinya
dengan emulator yang disediakan flash atau tekan ctrl-enter.
8. Setelah selesai 1 materi lanjukan ke materi yang lain.
9. Coba tampilan dan fungsi masing masing tombol pada menu utama beserta
navigasinya dengan emulator yang disediakan flash atau tekan ctrl-enter.

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 35

 Modul 4
MEMODIFIKASI EVALUASI

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Penguna memodifikasi evaluasi untuk aplikasi pembelajaran android

memanfaatkan template mengunakan Adobe Flash Pro CS 6

URAIAN

Dalam template terdapat quis multipelchoice yang berisi 15 macam soal yang
tampil random 10 soal. Frame pertama adalah pembuka quis, frame ke 2 – 31 berisi
soal dan penyelesaian, serta frame 32 berisi resume hasil quis. Masing masing soal
terdiri dari 2 frame, 1 frame berisi soal dan 1 frame berisi penyelesaian. Bila anda ingin
mengubah macam soal, susuaikan dengan aturan yang dipakai. Misalnya ada ingin
membuat macam soalnya ada 20 maka aturannya sebagai adalah frame 1 pembuka,
frame 2 – 41 berisi soal dan penyelesaian, serta 42 berisi resume hasil quis. Langkah
mengeditnya sebagai berikut.

LANGKAH MENYESUAIKAN

1. Langkah awalnya dengan memindahkan scene aktif ke “materi” dengan cara

seperti yang telah dijelaskan sebelumnya.
2. Untuk mengubah isi evaluasi, langkah pertama adalah membuka scene tes dengan
cara seperti langkah awal pada step no 5.
Layer AS yang berisi
action script

Frame di layer isi yang

berisi pembuka, soal,
penyelesaian dan
resume.

1. Sebelum mengisi tampilan soal atur dulu bentuk quis di Action Script pada frame
1 seperti gambar di halaman berikut

1 //sesuaikan macam soal, tampil soal, respon

dan penyelesaian
2 macamnya = 15;
3 tampilnya = 10;
4 dirandom = true;
5 adarespon = true;
6 adapenyelesaian = true;
7
8 //jangan diubah
9 diawalquis();

Keterangan Action Script

36 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 • Line 2 : macamnya = 15 artinya macam soalnya ada 15.
• Line 3 : tampilnya = 10 artinya quis yang ada buat tampil 10 soal.
• Line 4 : dirandom = true artinya munculnya soal dibuat random bukan
urutan, bila anda ingin tidak random maka kata true diubah
menjadi false.
• Line 5 : adarespon = true artinya quis yang anda buat menampilkan
respon benar salah pada setiap soal. Ubah jadi false bila tidak
menginginkan.
• Line 6 : adapenyelesaian = true; artinya quis yang anda buat
menampilkan penyelesaian soal. Ubah jadi false bila tidak
menginginkan.
• Line 8 – 9 : Jangan mengubah Action Script di line ini
2. Sesuaikan jumlah frame dengan macam soal yang ada set untuk quis yang anda
buat. Bila dikurangi, anda tinggal menghapus frame antara 2 - 31 sesuai dengan
set quis anda. Bila ditambah, anda tinggal memperbanyak dengan mengcopy
frame 2-31. Harus di ingat bahwa 1 soal diwakili dengan dua frame, jadi untuk
mengkopi atau menghapus harus sepasang.
3. Selanjutnya ubah tampilan soal dengan cara mengedit dan mengatur posisi
seperti editing flash biasa. Selain teks yang ada dalam gambar di atas, soal bisa
juga ditambahkan gambar atau animasi. Cara menambahkannya sama seperti
pada scene materi. Semua tampilan pada gambar diatas bisa di sesuaikan
posisinya. Tetapi dalam merubahnya jangan diubah secara radikal karena akan
tidak sedap dipandang mata. Usahakan setiap soal tampil serasi hingga akan
lebih bagus. Tombol navigasi sebaiknya juga tidak diubah posisinya agar sinkron
dengan soal dan tampilan lainnya. Untuk jelasnya perhatikan gambar dibawah ini

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 37

 Teks ini akan di generate
automatis tetapi ubah untuk
mengindentifikasikan “soal
ke”.
Double klik untuk
mengubahnya

Teks ini berisi soal yang ingin

anda tampilkan dalam quis.
Double klik untuk
mengubahnya

Teks ini berisi jawaban yang

ingin anda tampilkan dalam
quis. Double klik untuk
mengubahnya

Tombol Navigasi

4. Ubah juga action script di atasnya dengan cara yang seperti pada gambar
dibawah ini

1 //sesuaikan jumlah pilihan dan kuncinya Sesuaikan macam pilihan dan

kunci jawaban pada soal yang
2 pilihandankuncinya(5,"b"); ditampilkan

Keterangan Action Script

• Line 2 : angka 5 adalah macam milihan dan huruf “b” pada perintah
function adalah kunci jawaban soal. Sesuaikan dengan kunci
jawaban pada soal yang ditampilkan
5. Selanjutnya ubah tampilan soal dengan cara yang ditunjukkan pada gambar di
halaman berikut ini

Tombol untuk menuju

soal berikutnya

Teks ini hasil generate

automatis tidak usah
diubah.

Teks ini berisi penjelasan

yang ingin anda Semua tampilan di
tampilkan dalam quis. atas dapat diubah
Double klik untuk posisinya sama seperti
mengubahnya langkah ke 4

38 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

6. Action script yang ada diatas frame penyelesaian tidak perlu diubah karena akan
merusak semua alur yang telah dibuat. Biarkan saja seperti gambar di bawah ini.

1 //jangan diubah
2 dipenyel();
3

Keterangan Action Script

• Line 2 : Jangan mengubah Action Script di frame ini
7. Selanjutnya ubah tampilan resume sesuai dengan selera anda. Cara
mengubahnya sama seperti mengubah tampilan yang lain yang sudah dibahas
sebelumnya. Untuk lebih jelasnya perhatikan keterangan pada gambar di
halaman berikut ini

Jumlah jawaban benar,

salah dan nilainya

Respon jawaban tiap soal

Komentar hasil quis

Tombol untuk mengulang

Tes

Semua tampilan di
atas dapat diubah
posisinya sama
seperti langkah ke 4

8. Bila soal yang ingin anda tampilkan tidak 10, maka anda bisa merubah jumlah
Respon jawaban tiap soal sesuai dengan keinginan anda. Copykan saja movieclip
kotak dibawah soal. Jangan lupa sesuaikan Instan name nya dengan soal yang di
responnya. Perhatikan gambar berikut :

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 39

 res10 berarti respon untuk
soal no 10

9. Ubah juga action script pada frame di atas frame resume dengan cara yang
ditunjukkan pada gambar dibawah ini

1 //ubah isinya angka 70 ada lah batas nilai

baik. dilanjutkan dengan
2 //komentar bila nilai sempurna, lulus dan
3 gagal
diresumequis(70,"Jawaban Anda
sempurna","Anda lulus tapi masih ada
salahnya, belajar lagi ya!","Anda tidak lulus,
ayo belajar lebih giat lagi!")

Keterangan Action Script

• Line 1 – 2 : petunjuk singkat
• Line 3 : diresumquis adalah function yang berisi variable. 7 adalah batas
kelulusan yang ditentukan, "Jawaban Anda sempurna" adalah
komentar yang muncul jika nilai sempurna (10), " Anda lulus tapi
masih ada salahnya, belajar lagi ya!" adalah komentar yang
muncul jikan nilai melewati batas kelulusan, " Anda tidak lulus,
ayo belajar lebih giat lagi!" adalah komentar yang muncul jika
nilai kurang dari batas kelulusan.
10. Coba tampilan dan fungsi masing masing tombol pada menu utama beserta
navigasinya dengan emulator yang disediakan flash atau tekan ctrl-enter.

40 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

 Modul 5
MEMODIFIKASI PENUTUP

INDIKATOR PENCAPAIAN HASIL BELAJAR

• Penguna memodifikasi penutup untuk aplikasi pembelajaran android
memanfaatkan template mengunakan Adobe Flash Pro CS 6

URAIAN
Penutup adalah bagian akhir dari animasi. Penutup ini akan tampil setelah user
mengklik tobol exit/keluar. Penutup ini konsepnya sama dengan pembuka. Jadi untuk
memodifikasinya anda harus memahami flash drawing dan tween.

LANGKAH MENYESUAIKAN
1. Langkah awalnya dengan memindahkan scene aktif ke “closingi” dengan cara
seperti yang telah dijelaskan sebelumnya.
2. Stage yang tampak adalah tampilan penutup seperti berikut :

3. Selanjutnya perhatikan time line seperti gambar berikut.

Frame yang
terdapat action
script
4. Edit scene closing sesuai dengan keinginan anda, dengan aturan seperti
mengubah scene opening dan biarkan frame yang berisi action script ada di
bagian belakang
5. Coba tampilan dan fungsi masing masing tombol pada menu utama beserta
navigasinya dengan emulator yang disediakan flash atau tekan ctrl-enter.

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 41

DAFTAR LINK DOWNLOAD

Template Naskah dan Media Mobile

http://jambi-belajar.org/pelatihantik.php

PENUTUP

Setelah pembaca mempelajari dan mempraktekkan langsung modul

pengembangan multimedia untuk mobile edukasi ini diharapkan pembaca sudah dapat
membuat sebuah media. Untuk selanjutnya media tersebut dapat digunakan untuk
sebagai sumber belajar. Besar harapan penulis bahwa modul yang sederhana ini dapat
bermanfaat khususnya bagi pengembangan multimedia di lingkungan pendidikan.

42 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi

Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 43