COMLABS USDI ITB E-LEARNING PANDUAN MENGELOLA MATERI AJAR ONLINE versi-2011 April 2011 COMLABS USDI-ITB DIVISI PENGEMBANGAN E-LEARNING DAN KONTEN MULTIMEDIA INSTITUT TEKNOLOGI BANDUNG 1 Jenis Materi Ajar Online Bahan ajar adalah konten yang bisa digunakan untuk pembelajaran siswa. Bentuknya bisa berupa bacaan, buku online, gambar, simulasi interaktif, audio/video, referensi situs, wiki. Bahan tersebut bisa berupa sesuatu yang sudah ada sebelumnya atau perlu untuk dibuatkan untuk menjadi bahan siswa melakukan aktivitas belajar. Kemudian bahan ajar tadi dipublikasikan online di internet berupa website. Tipe-tipe bahan ajar online antara lain : Teks, website, link website, file/dokumen, direktori, paket bahan ajar (flash,scorm,hotpot), label, dan lainnya. Merancang Kelas Online Efektif Untuk membuat kelas online bisa lebih efektif, ada 5 prinsip dasar yang perlu untuk dijadikan acuan, 1. 2. 3. 4. 5. terkelola pengalaman belajar efektif proses belajar bukan e-reader penggunaan teknologi eksploitasi kekuatan web Mengelola Materi Ajar Online Bahan ajar online merupakan dokumen yang dapat dijadikan pengajaran yang disampaikan oleh guru kepada siswanya. berinteraksi dengan bahan ajar tersebut dengan jalan membaca informasi yang ada di sana, untuk bisa menyerap dan melakukan tujuan pembelajaran. sebagai portofolio Siswa kemudian serta mengakuisisi aksi sesuai dengan Bahan/Materi Ajar yang bisa kita tambahkan pada perkuliahan meliputi : • • • • • • Text : indirect Web/html : indirect Link to file/website : indirect Directory : direct IMS : indirect Label : direct 2 2.1 Tatacara Menambahkan Konten Bahan Ajar Gambar 1 Untuk menambahkan konten, kita bisa menjalankan fitur editing setelah masuk ke kursus online yang sebelumnya dibuat, Lakukan langkah-langkah berikut, 1. Pada bagian [Administration] klik tombol [Turn Editing On] 2. Akan tampil format editing untuk menambahkan atau mengedit konten 3. Pilih bagian topik/minggu yang akan kita tambahkan kontennya 2.2 Format Label Label adalah teks yang digunakan untuk menyampaikan informasi kepada siswa. Teks yang dimunculkan dengan format ini langsung tampil pada halaman kelas online dan bukan berupa link seperti formal lainnya. Label bisa berupa judul, paragraph, gambar, link, bahkan animasi atau multimedia. 3 Gambar 2 2.3 Editor untuk Membuat Materi Ajar Online Gambar 3 4 Untuk mengupdate materi ajar, sudah disediakan editor web yang memiliki fitur-fitur untuk mengedit format dan style konten teks yang dituliskan secara lengkap. Gambar dan link bisa juga disisipkan pada konten dengan menggunakan perangkat editor tersebut. 2.4 Format Bahan Ajar Text Format text merupakan format yang dapat dipilih ketika materi yang diberikan berupa teks standar. Format ini adalah salah satu format yang kompatibel dengan beragam browser serta memiliki ukuran file yang kecil. Kelemahannya adalah tidak dapat menampilkan gambar, tidak fleksibel untuk pengaturan style. Untuk memberikan materi ajar dengan format text, 1. klik [Add a resource] pilih [compose a text page] 2. ketik [Name], [Summary] dan [Compose a text page] untuk judul, deskripsi, serta isi materi ajar 3. Klik [Format] untuk memilih tipe teks yang akan digunakan untuk bahan yang dipublikasikan 4. Klik [window] dan pilih apakah materi akan dimunculkan dalam bentuk pop-up window atau jendela yang sama 5. Klik [Visible] dan pilih show atau hide untuk menentukan apakah teks ini langsung tampil ataukah disembunyikan terlebih dahulu 6. Klik tombol [Save and return to course] untuk menyimpan bahan ajar teks 2.5 Format Bahan Ajar Web Untuk menyisipkan gambar, animasi, multimedia, ataupun link slideshare, youtube, twitter dan banyak lagi lainnya maka kita bisa memilih format web sebagai jenis materi ajar yang disampaikan kepada siswa. Format ini merupakan format yang kaya. Beragam media bisa untuk disisipkan pada bahan ajar web. Cara memberikan materi ajar dengan format web sama dengan cara kita membuat materi ajar dengan format teks. Bedanya adalah dari bahan ajar web memiliki editor yang lebih lengkap serta memiliki toolbar untuk menentukan format style pada halaman web yang akan dipublikasikan. 5 Gambar 4 2.6 Membuat Konten dari Editor Web Eksternal Untuk membuat konten pada moodle dengan memanfaatkan tool editor eksternal seperti Ms. Frontpage atau Dreamweaver, langkah-langkahnya sebagai berikut. 6 1. 2. 3. 4. 5. 6. Pilih HTML view di editor web page. Misalkan di dreamweaver pilih View | Code, atau di FrontPage kita pilih View | Reveal Codes. Pilih semua kode HTML antara dua tag body. Salin kede dengan mengklik Edit | Copy atau menekan Ctrl+C. Kembali ke Moodle, dan buatlan sebuah halaman web baru. Munculkan kode HTML dengan mengklik ikon Paste kode dengan menekan Ctrl+V. 2.5 Format Bahan Ajar File dan Direktori Selain format teks, sebagian besar konten untuk materi ajar adalah berupa file. File yang digunakan untuk materi ajar ini sifatnya adalah 1. File browser friendly 2. File untuk di download File browser friendly adalah jenis file yang kompatibel dengan browser serta bisa dimunculkan secara langsung melalui halaman web, apakah dengan add-ons tertentu ataupun tidak. Format file browser friendly tersebut contohnya antara lain : gambar (PNG, JPG, GIF), audio (MP3,WAV), flash (SWF), pdf, video (FLV,AVI). File untuk didownload adalah jenis file yang hanya dibuka secara offline (office), executable file (EXE). Menampilkan file-file dengan format diatas dapat dilakukan dengan dua cara, 1. Link to file, file akan dibuka pada saat siswa mengklik link file 2. Display directory, folder yang berisi file-file akan dibuka pada saat siswa mengklik link display direktori Berikut adalah cara untuk menambahkan materi ajar online dengan format file atau menampilkan direktori 3. Pada menu [Administration] klik [Turn Editing On] akan tampil menu editing yang hanya dimiliki oleh user dosen, 4. klik bagian [Add a Resource] pada panel utama, akan muncul tipe/format bahan kuliah yang ingin dibuat, 5. pilih [Link to a file or Website] 6. klik tombol [Choose or upload a file] untuk memilih file, akan muncul file explorer, 7. klik [Choose] untuk memilih file 8. klik [Save Changes] 7 Menampilkan Direktori Untuk menampilkan direktori, langkah-langkah yang harus dilakukan antara lain: Klik tombol pengeditan, klik tombol tambahkan resources, pilih display directory. Pada form yang muncul, isi field-field yang sesuai dengan kebutuhan. Kemudian pilih direktori yang ingin ditampilkan kepada pengguna. Apabila telah selesai, klik [Save Change] Upload File di Moodle dilakukan bila : • • • File akan digunakan di beberapa tempat pada kursus online. Membuat link ke file yang diupload-kan lebih mudah, dan bila file tersebut di-edit maka perubahan tersebut akan berlakuk ke seluruh bagian. Kontrol terhadap penggunaan file tersebut perlu dijamin. Me-link-kan file di web yang lain di luar Moodle akan membuat author pada halaman web tersebut ada pada kontrol konten. Membawa file tersebut ke Moodle menjamin hanya orang yang ditentukan yang dapat mengubah file. File ingin digunkan dikursus yang lain. Window file pada Moodle memungkinkan file-file tersebut disalin antar-kursus. Bahan materi ajar kemudian akan muncul pada halaman kursus dengan ikon yang mengikut jenis file yang diupload-kan. File-file dengan format word, powerpoint, dan excel dapat ditampilkan secara online dengan menggunakan browser Internet Explorer. File-file dengan format pdf, swf (shockwave files), java, dapat ditampilkan online pada browser-browser yang mendukung pdf reader, flash player, serta java. Untuk memperolehnya, instalkan paket software yang berkaitan. Secara umum konten CMS E-Learning terdiri dari bahan offline dan bahan online. Bahan offline umumnya dapat didownload untuk dicetak dan dibaca. Bahan jenis ini biasanya cocok untuk materi-materi yang panjang dan butuh dikaji secara seksama. Beberapa format yang digunakan untuk konten offline dan online antara lain: 1. HTML +CSS Format ini merupakan format standar halaman web. Untuk membuat file dengan format ini caranya sangat mudah. Banyak aplikasi yang mendukung penciptaan format jenis ini misalnya Microsoft Office, Open Office.org, Front Page. 2. Portable Document Format (PDF) 8 Format PDF merupaakn format portabel, dapat dibaca dari berbagai sistem operasi dan cocok juga dijadikan sebagai dokumen yang dapat ditampilkan di halaman web. Cara untuk membuat file format ini juga sangat sederhana. Aplikasi yang mendukung penciptaan file format ini antara lain : Adobe Acrobat, Open Office.org 3. Dynamic HTML Format ini merupakan dokumen HTML + CSS yang dilengkapi dengan Javascript. Dengan kombinasi Javascript ini, tampilan HTML + CSS menjadi dinamik dan memungkinkan interaksi antar sistem dengan pengguna. Aplikasi yang digunakan untuk membuat Dynamic HTML antara lain : Quanta, Bluefish Editor. 4. GIF, AVI, QuickTime, RealPlayer Format ini merupakan format multimedia untuk memainkan movie. Pembuatannya cukup mudah, yaitu dengan menggunakan cam-corder kemudian hasilnya diedit dengan movie editor seperti Media Player, Real Player, Adobe. 5. Shockwave Flash (SWF) Format SWF merupakan forma yang powerful untuk membangun materi kuliah yang interaktif dan menarik. Kemampuannya untuk menampilkan animasi visual, memungkinkan kita membangun perangkat visualisasi proses fisis untuk menerangkan kejadian-kejadian yang berkaitan dengan perkuliahan. 6. Java Applet Java Applet merupakan media penyampai informasi yang paling powerful. Java Applet ini adalah program mini yang dapat dijalankan pada web browser. Namun pembuatannya memerlukan keterampilan pemrograman Java yang lumayan. 2.7 Format Link Referensi Web 9