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

Trang 1

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

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

Trang 2

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

Trang 3

Website Phần I Tổng quan Phần II Các kết quả chính của đề tài

3/20

03/2013

Trang 5

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

Trang 6

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í

Trang 7

Kinh nghiệm người dùng

7/20

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

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 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

Trang 8

Nhập văn bản tự do, dài

dòng

TEXT_ALTERNATIVES

NON-Không nội dung văn bản

Vấn đề

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

Trang 9

Nội dung nghiên cứu của đề tài

Trang 10

Sản phẩm của đề tài

Phần II Các kết quả chính của đề tài

10/20

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

Trang 11

Cấu trúc của báo cáo tổng kết

11/20

Báo cáo chia thành 03 chương:

Chương I Tổng quan Chương II Thuật toán kiểm tra các chỉ dẫn truy cập thuận tiện

Chương III Xây dựng công cụ và đánh giá khả năng thực hiện của công cụ

03/2013

Trang 12

Chương 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ị

Trang 13

1.1 Tìm hiểu công nghệ và nguyên tắc xây dựng ứng dụng di động

13/20

Chương I Tổng quan

 Xây dựng website trên di động cũng đòi hỏi các yếu tố cơ bản

của người lập trình khi tạo ra các website chạy trên máy tính PC như là yếu tố thẩm mỹ, cách trình bày, bố cục trang, nội dung

hiển thị…

 Thiết kế website trên di động cần phải tuân thủ theo những luật

hay nguyên tắc xây dựng riêng

 Báo cáo trình bày 17 chỉ dẫn hay nguyên tắc khi thiết kế ứng

dụng web trên di động

03/2013

Trang 14

1.2 Các chỉ dẫn về khả năng truy cập thuận tiện

[ 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 nhau

v v …

03/2013

Trang 15

1.3 Nội dung và đóng góp của đề tài

15/20

Chương I Tổng quan

 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 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

Trang 16

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ị

16/20

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 điểm của giải pháp

03/2013

Trang 17

2.1 Một số chỉ dẫn truy cập

thuận tiện

17/32

mà có thể

và không thay đổi cửa sổ hiện hành mà không có thông báo cho người sử dụng

thông báo cho người sử dụng và cung cấp phương tiện để ngăn chặn nó

độ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

Trang 18

2.1 Một số chỉ dẫn truy cập

thuận tiện

18/32

NO FRAME: không sử dụng khung

NON-TEXT ALTERNATIVE: cần phải có văn bản thay thế

PAGE TITLE: cung cấp mô tả ngắn về tiêu đề trang

TABLE ALTERNATIVE: có thể thay thế việc lựa chọn bảng để

biểu diễn

TABLES NESTED: không sử dụng bảng lồng nhau

TABLES LAYOUT: không sử dụng bảng để trang trí

03/2013

Trang 19

2.2 Kiến trúc hệ thống

19/32

03/2013

Trang 20

20/32

Chỉ dẫn Phân tích thẻ Thuộc tính Giá trị

AUTO_REFRESH & REDIRECTION Meta http-equiv not null/ refresh

Frame/

Frameset

NON_TEXT_ALTERNATIVES Img alt Null or length=0

PAGE_TITLE title Contain(“head”)

_top

PROVIDE_DEFAULTS Select Selected Not null

TABLE_ALTENATIVES table

TABLE_LAYOUT Table Name=“tr”

TABLES_NESTED Table Contain(“table”)

2.3 Thuật toán kiểm tra một số

chỉ dẫn truy cập thuận tiện 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

Trang 21

21/32

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

Trang 22

22/32

Kiểm tra chỉ dẫn [NO FRAMES]

Thuật toán: chỉ dẫn này được kiểm tra trong thẻ có frame, iframe, frameset

Mô hình:

03/2013

Trang 23

2.4 Đánh giá ưu khuyết điểm

của giải pháp

23/32

 Đây là một hướng rất mới ra đời từ năm 2008 nên chưa có

nhiều lý thuyết và ứng dụng về hướng nghiên cứu đề này

 Nhóm tác giả dựa trên cơ sở lý 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

Trang 24

Chương III Xây dựng công cụ

& đánh giá kết quả

Trang 25

3.1 Xây dựng công cụ kiểm

tra mã nguồn

Đầ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

25/32

03/2013

Trang 26

Giải pháp & kiến trúc

26/32

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

Trang 27

Công cụ kiểm tra

Sơ đồ lớp cho công cụ kiểm tra

27/32

03/2013

Trang 28

Công cụ kiểm tra

28/32

Giao diện website của công cụ kiểm tra

03/2013

Trang 29

Kết quả thử nghiệm

29/32

Kết quả kiểm tra website http://utehy.edu.vn

03/2013

Trang 30

Kết quả thử nghiệm

30/32

Bảng kết quả thử nghiệm công cụ kiểm tra cho một số địa chỉ website

Địa chỉ URI Chỉ dẫn Trạng thái lỗi Số lượng lỗi

http://tamhonvietnam.vn TABLES_NESTED FAIL 23

http://tinhte.vn Không có chỉ dẫn nào gặp lỗi

http://dantri.com.vn Không có chỉ dẫn nào gặp lỗi

03/2013

Trang 31

KẾT QUẢ ĐẠT ĐƯỢC

 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 kiến thức đã tìm hiểu được

Phần III Kết luận và khuyến nghị

31/32 03/2013

Trang 32

KHUYẾN NGHỊ

 Tiếp tục đề xuất thuật toán kiểm tra cho một số chỉ

dẫn truy cập thuận tiện khác

 Tiến hành thực nghiệm để chứng minh mô hình và

thuật toán đã đề xuất là đúng đắn

 Phương pháp đề xuất: tích hợp thêm tính năng sửa

mã nguồn cho những tiêu chí chưa đạt chuẩn

Phần III Kết luận và khuyến nghị

32/32 03/2013

Trang 33

TÀI LIỆU THAM KHẢO

[1] Department of Technology Services, “Mobile Web Standard and Guideline”, July 20, 2009, pp 1 [2] W3C, “Mobile Web Best Practice 1.0: Basic Guidelines”, July 29, 2008, p 13

[3] W3C Working draft, Mobile Web Best Practices 2.0,

http://www.w3.org/2005/MWI/BPWG/Group/Drafts/BestPractices-2.0/latest

[4] Department of Technology Services, “Mobile Web Standard and Guideline”, pp 2-4, July 20,

2009

[5] Prof.F.Javier Diaz, B.S.Ivana Harari, B.S.Paola Amadeo, “W3C Mobile Web Best Practices

Evaluation of an Educational Website”, Faculty of Computer Science, National University of La

Plata, pp 3- 4

[6] Francois Dauoust, Dominique Hazael-Masieux, “From pages to applications: Mobile Web Best

Practices”, W3C, pp.2-3

[7] The W3C Summary of Mobile Web Best Practices: http://www.w3.org/TR/mobile-bp/summary

[8] Department of Technology Services, “Mobile Web Standard and Guideline”, pp 2-4, July 20,

2009

[9] W3C Working Draft, Relationship Between Mobile Web Best Practices 1.0 and Web Content

Accessibility Guidelines, http://www.w3.org/TR/mwbp-wcag/

[10] W3C Working, Web Content Accessibility Guidelines, http://www.w3.org/TR/WCAG20/

33/20

Trang 34

Xin chân thành cảm ơn!

34/20

Tiêu đề	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
Người hướng dẫn	Ks. Lê Thị Thu Hương
Trường học	Trường Đại Học Sư Phạm Kỹ Thuật Hưng Yên
Chuyên ngành	Công nghệ Thông tin
Thể loại	Báo cáo
Năm xuất bản	2013
Thành phố	Hưng Yên

Định dạng
Số trang	34
Dung lượng	836,95 KB