multimedia course content cd development with courselab

Multimedia Course Content CD Development with CouseLab

Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

1

Multimedia Course Content CD Development with CourseLab

Oleh :

Winastwan Gora S, ST, MT

Program Hibah INHERENT K-1 DIKTI Universitas Islam Sultan Agung (UNISSULA) Semarang

Tahun 2007



2

DAFTAR ISI DAFTAR ISI..................................................................................................................2 KATA PENGANTAR ...................................................................................................3 TENTANG PROYEK PENGEMBANGAN CD BAHAN AJAR MULTIMEDIA......4 TAHAPAN PRA PRODUKSI.......................................................................................4

Menentukan Isi Halaman Depan................................................................................5 Membuat Outline .......................................................................................................6 Merancang Tampilan Bahan Ajar ..............................................................................7 Mengumpulkan Bahan Baku......................................................................................8

TAHAPAN PRODUKSI ...............................................................................................8 Tentang Websoft CourseLab .....................................................................................8 Sistem yang Dibutuhkan ............................................................................................9 Instalasi dan Menjalankan CourseLab .......................................................................9 Membuat Project Baru ...............................................................................................9 Mengenal Area Kerja CourseLab ............................................................................12 Mengatur Informasi Halaman Depan Bahan Ajar ...................................................12 Mengatur Tampilan Isi Bahan Ajar .........................................................................14 Mengisi Slide Bahan Ajar ........................................................................................15

Merubah Nama Slide ...........................................................................................15 Menambahkan Teks .............................................................................................17 Mengatur Animasi Teks.......................................................................................18 Memasukkan Gambar ..........................................................................................19 Menambahkan dan Menghapus Slide ..................................................................20 Memasukkan Video .............................................................................................20 Membuat Text Balloon ........................................................................................22 Melihat Tampilan Hasil Akhir Bahan Ajar..........................................................28 Membuat Obyek dari File External......................................................................28 Membuat Link untuk Membuka Halaman Web ..................................................29 Memuat Halaman Web dalam Slide ....................................................................31 Membuat Daftar Teks ..........................................................................................33 Memasukkan Animasi Flash................................................................................35 Membuat Halaman Quiz ......................................................................................37

TAHAPAN PASKA PORODUKSI ............................................................................40



3

KATA PENGANTAR

Assalamu’alaikum Wr. Wb.

Segenap puji tercurah kehadirat Allah, Sang Pencipta alam semesta. Alhamdulillah berkat

rahmat-Nya kita dapat melaksanakan kegiatan workshop/pelatihan multimedia dan e-learning

”Multimedia Course Content CD Development with CourseLab” yang diselenggarakan oleh

Program Hibah INHERENT K-1 DIKTI Tahun 2007 di Universitas Islam Sultan Agung

(UNISSULA) Semarang pada tanggal 30 dan 31 Oktober 2007.

Dalam workshop ini dibahas metode penyusunan CD (Compact Disc) bahan ajar multimedia

menggunakan aplikasi multimedia authoring bernama CourseLab. Pada workshop ini pula

nantinya peserta pelatihan akan dituntun untuk dapat menghasilkan quiz interaktif dalam

bentuk pilihan ganda maupun essay. Bahan ajar yang dihasilkan nantinya tidak hanya

didistribusikan melalui CD saja, melainkan dapat pula didistribusikan via Web dan Internet.

Workshop ini bertujuan menghasilkan bahan-bahan ajar interaktif yang lebih banyak, agar

mahasiswa dapat mengaksesnya dari mana saja dan dapat belajar menggunakan konten

tersebut kapan saja. Di sisi lain, dengan bahan ajar model seperti ini diharapkan aktifitas

pembelajaran dan kualitas keilmuan mahasiswa dapat semakin meningkat.

Akhir kata semoga workshop ini dapat memberi manfaat kepada kita semua. Semoga bahan-

bahan ajar yang dihasilkan nantinya dapat memberi pencerahan ilmu di lingkungan

UNISSULA Semarang pada khususnya dan di Internet pada umumnya. Apabila peserta

workshop masih mengalami kesulitan dalam menyusun bahan ajar multimedia dapat

menghubungi penulis di alamat email [email protected], penulis akan dengan senang hati

memberi solusi atas kesulitan tersebut. Selamat berkreasi!

Wassalamu’alaikum Wr. Wb.

Semarang, 22 Oktober 2007

Winastwan Gora S.

Pemateri Workshop



4

TENTANG PROYEK PENGEMBANGAN CD BAHAN AJAR MULTIMEDIA Pada pelatihan kali ini dibahas cara menyusun konten bahan ajar multimedia yang tersusun dari

media teks, gambar, audio dan video menjadi sebuah kesatuan konten bahan ajar yang nantinya

digunakan dalam perkuliahan. Terdapat 3 (tiga) langkah besar pembuatan bahan ajar multimedia

ini, yaitu :

• Pra Produksi, adalah tahapan membangun ide dan membuat rancangan dari bahan ajar

multimedia yang akan dibuat

• Produksi, ialah melakukan penyusunan media menggunakan aplikasi multimedia authoring

(dalam pelatihan ini digunakan aplikasi CourseLab)

• Paska Produksi, adalah melakukan distribusi bahan ajar multimedia baik lewat media

CD/DVD-ROM maupun via Internet.

Sedangkan struktur bahan ajar yang dibahas dalam workshop ini memiliki 3 (tiga) unsur penting

dalam penyusunan bahan ajar pada umumnya yaitu deskripsi mata kuliah, isi bahan ajar dan quiz

sebagai media evaluasi.

TAHAPAN PRA PRODUKSI Tahapan pertama dalam keseluruhan pembuatan bahan ajar multimedia adalah Pra Produksi.

Dalam tahap ini pengembang melakukan pengembangan ide dan perancangan konten serta

tampilan dari multimedia yang akan dibuat. Berikut ini adalah langkah-langkah yang dilakukan

dalam tahapan Pra Produksi :

1. Menentukan Isi Halaman Depan, yaitu menentukan judul bahan ajar, nama

pemateri dan identitas institusi. Dalam membuat bahan ajar, judul bahan ajar dapat

diambil dari judul buku bahan ajar yang telah ada atau nama mata kuliah yang

diampu oleh dosen, atau judul bahasan tentang sebuah kompetensi. Hendaknya

judul dibuat singkat, padat dan jelas mengingat keterbatasan ruang visual yang ada,

tanpa mengurangi arti dari judul yang sudah ada.

2. Membuat Outline, yaitu membuat daftar/list konten materi yang akan disampaikan

atau dimasukkan ke dalam konten bahan ajar multimedia. Outline ini

direpresentasikan kedalam bentuk point-point.



5

3. Membuat Sketsa Tampilan, yaitu membuat rancangan tampilan konten

multimedia interaktif sesuai dengan template tampilan yang disediakan oleh

CourseLab.

4. Mengumpulkan Bahan Baku, sebelum disusun ke dalam aplikasi CourseLab

hendaknya bahan-bahan media yang akan digunakan sudah dikumpulkan dan

diinventarisir, hal ini akan mempermudah proses produksi/penyusunan bahan

ajar multimedia.

Kesemua langkah diatas bertujuan agar proses pembuatan dan materi yang disampaikan

didalamnya dapat terstruktur rapi agar mudah dimengerti oleh pembaca bahan ajar.

Menentukan Isi Halaman Depan Halaman depan bahan ajar multimedia yang dibuat menggunakan CourseLab terdiri dari judul

bahan ajar, nama pemateri dan identitas institusi. Pilih judul dengan kalimat yang singkat,

padat yang jelas mengingat keterbatasan ruang visual layar monitor komputer. Dalam

pembuatan bahan ajar multimedia yang kita buat nantinya, judul akan ditampilkan di

halaman utama seperti pada gambar di bawah ini.

Gambar 1. Tampilan halaman depan



6

Membuat Outline Outline berisi daftar isi konten pembelajaran yang disusun dalam point-point. Point-point

tersebut berisi urutan tampilan beserta daftar media yang dipakai serta narasi yang

disampaikan. Outline merupakan skenario sederhana sebagai konsep dan rancangan isi

bahan ajar. Outline inilah yang nantinya digunakan oleh pihak ketiga (rumah produksi bahan

ajar multimedia) sebagai acuan penyusunan bahan ajar. Untuk lebih jelasnya silahkan simak

contoh outline singkat dibawah ini :

Judul : Pertemuan Ke-3 Mata Kuliah Jaringan Komputer (Computer Network)

“Local Area Network (LAN)”

Oleh : Winastwan Gora S.

Identitas Institusi : Jurusan Teknik Informatika UNISSULA Semarang

1. Pendahuluan. Berisi sambutan dosen berupa video, narasi : ”Assalamu’alaikum

Wr. Wb. Selamat datang di perkuliahan Jaringan Komputer pertemuan ketiga.

Dalam pertemuan kali ini akan dibahas mengenai Local Area Network atau LAN.

Selamat mengikuti... Wassalamu’alaikum Wr. Wb”. Teks (nama dosen): “Oleh :

Winastwan Gora S.”

2. Deskripsi Mata Kuliah. Berisi point-point teks “Dalam pertemuan kali ini akan

dibahas mengenai definisi LAN atau Local Area Network, kaitan LAN dalam OSI

layer, metode transmisi LAN, topologi LAN, serta perangkat-perangkat yang

digunakan dalam LAN”. Narasi audio : sama dengan teks.

3. Tentang Local Area Network (LAN). Teks : ”LAN atau Local Area Network

adalah jaringan data berkecepatan tinggi yang meng-cover wilayah geografik

yang relatif kecil. Secara umum, LAN digunakan untuk menghubungkan personal

computer, printer, server serta piranti jaringan lainnya”. Narasi audio : sama

dengan teks. Animasi (Flash) : komputer yang terhubung dengan komputer lain,

server dan printer dalam sebuah jaringan.

4. Manfaat LAN. Teks : “LAN untuk mengkoneksikan banyak komputer memiliki

banyak kegunaan atau manfaat, diantaranya untuk berbagi akses ke perangkat

adan aplikasi, pertukaran file diantara pengguna yang terhubung dan komunikasi

antar pemakai menggunakan email dan aplikasi lainnya”. Narasi audio : sama

dengan teks. Animasi (Gambar) : aplikasi-aplikasi dalam jaringan komputer.

5. Dan seterusnya....

Dalam tiap point outline diinventarisir pula materi yang ditampilkan seperti teks, gambar,

video dan audio beserta narasinya. Nantinya dalam CourseLab, konten-konten tersebut

disusun sesuai dengan urutan yang terdapat dalam outline yang telah dibuat.



7

Merancang Tampilan Bahan Ajar Untuk merancang tampilan bahan ajar dibuatlah sketsa tampilan. Sketsa ini dibutuhkan untuk

membuat rancangan pengembangan dari sisi visual. Rancangan visual ini digunakan sebagai

panduan dalam proses pengembangan bahan ajar. Sketsa tampilan yang dibuat haruslah

selaras dengan outline yang telah dibuat, artinya sketsa haruslah memuat unsur-unsur yang

di-inventarisir dalam outline. Di dalam CourseLab terdapat dua unsur visual utama, yaitu

halaman awal dan halaman isi. Tampilan halaman awal, akan tampil pada saat konten bahan

ajar pertama kali dijalankan seperti tampak pada Gambar 1. diatas, setelah melakukan klik

pada tombol Start Module, selanjutnya akan tampil halaman isi. Halaman isi merupakan

halaman yang berisi konten bahan ajar. CourseLab menyediakan berbagai variasi tampilan

halaman isi yang biasa disebut dengan istilah template. Berikut ini adalah contoh template

halaman isi.

Gambar 2. Tampilan template isi bahan ajar saat menampilkan video pembuka

Gambar 3. Tampilan template isi bahan ajar saat menampilkan slide bahan ajar



8

Gambar 4. Tampilan template isi bahan ajar saat menampilkan quiz pilihan ganda

Mengumpulkan Bahan Baku Setelah semua rancangan baik dalam bentuk outline maupun sketsa tampilan jadi, maka

yang harus dilakukan berikutnya adalah mengumpulkan semua bahan baku (berupa media)

yang dipakai. Apabila kita ingin menggunakan gambar yang ada dalam buku diktat, berarti

kita harus melakukan proses scanning untuk merubahnya menjadi format digital. Apabila kita

membutuhkan video sambutan dosen, maka kita harus melakukan pengambilan gambar

dengan kamera video untuk kemudian melakukan proses capture agar gambar yang ada

dalam kamera dapat dipindahkan kedalam komputer. Kemudian berbagai media yang berupa

gambar, audio, animasi, video, HTML/halaman web dikumpulkan dalam sebuah folder, untuk

memudahkan proses penyusunan nantinya.

TAHAPAN PRODUKSI Pada dasarnya terdapat 4 (empat) langkah besar pengembangan bahan ajar mutimedia

menggunakan Courselab, yaitu : Membuat project baru, mengisi halaman depan, membuat

slide bahan ajar dan melakukan publikasi.

Tentang Websoft CourseLab CourseLab merupakan piranti lunak penyusun bahan ajar multimedia untuk e-Learning yang

powerful dan mudah digunakan. CourseLab menawarkan lingkungan WYSIWYG yang bebas

dari pemrograman untuk menghasilkan bahan ajar interaktif berkualitas tinggi yang dapat di

publikasikan di Internet, Learning Management Systems (LMS), serta CD-ROM.



9

Sistem yang Dibutuhkan Untuk dapat menjalankan CourseLab dan membuat bahan ajar yang dilakukan dalam tutorial

ini menggunakan Personal Computer atau notebook, membutuhkan spesifikasi komputer

sebagai berikut :

• Prosesor minimal Intel P4

• RAM 256 MB

• Ruang kosong harddisk minimal 200 MB

• VGA Card dengan RAM 64 MB

• Sistem operasi Microsoft Windows XP

• Browser web Internet Explorer

• Aplikasi player multimedia Windows Media Player

• Plug-in Adobe Flash Player (untuk menjalankan file flash, dengan ekstensi *.swf)

serta plug-in lainnya (Quick Time Player, Real Player, Shockwave Player, dan Java

Runtime Environtment)

• Aplikasi Windows Movie Maker untuk melakukan pengambilan gambar via Web

Camera dan melakukan perekaman suara via Microphone

• Hardware tambahan berupa Web Camera dan Microphone

• Koneksi Internet (untuk melakukan aktivasi aplikasi CourseLab)

Instalasi dan Menjalankan CourseLab Sebelum dapat menggunakan aplikasi CourseLab untuk berkreasi, maka Anda harus

menginstal aplikasi ini terlebih dahulu dalam komputer Anda, berikut ini langkah-langkahnya

adalah klik dua kali pada file CourseLab_2_installer.msi. Berikutnya ikuti berbagai

instruksi yang tampil pada proses instalasi. Berikutnya Anda akan dipandu untuk melakukan

proses aktivasi menggunakan Internet. Apabila CourseLab belum di-aktivasi maka aplikasi ini

tidak dapat digunakan. Setelah melakukan aplikasi, untuk menjalankan CourseLab lewat

Start Menu, caranya klik Start > All Programs > CourseLab 2.3 > CourseLab.

Membuat Project Baru Berikut ini langkah-langkah untuk membuat project baru :

1. Jalankan terlebih dahulu aplikasi CourseLab.

2. Tampil kotak dialog Start Page, pilih Create a New Course.



10

Gambar 5. Tampilan jendela Start Page

3. Tampil halaman New Course Wizard, lalu klik Next.

Gambar 6. Tampilan halaman New Course Wizard

4. Tampil halaman Name and location of new course. Dalam halaman Anda

diwajibkan untuk mengisikan Nama perkuliahan (dalam kotak isian Name), nama

folder tempat menyimpan bahan ajar (dalam kotak isian Folder) serta menentukan

lokasi penyimpanan semua file pekerjaan (dalam kotak isian Location, dengan cara



11

meng-klik tombol kotak yang berada di sebelah kanan kotak isian Location).

Kemudian klik Next.

Gambar 7. Tampilan halaman New Course

5. Tampil halaman First module, pada halaman ini diisikan nama modul (pada kotak

isian Module Name) dan desain template atau struktur tampilan bahan ajar pada

scroll down menu yang berada dibawahnya. Lalu klik Next.

Gambar 8. Memberi nama modul dan memilih desain tampilan bahan ajar



12

6. Berikutnya klik Finish.

Mengenal Area Kerja CourseLab Area kerja CourseLab terlihat seperti pada gambar di bawah ini.

Gambar 9. Tampilan area kerja CourseLab

Mengatur Informasi Halaman Depan Bahan Ajar

Untuk mengatur informasi dan tampilan halaman depan bahan ajar caranya :

1. Aktifkan mode Title-Slide editing, caranya pilih View > Title-Slide pada File Menu.

Berikutnya akan tampil seperti pada gambar di bawah ini.

Course Pane Module Window Task Pane



13

Gambar 10. Tampilan informasi pada halaman depan bahan ajar

2. Selanjutnya lakukan perubahan teks pada keterangan-keterangan yang ada, dengan

cara melakukan klik dua kali pada teks yang terdapat dalam desain tampilan,

berikutnya akan tampil teks editor seperti pada Gambar 11. Di dalam teks editor

masukkan informasi, seperti informasi pertemuan/sesi, nama mata kuliah, judul

bahasan, nama dosen pengampu serta tak ketinggalan identitas institusi perguruan

tinggi. Atur format teks menggunakan tombol-tombol yang tersedia, yang memiliki

tampilan antarmuka sama persis dengan tombol pengatur format teks yang ada di

aplikasi perkantoran produk Microsoft yang lain (seperti MS. Word dan Excel).

Berikutnya klik OK.

Gambar 11. Tampilan teks editor dalam CourseLab



14

Mengatur Tampilan Isi Bahan Ajar Pada saat pertama kali bahan ajar multimedia dijalankan, maka akan tampil halaman depan

terlebih dahulu. Kemudian klik tombol Start Module yang ada di halaman depan untuk melihat

isi bahan ajar. Desain tampilan isi bahan ajar dalam area kerja CouseLab terlihat seperti pada

Gambar 12. Untuk dapat melihat tampilan tersebut dalam area kerja, kita harus berada

dalam mode Master-Slide editing, untuk mengaktifkan mode tersebut, caranya pilih View >

Master-Slide pada File Menu.

Gambar 12. Tampilan halaman isi bahan ajar dalam area kerja

Setelah berada dalam mode Master-Slide, maka lakukanlah perubahan terhadap informasi-

informasi yang terdapat dalam desain halaman isi bahan ajar. Informasi yang dapat diubah

adalah teks judul bahasan yang berada pada tengah atas desain tampilan, lakukan klik dua

kali pada teks yang ada untuk melakukan perubahan, maka berikutnya akan tampil teks

editor seperti pada Gambar 11. Setelah selesai melakukan perubahan maka klik OK.

Disebelah kiri atas juga terdapat teks box, yang dapat kita isikan informasi mengenai institusi

perguruan tinggi, untuk melakukan perubahan teks, lakukan cara yang sama dengan langkah

sebelumnya.



15

Mengisi Slide Bahan Ajar Materi pengajaran dalam modul e-Learning terdapat dalam tiap-tiap slide yang ada dalam isi

bahan ajar. Sama seperti MS. PowerPoint, konten aplikasi CourseLab dipresentasikan dalam

bentuk slide-slide. Dalam slide inilah diisikan media teks, gambar, animasi, video dan aplikasi

interaktif seperti quiz sebagai media evaluasi. Untuk melihat tampilan slide-slide bahan ajar,

kita harus aktifkan mode Normal, caranya pilih View > Normal pada File Menu.

Gambar 13. Tampilan slide bahan ajar dalam area kerja

Merubah Nama Slide

Nama slide akan tampil dalam teks ”Slide Name” sebagai judul slide. Tampilan nama slide

dalam slide bahan ajar adalah seperti pada gambar di bawah ini.



16

Gambar 14. Tampilan nama slide dalam bahan ajar

Berikut ini adalah langkah-langkah untuk merubah nama slide :

1. Klik kanan pada slide yang ada dalam Module Window kemudian pilih Rename.

Gambar 15. Merubah nama slide

2. Tampil halaman Slide. Rubah nama slide pada kotak isian Name. Lalu klik OK.

Nama Slide



17

Gambar 16. Mengisi nama slide

Menambahkan Teks

Berikut ini adalah langkah-langkah untuk menambahkan teks kedalam slide :

3. Pilih Insert > Text Box dalam File Menu.

4. Setelah itu akan tampil area text box dalam slide dengan isi text ”Enter text”. Untuk

merubah isi text, klik dua kali pada area tersebut atau klik kanan pada teks lalu puluh

Edit Text.

Gambar 17. Tampilan area text box dalam area kerja

5. Tampil teks editor, kemudian lakukan pengisian dan pengaturan teks menggunakan

tombol-tombol yang ada. Klik OK untuk mengakhiri proses pengeditan teks.

Area Text Box



18

Gambar 18. Tampilan teks editor

Mengatur Animasi Teks

Teks maupun gambar yang tampil di dalam slide dapat dianimasikan seperti halnya dalam

MS. PowerPoint. Untuk menganimasikan teks caranya :

1. Klik kanan pada area teks kemudian pilih Format Text Box.

2. Tampil halaman Format. Lalu Klik Tab Display.

3. Pilih efek animasi pada pilihan Effect yang terdapat dalam pilihan Entrance dan

Exit.

4. Atur pula durasi tampilan animasi pada kotak isian Duration, masukkan durasi

dalam satuan detik. Kemudian klik OK.

Gambar 19. Mengatur animasi teks



19

Memasukkan Gambar

Langkah-langkah untuk memasukkan gambar kedalam slide adalah sebagai berikut :

1. Pilih Insert > Picture > From File dalam File Menu.

2. Tampil jendela Open. Pilih file gambar yang tampil kemudian klik Open.

Gambar 20. Memilih file gambar untuk dimasukkan kedalam slide

3. Berikutnya gambar akan dimasukkan kedalam slide seperti tampak pada gambar di

bawah ini.

Gambar 21. Tampilan file gambar dalam slide

4. Apabila gambar yang dimasukkan memiliki dimensi yang terlalu besar, maka

lakukanlah pengaturan ukuran gambar, caranya klik kanan pada gambar lalu pilih

Format Picture.



20

5. Tampil halaman Format, pilih Tab Size, kemudian dalam kategori Scale, dalam

kotak isian Width dan Height masukkan angka perbesaran dan perkecilan yang

dikehendaki (dalam satuan persen). Lalu klik OK.

Gambar 22. Mengatur ukuran gambar

Menambahkan dan Menghapus Slide

Untuk menambahkan slide caranya pilih Insert > New Slide dalam File Menu. Sedangkan

untuk menghapus slide caranya klik kanan salah satu slide yang ada dalam Module Window

kemudian pilih Delete Slide.

Memasukkan Video

Kita dapat menambahkan video berupa sambutan dosen maupun potongan video untuk

visualisasi sebuah peristiwa. Video yang dapat dimasukkan kedalam slide dapat berformat

MPEG, AVI dan WMV. Namun kita dapat pula memasukkan file video dengan format MOV dan

3GP asalkan plug-in Quick Time Player terinstal di komputer. Berikut ini langkah-langkah

untuk memasukkan video kedalam slide bahan ajar :

1. Pilih Insert > Object dalam File Menu

2. Tampilan Task Pane akan berubah menjadi mode Object Library. Kemudian klik

pilihan Media.

3. Klik dua kali pada icon Video.



21

Gambar 23. Memasukkan video lewat Task Pane

4. Kotak video akan tampil dalam slide bahan ajar.

Gambar 24. Tampilan kotak video dalam slide

5. Lakukan pengaturan untuk menentukan lokasi penyimpanan file video agar video

dapat dijalankan oleh komputer, caranya klik kanan kotak video yang ada dalam slide

lalu pilih menu Properties.



22

Gambar 25. Menentukan lokasi penyimpanan file video

6. Isikan lokasi penyimpanan file video dalam kotak isian File dalam pilihan Video

source. Gunakan tombol kotak disamping kanan kotak isian File untuk menampilkan

file explorer untuk mempermudah pemilihan file video. Berikutnya klik OK.

Membuat Text Balloon

Text balloon digunakan untuk menampilkan informasi/keterangan tambahan dari sebuah text.

Text ballon berisi informasi berupa text yang jumlahnya relatif sedikit. Text ballon akan tampil

ketika di-klik oleh pengguna. Tampilan text balloon seperti tampak pada gambar di bawah ini.

Gambar 26. Tampilan text balloon dalam slide

Berikut ini langkah-langkah membuat text balloon dalam slide bahan ajar :



23

1. Buat text box, kemudian dalam text editor ketikkan kalimat sembarang.

Gambar 27. Teks dalam slide

2. Masukkan text balloon kedalam slide, caranya pilih Insert > Object dalam File

Menu. Kemudian dalam Task Pane klik tab Balloons.

Gambar 28. Tab Balloons dalam Task Pane

3. Drag icon Simple yang ada dalam tab Balloons kedalam slide. Lalu letakkan

(dengan drag and drop) tepat diatas teks yang akan diberi keterangan tambahan.



24

Gambar 29. Tampilan text balloon diatas teks

4. Klik kanan pada balloons, lalu pilih menu Properties.

Gambar 30. Pengaturan text balloon

5. Tampil halaman Simple Balloon, lakukan pemilihan warna garis tepi lewat pilihan

Border color.

6. Isikan teks pada balloon, caranya klik tombol TE yang terdapat dalam Ballon text.

7. Berikutnya tampil text editor, kemudian masukkan teks didalamnya. Lalu klik OK.



25

Gambar 31. Mengisikan teks dalam text editor

8. Selanjutnya dalam halaman Simple Balloon klik OK.

Gambar 32. Tampilan text balloon dalam slide

9. Dalam slide klik dua kali pada text atau klik kanan pada text kemudian pilih menu

Edit Text.

10. Tampil text editor, kemudian blok teks yang akan diberi text balloon.

Gambar 33. Memilih teks yang akan diberi text balloon

11. Klik tombol Action yang ada dalam text editor.



26

Gambar 34. Tampilan tombol Action

12. Tampil halaman Action. Selanjutnya dalam kotak Event klik pilihan onclick. Lalu

dalam kotak Action, klik dua kali pada pilihan DISPLAY.

Gambar 35. Tampilan halaman Action

13. Tampil halaman properti untuk action DISPLAY. Dalam pilihan Object, klik tombol

yang ada di sebelah kanan kotak isian.

Gambar 36. Tampilan halaman properti untuk action DISPLAY

14. Tampil halaman Select Object. Pilih object text balloon (OBJ_17). Lalu klik OK.



27

Gambar 37. Tampilan halaman Select Object

15. Kemudian buat action untuk menutup teks balloon ketika di-klik, caranya klik kanan

pada text balloon yang ada dalam slide. Lalu pilih menu Action.

16. Tampil halaman Action. Dalam kotak Object, klik dua kali pada teks yang ada di

bawahnya.

Gambar 38. Tampilan halaman Action

17. Tampil halaman DISPLAY. Lalu dalam isian Display, pilih opsi Hide. Lalu klik OK.

Gambar 39. Tampilan halaman DISPLAY



28

18. Dalam halaman Action, klik OK.

Melihat Tampilan Hasil Akhir Bahan Ajar

Untuk melihat tampilan hasil akhir bahan ajar caranya pilih Module > View Module dalam

File Menu. Sedangkan untuk melihat tampilan slide ketika dijalankan caranya pilih Module >

View Slide.

Membuat Obyek dari File External

Seringkali bahan ajar multimedia disertai fasilitas untuk melihat/membuka file dokumen

dalam berbagai format, misalnya PDF dan DOC (MS. Word). Berikut ini langkah-langkah

untuk menyertakan file-file dokumen kedalam slide bahan ajar.

1. Pilih Insert > Object dalam File Menu.

2. Dalam Task Pane (di Object Library) klik tab External.

Gambar 40. Tampilan icon External File dalam tab External di Task Pane

3. Drag and drop icon External File ke dalam slide.

Gambar 41. Tampilan obyek External File dalam slide



29

4. Klik dua kali pada objek tersebut, atau klik kanan kemudian pilih menu Properties

untuk melakukan pengisian informasi file.

5. Tampil halaman Properties. Tentukan file yang akan disertakan lewat pilihan File,

dengan cara klik pada tombol kotak yang ada di sebelah kanan kotak isian File. Buat

keterangan file dengan cara mengisi pilihan Caption, caranya klik tombol TE yang

ada di sebelah kanan kotak isian Caption, berikutnya akan tampil text editor untuk

mengisikan teks.

Gambar 42. Tampilan halaman pengaturan External File

6. Klik OK untuk menutup halaman tersebut.

Gambar 43. Tampilan obyek External File dalam slide setelah dilakukan pengaturan

Membuat Link untuk Membuka Halaman Web

Untuk melengkapi referensi bahan ajar, dapat pula disertakan tombol/link untuk membuka

halaman web di Internet. Untuk membuat link tersebut caranya :

1. Drag dan drop icon External URL yang ada di dalam Task Pane ke dalam slide.



30

Gambar 44. Tampilan icon External URL dalam Task Pane

2. Di dalam slide, klik kanan pada obyek External URL kemudian pilih menu

Properties.

Gambar 45. Tampilan obyek External URL dalam slide

3. Tampil halaman External URL. Masukkan alamat web dalam kotak isian URL. Lalu

klik OK.

Gambar 46. Tampilan halaman External URL untuk mengisi alamat web



31

4. Jalankan bahan ajar, pilih Module > View Slide.

5. Dalam slide bahan ajar, klik obyek External URL tersebut.

6. Tampil jendela browser yang membuka halaman web sesuai dengan alamat yang

diberikan.

Memuat Halaman Web dalam Slide

Selain dengan cara-cara diatas, halaman web dapat pula ditampilkan secara langsung di

dalam slide tanpa harus terlebih dahulu di klik. Berikut ini langkah-langkahnya :

1. Drag dan drop icon IFRAME yang ada di dalam Task Pane ke dalam slide.

Gambar 47. Tampilan icon IFRAME dalam Task Pane

2. Klik kanan pada obyek IFRAME yang ada dalam slide, lalu pilih menu Properties.

Gambar 48. Tampilan obyek IFRAME dalam slide



32

3. Tampil halaman properties IFRAME for external URL. Masukkan alamat web

kedalam kotak isian URL. Jika halaman web tersimpan di dalam harddisk maka

gunakan kotak isian File untuk memasukkan alamat. Lalu klik OK.

Gambar 49. Tampilan halaman properties IFRAME

4. Jalankan bahan ajar, pilih Module > View Slide.

Gambar 50. Tampilan slide bahan ajar ketika memuat IFRAME



33

Membuat Daftar Teks

Selain teks, CourseLab juga menyediakan fitur teks dapat pula ditampilkan dalam format

daftar teks atau List. Berikut ini langkah-langkahnya :

1. Drag dan drop icon Standard yang ada dalam tab Lists pada Task Pane kedalam

slide bahan ajar.

Gambar 51. Tampilan icon Standard pada Task Pane

2. Klik kanan pada obyek List yang ada dalam slide, lalu pilih menu Properties.

Gambar 52. Tampilan obyek List dalam slide

3. Tampil halaman Standard List. Tambahkan teks pada list dengan cara, klik tombol

+ dalam pilihan Item text. Berikutnya akan tampil text editor. Untuk mengurangi

daftar teks gunakan tombol -. Sedangkan untuk mengatur posisi teks dalam daftar,

gunakan tombol panah atas dan bawah.



34

Gambar 53. Mengisikan teks dalam List

4. Selanjutnya klik tab Display yang ada dalam halaman Standard List. Pilih Text

link click, kemudian isikan teks Lanjut dalam kotak isiannya. Lalu klik OK.

Gambar 54. Mengisikan teks dalam List



35

Gambar 55. Tampilan List dalam slide

Ketiga teks yang ada dalam daftar akan tampil satu persatu dengan cara melakukan klik pada

link/tombol Lanjut.

Memasukkan Animasi Flash

Animasi Flash memiliki kemampuan interaktifitas yang hebat. Animasi ini dapat digunakan

sebagai visualisasi untuk memperkuat materi pembahasan dalam bahan ajar (Animasi flash

memiliki ekstensi file *.swf). Berikut ini langkah-langkah memasukkan animasi flash kedalam

slide bahan ajar :

1. Pilih Insert > Object dalam File Menu

2. Tampilan Task Pane akan berubah menjadi mode Object Library. Kemudian klik

pilihan Media.

3. Klik dua kali pada icon Flash.



36

Gambar 56. Memasukkan obyek Flash lewat Task Pane

4. Obyek Flash akan tampil dalam slide bahan ajar.

Gambar 57. Tampilan obyek flash dalam slide

5. Lakukan pengaturan untuk menentukan lokasi penyimpanan file Flash agar animasi

Flash dapat dijalankan oleh komputer, caranya klik kanan obyek Flash yang ada

dalam slide lalu pilih menu Properties.



37

Gambar 58. Menentukan lokasi penyimpanan file Flash

6. Isikan lokasi penyimpanan file video dalam kotak isian File dalam pilihan Flash

source. Gunakan tombol kotak disamping kanan kotak isian File untuk menampilkan

file explorer untuk mempermudah pemilihan file Flash. Berikutnya klik OK.

Membuat Halaman Quiz

Quiz merupakan media evaluasi bahan ajar yang disediakan oleh CourseLab. Terdapat 6

(enam) jenis quiz yang terdapat dalam CourseLab yaitu Single Choice, Multiple Select,

Ordering, Numeric, Text dan Matching Pairs. Berikut ini merupakan langkah-langkah

membuat quiz dengan acara yang paling sederhana :

1. Drag and drop icon Test yang ada dalam tab Tests yang ada dalam Task Pane.

Gambar 59. Obyek Test dalam Task Pane

2. Klik kanan obyek Test yang ada dalam slide, lalu pilih menu Properties.

3. Tampil halaman Test.



38

Gambar 60. Property obyek Test

4. Pada tab Question, klik tombol + untuk menambahkan pertanyaan.

5. Tampil kotak dialog untuk memilih jenis quiz. Untuk memilih jenis quiz, pilih salah

satu pilihan dalam kotak isian Question type.

Gambar 61. Memilih jenis quiz

6. Lalu isikan teks pertanyaan quiz dengan cara, klik tombol TE yang ada di sebelah

kanan kotak isian Question text. Berikutnya akan tampil text editor, gunakan text

editor untuk menulis pertanyaan quiz. Lalu klik OK untuk menutup jendela text editor.



39

7. Berikutnya isikan jawaban dari quiz, dengan cara klik tombol + dalam pilihan

Variants.

8. Tampil kotak dialog Variant, untuk mengisikan teks jawaban, klik tombol TE yang

berada di sebelah kanan kotak isian Variant. Apabila jawaban tersebut merupakan

jawaban yang benar maka aktifkan pilihan Correct answer. Lalu klik OK. Ulang

langkah tersebut untuk mengisi varian jawaban yang lain

Gambar 62. Memasukkan jawaban quiz

9. Dalam kotak dialog pemilihan jenis quiz klik OK.

10. Dalam halaman Test klik tab Feedback. Aktifkan pilihan Display feedback

messages, dengan pilihan ini komputer akan memberi tanda benar dan salah atas

jawaban quiz yang kita pilih. Juga aktifkan pilihan Hide message automatically

untuk menyembunyikan tanda benar dan salah secara otomatis. Lalu klik OK.

Gambar 63. Mengaktifkan pesan untuk jawaban quiz



40

11. Jalankan bahan ajar dengan cara, pilih Module > View Slide.

Gambar 64. Tampilan quiz bahan ajar

TAHAPAN PASKA PORODUKSI Tahapan terakhir dari proses pengembangan bahan ajar multimedia adalah proses paska

produksi. Dalam paska produksi inilah bahan ajar akan didistribusikan dalam berbagai format

kepada pengguna bahan ajar. Berikut ini adalah langkah-langkah publikasi bahan ajar :

1. Pilih File > Publish Course.

2. Tampil kotak dialog Course Publication. Lalu klik Next untuk melanjutkan.

Gambar 65. Tampilan kotak dialog Course Publication



41

3. Tampil halaman Identification, isikan pilihan Identifier dengan nama mata kuliah

serta sesi/pertemuan perkuliahannya. Isikan deskripsi pertemuan perkuliahan dalam

kotak isian Description. Lalu klik Next untuk melanjutkan.

Gambar 66. Tampilan halaman Identifier

4. Berikutnya isikan identitas dari modul. Semua kotak isian harus terisi untuk dapat

melanjutkan proses publikasi. Lalu klik Next.

Gambar 67. Tampilan halaman identitas modul

5. Tampil halaman Publication type. Pilih Run from CD (karena nantinya bahan ajar

akan dijalankan via CD-ROM). Lalu klik Next.



42

Gambar 68. Memilih tipe publikasi

6. Tampil halaman Publication folder. Tentukan lokasi penyimpanan file hasil

publikasi dengan cara, klik tombol yang ada di sebelah kanan kotak isian Location.

Berikutnya klik Next.

Gambar 69. Memilih lokasi penyimpanan file hasil publikasi

7. Klik Next dua kali, berikutnya klik Finish, maka bahan ajar multimedia telah siap

untuk didistribusikan.

8. Buka folder tempat menyimpan bahan ajar. Klik dua kali file autorun.html untuk

menjalankan bahan ajar.



43

Gambar 70. Menjalankan file hasil publikasi

Gambar 71. Tampilan bahan ajar ketika dijalankan dalam browser web

9. Klik pada link jarkom untuk mulai melihat isi bahan ajar.

Gambar 72. Tampilan halaman depan bahan ajar

multimedia course content cd development with courselab

Documents

mengisi slide bahan

merancang tampilan bahan

mengatur tampilan isi

membuat halaman quiz

mengumpulkan bahan baku

dikti tahun

courselab oleh

membuat daftar teks