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 hoà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 ngun 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 nguyên 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
127
Hình 4-80. Thi t l p thơng tin n p bài t p
128
Hình 4-81. Upload file bài t p
III.3.2.1.3. Các block c a khóa h c
¬ Tin m i nh t Hi n th các tin m i nh t c a khóa h c Hình 4-82. Block Tin m i nh t ¬ S ki n s p di n ra: Trình bày các s ki n ho t đ ng s p t i Hình 4-83. S ki n s p di n ra
129 ¬ Ho t đ ng g n đây Hình 4-84. Ho t đ ng g n đây ¬ Thành viên tr c tuy n Hình 4-85. Thành viên tr c tuy n ¬ Message: N i hi n th tin nh n c a các thành viên g i đ n Hình 4-86. Message
III.3.2.2. Xây d ng đ thi III.3.2.2.1. T o câu h i III.3.2.2.1. T o câu h i
130
Hình 4-87. T o thi
− Sau đó s xu t hi n màn hình sau, giáo viên có th thêm câu h i b ng cách “Add a
question” ho c có th thêm câu h i t “Ngân hàng câu h i” vào “đ thi”
Hình 4-88. T o câu h i
131
Hình 4-89. a câu h i vào thi
− có th truy c p ngân hàng câu h i truy c p “Question bank” ph n kh i
132
Hình 4-90. Question Bank
III.3.2.2.2. Làm bài thi
133
Hình 4-92. Thi cu i k
III.3.2.3. i m s III.3.2.3.1. Ch m đi m III.3.2.3.1. Ch m đi m
¬ Bài t p
− ng nh p website v i quy n giáo viên
− Click ch n N p bài t p → Xem bài t p đã n p
134
− ch m đi m bài t p sinh viên n p, giáo viên Click ch n i m
Hình 4-94. Ch m đi m bài t p
− c p nh t đi m ho c yêu c u sinh viên n p bài t p l i, giáo viên Click ch n
C p nh t
Hình 4-95. C p nh t
− Giáo viên yêu c u sinh viên n p l i bài t p b ng cách Click ch n Chuy n thành
135
Hình 4-96. Chuy n thành b n nháp
− Giáo viên ch m đi m bài t p b ng cách Click ch n i m
136
III.3.2.3.2. Xem đi m
¬ Giáo viên xem đi m
− Click ch n i m s trong kh i “Course Administration”
Hình 4-98. i m s
− Ch n cách th c xem đi m:
o User Report: Ch n m t user đ xem đi m
o Grader Report: Xem t t c đi m c a user
137
Hình 4-100. Grader Report ¬ Sinh viên xem đi m ¬ Sinh viên xem đi m
− Click ch n i m s trong kh i “Course Administration”
−
Hình 4-101. Xem đi m Sinh viên
− Ch n cách th c xem đi m:
o User Report: Xem đi m m t mơn
138
Hình 4-102. User report (Sinh viên)
139
IV. ÁNH GIÁ VÀ H NG PHÁT TRI N
IV.1. ánh giá
Các yêu c u đ t đ c:
¬ ng d ng Drupal trong vi c thi t k giao di n
− Rõ ràng, d nhìn
− Ch nh s a Theme phù h p: font, nh, màu…
− ng d ng Panel trong thi t k trang tin t c
− Phân lo i đ c các n i dung tin t c
− Xây d ng menu d s d ng cho ng i qu n tr