Là một người chơi, tôi muốn trang web có hình thức bố trí đẹp, màu sắc phù hợp để có trải nghiệm tốt cũng như cảm hứng khi chơi (Vũ Hà Thành)
Closed this issue · 1 comments
Các tiêu chí INVEST
- Independent: User story liên quan đến giao diện đồ họa, hiệu ứng trang web nên nó độc lập và thứ tự không ảnh hưởng đến các công việc khác
- Negotiable: Có thể được sự thống nhất giữa nhóm phát triển, product owner, phù hợp với những thay đổi trong tương lai, giao diện của trang web có thể thay đổi theo sở thích của đa số người dùng
- Valuable: Tạo sự thích thú cho khách hàng khi họ sử dụng, trải nghiệm sản phẩm
- Estimable: Thiết kế giao diện sử dụng css và hiệu ứng trang web sử dụng JavaScript
- Small: Chia nhỏ được thành hai phần là giao diện và hiệu ứng
- Testable: Do công việc liên quan đến giao diện nên dễ dàng kiểm thử
Công việc cần làm
-
Thu thập, phân tích yêu cầu cho user story (2 giờ)
Specifications (Đặc tả) -
Lên ý tưởng giao diện cho trang chủ (1 giờ)
Website templates -
Lựa chọn công cụ để thiết kế ý tưởng
Tài liệu: HTML5, CSS, JavaScript -
Thiết kế khung trang chủ sử dụng HTML5 (1 giờ)
-
Xây dựng nội dung cho trang chủ (1 giờ)
-
Bổ sung thêm nội dung vào khung trang chủ (30 phút)
-
Lựa chọn tông màu áp dụng cho sản phẩm (30 phút)
-
Sử dụng CSS để xây dựng các file stylesheet dựa trên tông màu đã có (1 giờ)
-
Áp dụng kiểm thử hộp đen kiểm tra giao diện trang chủ (30 phút)
Black box testing (Kiểm thử hộp đen) -
Lên ý tưởng về hiệu ứng cho trang chủ (30 phút)
-
Sử dụng JavaScript để xây dựng các hiệu ứng (1 giờ)
-
Áp dụng kiểm thử hộp đen kiểm tra hiệu ứng (30 phút)
Black box testing (Kiểm thử hộp đen) -
Áp dụng kiểm thử hộp trắng kiểm tra mã nguồn của hiệu ứng (1 giờ)
White box testing (Kiểm thử hộp trắng) -
Tối ưu hóa mã nguồn, loại bỏ mã xấu, thêm comment để mã dễ đọc hơn (1 giờ)
Code smells, Refactoring -
Kiểm thử hộp đen toàn bộ trang chủ (30 phút)
Video demo chức năng theo user story: https://youtu.be/8CiEyEvbtyw