PANDUAN Membuat Paket Konten Reusable, Sharable & Interoperable Menggunakan RELOAD Editor

Transkripsi

1 PANDUAN Membuat Paket Konten Reusable, Sharable & Interoperable Menggunakan RELOAD Editor Oleh: Yusuf Bilfaqih Laboratorium Teknik Sistem Jurusan Teknik Elektro FTI Evaluasi Prinsip Fakta Konsep Proses Ikhtisar Ringkasan Prosedur Latihan objective metadata Belajar Program Hibah Kompetisi INHERENT K-1 INSTITUT TEKNOLOGI SEPULUH NOPEMBER (ITS) SURABAYA

2 Pengantar Buku panduan ini memberikan petunjuk bagaimana caranya untuk mempersiapkan paket konten perkuliahan berbasis SCORM. Untuk keperluan ini kita akan menggunakan perangkat lunak RELOAD Editor. RELOAD Editor merupakan perangkat lunak yang berguna untuk keperluan Content Packaging. Dengan RELOAD, kita dapat mengumpulkan dan mengelompokkan konten elektronik / aset digital (halaman web, gambar, animasi flash, java applet dll ) dan membungkusnya serta membuat deskripsinya untuk disimpan dalam bentuk paket file.zip (.pif). RELOAD merupakan free software (rilis di bawah lisensi MIT Open Source ) dan dapat didowload dari situs web dengan alamat Buku panduan ini dibuat dengan mengambil screenshot dari perangkat lunak Reload Editor rilis v1.3. Kebutuhan Sistem Untuk dapat menjalankan Reload Editor, spesifikasi yang harus dipenuhi minimal sebagai berikut: Prosesor Intel Pentium 3, 800 MHz, RAM 256 Mb, Microsoft Windows 95, 98, Me, NT 4.0, Windows 2000 atau Windows XP Web Browser RELOAD Workspace Lingkungan kerja Reload Editor terdiri atas tiga panel: panel resources (kiri), panel manifest (kanan), dan sebuah panel atribut (bawah). Panel manifest merupakan bagian inti dari lingkungan kerja dimana disini direpresentasikan struktur dari Content Package (paket konten) dengan sebuah manifest yang terdiri atas Metadata, Organizations dan Resources. Panel atribut meliputi sebuah section dengan informasi pada elemen yang sedang dipilih berupa tabel berisi nilai-nilai dan kotak untuk mengedit atribut. 1

3 Panel Manifest Panel Resource Panel Atribut Tiap window merepresentasikan sebuah Paket Konten dan multiple window dapat dibuka setiap saatnya. Apabila anda ingin menampilkan Metadata yang terkait dengan Paket Konten, maka akan ditampilkan lewat window berikut ini. 2

4 Toolbar Reload Editor mempunyai dua toolbar. Toolbar utama, dengan pilihan umum, dan Resource Pool Toolbar dengan akses untuk melakukan aksi tertentu terhadap resource. Toolbar Utama Dari kiri ke kanan, tiap icon merepresentasikan (ekivalen dengan aksi yang dijalankan oleh menu atau shorcut keyboard): New (File, New) membuat paket konten baru (SCORM atau IMS) atau record Metadata Open (File, Open) Membuka sebuah Paket Konten atau record Metadata Save (File, Save Ctrl+S) Menyimpan Paket Konten atau record Metadata Undo (Edit, Undo Ctrl+Z) Membatalkan aksi yang terakhir Redo (Edit, Redo Ctrl+Shift+Z) Melakukan kembali aksi yang terakhir Cut (Edit, Cut Ctrl + X) Meng-cut konten terpilih Copy (Edit, Copy Ctrl + C) Menyalin (copy) konten terpilih Paste (Edit, Paste Ctrl + V) Menempelkan (paste) salinan konten Delete (Edit, Delete del) Menghapus konten terpilih Move Up (Alt + Up) Memindahkan file terpilih dalam Paket Move Down (Alt + Down) Memindahkan file terpilih dalam Paket Edit Metadata (Edit, Edit Metadata) Untuk mengedit metadata manifest Edit SCORM (Edit, Edit SCORM) Properties untuk item Make Content Package (File, Zip Content Package) Membuat file Paket Konten.zip View File (View, View File) Untuk melihat file individual (via browser) Preview Content Package (View, Preview CP) Preview Paket Konten 3

5 Toolbar Resource Pool Dari kiri ke kanan, masing-masing icon merepresentasikan: Import ke Resource Pool (File, Import Resource.. ) Membuat Folder Baru Delete dari Resource Pool (del) Refresh, merefresh daftar file pada Resource Pool TUTORIAL Pada bagian ini kita akan mencoba untuk membuat Paket Konten sederhana. Untuk dapat mengikuti tutorial ini dengan benar, ada baiknya anda memiliki Paket Konten yang dihasilkan lewat tutorial ini yang mana dapat anda peroleh di: atau di dalam CD Tutorial ini. Coba unzip file tersebut dan perhatikan file-file di dalamnya satu-persatu, atau gunakan Reload Editor untuk membukanya. Setelah itu jangan lupa tutup file tersebut agar tidak membingungkan dalam mengikuti tutorial ini. Membuka Paket Konten Untuk membuka Paket Konten yang sudah ada pilih menu File, pilih Open. Selanjutnya akan tampil kotak dialog untuk memilih sebuah file Zip atau file Manifest.xml. Apabila anda memilih sebuah file Zip, anda akan diminta untuk memilih sebuah folder sebagai tempat hasil unzip, dan selanjutnya folder ini menjadi tempat kerja untuk Paket Konten. Untuk membuka paket secara cepat dapat dilakukan dengan men-drag sebuah file Zip (atau imsmanifest.xml) ke dalam ruang kerja Reload. Membuat Paket Konten Sederhana Untuk memahami sepenuhnya fasilitas yang disediakan Reload Editor, kita harus membuat dan mengerjakan sebuah Paket Konten. Pada bagian Tutorial berikut diberikan langkah-langkah dalam membuat sebuah Paket Konten sederhana. Mengumpulkan Resource Jadi Satu Sebuah Paket Konten merupakan sekumpulan resources dalam satu lokasi dengan mempertahankan strukur dan keterkaitannya. Ketika membuat Paket 4

6 Konten kita menyediakan sebuah space dimana semua file lokal disimpan, kita sebut sebagai base folder. Selama kita membangun Paket Konten, semua file yang kita gunakan disimpan di dalam folder kerja ini, tetapi lokasi asalnya dapat dimana saja pada mesin lokal. Untuk sederhananya, kita akan memulai dengan meletakkan semua file yang akan digunakan ke dalam struktur folder tunggal. Membuat Struktur Folder Definisikan sebuah folder tunggal untuk Paket Konten pada komputer anda (misal: c:\cp). Di dalam folder ini kita buat folder baru test-src (c:\cp\testsrc). Kemudian di dalam folder tersebut kita tempatkan semua file yang diperlukan untuk Paket Konten. Download file zip source di atau dapat anda peroleh dalam CD Tutorial ini, kemudian ekstrak ke c:\cp\testsrc. Folder tersebut seharusnya berisi delapan file.html, juga sebuah subfolder (supp) yang berisi sembilan file gambar (.jpg dan.gif) dan sebuah stylesheet (.css). Buat folder lain testpkg pada level yang sama dengan folder test-src (c:\cp\testpkg). Folder ini akan digunakan sebagai folder kerja untuk Paket Konten kita. Struktur folder seharusnya terlihat seperti di bawah ini. Membuka RELOAD dan Setup Workspace Jalankan Reload Editor (dari menu Start atau lewat shortcut desktop). Secara default, Editor akan terbuka tanpa file yang sedang terbuka. Kita hendak membuat sebuah Paket Konten, sehingga: 5

7 Klik File, New, > ADL Scorm 1.2 Package. Sebuah kotak dialog tampil dan anda diminta untuk memilih sebuah folder sebagai tempat Paket Konten. Arahkan ke c:\cp\testpkg, pilih folder ini dan klik Select. Window Select Folder menyediakan pilihan skema IMS MD dan CP untuk digunakan. Sebuah Window baru akan muncul dengan judul Content Package testpkg (diambil dari nama folder) dan tiga frame ditampilkan: Struktur tree dari file dan folder (resource view) sebelah kiri Representasi dari Paket Konten (manifest view) sebelah kanan Informasi tentang elemen-elemen individual (attributes view) kanan bawah 6

8 Pada pembuatan Paket Konten, Reload Editor secara otomatis membuat main data, berupa file: imsmanifest.xml manifest bagi Paket Konten, dimana semua informasi akan disimpan. (nama imsmanifest.xml adalah keharusan, dan file ini harus ada dalam root dari setiap Paket Konten yang valid). Tiga file yang lain juga dibuat, masing-masing diacu oleh manifest. imscp_rootv1p1p2.xsd local copy dari content packaging XML Schema Document imsmd_rootv1p2p1.xsd local copy dari metadata XML Schema Document ims_xml.xsd local copy dari XML Schema Document Menambahkan Referensi ke Metadata Pada saat Paket Konten belum berisi konten, sebelum kita tambahkan suatu konten, kita seharusnya menambahkan beberapa metadata. 7

9 Klik kanan pada node Manifest Add Metadata. Klik kanan pada node Metadata Schema. dalam panel manifest kemudian piliah yang disisipkan kemudian klik Add Pilih skema tersebut dan ketikkan SCORM disediakan. Package dalam field yang Klik kanan node Metadata lagi dan kali ini klik Add Schema Version. Pilih versi skema dan ketikkan 1.3 pada field yang disediakan. Meskipun kita belum menambahkan isi metadata, kita telah mendefinisikan format dari metadata yang konforman terhadap spesifikasi dan standard SCORM Node Metadata pada panel manifest akan terlihat seperti berikut ini. 8

10 Mengimport Konten Untuk membuat Paket Konten, pertama kali kita harus mengimport beberapa konten. Untuk memastikan bahwa resource yang diimport pada tempat yang benar, klik pada node root (testpkg) dalam panel Resource. Dari menu File, pilih Import. Import to Resources Pool Hal ini akan membawa kita pada kotak dialog Import Resource File. Sebagai alternatif, klik icon Resource Pool pada toolbar. Arahkan pada direktori source yang sebelumnya telah anda buat (c:\cp\test-src). Pilih semua file, termasuk subdirektorinya. Pilih pada checkbox Include Dependent Files. Reload Editor akan melakukan parse file html dan lainnya untuk menemukan file-file yang terkait, seperti gambar, stylesheet dan sebagainya. Klik Open. Klik Yes apabila ditanya apakah akan dilakukan overwrite file. (bisa jadi terdapat gambar, stylesheet yang diacu oleh lebih dari satu file). File-file yang anda import sekarang tampil dalam bentuk tree pada bagian sisi kiri dari Reload Workspace. Anda akan melihat delapan file.html di root, sebagaimana juga folder supp yang berisi gambar dan stylesheet. Workspace anda seharusnya akan terlihat seperti berikut ini: 9

11 Membuat Sebuah Organisasi Konten Paket Konten terdiri dari satu atau lebih organisasi konten. Secara default, Paket Konten yang kita buat belum ada organisasinya, jadi harus kita tambahkan setidaknya sebuah organisasi. Pilih node Organisasi dalam tampilan manifest dan klik kanan pada mouse. Dari context sensitive menu, klik Add Organization Pilih node Organisasi yang baru dan, dalam panel atribut pada bagian bawah workspace, masukkan sebuah nilai dalam kotak. Anda dapat memilih sembarang Judul, dalam paket berikut, kita menggunakan judul Main untuk Organisasi tunggal kita. Workspace anda seharusnya terlihat seperti di bawah ini. Menambahkan Item (Konten) Akhirnya, kita dapat menambahkan beberapa konten pada Paket Konten kita. Prinsipnya, kita membuat struktur untuk Paket Konten dengan menambahkan Item ke sebuah Organisasi. Menambahkan Item ke suatu Organisasi dapat dilakukan menggunakan menu (Edit, Add Item, atau klik kanan, Add Item) tetapi jauh lebih mudah lewat drag and drop konten dari panel tree ke panel manifest. 10

12 Pilih resource yang ingin anda tambahkan dari node resource dalam panel manifest. Anda dapat memulai dengan one.html. Drag file tersebut ke node Organisasi Main dari file manifest. Sebuah Item baru tampil, dengan judul One. Ketika editor menambahkan konten ke sebuah organisasi ia akan menyediakan sebuah nama yang berasal dari tag <title> file tersebut. Perhatikan bahwa anda telah menambahkan konten ke node Organisasi Main sebagai Item, file tersebut (dan yang terkait) ditambahkan ke node Resource. Lanjutkan untuk menambahkan konten lainnya ke node Organisasi Main. Tidak perlu khawatir mengenai urutan dalam menambahkannya karena kita dapat menyusunnya kembali menggunakan tombol Move Up dan Move Down. Apabila konten yang anda punyai seluruhnya berada dalam satu folder, maka anda dapat men-drag folder tersebut ke node Organisasi. Anda juga dapat menghapus konten dari organisasi pilih kontennya dan klik tombol delete. Hal ini tidak menghapus filenya, namun hanya menghapus referencenya dalam Paket Konten. Setelah selesai menambahkan semua konten, workspace anda akan terlihat seperti berikut ini. 11

13 Menampilkan Paket Konten Setelah semua konten dimasukkan ke dalam organisasi, anda siap untuk menampilkan Paket Konten di dalam browser Web. Klik icon Preview Content Package pada toolbar utama, atau klik item yang sama pada menu View. Sebuah browser Web seharusnya terbuka pada komputer anda. Dalam browser, halaman dengan tiga frame tampil, frame banner pada bagian atas menyediakan beberapa navigasi, frame sebelah kiri menampilkan menu dalam bentuk struktur Paket Konten yang anda definisikan, panel kanan berisi konten yang bersesuaian dengan item pertama dari Organisasi. Dalam frame banner, nama dari item yang sedang dibaca ditampilkan. Pada bagian kanan dari banner ini, icon panah dapat digunakan untuk menampilkan/menyembunyikan menu struktur yang di sebelah kiri. Tombol prev dan next dapat digunakan untuk navigasi konten secara sekuensial. Preview Paket Konten anda akan terlihat seperti di bawah ini. 12

14 Merapikan / Mengatur Paket Konten Paket Konten telah berfungsi sepenuhnya, tetapi kita mungkin ingin merapikan sebelum akhirnya dieksport. Sebagai contoh, kita dapat melakukan: Me-rename Organisasi Main menjadi Summer Pictures (Pilih Organisasi dan edit entrynya dalam window atribut pada bagian bawah) Menyusun kembali konten untuk mengikuti struktur yang berbeda misal untuk merefleksikan subject dari masing-masing photo. (gunakan tombol Move Up dan Move Down ) Me-rename Item supaya namanya lebih bermakna ketimbang Satu, Dua, Tiga dan seterusnya. Ketika anda preview kembali (tutup terlebih dahulu preview sebelumnya), nama baru dari file tersebut ditampilkan pada preview Paket Konten. Preview Paket Konten akan nampak seperti di bawah ini. Jika diperlukan, sekarang anda dapat menambahkan Organisasi (anda dapat me-reuse konten yang sama) dan mengamati bagaimana struktur dari preview Paket Konten yang baru saja anda ubah. 13

15 Membuat Multi-Organisasi Pada bagian di atas kita telah membuat konten dengan struktur yang relatif sederhana. Suatu cara untuk membuat struktur yang lebih kompleks adalah dengan menggunakan multi-organisasi. Multi-Organisasi dapat digunakan untuk menyediakan konten alternatif untuk suatu hasil belajar yang sama. Menambahkan Organisasi kedua adalah sederhana, Klik kanan pada elemen Organisasi dan klik Add Organization. Ketikkan sebuah nama untuk Organisasi yang baru dalam kotak pada panel atribut. Tambahkan konten ke dalam Organisasi yang baru dengan men-dragnya dari panel Resource seperti sebelumnya. Anda boleh mengganti nama yang lebih bermakna. Ketika membuat Multi-Organisasi, harus ditentukan yang mana sebagai default. Apabila tidak ditentukan, maka Organisasi yang pertama dalam manifest dianggap sebagai default. Untuk menentukan Organisasi sebagai default, pilih elemen Organisasi tersebut, kemudian pilih Organisasi yang sesuai dari menu drop-down dalam panel Atribut. Pada preview dari Paket Konten dengan Multi-Organisasi akan tampil menu drop-down pada frame sebelah kiri. Menu drop-down ini untuk memilih Organisasi mana yang ditampilkan sekarang. Gambar berikut menampilkan Organisasi yang kedua Parliament. 14

16 Menyimpan (Save) Paket Konten Setelah Paket Konten (yang disimpan di c:\cp\testpkg) lengkap dan valid, sekarang kita perlu untuk menyimpannya sebagai sebuah file zip. Proses penyimpanan Paket Konten cukup sederhana tekan icon Save, atau pilih menu File kemudian pilih Save. Anda juga dapat menampilkan file manifestnya sekarang: pilih file imsmanifest.xml dalam Panel Resource, dan klik pada icon View File dalam toolbar Utama. Anda melihat struktur yang sama dengan yang anda lihat dalam panel Resource. Penyimpanan Paket Konten dalam bentuk file Zip juga cukup sederhana. Klik icon Zip Content package (atau pilih menu File kemudian pilih Zip Content package ), pada kotak dialog yang tampil, ketikkan nama file berikut ekstensinya.zip dan pilih sebuah direktori (misal: c:\cp). Gunakan Windows Explorer untuk mengarahkan pada direktori c:\cp. Temukan file tersebut dan buka dengan WinZip (atau yang lain). Anda lihat semua file yang anda perlukan ada di dalamnya. Menyimpan Sebagai (Save As) Paket Konten Anda dapat menyimpan duplikat dari paket konten dengan memilih Save As... pada menu File. Alasan utama anda mungkin membutuhkan hal ini adalah pada saat anda ingin membuat Paket Konten dengan struktur yang sama, namun anda ingin memberikan Identifier yang unik pada atribut identifier. Sumber: RELOAD Editor Introductory Manual MIT Open Source License, July 2004 Desember, 2006 Diterjemahkan, diringkas dan dimodifikasi oleh: Yusuf Bilfaqih atau Laboratorium Teknik Sistem Bidang Studi Teknik Sistem Pengaturan Jurusan Teknik Elektro FTI-ITS Kampus ITS, Ruang B-105 Tel (031) Fax (031)

17 16