Đang tải... (xem toàn văn)
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH ĐỒ ÁN CÔNG NGHỆ THÔNG TIN XÂY DỰNG VÀ THIẾT KẾ WEBSITE BÁN GIÀY THỜI TRANGMôi trường cài đặt và công nghệ sử dụng: Website được xây dựng trên nền tảng Java JSP Servlet trong môi trường phần mềm EclipseViết code các chức năng của trang web bằng Java Servlet, Ajax MySQL Thiết kế trang web bằng ngôn ngữ HTML, CSS, Javascript, Bootstrap, jQueryGiao tiếp với cơ sở dữ liệu bằng JDBCThực hiện đồ án theo mô hình MVCChương trình được theo viết theo mô hình 3 tầng:Model: Chứa các đối tượng View: các trang JSP chứa các giao diện của phần mềmController: chứa các class java servletUltil: chứa các class kết nối DatabaseDAO chứa các thao tác với CSDL
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH ĐỒ ÁN CƠNG NGHỆ THÔNG TIN XÂY DỰNG VÀ THIẾT KẾ WEBSITE BÁN GIÀY THỜI TRANG Giảng viên hướng dẫn: Nhóm sinh viên: Nhóm Thành viên: TP Hồ Chí Minh, tháng 12 năm 2022 Đồ Án Công Nghệ Thông Tin Xây dựng thiết kế Website bán giầy thời trang Mục lục Danh mục hình Danh mục bảng Đặc tả Tổng quan website bán giày thời trang I Phương pháp kinh doanh truyền thống bán hàng trực tiếp, cầu nối nhà sản xuất khách hàng, Ngày có nhiều cửa hàng áp dụng mơ hình kinh doanh truyền thống kết hợp kinh doanh online đạt doanh thu tốt Theo chun gia, mơ hình cho phép kết nối liền mạch việc trải nghiệm mua sắm cửa hàng truyền thống bán hàng trực tuyến Bán giày kinh doanh online nhờ vào tiến khoa học kỹ thuật, đầu tư thiết kế trang web bán giày online định đắn cá nhân tổ chức kinh doanh sản phẩm giày dép dù lớn hay nhỏ Một thiết kế bán giày đẹp ấn tượng cơng cụ hiệu giúp người bán có lượng truy cập web thành doanh thu khổng lồ Khảo sát thực tế Nhóm em tham khảo số website bán giày để khảo sát chức sau đây: - Nike Shoes & Sneakers https://www.nike.com/w/shoes-y7ok • Trang chủ: gồm có menu banner phân theo giới tính, đồ cho trẻ em, sản phẩm giảm giá, sản phẩm shop mơ tả giá • Đăng nhập, đăng ký tài khoản • Giỏ hàng, số lượng sản phẩm bỏ vào, tính tiền đơn giá tổng • • • • giỏ hàng Lưu sản phẩm u thích Trang trợ giúp: Tiếp nhận thơng tin u cầu khách hàng Tìm cửa hàng gần đồ Tìm kiếm sản phẩm theo loại, theo giá, giới tính, theo size, màu sắc, theo nhu cầu sử dụng gym hay đá banh, Thanh toán trực tiếp toán online Adidas Giày | adidas Official Shop https://www.adidas.com.vn/vi/giay • Trang chủ: gồm có menu banner phân theo giới tính, đồ cho trẻ em, • - hãng, sản phẩm mới, giảm giá, sản phẩm bật nhất, cầu thủ tiếng sử dụng, • Đăng nhập, đăng ký tài khoản, đăng ký hội viên • Theo dõi đơn hàng • Trợ giúp - • Giỏ hàng, số lượng sản phẩm bỏ vào, tính tiền đơn giá tổng • • • • • giỏ hàng Thông tin nhãn hàng, thông tin bật thông tin shop Lưu sản phẩm u thích Trang trợ giúp: Tiếp nhận thơng tin u cầu khách hàng Tìm cửa hàng gần đồ Tìm kiếm sản phẩm theo loại, theo giá, giới tính, theo size, màu sắc, theo nhu cầu sử dụng gym hay đá banh, Myshoes.vn - Giày Chính Hãng https://myshoes.vn/ • Trang chủ: gồm có menu banner hiển thị sản phẩm theo loại, hiển thị sản phẩm bật, sản phẩm mới, sản phẩm giảm giá, tìm kiếm sản phẩm, liên hệ, thơng tin giảm giá, sản phẩm vừa xem, tin tức • • bật, giỏ hàng Trang đăng nhập, đăng ký tài khoản, đăng ký hội viên Trang giỏ hàng, số lượng sản phẩm bỏ vào, tính tiền đơn giá tổng giỏ hàng • Trang liên hệ: Tiếp nhận thơng tin u cầu khách hàng • Tìm kiếm sản phẩm theo loại, theo giá, giới tính, theo size Kết luận: Các website bán giày có bố cục khác có chức tương tự nhau, sau chức mà website cần phải có: - Trang chủ: Bao gồm menu chính: slider banner phân theo hãng - sản phẩm giảm giá, sản phẩm bật, thông tin shop Trang đăng nhập, đăng ký Giỏ hàng: Tính đơn giá tổng số tiền giỏ Thanh toán tiền mặt thẻ Trang liên hệ cố Tìm kiếm sản phẩm dễ dàng theo giá, màu sắc, size, tên, hãng, Phân cấp sản phẩm theo danh mục cụ thể, cập nhật thông tin sản phẩm đầy - đủ, xác Giao diện đơn giản đẹp mắt, thân thiện với người dùng, menu xếp khoa học, bố cục rõ ràng Dùng tất trình duyệt phổ biến Thao tác nhanh chóng, dễ dàng Bản đồ thơng tin liên hệ shop Để quản trị sản phẩm cần có trang quản trị dành riêng cho admin Tối ưu cho thiết bị di động Dữ liệu, thông tin đầu vào website bán giày Qua thông tin khảo sát liệu đầu vào website bán giày gồm: - Thông tin khách hàng (account): mã ID khách hàng, họ tên, mật khẩu, email - - Thông tin sản phẩm (product): mã ID sản phẩm, tên sản phẩm, giá, mã loại - giày, mô tả sản phẩm, hình ảnh sản phẩm Loại sản phẩm (category): mã ID, tên loại Thơng tin hóa đơn (invoice): mã hóa đơn, mã khách hàng, tổng số tiền trả, ngày tạo hóa đơn, số lượng, mã sản phẩm Các chức Qua khảo sát chức nhóm mơ tả chức website bán giày - Đăng nhập phân quyền: Admin có tất quyền Người bán khơng thể thực xóa, sửa, thêm tài khoản, quyền thêm sản phẩm Tài khoản - khách hàng xem sản phẩm thơng tin cá nhân Đăng ký tài khoản: Mặc định đăng ký tài khoản thành cơng trao cho tài - khoản đăng ký khách hàng Quên mật khẩu: Khách hàng lấy lại mật qua email Quản trị viên cập nhật tất thông tin người bán, khách hàng Khách hàng cập nhật thơng tin - Quản lý sản phẩm: Người bán Thêm: Ta nhập vào thông tin cần thêm sản phẩm bấm nút thêm - Sửa: Ta chọn vào đối tượng muốn thay đổi bấm nút edit Xóa: Ta chọn vào đối tượng bấm nút xóa Quản lý tài khoản: Quản trị viên xem thơng tin tất tài khoản hệ thống - Tìm kiếm sản phẩm theo giá Min, Max, Under 100, 100-300, Above 300 - Tìm kiếm sản phẩm theo tên - Chọn sản phẩm toán - Cho phép chọn sản phẩm bỏ vào giỏ hàng sau tốn Khi tốn hóa đơn lưu lại khách hàng nhận email xác nhận đặt hàng - Quản lý giỏ hàng - Quản lý nhà cung cấp - Thống kê top 10 khách hàng mua nhiều - Thống kê top 10 sản phẩm bán chạy - Xuất tất hóa đơn, lọc hóa đơn theo ngày, in hóa đơn file Excel - Thống kê doanh thu theo tháng - Thống kê doanh thu theo thứ tuần - Xem sản phẩm cửa cửa hàng - Giao diện dự kiến Giao diện trang HomePage Giao diện trang Shop Giao diện Form đăng nhập Giao diện form đăng ký tài khoản Giao diện form quên mật Giao diện trang cập nhật thông tin cá nhân Giao diện trang chi tiết sản phẩm Giao diện trang quản lý giỏ hàng Giao diện form đặt hàng Giao diện trang quản lý tài khoản Giao diện trang quản lý sản phẩm Giao diện trang thống kê Giao diện cấu trúc thư gửi qua email xác nhận đơn hàng Giao diện trang admin Giao diện cấu trúc thư gửi qua email lấy lại mật Form thêm sản phẩm Form cập nhật thông tin sản phẩm Form thêm tài khoản Giao diện doanh thu theo thứ tuần Giao diện doanh thu theo tháng Giao diện tất hóa đơn, lọc theo ngày xuất hóa đơn file excel Xuất hóa đơn thành file Exce Giao diện xuất top 10 sản phẩm bán chạy Giao diện xuất top 10 khách hàng mua nhiều Phân công công việc Bảng Phân công công việc II STT Công việc Chi tiết công việc Khảo sát thực Tìm hiểu chức cần thiết tế website bán giày thời trang x x Viết đặc tả, thiết kế cho Thiết kế usecase diagram x Thiết kế mơ hình sở liệu x website Thiết kế mơ hình kiến trúc Thu thập thông Thu thập thông tin nhập vào sở tin sản phẩm Tìm hiểu cơng nghệ sử dụng Thiết kế giao diện liệu Tìm hiểu Java Servlet, CSS, HTML, JSP, Bootstrap, Ajax Trang chủ admin x x x x x x Trang thành viên x Trang chủ home x Trang sản phẩm x Xem danh mục sản phẩm x Xem chi tiết thông tin sản phẩm x Xây dựng chức cho website Trang liên hệ (tên cửa hàng, địa chỉ, số điện thoại) x Xác thực đơn hàng thông qua gmail x Mua hàng x Trang thông tin thành viên (admin, khách hàng) Xử lý đơn hàng x x 10 Hình Bố cục lớp Website 28 Hình Bố cục lớp Website Kiểm thử 29 a Tình Admin quản lý tất tài khoản Hình 10 Admin quản lý tất cả tài khoản Mô tả: Cho phép admin quản lý tất tài khoản đăng ký cung cấp thông tin cho hệ thống Bảng 15 Mô tả trình quản lý tài khoản admin hệ thống QUẢN TRỊ VIÊN THỰC HIỆN HỆ THỐNG HOẠT ĐỘNG Quản trị viên vào trang web Bấm vào nút Login Đăng nhập vào với quyền quản trị viên Login Thành công 5.Bấm vào mục Manager Account 6.Truy xuất đến trang quản lý tất tài khoản Sau quản trị viên xem, thêm, xóa đối tượng danh sách tài khoản đăng ký hệ thống Kết quả: Hệ thống cập nhật liệu tài khoản vào CSDL 30 b Tình quản lý thông tin cá nhân Hình 11 Tình quản lý thông tin cá nhân Mô tả: Cho phép quản trị viên, khách hàng, người bán quản lý, thay đổi thơng tin tài khoản username, password, email Bảng 16 Tình quản lý thông tin cá nhân QUẢN TRỊ VIÊN, KHÁCH HÀNG HỆ THỐNG HOẠT ĐỘNG NGƯỜI BÁN THỰC HIỆN 1.Truy cập vào trang web Đăng nhập vào trang web với quyền 3.Bấm vào mục Profile Chọn Update 4.Truy xuất đến trang cho phép cập nhật thông tin tài khoản 5.Nhập thông tin cần thay đổi Kết quả: Hệ thống cập nhật thơng tin tài khoản CSDL 31 c Tình xem sản phẩm cửa hàng Hình 12 Tình xem sản phẩm cửa hàng Mô tả: Cho phép quản trị viên, người bán, khách hàng, khách lạ xem thơng tin tất sản phẩm có cửa hàng, sản phẩm phân trang trang sản phẩm, xem theo loại, xem chi tiết sản phẩm, tìm kiếm sản phẩm 32 Bảng 17 Tình xem sản phẩm cửa hàng QUẢN TRỊ VIÊN, KHÁCH HÀNG HỆ THỐNG HOẠT ĐỘNG NGƯỜI BÁN THỰC HIỆN Quản trị viên, người bán, khách hàng, khách vãng lai vào trang web 2.Hệ thống truy xuất trang Home 3.Chọn shop Hệ thống dẫn đến trang Shop Có thể xem tất sản phẩm có cửa hàng Có thể thực chức tìm kiếm, xem chi tiết, thêm vào giỏ, tải thêm sản phẩm, tìm theo loại sản phẩm Người dùng nhập thơng tin muốn tìm kiếm sản phẩm theo tên ô tìm kiếm, theo màu sắc, theo giá Kết quả: Hệ thống nhận thông tin phản hồi lại cho người dùng sản phẩm tìm kiếm 33 d Tình đặt hàng sản phẩm Hình 13 Tình đặt hàng sản phẩm Mô tả: Cho phép quản trị viên, người bán, khách hàng tìm kiếm sản phẩm mua, thêm vào giỏ tiến hành toán Bảng 18 Tình đặt hàng sản phẩm QUẢN TRỊ VIÊN, KHÁCH HÀNG HỆ THỐNG HOẠT ĐỘNG NGƯỜI BÁN THỰC HIỆN Quản trị viên, người bán, khách hàng vào trang web Bấm vào nút Login Đăng nhập vào với quyền quản trị viên, người bán, khách hàng 34 4.Hệ thống truy xuất đến trang Shop cửa hàng Sau tìm kiếm sản phẩm muốn mua thêm vào giỏ hàng Vào giỏ hàng 7.Hệ thống truy xuất đến trang Giỏ hàng Chọn tiếp tục toán để mua hàng 8, Hệ thống chuyển đến trang tốn Nhập thơng tin địa chỉ, mã giảm giá có chọn tốn để mua hàng Kết quả: Cập nhật thơng tin, thông tin đơn hàng gửi qua email e Tình quản lý giỏ hàng Hình 14 Tình quản lý giỏ hàng Mô tả: Cho phép quản trị viên, người bán, khách hàng quản lý thơng tin giỏ hàng 35 Bảng 19 Tình quản lý giỏ hàng QUẢN TRỊ VIÊN, KHÁCH HÀNG HỆ THỐNG HOẠT ĐỘNG NGƯỜI BÁN THỰC HIỆN Quản trị viên, người bán, khách hàng vào trang web Bấm vào nút Login Đăng nhập vào với quyền quản trị viên, người bán, khách hàng Sau bấm vào biểu tượng giỏ hàng menu 5.Hệ thống truy xuất đến trang quản lý giỏ hàng Sau ta xem, tăng, giảm số lượng sản phẩm, xóa sản phẩm khỏi giỏ hàng Kết quả: Hệ thống cập nhật thông tin vào CSDL 36 f Tình xem thống kê cửa hàng Hình 15 Tình admin, người bán xem thống kê Mô tả: Cho phép admin người bán xem thống kê doanh thu theo ngày, theo tháng, hóa đơn cửa hàng, số lượng sản phẩm bán, tổng thu nhập, số lượng người dùng Bảng 20 Tình admin, người bán xem thống kê QUẢN TRỊ VIÊN THỰC HIỆN HỆ THỐNG HOẠT ĐỘNG Quản trị viên vào trang web Bấm vào nút Login Đăng nhập vào với quyền quản trị viên người bán Hệ thống chuyển đến trang adminDashboard Xem số lượng sản phẩm bán, số lượng 37 người dùng, tổng doanh thu cửa hàng Ấn dayRevenue để xem doanh thu theo ngày, monthRevenue để xem doanh thu theo tháng, Invoice để xem thơng tin hóa đơn Hệ thống truy xuất đến trang thống kê Kết quả: Sau quản trị viên xem thông tin thống kê doanh số bán hàng, hóa đơn, số lượng sản phẩm, g Tình quản lý sản phẩm người bán admin Hình 16 Tình quản lý sản phẩm người bán Admin Mô tả: Cho phép người bán quản lý thơng tin sản phẩm, thêm, sửa, xóa sản phẩm Bảng 21 Tình quản lý sản phẩm người bán Admin NGƯỜI BÁN THỰC HIỆN HỆ THỐNG HOẠT ĐỘNG Người bán vào trang web 38 Bấm vào nút Login Đăng nhập vào với quyền người bán Sau bấm vào mục Manager Product 5.Hệ thống truy xuất đến trang quản lý sản phẩm Sau ta xem, thêm, sửa, xóa các sản phẩm mà người bán đăng bán Kết quả: Hệ thống cập nhật thơng tin CSDL h Tình qn mật Hình 17 Tình quên mật Mô tả: Cho phép admin, người bán, khách hàng lấy lại tài khoản bị qn mật Mục đích: Đây tình thơng dụng website cần hoạt động xác để khách hàng tiện giao dịch 39 Bảng 22 Tình quên mật QUẢN TRỊ VIÊN, KHÁCH HÀNG HỆ THỐNG HOẠT ĐỘNG NGƯỜI BÁN THỰC HIỆN Quản trị viên, người bán, khách hàng vào trang web Chọn vào mục Forgot Password 3.Hệ trống truy xuất đến trang Forgot Password Người dùng nhập thông tin username email để lấy lại mật sau bấm nút Retrieve Kết quả: Hệ thống gửi thơng tin mật qua email 40 Kết luận IV Đóng góp đề tài Qua việc thực đề tài trên, nhóm hồn thành mục tiêu tạo website bán giày đơn giản, thân thiện với người sử dụng Trong q trình thực đề tài nhóm đạt mục tiêu sau: - Nắm yêu cầu, phân tích, thiết kế CSDL phù hợp - Phân quyền cho đối tượng sử dụng CSDL - Nắm rõ khái niệm kiến thức MySQL - Sử dụng Java servlet tạo ứng dụng WEB Hạn chế - Câu lệnh truy vấn CSDL chưa tối ưu - Code giao diện rườm rà - Chưa kiểm thử hết tất trường hợp xảy - Chưa có chức tốn online - Chưa có chức đánh giá cho khách hàng Hướng phát triển - Làm phần mềm trở thành phần mềm quản lý bán giày chuyên nghiệp - Cung cấp đầy đủ mặt hàng có thị trường với giá hợp lý, phải - Đi kèm với bán hàng dịch vụ uy tín chất lượng để phục vụ đến khách hàng - Có chức trang web bán hàng thật toán online đánh giá cho khách hàng 41 Tài liệu tham khảo [1] Website - Sep 13, 2022, by MDN contributors - HTML: HyperText Markup LanguageMDN - https://developer.mozilla.org/en-US/docs/Web/JavaScript [2] Website - Sep 25, 2022, by MDN contributors - CSS: Cascading Style SheetsMDN - https://developer.mozilla.org/en-US/docs/Web/CSS [3] Website - Nov 8, 2022, by MDN contributors - JavaScript | MDN https://developer.mozilla.org/en-US/docs/Web/HTML [4] Website - Jul 11, 2022 - Jordana A - What is Bootstrap — Everything You Need to Know (hostinger.com) [5] Website - 12 Sep, 2022- AniketSingh1- https://www.geeksforgeeks.org/introduction-java-servlets/ [6] Website - What Is MySQL? | Oracle - Sep 25, 2022 - https://www.oracle.com/mysql/what-is-mysql/ [7] Website - Learn JSP Tutorial - javatpoint - Sep 13, 2022 https://www.javatpoint.com/jsp-tutorial [8] Website Introduction to JDBC - GeeksforGeeks - Sep 13, 2022 - https://www.geeksforgeeks.org/introduction-to-jdbc/ [9] Website - Nov 8, 2022 - JSP - Expression Language (EL) - https://www.tutorialspoint.com/jsp/jsp_expression_language.html [10] Website - Nov 23, 2022 - Ajax - Developer guides | MDN (mozilla.org) https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX 42 .. .Đồ Án Công Nghệ Thông Tin Xây dựng thiết kế Website bán giầy thời trang Mục lục Danh mục hình Danh mục bảng Đặc tả Tổng quan website bán giày thời trang I Phương pháp... liệu Ý nghĩa reviewID int Mã đánh giá accID int Mã tài khoản đánh giá 20 productID Int Mã sản phẩm contentReview varchar(500) Đánh giá sản phẩm dateReview date Ngày đánh giá Bảng 12 ShippingDetail... người bán, khách hàng tìm kiếm sản phẩm mua, thêm vào giỏ tiến hành toán Bảng 18 Tình đặt hàng sản phẩm QUẢN TRỊ VIÊN, KHÁCH HÀNG HỆ THỐNG HOẠT ĐỘNG NGƯỜI BÁN THỰC HIỆN Quản trị viên, người bán,