Luận văn Thạc sĩ: Xây dựng khung quản trị nội dung web dễ truy cập cho người già và trẻ em

Luận văn trình bày giải pháp và thử nghiệm khung quản trị nội dung web dễ truy cập cho người già, trẻ em, đáp ứng tiêu chuẩn ISO/IEC 40500:2012.

• Tác giả: Nguyễn Văn Hòa
• Người hướng dẫn: Ts. Vũ Thị Hương Giang
• Đề tài: Khung Quản Trị Nội Dung Web Dễ Truy Cập
• Loại tài liệu: Luận văn
• Năm xuất bản: 2014

Tóm tắt

I. Tổng Quan Về Khung Quản Trị Nội Dung Web Dễ Truy Cập

Khung quản trị nội dung web dễ truy cập là một nền tảng quan trọng được phát triển để giải quyết nhu cầu ngày càng tăng về quản lý nội dung số hóa trong các tổ chức hiện đại. Luận văn năm 2014 của tác giả Nguyễn Văn Hòa tập trung vào việc xây dựng một hệ quản trị nội dung thống nhất, đáp ứng các tiêu chuẩn quốc tế ISO/IEC 40500:2012 và các yêu cầu của thông tư số 26/2009 từ Bộ Truyền thông và Thông tin. Mục tiêu chính là tạo ra các trang web dễ truy cập cho tất cả người dùng, đặc biệt là những nhóm hạn chế khả năng tiếp cận như người cao tuổi và trẻ em. Khung này không chỉ giải quyết các vấn đề kỹ thuật mà còn hỗ trợ bình đẳng trong việc tiếp cận thông tin trên môi trường số.

1.1. Khái Niệm Khung Phần Mềm và Quản Trị Nội Dung

Khung phần mềm là tập hợp các thư viện và lớp có khả năng tái sử dụng mã nguồn cho các hệ thống phần mềm. Khung quản trị nội dung (CMF) là một nền tảng chuẩn quy định các thành phần chính để quản lý nội dung web, bao gồm WAF (Web Application Framework) với 9 tính năng cơ bản và CMS (Content Management System) với 14 chức năng cơ bản, tạo thành một hệ thống toàn diện cho quản lý thông tin số.

1.2. Nhu Cầu Xây Dựng Hệ Thống Dễ Truy Cập

Hiện nay, rất nhiều người gặp khó khăn khi tiếp cận web do những hạn chế về khía cạnh kỹ thuật, khuyết tật, hoặc thiết bị hạn chế như điện thoại di động. Để đảm bảo bình đẳng truy cập, khung quản trị nội dung web dễ truy cập cần đáp ứng các tiêu chuẩn quốc tế và khuyến cáo từ WAI, nhằm hỗ trợ tất cả người dùng.

II. Tiêu Chuẩn và Khuyến Nghị Kỹ Thuật

Để xây dựng một khung quản trị nội dung web dễ truy cập hiệu quả, cần tuân thủ các tiêu chuẩn quốc tế và quy định địa phương. Tiêu chuẩn ISO/IEC 40500:2012 và thông tư số 26/2009/TT-BTTTT của Bộ Truyền thông và Thông tin cung cấp các yêu cầu kỹ thuật cụ thể. Các tiêu chuẩn này đề ra các khuyến nghị cho lập trình viên nhằm tạo ra nội dung web dễ truy cập, giúp mọi đối tượng người dùng đều có thể hưởng lợi. Khung được thiết kế với các mẫu giao diện bố cục theo khuyến cáo WAI, đảm bảo không chỉ tính chức năng mà còn tính khả dụng cao cho các nhóm người dùng đặc biệt.

2.1. Tiêu Chuẩn ISO IEC 40500 2012

Tiêu chuẩn ISO/IEC 40500:2012 được ban hành bởi tổ chức chuẩn quốc tế TRO vào tháng 10/2012, cung cấp các yêu cầu kỹ thuật toàn diện. Các khuyến nghị này bao gồm hướng dẫn về thiết kế giao diện, cấu trúc nội dung, và khả năng tương tác để đảm bảo người dùng có khả năng hạn chế vẫn có thể tiếp cận thông tin một cách hiệu quả.

2.2. Yêu Cầu Kỹ Thuật Đáp Ứng

Các kỹ thuật đáp ứng được xây dựng để hỗ trợ nhiều loại thiết bị và khả năng khác nhau. Mẫu thiết kế giao diện tuân theo khuyến cáo WAI, bao gồm điều chỉnh độ tương phản, kích thước chữ, và cấu trúc logic để người dùng có thể dễ dàng điều hướng và tìm kiếm thông tin cần thiết.

III. Giải Pháp Xây Dựng Khung Quản Trị Nội Dung

Giải pháp xây dựng khung quản trị nội dung web dễ truy cập được trình bày chi tiết trong luận văn, tập trung vào việc kết hợp các yêu cầu kỹ thuật với các khuyến cáo từ tiêu chuẩn quốc tế. Khung được thiết kế với ba tầng chính: Tầng giao diện (Extension tier), Tầng xử lý ứng dụng (Application tier), và Tầng khung hệ thống (Framework tier). Mỗi tầng được phát triển nhằm đảm bảo khả năng tái sử dụng cao và linh hoạt trong mở rộng. Thông tin đầu ra được định dạng sao cho phù hợp với nhu cầu của các nhóm người dùng khác nhau, bao gồm người cao tuổi, trẻ em, và những người có khuyết tật.

3.1. Kiến Trúc Ba Tầng Hệ Thống

Tầng giao diện (Extension tier) cung cấp các thành phần giao điện người dùng. Tầng xử lý ứng dụng (Application tier) quản lý logic nghiệp vụ và xử lý nội dung. Tầng khung hệ thống (Framework tier) cung cấp các dịch vụ cơ bản và tái sử dụng mã cho toàn bộ hệ thống, đảm bảo tính consistency và hiệu quả phát triển.

3.2. Mẫu Thiết Kế Giao Diện

Mẫu thiết kế giao diện được xây dựng theo khuyến cáo WAI nhằm đảm bảo dễ sử dụng. Bố cục được thiết kế với cấu trúc logic rõ ràng, độ tương phản cao, kích thước chữ điều chỉnh được, và hỗ trợ điều hướng bằng bàn phím để người dùng có khả năng hạn chế cũng có thể truy cập dễ dàng.

IV. Thử Nghiệm và Đánh Giá Kết Quả

Thử nghiệm khung quản trị nội dung web dễ truy cập được tiến hành nhằm xác minh rằng các yêu cầu kỹ thuật đã được đáp ứng đầy đủ. Quá trình đánh giá bao gồm kiểm tra độ tuân thủ với tiêu chuẩn ISO/IEC 40500:2012 và thông tư 26/2009, cũng như kiểm tra trải nghiệm người dùng của các nhóm đối tượng cụ thể. Kết quả cho thấy khung đã đạt được mục tiêu tạo ra trang thông tin dễ truy cập cho người cao tuổi, trẻ em, và các nhóm người dùng hạn chế khác. Hướng phát triển tiếp theo bao gồm mở rộng khung cho các tính năng bổ sung và tối ưu hóa thêm dựa trên phản hồi người dùng.

4.1. Quy Trình Thử Nghiệm Hệ Thống

Quy trình thử nghiệm bao gồm kiểm tra các kỹ thuật áp dụng trong khung như hỗ trợ trình đọc màn hình, điều hướng bằng bàn phím, và tính tương thích với các trình duyệt khác nhau. Mô tả hệ thống chi tiết và thiết kế giao diện được kiểm tra toàn diện để đảm bảo khả năng tiếp cận cho tất cả người dùng.

4.2. Hướng Phát Triển Tương Lai

Hướng phát triển khung quản trị nội dung web dễ truy cập bao gồm việc tích hợp các công nghệ mới như trí tuệ nhân tạo để cải thiện trải nghiệm người dùng, mở rộng hỗ trợ ngôn ngữ, và tối ưu hóa hiệu suất để đảm bảo khung có thể phục vụ một phạm vi người dùng rộng lớn hơn trong tương lai.

Trích đoạn nội dung tài liệu

Chương 1 - TÔNG QUAN CƠ SỞ LÝ THUYẾT VỆ KHUNG QUẦN TRỊ NOI DUNG WEB Chương 2 - GIẢI PHÁP XÂY DỰNG KIIUNG QUẦN TRI NOL DUNG WEB DỄ TRUY CẬP Chương 3 - THU NGHIEM VA DANH GIA LOI CAM BOAN Téi xin cam doan:’ 1. Những nội dung trong luận văn này là công trình nghiên cứu vita tôi dưới sự hướng dẫn trực tiếp của T8 Vũ Thị Hương Giang, 2. Mọi tham kháo dùng trong luận văn dêu dược trích dẫn rõ ràng tên tác giả, tên công trình, thời gian, địa điểm công bổ. Các số liệu, kết quả nêu trong luận văn là trưng thực và chưa từng được ai công bé trong bat ky cng trình nảo khác.

Mọi sao chép không hợp lê, vì pham quy chế đào tạo, hay gian trá, tôi xin chịu hoàn toàn Irách nhiệm. năm 2014 TÁC GIÁ LUẬN VĂN Nguyễn Văn Hòa 2.3 Các kỹ thuật đáp ứng,.4 Thông tin đầu ra.2 Mẫu thiết kẻ.5 Kết chương. se Chương 3 - THỨ NGHIEM VẢ ĐÀNH GIÁ 3.1 Mô tả hệ thống.2 Thiết kế giao điện 3.1 Tang giao dién (Extension tier) 3.2 Tang xit ly ứng dung (Application tier) 3.3 Tầng nhân hệ thống (Framework tier) 3.4 Minh họa một sề kỹ thuật áp đựng, 3.5 Kết chương, 3. Hướng phát triển.

TÀI LIỀU THAM KHẢO Chuong 1 - TONG QUAN CO SO LY THUVET VE KHUNG QUAN TRI NOT DUNG WEB Trong chương nảy tác giả trình bày tổng quát những kiến thức lý thuyết cơ bản được đủng làm cơ sở để nghiên cứn, đó là: (1) Lý thuyết về khung, khung quản trị nội dung, hệ quân trị nội đưng, (2) Tuy nhiên để xây dựng được khung quản trị nội dung web dễ truy cập, phải dựa trên tiếu chuẩn ISO/LHC 40500:2012 [3], thông tư 26/2009/TT-BTTTT [7], vì thể trong chương này tác giả còn phân tích các khuyến nghi trong tiêu chuấu ISO/ECƠ 40500:2012 [3], các yêu cầu trong thông tư 26/2009; "T [2], nhằm tạo lập trang thông tin để truy cập nội dung cho người dùng cuối. (3) Trên cơ sở đó, đưa ra thú câu cân thiết của việc xây đựng khung quân trì nội dung web dé truy cập và mục tiêu cần đạt được đối với thông tin dâu ra của khưng cho tắt cả người dùng vá đặc biệt là nhóm người dùng hạn chế khả năng truy cập nội dưng web như người già và trẻ era 1.1 Khung phần mém Khung phân mềm [1] là tập các thư viện hoặc lớp có khả năng tái sử dụng mã thiêu lân cho hệ thống phần mềm hoặc các hệ thống con trên nền hệ thông Lẳng thé 1.2 Khung quản trị nội dung 1.1 Khái niệm Khung quản trị nội dung [1] là một nễn táng chuẩn quy định các thành phần chính của việc quản lý nội đưng web Nó bao gồm tất cả các tính năng cơ bản của ứng dụng quân lý web [5] và hệ quản tị nội đụng web [6] Hinh 1 đưởi dây mình họa hai thành phần chính của CME là: WAF và CMS Thành phản thi nhat WAF-. có 9 tính năng cơ bản và thành phần thứ hai CMS: có L4 chúc rrẳng cơ bản DANH MỤC THUẬ NGỮ ANH - VHỆT Thuật ngữ và ký hiệu Ý nghĩa Sollware [ramework Khing phân mềm Content Management Framework (CMF) Khung quản trị hệ quần trị nội dung Web Application Framework (WAF) 'Khimg (nên tảng) ứng đụng web Content Management System (CMS) Hệ quản trị nội dung web Web Conlenl Manageiionl Quân lý nội dụng web Web template system Giao diện mẫu do hệ thông cũng cấp Cachng Bệ nhở đêm. Scounity Anninh Database access, mapping and Cơ sở dữ liệu, bán đỗ trang và cấu configuration hình URL mapping Sơ đô UEL Web services Dịch vụ web ‘Web resources Tai nguyén web Automated (ermplates Thay đôi giao diện Access Control Kiểm soát truy nhập Scalable expansion Khả năng mở rộng nội dung Easily editable content Cũng cấp chế độ soạn thảo.

Scalable feature sets Kha ning mở rộng chức năng, Web standards upgrades Nâng cấp giữ nguyên tiêu chuẩn. ‘Workflow management Quin ly luéng céng viée Collaboration Thôi hợp thực hiện công việc Delegation Ủy quyền thực hiện công việc Document management Quản lÿ tải liệu Content virlualization Áo hỏa nội dựng, Content syndication Cho phép lẫy tin ty dong Multilingual Đa ngôn ngữ Versioning Sử dụng lại các phiên bản cũ Perceivsblc Gó thể tiếp thụ Operable Co thé thao tac Understandable Có thể hiểu được Robust Tính vững chắc DANH MỤC CÁC BANG Bang 1: Một số CMT phê biến 6 Bảng 2: Lưới tiêu chỉ áp dụng chơ dối tượng người giả và trẻ em. 25 Bang 3: Lưới kỹ thuật chung (General - G) 28 đảng 4: Lưới kỹ thuật liên quan đến LIML (HTML LD). TH sees Bảng 5: Lưới kỹ thuật liên quan đến CSS (CSS —C) 31 Bang 6: Lưới kỹ thuật liên quan đến kịch bản (seript SCE).32 Bảng 7: Lưới kỹ thuật liên quan đến định dạng văn bắn (lexL formal.

33 Bang 8: Ludi tiêu chí và kỹ thuật tương ứng dự kiến đáp ứng 35 Bảng 9: Dự kiến dáp ứng lưới kỹ thuật chúng (Gencral- G). vod Bang 10: Du kién đáp ứng lưới kỹ thuật liên quan dén HTML (HTML — H1. Bang 11: Dự kiến đáp ứng lưới kỳ thuật liên quan đền CS (C85 C).42 Bằng 13: Dự kiến đáp ứng lưới m quan đến kich ban (script SCR). 43 Bang 13: Dy kién đáp ứng lưới kỹ thuật liên quan đến định dạng văn bản (text forruat -T) 44 Bang 14: Danh mục bảng đữ liệ 53 Bang 15: Quân lý người dùng, cao.

Đ Bảng 16: Quản lý thiết lập người đừng 34 Bảng 17: Quânlý đăng kỷ thành viên openid.34 Bảng 18: Quậnlý câu hôi đăng ký thành viên 55 Bang 19: Quan ly ding, kỷ người dùng, 55 Bang 20: Quinlý giới Huệ 36 Bong : Quin lý a 56 Bằng 22: Quản lýh 37 Bảng 23: Quản lý nhóm người dùng 3 Bảng 24: Quản lý khối block. sexy sexy sexy see ST Rang 25: Quin ly module Gn Uc 38 Hãng 26: Quân lý nhóm tin tức. ¬—-- ¬—-- ¬—-- —- Rang 27: Quân lý nguồn tín 39 Bang28: Quanly chi dé tin the 60 Rang 29: Quin ly 60 Bang 30: Quan ly tài liêu Download 61 lăng 31: Quân lý nhóm tải liệu Download 62 Rang 32: Quin lý câu hôi thăm dòý kiên 62 Bang 33: Quan ly phuong an wa lời câu hỏi thăm đòý ¬—-- —- Bảng 34: Quản lý banner quảng cáo 63 lăng 35: Quán lý phương án tr lời câu hởi thăm dò ý kiến. - eo 64 Rang 36: Quin ly số lần click barmer quang cáo 64 Lạ LOT CAM GON Déu tién, tôi xin bày tô lòng kính trọng và biết ơn sâu sắc tới T3 Vũ Thị Hương, Giang.

Cô đá trực tiếp hướng dẫn và chỉ bão tận tỉnh, giúp đỡ tôi trong suốt quả trình. thực hiện luận văn. Tôi cũng xim chân thành cảm ơn tất cả các thầy cô giáo phụ trách giảng day chuyên ngành Công nghệ thông tin hệ sau đại học, trưởng Đại học Bách Khoa Hà Nội, dã dày công dạy dỗ và trang bị cho tôi những kiến thức chuyên mên trong suốt 2 năm theo học tại trưởng, Cuối cùng, tôi xia gửi đến bố mẹ và gia đình long biết ơn võ hạn vì đã luôn quan tâm, động viên và tạo điều kiện tốt nhật cho tôi học tập và hoàn thành chương trình thạc sĩ. Hà Nội, ngày.

Nguyễn Văn Hùa TPANH MỤC CÁC HÌNH VẼ, ĐỎ THỊ Tlinh |: Thanh phan chinh cia CMF inh 2: Các chức năng chỉnh của CMI pục giao diện. admin control panel. ¬— ¬— Hình7: Các đối lượng người dàng Ilinh 8: Use case tng thẻ của hệ thổ Hình 9: Giao diện trang chủ gồm 5 ph Hình 10: Giao điện trang chủ gồm 4 p! Hình 11: Giao diện trang chủ gồm 4 phan -n Hình 1% Giao điện trang nội dụng gồm 5 Hình 13: Giao diện trang nội dung gễm 4 phản- mẫu. TH Hình 14: Giao điện trang nội dưng gồm 4 phẩn- mẫu 2 Tình 15: Tài nguyên themes website Hinh 16; Tai nguyén themes admin CP.

Hinh 17: Tai nguyén web modules Hình 18: Tải nguyễn admin modules. HH HH Hình 19: Tải nguyên core Hình 20: Minh họa các khuyên nghị áp dụng trên trang clrủ 4 phần - mẫu Ì. Hình 21: Minh họa khuyến net q63 Liinh 29: Minh họa khuyên nghị G21 Hình 30: Minh họa khu Tình 31: Minh họa khuyến nghị 1142 DANH MỤC CÁC BANG Bang 1: Một số CMT phê biến 6 Bảng 2: Lưới tiêu chỉ áp dụng chơ dối tượng người giả và trẻ em. 25 Bang 3: Lưới kỹ thuật chung (General - G) 28 đảng 4: Lưới kỹ thuật liên quan đến LIML (HTML LD).

TH sees Bảng 5: Lưới kỹ thuật liên quan đến CSS (CSS —C) 31 Bang 6: Lưới kỹ thuật liên quan đến kịch bản (seript SCE).32 Bảng 7: Lưới kỹ thuật liên quan đến định dạng văn bắn (lexL formal. 33 Bang 8: Ludi tiêu chí và kỹ thuật tương ứng dự kiến đáp ứng 35 Bảng 9: Dự kiến dáp ứng lưới kỹ thuật chúng (Gencral- G). vod Bang 10: Du kién đáp ứng lưới kỹ thuật liên quan dén HTML (HTML — H1. Bang 11: Dự kiến đáp ứng lưới kỳ thuật liên quan đền CS (C85 C).42 Bằng 13: Dự kiến đáp ứng lưới m quan đến kich ban (script SCR).

43 Bang 13: Dy kién đáp ứng lưới kỹ thuật liên quan đến định dạng văn bản (text forruat -T) 44 Bang 14: Danh mục bảng đữ liệ 53 Bang 15: Quân lý người dùng, cao. Đ Bảng 16: Quản lý thiết lập người đừng 34 Bảng 17: Quânlý đăng kỷ thành viên openid.34 Bảng 18: Quậnlý câu hôi đăng ký thành viên 55 Bang 19: Quan ly ding, kỷ người dùng, 55 Bang 20: Quinlý giới Huệ 36 Bong : Quin lý a 56 Bằng 22: Quản lýh 37 Bảng 23: Quản lý nhóm người dùng 3 Bảng 24: Quản lý khối block. sexy sexy sexy see ST Rang 25: Quin ly module Gn Uc 38 Hãng 26: Quân lý nhóm tin tức. ¬—-- ¬—-- ¬—-- —- Rang 27: Quân lý nguồn tín 39 Bang28: Quanly chi dé tin the 60 Rang 29: Quin ly 60 Bang 30: Quan ly tài liêu Download 61 lăng 31: Quân lý nhóm tải liệu Download 62 Rang 32: Quin lý câu hôi thăm dòý kiên 62 Bang 33: Quan ly phuong an wa lời câu hỏi thăm đòý ¬—-- —- Bảng 34: Quản lý banner quảng cáo 63 lăng 35: Quán lý phương án tr lời câu hởi thăm dò ý kiến.

- eo 64 Rang 36: Quin ly số lần click barmer quang cáo 64 Lạ DANH MỤC THUẬ NGỮ ANH - VHỆT Thuật ngữ và ký hiệu Ý nghĩa Sollware [ramework Khing phân mềm Content Management Framework (CMF) Khung quản trị hệ quần trị nội dung Web Application Framework (WAF) 'Khimg (nên tảng) ứng đụng web Content Management System (CMS) Hệ quản trị nội dung web Web Conlenl Manageiionl Quân lý nội dụng web Web template system Giao diện mẫu do hệ thông cũng cấp Cachng Bệ nhở đêm.