XÂY DỰNG WEBSITE HỌC TIẾNG ANH TRÊN MOODLE

TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN 1 XÂY DỰNG WEBSITE HỌC TIẾNG ANH TRÊN MOODLE GV hướng dẫn: ThS. Võ Đức Vĩnh SV thực hiện: Bùi Minh Tuấn (51103085) Lê Đặng Trung Thọ (51103141) NĂM HỌC 2013 - 2014 GIỚI THIỆU Ngày nay mạng internet đã và đang là xu hướng của thời đại. Mọi việc hầu như đều thông qua internet. Vì thế các hoạt động học tập cũng trở nên dễ dàng hơn trong đó, học tiếng anh trên mạng là một nhu cầu thiết thực cho tất cả sinh viên Việt Nam. Nắm được xu hướng đó, nhóm chúng em tiến hành hiện thực một trang web học tiếng anh trực tuyến. Việc hiện thực trang web này để chứng minh tinh thần ham học hỏi của sinh viên trường Đại học Tôn Đức Thắng cũng như áp dụng những điều đã học tại trường vào thực tiễn, giúp ích cho xã hội và không uổng công các quý thầy cô đã bỏ tâm huyết ra giảng dạy cho chúng em. 2 ĐÁNH GIÁ TỪ GIẢNG VIÊN 3 Mục lục CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI 1. Giới thiệu về đề tài: − Ngày nay, việc học tiếng anh trở nên ngày một dễ dàng hơn với việc áp dụng nhiều loại hình học tập mới, mà ở đây là học qua mạng (học online). − Học online là một cách học phổ biến rộng rãi, đáp ứng nhu cầu từ việc học từ xa và phân bổ thời gian học hợp lý, tạo điều kiện cho học sinh - sinh viên có điều kiện để tiếp thu các bài học tiếng anh một cách dễ dàng nhất. Nhằm giải quyết vấn đề đó, đề tài của nhóm chúng em tập trung vào yêu cầu trên với một website học tiếng anh dựa Moodle. Một nền tảng mạnh mẽ đang và được phát triển rộng rãi. 2. Giới thiệu về Elearning: − Học tập trực tuyến (hay còn gọi là eLearning/ online learning) là phương thức học tập có sử dụng kết nối mạng để phục vụ học tập, lấy tài liệu học, trao đổi giao tiếp giữa người học với nhau và với giảng viên E- learning là tập hợp đa dạng các phương tiện, công nghệ kỹ thuật cho giáo dục như văn bản, âm thanh, hình ảnh, mô phỏng, trò chơi, phim, thư điện tử, các diễn đàn thảo luận, các forum,… E-learning cung cấp nội dung đào tạo trên nền Web có thể được cập nhật, phát hành tức thời và thống nhất trên toàn cầu. Cung cấp nhiều công nghệ khác nhau để thiết lập một giải pháp đào tạo tổng thể. Phương pháp mô phỏng và những bài tập, bài kiểm tra sau khi kết thúc bài giảng, chương, phần và khóa học cho phép sinh viên tự kiểm tra, đánh giá kết quả học tập và kỹ năng của mình. E-Learning giúp cho cán bộ, giảng viên, sinh viên toàn trường hoàn toàn có thể học tập bất cứ khi nào (ban ngày hay ban đêm); tại bất cứ đâu (ở nhà, văn phòng làm việc hay thư viện nội bộ). Với sinh viên, nó mở ra một thế giới học tập mới, dễ dàng, linh hoạt và chủ động hơn nhiều. 2.1. Ưu điểm: − Học tập mọi lúc, mọi nơi: Việc trao đổi thông tin, truyền đạt kiến thức theo yêu cầu. Sinh viên có thể truy cập các khoá học bất kỳ nơi đâu như văn phòng làm việc, tại nhà, tại những điểm Internet công cộng, 24 giờ một ngày, 7 ngày trong tuần, bất cứ lúc nào, bất cứ nơi đâu. − Tiết kiệm chi phí đi lại. Sinh viên chỉ bắt buộc phải đi thi tập trung tại địa điểm của nhà trường. 4 − Tiết kiệm thời gian so với phương thức giảng dạy truyền thống: do rút giảm sự phân tán và thời gian đi lại. − Linh hoạt: Sinh viên có thể đăng ký bao nhiêu khóa học mà việc học cần, có thể tự điều chỉnh thời gian, tốc độ học theo khả năng và có thể tự tham khảo, nghiên cứu thêm thông qua các nguồn tài liệu được hướng dẫn tham khảo. − Được hỗ trợ: Với hệ thống công nghệ eLearning, sinh viên dễ dàng theo dõi tiến độ học tập, kết quả học tập, được hỗ trợ giải đáp thông tin kịp thời. 2.2. Nhược điểm: − Chi phí cao (chi phí ban đầu, chi phí duy trì, chi phí nội dung, chi để khuyến khích giảng viên, chi cho trang thiết bị,…) − Làm nảy sinh các vấn đề về sở hữu trí tuệ − Làm nảy sinh các vấn đề liên quan đến anh ninh mạng 5 CHƯƠNG II: GIỚI THIỆU VỀ NỀN TẢNG CÔNG NGHỆ 1. Moodle 1.1. Giới thiệu − MOODLE (Modular Object-Oriented Dynamic Learning Environment) là một hệ quản trị web mã nguồn mở. Được Martin Dougiamas phát triển trên nền ngôn ngữ PHP và kết nối với cơ sở dữ liệu MySQL, cung cấp đầy đủ các chức năng phục vụ cho việc dạy và học trực tuyến. Cho phép người dùng có thể nhanh chóng tạo ra một website dạy học trực tuyến (E-learning) và đăng tải lên internet. − Moodle được thiết kế với mục đích tạo ra những khóa học trực tuyến với sự tương tác cao. Tính mã mở cùng độ linh hoạt của nó giúp người phát triển có khả năng thêm vào các mô-đun cần thiết một cách dễ dàng. − Moodle cho phép khai thác nhiều authoring tool trên thế giới. Các Authoring tool phải tuân thủ theo chuẩn SCORM, AICC, LAMS… − Hiện có một số phần mềm hỗ trợ việc xây dựng bài giảng trực tuyến và được Moodle hỗ trợ như: • Adobe Presenter, Adobe Captivate… • Hot Potatoes, MS Exel, MS PowerPoint… Hình 2.1: Logo của Moodle 1.2. Ưu điểm − Moodle có thiết kế theo kiểu mô-đun (module, đơn vị thành phần, các chức năng được thiết kế thành từng phần, có thể thêm vào hoặc loại bỏ đi, tùy theo yêu cầu của từng hệ thống mà ta có thể chỉnh sửa mã nguồn cho phù hợp. − Cách sử dụng đơn giản; cấu trúc mềm dẻo, hiệu quả; giao diện thân thiện, dễ dùng; dễ cài đặt và cấu hình. − Danh sách các khóa học được trình bày đầy đủ chi tiết, các khóa học được đưa vào 1 danh mục tìm kiếm − Tính bảo mật cao, phân quyền rõ ràng, quản trị hệ thống có thể tùy chỉnh vai trò của người dùng 6 − Hỗ trợ tất cả các định dạng tập tin. 1.3. Nhược điểm − Tương tác giữa giáo viên và học viên hạn chế. − Việc theo dõi quá trình học tập của học viên thông qua diễn đàn, bài kiểm tra, bài thu hoạch,… làm cho việc đánh giá khả năng học tập của học sinh nhiều khi không khách quan và thiếu chính xác. 2. Bootstrap 2.1. Giới thiệu − Bootstrap là một bộ sưu tập miễn phí các công cụ để tạo ra các trang web và các ứng dụng web. Nó chứa HTML và CSS dựa trên các mẫu thiết kế cho kiểu chữ, hình thức, các nút, chuyển hướng và các thành phần giao diện khác, cũng như mở rộng JavaScript tùy chọn. − Bootstrap được phát triển bởi Mark Otto và Jacob Thornton tại Twitter như một framework, một công cụ để phục vụ công việc nội bộ của Twitter. Trước khi phát triển Bootstrap, có nhiều thư viện khác nhau đã được sử dụng để phát triển giao diện, dẫn đến mâu thuẫn, xung đột.Bootstrap ra đời để khắc phục những yếu tố này, cũng như giúp các nhà phát triển, lập trình tại Twitter có thể triển khai công việc nhanh hơn, tiện lợi và đồng bộ hơn. − Bootstrap tương thích với các phiên bản mới nhất của tất cả các trình duyệt nổi tiếng trên thế giới như Chrome, Firefox, IE, Opera…. − Tải Bootstrap tại: http://twitter.github.io/bootstrap/) Hình 2.2: Cấu trúc của một file Boostrap 7 Hình 2.3: Nhúng bootstrap vào 1 file html 2.2. Hai ưu điểm chính của Boostrap − Tiết kiệm thời gian: Boostrap giúp người thiết kế giao diện website tiết kiệm rất nhiều thời gian. Các thư viện Bootstrap có những đoạn mã sẵn sàng cho bạn áp dùng vào website của mình. Bạn không phải tốn quá nhiều thời gian để tự viết code cho giao diện của mình. − Tùy biến cao: Bạn hoàn toàn có thể dựa vào Bootstrap và phát triển nền tảng giao diện của chính mình. Bootstrap cung cấp cho bạn hệ thống Grid System mặc định bao gồm 12 bột và độ rộng 940px. Bạn có thể thay đổi, nâng cấp và phát triển dựa trên nền tảng này. 8 CHƯƠNG III: GIỚI THIỆU VỀ WEBSITE HỌC TIẾNG ANH TRÊN NỀN TẢNG MOODLE 1. Giới thiệu chung 2. Một số hình ảnh về giao diện 2.1. Giao diện chính − Giao diện chính gồm 2 phần: Hình 3.1: Giao diện chính của website 9 − Phần quảng cáo và hướng dẫn cho website (theo tienganh123.com) Hình 3.2: Giới thiệu về website − Phần giới thiệu về các khóa học 10 [...]... Giới thiệu nội dung khóa học 2.2 Giao diện một khóa học và bài học − Một khóa học bao gồm nhiều bài học, mỗi bài học sẽ phân loại ra nhiều phần, nhằm cung cấp đầy đủ kiến thức cần thiết cho tiếng anh, bao gồm 11 học từ vựng (Vocabulary), học ngữ pháp (Grammar), phần đọc (Reading), phần nghe (Listen), - Khám phá bài học từ vựng 12 Hình 3.4 và 3.5: Tham gia một bài học tiếng anh 13 − Sau mỗi bài giảng,... Đưa website chạy trên host trực tuyến − Cần thêm nhiều quản trị và số lượng học sinh tham gia để khắc phục nhược điểm về thiếu bài − Hoàn thiện giao diện 32 TÀI LIỆU THAM KHẢO − Võ Tâm Long, 2014, Đồ Án Ứng Dụng WEB 2.0 - Moodle, Đại Học Sư Phạm TP.HCM − Trang chủ của Moodle: http:/ /moodle. com − Cộng đồng Moodle Việt Nam: http:/ /moodle. org/course/view.php?id=45 − Tài liệu trợ giúp về Moodle: http:/ /moodle. org/help... mặc định là 'moodle' − Chép cẩn thận thư mục 'moodle' này vào phần ổ cứng do máy chủ giả lập quản lí: C:\xampp\htdocs Bước 5: Cài đặt Moodle trên máy chủ giả lập XAMPP − Địa chỉ truy cập của platform trên máy chủ giả lập thường là: http://localhost /moodle Phần đuôi sau 'localhost/' chính là tên thư mục website cục bộ đã chép trong thư mục htdocs 17 Hình 4.5: Tiến hành chọn ngôn ngữ cài đặt Moodle − Dùng... của người quản trị platform Moodle 18 − Đây chính là tài khoản người dùng đầu tiên trên website này, có toàn quyền quản trị Do đó các thông tin phải được ghi nhớ cẩn thận Hình 4.7: Điền thông tin tài khoản của quản trị viên − Sau khi đã tạo xong tài khoản người dùng quản trị, truy cập trang http://localhost /moodle để bắt đầu phiên làm việc 2 Tính năng của moodle 2.1 Tạo khóa học Bước 1: Đăng nhập với... 3.6: Bài kiểm tra sau mỗi bài giảng − Bài kiểm tra trắc nghiệm (Test Quizz) cho một bài học Hình 3.7: Bài kiểm tra trắc nghiệm 14 CHƯƠNG IV: ỨNG DỤNG VÀ SỬ DỤNG WEBSITE 1 Cách cài đặt moodle Bước 1: cài đặt 2 thành phần: − Tập tin cài đặt XAMPP dạng exe: http://www.xampp.org − Gói cài đặt Moodle dạng nén: http://www .moodle. org Bước 2: Cài đặt máy chủ cục bộ: − Nhấn đúp lên tập tin cài đặt XAMPP và cài... Lưu ý: tên cơ sở dữ liệu là một trong ba thông tin quan trọng để quản lí cơ sở dữ liệu (nơi lưu toàn bộ thông tin của Moodle) , cần ghi nhớ cẩn thận 16 Hình 4.4: Tạo csdl của moodle trên phpmyadmin − Với mỗi cơ sở dữ liệu, cần phải có tên truy cập và mật khẩu Với một website hoạt động trên máy chủ giả lập, chỉ khi sử dụng đúng tên truy cập và mật khẩu thì mới có thể truy xuất (đọc) từ CSDL hay lưu giữ... khóa học) Bước 2: Tại màn hình và khung điểu khiến của admin, ta bật chứng năng cho phép chỉnh sửa“Turn editing on” chọn “Add a new course” Hình 4.9: Tạo một khóa học 19 Bước 3: Điền đầy đủ thông tin vào các tab − Thẻ General: yêu cầu điền thông tin cơ bản của một khóa học như tên, phân loại, thời gian bắt đầu khóa học Hình 4.10: Điền thông tin thẻ General − Thẻ Description: mô tả thông tin về khóa học. .. khóa học Hình 4.9 Cửa sổ điều khiển của quản trị viên − Thiết lập phân quyền như bên dưới Hình 4.10 Phân quyền cho các tài khoản 22 − Dành cho khách ( không đăng ký account): Khách được phép sử dụng tất cả các chức năng học tập của bài giảng, nhưng để đánh giá mức độ của học tập khi khách làm bài kiểm tra, đỏi hỏi phải có tài khoản để đăng nhập 2.3 Tạo bài giảng Bước 1: Sau khi tạo xong khóa học, Moodle. .. chế hoạt động của các website, nên dễ nhất là cứ sử dụng thông tin mặc định Bước 4: Đưa gói cài đặt Moodle vào phần ổ cứng do máy chủ giả lập quản lí − Gói cài đặt Moodle thường được cung cấp dưới dạng một tập tin nén (.zip) Sau khi tải về, việc đầu tiên là giải nén (unzip) tập tin này Thao tác thường gặp trên các máy tính là nhấn chuột phải lên tập tin nén, trong thẻ lệnh nhanh của công cụ giải nén... hay http://127.0.0.1 Bước 3: Tạo cơ sở dữ liệu cho Moodle − Mở máy chủ giả lập bằng biểu tượng XAMPP Control Panel trên màn hình Bảng điều khiển XAMPP sẽ xuất hiện Hình 4.1: Bảng điều khiển Xampp − Khởi động hai dịch vụ Apache và MySql bằng cách nhấn các nút Start tương ứng Hoạt động của hai dịch vụ này được báo hiệu bằng chữ “Running” trên nền màu xanh lá cây 15 Hình 4.2: Khởi động hai dịch vụ Apache . TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN 1 XÂY DỰNG WEBSITE HỌC TIẾNG ANH TRÊN MOODLE GV hướng dẫn: ThS. Võ Đức Vĩnh SV thực hiện:. khóa học và bài học − Một khóa học bao gồm nhiều bài học, mỗi bài học sẽ phân loại ra nhiều phần, nhằm cung cấp đầy đủ kiến thức cần thiết cho tiếng anh, bao gồm 11 học từ vựng (Vocabulary), học. tài: − Ngày nay, việc học tiếng anh trở nên ngày một dễ dàng hơn với việc áp dụng nhiều loại hình học tập mới, mà ở đây là học qua mạng (học online). − Học online là một cách học phổ biến rộng