TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG VÀ CHUẨN HÓA DỊCH VỤ HỖ TRỢ ĐÀO TẠO NGHỀ Sinh viên thực hiện: Phan Văn Hùng Lớp: Công Nghệ Phần MềmA– K51 Giáo viên hướng dẫn:TS Vũ Thị Hương Giang HÀ NỘI 27-5-2011 Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 1 PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP 1. Thông tin về sinh viên Họ và tên sinh viên: Phan Văn Hùng Điện thoại liên lạc: 0988188836 Email: hungpv1988@gmail.com Lớp: Công Nghệ Phần Mềm K51 Hệ đào tạo: Đại học chính quy Đồ án tốt nghiệp được thực hiện tại: Viện công nghệ và truyền thông Thời gian làm ĐATN: Từ ngày 28/02/2011 đến 28/05/2011 2. Mục đích nội dung của ĐATN Xây dựng và chuẩn hóa dịch vụ hỗ trợ đào tạo nghề theo chuẩn WCAG 2.0. 3. Các nhiệm vụ cụ thể của ĐATN • Công việc 1: o Tìm hiểu mô hình kiến trúc hướng dịch vụ - SOA o Tìm hiểu về công nghệ Web Service • Công việc 2: o Tìm hiểu tổng quan về chuẩn truy cập WCAG 2.0 o Xác định rõ sẽ áp dụng những khuyến cáo nào trong chuẩn để xây dựng Website phía khách hàng tích hợp dịch vụ o Tìm hiểu về hệ quản trị nội dung mã nguồn mở DotNetNuke. • Công việc 3: o Phân tích và thiết kế các chức năng dịch vụ hỗ trợ đào tạo nghề o Thiết kế cơ sở dữ liệu. • Công việc 4: o Xây dựng các chức năng dịch vụ hỗ trợ đào tạo nghề o Xây dựng Website tích hợp dịch vụ hỗ trợ đào tạo nghề • Công việc 5: o Tìm hiểu các công cụ đánh giá tính truy cập Website. o Xây dựng dịch vụ chuẩn hóa giao diện Web theo chuẩn WCAG 2.0 o Xây dựng Website tích hợp dịch vụ chuẩn hóa. • Công việc 6: o Tổng kết quá trình thực hiện đồ án, nộp báo cáo theo thời hạn được Viện quy định. Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 2 4. Lời cam đoan của sinh viên: Tôi – Phan Văn Hùng - cam kết ĐATN là công trình nghiên cứu của bản thân tôi dưới sự hướng dẫn của TS Vũ Thị Hương Giang. Các kết quả nêu trong ĐATN là trung thực, không phải là sao chép toàn văn của bất kỳ công trình nào khác. Hà Nội, ngày tháng năm Tác giả ĐATN Phan Văn Hùng 5. Xác nhận của giáo viên hướng dẫn về mức độ hoàn thành của ĐATN và cho phép bảo vệ: Hà Nội, ngày tháng năm Giáo viên hướng dẫn TS. Vũ Thị Hương Giang Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 3 TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP Hiện tại nước ta có khoảng 5.1 triệu người khuyết tật, chiếm 7% dân số cả nước. Họ không có nhiều cơ hội để tiếp cận với giáo dục đào tạo nghề do các vấn đề liên quan đến sức khỏe và điều kiện kinh tế khó khăn. Hiện nay, đã xuất hiện nhiều Website đào tạo nghề, tuy nhiên tính truy cập và nội dung đào tạo các trang web này đều không đáp ứng được mong đợi của người khuyết tật. Đề tài: “Xây dựng và chuẩn hóa dịch vụ hỗ trợ đào tạo nghề theo chuẩn WCAG 2.0” nhằm mục đích tạo ra 1 ứng dụng tin học dễ sử dụng, có tính truy cập cao để hỗ trợ đào tạo nghề trực tuyến các đối tượng người khuyết tật. Qua tìm hiểu các lý thuyết về các mô hình hướng dịch vụ, mô hình phân tán, chuẩn truy cập, tôi nhận thấy giải pháp kết hợp mô hình kiến trúc hướng dịch vụ(Service Oriented Architecture – SOA [1] ) với chuẩn WCAG 2.0 [2] để xây dựng ứng dụng phù hợp với yêu cầu đặt ra. Công cụ lập trình được lựa chọn để xây dựng ứng dụng là hệ quản trị nội dung mã nguồn mở DotNetNuke [3] , hỗ trợ lập trình viên xây dựng giao diện Web và tích hợp các dịch vụ lại, tạo ra một luồng thông tin nghiệp vụ thống nhất. Sau quá trình phát triển và thử nghiệm, dịch vụ được xây dựng theo mô hình kiến trúc hướng dịch vụ và được triển khai tại trang http://cungkhoinghiep.net. Thành phần của dịch vụ bao gồm dịch vụ Web (web service) và giao diện Web được xây dựng theo chuẩn WCAG 2.0 phía khách hàng sẽ tích hợp và sử dụng dịch vụ đó. Dịch vụ bao gồm các chức năng làm nhiệm vụ tính toán hay tương tác với cơ sở dữ liệu để thực hiện các nghiệp vụ và được tích hợp vào website “cungkhoinghiep.net”. Các chức năng dịch vụ cung cấp bao gồm: chức năng học nghề cho người dùng, chức năng quản lý giáo trình cho cơ sở đào tạo, chức năng quản lý người dùng cho quản trị. Ngoài ra, dịch vụ còn cung cấp chức năng chuẩn hóa giao diện web theo chuẩn WCAG 2.0 để giúp quản trị nâng cao tính truy cập của Website. Chức năng này sẽ phát hiện ra các lỗi về tính truy cập của từng trang web và đưa ra gợi ý chi tiết cách khắc phục để hỗ trợ quản trị sửa chữa các lỗi đó. Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 4 Abstract of thesis At present, our country has about 5.1 million people with disabilities, accounting for 7% of the national population. They do not have chances to access vocational training education due to problems related to health and difficult economic conditions. Currently, there emerged many vocational training sites, but those sites’ training content and accessibility can’t satisfy the expectations of people with disabilities. My thesis: "Building and standardize vocational training service according to WCAG 2.0 standards" aimed at creating a computer application that not only is easy to use but also has high accessibility to support online training for the disabled. After the process of studying the theories about service-oriented architecture model [1] , accessibility standard WCAG 2.0 [2] , I found the solution that combining two theories to build application is suitable to requirements set forth. I chose content management system DotNetNuke [3] as Programming tool for building applications. DotNetNuke can support developers to build Web interfaces and integrate services, which creates a flow of information integrally. After the period of development and testing, service is deployed at http://cungkhoinghiep.net. The composition of service includes 2 parts: Web Service and service integrated Website whose interface is built according to the WCAG. Service includes functions used to calculate or interact with the database to perform businesses and is integrated into the website "cungkhoinghiep.net." Services also provide functions related to vocational training for the user, curriculum management for the training institutions, and user management for administrators. In addition, the service also provides function standardizing Web interface according to WCAG 2.0 standard to help administrators improve accessibility of the Website. This function will detect the accessibility error of each page and suggests ways to fix it. Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 5 LỜI CẢM ƠN Em xin chân thành cảm ơn khoa Công Nghệ Thông Tin, Trường Đại học Bách Khoa Hà Nội đã hỗ trợ tạo nhiều điều kiện thuân lợi cho chúng em trong quá trình học tập cũng như quá trình thực hiện đề tài tốt nghiệp. Em xin bày tỏ lòng biết ơn sâu sắc đến TS Vũ Thị Hương Giang đã tận tình hướng dẫn, định hướng và truyền đạt cho em những kiến thức quý báu cùng với những lời động viên khuyến khích của Cô trong những lúc khó khăn, gặp trở ngại khi thực hiện đề tài. Em cũng xin chân thành cảm ơn các thầy cô trong bộ môn Công Nghệ Phần Mềm đã tận tình giảng dạy, trang bị cho chúng em những kiến thức cần thiết trong suốt quá trình học tập và nghiên cứu. Cuối cùng tôi xin gửi lời cám ơn đến bạn bè đã hỏi thăm động viên khuyến khích và giúp đỡ tôi trong quá trình thực hiện đề tài. Mặc dù tôi đã cố gắng hết mình để hoàn thành tốt đề tài của mình nhưng dù sao những điều sai sót trong đề tài là không thể tránh khỏi, kính mong các Thầy Cô thông cảm và tận tình chỉ bảo cho em, mong các bạn đóng góp ý kiến để em có thể hoàn thiện đề tài của mình hơn. Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 6 Mục Lục Bảng 1: Bảng tblNganhNghe 36 9 Bảng 2: Bảng tblCongViec 36 9 Bảng 3: Bảng tblCosoDaotao 36 9 Bảng 4: Bảng tblCosoDaotaoNghe 37 9 Bảng 5: Bảng tblLichHoc 37 9 Bảng 6: Bảng tblBaiKiemTra 38 9 Bảng 7: Bảng tblBaiGiang 38 9 Bảng 8: Bảng tblCauHoi 39 9 Bảng 9: Bảng tblTrongSo 39 10 Bảng 10: Bảng tblLuaChon 40 10 Bảng 11: Bảng tblKetQuaBaiKiemTra 40 10 Bảng 12: Bảng Roles 41 10 Bảng 13: Bảng RoleGroup 42 10 Bảng 14: Bảng Users 43 10 Bảng 15: Bảng UserProfile 43 10 Bảng 16: Bảng UserRoles 43 10 Bảng 17: Các phương thức tầng dịch vụ 52 10 Bảng 18: Đặc tả yêu cầu kiểm thử 56 10 Bảng 19: Kiểm thử với chức năng tạo giáo trình 56 10 Bảng 20: Kiểm thử chức năng chọn câu hỏi cho bài kiểm tra 57 10 Bảng 21: Kiểm thử chức năng kiểm tra tính truy cập 57 10 Bảng 22: Kiểm thử chức năng thay đổi trạng thái cơ sở 58 10 Bảng 23: Kiểm thử chức năng làm bài kiểm tra 58 10 Bảng 24: Kiểm thử chức năng đăng nhập 58 10 Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 7 Bảng 25: So sánh nghiệp vụ Website với các Website khác 64 10 Hình 1: Kiến trúc ứng dụng 20 11 Hình 2: Các tác nhân trong một hệ thống SOA 23 11 Hình 3: Mô hình ứng dụng phân tán 23 11 Hình 4: Cấu trúc một thông điệp SOAP 25 11 Hình 5: Các tác nhân sử dụng dịch vụ 28 11 Hình 6: Các chức năng của dịch vụ 29 11 Hình 7: Các bước tạo bài kiểm tra 34 11 Hình 8: Các bước tạo ra 1 giáo trình mới 35 11 Hình 9: Các bước thực hiện chức năng tìm kiếm giáo trình 35 12 Hình 10: Các bước thực hiện chức năng tìm kiếm lịch học 36 12 Hình 11: Liên kết giữa các bảng ứng dụng 37 12 Hình 12: Các bảng liên quan đến chức năng phân quyền 43 12 Hình 13: Các chức năng dịch vụ chuẩn hóa giao diện Web 46 12 Hình 14: Các bước thực hiện chức năng kiểm tra tính truy cập Web 47 12 Hình 15: Các bước thực hiện chức năng sửa lỗi mã nguồn 47 12 Hình 16: Bố cục Website theo WCAG 2.0 48 12 Hình 17: Phần đầu trang 49 12 Hình 18: Phần đầu thân trang giao diện 49 12 Hình 19: Phần giữa thân trang giao diện 49 12 Hình 20: Phần cuối trang giao diện 50 12 Hình 21: Cấu trúc tổng thể dịch vụ 51 12 Hình 22: Cài đặt tầng giao diện 51 12 Hình 23: Cài đặt tầng nghiệp vụ 52 12 Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 8 Hình 24: Class diagram 55 12 Hình 25: Giao diện trang chủ 61 12 Hình 26: Giao diện trang chủ cione.com.vn 62 12 Hình 27: Chức năng xem danh sách giáo trình site cungkhoinghiep.net 62 12 Hình 28: Chức năng xem danh sách giáo trình site Cione.com.vn 63 12 Hình 29: Chức năng học của site cungkhoinghiep.net 64 12 Hình 30: Chức năng học của site Cione.com.vn 64 12 Hình 31: Chức năng kiểm tra và sửa lỗi truy cập site cungkhoinghiep.net 65 13 Hình 32: Chức năng kiểm tra lỗi truy cập achecker.ca 65 13 TÀI LIỆU THAM KHẢO 71 Danh mục bảng Bảng 1: Bảng tblNganhNghe 40 Bảng 2: Bảng tblCongViec 40 Bảng 3: Bảng tblCosoDaotao 40 Bảng 4: Bảng tblCosoDaotaoNghe 41 Bảng 5: Bảng tblLichHoc 41 Bảng 6: Bảng tblBaiKiemTra 42 Bảng 7: Bảng tblBaiGiang 42 Bảng 8: Bảng tblCauHoi 43 Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 9 Bảng 9: Bảng tblTrongSo 43 Bảng 10: Bảng tblLuaChon 44 Bảng 11: Bảng tblKetQuaBaiKiemTra 44 Bảng 12: Bảng Roles 45 Bảng 13: Bảng RoleGroup 46 Bảng 14: Bảng Users 47 Bảng 15: Bảng UserProfile 47 Bảng 16: Bảng UserRoles 47 Bảng 17: Các phương thức tầng dịch vụ 56 Bảng 18: Đặc tả yêu cầu kiểm thử 60 Bảng 19: Kiểm thử với chức năng tạo giáo trình 60 Bảng 20: Kiểm thử chức năng chọn câu hỏi cho bài kiểm tra 61 Bảng 21: Kiểm thử chức năng kiểm tra tính truy cập 61 Bảng 22: Kiểm thử chức năng thay đổi trạng thái cơ sở 62 Bảng 23: Kiểm thử chức năng làm bài kiểm tra 62 Bảng 24: Kiểm thử chức năng đăng nhập 62 Bảng 25: So sánh nghiệp vụ Website với các Website khác 68 Sinh viên thực hiện: Phan Văn Hùng 20061490 K51 lớp CNPMA 10 [...]... trang Web 2. 2 Qui trình công việc thực hiện • Xây dựng dịch vụ Web hỗ trợ đào tạo nghề( giao diện API cho lập trình viên) Sinh viên thực hiện: Phan Văn Hùng 20 06 14 90 K51 lớp CNPMA 23 • Xây dựng Website phía client tích hợp dịch vụ này • Xây dựng dịch vụ chuẩn hóa giao diện Website theo chuẩn WCAG 2. 0 • Xây dựng chức năng kiểm soát tính truy cập cho Website phía client có tích hợp dịch vụ chuẩn hóa • Tích... cập WCAG 2. 0 [2] và các công cụ kiểm tra tính truy cập Website, phương hướng giải xây dựng dịch vụ hỗ trợ đào tạo nghề có khả năng đáp ứng được yêu cầu đặt ra như sau: • Dịch vụ được xây dựng theo mô hình kiến trúc hướng dịch vụ (Service Oriented Archirecture-SOA [1]) để đáp ứng yêu cầu về khả năng tích hợp của dịch vụ với các dịch vụ khác • Giao diện Website tích hợp dịch vụ tuân theo chuẩn WCAG 2. 0. .. dùng trong các bối cảnh sử dụng và tình trạng sức khỏe khác nhau Ngoài ra, để hỗ trợ lập trình viên tạo ra những giao diện web chuẩn, em sẽ xây dựng dịch vụ chuẩn hóa giao diện web theo khuyến cáo của wcag 2. 0 để phát hiện và sửa chữa những lỗi truy cập trong giao diện web của dịch vụ hỗ trợ đào tạo nghề do lập trình viên gây ra Dịch vụ được xây dựng theo mô hình hướng dịch vụ (Service Oriented Architechture... yếu tố khác trong việc sử dụng service 3 .2 WCAG 2. 0 [2] Chuẩn WCAG (Web Content Accessibility guidelines) được nghiên cứu và phát triển bởi tổ chức W3C WCAG có hai phiên bản là WCAG 1 .0 công bố năm 20 02 và WCAG 2. 0 công bố năm 20 05 Chuẩn bao gồm tập các khuyến cáo về cách áp dụng các kĩ thuật liên quan đến âm thanh, hình ảnh, video, văn bản, bố cục để hỗ trợ xây dựng nội dung trang web nhằm giúp các đối... việc áp dụng giải pháp đó xây dựng đề tài sẽ được trình bày cụ thể tại phần 2- Các kết quả đạt được Phần 2: Các kết quả đạt được Trong phần 2 của báo cáo đồ án, đầu tiên tôi sẽ trình bày về phân tích và thiết kế chức năng của dịch vụ hỗ trợ đào tạo nghề và chuẩn hóa giao diện Web theo chuẩn WCAG 2. 0 [2] Sau đó, tôi sẽ giới thiệu mẫu thiết kế chung cho giao diện Web của 2 dịch vụ và cuối cùng, tôi sẽ giới... và chi phí cho quá trình xây dựng sản phẩm của bên sử dụng Với những ưu điểm được kể ra ở trên, mô hình kiến trúc hướng dịch vụ SOA sẽ được chọn để đáp ứng yêu cầu về khả năng tích hợp của dịch vụ hỗ trợ đào tạo nghề với các dịch vụ còn lại của trang thông tin điện tử hỗ trợ người khuyết tật khởi nghiệp 2 Giải pháp đề xuất Sinh viên thực hiện: Phan Văn Hùng 20 06 14 90 K51 lớp CNPMA 21 2. 1 Kiến trúc dịch. .. Web 1.4 Khả năng kiểm soát tính truy cập Website WebSite tích hợp dịch vụ sẽ được xây dựng theo chuẩn WCAG 2. 0 [2] Để giao diện Web thực sự có tính truy cập cao cần đảm bảo những lỗi gây ra bởi lập trình viên phải được khắc phục, dẫn đến nhu cầu cần phải xây dựng dịch vụ chuẩn hóa giao diện Web theo chuẩn WCAG 2. 0 Khi tích hợp dịch vụ này vào Website, quản trị có thể kiểm tra lỗi truy cập của từng trang... công cụ cho phép quản trị viên chuẩn hóa giao diện Web theo chuẩn WCAG 2. 0 [2] 1.1 Hướng giải quyết yêu cầu về mặt chức năng Trong khuôn khổ đồ án tốt nghiệp, dịch vụ sẽ kế thừa các chức năng hiện có của các website đào tạo nghề đã nêu ở trên và bổ sung thêm những chức năng mới, tạo Sinh viên thực hiện: Phan Văn Hùng 20 06 14 90 K51 lớp CNPMA 19 nên điểm nhấn cho dịch vụ như: hỗ trợ người dùng củng cố kiến... là do các website được xây dựng chỉ tập trung khai thác đối tượng người dùng bình thường mà không thực sự chú ý tới người khuyết tật Giao diện Web rất đẹp và bắt mắt nhưng lại khó truy cập Trong khuôn khổ đồ án tốt nghiệp em mong muốn xây dựng một dịch vụ hỗ trợ đào tạo nghề dành hướng tới đối tượng người khuyết tật Giao diện Web của dịch vụ sẽ được xây dựng theo chuẩn WCAG 2. 0 [2] nhằm đảm bảo tính... Web của 2 dịch vụ và cuối cùng, tôi sẽ giới thiệu cac kết quả cài đặt và thử nghiệm của từng dịch vụ I Phân tích và thiết kế dịch vụ 1 Phân tích và thiết kế dịch vụ hỗ trợ đào tạo nghề 1.1 Các tác nhân tham gia vào dịch vụ Hình 5 miêu tả các tác nhân sử dụng giao diện web của dịch vụ bao gồm: khách, người dùng đăng ký, cơ sở đào tạo và quản trị Tác nhân cha có thể thể thực hiện các chức năng nào . tích và thiết kế các chức năng dịch vụ hỗ trợ đào tạo nghề o Thiết kế cơ sở dữ liệu. • Công việc 4: o Xây dựng các chức năng dịch vụ hỗ trợ đào tạo nghề o Xây dựng Website tích hợp dịch vụ hỗ trợ. tật. Đề tài: Xây dựng và chuẩn hóa dịch vụ hỗ trợ đào tạo nghề theo chuẩn WCAG 2. 0 nhằm mục đích tạo ra 1 ứng dụng tin học dễ sử dụng, có tính truy cập cao để hỗ trợ đào tạo nghề trực tuyến. trợ đào tạo nghề • Công việc 5: o Tìm hiểu các công cụ đánh giá tính truy cập Website. o Xây dựng dịch vụ chuẩn hóa giao diện Web theo chuẩn WCAG 2. 0 o Xây dựng Website tích hợp dịch vụ chuẩn hóa.