Ngày nay các ứng dụng web (WebApps) trở nên ngày càng phổ biến và được sử dụng trong các chiến lược kinh doanh của các công ty
LOGO ĐỀ TÀI: WEB ENGINEERING GVHD :Th.s LÊ VĂN VINH Sinh Viên: Vũ Việt Hùng 08110211Huỳnh Tấn Phát 08110205 Cao Bá Lộc 08110233 Giới thiệu Web Engineering (WebE) là quá trình được sử dụng để tạo ra các hệ thống và ứng dụng chất lượng cao dựa trên nền web (Gọi chung là ứng dụng Web - WebApps) WebE không phải là bản sao hoàn hảo của công nghệ phần mềm, nhưng nó vay mượn rất nhiều các khái niệm và các nguyên tắc cơ bản của công nghệ phần mềm. Công nghệ phần mềm - Web Engineering 2 Giới thiệu (tt) Ngày nay các ứng dụng web (WebApps) trở nên ngày càng phổ biến và được sử dụng trong các chiến lược kinh doanh của các công ty ( vd: cty thương mại điện tử ). Vì vậy cần xây dựng 1 hệ thống các ứng dụng web đáng tin cậy, có thể sử dụng và có khả năng thích nghi và phát triển. Đó là lý do tại sao việc phát triển WebE là cần thiết. Công nghệ phần mềm - Web Engineering 3 Tổng quan các tiến trình WebE Xây dựng các vấn đề. Lập kế hoạch. Phân tích yêu cầu của WebApp. Xây dựng cấu trúc, định hướng, và thiết kế giao diện. Hệ thống thực hiện bằng cách sử dụng ngôn ngữ chuyên ngành và các công cụ liên quan đến Web. Cấu hình quản lý, kiểm soát chất lượng, và bảo trì cơ cấu vừa được thành lập. Công nghệ phần mềm - Web Engineering 4 Các thuộc tính của WebApp Dùng nhiều về mạng (Network intensive) Điều khiển theo nội dung (Content-driven) Tiến hóa liên tục (Continous evolution) Tính tức thời ( Immediacry) Bảo mật (Security) Thẩm mỹ (Aesthetics) Công nghệ phần mềm - Web Engineering 5 Các ứng dụng WebE Informational Downloads Customizable Interaction Data warehousing Transaction- oriented Service-oriented Portal Database access Công nghệ phần mềm - Web Engineering 6 Framework for WebE Công nghệ phần mềm - Web Engineering 7 Xây dựng hệ thống (Fomulation) Lúc bắt đầu xây dựng cần phải trả lời các câu hỏi tập các câu hỏi: Động lực chính cho ứng dụng Web là gì? Vì sao cần phải có ứng dụng Web? Ai sẽ là người dùng ứng dụng Web? Xác định mục tiêu thông tin (information goals ):Xác định mục đích để cung cấp thông tin cụ thế cho người dùng Xác định mục tiêu ứng dụng ( Applicative goals): cho biết khả năng thực hiện một số nhiệm vụ trong WebApp Công nghệ phần mềm - Web Engineering 8 Lập kế hoạch ( Planning) Ước tính chi phí dự án. Đánh giá rủi ro Xác định quy trình phát triển cho bước đầu tiên của ứng dụng web Xác định các quy trình cơ bản cho các bước tiếp theo 9 Công nghệ phần mềm - Web Engineering Phân tích hệ thống (Analysis) Bốn kiểu phân tích được tiến hành trong kĩ thuật Web: Phân tích nội dung: • Xác định nội dung cung cấp cho ứng dụng web • Nội dung bao gồm: văn bản,đồ họa và hình ảnh, video và âm thanh dữ liệu. Phân tích tương tác • Mô tả cách thức mà người dùng tương tác với ứng dụng Web. Công nghệ phần mềm - Web Engineering 10 [...]... cho ứng dụng web Phân tích cấu hình : • Mô tả chi tiết môi trường ứng dụng web Công nghệ phần mềm - Web Engineering 11 Thiết kế ứng dụng Web- based Architectural Design Navigation Design Interface Design Công nghệ phần mềm - Web Engineering 12 ARCHITECTURAL DESIGN Cấu trúc WebApp:có 4 cấu trúc khác nhau của WebApp để cho nhà thiết kế lựa chọn khi lập trình thiết kế cho kiến trúc WebApp Cấu trúc... được Công nghệ phần mềm - Web Engineering 13 Công nghệ phần mềm - Web 14 ARCHITECTURAL DESIGN Cấu trúc lưới (Grid Structures): được áp dụng khi nội dung WebApp có thể được tổ chức hai hay nhiều chiều Công nghệ phần mềm - Web Engineering 15 ARCHITECTURAL DESIGN Cấu trúc cấp bậc (Hierarchical Structures): đây là kiến trúc WebApp thông dụng nhất Cho phép chuyển qua nội dung WebApp nhanh chóng, nhưng... - Web Engineering 16 ARCHITECTURAL DESIGN Cấu trúc nối mạng (networked): Giống với kiến trúc hướng đối tượng Mỗi thành phần ( web page) được kết nối với tất cả thành phần khác Có tính dẫn lái (navigation) linh hoạt nhưng có thể nhầm lẫn người dùng Công nghệ phần mềm - Web 17 NAVIGATION DESIGN Navigation Design Designer phải xác định navigation pathways cho phép người dùng truy cập nội dung WebApp... cho phép người dùng truy cập nội dung WebApp WebApp có nhiều vai trò khác nhau: khách ghé thăm, khách hàng đã đăng ký, người dùng có đặc quyền Mỗi một vai trò này liên quan đến mức khác nhau của nội dung truy cập SNU ( Senmantic Navigation Unit ): Designer tạo ra SNU cho từng mục tiêu của mỗi vai trò của người dùng được tạo ra Công nghệ phần mềm - Web Engineering 18 NAVIGATION DESIGN Cơ chế mỗi... button, … Designer nên thiết lập quy ước navigation Biểu tượng và liên kết đồ họa trông có vẻ “clickable" Màu sắc nên cho biết liên kết dẫn đường cho chỉ đạo bằng văn bản Công nghệ phần mềm - Web Engineering 19 Thank You ! LOGO . Web Engineering (WebE) là quá trình được sử dụng để tạo ra các hệ thống và ứng dụng chất lượng cao dựa trên nền web (Gọi chung là ứng dụng Web - WebApps). Database access Công nghệ phần mềm - Web Engineering 6 Framework for WebE Công nghệ phần mềm - Web Engineering 7 Xây dựng hệ thống (Fomulation)