Seminar Nasional Menuju Pembelajaran Berbasis TIK

Cara Cepat Membuat Bahan Ajar Berbasis Web

Wa h yu Pu rn o m o h ttp ://w a h yu p u r.b lo g s p o t.c o m Wahyu Purnomo http: !ahyupur"#om

Tentang wahyuPur :
Tempat/Tgl Lahir : Kebumen, 28 Sept 1967 - S1 : 1992 TP !"# - S2 : 1998 #T $T% 1999-2&&1 : Tim Pengembang $T 'i(men)ur * 'ep+i(na, 2&&1-S(rg : PPPTK/-.'/ #alang - menga)ar #ultime+ia 0 eLearning - Pen+amping $/T 'ep+i(na, 12 #3/ - $"$ eLearning #ultipli(at4r - K44r+inat4r L5%6
0 5 /3 1 /0 8

Ag e n d a
WebPa$e Se%ilas e&e" Keun$$ulan e&e Cara men'apat%an e&e (utput e&e Cara instalasi e&e Ba$aimana pen$$unaan e&e

Mengapa Berbasis Web?

Bahan ajar )ormat 'i$ital

Dokumen (doc/odt) PDF CHM Video/ VCD Aplikasi, Flash dll Web Page

Web Pa$e
Web page : laman laman !ang dibuat dengan kode kode H"M# (H!pe$ "e%t Ma$k &p #anguage), !g dapat diakses oleh aplikasi untuk inte$net/int$anet be$upa Web '$o(se$ Aplikasi web page authoring : Ms) D$eam(ea*e$, Ms) F$ontpage, +amo, H"M# ,dito$ dll

Mengapa eXe?

Se%ilas e&e
e#ea$ning XH"M# edito$ *e&e+ merupa%an apli%asi berbasis !eb yan$ 'iran#an$ untu% men$emban$%an 'an mempubli%asi%an bahan ajar berbasis !eb, tanpa perlu pen$uasaan -TM., &M. ataupun apli%asi publi%asi !eb yan$ complicated ($umit)

Apa keunggulan eXe?

Keun$$ulan e&e
M/0A-, tanpa perlu tahu -TM. W1SIW12 23ATIS (P4N S(/3C4 Stan'art e.earnin$ : SC(3M 0apat 'i$una%an 'i Ms Win'o!s, ataupun .inu5

M/0A-, tanpa perlu tahu -TM.

6html 5mlns78http: !!!"!9"or$ :;;; 5html8 'ir78ltr8 lan$78en8 5ml:lan$78en8< 6hea'< 6meta http=e>ui?78#ontent=type8 #ontent78te5t html@ #harset7ut)=A8 < 6lin% rel78stylesheet8 type78te5t #ss8 hre)78http: lo#alhost elearnin$ theme stan'ar' styles"php8 < 6lin% rel78stylesheet8 type78te5t #ss8 hre)78http: lo#alhost elearnin$ theme stan'ar'!hite styles"php8 < 6meta name78'es#ription8 #ontent78Selamat 0atan$ 'i situs elearnin$ B40C Malan$8 <

W1SIW12

Stan'art e.earnin$
ATutor *http: !!!"atutor"#a+ 0o%eos *http: !!!"'o%eos"#om+ 'ot.3N *http: 'otlrn"or$+ Creestyle .earnin$ *http: !!!")reestyle= learnin$"'e+ I.IAS *http: !!!"ilias"uni=%oeln"'e+ .(N=CAPA *http: !!!"lon=#apa"or$+ Moo'le *http: moo'le"or$+

SC(3M

Multi plat)orm

Apa output eXe?

(utput e&e
SC(3M, IMS Content Pa#%a$e Web Site : )ol'er D Eip Sin$le Pa$e Te5t Cile iP(0 Notes

Bagaimana cara install eXe?

Cara installasi e&e

So)t!are e&e bersi)at $ratis 'an (pen Sour#e, 'apat 'iun'uh 'i http: !!!"e5elearnin$"or$ Apli%asi pen'u%un$ lainnya yan$ 'iperlu%an a'alah Bro!ser MoFilla Cire)o5 yan$ 'apat 'iun'uh 'i http: !!!"moFilla"#om )ire)o5 Install Cire)o5 terlebih 'ahulu, len$%api 'en$an plu$in )lash, setelah itu e&e 'iinstall

Antar mu%a e&e

Contoh -asil An e&e ta r

m uka e e

Instru#tional 0esi$n7<(ut.ine 'i e&e :

A'' Pa$e : menambah halaman 0elete : men$hapus halaman 3ename : men$$anti nama halaman Promote ?s 0emote : menai% G menurun%an tin$%at no'e 'alam hirar%i Mo?e up ?s 0o!n : menai% G turun%an no'e
0 5 /3 1 /0 8

i0e?i#e te5t :

(bje#ti?es 7< Tujuan Pre%no!le'$e 7< Pen$etahuan A!al A#ti?ity 7< A%ti?itas Creete5t 7< te5t tanpa title ju'ul

0 5 /3 1 /0 8

i0e?i#e Te5t '$n umpan bali% :

Case Stu'y 7< Stu'i Kasus 3ea'in$ A#ti?ity 7< A%ti)itas memba#a 3e)le#tion 7< re)le%si

0 5 /3 1 /0 8

i0e?i#e untu% $ambar :

Ima$e 2alery 7< 2aleri 2ambar Ima$e Ma$ni)ier 7< 2ambar 'en$an Ka#a pembesar Foomin$

0 5 /3 1 /0 8

i0e?i#e untu% HuiF :

CloFe A#ti?ity 7 melen$%api, ja!aban sin$%at True=Calse Huestion 7 Benar = Salah Multi Choi#e 7 Pilihan 2an'a Multi Sele#t 7 Pilihan asosiasi SC(3M HuiF 7 pilihan $an'a = s#ore nilai
0 5 /3 1 /0 8

i0e?i#e pen'u%un$ :

45ternal !ebsite 7< !eb 'ari luar, berupa internal )rame 3SS 7< men$ambil 'ari 3SS sebuah !ebsite blo$ Ia?a Applet 7< s#ript ja?a

0 5 /3 1 /0 8

Share your %no!le'$e http: !ahyupur"blo$spot"#om

Ioint !ith e&e=In'onesia Community at : http: $roups"yahoo"#om $roup e5e=i' Sen' email to : e5e=i'=subs#ribeJyahoo$roups"#om
Wahyu Purnomo
$"% !"#

!ahyu"purnomoJi$i=allian#e"#om
http://wahyupur.wordpress.com

Wahyu Purnomo

wahyupur@yahoo.com wahyupur.wordpress.com

wahyupur.blogspot.com

0818 537 538