WEB ENGINEERING

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

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

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

warehousing

Transaction-oriented

access

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

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.

 Phân tích chức năng:

• Xác định các thao tác chức năng áp dụng 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

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

Dãy các tương tác dự kiến trước được.

13 Công nghệ phần mềm - Web Engineering

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

ARCHITECTURAL DESIGN

Công nghệ phần mềm - Web Engineering 15

 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 nó có thể dẫn tới lẫn lộn về phần người dùng

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.

ARCHITECTURAL DESIGN

Công nghệ phần mềm - Web

Engineering

17

NAVIGATION DESIGN

 Designer phải xác định navigation pathways 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

NAVIGATION DESIGN

nhận biết để nội dung phù hợp :

 text-based link, icon, button, …

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 !