Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia...

36
Modul Macromedia AUTHORWARE 7 Memulai Macromedia AUTHORWARE 7 Mengenal Authorware Menjalankan Macromedia Authorware 7 Elemen-Elemen dalam Macromedia Authorware 7 Mengelola File “Joy Learning with Macromedia Authorware - 1 - MODUL I

Transcript of Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia...

Page 1: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Memulai Macromedia AUTHORWARE 7

Mengenal Authorware Menjalankan Macromedia Authorware 7 Elemen-Elemen dalam Macromedia

Authorware 7 Mengelola File

“Joy Learning with Macromedia Authorware “ - 1 -

Mengenal Authorware

MODUL I

Page 2: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Macromedia Authorware 7 merupakan software pemrograman secara visual yang memiliki metode ikon dan flowline dalam proses penggunaannya. Penggunaan metode ikon dan flowline sangat mempermudah bagi para pengembang dalam membuat sebuah aplikasi; cukup dengan klik dan drop ikon dari palet ikon ke dalam flowline sesuai dengan deskripsi fungsinya. Hal ini sangat membantu dalam membuat alur kerja program dengan mudah dan cepat. Macromedia Authorware 7 merupakan program yang mempunyai fasilitas yang lengkap dan cara penggunaannya pun mudah. Macromedia Authorware 7 memiliki kemudahan untuk : Membuat media pembelajaran interaktif Mengimpor file, gambar, suara, dan movie Membuat menu pilihan Membuat link dari tampilan satu ke tampilan yang lain Membuat animasi sederhana Membuat kuis dan game Membuat respon dan menampilkan hasil tes (evaluasi) Membuat program database dan masih banyak kemudahan lainnyaMacromedia Authorware 7 juga didukung beberapa software animasi, grafis, dan sound yang bisa dikombinasikan menjadi suatu tampilan multimedia yang berkualitas. Software-software tersebut antara lain Macromedia Flash, Macromedia Director, QuickTime, Adobe Photoshop, Corel Draw, Cool Edit, dll.

“Joy Learning with Macromedia Authorware “ - 2 -

Menjalankan Macromedia Authorware 7

Page 3: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Apabila Authorware 7 belum terinstall di komputer Anda, maka Anda harus menginstallnya terlebih dahulu. Jika sudah terinstall, Anda dapat menjalankannya dengan perintah sebagai berikut : Awali dengan memilih Start pada desktop Windows, pilih Programs,

Macromedia, dan kemudian klik Macromedia Authorware 7.

Kemudian tampil kotak New Project, pilih None.

“Joy Learning with Macromedia Authorware “ - 3 -

Gambar : Tampilan awal Macromedia Authorware 7

Gambar : Tampilan New Project

Page 4: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Tampilan program Authorware siap digunakan untuk membuat sebuah aplikasi.

“Joy Learning with Macromedia Authorware “ - 4 -

Elemen-Elemen dalam Macromedia Authorware 7

Gambar : Tampilan Authorware 7 siap untuk digunakan

Page 5: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7 Klik dan geser Display Icon pada Icon Palette ke Design Windows. Kemudian

double click display tersebut.

Presentation Windows : Jendela yang menampilkan presentasi yang akan kita buat. Untuk menjalankannya, gunakan tombol Play pada control Panel.

Icon Palette : Jendela untuk menampilkan semua icon yang diperlukan untuk menyusun piece / artikel di Design Window.

Design Window : Jendela untuk menyusun artikel yang terdiri dari icon-icon.

Control Panel : Panel yang berisi tombol perintah untuk mengeksekusi Presentation Window.

Toolbox : Piranti untuk membuat object bisa berupa teks, garis, shape; memberi warna pada object yang kita buat; mengatur mode tampilan dan motif tampilan.

“Joy Learning with Macromedia Authorware “ - 5 -

Gambar : Jendela untuk menampilkan presentasi yang kita buat

Control Panel

Design Windows

Presentation Window

Icon Palette

Tools

NewSave All

Undo

CopyFind

BoldUnderline

Control Panel

Variables

Page 6: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Fungsi masing-masing tombol tersebut adalah sebagai berikut :

“Joy Learning with Macromedia Authorware “ - 6 -

Open

Import

Cut

Restar

Test styles list ItalicRestart

Function

Knowledge Objects

ResetStop

PausePlay

Show/Hide trace

Show invisible itemsTrace on/off

Step intoStep over

Reset to flagRestart to flag

Gambar : Control Panel

Paste

Page 7: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Selain Toolbar dan Control Panel masih ada Toolbox yang mempunyai fungsi untuk pengolahan teks dan gambar dari Authorware 7.

Setting Properties TampilanSebelum memulai lebih lanjut dalam membuat sebuah aplikasi di dalam Authorware 7, maka perlu di setting terlebih dahulu properties tampilan layarnya. Di dalam

“Joy Learning with Macromedia Authorware “ - 7 -

Restart Menjalankan presentasi dari awalReset Mengembalikan kondisi di awal presentasi

Pause Kondisi dimana presentasi berhenti sementara

Play Menjalankan presentasi

Show/Hide trace Menutup/memunculkan control panel

Restart from flag Menjalankan presentasi mulai dari icon di bawah icon bendera (flag)

Reset to flag Mengembalikan posisi awal di icon flag

Step over Menjalankan presentasi mulai dari awal

Step into Menjalankan presentasi tiap 1 icon (bila tombol Step into ini di klik)

Trace on/off Memunculkan/menghilangkan icon yang sedang dijalankan

Stop Menghentikan jalannya presentasi

Gambar : Toolbox

PointeRectangle tool

Elipse toolRounded rectangle toolPolygon tool

Diagonal line toolStright line tool

Text tool

Palette warna untuk garis tepi bidang

Palette warna untuk blok area

Fasilitas mengatur ketebalan garis

Fasilitas mengatur mode tampilan

Fasilitas mengatur motif tampilan

Memulai Macromedia Authorware 7

Show invisible Menampilkan item-item yang perlu masukan

Page 8: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7kotak properties disediakan beberapa item yang bisa kita setting, antara lain : ukuran layar, warna background layar, tampilan Title dan Menu Bar, dll.Bukalah halaman baru Authorware 7, kemudian perhatikan kotak properties yang terletak di bagian bawah layar.

Keterangan : Colors : Background untuk memilih latar belakang yang akan selalu ditampilkan di

presentasi Size : Untuk mengatur besar kecilnya tampilan dan resolusi tampilan. Dengan adanya

fleksibilitas ini kita sangat dimanjakan dalam berkreasi, dapat memilih model tampilan yang sesuai dengan keinginan kita.

Option : Berisi beberapa pilihan untuk memperindah tampilan, antara lain Title Bar (judul diatas presentasi), Center on Screen (tampilan selalu berada ditengah-tengah layer) yang sebaiknya selalu Anda pilih, Menu Bar (menu akan tampil diatas presentasi)

Bekerja dengan Toolbox Klik dan geser Display Icon pada Icon Palette ke Design Windows/flowline.

Kemudian double click display tersebut.

“Joy Learning with Macromedia Authorware “ - 8 -

Setting warna background

Setting ukuran layar

Setting tampilan di layar

Gambar : Kotak Properties

Page 9: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

“Joy Learning with Macromedia Authorware “ - 9 -

Gambar : Membuat Teks dengan Toolbox

Page 10: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Untuk mengedit teks, bisa dilakukan dengan cara klik teks yang telah diketikkan di layar, kemudian sorot kursor ke arah Menu bar. Pilih menu Text, tersedia pilihan Font, Size, Style, Alignment, dst.

Setelah berhasil menuliskan teks, cobalah untuk membuat bangun datar (shape), membuat garis dan memberi warna dengan menggunakan Toolbox.

Seperti halnya dalam menggunakan program-program aplikasi lainnya, ketika kita bekerja menggunakan Authorware maka kita akan membuat file baru, menyimpannya, atau membuka file lama yang telah dibuat.

Membuat File BaruUntuk membuat file baru, lakukan langkah-langkah berikut ini :

“Joy Learning with Macromedia Authorware “ - 10 -

Gambar : Mengatur jenis font

Mengelola File dalam Macromedia Authorware 7

Gambar : Tool untuk mengatur warna

Page 11: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 71. Pilih menu File, New dan kemudian klik File. Atau klik icon pada Toolbar.2. Pada kotak dialog, pilih None.3. Pilih menu Modify, File dan kemudian klik tombol properties untuk mengatur

pilihan tampilan file.4. Anda siap untuk bekerja dengan file baru.

Menyimpan FileUntuk menyimpan file, lakukan langkah-langkah berikut ini :1. Pilih menu File dan kemudian klik Save. Bila Anda menyimpan file baru maka

akan muncul kotak dialog save dengan nama dan folder default dimana file tersebut akan disimpan.

2. Pilih folder yang akan Anda gunakan sebagai tempat untuk menyimpan file tersebut pada kotak daftar Save in. Anda dapat klik pada icon anak panah ke bawah yang ada di bagian kanan kotak daftar Save in tersebut untuk melihat pilihan folder yang tersedia.

3. Ketikkan nama pada kotak isian File name.4. Klik tombol Save.

Apabila Anda sudah pernah menyimpan dokumen Anda dan ingin menyimpan lagi dengan nama yang berbeda, gunakan perintah Save as.1. Pilih menu File dan kemudian klik Save as sehingga muncul kotak dialog Save

File As.2. Pilih folder pada kotak Save in.

3. Ketikkan nama file pada kotak isian File name.4. Klik tombol save.

“Joy Learning with Macromedia Authorware “ - 11 -

Page 12: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Membuka FileUntuk membuka file, lakukan langkah-langkah berikut ini :1. Pilih menu File, Open dan kemudian klik File. Atau klik icon pada Toolbar.2. Pilih file dari kotak dialog Open.3. Klik tombol Open.

“Joy Learning with Macromedia Authorware “ - 12 -

Gambar : Kotak dialog Save As File

MODUL II

Page 13: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Bekerja Menggunakan ICON dalam Macromedia AUTHORWARE 7

Konsep dasar membuat sebuah aplikasi menggunakan program Authorware adalah merangkai icon yang tersedia sesuai dengan deskripsinya masing-masing. Rangkaian icon-icon yang tersusun dalam flowline tentunya harus sesuai dengan tujuan kita dalam membuat sebuah aplikasi. Pada modul II ini, kita akan belajar memahami deskripsi secara detail dari masing-masing icon yang ada di dalam program Authorware 7.

“Joy Learning with Macromedia Authorware “ - 13 -

Mengenal Icon dalam Macromedia Authorware 7

Page 14: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Keterangan Icon :

“Joy Learning with Macromedia Authorware “ - 14 -

Display Icon

Motion Icon

Erase Icon

Wait Icon

Navigate Icon

Framework Icon

Decision Icon

Start and Stop Flag

Interaction Icon

Calculation Icon

Map Icon

Digital Movie Icon

Sound Icon

DVD Icon

Knowledge Object Icon

Color icon

Gambar : Icon Palette

Page 15: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Display IconGunakan Display Icon untuk menampilkan teks dan grafik. 1. Buka program Authorware 7. Setelah muncul layar baru, setting-lah tampilan

melalui kotak Properties. Jika kotak properties belum muncul, maka Pilih menu Modify, File; kemudian klik Properties.

2. Hilangkan tanda cek pada title bar dan menu bar, gantilah memberi tanda cek pada center on screen. Pilihlah Size 800 x 600 (SVGA).

“Joy Learning with Macromedia Authorware “ - 15 -

Display Icon Untuk menampilkan teks dan grafik pada layarMotion Icon Menggerakkan objek sepanjang lintasan atau gerakan dari titik ke titik. Gerakan objek pun dapat diarahkan sesuai keinginan

Erase Icon Menghapus sebagian atau seluruh objek dari layarWait Icon Menghentikan eksekusi dengan atau tanpa button

Navigate Icon Sebagai sarana perpindahan atau link antar frame

Framework Icon

Menyatukan media yang berbeda seperti struktur teks, grafik, sound, dan animasi dengan tombol navigasi

Decision Icon Membantu untuk membuat keputusan, misal membuat pengulangan (looping), random soal,dll

Interaction Icon

Sarana interaksi dalam menentukan pilihan menu dengan mengklik button atau hotspot

Calculation Icon

Digunakan untuk penulisan script bisa berupa variabel maupun fungsi-fungsi tertentu

Map Icon Digunakan untuk mengumpulkan beberapa icon dalam satu wadah. Dengan memilih menu Modify dan kemudian klikGroup maka akan terlihat fungsi itu

Digital Movie Icon

Menjalankan Macromedia Director, AVI, MOV, FLC, dan QuickTime digital movies

Sound Icon Memasukkan musik, narasi, atau Sound Effect

Video Icon Memasukkan media film dari video disc baik gambar, suara, atau animasi

Start and Stop Flags

Mengawali dan mengakhiri perintah yang harus dijalankan

Icon Color Palette

Memberi warna pada icon sebagai kode tertentu

Mulai Bekerja dengan Icon

Page 16: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 73. Click and drag Display Icon ke Flowline pada Design Window. Berilah nama

TEKS. 4. Aktifkan control panel (klik toolbar ). 5. Double click Display Icon sehingga muncul Presentasi Window. Di dalam

Presentasi window inilah kita akan mengatur tampilan yang kita inginkan.6. Kliklah text tool pada Toolbox untuk menuliskan teks.7. Klik di sembarang tempat pada Presentation Window, ketikkan tulisan “BELAJAR

PEMROGRAMAN DENGAN AUHORWARE 7”. Aturlah teks “BELAJAR PEMROGRAMAN DENGAN AUTHORWARE7” menggunakan jenis font Verdana, size 18, style Bold dan alignment Center.

8. Setelah pembuatan teks selesai, atur juga mode tampilan menjadi transparan.9. Jalankan program.10. Simpan file ini dengan nama latih1.a7p.

“Joy Learning with Macromedia Authorware “ - 16 -

Keterangan :

Teks “BELAJAR PEMROGRAMAN DENGAN AUTHORWARE7” menggunakan jenis font Verdana, size 18, style Bold dan alignment Center.

Page 17: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Display Icon PropertiesDi dalam Display Icon Properties ini Anda dapat memilih layer, transisi, dan posisi objek di Presentation Window. Saat kotak Display Icon Properties terbuka (jika belum terbuka bisa di-klik kanan Display Icon kemudian pilih Properties), Authorware juga bisa membuka Presentation Window ketika kotak properties terbuka, sehingga akan memudahkan kita dalam mengatur tata letak tampilan. Pemindahan objek pun dapat secara cepat kita lakukan.Tombol Open : untuk membuka Presentation WindowKotak Isian Layer : Digunakan untuk mengatur order tampilan. Kotak isian tersebut dapat Anda isi dengan angka yang menunjukkan urutan tampilan. Makin besar angka yang Anda masukkan, maka image yang dihasilkan akan berada di atas gambar lain dengan angka layer yang lebih kecil.

Cobalah lakukan langkah berikut :1. Click and drag Display Icon baru pada Flowline, letakkan dibawah Display yang

bernama TEKS. Berilah nama BACKGROUND.2. Double click Display BACKGROUND, buatlah background dengan

menggunakan rounded rectangle tool pada Toolbox dan berilah warna merah.

“Joy Learning with Macromedia Authorware “ - 17 -

Gambar : Tampilan Teks

Gambar : Kotak Properties Display Icon

Page 18: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 73. Kliklah Restart untuk menjalankan presentasi. Maka hanya akan terlihat

background karena tulisan “BELAJAR PEMROGRAMAN DENGAN AUHORWARE 7” terhalangi. Untuk itu :

4. Kliklah Display TEKS, berilah angka 1 pada kotak isian layer yang terdapat pada kotak properties.

5. Cobalah jalankan presentasi kembali.6. Tampilan teks akan terlihat di depan tampilan background, sehingga bisa dibaca

dengan jelas.

Motion IconMotion Icon berguna untuk menggerakkan objek dari satu tempat ke tempat lain pada screen.1. Click and drag Display Icon, beri nama BOLA.2. Double click Display BOLA. Buatlah gambar lingkaran dengan warna hijau.3. Click and drag Motion Icon ke Flowline, kemudian double click untuk mulai

menjalankan.4. Pastikan kotak pilihan Type berisi Direct to Point.5. Drag “gambar lingkaran” ke lain tempat.6. klik tombol Ok.7. Untuk melihat hasilnya klik tombol Restart. (atau klik tombol Preview pada

kotak dialog Properties : Motion Icon.

“Joy Learning with Macromedia Authorware “ - 18 -

Gambar : Tampilan Teks Terlihat di depan Background

Page 19: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Motion Icon PropertiesAda lima tipe pergerakan dalam Motion Icon, tiga macam pergerakan di mana objek bergerak langsung ke lokasi akhir, dua macam tipe pergerakan di mana objek bergerak sepanjang lintasan yang dapat dibentuk.Pilihan yang ada pada Type Motion adalah sebagai berikut : Direct to Point : untuk menggerakkan objek lurus dari lokasi awal ke lokasi

tujuan. Direct to Line : untuk menggerakkan objek sepanjang garis dari lokasi awal

sampai suatu titik yang kita tentukan. Direct to Grid : untuk menggerakkan objek dari lokasi awal ke suatu titik yang

telah diatur. Path to End : untuk menggerakkan objek dari lokasi awal ke lokasi akhir dengan

melewati lintasan (path) yang sudah ditentukan.

“Joy Learning with Macromedia Authorware “ - 19 -

Gambar : Flowline program

Page 20: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7 Path to Point : hampir sama dengan Path to End, namun kita dapat menentukan

perhentian akhir objek di sembarang titik. Lintasan dapat berupa garis lurus ataupun kurva.

Kotak Pilihan TimingIsikan nilai tertentu pada kotak pilihan Timing. Objek akan bergerak dengan ketentuan second per inci ( 1,75 detik per inci ) jika kita pilih Rate.

Kotak Pilihan ConcurrencyGunakan pilihan pada Concurrency untuk memilih bagaimana Authorware menjalankan icon berikutnya di dalam Flowline.

Wait Until Done : menunggu sampai Authorware selesai menggerakkan objek sebelum memproses icon selanjutnya dalam Flowline.

Concurrent : seluruh objek yang dipilih pada motion akan dijalankan bersama-sama. Pilihan ini baik bila digunakan pada animasi di mana dua objek bergerak bersama-sama. Anda perlu memperhatikan aturan Timing-nya agar animasi ini sesuai dengan keinginan kita. Kadang nilai waktu yang dimasukkan tidak sesuai dengan kebutuhan waktu yang seharusnya.

Perpetual : Objek akan digerakkan terlebih dahulu sampai selesai, sampai ditemukan icon lain sebagai suatu perintah. Pilihan Perpetual hanya ada pada pilihan Path to Point dan Path to End.

“Joy Learning with Macromedia Authorware “ - 20 -

Gambar : Kotak Properties Motion Icon

Page 21: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Erase IconErase Icon digunakan untuk menghapus tampilan icon yang telah dibuat dalam program.1. Click and drag Erase Icon ke Flowline2. Double click Display “BOLA”. (Kita akan menghapus tampilan BOLA).3. Klik Erase Icon pada flowline satu kali.4. Kemudian klik tampilan BOLA yang terdapat pada presentation window. Maka

tampilan BOLA akan hilang (terhapus).5. Aktifkan pilihan Transition. Pilih efek Transisi “Venetian Blind”, ketikkan

durasi waktu (1 detik) untuk transisi, kemudian Klik tombol Ok.6. Untuk melihat hasilnya klik tombol Restart.

“Joy Learning with Macromedia Authorware “ - 21 -

Page 22: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Wait IconWait Icon memiliki fungsi untuk menghentikan sementara tampilan sampai ada respon user dengan klik tombol, klik mouse atau keyboard atau ada durasi waktu yang telah ditentukan.1. Click and drag Wait Icon pada Flowline.2. Double click Wait Icon. Muncul kotak dialog properties, isikan Time Limit 2

second dan hilangkan tanda cek pada Event dan option.3. Click and drag Display Icon baru, beri nama “Teks2”.4. Double click Display Teks2, kemudian tuliskan teks “dibutuhkan semangat,

ketekunan, ketelitian dan kesabaran”5. Untuk melihat hasilnya klik tombol Restart.

“Joy Learning with Macromedia Authorware “ - 22 -

Gambar : Kotak Properties Erase Icon

Page 23: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Wait Icon Properties

Pilihan EventsBila kita memberi tanda cek pada kotak di sebelah kiri Mouse Click maka proses penantian akan berakhir bila kita klik mouse kita. Demikian juga bila kita beri tanda cek pada kotak di sebelah Key Press, maka proses penantian akan berakhir bila kita menekan tombol pada keyboard.

“Joy Learning with Macromedia Authorware “ - 23 -

Gambar : Kotak Properties Wait Icon

Page 24: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7Kotak Isian Time LimitDi dalam kotak isian Time Limit, kita bisa memberi waktu penantian dalam hitungan second (detik).

Pilihan OptionsJika Time Limit tidak terisi maka Options hanya akan memiliki satu pilihan, yaitu Show Button. Kondisi ini akan menampilkan tombol button di layar sesuai dengan pilihan. Tombol ini berfungsi untuk mengakhiri proses penantian bila diklik pada saat program dijalankan.Jika Time Limit terisi dengan angka, maka muncul pilihan Show Countdown yang berfungsi untuk menampilkan perhitungan waktu yang divisualisasikan dengan jam.

Interaction IconInteraction Icon berfungsi untuk menghubungkan icon-icon yang saling berinteraksi. Saat Authorware menjumpai Interaction Icon yang berisikan teks, grafik, perintah find, termasuk button, hot spot, tempat text entry, dan masih banyak lagi, Authorware akan menunggu respon dari user. Ketika user memberi reaksi, Authorware mengirim respon sepanjang interaction Flowline. Jika ditemukan keterkaitan pada percabangan maka Authorware akan menjalankan icon tersebut.1. Click and drag Interaction Icon pada Flowline.2. Double click Interaction Icon. Buatlah sebuah kotak dengan Rectangle Tool,

beri warna biru.3. Click and drag Map Icon dan letakkan disebelah kanan Interaction Icon, atur

type responnya dengan “hotspot”.Beri nama Map Icon “Kotak”.

“Joy Learning with Macromedia Authorware “ - 24 -

Gambar : Interaksi dengan Hotspot

Page 25: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

4. Klik hotspot (kotak kecil dengan garis yang putus-putus) yang terletak di atas Map Icon, sehingga muncul kotak properties untuk mengatur hotspot.

Atur Erase dengan Before Next Entry dan Branch dengan Try Again. Setelah itu, klik tombol Hotspot untuk pengaturan selanjutnya. Pada bagian Match pilih Cursor in Area, dan ubahlah Cursor dengan gambar tangan.

5. Double click Interaction Icon, maka akan terlihat kotak hotspot dan kotak berwarna biru yang telah Anda buat. Geserlah kotak hotspot tepat pada kotak biru.

“Joy Learning with Macromedia Authorware “ - 25 -

Gambar : Kotak Properties Hotspot

Gambar : Kotak Properties Hotspot

Page 26: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

6. Langkah selanjutnya adalah bukalah Map Icon dengan cara di-klik dua kali.7. Click and drag Display Icon. Beri nama “hotspot kotak”8. Buatlah kotak dengan warna kuning dengan besar ukuran dan letaknya sama

persis seperti kotak warna biru yang ada di dalam Interaction Icon. (untuk lebih mudahnya, di copy-paste).

9. Setelah selesai, coba jalankan program dengan meng-klik tombol Restart.10. Ketika program berjalan, arahkan kursor ke kotak warna biru. Saat kursor

tepat berada di kotak, maka ada perubahan warna dari biru menjadi kuning.11. Jika perintah di atas (no 10) tidak jalan, maka Pause-lah program dengan

klik tanda Stop pada Control Panel (atau control + P).12. Kemungkinan letak hotspot tidak tepat pada kotak warna biru. Pindahkan

hotspot tepat pada kotak warna biru. Setelah itu jalankan program kembali, dan cobalah latihan hotspot.

“Joy Learning with Macromedia Authorware “ - 26 -

Gambar : Hotspot

Gambar : Flowline Hotspot

Page 27: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

Framework IconFramework Icon berfungsi untuk menyatukan media yang berbeda seperti struktur teks, grafik, sound, dan animasi dengan tombol navigasi. Framework Icon merupakan salah satu icon yang harus digunakan ketika kita membuat interaksi antar halaman. Fungsinya adalah sebagai identitas navigasi halaman awal dan halaman yang hendak dituju.1. Click and drag Framework Icon. Beri nama “Masuk Authorware”.2. Double click Framework Icon. Maka akan muncul icon-icon seperti pada

gambar di bawah ini.

3. Blok-lah semua icon yang ada di dalam Framework Icon, kemudian hapus dengan menekan tombol delete.

“Joy Learning with Macromedia Authorware “ - 27 -

Gambar : Icon dalam Framework

Page 28: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 74. Selanjutnya gantilah dengan Display Icon dangan nama “Belajar Authorware”.

Buatlah teks “Selamat, Anda siap belajar pemrograman Authorware 7”.5. Click and drag Map Icon pada Flowline, letakkan di sebelah kanan Framework

Icon. Beri nama “Siap Belajar”.

Navigate IconSebagai sarana perpindahan atau link sangat tepat untuk pembuatan program yang sifatnya interaktif. Perwujudan Navigate Icon dalam program berupa tombol-tombol yang telah tersedia di Authorware 7 seperti tombol Next, Previous, Back, Last, dan lain-lain. Tombol navigasi ini berfungsi untuk mengaitkan suatu halaman dengan halaman lain dalam satu framework.1. Click and drag Navigate Icon, letakkan di sebelah kanan Map Icon yang

bernama “Kotak”. Beri nama Navigate Icon “Link ke Masuk Authorware”.

“Joy Learning with Macromedia Authorware “ - 28 -

Gambar : Framework Icon

Gambar : Navigate Icon

Page 29: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7

2. Navigate Icon dalam posisi belum aktif sehingga belum bisa link ke halaman tujuan, yaitu “Masuk Authorware”. Untuk mengaktifkannya, munculkan kotak properties dengan cara klik Navigate Icon. Pilih framework dengan memilih “Masuk Authorware”, pilih page dengan “Siap Belajar”. Setelah kedua langkah tersebut selesai, klik-lah area Design Window. Maka Navigate Icon sudah dalam posisi aktif (perhatikanlah bahwa sekarang terdapat kotak kecil dalam Navigate Icon).

Navigate Icon Properties :RecentGunakan pilihan Recent ini untuk mengaitkan suatu halaman dengan halaman pilihan. Authorware akan membuka Recent Pages Window untuk menampilkan daftar halaman yang ada. Pemakai / User dapat melompat ke halaman manapun yang dia kehendaki. Kotak daftar Recent Pages menampilkan daftar semua halaman. pilih nama halaman dengan klik mouse.

NearbyPilihan Nearby digunakan untuk menentukan link dalam Framerwork atau link keluar Framework.

Anywhere

“Joy Learning with Macromedia Authorware “ - 29 -

Page 30: Web viewMengenal Authorware. Menjalankan Macromedia Authorware 7. Elemen-Elemen dalam Macromedia Authorware 7. Mengelola File. Macromedia Authorware 7

Modul Macromedia AUTHORWARE 7Pilihan ini digunakan untuk menentukan link dari satu halaman ke halaman yang kita tentukan

CalculatePilihan calculation sangat erat kaitannya dengan Script Function. Pada bagian ini kita belum akan membahasnya. Namun secara garis besar dapat dikemukakan bahwa Navigate Icon akan menjalankan ke icon yang telah diberi identitas.

SearchPilihan ini memungkinkan kita untuk menjalankan sembarang icon di seluruh file dengan memasukkan salah satu kata kunci yang ada pada Display Icon. Authorware akan mencari dengan sendirinya.

“Joy Learning with Macromedia Authorware “ - 30 -