Dokumen tersebut memberikan penjelasan mengenai eXe Learning XHTML Editor (eXe), yaitu perangkat lunak open source yang dirancang untuk membantu pengembangan materi pembelajaran berbasis web tanpa harus menguasai bahasa HTML. Dokumen tersebut juga menjelaskan fitur-fitur eXe seperti antarmuka, alat bantu pengembangan konten (iDevices), dan cara penggunaannya.

1. Oktober 2011, Dimas Agung Prasetyo, MS.

2. What is eXe?
The eLearning XHTML editor (eXe) adalah
‘authoring environment ‘ yang didesain
untuk membantu guru dan dosen dalam
mengembangkan, membangun dan
menyebarkan materi pembelajaran berbasis
web tanpa harus dipusingkan dengan bahasa
program HTML dan kompleksitas dalam
mengepak dan menyebarkan aplikasi
berbasis web.
dimasprasetyo@gmail.com

3. Kenapa eXe?
eXe …
- Bebas digunakan
- Berukuran kecil
- Open source
- Object oriented
- Mudah digunakan
- Multi platform
dimasprasetyo@gmail.com

4. Kenapa eXe?
Tujuan eXe …
Menyediakan perangkat lunak yg
intuitif, interaktif dan mudah digunakan
dimasprasetyo@gmail.com

5. Kenapa eXe?
eXe is a tool…
that provides professional web-publishing
capabilities that can be easily referenced or
imported by learning management systems
SCORM compatible
(Sharable Content Object Reference Model)
dimasprasetyo@gmail.com

6. Kenapa eXe?
eXe bersifat WYSIWYG artinya, pengembang dapat
langsung melihat hasil akhir dari materi yang dikembangkan
eXe tidak membutuhkan koneksi internet saat proses
pengembangan
eXe dapat menghasilkan format materi online yang bisa
diterima oleh berbagai macam platform LMS
dimasprasetyo@gmail.com

7. Why eXe?
eXe dapat mengintegrasikan
- Halaman web
- Flash / Media interaktif
- Java Applets
- Quiz (standar dan scorm based)
- Video
-…
dimasprasetyo@gmail.com

8. Website + download
http://www.exelearning.org/
dimasprasetyo@gmail.com

9. Tutorial
dimasprasetyo@gmail.com

10. Langkah Instalasi Awal
1. Instalasi ke sistem
• Download program dari website (exe-install-x.xx.exe)
• Jalankan program, ikuti petunjuk instalasi
• Dari ‘Start’ menu jalankan program bernama ‘exe’
• Exe siap digunakan
2. Hot-run
• Download program dari website (exe-ready2run-x.xx.exe)
• Langsung jalankan aplikasi yg baru didownload.
• ‘exe’ siap digunakan
dimasprasetyo@gmail.com

11. Pengenalan Antarmuka
dimasprasetyo@gmail.com

12. Pengenalan Antarmuka
Menu terdiri dari beberapa pilihan : File, Tools, Styles, and Help:
• File – terdiri dari pilihan untuk membuka kembali content yang telah
dikerjakan,menyimpan konten, ekspor konten menjadi Web Site atau
SCORM package, atau menggabungkan package yang telah ada ke dalam
package yang sedang anda kerjakan.
• Tools – menampilkan iDevice editor, atau memilih Bahasa (preferences)
yang akan anda gunakan.
• Styles – Pilihan style untuk content anda.
• Help - informasi laporan bug/kesalahan atau informasi tentang eXe.
dimasprasetyo@gmail.com

13. Pengenalan Antarmuka
Pengaturan Outline (Bidang Kerja) terdiri dari : Add
Page, Delete, dan Rename
• Add Page – menambahkan halaman baru
(topic) pada outline yang sedang dikerjakan
• Delete – menghapus halaman baru (topic)
pada outline yang sedang dikerjakan
• Rename – merubah nama Outline atau topic.
dimasprasetyo@gmail.com

14. Pengenalan Antarmuka
Pada panel utama terdiri dari dua fungsi:
• Area kerja: Tampilan untuk menambah dan mengedit isi.
• Area properti: Tampilan untuk menambahkan keterangan
tambahan
dimasprasetyo@gmail.com

15. Pengenalan Antarmuka
iDevices adalah tool/alat yang membantu pengembang
untuk membuat dan mengembangkan Konten. Dalam satu
project dapatdigunakan beberapa jenis iDevices secara
bersama-sama. Secara umum ada 3 fungsi umum
IDevices:
• Konten internal
• Konten eksternal
• Assesmen
dimasprasetyo@gmail.com

16. IDevices
Activity:
• Suatu activity dapat digambarkan sebagai suatu tugas atau rangkaian tugas
yang harus diselesaikan. Menerangkan pernyataan yang jelas dan
mempertimbangkan berbagai kondisi yang dapat membantu dalam capaian
tugas.
• Atau secara umum dapat digunakan sebagai media untuk memberikan materi
dimasprasetyo@gmail.com

17. IDevices
Case Study
Case Study adalah suatu cerita yang
menyampaikan suatu pesan bidang
pendidikan. Suatu studi kasus dapat
digunakan untuk suatu situasi yang realistis
memungkinkan pelajar untuk menerapkan
pengetahuan dan pengalaman mereka sendiri.
Ketika perancangan suatu studi kasus, Anda
perlu mempertimbangkan hal berikut:
• Apa poin-poin pendidikan yang disampaikan
cerita
• Apa yang dipersiapan pelajar sebelum aktip
pada studi kasus
• Penempatan studi kasus berkait dengan
materi keseluruhan
• Bagaimana pelajar akan saling
berhubungan dengan material dan pelajar
lainnya, jika dilakukan dalam situasi kelas
dapatkah tim di set untuk bekerjatentang
aspek kasus yang berbeda dan jika
demikian bagaimana feedback terhadap
kelas.
dimasprasetyo@gmail.com

18. IDevices
Close Activity
Cloze Aktivity menerangkan kepada pelajar dengan suatu potongan teks dengan kata-
kata atau ungkapan penting yang kurang/hilang. Pelajar mempertunjukkan pengetahuan
dan pemahaman konsep dengan mengisi kata-kata atau ungkapan yang kurang/hilang
itu.Materi ini bermanfaat untuk menguji keterampilan membaca pengertian dan
ketrampilan bahasa.
dimasprasetyo@gmail.com

19. IDevices
External Website
Eksternal Website: Anda dapat menyertakan suatu eksternal website url ke dalam
konten menjadi satu kesatuan di dalam content dan mahasiswa dapat membuka
eksternal website tanpa harus membuka window browser baru.
dimasprasetyo@gmail.com

20. IDevices
Free Text
iDevices Free Text digunakan untuk menuliskan teks bebas dalam content bisa berupa
instruksi, keterangan umum, atau hal lain tanpa bisa menyisipkan tabel atau gambar.
dimasprasetyo@gmail.com

21. IDevices
Image Galery
• Image Galeri memungkinkan anda meng-upload berbagai gambar.
Image Magnifier
• Berfungsi untuk menampilkan gambar dengan fungsi pembesaran gambar.
dimasprasetyo@gmail.com

22. IDevices
Multi-choice / Scorm Quiz
Penggunaan Multi-choice ini umum digunakan pada konten pembelajaran berbentuk
soal pilihan tunggal dengan memilih salah satu jawaban pada option yang paling benar
serta masing-masing option memuat feedback atas jawaban/pilihan option yang dipilih.
Dan dimungkinkan untuk pemberian petunjuk soal atau Hint.
dimasprasetyo@gmail.com

23. IDevices
Multi-select
Penggunaan Multi-select ini umum digunakan pada content pembelajaran berbentuk
soal pilihan ganda dengan memilih lebih dari satu jawaban pada option yang benar.
Feedback yang dihasilkan tidak atas per masing-masing option tetapi atas seluruh
option atau pertanyaan yang diajukan. Untuk option-option yang benar berlaku nilai
score benar dari jumlah seluruh option.
dimasprasetyo@gmail.com

24. IDevices
Objectives
Objectives menerangkan hasil yang diharapkan dari pelajaran dan menggambarkan apa
yang pelajar akan mampu lakukan ketika mereka sudah menyelesaikan tugas.
dimasprasetyo@gmail.com

25. IDevices
Preknowledge
Pengetahuan Prasyarat mengacu pada pengetahuan yang perlu dan harus dimiliki
mahasiswa agar pembelajaran dapat berlangsung efektif menyelesaikan materi yang
diberikan.Contoh preknowledge dapat berbentuk seperti berikut:
• Siswa harus telah mengambil matakuliah di semester 1
• Siswa harus menguasasi Bahasa Inggris aktif
dimasprasetyo@gmail.com

26. IDevices
Reflection
Reflection adalah suatu metoda mengajar yang sering digunakan untuk
menghubungkan teori dan praktek. Tugas Reflection menerangkan siswa dengan suatu
kesempatan untuk mengamati dan merefleksikan pengamatan mereka sebelum
menampilkan pengamatannya sebagai bagian dari tugas akademis. Jurnal, Buku harian,
Profil, portfolio adalah media yang bermanfaat untuk mengumpulkan data pengamatan.
Rubrik dan Panduan sangat efektif sebagai media feedback.
dimasprasetyo@gmail.com

27. IDevices
True-False Question
Truefalse adalah suatu statemen yang memerlukan suatu pernyataan menentukan ya
atau tidak, suatu penyataan adalah benar atau bukan.
dimasprasetyo@gmail.com

28. IDevices
Wiki Article
Wikipedia adalah suatu encyclopedia online yang dikembangkan berdasarkan kontribusi
dari komunitas web. Wikipedia Artikel Idevice mengambil suatu snap shot dari suatu
artikel dan melekatkannya ke dalam konten. Perubahan pada artikel tidak akan secara
otomatis diperbaharui ke Wikipedia, maka perubahan pada konten juga harus
disampaikan pada wikipedia juga.
dimasprasetyo@gmail.com

29. IDevices
Reading Activity
Memberikan aktifitas bacaan kepada siswa disertai informasi aktifitas tambahan untuk
memahami lebih dalam atas bacaan yang diberikan
dimasprasetyo@gmail.com

30. IDevices
Image Gallery
Free Text Area
External website
Cloze Activity
Activity Preknowledge
Wiki article Case Study RSS
True/False Question
Objectives
SCORM Quiz Multi-select Question
Java applet Image Magnifier
Reading Activity Reflection
Multi-choice Question
dimasprasetyo@gmail.com

31. Gunakan ‘Add
Pages’ untuk
menambah
halaman sebagai
topik, subtopik
atau unit.
‘Delete ‘untuk
menghapus
halaman
‘Rename’ untuk Gunakan panel format untuk menformat bentuk,
merubah nama ukuran dan macam tulisan. Dapat pula digunakan
halaman untuk menambah berbagai macam object ke konten
Klik sekali pada
salah satu
IDevices untuk
menambah Klik tombol ‘Centang Hijau’ untuk
konten ‘menyimpan’ hasi edit atau pembuatan
konten
Jangan lupa untuk menyimpan seluruh hasil pekerjaan
menggunakan perintah file->save atau file->save as .
Anda dapat mengeksport hasil pekerjaan dengan format2
yang populer dalam LMS atau langsung menjadi halaman
HTML
dimasprasetyo@gmail.com

32. Ingat !!!!!
Ada dua tipe file format penyimpanan dalam exe-
learning:
1. *.ELP . Ini adalah file dasar exe-learning.
File ini sangat penting, pastikan untuk selalu
disimpan dan dibackup
2. Format ekspor. Ini adalah file hasil bentukan
exe untuk digunakan dalam program lain
dimasprasetyo@gmail.com

33. dimasprasetyo@gmail.com