Xây dựng trang web hỗ trợ quá trình dạy và học học phần tin học chuyên ngành sư phạm toán

TRƯỜNG ĐẠI HỌC AN GIANG KHOA SƯ PHẠM XÂY DỰNG TRANG WEB HỖ TRỢ QUÁ TRÌNH DẠY VÀ HỌC HỌC PHẦN TIN HỌC CHUYÊN NGÀNH SƯ PHẠM TOÁN PHẠM VĂN BẢN AN GIANG, 05 - 2017 TRƯỜNG ĐẠI HỌC AN GIANG KHOA SƯ PHẠM XÂY DỰNG TRANG WEB HỖ TRỢ QUÁ TRÌNH DẠY VÀ HỌC HỌC PHẦN TIN HỌC CHUYÊN NGÀNH SƯ PHẠM TOÁN PHẠM VĂN BẢN AN GIANG, 05 - 2017 Đề tài nghiên cứu khoa học “Xây dựng trang web hỗ trợ trình dạy học học phần Tin học chuyên ngành Sư phạm Toán”, tác giả Phạm Văn Bản, công tác Khoa Sư phạm thực Tác giả báo cáo kết nghiên cứu Hội đồng Khoa học Đào tạo Trường Đại học An Giang thông qua ngày 11/04/2017 Thư ký Phảm biện Phản biện Chủ tịch Hội đồng LỜI CẢM TẠ Tác giả xin chân thành cảm ơn quý thầy cô, quý đồng nghiệp bạn sinh viên giúp đỡ, cho ý kiến quý báu để tác giả hoàn thành đề tài Long Xuyên, ngày 11 tháng 05 năm 2017 Người thực Phạm Văn Bản TĨM TẮT Ứng dụng cơng nghệ thơng tin truyền thông vào việc dạy học mang lại nhiều lợi ích cho người dạy người học Mục đích đề tài nghiên cứu xây dựng website với nhiều tính phù hợp, hỗ trợ cho trình dạy học học phần Tin học chuyên ngành - Sư phạm Toán Kết đề tài gợi ý cách sử dụng công cụ thiết kế web đại PHP, MySQL, HTML, JavaScript, để xây dựng website học tập Hy vọng tài liệu hữu ích cho giảng viên giảng dạy trường Đại học Từ khóa: dạy học, Sư phạm Toán học, Tin học chuyên ngành, website ABSTRACT Appling information and communication technologies in teaching and learning is bringing many utilities for teacher and learner The main purpose of this research is researching and building a website that has many suitable features, support teaching and learning "Computer science for Mathematic" course Results of this research suggest a method for using modern web designing tools as PHP, MySQL, HTML, JavaScript, to build a learning website It is hoped that this research will be a useful document for lecturers who are teaching at universities Key words: Computer science for Special Purposes, Mathematical Pedagogy, teaching and learning, website LỜI CAM KẾT Tơi xin cam đoan cơng trình nghiên cứu riêng Các số liệu công trình nghiên cứu có xuất xứ rõ ràng Những kết luận khoa học cơng trình nghiên cứu chưa cơng bố cơng trình khác Long Xuyên, ngày 11 tháng 05 năm 2017 Người thực Phạm Văn Bản MỤC LỤC Chương Giới thiệu 1.1 Tính cần thiết đề tài 1.1.1 Tình hình nước 1.1.2 Tình hình ngồi nước 1.2 Mục tiêu nghiên cứu 1.3 Đối tượng nghiên cứu 1.4 Nội dung nghiên cứu 1.5 Những đóng góp đề tài Chương Xây dựng website 2.1 Những công cụ để thiết kế web 2.1.1 HTML PHP 2.1.2 MySQL 2.1.3 CSS 2.1.4 JavaScript 2.2 Cấu trúc tập tin thư mục website 2.2.1 Thư mục gốc 2.2.2 Thư mục admin 2.2.3 Thư mục assets 2.2.4 Thư mục includes 2.2.5 Thư mục modules 2.2.6 Thư mục themes 2.3 Sơ đồ cấu trúc chức 2.4 Sơ đồ Use-case 10 2.5 Cơ sở liệu website 10 2.5.1 Bảng events 10 2.5.2 Bảng tblconfigs 11 i 2.5.3 Bảng tblcontact 11 2.5.4 Bảng tblcourses 11 2.5.5 Bảng tblevents 11 2.5.6 Bảng tblmarks 12 2.5.7 Bảng tblnews 13 2.5.8 Bảng tblstdnote 13 2.5.9 Bảng tblusers 13 2.5.10 Bảng tblvideos 14 2.6 Cài đặt trang web 14 2.6.1 Hệ thống máy chủ 14 2.6.2 Máy khách 15 2.6.3 Các bước cài đặt 15 Chương Giao diện tính dành cho người quản trị 16 3.1 Đăng nhập quản trị 16 3.2 Các thành phần giao diện quản trị 17 3.3 Thông tin 17 3.4 Module quản lý nội dung học phần 17 3.4.1 Nhập sửa giới thiệu học phần 18 3.4.2 Nhập sửa kế hoạch giảng dạy 18 3.4.3 Nhập sửa sách học phần 19 3.4.4 Nhập sửa cách kiểm tra đánh giá 19 3.4.5 Nhập sửa danh mục tài liệu tham khảo 19 3.4.6 Nhập sửa nội dung học phần 20 3.4.7 Nhập sửa tập thực hành tập nhóm 20 3.5 Module quản lý thông báo 21 3.5.1 Xem thông báo đăng 22 3.5.2 Sửa thông báo đăng 22 ii 3.5.3 Xóa thơng báo đăng 23 3.5.4 Thêm thông báo 23 3.6 Module quản lý người dùng 23 3.6.1 Xem danh sách người dùng 24 3.6.2 Chỉnh sửa thông tin người dùng 24 3.6.3 Đổi mật người dùng 24 3.6.4 Xóa người dùng 25 3.6.5 Thêm người dùng 25 3.7 Module quản lý video 26 3.7.1 Xem danh sách video đăng 26 3.7.2 Chỉnh sửa video đăng 26 3.7.3 Xóa video đăng 27 3.7.4 Thêm video 28 3.8 Module quản lý điểm 28 3.8.1 Bảng điểm chi tiết 28 3.8.2 Nhập điểm thảo luận lớp 29 3.8.3 Nhập điểm phiếu học tập 29 3.8.4 Nhập điểm thực hành nhà 29 3.8.5 Nhập điểm thực hành lớp 30 3.8.6 Nhập điểm tập nhóm 30 3.8.7 Nhập điểm kiểm tra cuối kỳ 30 3.9 Module quản lý phiếu học tập 31 3.10 Module quản lý liên hệ 32 3.11 Module quản lý lịch làm việc 32 3.12 Module quản lý kiện 34 3.12.1 Xem danh sách kiện 34 3.12.2 Chỉnh sửa kiện 34 iii Hình 4.6: Trang thơng tin học phần 4.2.3 Nội dung học phần Nội dung học phần chia thành chương, tương ứng với phần mềm hướng dẫn chương trình Bài giảng biên tập thành tập tin PDF hiển thị trang web thông qua thư viện Pdfjs Người dùng xem tốt trình duyệt Google Chrome, FireFox, Internet Explorer tải máy đọc phần mềm Foxit Reader, Adobe Reader, (hình 4.7) Hình 4.7: Nội dung học phần 4.2.4 Các thực hành Đặc trưng học phần thực hành, nên trình học, sinh viên có nhiều loại thực hành thực hành cá nhân nhà, thực hành lớp thực hành theo nhóm nhà (hình 4.8, 4.9, 4.10) Các yêu cầu thực hành biên tập thành tập tin PDF hiển thị trang web thơng qua thư viện Pdfjs 39 Hình 4.8: Bài tập thực hành nhà Hình 4.9: Bài thực hành lớp Riêng với tập nhóm, ngồi hiển thị u cầu thực hành, cịn có danh sách nhóm để sinh viên chủ động làm việc với (hình 4.10) Hình 4.10: Bài thực hành nhóm 40 4.2.5 Video hướng dẫn thực hành Để sinh viên thuận tiện trình thực hành, trang web xây dựng hệ thống video hướng dẫn Các video xử lý kỹ lưỡng, có âm thanh, hình ảnh rõ ràng, tải lên trang chi sẻ video Youtube nhúng vào trang web Các video hướng dẫn chia theo chương xếp theo thứ tự từ dễ đến khó, từ đơn giản đến phức tạp để người học tiện theo dõi (hình 4.11) Hình 4.11: Danh sách video theo chương Mỗi video cịn có phần hướng dẫn văn bên để người học theo dõi tồn hướng dẫn (hình 4.12) Hình 4.12: Xem nội dung video 4.3 THỬ NGHIỆM CÁC PHẦN MỀM Tính giúp người học thực hành nội dung lý thuyết ví dụ trực tiếp website Các tính khơng địi hỏi người dùng phải đăng nhập 41 4.3.1 Vẽ hình trực tuyến Tính cho phép người dùng vẽ hình hình học mặt phẳng dựa quan hệ hình học thuộc, song song, vng góc, phép biến hình Các hình vẽ thể cách xác mong muốn người dùng (hình 4.13) Hình 4.13: Tính vẽ hình hình học trực tuyến 4.3.2 Biên dịch LATEX trực tuyến Tính cho phép người dùng biên soạn biên dịch mã lệnh LATEX trực tuyến cách trực quan Tính hữu ích người dùng chưa cài phần mềm hỗ trợ LATEX máy cá nhân (hình 4.14) Hình 4.14: Tính biên soạn biên dịch LATEX trực tuyến 4.4 XEM VÀ SỬA CÁC THƠNG TIN CÁ NHÂN Tính dành cho người dùng cấp tài khoản sử dụng website Người dùng cấp tài khoản sử dụng website có tên đăng nhập mật khẩu, sau đăng nhập thực thao tác xem thông tin, sửa thông tin đăng xuất từ khu vực thành viên từ điều hướng 42 4.4.1 Xem thông tin cá nhân Người dùng bấm vào liên kết khu vực thành viên điều hướng để vào trang Trang web liệt kê thông tin người dùng để theo dõi chỉnh sửa thấy chưa (hình 4.15) Hình 4.15: Trang thơng tin cá nhân người dùng 4.4.2 Đổi thông tin cá nhân Nếu phát thông tin cá nhân chưa đúng, người dùng muốn cập nhật lại số thông tin khác, bám vào liên kết "Sửa thơng tin" điều hướng "Sửa thơng tin cá nhân" khu vực thành viên Trang web lấy thông tin lưu bảng tblusers đưa vào biểu mẫu Người dùng chỉnh sửa thông tin bấm nút "Cập nhật" để hồn thành (hình 4.16) Hình 4.16: Trang thay đổi thơng tin người dùng 4.4.3 Đổi mật đăng nhập Để tăng khả bảo mật, trang web cho phép người dùng đổi mật để tránh bị lộ Để thay đổi mật khẩu, người dùng bấm vào liên kết "Sửa mật khẩu" trang thông tin cá nhân 43 Trang web yêu cầu người dùng nhập mật tại, nhập xác nhận mật bấm nút gửi (hình 4.17) Hình 4.17: Trang đổi mật người dùng Trang web kiểm tra mật với mật lưu sở liệu, kiểm tra mật mật nhập lại xem có khớp hay khơng Nếu khớp đổi mật mới, khơng báo lỗi khơng thay đổi (hình 4.18) Hình 4.18: Quy trình kiểm tra cập nhật mật 4.4.4 Các tính liên quan Ngồi tính người dùng, tùy quyền sử dụng trang web, người dùng cịn có số tính riêng sau: 4.4.4.1 Xem điểm Tính dành cho người dùng sinh viên Người dùng bấm vào liên kết "Xem điểm" điều hướng để xem bảng điểm chi tiết đến thời điểm xem (hình 4.19) Bảng điểm cập nhật liên tục để người dùng theo dõi tiến học tập cá nhân có hướng điều chỉnh cần thiết trình học 4.4.4.2 Tuy cập khu vực quản trị Tính dành cho người dùng quản trị viên website Người dùng bấm vào liên kết "Vào khu vực quản trị" điều hướng để truy cập (hình 4.20) 44 Hình 4.19: Bảng điểm chi tiết sinh viên Hình 4.20: Liên kết đăng nhập quản trị Nếu người dùng đăng nhập quản trị vào thẳng khu vực quản trị, đăng nhập trang trang web u cầu đăng nhập lại vào khu vực quản trị 4.5 GỬI VÀ XEM PHIẾU HỌC TẬP Đây tính dành cho thành viên cấp tài khoản sử dụng website Phiếu học tập văn dùng để ghi nhận trình nghiên cứu, chuẩn bị trước nhà sinh viên Trước buổi học lý thuyết, sinh viên phải nghiên cứu trước nội dung tài liệu, trả lời nội dung phiếu học tập gồm: Những nội dung tìm hiểu: trả lời câu hỏi đầu chương tài liệu Những tâm đắc tìm hiểu: thể quan điểm cá nhân điều tâm đắc tìm hiểu kiến thức hay phần mềm Những khó khăn tìm hiểu: Nêu khó khăn bắt đầu tìm hiểu phần mềm Những nội dung mong muốn thảo luận: từ khó khăn thắc mắc, mong muốn tìm hiểu, sinh viên nêu vấn đề mong muốn 45 thảo luận Các nội dung phiếu học tập giảng viên sử dụng để điều chỉnh trình dạy lớp, tập trung vào vấn đề sinh viên gặp khó khăn mong muốn thảo luận 4.5.1 Gửi phiếu học tập Sinh viên bấm vào mục "Phiếu học tập" điều hướng chính, trang web nhập phiếu học tập hiển thị (hình 4.21) Hình 4.21: Trang nhập phiếu học tập Tại đây, sinh viên chọn tuần cần nộp (tương ứng với chương tài liệu), nhập nội dung cần thiết va bấm nút "Gửi phiếu" Trang web kiểm tra xem sở liệu có phiếu học tập sinh viên ứng với tuần gửi hay chưa Nếu chưa có lưu vào sở liệu, có báo lỗi khơng cho gửi (hình 4.22) Hình 4.22: Kiểm tra lưu thông tin phiếu học tập 46 4.5.2 Xem phiếu học tập gửi Tính dành cho người dùng sinh viên Sinh viên vào mục "Thành viên" > "Xem phiếu học tập" từ điều hướng để xem lại phiếu học tập gửi Nội dung phiếu chia thành tuần để tiện theo dõi (hình 4.23) Hình 4.23: Xem phiếu học tập gửi 4.6 XEM LỊCH LÀM VIỆC Tính dành cho người dùng cấp tài khoản sử dụng website Người dùng bấm vào mục "Lịch làm việc" điều hướng để xem lịch làm việc học phần Lịch làm việc thị theo ngày, tuần, tháng danh sách việc cơng thực (hình 4.24, 4.25, 4.26) Hình 4.24: Xem lịch làm việc theo tuần (mặc định) 47 Hình 4.25: Xem lịch làm việc theo tháng Hình 4.26: Xem lịch làm việc theo danh sách Người dùng thay đổi thời gian theo dõi lịch trước sau thời điểm (hình 4.27) 4.7 GỬI Ý KIẾN Đây tính dành cho người dùng website với mục đích nhận nhận xét, góp ý cho trang web q trình học tập Nếu người dùng chưa cấp tài khoản khơng đăng nhập biểu mẫu để trống mục thông tin người dùng cần nhập vào trước gửi (hình 4.28) Cịn người dùng đăng nhập trang web tự điền thơng tin cá nhân, người dùng cần nhập thêm ý kiến đóng góp gửi (hình 4.29) 48 Hình 4.27: Xem lịch làm việc thời điểm khác Hình 4.28: Biểu mẫu liên hệ chưa đăng nhập Hình 4.29: Biểu mẫu liên hệ đăng nhập 49 KẾT LUẬN NHỮNG NỘI DUNG ĐÃ THỰC HIỆN Trong trình nghiên cứu, đề tài thực nội dung sau: • Xây dựng xong tài liệu giảng dạy học phần Tin học chuyên ngành cho ngành Sư phạm Toán Tài liệu gồm chương lý thuyết, nhiều tập thực hành nhà lớp, xây dựng câu hỏi hướng dẫn tự tìm hiểu, • Xây dựng số video hướng dẫn sử dụng phần mềm giới thiệu nội dung học phần Đây nguồn tư liệu tốt để giúp sinh viên tự học nhà • Xây dựng thành cơng website với nhiều tính phù hợp cho việc hỗ trợ trình tự học sinh viên Đặc biệt, website cịn trang bị tính riêng biệt dành cho học phần vẽ hình trực tuyến, soạn biên dịch LATEX trực tuyến, giúp người học dễ dàng thực hành nội dung, ví dụ nêu giảng Ngoài ra, đề tài nêu cách tiếp cận công nghệ thông tin truyền thông để ứng dụng giảng dạy bậc Đại học, với học phần liên quan đến công nghệ thông tin NHỮNG HẠN CHẾ CỦA ĐỀ TÀI Bên cành nội dung thực được, đề tài số hạn chế sau: • Đề tài áp dụng cho học phần Tin học chuyên ngành - Sư phạm Tốn • Số lượng video hướng dẫn thực hành chưa phong phú • Một số tính trang web chưa có tính mở, nghĩa liệu nhập từ dịng mã lệnh khơng phải từ sở liệu • Các tính liên quan đến tương tác người dùng website hạn chế HƯỚNG PHÁT TRIỂN TIẾP THEO CỦA ĐỀ TÀI Xây dựng website mở để áp dụng nhiều học phần khác nhau, với phương pháp giảng dạy phương pháp đánh giá khác nhau, 50 Xây dựng thêm tính giao tiếp người dùng website nhắn tin, trao đổi, thảo luận trực tuyến, Cải tiến giao diện người dùng cho thân thiện hơn, người dùng có nhiều lựa chọn việc chọn giao diện phù hợp với cá nhân 51 TÀI LIỆU THAM KHẢO Cabri Log & Nguyễn Chí Thành (dịch) (2007) Ebook - Sách hướng dẫn sử dụng Cabri 3D v2 http://download.cabri.com/data/pdfs/manuals/c3dv212/usermanual-vie.pdf (đọc ngày 01/11/2015) Design Science (2001) Ebook - MathType Mathematical Equation Editor http://www.dessci.com/en/dl/MathType5WinManual.pdf (đọc ngày 01/11/2015) Đinh Thế Lục & Phạm Duy Điển & Tạ Duy Phượng (2002) Giải tích hàm nhiều biến Hà Nội: NXB Đại học Quốc gia Hà Nội Đinh Thế Lục & Phạm Duy Điển & Tạ Duy Phượng (2004) Giải tích Tốn học hàm số biến Hà Nội: NXB Đại học Quốc gia Hà Nội Hứa Thuần Phỏng & Phạm Hồng Tuất (dịch) (1977) Dựng hình Hà Nội: NXB Đại học Giáo dục ITS (2006) Ebook Using MathType sity of Durham Information Technology http://www.dur.ac.uk/resources/its/info/guides/143MathType.pdf ngày 01/11/2015) UniverService (đọc Key Curriculum Press (2002) Ebook - The Geometer’s Sketchpad Workshop Guide http://www.dynamicgeometry.com/Documents/GSP_Wshp_Guide.pdf (đọc ngày 01/11/2015) Lê Minh Hoàng (2007) Thiết kế web với CSS Hà Nội: NXB Lao động Xã hội Lê Tuấn Hoa (2006) Đại số tuyến tính qua ví dụ tập Hà Nội: NXB Đại học Quốc gia Hà Nội Nguyễn Hữu Điển (2001) LATEX tra cứu soạn thảo Hà Nội: NXB Đại học Quốc gia Hà Nội Nguyễn Hữu Điển (2004) LATEX với gói lệnh phần mềm cơng cụ NXB Đại học Quốc gia Hà Nội Nguyễn Thiên Bằng (2005) Giáo trình nhập mơn PHP MySQL Hà Nội: NXB Lao động Xã hội Nguyễn Viết Thạch (2008) Hướng dẫn sử dụng Sketchpad 4.05 Hà Nội: NXB Đại học Đại học Sư phạm Phạm Huy Điển (2007) Dạy học Tốn máy tính Hà Nội: NXB Giáo dục 52 Phạm Minh Hồng (2008) Maple tốn ứng dụng NXB Khoa học Kỹ thuật Tobias Oetiker & Hubert Partl & Irene Hyna & Elisabeth Schlegl (2014) Ebook - The Not So Short Introduction to LATEX http://www.ctan.org/texarchive/info/lshort/english/lshort.pdf (đọc ngày 01/11/2015) Tobias Oetiker & Hubert Partl & Irene Hyna & Elisabeth Schlegl & Nguyễn Tân Khoa (dịch) (2005) Ebook - Một tài liệu ngắn gọn giới thiệu LATEX http://www.tex.ac.uk/tex-archive/info/lshort/vietnamese/lshortvi.pdf (đọc ngày 01/11/2015) Trịnh Thanh Đèo (2006) Soạn thảo chế tài liệu Toán học với LATEX2 TP HCM: NXB Đại học Quốc gia Thành phố Hồ Chí Minh 53 ... GIANG KHOA SƯ PHẠM XÂY DỰNG TRANG WEB HỖ TRỢ QUÁ TRÌNH DẠY VÀ HỌC HỌC PHẦN TIN HỌC CHUYÊN NGÀNH SƯ PHẠM TOÁN PHẠM VĂN BẢN AN GIANG, 05 - 2017 Đề tài nghiên cứu khoa học ? ?Xây dựng trang web hỗ trợ... thông tin trang web 2.2 CẤU TRÚC TẬP TIN THƯ MỤC CỦA WEBSITE Website có cấu trúc tập tin thư mục hình 2.3 2.2.1 Thư mục gốc Chứa tập tin PHP thực thi người dùng bắt đầu truy cập trang web tất... vào tập tin riêng biệt, sau từ trang web tham chiếu đến tập tin CSS Ví dụ: Có tập tin khai báo CSS style.css, trang web cần áp dụng khai báo định dạng này, cần thêm vào phần đầu trang web đoạn