BÁO CÁO SẢN PHẨM - THIẾT KẾ WEB CƠ BẢN - ĐỀ TÀI - thiết kế website thương mại điện tử dựa trên trang web có sẵn “Boundary

BÁO CÁO SẢN PHẨM THIẾT KẾ WEB CƠ BẢN ĐỀ TÀI thiết kế website thương mại điện tử dựa trên trang web có sẵn “BoundaryBÁO CÁO SẢN PHẨM THIẾT KẾ WEB CƠ BẢN ĐỀ TÀI thiết kế website thương mại điện tử dựa trên trang web có sẵn “BoundaryBÁO CÁO SẢN PHẨM THIẾT KẾ WEB CƠ BẢN ĐỀ TÀI thiết kế website thương mại điện tử dựa trên trang web có sẵn “Boundary

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

KHOA ĐA PHƯƠNG TIỆN

BÁO CÁO BÀI TẬP CUỐI KỲ

Môn học: Thiết kế web cơ bản

I Giới thiệu khái quát sản phẩm

Sản phẩm của nhóm là thiết kế website thương mại điện tử dựa trên trang web có sẵn “Boundary”

Trang web cung cấp và bán các sản

phẩm về balo và các phụ kiện liên quan Với đa dạng mẫu mã, thông tin đầy đủ và các bộ sưu tập được cập nhất liên tục trên website, người dùng có thể tha hồ lựa

chọn sản phẩm theo nhu cầu Website hỗ trợ đa nền tảng và các sản phẩm đều có thể được đặt mua từ nhiều quốc gia

Trang web mà nhóm thiết kế bao gồm:

- Trang chủ

- Trang thông tin sản phẩm

- Giỏ hàng và thanh toán

- Trang đăng nhập và đăng kí

Đánh giá sơ bộ sản phẩm

Trang web mà nhóm thiết kế bám sát với trang web gốc, phần giao diện hiển thị trên web mô tả giống với bản prototype

đã thiết kế Liên kết giữa các trang của

website hoạt động tốt, bố trí khá hợp lí Hoạt ảnh của website cũng được thêm

vào để tăng sức hấp dẫn đối với người

dùng khi truy cập trang web

II Quy trình thực hiện sản phẩm

Bao gồm 3 giai đoạn làm việc

1.Ý tưởng và phân công công việc

Giai đoạn này các thành viên cùng nhau nghiên cứu về trang web hướng tới và các yêu cầu đối với thiết kế Quyết định chọn

thiết kế website thương mại điện tử và thiết kế dựa trên một trang web khác

Sau khi chốt website để nhóm dựa trên thiết kế của nó thì phân công công việc cho các thành viên Các thành viên được phân công phẩn việc sẽ đảm nhận cả thiết

kế wireframe, prototype và code của phần việc

Thiết kế wireframe và prototype phải

làm trên 3 nền tảng: Desktop, Tablet và Mobile

2.Giai đoạn thực hiện

Chi tiết phần việc các thành viên được phân công như sau

1 Đào Thế Long Trang chủ và phần

liên kết các trang

2 Trịnh Hùng

Anh

Thông tin mẫu mã sản phẩm

3 Vũ Đình Đức Thanh toán và giỏ

hàng

4 Nguyễn

Dương Tùng

Trang đăng nhập

5 Phạm Quang

Huy

Password và trang thoát

6 Đào Hải Duy Trang đăng kí

Link thiết kế wireframe và prototype của nhóm bằng Figma

“https://www.figma.com/file/

bTiXfMRODboLKHcc6ttazB/

THIET_KE_WEB?node-id=0%3A1”

Đầu tiên nhóm thiết kế wireframe và

prototype dựa trên trang web đã chốt, và thiết kế cả 3 nền tảng

Sau khi chốt thiết kế prototype thì tiến hành code thiết kế theo như phần việc đã đươc phân

*Khó khăn khi thực hiện:

Trình độ của thành viên chênh lệch, đa số số các thành viên đều mới tiếp cận với việc

code web nên thời gian hoàn thành và giao diện hiển thị sau khi code có nhiều phần

không như mong đợi, chậm tiến độ so với mục tiêu đề ra

3 Giai đoạn hoàn thiện sản phẩm

Sau khi các thành viên hoàn thành phần code của mình sẽ gửi cho nhóm trưởng (Đào Thế Long) để tổng hợp code đồng thời hoàn thành giao diện của web Các thành viên trong nhóm sẽ họp và kiểm tra tổng thể code và sửa lỗi Khi sản phẩm đã được kiểm tra kỹ và hết lỗi, nhóm trưởng đánh giá công việc của từng thành viên trong nhóm