SlideShare a Scribd company logo
1 of 8
Download to read offline
Penulisan Bahan Ajar
          Berbasis Web




          Wahyu Purnomo http://wahyupur.blogspot.com




Penulisan bahan ajar berbasis web
menggunakan eXe
 Bahan Ajar berbasis Web
 Sekilas eXe.
 Keunggulan eXe
 Cara mendapatkan eXe
 Output eXe
 Cara instalasi eXe
 Bagaimana penggunaan eXe




                                                       1
Web Page
Web page : laman-laman yang dibuat
  dengan kode-kode HTML (Hyper Text
  Mark Up Language), yg dapat
  diakses oleh aplikasi untuk
  internet/intranet berupa Web Browser
Aplikasi web page authoring : Ms.
  Dreamweaver, Ms. Frontpage, Namo,
  HTML Editor dll




    Sekilas eXe
    eLearning XHTML editor (eXe)
      merupakan aplikasi berbasis web
      yang dirancang untuk
      mengembangkan dan
      mempublikasikan bahan ajar
      berbasis web, tanpa perlu
      penguasaan HTML, XML ataupun
      aplikasi publikasi web yang
      complicated (rumit)




                                         2
Keunggulan eXe
 MUDAH, tanpa perlu tahu HTML
 WYSIWYG
 GRATIS
 OPEN SOURCE
 Standart eLearning : SCORM
 Dapat digunakan di Ms Windows, ataupun
 Linux




Output eXe
 SCORM, IMS Content
 Package
 Web Site : folder & Zip
 Single Page
 Text File
 iPOD Notes




                                          3
Cara installasi eXe
 Software eXe bersifat gratis dan Open Source, dapat
 diunduh di http://www.exelearning.org
 Aplikasi pendukung lainnya yang diperlukan adalah
 Browser Mozilla Firefox yang dapat diunduh di
 http://www.mozilla.com/firefox
 Install Firefox terlebih dahulu, lengkapi dengan plugin
 flash, setelah itu eXe diinstall




Antar
muka
eXe




                                                           4
Contoh Hasil
Antar
eXe
muka
eXe




Instructional Design=>OutLine di eXe :
               Add Page : menambah halaman
               Delete : menghapus halaman
               Rename : mengganti nama halaman
               Promote vs Demote : menaik –
               menurunkan tingkat node dalam hirarki
               Move up vs Down : menaik – turunkan
               node                 05/31/08




                                                       5
iDevice text :
 Objectives => Tujuan
 Preknowledge => Pengetahuan Awal
 Activity => Aktivitas
 Freetext =>
 text tanpa title/judul

                              05/31/08




iDevice Text dgn umpan balik :
 Case Study => Studi Kasus
 Reading Activity =>
 Aktifitas membaca
 Reflection => refleksi



                              05/31/08




                                         6
iDevice untuk gambar :
 Image Galery => Galeri Gambar
 Image Magnifier => Gambar dengan Kaca
 pembesar/zooming




                                  05/31/08




iDevice untuk Quiz :
 Cloze Activity = melengkapi, jawaban singkat
 True-False Question = Benar - Salah
 Multi Choice = Pilihan Ganda
 Multi Select = Pilihan asosiasi
 SCORM Quiz = pilihan ganda - score/nilai

                                  05/31/08




                                                7
iDevice pendukung :
       External website => web dari luar, berupa
       internal frame
       RSS => mengambil dari RSS sebuah website/blog
       Java Applet => script java



                                                               05/31/08




                            Share your knowledge
                        http://wahyupur.blogspot.com

                    Joint with eXe-Indonesia Community at :
                    http://groups.yahoo.com/group/exe-id
               Send email to : exe-id-subscribe@yahoogroups.com




                                Wahyu Purnomo
                                 wahyupur@yahoo.com
                               http://wahyupur.wordpress.com

         4x3

16x9




                                                                          8

More Related Content

Similar to Handout penulisan bahan ajar berbasis web

Presentasi penulisan bahan ajar berbasis web menggunakan exelearning
Presentasi penulisan bahan ajar berbasis web menggunakan exelearningPresentasi penulisan bahan ajar berbasis web menggunakan exelearning
Presentasi penulisan bahan ajar berbasis web menggunakan exelearningWahyu Purnomo
 
Modul singkat penggunaan exelerning
Modul singkat penggunaan exelerningModul singkat penggunaan exelerning
Modul singkat penggunaan exelerningWahyu Purnomo
 
Rekayasa web tugas 4
Rekayasa web  tugas 4Rekayasa web  tugas 4
Rekayasa web tugas 4yuyun kuratu
 
Slide Ukm Julai 09
Slide Ukm Julai 09Slide Ukm Julai 09
Slide Ukm Julai 09Mohd Hidzuan
 
Modul Pembuatan Bahan Ajar Berbasis TIK
Modul Pembuatan Bahan Ajar Berbasis TIKModul Pembuatan Bahan Ajar Berbasis TIK
Modul Pembuatan Bahan Ajar Berbasis TIKAryadi Gunawan
 
Exe Learning -An Introduction
Exe Learning -An Introduction Exe Learning -An Introduction
Exe Learning -An Introduction Dimas Prasetyo
 
2014-43. Pemrograman Web
2014-43. Pemrograman Web2014-43. Pemrograman Web
2014-43. Pemrograman WebSyiroy Uddin
 
Contoh laporan job sheet magang smk
Contoh laporan job sheet magang smkContoh laporan job sheet magang smk
Contoh laporan job sheet magang smkDewa Dewa
 
Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa webrizkyripai
 
Rpp pemrog-web-kd-01
Rpp pemrog-web-kd-01Rpp pemrog-web-kd-01
Rpp pemrog-web-kd-01sanditresna
 
Modul Installasi Dan Fundamental Exe Learning
Modul Installasi Dan Fundamental Exe LearningModul Installasi Dan Fundamental Exe Learning
Modul Installasi Dan Fundamental Exe LearningAryadi Gunawan
 
E learning dengan moodle
E learning dengan moodleE learning dengan moodle
E learning dengan moodleSariantiPurba
 
5302411231 lms self hosted omeka
5302411231 lms self hosted omeka5302411231 lms self hosted omeka
5302411231 lms self hosted omekadnurmalita
 
2014-47. Pemograman web
2014-47. Pemograman web2014-47. Pemograman web
2014-47. Pemograman webSyiroy Uddin
 
Pengenalan OOP dan Framework Code Igniter
Pengenalan OOP dan Framework Code IgniterPengenalan OOP dan Framework Code Igniter
Pengenalan OOP dan Framework Code IgniterRudy Prasetya
 
Langkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudahLangkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudahtukangojek48
 
Tugas 4 rekayasa web
Tugas 4   rekayasa webTugas 4   rekayasa web
Tugas 4 rekayasa webfaisalawai
 

Similar to Handout penulisan bahan ajar berbasis web (20)

Presentasi penulisan bahan ajar berbasis web menggunakan exelearning
Presentasi penulisan bahan ajar berbasis web menggunakan exelearningPresentasi penulisan bahan ajar berbasis web menggunakan exelearning
Presentasi penulisan bahan ajar berbasis web menggunakan exelearning
 
Modul singkat penggunaan exelerning
Modul singkat penggunaan exelerningModul singkat penggunaan exelerning
Modul singkat penggunaan exelerning
 
Rekayasa web tugas 4
Rekayasa web  tugas 4Rekayasa web  tugas 4
Rekayasa web tugas 4
 
Slide Ukm Julai 09
Slide Ukm Julai 09Slide Ukm Julai 09
Slide Ukm Julai 09
 
Modul Pembuatan Bahan Ajar Berbasis TIK
Modul Pembuatan Bahan Ajar Berbasis TIKModul Pembuatan Bahan Ajar Berbasis TIK
Modul Pembuatan Bahan Ajar Berbasis TIK
 
Os java
Os javaOs java
Os java
 
Exe Learning -An Introduction
Exe Learning -An Introduction Exe Learning -An Introduction
Exe Learning -An Introduction
 
2014-43. Pemrograman Web
2014-43. Pemrograman Web2014-43. Pemrograman Web
2014-43. Pemrograman Web
 
Contoh laporan job sheet magang smk
Contoh laporan job sheet magang smkContoh laporan job sheet magang smk
Contoh laporan job sheet magang smk
 
Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa web
 
Rpp pemrog-web-kd-01
Rpp pemrog-web-kd-01Rpp pemrog-web-kd-01
Rpp pemrog-web-kd-01
 
Modul Installasi Dan Fundamental Exe Learning
Modul Installasi Dan Fundamental Exe LearningModul Installasi Dan Fundamental Exe Learning
Modul Installasi Dan Fundamental Exe Learning
 
E learning dengan moodle
E learning dengan moodleE learning dengan moodle
E learning dengan moodle
 
5302411231 lms self hosted omeka
5302411231 lms self hosted omeka5302411231 lms self hosted omeka
5302411231 lms self hosted omeka
 
2014-47. Pemograman web
2014-47. Pemograman web2014-47. Pemograman web
2014-47. Pemograman web
 
Pengenalan OOP dan Framework Code Igniter
Pengenalan OOP dan Framework Code IgniterPengenalan OOP dan Framework Code Igniter
Pengenalan OOP dan Framework Code Igniter
 
Uas pti 1301143
Uas pti 1301143Uas pti 1301143
Uas pti 1301143
 
Langkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudahLangkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudah
 
Dasar PHP
Dasar PHPDasar PHP
Dasar PHP
 
Tugas 4 rekayasa web
Tugas 4   rekayasa webTugas 4   rekayasa web
Tugas 4 rekayasa web
 

More from Wahyu Purnomo

Moodle sebagai Platform MOOC
Moodle sebagai Platform MOOCMoodle sebagai Platform MOOC
Moodle sebagai Platform MOOCWahyu Purnomo
 
Padlet sebagai media pembelajaran dan papan kolaborasi daring
Padlet sebagai media pembelajaran dan papan kolaborasi daringPadlet sebagai media pembelajaran dan papan kolaborasi daring
Padlet sebagai media pembelajaran dan papan kolaborasi daringWahyu Purnomo
 
Pengembangan Media Pembelajaran - Aplikasi Video Animasi
Pengembangan Media Pembelajaran - Aplikasi Video Animasi Pengembangan Media Pembelajaran - Aplikasi Video Animasi
Pengembangan Media Pembelajaran - Aplikasi Video Animasi Wahyu Purnomo
 
Pengembangan konten/media pembelajaran interaktif
Pengembangan konten/media pembelajaran interaktifPengembangan konten/media pembelajaran interaktif
Pengembangan konten/media pembelajaran interaktifWahyu Purnomo
 
Panduan platform game dengan Construct 2
Panduan platform game dengan Construct 2Panduan platform game dengan Construct 2
Panduan platform game dengan Construct 2Wahyu Purnomo
 
Create a fun learning quiz in minutes
Create a fun learning quiz in minutesCreate a fun learning quiz in minutes
Create a fun learning quiz in minutesWahyu Purnomo
 
Blog untuk Pembelajaran
Blog untuk PembelajaranBlog untuk Pembelajaran
Blog untuk PembelajaranWahyu Purnomo
 
Whiteboard animation
Whiteboard animationWhiteboard animation
Whiteboard animationWahyu Purnomo
 
Peluang dan tantangan era industri 4.0
Peluang dan tantangan era industri 4.0Peluang dan tantangan era industri 4.0
Peluang dan tantangan era industri 4.0Wahyu Purnomo
 
Quiz Interaktif berbasis Android dengan Appsgeyser
Quiz Interaktif berbasis Android dengan AppsgeyserQuiz Interaktif berbasis Android dengan Appsgeyser
Quiz Interaktif berbasis Android dengan AppsgeyserWahyu Purnomo
 
Membuat game pembelajaran dengan Kahoot
Membuat game pembelajaran dengan KahootMembuat game pembelajaran dengan Kahoot
Membuat game pembelajaran dengan KahootWahyu Purnomo
 
Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap Build
Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap BuildPengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap Build
Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap BuildWahyu Purnomo
 
Membangun elearning melalui mdl2 atau gnomio.com
Membangun elearning melalui mdl2 atau gnomio.comMembangun elearning melalui mdl2 atau gnomio.com
Membangun elearning melalui mdl2 atau gnomio.comWahyu Purnomo
 
Handout penulisan bahan ajar berbasis web
Handout penulisan bahan ajar berbasis webHandout penulisan bahan ajar berbasis web
Handout penulisan bahan ajar berbasis webWahyu Purnomo
 

More from Wahyu Purnomo (15)

Moodle sebagai Platform MOOC
Moodle sebagai Platform MOOCMoodle sebagai Platform MOOC
Moodle sebagai Platform MOOC
 
Padlet sebagai media pembelajaran dan papan kolaborasi daring
Padlet sebagai media pembelajaran dan papan kolaborasi daringPadlet sebagai media pembelajaran dan papan kolaborasi daring
Padlet sebagai media pembelajaran dan papan kolaborasi daring
 
Pengembangan Media Pembelajaran - Aplikasi Video Animasi
Pengembangan Media Pembelajaran - Aplikasi Video Animasi Pengembangan Media Pembelajaran - Aplikasi Video Animasi
Pengembangan Media Pembelajaran - Aplikasi Video Animasi
 
Pengembangan konten/media pembelajaran interaktif
Pengembangan konten/media pembelajaran interaktifPengembangan konten/media pembelajaran interaktif
Pengembangan konten/media pembelajaran interaktif
 
Panduan platform game dengan Construct 2
Panduan platform game dengan Construct 2Panduan platform game dengan Construct 2
Panduan platform game dengan Construct 2
 
Create a fun learning quiz in minutes
Create a fun learning quiz in minutesCreate a fun learning quiz in minutes
Create a fun learning quiz in minutes
 
Blog untuk Pembelajaran
Blog untuk PembelajaranBlog untuk Pembelajaran
Blog untuk Pembelajaran
 
Whiteboard animation
Whiteboard animationWhiteboard animation
Whiteboard animation
 
Peluang dan tantangan era industri 4.0
Peluang dan tantangan era industri 4.0Peluang dan tantangan era industri 4.0
Peluang dan tantangan era industri 4.0
 
Quiz Interaktif berbasis Android dengan Appsgeyser
Quiz Interaktif berbasis Android dengan AppsgeyserQuiz Interaktif berbasis Android dengan Appsgeyser
Quiz Interaktif berbasis Android dengan Appsgeyser
 
Membuat game pembelajaran dengan Kahoot
Membuat game pembelajaran dengan KahootMembuat game pembelajaran dengan Kahoot
Membuat game pembelajaran dengan Kahoot
 
Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap Build
Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap BuildPengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap Build
Pengembangan Mobile Learning (Android) dengan eXeLearning dan PhoneGap Build
 
Membangun elearning melalui mdl2 atau gnomio.com
Membangun elearning melalui mdl2 atau gnomio.comMembangun elearning melalui mdl2 atau gnomio.com
Membangun elearning melalui mdl2 atau gnomio.com
 
Podcasting
PodcastingPodcasting
Podcasting
 
Handout penulisan bahan ajar berbasis web
Handout penulisan bahan ajar berbasis webHandout penulisan bahan ajar berbasis web
Handout penulisan bahan ajar berbasis web
 

Handout penulisan bahan ajar berbasis web

  • 1. Penulisan Bahan Ajar Berbasis Web Wahyu Purnomo http://wahyupur.blogspot.com Penulisan bahan ajar berbasis web menggunakan eXe Bahan Ajar berbasis Web Sekilas eXe. Keunggulan eXe Cara mendapatkan eXe Output eXe Cara instalasi eXe Bagaimana penggunaan eXe 1
  • 2. Web Page Web page : laman-laman yang dibuat dengan kode-kode HTML (Hyper Text Mark Up Language), yg dapat diakses oleh aplikasi untuk internet/intranet berupa Web Browser Aplikasi web page authoring : Ms. Dreamweaver, Ms. Frontpage, Namo, HTML Editor dll Sekilas eXe eLearning XHTML editor (eXe) merupakan aplikasi berbasis web yang dirancang untuk mengembangkan dan mempublikasikan bahan ajar berbasis web, tanpa perlu penguasaan HTML, XML ataupun aplikasi publikasi web yang complicated (rumit) 2
  • 3. Keunggulan eXe MUDAH, tanpa perlu tahu HTML WYSIWYG GRATIS OPEN SOURCE Standart eLearning : SCORM Dapat digunakan di Ms Windows, ataupun Linux Output eXe SCORM, IMS Content Package Web Site : folder & Zip Single Page Text File iPOD Notes 3
  • 4. Cara installasi eXe Software eXe bersifat gratis dan Open Source, dapat diunduh di http://www.exelearning.org Aplikasi pendukung lainnya yang diperlukan adalah Browser Mozilla Firefox yang dapat diunduh di http://www.mozilla.com/firefox Install Firefox terlebih dahulu, lengkapi dengan plugin flash, setelah itu eXe diinstall Antar muka eXe 4
  • 5. Contoh Hasil Antar eXe muka eXe Instructional Design=>OutLine di eXe : Add Page : menambah halaman Delete : menghapus halaman Rename : mengganti nama halaman Promote vs Demote : menaik – menurunkan tingkat node dalam hirarki Move up vs Down : menaik – turunkan node 05/31/08 5
  • 6. iDevice text : Objectives => Tujuan Preknowledge => Pengetahuan Awal Activity => Aktivitas Freetext => text tanpa title/judul 05/31/08 iDevice Text dgn umpan balik : Case Study => Studi Kasus Reading Activity => Aktifitas membaca Reflection => refleksi 05/31/08 6
  • 7. iDevice untuk gambar : Image Galery => Galeri Gambar Image Magnifier => Gambar dengan Kaca pembesar/zooming 05/31/08 iDevice untuk Quiz : Cloze Activity = melengkapi, jawaban singkat True-False Question = Benar - Salah Multi Choice = Pilihan Ganda Multi Select = Pilihan asosiasi SCORM Quiz = pilihan ganda - score/nilai 05/31/08 7
  • 8. iDevice pendukung : External website => web dari luar, berupa internal frame RSS => mengambil dari RSS sebuah website/blog Java Applet => script java 05/31/08 Share your knowledge http://wahyupur.blogspot.com Joint with eXe-Indonesia Community at : http://groups.yahoo.com/group/exe-id Send email to : exe-id-subscribe@yahoogroups.com Wahyu Purnomo wahyupur@yahoo.com http://wahyupur.wordpress.com 4x3 16x9 8