Ứng dụng mô hình rich internet application trong phát triển hệ thống quản lý tác nghiệp văn phòng

Phạm Thùy Linh – Lớp K10T3 MỤC LỤC CHƢƠNG MƠ HÌNH RICH INTERNET APPLICATION 1.1 Giới thiệu mơ hình 1.2 Đặc điểm 11 1.3 Lợi ích ứng dụng RIA 14 1.4 Những mặt hạn chế 16 1.5 Những thách thức đặt cần giải 17 1.6 Hiện trạng phát triển 20 1.7 Những ƣu việt đƣợc ghi nhận 21 1.8 Các phƣơng pháp công nghệ sử dụng mô hình RIA 21 1.8.1 JavaScript 21 1.8.2 Adobe Flash 22 1.8.3 Windows presentation foundation(WPF) and silverlight 22 1.8.4 ActiveX Controls 22 1.8.5 JavaFX 23 1.8.6 Các kỹ thuật khác 23 1.9 Một số sản phẩm công nghệ đáng ý 23 1.9.1 Adobe Flex 23 1.9.2 Ajax 32 CHƢƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG QUẢN LÝ TÁC NGHIỆP VĂN PHÒNG 38 2.1 Mục tiêu 38 2.2 Phạm vi 38 2.3 Hiện trạng 39 2.3.1 Giới thiệu 39 2.3.2 Mô hình tổ chức NHNo&PTNTVN 40 2.3.3 Công tác điều hành quản lý công việc 41 2.3.4 Yêu cầu 45 - 4- Phạm Thùy Linh – Lớp K10T3 2.4 Mơ hình nghiệp vụ 46 2.4.1 Biểu đồ hoạt động nghiệp vụ 46 2.4.2 Tổng hợp chức hệ thống 46 2.4.3 Từ điển thuật ngữ lĩnh vực nghiệp vụ 49 2.4.4 Các tác nhân nghiệp vụ 50 2.4.5 Mơ hình miền lĩnh vực 51 2.4.6 Mơ hình ca sử dụng mức cao 52 2.4.7 Mơ hình ca sử dụng chi tiết 53 2.5 Phân tích hệ thống 71 2.5.1 Gói ca sử dụng Quản lý cơng văn 72 2.5.2 Gói ca sử dụng Quản lý công việc 74 2.5.3 Gói ca sử dụng Quản lý thông báo 76 2.5.4 Gói ca sử dụng Quản trị 77 2.5.5 Biểu đồ mơ hình phân tích gộp hệ thống 79 CHƢƠNG ỨNG DỤNG MƠ HÌNH RIA TRONG VIỆC TRIỂN KHAI HỆ THỐNG QUẢN LÝ TÁC NGHIỆP VĂN PHÒNG 81 3.1 Giải pháp 81 3.1.1 Mơ hình kiến trúc phần cứng 81 3.1.2 Lựa chọn công nghệ xây dựng phần mềm ứng dụng 81 3.1.3 Mơ hình triển khai phần mềm 82 3.1.4 Sử dụng Rico LiveGrid để biểu diễn liệu máy khách 84 3.1.5 Vấn đề an toàn bảo mật 86 3.2 Thiết kế giao diện 89 3.2.1 Phân hệ Quản lý công văn 89 3.2.2 Phân hệ Quản lý công việc 92 3.2.3 Phân hệ Quản lý thông báo 94 3.2.4 Phân hệ Quản trị hệ thống 96 - 5- Phạm Thùy Linh – Lớp K10T3 BẢNG CÁC CHỮ VIẾT TẮT Từ viết tắt Nội dung Ajax Asynchronous JavaScript and XML B2B Business-to-business DOM Document Object Model HTML HyperText Markup Language HTTP HyperText Transfer Protocol IDE Integrated Development Environment IE Internet Explorer IP Internet protocol NHNo&PTNTVN Ngân hàng nông nghiệp phát triển nông thôn Việt Nam OEM original equipment manufacturer REST Representational State Transfer RIA Rich Internet Application SLM Service-Level-Management SOAP Simple Object Access Protocol SVG Scalable Vector Graphics TCP Transmission Control Protocol WPF Windows presentation foundation XHTML Extensible HyperText Markup Language - 6- Phạm Thùy Linh – Lớp K10T3 MỞ ĐẦU Ngày nay, Internet trở thành phần thiếu sống người, hoạt động doanh nghiệp, tổ chức, yêu cầu đáp ứng yêu cầu khắt khe người dùng đặt cho nhà nghiên cứu công nghệ, nhà phát triển sản phẩm dịch vụ Internet nhiều thách thức Đặc biệt khoảng cách khả tương tác với người dùng ứng dụng Internet ứng dụng desktop Người dùng ngày khó chấp nhận chuyển đổi thói quen sử dụng ứng dụng desktop truyền thống, sang sử dụng ứng dụng web xây dựng theo mơ hình Client-Server truyền thống Với cách này, hoạt động tương tác xảy chậm chạp với mơ hình clientserver mạng LAN Các nhà cung cấp dịch vụ Internet chủ động lôi người dùng cách thu hẹp khác biệt Do đó, mơ hình phát triển ứng dụng môi trường Internet đời nhằm đáp ứng kỳ vọng cộng đồng tương tác Web máy desktop Đó mơ hình phát triển Rich Internet Application (RIA) kèm theo công nghệ liên quan Sự đời mô hình RIA mở hướng mới, hứa hẹn tạo cách mạng sâu rộng Internet Các ứng dụng xây dựng theo mơ hình RIA thâm nhập vào lĩnh vực sống nhận kết đáng khích lệ Mặc dù nhiều ý kiến khác cịn có nhiều vấn đề cần khắc phục tiếp phát triển áp dụng mơ hình RIA lựa chọn hấp dẫn cho nhà phát triển, nhà nghiên cứu ứng dụng Là ngân hàng lớn hàng đầu Việt Nam, đổi mới, mở cửa hội nhập với giới đất nước, Ngân hàng Nông nghiệp phát triển nông thôn Việt Nam lấy Công nghệ thông tin hướng đầu tư tạo sức mạnh cạnh tranh nhân tố thúc đẩy phát triển Do nhu cầu cấp thiết phát triển hệ thống ứng dụng lớn Ngân hàng với ưu điểm trội tiến mặt công nghệ phủ nhận, chọn chọn đề tài “Ứng dụng mô hình Rich Internet Application việc xây dựng hệ thống Quản lý tác nghiệp văn phòng” làm đề tài luân văn tốt nghiệp cao học Luận văn gồm Phần mở đầu ba chương: - 7- Phạm Thùy Linh – Lớp K10T3 Chƣơng – Giới thiệu mơ hình Rich Internet Application Chƣơng – Phân tích thiết kế hệ thống Quản lý tác nghiệp văn phòng theo phƣơng pháp hƣớng đối tƣợng Chƣơng – Ứng dụng mô hình Rich Internet Applocation triển khai phần mềm Quản lý tác nghiệp văn phòng Và cuối đánh giá nội dung đạt được, nội dung cần tiếp tục nghiên cứu hoàn thiện - 8- Phạm Thùy Linh – Lớp K10T3 CHƯƠNG MƠ HÌNH RICH INTERNET APPLICATION 1.1 Giới thiệu mơ hình Các ứng dụng web ban đầu đời với ý tưởng giúp nhà nghiên cứu khoa học chia sẻ tài liệu dạng trang thông tin tĩnh liên kết với lưu theo chuẩn HTML Kể từ đó, trang web nhanh chóng mở rộng để thể thông tin theo định dạng văn phức tạp dạng hình ảnh Đính kèm theo trang web ứng dụng nhúng cho phép nghe xem thông tin dạng âm thanh, phim ảnh Các nhà phát triển web bổ sung thêm đoạn mã script chạy phía máy khách bên cạnh chức trình duyệt tạo trang HTML Các mã script tạo thêm hiệu ứng thể giao diện trang web trình tương tác với người sử dụng tạo trượt (slider) để cuộn trang liệu hình hiển thị, tạo menu có khả ẩn mở rộng theo chiều ngang dọc… Thậm chí, đoạn mã thực việc xử lý liệu kiểm sốt tính đắn liệu người dùng trang HTML nhập vào Bên cạnh việc tăng cường hiệu tương tác người dùng trang web, khả script không phá vỡ mơ hình ứng dụng web truyền thống ban đầu phần ứng dụng mặt lôgic chạy máy chủ để thực xử lý sau người dùng gửi yêu cầu tới cách chọn đường liên kết (link) nút lệnh giao diện Cơ chế gọi chế đồng bộ, có nghĩa là, người dùng sau gửi yêu cầu phải đợi máy chủ xử lý tải lại trang kết xử lý Quá trình lặp lặp lại cách chậm chạp có yêu cầu gây cảm giác khó chịu, bất tiện cho người sử dụng Ngày nay, nhà phát triển web tìm mơ hình phát triển mới, mơ hình Rich Internet Application (RIA) Mơ hình RIA kết hợp ứng dụng web truyền thống với mơ hình ứng dụng destop thể ý tưởng đưa số xử lý trước thực máy chủ mơ hình truyền thống thực máy khách, giữ lại xử lý khác máy dịch vụ Thuật ngữ “Rich Internet Applications” hãng Macromedia thức cơng bố vào năm 2002 Trước đó, nhiều triển khai theo nội dung thử nghiệm có - 9- Phạm Thùy Linh – Lớp K10T3 nhiều tên gọi khác sử dụng: - Remote Scriptting, Microsoft đưa năm 1998 - X Internet, tổ chức nghiên cứu Forrester đưa năm 2000 - Rich (Web) Clients - Rich Web Application Những sản phẩm cơng nghệ triển khai theo mơ hình điển sản phẩm Flash hãng Abode, java applets, tập hợp công nghệ gọi thuật ngữ Ajax – “là loạt công nghệ, mà công nghệ tự thân chúng có ảnh hưởng định, liên kết cách thức phát triển triển ứng dụng web mẻ mạnh mẽ” Sau sơ đồ mối quan hệ Flash, Ajax, java applets Hình 1.1: Quan hệ Flash, Ajax, Java applet/hoặc công nghệ java khác Sơ đồ tương tác đối tượng mơi trường hoạt động theo mơ hình RIA mơ tả cụ thể Hình 1.2 Mơ hình khơng cách cụ thể buộc người dùng phức tạp mà xác định hành vi tự động, dựa kinh nghiệm, trực quan Chúng đơn biểu diễn vài kết hành vi có liên quan tới nội dung tương tác người sử dụng ứng dụng RIA Ở bậc cao nhất, mơ hình minh họa nội dung (các phần tơ màu đóng khung hình vẽ), phần có ảnh hưởng định tới hiệu suất ứng dụng: - Thiết kế ứng dụng môi trường sử dụng hay nội dung (hàng vùng đóng khung 1) - 10- Phạm Thùy Linh – Lớp K10T3 Hình 1.2: Mơ hình tương tác đối tượng mơ hình RIA - Mong muốn hành vi người sử dụng (phần bên trái, phần đóng khung 2) - Hành vi sử dụng ứng dụng (phân bên phải, phần đóng khung 3) Đó mơ hình mơ tả bước thơng qua xảy suốt trình tương tác người sử dụng ứng dụng dựa trình duyệt Phần mũi tên đen đậm thể luồng hoạt động ứng dụng Web truyền thống yêu cầu người sử dụng (click), thông qua giao thức HTTP gửi yêu cầu tới máy chủ, sau nhận yêu cầu, xử lý, máy chủ trả lại kết cho máy trạm nhớ tạm thời trình duyệt (browse cache), liệu trả đủ nhớ tạm, người sử dụng nhận liệu thơng qua khung nhìn trang web Kinh nghiệm người sử dụng thời gian phản hồi liệu từ máy chủ khoảng thời gian cần cho tổng thể trình từ người dùng click vào đường liên kết trình duyệt đến nhận kết trả từ máy chủ trang web Việc tải chí trang web đơn bao gồm loạt chuyến từ máy trạm tới máy chủ (một trang Web thường bao gồm tập phần tử file css, đoạn mã script, ảnh nén, …) mà phần tử thường tải cách độc lập, riêng rẽ trình duyệt Như vậy, với ứng dụng web thơng thường nhận thấy rằng, tiến trình máy trạm yêu cầu, máy chủ xử lý gửi lại lặp lặp lại người sử dụng click vào đường link trình duyệt 1.2 Đặc điểm - 11- Phạm Thùy Linh – Lớp K10T3 Các ứng dụng Web truyền thống tập trung hoạt động xung quanh kiến trúc client-server Với kiến trúc này, thao tác xử lý liệu thực ứng dụng chạy máy chủ Phần ứng dụng máy khách phát triển để hiển thị nội dung tĩnh (trong trường hợp trang HTML) hiển thị kết xử lý liệu từ ứng dụng máy chủ Trở ngại lớn kiến trúc tất tương tác với ứng dụng xử lý máy chủ, nghĩa yêu cầu xử lý liệu phải gửi tới máy chủ xử lý, sau trả lại kết cho ứng dụng máy khách (Hình 1.3) liệu gửi trang web, bao gồm phần vốn có máy khách mà khơng có thay đổi sau yêu cầu Thời điểm tương tác Thời điểm xử lý máy dịch vụ Hình 1.3: Mơ hình giao tiếp ứng dụng web truyền thống Điều có nghĩa là, trang hiển thị thông tin máy khách thường xuyên phải lặp lại việc tải kết xử lý liệu cập nhật từ ứng dụng máy chủ Bằng việc sử dụng cơng nghệ cho phép phía máy khách thực thi số thao tác xử lý tương tác với người sử dụng Các ứng dụng RIA phá vỡ - 12- Phạm Thùy Linh – Lớp K10T3 3.2 Thiết kế giao diện Trên sở ca sử dụng mô tả trên, với phối hợp nhiệt tình phận nghiệp vụ, phần mêm Quản lý tác nghiệp văn phòng – OMS, phiên 1.0 hoàn thiện Chú ý: - Các chức chương trình thể toolbar context menu (phải chuột) - Vào Menu người sử dụng phải có quyền đăng ký bời người sử dụng vào thực chức tương ứng 3.2.1 Phân hệ Quản lý công văn  Xử lý công văn đến: - Các biểu tượng mơ tả hình vẽ tương ứng với trạng thái công văn - Bên cơng cụ toolbar phần tìm kiếm văn theo tiêu chí danh sách công văn bên Và bên danh sách công văn phần tải nội dung file văn đính kèm ý kiến phê duyệt xác nhận kèm theo văn duới nội dung chi tiết văn giúp người sử dụng xem nhanh văn nhấp đúp trái chuột vào cơng văn mà lưa chọn - Danh sách trạng thái công văn o (văn tạo xin ý kiến) o (Văn tạo ko xin ý kiến) o (Trạng thái văn bị xố) o (Cơng văn chờ xác nhận) o (Công văn chờ phê duyệt) o (Công văn chuyển nội xử lý) o (Công văn xác nhận) o (Công văn phê duyệt) o (Công văn xác nhận chuyển đi) - 89- Phạm Thùy Linh – Lớp K10T3 o (Công văn phê duyệt chuyển đi) Hình 3.6: Tiếp nhận cơng văn đến  Phát hành cơng văn Hình 3.7: Giao diện phục vụ phát hành công văn - 90- Phạm Thùy Linh – Lớp K10T3 Hình 3.8: Giao diện phục vụ soạn thảo cơng văn Hình 3.9: Màn hình phục vụ lãnh đạo phê duyệt công văn - 91- Phạm Thùy Linh – Lớp K10T3 Hình 3.10: Màn hình văn thư chuyển công văn 3.2.2 Phân hệ Quản lý cơng việc Hình 3.11: Màn hình Tạo cơng việc - 92- Phạm Thùy Linh – Lớp K10T3 Hình 3.12: Chức Giao việc lãnh đạo Hình 3.13: Màn hình nhập thơng tin giao việc - 93- Phạm Thùy Linh – Lớp K10T3 Hình 3.14: Màn hình cho phép chọn người thực 3.2.3 Phân hệ Quản lý thơng báo Hình 3.15: Chức báo cáo tiến độ công việc chuyên viên - 94- Phạm Thùy Linh – Lớp K10T3 Hình 3.16: Màn hình tạo thơng báo kiện  Chức Nhắn tin: Hình 3.17: Chức nhắn tin hệ thống - 95- Phạm Thùy Linh – Lớp K10T3 3.2.4 Phân hệ Quản trị hệ thống Hình 3.18: Giao diện đăng nhập hệ thống Hình 3.19: Trang chủ phần mềm OMS – sau đăng nhập sử dụng - 96- Phạm Thùy Linh – Lớp K10T3 Hình 3.20: Màn hình thơng tin chi tiết chi nhánh Hình 3.21: Màn hình quản lý phịng ban - 97- Phạm Thùy Linh – Lớp K10T3 Hình 3.22: Màn hình quản lý người dùng Hình 3.23: Màn hình chức Quản lý danh mục menu - 98- Phạm Thùy Linh – Lớp K10T3 Hình 3.24: Phân quyền sử dụng menu Hình 3.25: Màn hình chức theo dõi nhật ký hệ thống - 99- Phạm Thùy Linh – Lớp K10T3 Hình 3.26: Hình 3.45 Màn hình chức theo dõi users online - 100- Phạm Thùy Linh – Lớp K10T3 KẾT LUẬN Những kết đạt đƣợc Mơ hình RIA hướng phát triển cơng nghệ năm tới, hứa hẹn cách mạng Internet Các ứng dụng dụng xây dựng theo mơ hình RIA ngày quen thuộc vào sống G-Mail, Yahoo-mail beta, Live Search Microsoft,… Thậm chí, hãng lớn có kế hoạch bước vào đua vô liệt để đưa ứng dụng văn phòng từ việc hoạt động máy tính để bàn, sang hoạt động Internet Kèm theo bước tiến công nghệ, thuật ngữ đời web 2.0, ajax, … đưa công nghệ thông tin ngày đáp ứng gần nhu cầu khai thác sử dụng Internet nói chung Trong phạm vi luận văn này, công nghệ công cụ phổ biến, hỗ trợ phát triển ứng dụng theo mơ hình RIA nghiên cứu đánh giá Bước đầu áp dụng triển khai xây dựng thành công phần mềm OMS, triển khai Ngân hàng Nông nghiệp Phát triển Nông thôn Việt Nam Những phản hồi tích cực từ phía lãnh đạo ngân hàng người dùng nguồn động viên to lớn, làm sở để đời phiên sản phẩm dựa công nghệ cho phép phát triển ứng dụng theo mơ hình RIA Hạn chế hƣớng phát triển Là hướng phát triển nên mơ hình phát triển ứng dụng RIA công nghệ liên quan không tránh khỏi vấn đề tồn cần giải quyết, nhìn nhận đánh giá khác Trong thời gian ngắn trước mắt ứng dụng xây dựng theo mơ hình RIA khơng thể thay hồn tồn ứng dụng truyền thống Bên cạnh đó, công nghệ tiếp tục phát triển hồn thiện địi hỏi hợp tác chặt chẽ hãng phát triển công nghệ, đưa mô hình chuẩn nhận hỗ trợ nhiều tảng cơng nghệ khác Do đó, ứng dụng phát triển theo mơ hình RIA cần tiếp tục bảo trì, nâng cấp, thử nghiệm mơi trường thực tế Đặc biệt, cần phải tiếp tục hoàn thiện thử nghiệm vấn đề liên quan đến: - Bảo mật tầng trung gian chạy máy khách - 101- Phạm Thùy Linh – Lớp K10T3 - Quản lý chia sẻ tài nguyên với ứng dụng máy khách - Khả chịu tải hệ thống - Đơn giản hóa q trình phát triển ứng dụng theo mơ hình RIA - Sự hỗ trợ tảng cơng nghệ khác Ngồi vấn đề chung ra, phần mềm OMS cần tiếp tục công việc sau : - Tiếp thu phản hổi góp ý người dùng - Nghiên cứu áp dụng chữ ký số vào quy trình xét duyệt cơng văn - Xây dựng workflow – engine - Bổ sung tính theo yêu cầu người dùng - 102- Phạm Thùy Linh – Lớp K10T3 TÀI LIỆU THAM KHẢO Danh sách tài liệu tiếng Việt Nguyễn Văn Vỵ (2002), Phân tích thiết kế hệ thống thông tin đại, hướng cấu trúc – hướng đối tượng, NXB Thống Kê, Hà Nội Đặng Văn Đức (2002), Phân tích thiết kế hướng đối tượng UML, NXB Giáo Dục, Hà Nội Danh sách tài liệu tiếng anh Chris Loosley (2006): Design, Measurement,and Management Challenges, Keynote Systems Dave Crane, Eric Pascarello, Darren James (2006), Ajax in Action, Manning Publication Co Adobe Flex- Technical white paper http://www.sun.com http://java.sun.com http://www.microsoft.com http://silverlight.net 10 http://msdn.microsoft.com 11 http://www.w3.org 12 http://www.forrester.com 13 http://www.theserverside.com 14 http://www.wikipedia.org 15 http://www.sla-zone.co.uk 16 http://www.vnexpress.net - 103- ... thiện để phát triển ứng dụng theo mơ hình RIA lĩnh vực ứng dụng doanh nghiệp phát triển ứng dụng web thông dụng Flex thiết kết để giúp nhà phát triển ứng dụng đơn vị tổ chức phát triển ứng dụng dễ... tích thiết kế hệ thống Quản lý tác nghiệp văn phòng theo phƣơng pháp hƣớng đối tƣợng Chƣơng – Ứng dụng mơ hình Rich Internet Applocation triển khai phần mềm Quản lý tác nghiệp văn phòng Và cuối... sử dụng quản lý công văn đến a1 Biểu đồ ca sử dụng Quản lý công văn đến Tiếp nhận cơng văn ngồi hệ thống đến Tiếp nhận cơng văn hệ thống đến Tổ chức khác Xử lý công văn đến Văn thư Góp ý xử lý