MOODLE
Các khóa h c hi n có
Thơng báo chung
Di n đàn chung Tin m i nh t Danh m c khóa h c L ch Messages Tin t c cơng ngh Th vi n
74 Hình 4-4. Các khóa h c Các khóa h c C s l p trình K thu t l p trình Nh p mơn tin h c Nh p mơn m ng máy tính C s l p trình HC K thu t l p trình HC Nh p mơn tin h c HC
75 Hình 4-5. Thi t k khóa h c Chi ti t m t khóa h c Di n đàn H i đáp tr c tuy n Gi i thi u khóa h c c ng Tài li u tham kh o
Nhi m v sinh viên
N p bài t p
Thi gi a k
76
III. Tri n khai III.1. Chu n b III.1. Chu n b
− Xampp Windown 1.7.4
− Drupal 6.22
− Moodle 2.0.3+
− Các công c so n th o bài gi ng, t o câu h i: eXe, QuizCreator, HotPotato,
PPT2Flash Professional
III.2. Cài đ t
III.2.1. Cài đ t Xampp
− Download Xampp t i đ a ch http://www.apachefriends.org/en/xampp-
windows.html#641
− Gi i nén gói cài đ t v a download
− Ch y file Xampp Control và start d ch v Apache, MySql
Hình 4-6. Start Apache và MySql
77
Hình 4-7. Cài đ t ch y service
− Sau đó ki m tra server b ng cách truy c p http://localhost. Màn hình d i đây cho bi t đã cài đ t thành cơng
78
Hình 4-8. Màn hình web server
III.2.2. Cài đ t Drupal
− Gi i nén gói cài đ t Drupal vào th m c /xampp/httdoc và đ i tên th m c tùy ý
− Truy c p trang http://localhost/phpmyadmin đ t o c s d li u cho website
79
Hình 4-9. T o c s d li u cho website Drupal
− Sau đó truy c p trang http://localhost/tên_th _m c_Drupal đ cài đ t Drupal. Màn
hình xu t hi n nh bên d i
Hình 4-10. Ch n ngôn ng cài đ t Drupal
80
− Nh p tên Database đã t o b c trên, Database username, Database password và
ch n “Save and Continue”.
Hình 4-11. i n thơng tin Database
− Ti p theo nh p Site name, Site e-mail address, Username, Email address,
81
Hình 4-12. i n thơng tin site name, site email
Hình 4-13. i n thông tin ng i qu n tr
82
Hình 4-14. Drupal đã cài đ t thành cơng
III.2.3. Cài đ t Moodle
− Gi i nén gói cài đ t Drupal vào th m c /xampp/httdoc và đ i tên th m c tùy ý
− Truy c p trang http://localhost/phpmyadmin đ t o c s d li u cho website
Moodle (t ng t nh b c th c hi n website Drupal)
− Sau đó truy c p trang http://localhost/tên_th _m c_Drupal đ cài đ t Moodle. L a ch n gói ngơn ng cài đ t (English) r i nh n “Next”.
83
− L a ch n đ ng d n cho website
o Web address: a ch truy c p trang web
o Moodle directory: Th m c ch a source code
o Data directory: Th m c ch a file, hình nh, t p tin c a bài gi ng sau này
Hình 4-16. ng d n website
− C u hình c s d li u
Hình 4-17. C u hình c s d li u
− Ki m tra c u hình máy ch , n u có m c nào ch a kích ho t màu đ c n ph i ki m
84
Hình 4-18. Ki m tra c u hình máy ch
Hình 4-19. Màn hình đang cài đ t
− i n các thông tin cho tài kho n qu n tr . Chú ý: L n đ u tiên ph i nh p password
ph c t p (g m s , kí t đ c bi t, ch in hoa) sau khi đ ng nh p vào h th ng m i
85
Hình 4-20. Màn hình cài đ t thành công Moodle
III.2.4. Cài đ t module h tr thêm trong Drupal
− Download t i đa ch http://moodle.org/downloads/ các module sau:
o Administration menu 6.x-1.6: Hi n th l i menu giúp ng i qu n tr d thao
tác trong vi c qu n tr website
o CCK 6.x-2.9: H tr vi c t o m i Content Type
o FileField 6.x-3.10: H tr thêm field upload cho CCK
o ImageField 6.x-3.10: H tr thêm field Image cho CCK
o Ckeditor 6.x-1.2: Giúp đnh d ng trong vi c so n th o
o IMCE 6.x-2.x-dev: Upload image trong so n th o (tích h p v i Ckeditor)
o Panels 6.x-3.9: Trình bày n i dung hi n th
o Chao tools 6.x-1.8: H tr cho Panels
o ImageCache 6.x-1.10: Các tùy ch nh hình nh theo ý mu n
o Simple menu 6.x-1.14: T o m t menu đ n gi n v i các ch c n ng riêng cho
ng i qu n tr
o Counter 6.x-2.11: m s ng i truy c p website
o jCarousel 6.x-2.4: Hi n th nh tr t
o jLightbox 6.x-1.10: Hi n th nh chi u sáng
o Superfish 6.x-1.8: T o menu con trong website
o Views 6.x-2.12: Tùy bi n vi c hi n th các field n i dung
o Views Bulk Operations 6.x-1.10: H tr các thao tác ch nh s a trong view
o View Custom Field 6.x-1.10: T o field tùy ch nh b ng cách vi t code PHP
o Webform 6.x-3.11: T o m t form cho website
− T o m t th m c đ t tên là modules theo đ ng d n /site/all và gi i nén t t c các
module v a download vào th m c này
86
Hình 4-21. Enable module plugin Drupal
III.3. Xây d ng h th ng website III.3.1. Drupal III.3.1. Drupal
III.3.1.1. Xây d ng trang “Gi i thi u”
B c1: T o 1 Content Type đ t tên là ‘Gioi thieu’ b ng cách truy c p menu Content
87
Hình 4-22. T o m t Content Type
B c 2: i n thông tin Content Type : Name, Type, Description
88
− Ki m tra Content Type v a t o: Ch n vào đ ng link ‘List’
Hình 4-24. Content Type ‘Gioi thieu’ đã t o
B c 3: T o m t trang ‘Gioi thieu’
− Content management / Create Content /Gioi thieu
89
− Gõ tiêu đ và n i dung trang
Hình 4-26. i n tiêu đ và n i dung trang
90
Hình 4-27. Tùy ch nh trang Gi i thi u
B c 5: Ki m tra
91
Hình 4-29. N i dung trang Gi i thi u
III.3.1.2. Xây d ng trang “Tin t c – Thông báo” B c 1:
− T o Content Type “Tin tuc – Thong bao” (T ng t nh cách làm trên).
− T o Taxonomy phân lo i tin t c: Tin h c t p, Khóa h c m i (Content
92
Hình 4-30. T o Vocabulary Taxonomy
− Ch n lo i Content c n phân lo i
93
− Khai báo các phân lo i cho content “Tin t c – Thông báo” b ng cách “add terms”
Hình 4-32. Add terms Taxonomy
B c 2:
− T o các trang “Tin t c – Thông báo” (Content management / Create content /
Tin tuc – Thong bao)
Hình 4-33. Ch n lo i Tin t c – Thông báo
B c 3:
94
− L y các field c n hi n th : Node:Title, Content: Image (n u có hình nh), Note:
Post date, Node: Body, Node: Link
− Ch n vào bi u t ng đ add field và đ s p x p l i th t c a các field.
Hình 4-34. Các field sau khi add
− Ch l c l y nh ng n i dung “Tin t c – Thông báo” ch n add filters
95
− Truy n đ i s “Taxonomy: Term ID” đ phân lo i tin t c
Hình 4-36. Truy n đ i s cho View
III.3.1.3. Hi n th tin t website Moodle
B c 1: Enable module Aggregator (Module chu n c a Drupal)
96
B c 2:
− Vào Content management / Feed Aggregator / Add feed
− L y đ ng d n tin rss c a Moodle dán vào “URL”
Hình 4-38. Add Feed
− Sau đó Update item
Hình 4-39. Update Item
B c 3: T o view hi n th
97
Hình 4-40. Aggregator item
III.3.1.4. Xây d ng trang “ nh ho t đ ng” B c 1:
− T o Content Type “ nh ho t đ ng”
− T o trang nh ho t đ ng
− T o Image Cache b ng cách truy c p Site building / ImageCache / Add new
98
Hình 4-41. T o ImageCache
Hình 4-42. Action ImageCache
B c 2:
− T o View hiên th g m các field sau: Content Image URL to file, Content Image
data - description, Content: Image Format_Img_Hoatdong_160x160, Content: Image data – description
− Rewrite l i field Content: Image Format_Img_Hoatdong_160x160
<a href="[field_imghoatdong_fid]" rel="lightbox[abc]" title=[field_imghoatdong_data]>[field_imghoatdong_fid_1]</a>
99
100
Hình 4-44. Code Rewrite
III.3.1.5. T o trang “Liên h ”
Xây d ng m t module đ t tên contact_mail g m các file sau: contact_mail.info,
contact_mail.install, contact_mail.admin.inc, contact_mail.module. Ngoài ra c n thêm 2
file class.phpmailer.php, class.smtp.php đ c download t th vi n phpmailer.
o contact_mail.info: Ch a thông tin c b n v module
o contact_mail.install: Ch a thông tin cài đ t module
o contact_mail.admin.inc: T o các form c u hình vi c qu n tr cho module
o contact_mail.module: Là file quan tr ng trong module, th c hi n vi c t o
form cho ng i dùng, các thao tác g i, ki m tra tr ng d li u
o class.phpmailer.php: L p th vi n g i mail đ c vi t b ng php o class.smtp.php: L p th vi n g i mail s d ng giao th c smtp
Khi cài đ t module, đ u tiên h th ng s ki m tra thông tin trong file contact_mail.info, n u th a đi u ki n h th ng ti n hành cài đ t thơng qua file
contact_mail.install. Sau khi hồn t t vi c cài đ t, h th ng s đnh v trí c a module d a trên file contact_mail.admin.inc. M i thao tác g i mail đ c th c hi n trên file
101
Hình 4-45. Form liên h
102
103
B c 1:
− T o trang Page (Site building / Pages /Add Custom Page)
− i n thông tin cho Page Trang ch và đ ng d n truy c p trang
Hình 4-47. T o Custom Page Trang ch
104
Hình 4-48. Ch n Layout Builder
105
Hình 4-50. Giao di n tùy ch nh Layout Page
B c 3:
106
Hình 4-51. Add Content
− a các View vào, riêng đ i v i View Tin t c – Thơng báo ta ph i truy n thêm
107
Hình 4-52. Truy n đ i s cho View Tin t c – Thông báo
− bi t đ c Taxonomy Term c a m i lo i tin t c truy c p Content management
/ Taxonomy và vào list term. Click chu t vào m i lo i term s cho bi t
108
Hình 4-53. Xem Taxonomy Term ID
III.3.1.7. Xây d ng menu cho user qu n tr
Hình 4-54. Menu cho user qu n tr
B c 1:
− T o View hi n th các field sau: Customfield: PHP code, Node:Has new content,
Node: Update date, Node: Post Date, Node: Published, Node: Edit link, Node: Delete link, Node: Link
− Filter theo lo i n i dung c n qu n lý
109
Hình 4-55. View qu n tr
− Thêm đo n code vào field PHP code nh sau:
<?php
$str=base_path();
$des=drupal_get_destination();
$sql = "SELECT n.title, n.nid FROM {node n} WHERE n.nid=" . $data->nid;$result = db_query(db_rewrite_sql($sql));
while($link=db_fetch_array($result)) {
print "<a href=" . $str . "node/" . $link['nid'] . "/edit?" . $des. ">" . $link['title'] . "</a>";
} ?>
110
111
Hình 4-57. Hi n th theo Bulk Operations
112
Hình 4-58. Menu qu n tr
III.3.2. Moodle
III.3.2.1. Xây d ng khóa h c
¬ T o khóa h c
− B c 1: T i ph n qu n tr h th ng Click ch n Khóa h c → Thêm/s a các khóa h c
113
Hình 4-59. Thêm/s a các khóa h c
− B c 2: T o chuyên m c m i Click ch n Thêm m c m i. T o khóa h c m i
Click ch n Thêm khóa h c m i
114
115
Hình 4-62. Thêm khóa h c m i − B c 3: Thi t l p cho khóa h c − B c 3: Thi t l p cho khóa h c
o D ng theo ch đ : Ch đ ng trong vi c s p x p ch ng trình h c theo m t
đ c ng cho tr c.Khóa h c này ch cho phép sinh viên h c ch ng ti p
116
Hình 4-63. M t khóa h c theo ch đ
có th h c theo đi u ki n tiên quy t nh trên: Ch ng 2 s đ c h c n u nh đã
hoàn t t ch ng 1 và t ng t cho các ch ng sau b ng cách ch nh s a Restric Access
117
Hình 4-64. Activity completion condition
118
Hình 4-65. M t khóa h c theo tu n
có th cho các ch ng ti p theo h c theo ngày quy đnh b ng cách ch nh s a
119
Hình 4-66. Allow access form
o D ng theo chu n SCORM: H tr h c theo gói SCORM
120
thêm các tài nguyên c ng nh ho t đ ng cho khóa h c tr c tiên ph i bât ch
đ ch nh s a
121
Hình 4-69. Sau khi b t ch đ ch nh s a ¬ T o n i dung khóa h c ¬ T o n i dung khóa h c
− Tài nguyên khóa h c
− Ho t đ ng khóa h c
− Block khóa h c
III.3.2.1.1. Tài nguyên khóa h c
Bao g m các hình th c th hi n n i dung d i đây:
− Label: Dùng đ so n th o tiêu đ c a m t ch ng, m t bài h c, hay m t n i
dung nào đó…
− Page: Cho phép t o ra m t trang v i đnh d ng màu ch , font, b ng,…dùng đ
ch ng trình khóa h c, th i gian h c, h ng d n h c t p, m c tiêu,….
122
− URL: Cho phép t o các liên k t đ n m t file nào đó trong h th ng ho c liên k t t i m t đ a ch web
− Folder: Cho phép hi n th th m c tài nguyên
− IMS Content Package: Cho phép upload các gói h c chu n SCORM,…
¬ Page: Gi i thi u v khóa h c, c ng, L ch h c
Hình 4-70. Tài ngun d ng Page ¬ Folder: Tài li u tham kh o, Nhi m v cho sinh viên ¬ Folder: Tài li u tham kh o, Nhi m v cho sinh viên
Hình 4-71. Tài nguyên d ng Folder Th m c s ch a các file dành cho sinh viên download Th m c s ch a các file dành cho sinh viên download
Hình 4-72. Bài t p cho sinh viên ¬ IMS Content Package (gói SCORM) ¬ IMS Content Package (gói SCORM)
123
III.3.2.1.2. Ho t đ ng khóa h c
¬ Di n đàn
N i trao đ i, th o lu n các v n đ h c t p, gi i đáp các th c m c c a sinh viên và
nh m t o môi tr ng h c t p n ng đ ng cho sinh viên.
Hình 4-74. Di n đàn th o lu n
thêm m t ch đ m i, Click ch n Thêm m t ch đ m i và cung c p thơng
124
Hình 4-75. T o ch đ th o lu n m i
¬ H i đáp tr c tuy n
125
Hình 4-76. H i đáp tr c tuy n
126 ¬ Th m dị ý ki n
T o m t ho t đ ng th m dò ý ki n ng i dùng đ giáo viên có th thu th p thơng
tin và làm cho khóa h c hồn thi n h n
Hình 4-78. Th m dị ý ki n
Hình 4-79. K t qu th m dị ¬ N p bài
Giáo viên t o m c N p bài cho sinh viên và thi t l p các thông s sau: T i gian