Tiểu luận đề tài thiết kế web bán điện thoại

Giao diện trang chủ -Giao diện: kiểu hiển thị từng Sản Phẩm với chức năng này cho phép người dùng xem danh sách các sản phẩm mới, sản phẩm bán chạy của cửa hàng.. -Mô tả chức năng: Trang

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM

KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

TIỂU LUẬN

ĐỀ TÀI : Thiết Kế Web Bán Điện Thoại

GVHD: ThS Nguyễễn H u Trungữ

Môn h c: ọ Thiễết Kễế Web

Mã h c phầần: ọ

Nhóm th c hi n: ự ệ Nhóm 12 Huỳnh Đ c Hiễếuứ 21126265 Trầần Huy Hoà 21126267

Thành phôố Hôầ Chí Minh, tháng 05 năm 2023

ĐIỂM SỐ

Điểm

NHẬN XÉT CỦA GIẢNG VIÊN

Tp Hồ Chí Minh, ngày tháng 5 năm 2023

Giảng viên ký tên

Nguyễn Hữu Trung

PHÂN CÔNG CÔNG VIỆC

Nhóm 12

Phân công công việc:

*Sản phẩm: Một trang web bán điện thoại

ST

T

thành

1 Trần Huy

Hòa 21126138 + Thiết kế “Trang Chủ”+ Thiết kế “ Điện Thoại”

+ Thiết đế “Giỏ Hàng”

+ Thiết đế “Sửa Chữa”

100%

2 Huỳnh Đức

Hiếu 21126250 + Thiết kế “Phụ Kiện”+ Thiết kế “Thiết Bị Gaming”

+ Thiết đế “Đăng nhập/Đăng kí”,

“Phân Loại”

+ Thiết kế “ Chi Tiết Sản Phẩm”

100%

Nội Dung

1 Giao diện trang chủ

-Giao diện: kiểu hiển thị từng Sản Phẩm với chức năng này cho phép người dùng xem danh sách các sản phẩm mới, sản phẩm bán chạy của cửa hàng -Mô tả chức năng: Trang này cho phép người dùng xem thông tin sản phẩm ngoài ra khi click vào sản phẩm nào sẽ mở ra trang sản phẩm riêng cho sản phẩm đó

Trang web được chia làm các phần:

- Phần 1: Phần tìm kiếm sản phẩm gọi đặt hàng và vị trí của cửa hàng khi bấm vào phần tìm cửa hàng sẽ hiện ra vị trí của trường Đại học Sư phạm Kỹ thuật Tp Hồ Chí Minh

- Phần 2 - Menu ngang: Bao gồm các mục: trang chủ, điện thoại, phụ kiện, thiết bị gaming, giỏ hàng, đăng nhập Mỗi danh mục liên kết đến một trang với nội dung khác nhau

+ Phần điện thoại có 2 mục hãng sản xuất và mức giá

Phần hãng sản xuất thì chia làm các mục như sau

Phần mức giá cũng chia thành các mục

- Phần 3: Hiệu ứng chuyển cảnh bằng phương thức setTimeout trong JavaScrispt

- Phần 4: Phía dưới là danh mục các sản phẩm điện thoại bán chạy

- Phần 5: Tiếp theo là danh mục các sản phẩm điện thoại nổi bật và mức giá

- Phần 6: Tiếp theo nữa là danh sách các phụ kiện điện thoại và mức giá được liên kết với các trang khác nhau

- Phần 7: Tiếp theo là danh sách các đồ chơi công nghệ và mức giá được liên kết với các trang khác nhau

- Phần 8: Footer

Bao gồm logo địa chỉ và các phần hỏi đáp khác

2 Giao diện trang điện thoại

Trang này sẽ liệt kê các dòng điện thoại và mức giá bán của cửa hàng

3 Giao diện trang phụ kiện

Bao gồm các phụ kiện và mức giá của các sản phẩm

4 Thiết bị gaming

Cho phép khách hàng có thể chọn mua các thiết bị gaming, đồ chơi công nghệ phù hợp với nhu cầu của bản thân

5 Giao diện sửa chữa

Gồm các quy tắc sữa chữa của cửa hàng

Giúp cho khách hàng biết thêm về quy trình bảo hành, sửa chữa thiết bị cũng như thông tin của cửa hàng

6 Giao diện giỏ hàng

Giúp cho khách hàng xem lại các sản phẩm đã thêm vào giỏ hàng, giá của các sản phẩm,có thể cộng lại tổng số tiền thanh toán

Có thể tính toán được giá tiền khi thay đổi số lượng sản phẩm để tổng tiền đơn hàng

Khi tiến hành thanh toán sẽ chuyển sang giao diện thanh toán

Khách hàng sẽ điền thông tin và địa chỉ để thanh toán

7 Giao diện trang đăng nhập

Người dùng đăng nhập tài khoản để đặt mua sản phẩm của trang.

Khi dùng đúng tài khoản và mật khẩu đã cài sẵn thì thông báo đăng nhập thành công và chuyển tiếp trên trang chủ

Nếu sai thì thông báo tài khoản và mật khẩu không đúng

8 Giao diện chi tiết các sản phẩm

Cho phép người dùng xem tên sản phẩm, giá, thông tin chi tiết về sản phẩm Trong giao diện cho người dùng, chọn hiển thị theo Sản Phẩm đã được kích chọn ở trang chủ

Người dùng có thể chọn mua hàng từ TP Hồ Chí Minh hoặc Hà Nội

Lựa chọn phiên bản và màu sắc theo ý muốn

Phần dưới là mô tả chi tiết sản phẩm

Tiếp theo là phần hỏi đáp cho khách hàng

Khi mua hàng đơn hàng sẽ tự động chuyển sang giỏ hàng để thanh toán Cuối phần sẽ có phần hỏi và đáp với cửa hàng