TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 208 SỬDỤNGFRONTPAGEVÀRELOAD-EDITORXÂYDỰNGCÁC BÀI GIẢNGĐIỆNTỬ TÍCH HỢPLÊNHỆTHỐNGQUẢNLÝHỌCTẬPMOODLE USING FRONTPAGE SOFTWARE AND RELOAD EDITOR ONE IN DESIGNING ELECTRONIC LECTURES INTEGRATING INTO MLS MOODLE Nguyễn Bảo Hoàng Thanh Trường Đại họcSư phạm, Đại học Đà Nẵng Nguyễn Việt Cường HV Cao học Đại học Vinh TÓM TẮT Trong những năm gần đây, Website dạy học được xâydựng bằng phần mềm mã nguồn mở Moodle rất phổ biến ở Việt Nam. Việc thiết kế cácbàigiảngđiệntửtíchhợplên hệ thốngquảnlý học tập (Learning Management System – LMS) Moodle là một quá trình công phu rất tốn nhiều thời gian của giảng viên trong việc soạn bàigiảngđiện tử. Bài viế t này giới thiệu kết quả và đề cập đến cách sửdụng phần mềm FrontPagevà Reload Editorxâydựngcác bài giảngđiệntử theo chuẩn Scorm, tíchhợplên LMS Moodle, nhằm giúp giáo viên tiết kiệm thời gian và công sức trong việc thiết kế cácbài giảng. 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 vấn đề Ngày nay, sự phát triển mạnh mẽ của khoa học công nghệ và đặc biệt là sự phát triển của công nghệ thông tin (CNTT) đã tác động mạnh mẽ vào sự phát triển của tất cả các ngành nghề trong xã hội. Ngành giáo dục đào tạo đang từng bước ứng dụng rộng rãi CNTT trong các cơ sở đào tạo nhằm đổi mới phương pháp dạy họcvà góp phần nâng cao chất lượng trong quá trình dạy học. Sự kết hợp máy vi tính (MVT) với hệthống truyền thông đa phương tiện, cùng với mạng lưới truyền thông toàn cầu Internet, website dạy học (DH) đã góp phần đổi mới phương pháp dạy học (PPDH), tạo được động cơ hứng thú họctập cho học sinh, sinh viên. Với website dạy học được xâydựng bằng phần mềm (PM) mã nguồn mở Moodle, giảng viên (GV) mang lại nhiều thông tin hơn cho người họcvà những thông tin đó chứa đựng trong nhiều kênh khác nhau như: văn bản, hình ảnh, âm thanh, các đoạn phim video Còn người học, có thể mở rộng kiến thức, ôn tập, kiểm tra đánh giá kết quả học tập, học trực tuyến, tham gia các giờ ngoại khóa, tham gia cácdiễn đàn kiến thức để trao đổi Từ đó giúp người dạy thay đổi PPDH của mình theo hướng tích cực TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 209 hóa hoạt động nhận thức của người học, đồng thời rèn luyện khả năng tự học, tự nghiên cứu để chiếm lĩnh kiến thức. Trong những năm gần đây, Website dạy họcxâydựng bằng PM mã nguồn mở Moodle được ứng dụng rất mạnh mẽ trong giáo dục. Yếu tố chính góp phần làm nên hiệu quả to lớn của Website dạy học bằng mã nguồn mở Moodle là bàigiảng (BG) trực tuyến. Vì thế, mỗi GV cần phải biết cách soạn một BG trực tuyến của mình theo đúng một cấu trúc BG đã đề ra, sao cho BG sau khi biên soạn xong có thể đóng gói lại thành các gói nội dung (SCOs) dựa trên chuẩn SCORM (Sharable Content Object Reference Model), có khả năng tái sửdụngvàtíchhợp trên cáchệthốngquảnlýhọctập như Moodle. 2. Thiết kế bàigiảng dưới dạng website phục vụ cho dạy học trực tuyến FrontPage 2003 Bàigiảng *.htm RELOAD EDITOR SCORM MOODLESửdụngFrontPagevàcác PM khác hỗ trợ như: MS−Word, XaraWebstyle, Powerpoint, Macromedia Flash. . . để thiết kế trang Web và trình chiếu thông tin. BG điệntử được thiết kế ở đây là một tậphợpcác trang Web được chuyển đổi với nhau qua các nút tương tác. Trong mỗi trang Web chứa nhiều loại thông tin khác nhau như chữ, hình ảnh, hình ảnh động, âm thanh, phim, các thí nghiệm mô phỏng. FrontPage với giao diện thân thiện rất dễ sử dụng. Công cụ RELOAD dùng tạo ra các bộ soạn thảo tuân theo các đặc tính đóng gói nội dung (Content Package) và Metadata. RELOAD Editor cho phép người dùng tổ chức, tổng hợp, và đóng các đối tượng họctập thành các gói nội dung tuân theo đặc tả của IMS và SCORM có bổ sung thêm Metadata có khả năng tái sửdụngvàtíchhợp trên cáchệthốngquảnlýhọctập như Moodle (có thể tải về từ địa chỉ http://www.reload.ac.uk/editor.html). 2.1. Quy trình cơ bản xâydựng một bàigiảng Xác định đối tượng người học: Cần phải xác định được đối tượng học BG này là ai, để ta thiết kế trình bày nội dung BG một cách thích hợp. Ví dụ: người học ở trình độ nào? Trình độ sửdụng máy vi tính như thế nào? Thiết kế và viết kịch bản: Đây là giai đoạn tốn nhiều thời gian nhất trong tiến trình xâydựng BG. GV căn cứ vào mục tiêu bài học, chương trình môn học, đặc điểm của môn học mà quyết định thông tin cần đưa lên BG. Từ đó GV soạn giảng cũng thể hiện ý đồ dẫn dắt người học tham gia các hoạt động trong bàihọc một cách hứng thú, mà GV đã định sẵn trong BG. Chọn công cụ, trình bày nội dung: Khi tiến hành soạn BG GV sửdụng nhiều phần mềm khác nhau để cho ra BG tốt, các phần mềm sửdụng phải thân thiện, dễ sử dụng. Kiểm tra: Đây là giai đoạn rất quan trọng mà chúng ta không thể bỏ qua. Khi TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 210 Hình 1. Các bước khởi động FrontPage Hình 2. Khởi tạo website mới thiết kế xong BG GV cần kiểm tra nhiều lần để phát hiện kịp thời các lỗi, chỉnh sửa trước khi đăng tải trên website. 2.2. Các bước thiết kế bàigiảng bằng FrontPage Bước 1: Tạo Website bàigiảng mới + Khởi động Frontpage: Từ menu Start Ö Programs Ö Microsoft Office Ö Microsoft Office FrontPage 2003.(Hình 1) + Xuất hiện của sổ chương trình Microsoft Office FrontPage + Từ menu File Ö New Ö Xuất hiện ô tác vụ New bên phải màn hình cửa sổ FrontPage, tiếp tục chọn mục One page Website (Hình 2) + Xuất hiện hộp thoại “Web Site Tempplates”, chọn biểu tượng One Page Web Site + Trong phần Options, nhấp chọn Browse (Hình 3) Ö Bảng New Web Site Location xuất hiện Ö Trên thanh Places, nhấp Folder My Computer Ö Chọn ổ đĩa D: (Hình 4) + Trên thanh công cụ của Bảng New Web Site Location (Hình 4) , nhấp Nút Create New Folder Ö Bảng New Folder hiện ra , nhập : GIAO KHOA trong hộp name Ö Ok Hình 3. Bảng Web site Templates Hình 4. Bảng New Web Site Location TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 211 + Trong Bảng New Web Site Location , nhấp Open . + Trong Bảng Web Site Templates, nhấp Ok + FrontPage hiện ra cấu trúc của website “GIAO KHOA” mới được tạo (Hình 06) Bước 2: Tạo trang bàigiảng chính (chứa đầy đủ thông tin: tên bài giảng, người soạn, mục lục, nội dung chính bàigiảng . . . ) + Từ của sổ chương trình Microsoft Office FrontPage, chọn File Ö New Ö Xuất hiện ô tác vụ New bên phải màn hình cửa sổ FrontPage, tiếp tục chọn mục More page Template Ö chọn tab Frame page Ö Chọn Banner and Content Ö OK (Hình 7) + Lần lượt nháy chuột vào Newpage (Hình 8) trên từng frame, rồi ghi (save). Nên đặt tên 3 frame: * Frame 1 phần ô trên cùng đặt tên là « Tieu de », thể hiện tên bàigiảng * Frame 2 phần ô bên phải đặt tên « Noi dung » thể hiện nội dung tóm tắt BG GV soạn. Nơi hiển thị nội trang khi thực hiện các liên kết từ “Muc luc” * Frame 3 phần ô nhỏ bên trái đặt tên « Muc luc », chứa các liên kết với các trang bài học, được sắp xếp thích hợp với nội dungbài giảng. Khi thực hiện các liên kết, nội dungbàigiảng tương ứng với liên kết được thể hiện ở frame 2 Hình 5. Bảng New Folder Hình 6. Cấu trúc Website GIAO KHOA Hình 8. Tạo các Frame trang chính Hình7. Tạo trang bàigiảng chính TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 212 Bước 3: Thiết kế một nội dungbàigiảng + Từ cửa sổ chương trình Microsoft Office FrontPage, chọn File Ö New Ö Xuất hiện ô tác vụ New bên phải màn hình cửa sổ FrontPage, tiếp tục chọn mục Blank page Ö Một trang “new_page_1.htm” xuất hiện, trên thanh toolbar chọn nút Save Ö Xuất hiện bảng Save as (Hình 9) + Trong phần File name ta nhập “bai giang 1”. (tên của một trang bài giảng, ta nên nhập vào tên không dấu) + Nhấp chuột vào “Change title. .” Ö hộp thoại “Set Page Title” xuất hiện, trong phần Page title ta nhập vào “Tựa đề bàigiảng 1” ( nhập vào tựa đề bài giảng, nhập nội dung có dấu) ÖOK (Hình 9) + Trong Bảng Save as, nhấp Save. + Trong khung màn hình FrontPage có một site trắng có tên là “bai giang 1.htm” và có tự đề “Tựa đề bàigiảng 1” (Hình 10). Tại đây ta có thể soạn thảo văn bản hay copy các đoạn văn bản chổ khác rồi paste vào, chèn hình ảnh Bước 4: Để cho BG thêm sinh động, hấp dẫn người học cần phải khai thác các tài nguyên (văn bả n, hình ảnh tỉnh, động, mô hình mô phỏng, âm thanh) có sẵn trên Internet. Sửdụngcác PM thí nghiệm ảo. Sửdụng công cụ PM tạo ảnh động Macromedia Flash, sửdụng máy scan, máy ảnh số, camera để tạo các tài liệu multimedia cần thiết . . . Bước 5: Sửdụng chức năng siêu liên kết để nối đến các tài nguyên thu thập được ở trên vào các trang Web, sửdụngcác nút tương tác để chuyển đổi giữa các trang bài giảng. Bước 6: Chạy thử , kiểm tra, đánh giá và điều chỉnh Đến lúc này chúng ta có được Website BG chứa trong thư mục “bai giang 1”, bước tiếp chúng ta sửdụng phần mềm Reload Editor đóng gói bàigiảng về chuẩn SCORM Hình 9. Bảng Save As và Set Page Title Hình 10. Site baigiang 1.htm TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 213 2.3. Sửdụng Reload Editor đóng gói bàigiảng về chuẩn SCORM Bước 1: Tậphợp tất cả cáctập tin và thư mục tài nguyên có liên quan đến BG muốn đóng gói vào trong cùng một thư mục. Ví dụ: Ở trên ta có thư mục “GIAO KHOA” được tạo từ FrontPage, chứa đựngcáctập tin BG, các dữ liệu Bước 2: Mở công cụ Reload Editorvà cửa sổ làm việc: + Mở công cụ Reload Editortừ menu Start Ö Program File Ö Reload Tool Ö Reload Editor (hoặc clíck vào shortcut Reload Editor trên desktop) (Hình 11) + Để đóng gói một bài giảng, môn học mới, click File Ö New Ö IMS Content Package. Một hộp thoại mở ra, cho phép chọn thư mục chứa kết quả đóng gói. (Hình 12) + Nhập vào đầu đủ cácthông tin (Hình 12) - Đặt tên thư mục chứa kết quả đóng gói “bai giang_Scorm” - Trong phần CP Version chọn IMS Content Packaging 1.13 - Trong phần MD Version chọn IMS Metadata 1.2.2 + Tiếp tục chọn Select, một cửa sổ mới xuất hiện, tên thư mục chứa kết quả đóng gói “bai giang_Scorm”, có ba frame: (Hình 13) Hình 11. Màn hình chính Reload Editor Hình 12. Bảng Select Folder for New Content Package Hình 13. Cửa sổ bai giang_Scorm TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 214 * Frame thứ nhất: hiển thị cây cấu trúc cáctập tin và thư mục (tree view) * Frame thứ hai: hiện thị nội dung đóng gói chính (manifest view) * Frame thứ ba: hiển thị thông tin về các thành phần. Bước 3: Thêm tham chiếu đến Metadata Tại thời điểm này, content package chưa có nội dung, trước khi thêm nội dung vào, ta nên thêm vào trình giữ chổ (placeholder), thêm vào metadata: + Click chuột phải vào icon MANIFEST trong frame thứ 2 – manifest chọn Add Metadata(Hình 14), tiếp tục click phải vào icon Metadata mới được thêm vào và chọn Add Schema (Hình 15) + Chọn Schema và gõ vào ô textbox của frame thứ ba, giá trị của schema này là IMS Content (Hình 16) + Click phải vào icon Metadata một lần nữa và chọn Add Schema Version, gõ vào ô texbox của frame thứ ba, giá trị của schema version này là 1.2.2 (Hình 15,16) Bước 4: Thêm Items và Organisations Hình 14. Add Metadata Hình 15. Add Schema & Add Schema Version Hình 17. Import Resourse Hình 18. Hộp thoại Import Resourse TẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 215 Để thêm nội dung, dùng chức năng Import Resourse : + Click phải vào thư mục “bai giang_Scorm” ở frame thứ nhất, chọn Import Resourse hoặc vào menu File Ö Import Resourse (Hình 17) + Hộp thoại Import Resourse mở ra, chọn My Computer Ö chọn ổ đĩa D: Ö chọn thư mục GIAO KHOA (thư mục lúc đầu sửdụngFrontPage tạo bài giảng) Ö Open (Hình 18) + Bây giờ trên frame thứ nhất (bên trái) sẽ xuất hiện tất cả cáctập tin và thư mục con trong thư mục “GIAO KHOA”. (Hình 19) + Tạo một Organisations, Click phải vào OrganisationÖ Chọn Add Organisation Ö Đặt tên cho Organisation là Main (Hình 19) + Để thêm site BG vào gói nội dung, thêm nội dung vào Organisation Main trên bằng cách kéo thả từng tập tin nội dung mới được thêm vào frame thứ nhất bên trái vào Organisation Main (Hình 20). Lúc này trong Resources cũng sẽ tự động thêm vào những tập tin và thư mục con như trong Main Organisation. (Hình 20) Bước 5: Xem gói Package Để xem nội dung đóng gói trên trình duyệt Web, click “Preview Content Package” trên thanh công cụ chính. Một cửa sổ mở ra, một frame bên trái chứa cáctập tin và thư mục con đã được đóng gói, frame bên phải chứa nội dung tương ứng với mục lục con ở frame bên trái. (Hình 21) Bước 6: Cấu trúc lại và đặt tên gói dễ nhớ + Có thể đặt lại tên cho Main Organisation trước khi Export + Hoặc có thể đặt tên lại cho tập tin, thư mục con trong gói nội dung cho gợi nhớ và rõ nghĩa. Ở đây ta đổi tên tập tin. Hình 21. Xem gói Package Hình 19. Tạo một Organisations Hình 20. Thêm site bàigiảng vào gói nội dungTẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 216 + Thay đổi cấu trúc bên trong gói nội dung bằng cách sắp xếp lại trật tựcáctập tin, thư mục trong gói nội dung. Cách thực hiện là click chuột phải vào nội dung cần di chuyển chọn “Move up” hoặc “Move down” + Xem lại lần nữa trước khi Export. Bước 7: Lưu nội dung đóng gói + Để lưu gói nội dung này, từ màn hình chính của Reload Editor chọn menu File Ö Zip Content Package . . .(Hình 22) Öxuất hiện hộp thoại Save as Zip file Öchọn My computer Ö chọn mục lưu file zip Ö khung File name nhập “giao khoa” Ö Save (Hình 23) + Gói nội dung được đóng gói thành file zip, chứa nội dungcác thành phần được đóng gói. Gói này phù hợp với chuẩn SCORM và metadata (bai giang_Scorm.zip). Chúng ta đã thực hiện xong đóng gói nội dungbàigiảng theo chuẩn Scorm, công việc tiếp theo ta tíchhợp trên cáchệthốngquảnlýhọctập như Moodle 2.4. Tíchhợpbàigiảng chuẩn Scorm lênhệthốngMoodle Bước 1: Đăng nhập Moodle với quyền Admin Bước 2: Chọn khóa học cần đưa bàigiảng Ö click chuột vào nút “Turn editting on” Hình 22. Zip Content Package Hình 23. Hộp thoại Save as Zip File Hình 24. Ô Add an activity Hình 25. file giao_khoa.zip tải lênhệthốngMOODLETẠP CHÍ KHOA HỌCVÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 217 Bước 3: Tiến hành đưa bàigiảnglênMoodle + Trong ô “Add an activity…” chọn “Scorm” + Cửa sổ mới xuất hiện * Trong ô “Tên” nhập tên của bài giảng. Ví dụ Tên: Bàigiảng Vật lý * Trong ô “Tóm tắt” nhập tóm tắt nội dung của bàigiảng * “Package file” click vào nút “Chọn hoặc tải một file lên. . .” Ö “Tải tập tin hên hệ thống” Ö “Brown” để chọn tập tin đã đóng gói chuẩn Scrom (giao_khoa.zip) Ö “Tải tập tin lên” + Ta thấy tập tin “giao_khoa.zip” vừa được đưa vào Ö click chuột vào “Chọn” Ö “Lưu trở về khóa học”. Xuất hiện bàigiảng mới trên hệthống Moodle. Hình 26. Bàigiảng được đưa lênMoodle thành công 3. Kết luận Chúng ta khó có thể phủ nhận tính ưu việt của hệthống bài giảngđiện tử. Bởi, đặc điểm nổi bật nhất là khác với bàigiảng truyền thống trong đó kiến thức được trình bày theo trật tự tuyến tính: từng dòng, từng mục, từng trang và từng chương, hệthống giáo trình điệntử cho phép người họctự tìm đường đến với kiến thức và được quyền tiếp cận mọi loại kiến thức theo khả năng và sở thích của minh Việc xâydựngvà thiết kế bàigiảng thường tốn rất nhiều thời gian và công sức, đòi hỏi người giảng viên có kiến thức tin học nhất định. Trên đây là quy trình thiết kế một bàigiảng chuẩn Scorm được tíchhợplênhệthốngquảnlýtập như Moodle, được mô t ả rất ngắn gọn nhằm giúp giảng viên hiểu, ứng dụng nhanh cách đơn giản nhất, tránh mất thì giờ mày mò tìm hiểu thiết kế bài giảng. TÀI LIỆU THAM KHẢO [1] Nguyễn Văn Long, Bước đầu xâydựng giáo trình điện tử. Trường Đại học Ngoại ngữ, Đại học Đà Nẵng. [2] Nguyễn Đại Hùng, Thiết kế bàigiảngđiệntửcác môn Hóa để đ áp ứng đổi mới phương pháp giảng dạy. Trang 38 - Tuyển tập Báo cáo khoa học Khoa Khoa học Cơ bản. [3] Nguyễn Bảo Hoàng Thanh, Lê Thanh Huy, E-Learning và việc đổi mới PPDH ở bậc ĐH theo học chế tín chỉ, Tạp chí KH&CN, Số 6(35).2009, trang 120-126, ĐN 2009. [4] http://moodle.org/ [5] http://www.reload.ac.uk/editor.html . KHOA HỌC VÀ CÔNG NGHỆ, ĐẠI HỌC ĐÀ NẴNG - SỐ 1(42).2011 208 SỬ DỤNG FRONTPAGE VÀ RELOAD- EDITOR XÂY DỰNG CÁC BÀI GIẢNG ĐIỆN TỬ TÍCH HỢP LÊN HỆ THỐNG QUẢN LÝ HỌC TẬP MOODLE USING FRONTPAGE. ta tích hợp trên các hệ thống quản lý học tập như Moodle 2.4. Tích hợp bài giảng chuẩn Scorm lên hệ thống Moodle Bước 1: Đăng nhập Moodle với quyền Admin Bước 2: Chọn khóa học cần đưa bài giảng. tái sử dụng và tích hợp trên các hệ thống quản lý học tập như Moodle. 2. Thiết kế bài giảng dưới dạng website phục vụ cho dạy học trực tuyến FrontPage 2003 Bài giảng *.htm RELOAD EDITOR SCORM