Trang web mua sắm online

Mục lục: I Mục tiêu II Sử dụng phần mềm III Chức .2 IV Bảng viết tắt V ĐẶT TẢ GIAO DIỆN A MÀN HÌNH KHÁCH HÀNG  Sơ đồ hình khách hàng MÔ TẢ CÁC MÀN HÌNH Trang chủ Màn hình bán chạy .8 Màn hình khuyến Màn hình hướng dẫn 10 Màn hình góp ý 12 Màn hình giỏ hàng 13 Màn hình chi tiêt sản phẩm 15 Màn hình đơn xác nhận 16 Màn hình chi tiết đơn hàng 17 10 Xem lịch sử mua hàng 20 11 Màn hình tìm kiếm 21 12 Màn hình đăng ký .24 13 Màn hình đăng nhập 25 14 Màn hình quên mật 28 15 Thay đổi mật 29 B MÀN HÌNH TRANG QUAN LÝ  Sơ đồ hình trang quản lý 30 MÔ TẢ CÁC MÀN HÌNH Màn hình trang quản lý .30 Quản Lý Đơn Đặt Hàng 38 Quản Lý Sản Phẩm 45 Quản Lý Thành Viên 53 Quản Lý Feedback .54 Quản lý Banner 57 Màn hình đăng nhập 59 Màn hình quên mật 59 Màn Hình thay đổi mật .60 C MÀN HÌNH THÔNG BÁO LỖI Lỗi 404 61 Lỗi 500 61 I Mục tiêu sản phẩm Page of 64 Xây Dựng website mua hàng trực tuyến (Online Shopping) – Mua sắm nhanh chóng số sản phẩm thiết bị điện tử (như điện thoại di động, thiết bị số, máy tính bản, ) Khách hàng mua sắm cách thoải mái nhà mà không cần đến tận nơi để mua, tiết kiệm nhiều thời gian để làm công việc quan trọng hơn, hon khách hàng truy cập tìm kiếm thông tin nhanh chóng sản phẩm II III Phần mềm sử dụng - Photoshop - Paint  Tham khảo trang web thegioisieuso.com Chức sản phẩm Trang web khách hàng phải có giao diện chức năng: • • • • • • • • Đăng Nhập Đăng Kí Đổi Mật Khẩu Đổi Thông Tin Cá Nhân Lấy Lại Mật Khẩu Xem Lịch Sử Mua Hàng Mua Hàng Tìm Kiếm Trang web quản lí có chức năng: • • • • • • • • IV Quản Lý Khách Hàng Quản Lý Đơn Hàng Quản Lý Feedback Quản Lý Banner Quản Lý Sản Phẩm Đăng Nhập Đổi Mật Khẩu Lấy Lại Mật Khẩu Bảng viết tắt Từ viết tắt Ý nghĩa CSDL KH ĐH SP V Cơ sở liệu Khách hàng Đơn hàng Sản phẩm ĐẶT TẢ GIAO DIỆN A Màn hình khách hàng Page of 64  Sơ đồ hình MÔ TẢ CÁC MÀN HÌNH Trang chủ Page of 64 Page of 64 Page of 64 STT Tên Loại control Nguồn liệu Mặc định Ghi chú/Mô tả Màn hình web Đăng nhập, đăng ký Màn hình web Đăng nhập đăng ký Menu List Image Menu Danh sách sp Danh sách sp trang web Thanh tìm kiếm - Logo Image Logo trang web Banner Image Khung treo quảng cáo cho trang web 10 11 12 13 Sản phẩm bật Điện thoại di động Android box tv Thay mặt kính Thiết bị số Máy tính - List Image Form Table TextField Button CSDL Image Table Text List Table Text Image List Table Text Image List Table Text Image List Table Text Image List Tìm kiếm sản phẩm bạn muốn tìm Những sản phẩm bán chạy Danh sách loại điện thoại di động Danh sách loại android box tv Danh sách mặt kính số điện thoại di động Danh sách số thiết bị số Danh sách số Page of 64 - Table Text Image Text Image Text 14 Xem thêm>> 15 Quảng cáo - 16 Hotline - Text • Radio • Button Image Text 17 Thăm dò ý kiến 18 Thống kê - 19 Footer Text 20 Gạch ngang loại máy tính Liên kết để xem thêm loại sản phẩm Hình ảnh quảng cáo cho sản phẩm Tên , sđt, email người hỗ trợ qua đường dây nóng Thăm dò ý kiến người dùng CSDL Page of 64 Thống kê sản phẩm, xem, xem, truy cập Tên trang web người thiết kế trang web Vạch ngăn cách Màn hình bán chạy Tên Màn hình Loại control web Nguồn liệu Mặc định Page of 64 Ghi chú/Mô tả Web Sản phẩm bán chạy - Table Image Text Những sản phẩm bán chạy trang web Màn hình khuyến Tên Loại control Nguồn liệu Mặc định Page of 64 Ghi chú/Mô tả Màn hình web - Table Sản phẩm - Image Khuyến - Text Màn hình hướng dẫn Web Những sản phẩm khuyến trang web Page 10 of 64 Tên Tìm kiếm Loại control Submit button Khung tìm kiếm TextField Mã sản phẩm Select-option Nguồn liệu Mặc định Mã sản phẩm 3.4 Màn hình thêm sản phẩm Page 50 of 64 Ghi chú/Mô tả Gửi yêu cầu tìm kiếm Nhập từ khóa cần tìm kiếm Chọn mục cần tìm Tên Loại control Màn hình Div Thêm sản phẩm Text Nguồn liệu File Duyệt lên đường dẫn hình ảnh Nhập tên sản phẩm Nhập loại sản phẩm Nhập số lượng sản phẩm Nhập giá sản phẩm Nhập mô tả sản phẩm TextField Link hình ảnh Tên sản phẩm Loại Đơn giá Mô tả Thêm sản phẩm Quay lại Ghi chú/Mô tả Chứa from thêm sản phẩm Tiêu đề Khung chứa đường dẫn hình ảnh Mặc định TextArea Lable Quay lại hinh quản lí sản phẩm Gửi yêu cầu thêm sản phẩm với thông tin chỉnh sửa Button Button Page 51 of 64 3.5 Màn hình chi tiết sản phẩm Tên Loại control Nguồn liệu Mặc định Ghi chú/Mô tả Tên Loại control Nguồn liệu Mặc định Ghi chú/Mô tả Màn hình Div Chứa thông tin chi tiết sản phẩm lựa chọn quản lí Page 52 of 64 Chi tiết sản phẩm Text Tiêu đề Hình ảnh Images Hình ảnh đại diện cho sản phẩm Tên sản phẩm: Lable Pantech Vega Iron A870 Text Mã sản phẩm: Lable HH005 Text Loại: Lable Điện thoại di động Text Số lượng: Lable 30 Text Đơn giá: Lable 2.400.000VNĐ Text Mô tả: Lable Nội dung mô tả Text Quay lại Button Quay lại hinh quản lí sản phẩm Sửa Button Gửi yêu cầu sửa sản phẩm Xóa Button Gửi yêu cầu xóa sản phẩm CSDL Tên sản phẩm CSDL Mã sản phẩm CSDL Loại sản phẩm CSDL Số lượng sản phẩm CSDL Giá sản phẩm CSDL Mô tả sản phẩm 3.6 Màn hình sữa sản phẩm Page 53 of 64 Tên Màn hình Chỉnh sửa sản phẩm Hình ảnh Loại control Div Text Nguồn liệu Tên sản phẩm: Pantech Vega Iron A870 Mã sản phẩm: HH005 Lable TextField Csdl Chỉnh sửa tên sản phẩm Lable TextField Csdl Chỉnh sửa mã sản phẩm Loại: Điện thoại di động Số lượng: Lable TextField Csdl Chỉnh sửa loại sản phẩm Images Mặc định Ghi chú/Mô tả Chứa form sửa sản phẩm Tiêu đề Hình ảnh đại diện cho sản phẩm Lable Page 54 of 64 30 TextField Đơn giá: 2.400.000VNĐ Lable Mô tả: Nội dung mô tả Lable Textarea Quay lại Button Sửa sản phẩm Button Chọn tệp tin File button Csdl Chỉnh sửa số lượng sản phẩm Csdl Chỉnh sửa giá sản phẩm Csdl Chỉnh sửa mô tả sản phẩm Quay lại hinh quản lí sản phẩm Gửi yêu cầu sửa sản phẩm với thông tin chỉnh sửa Khi chọn tập hệ thống tự động upload thay đổi hình ảnh bàng jquery Quản lý thành viên 4.1 Màn hình quản lý hành viên Tên Loại control Màn hình Div, Table Nguồn liệu Mặc định Ghi chú/Mô tả Chứa thông tin thành viên tùy chọn quản lí Page 55 of 64 Tìm kiếm Tương tự mục tìm kiếm Chọn Tương tự mục chọn Hiển thị thông tin thành viên, thành viên hiển thị rows columns hiển thị loại thông tin thành viên Thông tin thành viên Text Xóa Button Gửi thông tin xóa thành viên tương ứng Phân trang Link, button Phân trang jquery cho hình quản lí thành viên Xóa đơn hàng chọn Button Gửi thông tin xóa thành viên chọn CSDL Quản lý Feedback 5.1 Màn hình quản lý Feedback Page 56 of 64 Tên Loại control Màn hình Div, Table Chứa thông tin quản lí feedback Feedback Text Tiêu đề Thông tin Text CSDL Hiển thị thông tin feedback Đã trả lời Link, text CSDL Link tới trang đọc xem thông tin feedback Trả lời Text, link CSDL Link tới trang trả lời feedback Chọn Select- option Chọn feedback Xóa Button Gửi yêu cầu xóa feedback 5.2 Nguồn liệu Màn hình trả lời Feedback Page 57 of 64 Mặc định Ghi chú/Mô tả Tên Loại control Màn hình Div Họ Tên Lable TextField Số điện thoại Lable TextField Email Lable TextField Ngày gửi Lable Nguồn liệu Mặc định Ghi chú/Mô tả Chứa thông tin feedback CSDL Tên người gửi CSDL Số điện thoại người gửi CSDL Email người gửi Page 58 of 64 TextField CSDL Ngày gửi feedback Nội dung Lable TextArea CSDL Nội dung feedback Trả lời Lable TextArea Nhập nội dung trả lời Quay lại Button Quay lại hình quản lí feedback Trả lời Button Gửi trả lời feedback Quản lý banner 6.1 Màn hình quản lý banner Page 59 of 64 Tên Loại control Màn hình Div Quản lý banner Hình ảnh Text Image - Text - Link - Text - Link Xóa Cài làm banner Nguồn liệu Page 60 of 64 Mặc định Ghi chú/Mô tả Màn hình chứa danh sách banner Tiêu đề Các hình ảnh banner Gửi yêu cầu xóa banner Gửi yêu cầu cài làm banner Bỏ làm banner Thêm banner Phân trang 6.2 - Text Link Image Link Button Link Gửi yêu cầu bỏ làm banner Dẫn tới hình thêm banner Phân trang Màn hình thêm banner Tên Loại control Nguồn liệu Mặc định Ghi chú/Mô tả Màn hình Div Thêm banner Text Hình ảnh Lable Chọn tệp File Tên Lable Text2 TextField Tên hình ảnh Thêm Button Gửi yêu cầu thêm banner Quay lại Button Quay lại hình quản lí banner Tiêu đề Chọn đương dẫn tới file hình ảnh làm banner Page 61 of 64 Màn hình đăng nhập Tên Loại control Màn hình Div Nguồn liệu Tên Lable Tên đăng nhập TextField Mật Lable CSDL ***** Password CSDL Đăng nhập Quay lại submitButton submitButton Màn hình quên mật Page 62 of 64 Mặc định Ghi chú/Mô tả Màn hình chứa from đăng nhập Nhập tên đăng nhập Nhập mật đăng nhập Đăng nhập tài khoản Troử lại trang Tên Tên đăng nhập Text1 Email/Số điên thoại Loại control Lable TextField Text2 TextField Nguồn liệu Mặc định CSDL Ghi chú/Mô tả Nhập tên đăng nhập Lable Nhập Email/Số điên thoại Gửi yêu cầu Lấy lại mật submitButton Thay đổi mật Tên Mật cũ Mật Nhập lại mật Đồng ý Hủy C Màn hình thông báo lỗi Lỗi 404 Tên Loại control Nguồn liệu Page 63 of 64 Mặc định Ghi chú/Mô tả Lỗi 404 Icon Text Image Lỗi 500 Tên Lỗi 500 Icon Trở lại trang chủ Trở lại trang trước Loại control Text Image Button Nguồn liệu Button Page 64 of 64 Mặc định Ghi chú/Mô tả ...Xây Dựng website mua hàng trực tuyến (Online Shopping) – Mua sắm nhanh chóng số sản phẩm thiết bị điện tử (như điện thoại di động, thiết bị số, máy tính bản, ) Khách hàng mua sắm cách thoải... phẩm Trang web khách hàng phải có giao diện chức năng: • • • • • • • • Đăng Nhập Đăng Kí Đổi Mật Khẩu Đổi Thông Tin Cá Nhân Lấy Lại Mật Khẩu Xem Lịch Sử Mua Hàng Mua Hàng Tìm Kiếm Trang web quản... Menu List Image Menu Danh sách sp Danh sách sp trang web Thanh tìm kiếm - Logo Image Logo trang web Banner Image Khung treo quảng cáo cho trang web 10 11 12 13 Sản phẩm bật Điện thoại di động