Hướng dẫn ASM 2

A. Giới thiệu
B. Nội dung
I. Create a design document for a branded, multipage website supported with medium
fidelity wireframes and a full set of client and user requirements. (P5)
Thiết kế website bán hàng (P5)
1. Thiết kế cấu trúc và các thành phần của website ( sử dụng wireframe)
Dùng draw.io hoặc tool mockup để vẽ
Ví dụ: Trang chủ:

2. Thiết kế cơ sở dữ liệu (ghi rõ thiết kế từng bảng trong cơ sở dữ liệu)

Chụp lại các bảng trong cơ sở dữ liệu:
Ví dụ: chụp lại bảng product như sau:
II. Use your design document with appropriate principles, standards and guidelines to
produce a branded, multipage website supported with realistic content.
Phát triển website (P6)
1. Công cụ và ngôn ngữ sử dụng phát triển
Ví dụ :
Front end : sử dụng HTML, CSS, JS..
Back end: PHP, MySQL,…
2. Mô tả xem website hoạt đông như thế nào?
Chụp lại trang chủ và các trang liên quan, mô tả hoạt động của website (ví dụ đăng
nhập, đăng ký tài khoản, thêm sản phẩm, mua hàng, …)
Ví dụ: Chụp lại ảnh thêm sản phẩm
Sau đó phải chụp lại ảnh sản phẩm đã được thêm vào CSDL

Chụp lại các chức năng của trang web

Đưa lại link
Link source code:
Link website :
IV. Create a suitable Test Plan identifying key performance areas and use it to review the
functionality and performance of your website. User Experience (UX) and User Interface (UI).
Sử dụng Test Plan để đánh giá việc thiết kế và cách hoạt động của website (P7)
1. Test UI (include color, layout, font, image)
Kẻ bảng

Tiêu chí test Chi tiết

Màu sắc trang web Sử dụng những màu gì?
Font chữ
Hình ảnh Có rõ nét ko?
Kích thước, vị trí, chiều rộng, chiều cao của Đã hợp lý và hiển thị trên các thiết bị khác
các phần tử. nhau ra sao?

Giao diện Có thu hút ko

2. Test UX (when open the website on a variety of devices)

Kẻ bảng

Tiêu chí test Chi tiết

Khi mở website trên các thiết bị khác
nhau
Thời gian tải trang web
Thái độ của người dùng với trang web
Có phù hợp với các thiết bị khác ko? Các
biểu tượng, hình ảnh, chữ … có kích
thước hợp lý ko?
Nhanh hay chậm, khoảng bao nhiêu
giây?

3. Test case

- Test case sample

No Test case Input data Expected Actual Evaluation

output output
1 Test link Localhost/MyWebsite/ Display all Display all Pass
home index.php product product
2 Test link Username:loan Display Display Fail
login page Password: 1234 message”Login message
successfully” “Error”
 3 Test link Username:loannnn (username Display Display Pass
login page is not in database) message message
Password: 123456 “Login Failed” “Login
Failed”
4 Add product ProductName : Iphone Display Display Pass
ProductPrice: message “Add message
sucessfully!” “Add
sucessfully!”
Add product ProductName :

5 Test link Username:loan Display Display Pass

register page Password: 1234 “Register “Register
successfully” successfully
”

III. So sánh website đã tạo với bản thiết kế (M4)

So sánh các trang đã tạo thực tế với các trang đã thiết kế:
Ví dụ : Trang login (Nếu thiết kế có tính năng đăng nhập bằng facebook hoặc google mà thực tế
ko làm được  Thì ghi ra)
IV. Vai trò của quản lý chất lượng trong quá trình thiết kế và phát triển website (M5)
- Quản lý chất lượng phần mềm là gì? Vì sao cần quản lý chất lượng phần mềm
- Quản lý chất lượng trong quá trình thiết kế website (ví dụ khi thiết kế bằng wireframe thì phải
làm gì để đảm bảo yêu cầu người dùng, vv…)
- Quản lý chất lượng trong quá trình phát triển website (Ví dụ vừa làm phải vừa thực hiện kiểm
thử, …)
Viết 2 phương pháp quản lý chất lượng phần mềm là Total Quality Management và Test Driven
Development.

C. Kết luận
D. Tài liệu tham khảo