B giáo d c t o Tr ng i h c M TP.HCM Khoa công ngh thông tin v(w Khoá lu n t t nghi p tài Xây d ng Website h c t p tr c n ngành công ngh thông tin GVHD: NINH XUÂN H NG SVTH: TR NG V NH NGHI P - 10701086 PH M NG C HUY - 10761217 Niên khoá 2007 - 2011 L IC M N u tiên, chúng em xin g i l i c m n chân thành n quý Th y, Cô khoa Công Ngh Thông Tin, tr ng i h c M ã t n tình gi ng d y, truy n t nh ng ki n th c, kinh nghi m quý báu ã khích l , h tr m i m t cho chúng em su t b n n m i h c chu n b hành trang vào i c bi t, chúng em xin c m n Th y Ninh Xuân H ng, ng i s n sàng án t n tình h ng d n, giúp , ng viên chúng em su t trình th c hi n Chúng em xin c m n t t c b n bè ã ang ng viên, chia s , giúp t n tình su t th i gian h c t p c ng nh th c hi n án Cu i cùng, chúng kính g i l i c m n sâu s c nh t n toàn th gia ình C m n Cha, M ã khó nh c sinh thành giáo d ng chúng C m n t t c m i ng i ã tin t ng, khích l , ng viên t o m i i u ki n t t nh t cho chúng su t th i gian qua chúng có c thành qu nh ngày hơm TPHCM, tháng n m 2011 Nhóm th c hi n Tr ng V nh Nghi p Ph m Ng c Huy L I NH N XÉT GIÁO VIÊN H NG D N L I NH N XÉT GIÁO VIÊN PH N BI N Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin M CL C L IM U 11 PH N I DRUPAL 13 I T NG QUAN V DRUPAL 13 I.1 Khái ni m 13 I.2 L ch s 13 I.3 N n t ng 13 I.4 ng d ng 13 I.5 u i m 13 I.6 Nh c i m 14 II CÁCH HO T NG C A DRUPAL 14 II.1 Technology Stack 14 II.2 Core 15 II.3 Module 15 II.4 Hooks 16 II.5 Themes 16 II.6 Nodes 16 II.7 Blocks 17 III MODULE CHU N C A DRUPAL 17 III.1 Aggregator 17 III.2 Blog 17 III.3 Blog API 17 III.4 Book 17 III.5 Comment 18 III.6 Contact 18 III.7 Filter 18 III.8 Forum 18 III.9 Help 18 III.10 Legacy 18 III.11 Node 19 IV CÁC MODULE H TR THÊM 19 IV.1 Views 19 IV.2 Panels 19 IV.3 Content Construction Kit (CCK) 20 IV.4 Ckeditor 20 V XÂY D NG MODULE CHO DRUPAL 20 V.1 File info module 20 V.1.1 File info 20 V.1.2 File module 21 V.2 M t s hook c b n 21 V.3 nh ngh a m t hook m i 24 V.3.1 Cách t o m t hook 24 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin V.3.2 S d ng hook vào module khác 24 V.4 jQuery Drupal 24 V.5 Form API 25 V.5.1 T o form 25 V.5.2 Giao di n hóa form 26 V.5.3 Ki m tra d li u 26 V.5.4 G i form lên trang web 26 VI T CH C L U TR C A DRUPAL 27 VII TÍNH AN TỒN C A DRUPAL 29 VII.1 An toàn i v i ng i dùng 29 VII.2 An toàn i v i mã ngu n 29 VII.3 Tính an tồn i v i d li u 30 PH N II MOODLE 31 I T NG QUAN V MOODLE 31 I.1 Khái Ni m 31 I.2 L ch s 31 I.3 u i m 31 II TÀI NGUYÊN MOODLE H TR 31 II.1 Nhãn (Label) 31 II.2 Trang v n b n (Text Page) 31 II.3 Trang web (Web Page) 32 II.4 Liên k t m t file hay website (URL) 32 II.5 Th m c (Folder) 32 II.6 Gói n i dung (IMS Content Package) 32 III CÁC HO T NG MOODLE H TR 32 III.1 Nhi m v (Assignments) 32 III.1.1 Tùy ch n cách upload file (Advance uploading of file) 33 III.1.2 Ki m tra tr c n (Online Text) 33 III.1.3 Upload m t file (Upload a single file) 34 III.1.4 Ho t ng offline (Offline Activity) 34 III.2 Tán g u (Chat) 34 III.3 Di n àn (Forum) 34 III.4 Bài h c (Lesson) 35 III.5 Câu h i (Quiz) 36 III.5.1 T o danh m c 37 III.5.2 T o câu h i 38 III.6 B ng thu t ng (Glossary) 38 III.7 Wiki 39 III.8 L a ch n (Choice) 40 III.9 Kh o sát (Survey) 41 III.10 Gói SCORM (SCORM Package) 42 IV XÂY D NG MODULE CHO MOODLE 42 IV.1 C u trúc module 42 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin IV.2 Vi t module m i d a NEWMODULE Template 42 V QU N TR 43 V.1 Thông báo (Notification) 43 V.2 Ng i dùng (Users) 43 V.2.1 Ch ng th c (Authentication) 43 V.2.2 Tài kho n (Accounts) 45 V.2.3 Quy n (Permissions) 45 V.3 Khóa h c (Course) 46 V.4 nh v (Location) 49 V.5 Ngôn ng (Languages) 49 V.6 Modules 50 V.7 B o m t (Security) 51 V.8 Giao di n (Apperance) 52 V.9 Trang (Front Page) 54 V.10 Server 55 PH N III CHU N SCORM 56 I KHÁI QUÁT V SCORM 56 I.1 Quá trình phát tri n c a SCORM 56 I.2 L i ích kinh doanh c a SCORM 56 II CÁC KHÁI NI M C B N LIÊN QUAN N SCORM 57 II.1 Asset 57 II.2 SCO (Sharable Content Object) 57 II.3 S khác gi a Asset SCO 57 III C U TRÚC SCORM 58 III.1 CAM (Content Aggregation Model) 58 III.1.1 Content Model 58 III.1.2 Meta-data 59 III.1.3 Content Package 61 III.2 RTE (Run time Environment) 62 III.2.1 Launch 62 III.2.2 Application Program Interface (API) 62 III.2.3 Data Model 62 PH N IV XÂY D NG WEBSITE H C T P TR C TUY N NGÀNH CÔNG NGH THÔNG TIN NG D NG DRUPAL VÀ MOODLE 67 I PHÂN TÍCH 67 I.1 Mơ t tốn 67 I.2 Yêu c u ch c n ng 67 I.2.1 Yêu c u l u tr 67 I.2.2 Yêu c u nghi p v 67 I.3 Yêu c u phi ch c n ng 68 I.3.1 Tính ti n hoá 68 I.3.2 Tính b o m t 68 I.3.3 Tính t ng thích 68 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin I.4 Ph ng pháp 68 II THI T K 68 II.1 Thi t k t ng th 69 II.1.1 Thi t k vi c trình bày tin t c 69 II.1.2 Thi t k khóa h c 69 II.1.3 Bài thi 69 II.1.4 N p t p 69 II.1.5 Di n àn th o lu n 69 II.1.6 Ch m i m 70 II.1.7 Thông báo 70 II.1.8 Qu n lý ng i dùng 70 II.1.9 ng nh p 70 II.2 S website 70 III Tri n khai 76 III.1 Chu n b 76 III.2 Cài t 76 III.2.1 Cài t Xampp 76 III.2.2 Cài t Drupal 78 III.2.3 Cài t Moodle 82 III.2.4 Cài t module h tr thêm Drupal 85 III.3 Xây d ng h th ng website 86 III.3.1 Drupal 86 III.3.1.1 Xây d ng trang “Gi i thi u” 86 III.3.1.2 Xây d ng trang “Tin t c – Thông báo” 91 III.3.1.3 Hi n th tin t website Moodle 95 III.3.1.4 Xây d ng trang “ nh ho t ng” 97 III.3.1.5 T o trang “Liên h ” 100 III.3.1.6 Xây d ng trang ch 101 III.3.1.7 Xây d ng menu cho user qu n tr 108 III.3.2 Moodle 112 III.3.2.1 Xây d ng khóa h c 112 III.3.2.1.1 Tài nguyên khóa h c 121 III.3.2.1.2 Ho t ng khóa h c 123 III.3.2.1.3 Các block c a khóa h c 128 III.3.2.2 Xây d ng thi 129 III.3.2.2.1 T o câu h i 129 III.3.2.2.2 Làm thi 132 III.3.2.3 i m s 133 III.3.2.3.1 Ch m i m 133 III.3.2.3.2 Xem i m 136 IV ÁNH GIÁ VÀ H NG PHÁT TRI N 139 IV.1 ánh giá 139 IV.2 H ng phát tri n 139 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin TÀI LI U THAM KH O 140 PH L C 141 I Xây d ng gi ng 141 I.1 eXe 141 I.1.1 Cài t 141 I.1.2 Th c hành 141 I.1.2.1 Kh i ng m t d án gi ng 141 I.1.2.2 nh ngh a thu c tính ( Defining Properties) 141 I.1.2.3 Xác nh c u trúc gi ng (Defining an outline) 143 I.1.2.4 Ý ngh a thành ph n iDevices 144 I.1.3 Minh ho s d ng m t s công c iDevice 146 I.2 PPT2Flash Professional 151 I.2.1 Cài t 151 I.2.2 Th c hành 151 II T o câu h i tr c nghi m 157 II.1 HotPotato 157 II.1.1 T ng quan 157 II.1.2 Jquiz: 158 II.1.3 M t s c u hình c n thi t chung c a HotPot6: 160 II.2 QuizCreator 161 II.2.1 Cài t 161 II.2.2 T o câu h i 161 II.2.3 Thi t l p 165 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin M C L C HÌNH Hình 1-1 Hình 1-2 Hình 1-3 Hình 1-4 Hình 1-5 Drupal’s Technology Stack 14 T ng quan v Drupal core (không bao g m t t c ch c n ng) 15 Module có th c thêm vào t ng c ng ch c n ng 16 Ki u node c b t ngu n t m t node c b n có th thêm tr ng 27 M i quan h gi a b ng c s d li u c a Drupal 28 Hình 3-1 Hình 3-2 Hình 3-3 Hình 3-4 Hình 3-5 Hình 3-6 C u trúc gói n i dung 61 Mơ hình RTE 62 C ch giao ti p gi a LMS SCO 64 SCO g i hàm LMSInittialize() t LMS 65 SCO ki m tra truy n cho LMS qu n lý 65 SCO g i hàm LMSFinish() t LMS k t thúc phiên làm vi c 66 Hình 4-1 S website Drupal 71 Hình 4-2 Thi t k Tin t c – Thông báo 72 Hình 4-3 S website Moodle 73 Hình 4-4 Các khóa h c 74 Hình 4-5 Thi t k khóa h c 75 Hình 4-6 Start Apache MySql 76 Hình 4-7 Cài t ch y service 77 Hình 4-8 Màn hình web server 78 Hình 4-9 T o c s d li u cho website Drupal 79 Hình 4-10 Ch n ngôn ng cài t Drupal 79 Hình 4-11 i n thông tin Database 80 Hình 4-12 i n thơng tin site name, site email 81 Hình 4-13 i n thơng tin ng i qu n tr 81 Hình 4-14 Drupal ã cài t thành công 82 Hình 4-15 L a ch n gói ngơn ng cài t 82 Hình 4-16 ng d n website 83 Hình 4-17 C u hình c s d li u 83 Hình 4-18 Ki m tra c u hình máy ch 84 Hình 4-19 Màn hình ang cài t 84 Hình 4-20 Màn hình cài t thành cơng Moodle 85 Hình 4-21 Enable module plugin Drupal 86 Hình 4-22 T o m t Content Type 87 Hình 4-23 i n thơng tin Content Type 87 Hình 4-24 Content Type ‘Gioi thieu’ ã t o 88 Hình 4-25 T o trang Gi i thi u 88 Hình 4-26 i n tiêu n i dung trang 89 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thơng tin Hình 5-24 Hot Potato II.1.2 Jquiz: Ch c n ng cho phép so n th o t p theo ki u câu h i Multiple-Choice ( a l a ch n), Short answer (câu tr l i ng n), Hybrid (câu h i lai), câu h i nhi u câu tr l i (multiple-select) Nh p ch n ch c n ng Jquiz t giao di n t ng tác Trên c a s Jquiz ti n hành nh p dòng: câu h i, b n l a ch n cho áp án, áp án úng nh t Ch n ki u câu Multiple Choice v i lo i câu h i tr c nghi m m t hay nhi u áp án úng, áp án úng ánh d u vào m c Correct 158 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thơng tin Hình 5-25 So n câu h i Vào th c n Manage Questions hi n th úng ho c sai cho áp án AutoResponse Hình 5-26 Thi t l p Auto-Response 159 thi t k thông báo Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin L u ý: Ch c n thi t l p ây thông báo hi n th s c chèn cho t t c câu h i Nh p nút công c Export to create HotPot6 web page (hay n F6) óng gói câu h i Jquiz v a so n thành d ng HTML t ng tác Hình 5-27 Export file Nh p nút Save sau l u l i câu h i ã thi t k (d ng jqz) s d ng vào l n II.1.3 M t s c u hình c n thi t chung c a HotPot6: Vào Options Configure Output o Th Title/Instructions: S a i tiêu gi i thi u c a d ng t p hi n th d ng HTML (có th s a l i ti ng vi t so v i d ng m c nh ban u ti ng anh) o Th Prompts/Feedback: Vi t hố thơng báo hi n th ch n úng - sai áp án, hay tiêu ph khác o Th Buttons: Vi t hố nút cơng c thi t k d ng câu h i ng n hay câu h i lai o Th Appearance: i u ch nh giao di n trang HTML tùy bi n o Th Timer: Thi t l p gi cho t p xu t d ng HTML (xem hình 7) o Th Other: Thi t l p thông s nh : s câu h i t i a hi n th m i trang HTML c t i, tr n th t câu h i - câu tr l i, xem i m sau tr l i úng, xem danh sách câu tr l i úng (xem hình 8) 160 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thơng tin Hình 5-28 C u hình chung HotPotato II.2 QuizCreator II.2.1 Cài t Download t i a ch http://tinyurl.com/quizcreator Ti n hành cài t II.2.2 T o câu h i Kh i ng ch ng trình 161 Khóa lu n Xây d ng website h c t p tr c n ngành cơng ngh thơng tin Hình 5-29 QuizCreator T o khung bên trái giao di n làm vi c c a ch ng trình, s th y danh sách lo i câu h i có th a vào tr c nghi m g m: o True/False: D ng câu h i úng/sai o Multiple Choice: D ng câu h i nhi u l a ch n o Fill in the Blank: D ng câu h i i n vào ch tr ng o Maching: D ng câu h i n i áp án úng o Word bank: D ng câu h i ch n áp án úng i n vào ch tr ng o Click Map: D ng câu h i tìm a i m b n o Short Essay: D ng câu h i vi t ti u lu n o Blank Page: T o trang n i dung tùy ý 162 Khóa lu n Xây d ng website h c t p tr c n ngành cơng ngh thơng tin Hình 5-30 Giao di n c a ch ng trình Hình 5-31 Các lo i câu h i Hình 5-32 S l ng câu h i ã có 163 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin t o câu h i ch n s d ng câu h i bên menu trái, i n n i dung câu h i vào Enter the question, i n áp án tr l i vào Enter the choices Hình 5-33 T o câu h i Có th chèn thêm ký hi u tốn h c thơng qua Equation, chèn hình nh thơng qua m c Image, chèn liên k t website thông qua m c Hyperlink chèn âm cho câu h i, Click sang th Properties ch n Sound Hình 5-34 Chèn âm 164 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin II.2.3 Thi t l p thi t l p cho tr c nghi m Click ch n Quiz Properties G m th sau: o Quiz Information o Quiz Setting o Question Settings o Quiz Result Hình 5-35 Quiz Properties ¬ Quiz Information i n tên thêm hình nh i di n cho tr c nghi m t i Title Quiz Image N u mu n t m t kh u b o v , ánh d u ch n t i dòng Password protection 165 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin Hình 5-36 Quiz Information ¬ Quiz Settings i n quy nh t l câu tr l i úng có th v t qua ki m tra t i Passing rate (m c nh 80%) gi i h n th i gian làm ki m tra, ánh d u ch n vào dòng End quiz after Tùy ch nh vi c tr l i t i Answer Submission g m tùy ch n sau: o Submit one question at a time: Tr l i l n l t t ng câu h i o Submit all at once: Tr l i câu h i m t lúc o Show correct answer after submission: Hi n th áp án úng sau tr l i xong o Allow user to review questions and answers: Cho phép xem l i toàn b câu h i áp án sau hoàn thành o One user is allowed to take the same quiz for only once: M i ng i ch c phép làm m t l n nh t 166 Khóa lu n Xây d ng website h c t p tr c n ngành cơng ngh thơng tin Hình 5-37 Quiz Settings ¬ Question Settings Thi t l p i m s (Points), s l n c tr l i l i n u tr l i sai (Attempt), g i ý ki n ph n h i cho ng i dùng (Feedback) 167 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin Hình 5-38 Question Settings ¬ Quiz Result i n thông báo sinh viên v t qua ho c không v t qua làm khung When user passes When user fails ánh d u ki m vào dòng Show the Finish button on a result page hi n nút Finish làm xong 168 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin Hình 5-39 Quiz Result xu t ch n Publish thi theo chu n SCORM 169 có th post lên website moodle, Click Khóa lu n Xây d ng website h c t p tr c n ngành cơng ngh thơng tin Hình 5-40 Nút Publish Hình 5-41 Xu t d ng chu n SCORM 170 Khóa lu n Xây d ng website h c t p tr c n ngành cơng ngh thơng tin Hình 5-42 C u hình file xu t 171 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin 172 ... Ph n 4: Xây d ng website h c t p tr c n ngành công ngh thông tin ng d ng Drupal Moodle 11 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin ng d ng xây d ng giao di n website. .. lu n Xây d ng website h c t p tr c n ngành công ngh thông tin M C L C B NG B ng 2-1 Mô t thông s Wiki 40 B ng 5-1 Ý ngh a thành ph n iDevice 144 10 Khóa lu n Xây d ng website. .. module có khu v c ng i qu n tr Tr ng description ch a thông tin v module, mô 20 Khóa lu n Xây d ng website h c t p tr c n ngành công ngh thông tin t ch c n ng nhi m v mà module s th c hi n name