BÁO CÁO:Kiểm tra và khắc phục mã nguồn về khả năng truy cập thuận tiện ứng dụng web trên mobile

BÁO CÁO:Kiểm tra và khắc phục mã nguồn về khả năng truy cập thuận tiện ứng dụng web trên mobile

BÁO CÁO NCKH CẤP TRƯỜNG ĐỀ TÀI Software Engineering Department | Email: huongltt@utehy.edu.vn Hưng yên, tháng 03 năm 2013 Chủ nhiệm đề tài: Ks. Lê Thị Thu Hương TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN KHOA CÔNG NGHỆ THÔNG TIN Kiểm tra và khắc phục mã nguồn về khả năng truy cập thuận tiện ứng dụng web trên mobile 03/2013 NỘI DUNG Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 2/32 Website Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 3/20 3/32 03/2013 Thiết bị di động 4/20 4/32 Màn hình kích thước nhỏ Giới hạn về CPU Không thiết bị chuột Bàn phím nhỏ Hạn chế bộ nhớ Chi phí Dung lượng pin hạn chế Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 03/2013 WACG & MWBP  The Web Content Accessibility Guidelines (WCAG) là chuẩn truy cập thuận tiện nội dung website dành cho người khuyết tật. http://www.w3.org/TR/wcag/  The Mobile Web Best Practices (MWBP) là chuẩn truy cập thuận tiện website dành cho thiết bị di động. Nó bao gồm nhiều chỉ dẫn với mục tiêu cải tiến kinh nghiệm người sử dụng trên mobile. http://www.w3.org/TR/mobile-bp/ 5/32 Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 03/2013 Mobile Web Best Practices  Tạo ra trang web có thể truy cập trên thiết bị một cách liền mạch, tin cậy, hiệu quả về chi phí.  Có 10 nguyên tắc và 60 chỉ dẫn nên nhớ khi tạo nội dung trang web trên mobile. 6/32 http://www.w3.org/TR/mobile-bp/ Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 03/2013 Kinh nghiệm người dùng 7/20 7/32 Hạn chế về bàn phím và không có chuột Không có khả năng điều khiển Nhập văn bản tự do, dài dòng Ồn và ở những nơi công cộng Điếc hoặc khó nghe Chỉ có âm thanh nhắc nhở ví dụ: errors, warnings Ánh sáng lóa Người bị mù màu và khiếm thị Thông tin truyền tải bằng cách sử dụng màu sắc Ngữ cảnh người dùng mobile Ngữ cảnh người dùng bị khuyết tật Vấn đề http://www.w3.org/WAI/mobile/experiences Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 03/2013 Các giải pháp 8/32 AVOID_FREE_TEXT & PROVIDE_DEFAULTS Không nội dung văn bản Nhập văn bản tự do, dài dòng NON- TEXT_ALTERNATIVES Không nội dung văn bản Chỉ có âm thanh nhắc nhở ví dụ: errors, warnings USE_OF_COLOR Sử dụng màu Thông tin truyền tải bằng cách sử dụng màu sắc WCAG 2.0 MWBP Vấn đề Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 03/2013 Nội dung nghiên cứu của đề tài Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 9/20 9/32  Tìm hiểu công nghệ và nguyên tắc xây dựng ứng dụng web trên di động  Đề xuất mô hình và thuật toán kiểm tra cho một số chỉ dẫn truy cập thuận tiện  Cài đặt thử nghiệm công cụ giúp kiểm tra khả năng truy cập thuận tiện của dịch vụ web trên di động 03/2013 Sản phẩm của đề tài Phần I. Tổng quan Phần II. Các kết quả chính của đề tài Phần III. Kết luận và khuyến nghị 10/20 10/32 Sản phẩm của đề tài là một bản báo cáo kết quả nghiên cứu của đề tài và một công cụ kiểm tra mã nguồn về khả năng truy cập thuận tiện. Kết quả chính của đề tài được công bố trong 01 bài báo, cụ thể là: 1. Lê Thị Thu Hương, Đào Anh Hiển (2012) Kiểm tra mã nguồn về khả năng truy cập thuận tiện ứng dụng web trên mobile. Tạp chí Nghiên cứu khoa học và công nghệ quân sự: những tiến bộ của kỹ thuật máy tính, Điện – điện tử, Công nghệ thông tin trong Khoa học và Cuộc sống, ISSN 1859-1043, Đặc san, 11-2012, tr. 169-176 03/2013 [...]... luận và khuyến nghị  Trình bày được công nghệ và nguyên tắc xây dựng ứng dụng web trên mobile  Tìm hiểu về một số chỉ dẫn truy cập thuận tiện  Đề xuất mô hình và thuật toán kiểm tra tính thuận tiện cho ứng dụng web chạy trên di động  Xây dựng công cụ hỗ trợ kiểm tra theo mô hình và thuật toán đã đề xuất  Thử nghiệm công cụ với một số ứng dụng website đã xây dựng  Viết bản báo cáo đầy đủ về những... nghị 1.2 Các chỉ dẫn về khả năng truy cập thuận tiện  Tổ chức W3C đã đưa ra khoảng 60 chỉ dẫn truy cập thuận tiện các ứng dụng web trên di động  Mỗi chỉ dẫn sẽ đưa ra những gợi ý về việc thiết kế website đảm bảo tính truy cập thuận tiện trên mobile  Ví dụ: [PAGE_TITLE] Cung cấp một mô tả tiêu đề trang ngắn gọn [NO_FRAMES] Không sử dụng khung - frames [TABLES_NESTED] Không sử dụng bảng tạo tổ lồng... khuyến nghị 1.1 Tìm hiểu công nghệ và nguyên tắc xây dựng ứng dụng di động 1.2 Các chỉ dẫn về khả năng truy cập thuận tiện ứng dụng 1.3 Nội dung và đóng góp của đề tài 03/2013 12/32 12/20 Chương I Tổng quan Phần I Tổng quan Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị 1.1 Tìm hiểu công nghệ và nguyên tắc xây dựng ứng dụng di động  Xây dựng website trên di động cũng đòi hỏi các... tra cho một số chỉ dẫn truy cập thuận tiện  Xây dựng công cụ kiểm tra theo mô hình và thuật toán đã đề xuất 03/2013 15/32 15/20 Phần I Tổng quan Chương II Thuật toán kiểm tra Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị 2.1 Đề xuất một số chỉ dẫn truy cập thuận tiện 2.2 Đề xuất kiến trúc hệ thống 2.3 Thuật toán kiểm tra một số chỉ dẫn truy cập thuận tiện 2.4 Đánh giá ưu khuyết... thuyết về MWBP từ đó đề xuất các thuật toán kiểm tra cho các tiêu chí truy cập thuận tiện này  Tuy nhiên, chúng tôi chưa thể kiểm chứng được giải pháp mà chúng tôi đề xuất là đúng đắn hoàn toàn 03/2013 23/32 Phần I Tổng quan Chương III Xây dựng công cụ & đánh giá kết quả Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị 3.1 Xây dựng công cụ hỗ trợ kiểm tra mã nguồn về khả năng truy cập. .. kiểm tra mã nguồn về khả năng truy cập thuận tiện 3.2 Thử nghiệm công cụ kiểm tra 3.3 Đánh giá kết quả 03/2013 24/32 24/20 3.1 Xây dựng công cụ kiểm tra mã nguồn Phần I Tổng quan Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị Đầu vào:  Địa chỉ URL của website Đầu ra:  Phân tích các thẻ của website đã đạt chuẩn truy cập thuận tiện trên mobile 03/2013 25/32 Phần I Tổng quan Giải... luận và khuyến nghị Bước 1: lấy về nội dung trang HTML với các URI được yêu cầu kiểm tra Bước 2: phân tích các thẻ ứng với các chỉ dẫn truy cập thuận tiện Bước 3: so sánh với các tiêu chí của các chỉ dẫn truy cập thuận tiện Bước 4: trình bày kết quả 03/2013 26/32 Phần I Tổng quan Công cụ kiểm tra Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị Sơ đồ lớp cho công cụ kiểm tra 03/2013... sử dụng các bảng để bố trí vv… 03/2013 14/32 14/20 Chương I Tổng quan Phần I Tổng quan Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị 1.3 Nội dung và đóng góp của đề tài  Tìm hiểu công nghệ và nguyên tắc xây dựng ứng dụng web trên di động  Tìm hiểu về lý thuyết truy cập thuận tiện MWBP  Đề xuất mô hình kiểm tra theo yêu cầu  Đề xuất thuật toán kiểm tra cho một số chỉ dẫn truy. .. thông báo cho người sử dụng và cung cấp phương tiện để ngăn chặn nó REDIRECTION: không sử dụng đánh dấu để chuyển hướng các trang tự động Thay vào đó, cấu hình máy chủ để thực hiện việc chuyển hướng bằng phương tiện mã HTTP 3xx 03/2013 17/32 2.1 Một số chỉ dẫn truy cập thuận tiện Phần I Tổng quan Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị NO FRAME: không sử dụng khung NON-TEXT... kiểm tra một số chỉ dẫn truy cập thuận tiện Phần I Tổng quan Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến nghị Kiểm tra chỉ dẫn [AUTO REFRESH & REDIRECTION] Thuật toán: muốn kiểm tra chỉ dẫn này cần phân tích thẻ content Mô hình: 03/2013 21/32 2.3 Thuật toán kiểm tra một số chỉ dẫn truy cập thuận tiện Phần I Tổng quan Phần II Các kết quả chính của đề tài Phần III Kết luận và khuyến