23 herman dwi surjono Pengembangan web pemb BTKP 2011

3/16/11

Pengembangan Web
Pembelajaran
Herman Dwi Surjono, Ph.D.
hermansurjono@staff.uny.ac.id
http://blog.uny.ac.id/hermansurjono
http://herman.elearning-jogja.org
http://www.facebook.com/hermands

DIKLAT PEMBUATAN MATERI WEB DI BTKP DIY
1
16 Maret 2011

Berbagai Istilah
  Web Pembelajaran
  Pembelajaran berbasis web
  WBI (Web Based Instruction)
  E-learning
  Website untuk pembelajaran
  Blog (Web blog) untuk pembelajaran

2

1

3/16/11

Pengertian
  Elearning adalah pembelajaran yang
memanfaatkan dukungan teknologi
informasi (internet).
  Melalui elearning materi pembelajaran
dapat diakses dari mana saja dan kapan
saja.
  Istilah elearning populer semenjak
teknologi internet memasyarakat.

3

Implementasi

  Implementasi e-learning sangat bervariasi
mulai dari yang sederhana hingga yang
terpadu
  Flexible dan distributed
  Asynchronous (any time, any place),
synchronous (real time, any place),
blended/hybrid (campuran)
  Trend e-learning saat ini sering
diimplementasikan dengan paradigma
pembelajaran on-line terpadu dengan
menggunakan LMS.

2

3/16/11

Academic,
administrative
&
student

services
Assessment
On-line
Content
Infrastructure,
Ethical
of
Physical
Learning
learner,
and
development
considerations
off-line
layout
and
evaluation
hardware
teaching
resources

and
and
navigation
in
and
of
maintenance
e-learning
issues
learning
software
& support
environment

E-learning

Interface
Design

Ethical

Pedagogical

Management

Evolusi E‐learning 

Pengembangan
Jaringan/Infrastruktur

Teknologi
E-learning

Pengembangan Konten/Isi

3

3/16/11

Proses Pengembangan

1.  Analisis
2.  Desain
3.  Pembuatan
4.  Evaluasi
5.  Implementasi

Kebutuhan
Siswa
DesainSistem
instruksional  GBIPM
Sumberdaya
Diagram
alir (flowchart)
Storyboard
Prototipe komponen multimedia
Programming/authoring/integrating
Ongoing evaluation
Alpha testing
Beta testing
Distribusi

Learner
assesment
Sosialisasi
7

Proses Pengembangan:
1. Analisis
1.  Analisis
 

Kebutuhan

 

Siswa

 

Sistem

 

Sumberdaya

8

4

3/16/11

Proses Pengembangan:
2. Desain
2. Desain
 

Desain instruksional  GBIPM

 

Diagram alir (flowchart)

 

Storyboard

9

Proses Pengembangan:
3. Pembuatan
3. Pembuatan
 

Prototipe komponen multimedia

 

Programming/authoring/integrating

10

5

3/16/11

Proses Pengembangan:
4. Evaluasi
4. Evaluasi
 

Ongoing evaluation

 

Alpha testing

 

Beta testing

 

Learner assesment

11

Proses Pengembangan:
5. Implementasi
5. Implementasi
 

Distribusi

 

Sosialisasi

12

6

3/16/11

Perlu Diingat Beberapa Tips
  Prinsip web design
Konsistensi layout, navigasi, teks, background
  Indikator halaman (identitas, progress, header)
  Teks: ringkas/padat, bullets, font jelas, warna
kontras, garis bawah hanya untuk links
  Gambar: relevan, caption dekat, resolusi dan
ukuran proposional
  Audio/video/animasi: meaningful, relevant,
simple, short segments
  Modifikasi presentasi dari buku atau format lain
 

Perlu Diingat Beberapa Tips
  Active Learning
self assessment
  refleksi
  self-directed learning
  problem-based learning
  interaksi
  umpanbalik

 

7

3/16/11

Perlu Diingat Beberapa Tips
  Pemanfaatan Multimedia, Hyperlinks, dan
Online Communication dengan tepat
Multimedia merujuk pada penggunaan
berbagai format media secara simultan
seperti teks, gambar, suara, animasi, video
  Hyperlinks menghubungkan satu file/lokasi ke
file/lokasi yang lain
  Online Comunications: forum diskusi, ruang
chat, email, video conference

 

Kesimpulan
  Mengajar melalui web tidak sekedar
menaruh file dari buku ke web atau
sekedar membuat web dengan berbagai
ilustrasi yang colorful.
  Proses pengembangan: analisis, desain,
pembuatan, evaluasi, implementasi
  Web pembelajaran perlu dibuat dengan
memperhatikan instruksional design dan
web design serta mengakomodasi active
learning.

8