Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 65 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
65
Dung lượng
3,51 MB
Nội dung
ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT BÁO CÁO TỔNG KẾT ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG NGHIÊN CỨU XÂY DỰNG HỆ THỐNG BÀI GIẢNG MƠN HỌC SỬA CHỮA VÀ BẢO TRÌ MÁY TÍNH KẾT HỢP NỀN TẢNG WEB VÀ ĐIỆN TỐN ĐÁM MÂY Mã số: T2019-06-137 Chủ nhiệm đề tài: ThS Lê Vũ Đà Nẵng - Năm 2020 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT BÁO CÁO TỔNG KẾT ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG NGHIÊN CỨU XÂY DỰNG HỆ THỐNG BÀI GIẢNG MÔN HỌC SỬA CHỮA VÀ BẢO TRÌ MÁY TÍNH KẾT HỢP NỀN TẢNG WEB VÀ ĐIỆN TOÁN ĐÁM MÂY Mã số: T2019-06-137 Xác nhận quan chủ trì đề tài (ký, họ tên, đóng dấu) Đà Nẵng - Năm 2020 Chủ nhiệm đề tài (ký, họ tên) III DANH SÁCH THÀNH VIÊN THAM GIA NGHIÊN CỨU ĐỀ TÀI VÀ ĐƠN VỊ PHỐI HỢP CHÍNH STT Họ tên ThS Lê Vũ Nhiệm vụ Chủ nhiệm đề tài Đơn vị phối hợp chính: Bộ mơn Cơng nghệ Thơng tin – Khoa Điện – Điện tử IV MỤC LỤC DANH SÁCH THÀNH VIÊN THAM GIA NGHIÊN CỨU ĐỀ TÀI VÀ ĐƠN VỊ PHỐI HỢP CHÍNH III MỤC LỤC IV DANH MỤC CÁC CHỮ VIẾT TẮT VI DANH MỤC HÌNH VẼ VII THÔNG TIN KẾT QUẢ NGHIÊN CỨU IX INFORMATION ON RESEARCH RESULTS XII MỞ ĐẦU 1 TỔNG QUAN TÌNH HÌNH NGHIÊN CỨU THUỘC LĨNH VỰC CỦA ĐỀ TÀI Ở TRONG VÀ NGOÀI NƯỚC TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI CÁCH TIẾP CẬN, PHƯƠNG PHÁP NGHIÊN CỨU ĐỐI TƯỢNG, PHẠM VI VÀ NỘI DUNG NGHIÊN CỨU Chương PHƯƠNG PHÁP HỌC TẬP E-LEARNING VÀ BLENDED LEARNING 1.1 PHƯƠNG PHÁP HỌC TẬP E-LEARNING 1.1.1 Khái niệm 1.1.2 Mơ hình chức 1.1.3 Mơ hình hệ thống 1.1.4 Hoạt động hệ thống E-Learning 1.1.5 Ưu điểm, hạn chế E-learning 1.1.6 Quy trình học E-learning 1.1.7 Những chức tối thiểu hệ thống E-learning 1.2 PHƯƠNG PHÁP HỌC TẬP BLENDED LEARNING 10 Chương HỆ THỐNG QUẢN LÝ HỌC TẬP VÀ ỨNG DỤNG MOODLE 13 2.1 HỆ THỐNG QUẢN LÝ HỌC TẬP 13 2.1.1 Định nghĩa 13 2.1.2 Chức LMS 13 2.1.3 Nhiệm vụ LMS 13 2.1.4 Phân loại 14 V 2.2 ỨNG DỤNG MOODLE [9] 14 2.2.1 Giới thiệu Moodle 14 2.2.2 Các tính Moodle 16 2.2.3 Lợi ích Moodle 16 2.3 CƠNG NGHỆ ĐIỆN TỐN ĐÁM MÂY [10] 16 2.3.1 Khái niệm 16 2.3.2 Kiến trúc điện toán đám mây [11] 17 2.3.3 Thành phần 21 2.3.4 Lợi ích 21 2.3.5 Ưu điểm, hạn chế 21 Chương XÂY DỰNG HỆ THỐNG BÀI GIẢNG 23 3.1 KHỞI TẠO KHÓA HỌC 23 3.2 THÊM THÀNH VIÊN KHÓA HỌC 25 3.3 TẠO NỘI DUNG KHÓA HỌC 26 3.3.1 Tạo phần giới thiệu tổng quát khóa học 26 3.3.2 Tạo diễn đàn cho khóa học 28 3.3.3 Tạo chat room cho khóa học 31 3.3.4 Tạo chương, học, tập 33 3.3.5 Tạo kiểm tra trắc nghiệm (giữa kỳ, cuối kỳ) 36 KẾT LUẬN 50 TÀI LIỆU THAM KHẢO 51 VI DANH MỤC CÁC CHỮ VIẾT TẮT STT Ký hiệu Diễn giải tiếng Anh LCMS Learning System Content LMS Learning Managerment System Diễn giải tiếng Việt Managerment Hệ thống quản lý nội dung học tập Hệ thống quản lý học tập VII DANH MỤC HÌNH VẼ Hình 1.1 Mơ hình chức E-learning [4] Hình 1.2 Mơ hình hệ thống E-learning [4] Hình 1.3 Mơ hình hệ thống E-learning [4] Hình 1.4 Quy trình học E-learning Hình 2.1 Các phiên phát triển mã nguồn Moodle 15 Hình 2.2 Kiến trúc điện toán đám mây 17 Hình 3.1 Chọn khóa học tơi 23 Hình 3.2 Thêm khóa học 24 Hình 3.3 Cài đặt thơng số mơ tả khóa học 24 Hình 3.4 Lưu thơng số cài đặt cho khóa học 25 Hình 3.5 Danh sácch thành viên khóa học 25 Hình 3.6 Danh mục tài nguyên thêm vào khóa học 26 Hình 3.7 Tạo mục giới thiệu môn học 28 Hình 3.8 Tạo diễn đàn cho khố học 28 Hình 3.9 Cài đặt thông số diễn đàn 29 Hình 3.10 Hiển thị nội dung diễn đàn 30 Hình 3.11 Tạo chat room cho khóa học 31 Hình 3.12 Cài đặt thơng số cho chat room 31 Hình 3.13 Tham phịng chat 32 Hình 3.14 Thực chat trao đổi thành viên 32 Hình 3.15 Các nội dung phần tổng quát chung khóa học 33 Hình 3.16 Các nội dung chương 33 Hình 3.17 Tạo tập cho chương 33 Hình 3.18 Cài đặt thơng số thu nhận tập 34 Hình 3.19 Giao diện giao tập cho học viên 35 Hình 3.20 Giao diện quản lý nộp tập 36 Hình 3.21 Tạo ngân hàng câu hỏi 39 Hình 3.22 Tạo danh mục đề thi ngân hàng câu hỏi 40 Hình 3.23 Chọn đề thi 40 Hình 3.24 Cài đặt thơng tin kỳ thi 40 Hình 3.25 Cài đặt thơng số liên quan đến thời gian đáp án, kết thi 41 Hình 3.26 Tạo câu hỏi đề thi 42 Hình 3.27 Nhập nội dung cho câu hỏi 42 VIII Hình 3.28 Định dạng ngân hàng đề thi mơn Sửa chữa bảo trì máy tính 47 Hình 3.29 Kết nhập câu hỏi từ ngân hàng đề thi 47 Hình 3.30 Giao diện kết thiết lập thông số kỳ thi 48 Hình 3.31 Giao diện làm thi học viên 48 Hình 3.32 Giao diện mơ-đun triển khai chương 49 IX THÔNG TIN KẾT QUẢ NGHIÊN CỨU Thông tin chung - Tên đề tài: Nghiên cứu xây dựng hệ thống giảng mơn học sửa chữa bảo trì máy tính kết hợp tảng web điện toán đám mây - Mã số: T2019-06-137 - Chủ nhiệm đề tài: ThS Lê Vũ - Tổ chức chủ trì: Trường Đại học Sư phạm Kỹ thuật - Thời gian thực hiện: từ tháng 8/2019 đến tháng 8/2020 Mục tiêu - Hệ thống giảng website đáp ứng tiêu chuẩn liên quan đến giảng điện tử như: đề cương, giảng đa phương tiện, phần trao đổi, thảo luận, đánh giá q trình người học… - Tích hợp cơng nghệ điện tốn đám mây để giải linh hoạt kho lưu trữ Tính sáng tạo - Triển khai hệ thống giảng môn học Sửa chữa bảo trì máy tính hệ thống LMS (Learning Management Systems) Trường Đại học Sư phạm Kỹ thuật - Kết hợp linh hoạt phương pháp học tập Blended Learning, hòa trộn cách học truyền thống lớp cách học đại E-learning (Mobile Learning Internet Learning) Đặc biệt thích ứng với tình hình diễn biến phức tạp đại dịch Covid-19 trường hợp bất lợi khác cộng đồng Tóm tắt kết nghiên cứu Đề tài nghiên cứu mã nguồn mở Moodle phương thức vận hành hệ thống LMS Trường Đại học Sư phạm Kỹ thuật, từ triển khai đưa X giảng mơn học Sửa chữa bảo trì máy tính lên hệ thống Đồng thời, đề tài tích hợp việc lưu trữ giảng video liên quan tảng đám mây Google Sản phẩm - Sản phẩm khoa học: giáo trình trực tuyến - Sản phẩm đào tạo: không - Sản phẩm ứng dụng: Hệ thống giảng trực tuyến môn Sửa chữa bảo trì máy tính Hiệu quả, phương thức chuyển giao kết nghiên cứu khả áp dụng - Hệ thống giảng trực tuyến môn học Sửa chữa bảo trì máy tính đáp ứng yêu cầu việc phát triển giáo trình giáo trình điện tử Cung cấp hệ thống giảng trực quan; đánh giá, kiểm tra học phần khách quan, nhanh chóng; trao đổi giảng viên với sinh viên sinh viên với sinh viên thực trực tuyến…giúp cho người học tìm thấy nguồn cảm hứng môn học, người dạy truyền thụ kiến thức cho người học hấp dẫn nhờ có hỗ trợ công nghệ - Hệ thống giảng trực tuyến mơn học Sửa chữa bảo trì máy tính triển khai cho việc dạy học môn Trường Đại học Sư phạm Kỹ thuật Hình ảnh, sơ đồ minh họa 38 cửa sổ khác - Yêu cầu mật khẩu: Chỉ học viên có mật quyền tham gia thi - Yêu cầu địa mạng: Địa mạng máy kết nối, cho phép nhóm địa Khi học viên tham gia thi phải có mật xác nhận 3.3.5.2 Tạo đề thi Chức thực người quản trị, giáo viên khóa học Các thơng tin cần cung cấp: - Tên: Tên đề thi - Nội dung: Mô tả đề thi, sử dụng cơng cụ soạn thảo Moodle - Thời gian bắt đầu: Học viên bắt đầu thực đề thi sau thời gian - Thời gian kết thúc: Học viên nộp thi sau thời gian - Thời gian làm (0-110 phút ): Thời gian học viênlàm đề thi Nếu thiết lập khơng khơng hạn chế thời gian làm Các thông tin tương tự thiết lập cấu hình cho Mơ-đun thi: - Số câu hỏi trang - Thay đổi vị trí câu hỏi - Tráo đổi vị trí câu trả lời - Số lần thi cho phép - Thử nghiệm dựa trước - Phương pháp phân loại - Kiểu nhóm - Đối với học viên: Hiện học viên hay khơng Sau ta quản lý đề thi thông qua chức năng: - Thông tin - Các báo cáo - Xem trước - Soạn thảo đề thi Trước hết ta soạn thảo đề thi, chức thực người quản trị 39 giáo viên, chức cho phép soạn thảo câu hỏi đề thi 3.3.5.3 Tạo danh mục Chúng ta soạn thảo ngân hàng câu hỏi đưa vào danh mục câu hỏi khác để quản lý, sau sử dụng đề thi Bước 1: vào Khu vực quản trị chọn mục Ngân hàng câu hỏi Hình 3.21 Tạo ngân hàng câu hỏi Bước 2: Tạo danh mục ngân hàng câu hỏi, dụ: Kiểm tra kỳ, Kiểm tra cuối kỳ Tạo danh mục: cách thức để tổ chức câu hỏi Danh mục cha: danh mục chứa danh mục cần tạo Tên: tên danh mục Thông tin danh mục: thông tin mô tả danh mục 40 Hình 3.22 Tạo danh mục đề thi ngân hàng câu hỏi 3.3.5.4 Soạn thảo câu hỏi Bước 1: chọn mục Đề thi tài nguyên Hình 3.23 Chọn đề thi Hình 3.24 Cài đặt thơng tin kỳ thi 41 Bước 2: Cài đặt thông số liên quan đến kỳ thi Hình 3.25 Cài đặt thông số liên quan đến thời gian đáp án, kết thi 42 Bước 3: Tạo câu hỏi Hình 3.26 Tạo câu hỏi đề thi Hình 3.27 Nhập nội dung cho câu hỏi Các loại câu hỏi Moodle hỗ trợ: - Câu hỏi đa lựa chọn: Lựa chọn phương án nhiều phương án chọn lựa - Câu hỏi đúng/sai: Loại câu hỏi có phương án trả lời sai - Câu hỏi có câu trả lời ngắn: Câu trả lời dạng văn ngắn - Câu hỏi số: Câu hỏi với câu trả lời có dạng số - Câu hỏi tính tốn: Câu trả lời cơng thức, kết biểu thức - Câu hỏi so khớp: Là dạng câu hỏi chọn tương ứng phương án câu trả lời cho trước - Câu hỏi mô tả: Loại câu hỏi tương tự luận, học viên không chọn 43 đáp án có sẵn mà tự đưa đáp án - Câu hỏi so khớp ngẫu nhiên: Câu hỏi thực câu hỏi trả lời ngắn chọn cách ngẫu nhiên từ câu hỏi trả lời ngắn danh mục - Câu hỏi nhiều câu trả lời: Một loại câu hỏi tổng hợp bao gồm nhiều câu hỏi nhỏ câu hỏi trả lời ngắn, câu hỏi đa lựa chọn câu hỏi số… Mỗi câu hỏi đưa vào danh mục tương ứng để đơn giản quản lý Sau tạo câu hỏi tạo đề thi từ câu hỏi danh mục có Các đề thi tổ chức thành trang liên tục Số lượng câu hỏi trang thiết lập quan sát cụ thể cách hiển thị phân trang Mỗi câu hỏi thiết lập điểm tương ứng, điểm cuối học viên tính dựa vào kết thi, tổng điểm điểm lớn Có thể nhập câu hỏi từ file theo định dạng Moodle hỗ trợ Khi có học viên nộp thi câu hỏi đề thi không thay đổi Khi soạn thảo loại câu hỏi ta phải cung cấp thông tin chung sau: - Danh mục: danh mục chứa câu hỏi - Tiêu đề: tên câu hỏi - Câu hỏi: nội dụng câu hỏi - Hình ảnh hiển thị: Câu hỏi kèm theo hình ảnh hiển thị - Hệ số trừ: Sử dụng học viên làm đề thi thử nhiều lần, lần sai bị trừ số hệ số điểm tính tích hệ số trừ điểm câu hỏi Điểm cuối học viên tính tùy theo thiết lập thi 3.3.5.5 Nhập câu hỏi từ file Đây chức quan trọng Moodle cho phép tái sử dụng nguồn câu hỏi sẵn có, giảm chi phí cho việc soạn thảo câu hỏi Chức cho phép nhập câu hỏi vào từ số định dạng file văn Dưới trình bày định dạng ví dụ tương ứng a Định dạng GIFT Hỗ trợ kiểu câu hỏi đa lựa chọn, trả lời đúng/sai, trả lời ngắn, so khớp câu 44 hỏi số Nhiều loại câu hỏi chứa file văn Định dạng hỗ trợ dịng thích, tiêu đề, thơng tin phản hồi điểm câu hỏi Câu hỏi bắt đầu phần nội dung câu hỏi Tiếp theo lựa chọn đặt cặp dấu ngoặc {} Câu trả lời bắt đầu ký tự bằng(=), câu trả lời không bắt đầu ký tự sóng(~) kèm với trọng số điểm tương ứng Các thông tin phản hồi tương ứng đặt sau ký tự thăng (#) Ngồi định dạng cịn hỗ trợ thích tiêu đề câu hỏi: - Dịng thích bắt đầu ký tự sổ chéo (//) Ví dụ: // comment here - Tiêu đề đặt cặp ký tự :: :: Ví dụ: :: name of this question:: - Trọng số điểm phương án trả lời đặt cặp dấu phần trăm (% %) Ví dụ: %50% Nếu muốn hiển thị ký tự điều khiển : ~ = # { } đặt trước chúng ký tự sổ chéo (/) / ~; / =; /#;/ {; Câu hỏi đa lựa chọn: Ví dụ: Difficult multiple choice question.{ ~wrong answer #comment on wrong answer ~%50%half credit answer #comment on answer = full credit answer #well done!} Câu hỏi trả lời ngắn: Ví dụ: Who's buried in Grant's tomb?{=no one =nobody} Các câu trả lời bắt đầu ký tự (=) Bỏ qua phân biệt chữ hoa chữ thường phát biểu: $question->usecase = 0; // Ignore case 45 Câu hỏi đúng/sai: Ví dụ: Grant is buried in Grant's tomb.{F} Câu trả lời sai quy định: {TRUE} hay {T}, sai {FALSE} hay {F} Câu hỏi so khớp Ví dụ: Matching Question { =subquestion1 -> subanswer1 =subquestion2 -> subanswer2 =subquestion3 -> subanswer3 } Các câu trả lời bắt đầu ký tự (=) phân tách với phương án lựa chọn dấu mũi tên (->) Câu hỏi không hỗ trợ thông tin phản hồi trọng số điểm cho phương án lựa chọn Câu hỏi đa lựa chọn Ví dụ: What two people are entombed in Grant's tomb? { ~%-50%No one ~%50%Grant ~%50%Grant's wife ~%-50%Grant's father } b Định dạng Aiken Định dạng Aiken cung cấp định dạng đơn giản cho câu hỏi đa lựa chọn Nội dung câu hỏi phải dòng, câu trả lời bắt đầu ký tự đơn tiếp sau 46 ký tự chấm (.) hay ngoặc đơn ( )) Dòng đáp án phải theo sau bắt đầu cụm từ "ANSWER:" Ví dụ: What is the correct answer to this question? A Is it this one? B Maybe this answer? C Possibly this one? D Must be this one! ANSWER: D c Định dạng Missing Word Định dạng hỗ trợ câu hỏi đa lựa chọn câu hỏi trả lời ngắn phụ thuộc vào số lượng câu trả lời Mỗi câu trả lời phân tách ký tự sóng (~), câu trả lời bắt đầu ký tự (=) d Định dạng AON Giống định dạng Missing Word, cho phép tạo câu hỏi so khớp từ câu hỏi trả lời ngắn Câu hỏi đa lựa chọn tráo đổi câu trả lời cách ngẫu nhiên e Định dạng WebCT Định dạng WebCT hỗ trợ câu hỏi đa lựa chọn câu trả lời ngắn f Định dạng Blackboard Module cho phép nhập file có định dạng blackboard dựa vào hàm XML biên dịch PHP g Định dạng câu hỏi nhiều câu trả lời Định dạng phục vụ cho nhập câu hỏi nhiều câu trả lời bao gồm câu hỏi đa lựa chọn, câu hỏi trả lời ngắn câu hỏi trả lời số(xem phần trên) h Định dạng Quản lý thi khóa học Định dạng cho phép truy nhập khối test sở liệu Access tùy 47 thuộc tảng Moodle hoạt động Windows hay Linux i Định dạng Hotpot Định dạng cho phép nhập nhiều loại câu hỏi như: câu hỏi đa lựa chọn, so khớp, câu hỏi kiểu ô chữ soạn thảo từ trình soạn thảo như: Hot Potatoes Hình 3.28 Định dạng ngân hàng đề thi mơn Sửa chữa bảo trì máy tính Hình 3.29 Kết nhập câu hỏi từ ngân hàng đề thi 48 Hình 3.30 Giao diện kết thiết lập thơng số kỳ thi Hình 3.31 Giao diện làm thi học viên 49 Hình 3.32 Giao diện mô-đun triển khai chương 50 KẾT LUẬN Bài giảng môn học Sửa chữa bảo trì máy tính kết hợp cơng nghẹ web cơng nghệ điện toán đám mây triển khai hệ thống LMS-UTE, đợt dịch Covid-19 thực nghiệm cho sinh viên tham gia theo mơ hình học tập Blended learning Đề tài triển khai ứng dụng thực mục tiêu đặt đề tài, là: - Triển khai hệ thống giảng website đáp ứng tiêu chuẩn liên quan đến giảng điện tử như: đề cương, giảng đa phương tiện, phần trao đổi, thảo luận, đánh giá q trình người học… - Tích hợp cơng nghệ điện toán đám mây để giải linh hoạt kho lưu trữ - Kết hợp phương pháp học tập E-learning với Blended learning Bên cạnh đó, đề tài hạn chế chưa khai thác hết chức năng, tài nguyên mà Moodle cung cấp Hướng nghiên cứu tiếp đề tài mở rộng chức để làm phong phú giảng tạo hứng thú cho người học Qua thời gian thực từ tháng 8/2019 đến tháng 8/2020, đề tài hoàn thành sản phẩm đặt thuyết minh 51 TÀI LIỆU THAM KHẢO [1] “Learning — definitions, differences & use cases.” [Online] Available: https://www.howspace.com/resources/e-learning-vs-blended-learning [2] B Furht, Ed., “Sharable Content Object Reference Model (SCORM),” in Encyclopedia of Multimedia, Boston, MA: Springer US, 2008, pp 816–817 [3] A E Napoleon and G Åke, “On Mobile Learning with Learning Content Management Systems: A Contemporary Literature Review,” in Mobile as a Mainstream Towards Future Challenges in Mobile Learning, 2014, pp 131– 145 [4] S Wheeler, “e-Learning and Digital Learning,” in Encyclopedia of the Sciences of Learning, N M Seel, Ed Boston, MA: Springer US, 2012, pp 1109–1111 [5] “Instructional Design for Online Learning.” [Online] Available: http://www.pitt.edu/~poole/onlinelearning.html [6] “Hướng dẫn sử dụng hệ thống E-learning.” [Online] Available: https://ctc.ctu.edu.vn [7] “E-learning ứng dụng dạy học.” [Online] Available: https://vietnam.vvob.org/ [8] “Ứng dụng LMS Moodle triển khai dạy học Blended Learning.” [Online] Available: https://dgcntt.gnomio.com/ [9] “Trang hỗ trợ Moodle tiếng Việt.” [Online] Available: https://moodle.org/course/view.php?id=45 [10] “Điện toán đám mây.” [Online] Available: https://vi.wikipedia.org/wiki/ [11] “Kiến trúc điện toán đám mây.” [Online] Available: http://itprotraining.vn/vi/cloud-computing/kien-truc-dien-toan-dam-may 52 MINH CHỨNG SẢN PHẨM ...ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT BÁO CÁO TỔNG KẾT ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG NGHIÊN CỨU XÂY DỰNG HỆ THỐNG BÀI GIẢNG MƠN HỌC SỬA CHỮA VÀ BẢO TRÌ MÁY TÍNH KẾT HỢP NỀN TẢNG... tài: Nghiên cứu xây dựng hệ thống giảng môn học sửa chữa bảo trì máy tính kết hợp tảng web điện toán đám mây - Mã số: T2019-06-137 - Chủ nhiệm đề tài: ThS Lê Vũ - Tổ chức chủ trì: Trường Đại học. .. Chương XÂY DỰNG HỆ THỐNG BÀI GIẢNG Trong chương này, trình bày phương thức xây dựng hệ thống giảng mơn Sửa chữa bảo trì máy tính tảng hệ thống LMS-UTE có sẵn nhà trường, ứng dụng công cụ web mã