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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (6.57 MB, 15 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b><small>TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO </small></b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

Giảng viên ký tên

<b>Nguyễn Hữu Trung</b>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

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

Hiếu <sup>21126250 + Thiết kế “Phụ Kiện”</sup>+ 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%

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<b>Nội Dung1. Giao diện trang chủ </b>

-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 ngồ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.

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

+ 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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

- 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

<b>2. Giao diện trang điện thoại </b>

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

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

<b>3 Giao diện trang phụ kiện </b>

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

<b>4 Thiết bị gaming </b>

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

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.

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.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

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 tốn.

Có thể tính tố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 tốn

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

<b>7 Giao diện trang đăng nhập </b>

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

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ủ

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

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

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

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

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

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 tốn Cuối phần sẽ có phần hỏi và đáp với cửa hàng

</div>