TP CHÍ KHOA HC VÀ CÔNG NGH, ĐẠI HC ĐÀ NNG - S 1(42).2011
208
S DNG FRONTPAGE VÀ RELOAD- EDITOR XÂY DNG
CÁC BÀI GING ĐIN T TÍCH HP LÊN H THNG QUN LÝ
HC TP MOODLE
USING FRONTPAGE SOFTWARE AND RELOAD EDITOR ONE IN DESIGNING
ELECTRONIC LECTURES INTEGRATING INTO MLS MOODLE
Nguyn Bo Hoàng Thanh
Trường Đại hc Sư phm, Đại hc Đà Nng
Nguyn Vit Cường
HV Cao hc Đại hc Vinh
TÓM TT
Trong nhng năm gn đây, Website dy hc đưc xây dng bng phn mm mã
ngun m Moodle rt ph biến Vit Nam. Vic thiết kế các bài ging đin t tích hp lên h
thng qun lý hc tp (Learning Management SystemLMS) Moodle là mt quá trình công phu
rt tn nhiu thi gian ca ging viên trong vic son bài ging đin t. Bài viết này gii thiu
kết quđề cp đến cách s dng phn mm FrontPage và Reload Editor xây dng các bài
ging đin t theo chun Scorm, tích hp lên LMS Moodle, nhm giúp giáo viên tiết kim thi
gian và công sc trong vic thiết kế các bài ging.
SUMMARY
In recent years, teacher webpages have been designed with Moodle, a very popular
open source in Vietnam. However, designing lectures integrated into the Learning Management
System (LMS) Moodle requires a complicated process. Moreover, it takes teachers much time
to perform this task. In view of helping the teachers save their time and energy in designing
them, the author, in this paper, presents the usage of FrontPage and Reload Editor one in the
performance of this process.
1. Đặt vn đề
Ngày nay, s phát trin mnh m ca khoa hc công nghđặc bit là s phát
trin ca công ngh thông tin (CNTT) đã tác động mnh m vào s phát trin ca tt c
các ngành ngh trong xã hi. Ngành giáo dc đào to đang tng bước ng dng rngi
CNTT trong các cơ s đào to nhm đổi mi phương pháp dy hc và góp phn nâng
cao cht lượng trong quá trình dy hc.
S kết hp máy vi tính (MVT) vi h thng truyn thông đa phương tin, cùng
vi mng lưới truyn thông toàn cu Internet, website dy hc (DH) đã góp phn đổi
mi phương pháp dy hc (PPDH), to được động cơ hng thú hc tp cho hc sinh,
sinh viên. Vi website dy hc được xây dng bng phn mm (PM) mã ngun m
Moodle, ging viên (GV) mang li nhiu thông tin hơn cho người hc và nhng thông
tin đó cha đựng trong nhiu kênh khác nhau như: văn bn, hình nh, âm thanh, các
đon phim video... Còn người hc, có th m rng kiến thc, ôn tp, kim tra đánh g
kết qu hc tp, hc trc tuyến, tham gia các gi ngoi khóa, tham gia các din đàn kiến
thc để trao đổi... T đó giúp người dy thay đổi PPDH ca mình theo hướng tích cc
TP CHÍ KHOA HC VÀ CÔNG NGH, ĐẠI HC ĐÀ NNG - S 1(42).2011
209
hóa hot động nhn thc ca người hc, đồng thi rèn luyn kh năng t hc, t nghiên
cu để chiếm lĩnh kiến thc.
Trong nhng năm gn đây, Website dy hc xây dng bng PM mã ngun m
Moodle được ng dng rt mnh m trong giáo dc. Yếu t chính góp phn làm nên
hiu qu to ln ca Website dy hc bng mã ngun m Moodle là bài ging (BG) trc
tuyến. Vì thế, mi GV cn phi biết cách son mt BG trc tuyến ca mình theo đúng
mt cu trúc BG đã đề ra, sao cho BG sau khi biên son xong có th đóng gói li thành
các gói ni dung (SCOs) da trên chun SCORM (Sharable Content Object Reference
Model), có kh năngi s dng và tích hp trên các h thng qun lý hc tp như
Moodle.
2. Thiết kế bài ging dưới dng website phc v cho dy hc trc tuyến
FrontPage
2003
Bài ging *.htm
RELOAD
EDITOR
SCORM
MOODLE
S dng FrontPage và các PM khác h tr như: MSWord, XaraWebstyle,
Powerpoint, Macromedia Flash. . . để thiết kế trang Web và trình chiếu thông tin. BG
đin t được thiết kế đây là mt tp hp các trang Web được chuyn đổi vi nhau qua
các nút tương tác. Trong mi trang Web cha nhiu loi thông tin khác nhau như ch,
hình nh, hình nh động, âm thanh, phim, các thí nghim mô phng. FrontPage vi giao
din thân thin rt d s dng.
Công c RELOAD dùng to ra các b son tho tuân theo các đặc tính đóng gói
ni dung (Content Package) và Metadata. RELOAD Editor cho phép người dùng t
chc, tng hp, và đóng các đối tượng hc tp thành các gói ni dung tuân theo đặc t
ca IMS và SCORM có b sung thêm Metadata có kh năng tái s dng và tích hp
trên các h thng qun lý hc tp như Moodle (có th ti v t địa ch
http://www.reload.ac.uk/editor.html).
2.1. Quy trình cơ bn xây dng mt bài ging
Xác định đối tượng người hc: Cn phi xác định được đối tượng hc BG này
là ai, để ta thiết kế trình bày ni dung BG mt cách thích hp. Ví d: người hc trình
độ nào? Trình độ s dng máy vi tính như thế nào? ...
Thiết kế và viết kch bn: Đây là giai đon tn nhiu thi gian nht trong tiến
trình xây dng BG. GV căn c vào mc tiêu bài hc, chương trình môn hc, đặc đim
ca môn hc mà quyết định thông tin cn đưa lên BG. T đó GV son ging cũng th
hin ý đồ dn dt người hc tham gia các hot động trong bài hc mt cách hng thú,
mà GV đã định sn trong BG.
Chn công c, trình bày ni dung: Khi tiến hành son BG GV s dng nhiu
phn mm khác nhau để cho ra BG tt, các phn mm s dng phi thân thin, d s
dng.
Kim tra: Đây là giai đon rt quan trng mà chúng ta không th b qua. Khi
TP CHÍ KHOA HC VÀ CÔNG NGH, ĐẠI HC ĐÀ NNG - S 1(42).2011
210
Hình 1.c bước khi động FrontPage Hình 2. Khi to website mi
thiết kế xong BG GV cn kim tra nhiu ln để phát hin kp thi các li, chnh sa
trước khi đăng ti trên website.
2.2. Các bước thiết kế bài ging bng FrontPage
Bước 1: To Website bài ging mi
+ Khi động Frontpage: T menu Start Ö Programs Ö Microsoft Office Ö
Microsoft Office FrontPage 2003.(Hình 1)
+ Xut hin ca s chương trình Microsoft Office FrontPage
+ T menu File Ö New Ö Xut hin ô tác v New bên phi màn hình ca s
FrontPage, tiếp tc chn mc One page Website (Hình 2)
+ Xut hin hp thoi “Web Site Tempplates”, chn biu tượng One Page Web Site
+ Trong phn Options, nhp chn Browse (Hình 3) Ö Bng New Web Site
Location xut hin Ö Trên thanh Places, nhp Folder My Computer Ö Chn đĩa D:
(Hình 4)
+ Trên thanh công c ca Bng New Web Site Location (Hình 4) , nhp Nút Create
New Folder Ö Bng New Folder hin ra , nhp : GIAO KHOA trong hp name Ö Ok
Hình 3. Bng Web site Templates Hình 4. Bng New Web Site Location
TP CHÍ KHOA HC VÀ CÔNG NGH, ĐẠI HC ĐÀ NNG - S 1(42).2011
211
+ Trong Bng New Web Site Location , nhp Open .
+ Trong Bng Web Site
Templates, nhp Ok
+ FrontPage hin ra cu trúc ca
website “GIAO KHOA” mi được to
(Hình 06)
Bước 2: To trang bài ging chính (cha đầy đủ thông tin: tên bài ging,
người son, mc lc, ni dung chính bài ging . . . )
+ T ca s chương trình Microsoft Office FrontPage, chn File Ö New Ö Xut
hin ô tác v New bên phi màn hình ca s FrontPage, tiếp tc chn mc More page
Template Ö chn tab Frame page Ö Chn Banner and Content Ö OK (Hình 7)
+ Ln lượt nháy chut vào Newpage (Hình 8) trên tng frame, ri ghi (save).
Nên đặt tên 3 frame:
* Frame 1 phn ô trên cùng đặt tên là « Tieu de », th hin tên bài ging
* Frame 2 phn ô bên phi đặt tên « Noi dung » th hin ni dung tóm
tt BG GV son. Nơi hin th ni trang khi thc hin các liên kết t “Muc
luc”
* Frame 3 phn ô nh bên trái đặt tên « Muc luc », cha các liên kết vi
các trang bài hc, được sp xếp thích hp vi ni dung bài ging. Khi thc
hin các liên kết, ni dung bài ging tương ng vi liên kết được th hin
frame 2
Hình 5. Bng New Folder Hình 6. Cu trúc Website GIAO KHOA
Hình 8. To các Frame trang chính
Hình7. To trang bài ging chính
TP CHÍ KHOA HC VÀ CÔNG NGH, ĐẠI HC ĐÀ NNG - S 1(42).2011
212
Bước 3: Thiết kế mt ni dung bài ging
+ T ca s chương trình Microsoft Office FrontPage, chn File Ö New Ö Xut
hin ô tác v New bên phi màn hình ca s FrontPage, tiếp tc chn mc Blank page
Ö Mt trang “new_page_1.htm” xut hin, trên thanh toolbar chn nút Save Ö Xut
hin bng Save as (Hình 9)
+ Trong phn File name ta nhp “bai giang 1”. (tên ca mt trang bài ging, ta
nên nhp vào tên không du)
+ Nhp chut vào “Change title. .” Ö hp thoi “Set Page Title” xut hin, trong
phn Page title ta nhp vào “Ta đề bài ging 1” ( nhp vào ta đề bài ging, nhp ni
dung có du) ÖOK (Hình 9)
+ Trong Bng Save as, nhp Save.
+ Trong khung màn hình FrontPage có mt site trng có tên là “bai giang 1.htm”
và có t đề “Ta đề bài ging 1” (Hình 10). Ti đây ta có th son tho văn bn hay
copy các đon văn bn ch khác ri paste vào, chèn hình nh...
Bước 4: Để cho BG thêm sinh động, hp dn người hc cn phi khai thác các
tài nguyên (văn bn, hình nh tnh, động, mô hình mô phng, âm thanh) có sn trên
Internet. S dng các PM thí nghim o. S dng công c PM to nh động
Macromedia Flash, s dng máy scan, máy nh s, camera để to các tài liu
multimedia cn thiết . . .
Bước 5: S dng chc năng siêu liên kết để ni đến các tài nguyên thu thp
được trên vào các trang Web, s dng các nút tương tác để chuyn đổi gia các trang
bài ging.
Bước 6: Chy th, kim tra, đánh giá và điu chnh
Đến lúc này chúng ta có được Website BG cha trong thư mc “bai giang 1”,
bước tiếp chúng ta s dng phn mm Reload Editor đóng gói bài ging v chun
SCORM
Hình 9. Bng Save As và Set Page Title Hình 10. Site bai giang 1.htm