E-learning và ứng dụng trong dạy học (P3) doc

E-learning và ứng dụng trong
dạy học (P3)
3.2.2.6Giao diện chính
Giao diện Lectora
Ngoàithanhthực đơn,thanh côngcụ,giaodiệnphầnmềm Lectorađượcchia
làm hai phần chính:
Phần bên trái:(vùng quảnlýcác đốitượng tạokhó học). Bao gồmcác
"action” để tạo số trang tự động cho khóa học; các nút lệnh để duyệt qua các nội
dung của khóa học và các chương, phần, trang thông tin cho khóa học. Muốn
chuyển tới một chương, phần, trang nào đó để biên tập nội dung, người dùng sẽ
thao táctrênvùng này.
Phầnbênphải: (vùngnhập thôngtinchokhóahọc).Thể hiệnnội dung
tương ứng cho chương, phần hay trang được chọn ở vùng quản lý các đối tượng
khoá học. Khi biên soạn khóahọc, nội dungsẽ được chèn trực tiếp vào vùng này.
3.2.2.7Các thanh côngcụ
Thanhcông cụ chuẩn (Standardtoolbar)
Thanh côngcụ chuẩn
New:Tạo khóa học mới
Open:Mở khóa họcđã có
Save: Lưu trữ khóa học
Cut: cắt dữ liệu
Copy: Sao dữ liệu
Paste: Dán dữ liệu
Undo: Bỏ lệnh đã thực hiện
Redo: Thực hiện lại lệnh đã bỏ
Find:Tìm kiếm
Find Next:Tìmkiếm tiếp
Print: In trangkhóa học
Held: Trợ giúp
Thanhcông cụ chữ (text toolbar)
Thanhcông cụ chữ

Font:Lựa chọn font chữ
Font Size:lựa chọn cỡ chữ
Color: Lựa chọn màu chữ
Bold: Lựa chọn chữ in đậm
Italic: Lựa chọn chữ nghiêng
Underline: Lựa chọn chữ gạch chân
Alignleft: Canh lề trái
Center: Canh lề giữa
Alignright: Canh lề phải
AlignBoth: Canhlề hai bên
Numbering: Tạo danh sách có thứ tự
Bullet: Tạo danhsách không cóthứ tự
DecreaseIndent:Giảmkhoảngcách thụt đầu dòng
IncreaseIndent: Tăngkhoảngcách thụt đầu dòng
Hyperlink: Tạoliênkết
Reference: Thamchiếu
Thanhcông cụ chèn (inserttoolbar)
Thanh côngcụ chèn
Add Chapter: Thêm chương
Add Section:Thêm phần
Add Page:Thêmmộttrang
Add test: Thêmbài trắcnghiệm
Add test Section: Thêm phầntrongbài trắc nghiệm
Add Question: Themcâu hỏi trắc nghiệm
Add text Block:Chènđoạn văn bản
Add Image: Chèn ảnh
Add Animation:Chènhoạt hình
Add Video: Chèn Video
Add APIX:Chènảnh
Add Audio:Chèn âm thanh

Add Button: Chèn nút lệnh
Add Tableof content:Chèn câythư mục nội dung
Add Referece List:Chèndanh sách thamchiếu
Add Document:Chènmột têp tin văn bản
Add ExtermalHTML: Chèn cácthẻ HTML
Add Menu:Chènthanhthựcđơn
Add Equation:Chèncông thức
Add Action: Chèn các hoạt động
Thanhcông cụ hiển thị chế độ làm việc (Modebar)
Công cụ hiển thị chế độ làm việc
Edit Mode: Chế độ soạn thảo
Run Mode: Chế độ chạy thử
PreviewMode: Chế độ xemtrước khóa học
Thanhcông cụ vẽ (Drawing toolbar)
Công cụ vẽ
Shape Bar:Thanh côngcụ vẽ các hình
BlockArrow Bar:Thanh côngcụ vẽ các mũi tên
TriangleBar: Thanhcông cụ vẽ các tam giác
TrapezoidBar: Thanhcông cụ vẽ các hình thang
ParalleologramBar: thanhcôngcụ vẽ các hình bình hành
3.2.2.8.Giao diện vùng soạn thảo các trangthông tin của khóa học
Giao diện trang đầu khóa học
3.2.2.9.Vùngquản lýcác đối tượng chèn vào khóahọc
Quản lý các đối tượng của khóa học
3.2.2.10.Các bước tạo ra một khóa học trong Lectora
Bước1: Lựa chọn tab "Titlewizard” để tạo khóa họctự động
Lectora cungcấp sẵn 10 kiểugiaodiệnkhácnhauchokhóa học.Trong
ví dụ minh họa, khóa học mới được tạo ra thông qua kiểu "Aqua”. Sau khi đã chọn
kiểu giaodiện cho khóahọc, nhắp "OK”
Lựa chongiao diện khóa học

Bước2: Nhậptiêu đề khóa học, lựa chọn thư mụcchứa khóa học
Trongvídụ minhhọa,tiêu đề khoáhọclà"Liluandayhoc Congnghe”.
Khicầnthay đổithư mụcchứakhóahọc,nhắp chuộtvào nútlệnh"ChooseFolder”.
Nhắpchọn nút lệnh "Next” để tiếp tục.
Nhập tiêu đề cho khóa học
Bước3: Lựa chọn kích thướctrang thông tin
Nếu chọn Fixed page size, kích thước mặc định củatrang thông tin là
640x480. Có thể thiết kế trang dài hơn nếu chọn mục "Taller page with scrollbar”.
Nhắpvào nútlệnh"Next’ để tiếp tục.
Lựa chon kích thước trang
Bước4: Lựa chọn số chươngtrongkhóa học
Lectoratự tạosố chươngtrongkhoá học. Khihộpchọn "Includetest at
end of Title” được chọn, phần trắc nghiệm sẽ tự động được thêm vào khóa học.
Nhấptiếp nútlệnh"Next”.
Lựa choncấu trúc khóa học
Bước5: Nhậptên các chương
Tùythuộc vào số chương của khóahọcđã tạoraở bước trước, Lectora
yêucầunhậptên chotừng chương.Tronghình minhhoạ,tên củahaichươngđược
nhập là: "Giới thiệu về môn LLDH Công nghệ” và "Môn Công nghệ ở trường phổ
thông”. Kết thúc bước này, nhấn vào nút lệnh "Finish” để hoàn tất việc tạo giao
diện và cấu trúckhóa học.
Đặt tên chương
Bước6: Bổ sung thôngtinvà hoàn thiện khóa học
Các bước từ 1 đến 5 chỉ mới tạo ra giao diện của khóa học, cấu trúc
khóa họctheochương, mụcchứ chưa có nội dung của khóahọc.
Trong bước này, cần tiến hành chỉnh sửa giao diện, các tiêu đề (nếu
cần thiết); thêm các trang vào chương, phần, đưa thông tin (văn bản, hình ảnh,
phim, âm thanh, hoạt hình…) vào cáctrang tươngứng; tạocác bàitrắcnghiệmcủa
khóa học…
Bước7: Xuấtbản khóa học

Sau khi đã thiết kế hoàn chỉnh khóa học, Lectora cho phép xuất bản
khóa họcdưới nhiều định dạngkhácnhau như:
Publishtosingle ExecutableFile: Đónggóikhóahọc thành 1tệptin có
phần mở rộng là "exe”,chạyđộc lập được trên cáchệ điều hànhwindows
Pub toCD-ROM:Xuất bản rađĩaCD, tự tạo Autorunđể mở khóa học.
Publish toHTML:XuấtbảndướidạngcáctrangWeb được liênkếtvới
nhau.
Publish to SCORM/Web-Based: Đóng gói theo chuẩn SCROM, đưa lên
hệ thống quảnlý nội dung CMS (contentmanagementsystem).
3.2.3Phần mềm eXe
3.2.3.1Giới thiệu về eXe
eLearning XHTML editor (eXe) là một công cụ xâydựng nộidung đào
tạo (authoring) được thiết kế chạy trên môi trường web để giúp đỡ các giáo viên
và các học viên trong việc thiết kế, phát triển và xuất bản các tài liệu dạy và học
trên web mà khôngcần phải thành thạovề HTML, XML hay cácứng dụng xuấtbản
web.
Trong môi trường eXe, các thông tin, nội dung, các hoạt động học tập
được định dạng sẵn dưới dạng các iDevices (instructional device). Trong trường
hợpcầnthiết,eXecho phéptự xâydựng cáciDevicesmớiphùhợp vớiýtưởng của
người dùng.
3.2.3.2Giao diện củaeXe
Giao diện của eXe rất đơn giản. Nó baogồm 3 vùng riêng biệtvới các
mục đích khác nhautrong tiếntrình xây dựng khóa học, đó là:
VùngOutline
Đâylàvùng làm việc chophépngườisử dụngtạoracấutrúc củakhóa
học theo kịch bản đã được thiết kế. Khi xuất bản khóa học, nội dung cấu trúc khóa
học sẽ xuất hiện ở phần bên trái màn hình cho phép người học dễ dàng duyệt qua
các nội dung trong toàn bộ khóahọc.
VùngiDevice
functioninitFontSlider(){ AP.Core.JS.Widget.FontSizeSlider.init

(document.getElementById('FontSizeSlider'),40, 10);} AP.Core.JS.Initialization.call
(initFontSlider);