Multimedia Course Content CD Development With Courselab

Multimedia Course Content CD Development with CouseLab
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
Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 1
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
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 gora@unissula.ac.id, 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
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.
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
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.
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
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.
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.
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
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
6. Berikutnya klik Finish.
Mengenal Area Kerja CourseLab

Area kerja CourseLab terlihat seperti pada gambar di bawah ini.
Course Pane Module Window Task Pane
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.
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
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.
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.
Nama Slide
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.
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.
Area Text Box
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.
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
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.
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.
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.
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 :
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.
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.
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.
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.
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
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
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.
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
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
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
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.
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
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.
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.
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.
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.
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
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
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.
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.
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

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Multimedia Course Content CD Development With Courselab

Diunggah oleh

Hak Cipta:

Format Tersedia

Multimedia Course Content CD Development with CouseLab

Multimedia Course Content CD

Winastwan Gora S, ST, MT

Program Hibah INHERENT K-1 DIKTI

Assalamu’alaikum Wr. Wb.

Wassalamu’alaikum Wr. Wb.

Semarang, 22 Oktober 2007

TENTANG PROYEK PENGEMBANGAN CD BAHAN AJAR

TAHAPAN PRA PRODUKSI

3. Membuat Sketsa Tampilan, yaitu membuat rancangan tampilan konten

Menentukan Isi Halaman Depan

Gambar 1. Tampilan halaman depan

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

Merancang Tampilan Bahan Ajar

Mengumpulkan Bahan Baku

Tentang Websoft CourseLab

Sistem yang Dibutuhkan

• Prosesor minimal Intel P4

• 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

• Hardware tambahan berupa Web Camera dan Microphone

• Koneksi Internet (untuk melakukan aktivasi aplikasi CourseLab)

Instalasi dan Menjalankan CourseLab

Membuat Project Baru

Gambar 5. Tampilan jendela Start Page

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

Gambar 6. Tampilan halaman New Course Wizard

Gambar 7. Tampilan halaman New Course

6. Berikutnya klik Finish.

Mengenal Area Kerja CourseLab

Course Pane Module Window Task Pane

Gambar 9. Tampilan area kerja CourseLab

Mengatur Informasi Halaman Depan Bahan Ajar

Gambar 10. Tampilan informasi pada halaman depan bahan ajar

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

Gambar 11. Tampilan teks editor dalam CourseLab

Mengatur Tampilan Isi Bahan Ajar

Mengisi Slide Bahan Ajar

Gambar 13. Tampilan slide bahan ajar dalam area kerja

Merubah Nama Slide

Gambar 14. Tampilan nama slide dalam bahan ajar

Berikut ini adalah langkah-langkah untuk merubah nama slide :

Gambar 15. Merubah nama slide

Gambar 16. Mengisi nama slide

Area Text Box

Gambar 17. Tampilan area text box dalam area kerja

Gambar 18. Tampilan teks editor

Mengatur Animasi Teks

Gambar 19. Mengatur animasi teks

Gambar 20. Memilih file gambar untuk dimasukkan kedalam slide

Gambar 21. Tampilan file gambar dalam slide

Gambar 22. Mengatur ukuran gambar

Menambahkan dan Menghapus Slide

Gambar 23. Memasukkan video lewat Task Pane

4. Kotak video akan tampil dalam slide bahan ajar.

Gambar 24. Tampilan kotak video dalam slide

Gambar 25. Menentukan lokasi penyimpanan file video

Membuat Text Balloon

Gambar 26. Tampilan text balloon dalam slide

Gambar 27. Teks dalam slide

Gambar 28. Tab Balloons dalam Task Pane