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 Universitas Islam Sultan Agung (UNISSULA) Semarang

1

Multimedia Course Content CD Development with CouseLab

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

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

2

Multimedia Course Content CD Development with CouseLab

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 bahanbahan 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

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

3

Multimedia Course Content CD Development with CouseLab

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.

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

4

Multimedia Course Content CD Development with CouseLab 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

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

5

Multimedia Course Content CD Development with CouseLab

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.

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

6

Multimedia Course Content CD Development with CouseLab

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 Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

7

Multimedia Course Content CD Development with CouseLab

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.

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

8

Multimedia Course Content CD Development with CouseLab

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.

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

9

Multimedia Course Content CD Development with CouseLab

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

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

10

Multimedia Course Content CD Development with CouseLab 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 Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

11

Multimedia Course Content CD Development with CouseLab

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.

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

12

Multimedia Course Content CD Development with CouseLab

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

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

13

Multimedia Course Content CD Development with CouseLab

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 informasiinformasi 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.

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

14

Multimedia Course Content CD Development with CouseLab

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.

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

15

Multimedia Course Content CD Development with CouseLab

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.

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

16

Multimedia Course Content CD Development with CouseLab

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.

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

17

Multimedia Course Content CD Development with CouseLab

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

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

18

Multimedia Course Content CD Development with CouseLab

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. Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

19

Multimedia Course Content CD Development with CouseLab 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.

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

20

Multimedia Course Content CD Development with CouseLab

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. Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

21

Multimedia Course Content CD Development with CouseLab

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 : Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

22

Multimedia Course Content CD Development with CouseLab 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.

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

23

Multimedia Course Content CD Development with CouseLab

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.

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

24

Multimedia Course Content CD Development with CouseLab

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.

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

25

Multimedia Course Content CD Development with CouseLab

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.

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

26

Multimedia Course Content CD Development with CouseLab

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 Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

27

Multimedia Course Content CD Development with CouseLab 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

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

28

Multimedia Course Content CD Development with CouseLab 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.

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

29

Multimedia Course Content CD Development with CouseLab

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

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

30

Multimedia Course Content CD Development with CouseLab 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

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

31

Multimedia Course Content CD Development with CouseLab

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

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

32

Multimedia Course Content CD Development with CouseLab

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.

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

33

Multimedia Course Content CD Development with CouseLab

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

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

34

Multimedia Course Content CD Development with CouseLab

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.

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

35

Multimedia Course Content CD Development with CouseLab

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.

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

36

Multimedia Course Content CD Development with CouseLab

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. Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

37

Multimedia Course Content CD Development with CouseLab

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. Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

38

Multimedia Course Content CD Development with CouseLab 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 Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

39

Multimedia Course Content CD Development with CouseLab

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 Multimedia & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

40

Multimedia Course Content CD Development with CouseLab

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.

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

41

Multimedia Course Content CD Development with CouseLab

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.

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

42

Multimedia Course Content CD Development with CouseLab

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 & e-Learning Workshop – Program Hibah INHERENT K-1 DIKTI Tahun 2007 Universitas Islam Sultan Agung (UNISSULA) Semarang

43