BÀI TẬP LỚN LẬP TRÌNH WEB Đề tài Website thời trang D3NT Clothing

HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THÔNG TIN QUẢN LÝ BÀI TẬP LỚN LẬP TRÌNH WEB Đề tài: Website thời trang D3NT Clothing Giáo viên hướng dẫn: Thầy Vũ Trọng Sinh Nhóm thực hiện: Nhóm Sinh viên thực hiện: Họ tên sinh viên MSSV Nguyễn Mạnh Đạt 23A4040026 Phạm Văn Nhân 23A4040104 Nguyễn Văn Nam 23A4040092 Phạm Xuân Nhã 23A4040101 Nguyễn Phương Thảo 23A4040171 Hà Nội, 1-2023 LỜI NĨI ĐẦU Ngày cơng nghệ thơng tin phát triển vũ bão ảnh hưởng sâu sắc đến bạn Chiếc máy tính di động khơng cịn phương tiện thông tin quý ngày trở thành cơng việc làm việc giải trí cho trẻ em, khơng cơng việc mà cịn gia đình Nó biết đến cơng nghệ thơng tin ứng dụng lĩnh vực kinh tế, trị xã hội Việc ứng dụng cơng nghệ thơng tin số hóa coi quy định quan trọng hoạt động đất nước Điều quan trọng thiết bị lưu trữ đóng vai trị quan trọng phát hiện, tơi nghĩ INTERNET sản phẩm có giá trị Lực lượng lao động sức lao động ngày trở thành công việc thiếu, mạng lưới để người truy cập trao đổi thông tin cho tồn giới Thơng qua INTERNET, chúng tơi nhận thấy tốc độ dịch vụ, chi phí thấp nhiều so với cách truy cập Internet Chính hành động thúc đẩy đời phát triển hệ chủ đề bồi dưỡng giáo dục, đóng góp đáng kể vào văn hóa Trong hoạt động khởi nghiệp, kinh doanh, việc thăng tiến, thúc đẩy phát triển doanh nghiệp điều tránh khỏi chị Là phần sản phẩm xúc tiến nhằm mục đích quảng bá, giới thiệu sản phẩm khách hàng đáp ứng nhu cầu mua hàng ngày cao khách hàng Chính điều nhóm chúng em tổ chức thực đề tài “Xây dựng website thời trang” Khách hàng thêm sản phẩm vào Website quản lý Website đó, khách hàng mua hàng, mua hàng để đặt hàng mà không cần phải mua hàng, hàng gửi đến cho khách hàng Sản phẩm đáp ứng nhu cầu khách hàng STT HỌ VÀ TÊN MSV CƠNG VIỆC Đăng nhập, đăng kí, đăng xuất, header, footer, index, sản phẩm yêu thích, giỏ hàng, session, tổng 23A40 quan(admin), sở liệu,video, sản Nguyễn Mạnh Đạt 40026 phẩm admin, chi tiết sản phẩm admin - Trang toán TỈ LỆ GHI CHÚ 20% Đã ký 20% Đã ký - Hóa đơn, Chi tiết hóa đơn, Nhân viên (Admin), Mã Khuyến mãi, - Tính tìm kiếm, phân trang, lọc - Tích hợp tốn MomoQRcode, Momo-ATM - Tích hợp cơng cụ Texteditor, tính 23A40 báo cáo Google Analytics, Nguyễn Văn Nam 40092 sở liệu 20% Đã ký Cơ sở liệu, liên hệ, toán, chỉnh sửa word, làm ppt, admin khách hàng, liên hệ khách hàng, 23A40 trang blog admin, chatbot, đăng nhập Phạm Xuân Nhã 40101 admin 20% Đã ký Chi tiết sản phẩm, sản phẩm, sản phẩm u thích , tìm kiếm sản phẩm, 23A40 đổi mật khẩu, danh sách nhân viên, Phạm Văn Nhân 40104 cập nhật trạng thái đơn hàng -Trang tin tức, admin tin tức, trang giỏ hàng, khách hàng admin 20% Đã ký - Thêm sản phẩm, thêm blog, thêm thông tin giới thiệu, trang giới thiệu Nguyễn Phương 23A40 Thảo 40171 -Tổng hợp nội dung word MỤC LỤC DANH MỤC HÌNH VẼ CHƯƠNG PHÁT BIỂU BÀI TOÁN 1.1 Giới thiệu 1.2 Hệ thống 1.3 Giới hạn hệ thống 1.4 Yêu cầu phần cứng, phần mềm 1.4.1 Phần mềm 1.4.2 Phần cứng CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích yêu cầu khách hàng 2.1.1 Đối tượng sử dụng hệ thống 2.1.2 Chức hệ thống 2.2 Quản trị hệ thống 2.2.1 Các thao tác truy cập trang quản trị hệ thống 2.3 Thiết kế hệ thống 10 2.3.1 Mơ hình quan hệ thực thể 10 2.3.2 Thiết kế sở liệu 11 2.3.3 Thiết kế giao diện 11 2.3.4 Lưu đồ giải thuật 23 CHƯƠNG KẾT QUẢ 26 3.1 Hiển thị thông tin cửa hàng thời trang 26 3.2 Chức đăng ký tài khoản đăng nhập dành cho khách hàng 27 3.3 Hiển thị danh mục sản phẩm chi tiết sản phẩm theo danh mục sản phẩm để khách hàng lựa chọn mua 28 3.4 Sau khách hàng chọn đặt hàng trực tiếp hàng cho vào giỏ hàng, giỏ hàng lên đơn hàng để khách hàng nhập thơng tin mua hàng chốt hóa đơn 29 3.5 Hiển thị giao diện Liên hệ để khách hàng nhắn tin trực tiếp với cửa hàng 30 3.6 Chức thêm, sửa, xóa thơng tin sản phẩm 31 3.7 Quản lý thông tin tài khoản khách hàng 32 3.8 Quản lý thông tin tài khoản nhân viên quản lý cửa hàng 33 3.9 Tiếp nhận quản lý đơn đặt hàng, có xác nhận hóa đơn giao tới khách hàng Hiển thị danh sách hóa đơn chi tiết hóa đơn 34 3.10 Quản lý danh sách liên hệ mà khách hàng gửi tới cửa hàng 35 3.11 Chức báo cáo với tảng Google Analytics 36 3.12 Chức toán với Momo QR-code Momo ATM 36 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 39 4.1 Ưu nhược điểm hệ thống 39 4.1.1 Ưu điểm 39 4.1.2 Nhược điểm 39 4.1.3 Giải pháp 39 4.2 Kết luận hướng phát triển 39 4.2.1 Kết luận 39 4.2.2 Hướng phát triển 40 4.3 Danh sách kiểm tra hoạt động 40 4.3.1 Kiểm tra trang web phía khách hàng 40 4.3.2 Kiểm tra trang web phía cửa hàng 41 TÀI LIỆU THAM KHẢO 42 DANH MỤC HÌNH VẼ Hình 2-1: Danh sách tài khoản nhân viên .7 Hình 2-2: Mơ hình quan hệ thực thể 10 Hình 2-3: Cơ sở liệu 11 Hình 2-4: Trang chủ 11 Hình 2-5: Trang Sản phẩm .12 Hình 2-6: Trang Sản phẩm_1 12 Hình 2-7: Trang Sản phẩm_2 13 Hình 2-8: Trang Chi tiết sản phẩm 13 Hình 2-9: Trang tin tức_1 14 Hình 2-10: Trang tin tức _2 14 Hình 2-11: Trang Chi tiết tin tức 15 Hình 2-12: Trang giới thiệu_1 .15 Hình 2-13: Trang giới thiệu_2 .16 Hình 2-14: Trang liên hệ_1 16 Hình 2-15: Trang liên hệ_2 17 Hình 2-16: Trang Đặt hàng 17 Hình 2-17: Trang chủ Admin 18 Hình 2-18: Trang Quản lý đơn hàng 18 Hình 2-19: Trang Quản lý sản phẩm .19 Hình 2-20: Trang Quản lý khách hàng 19 Hình 2-21: Trang Chương trình khuyến 20 Hình 2-22: Trang Quản lý tin tức 21 Hình 2-23: Trang Quản lý nhân viên .21 Hình 2-24: Trang Quản lý liên hệ khách hàng 22 Hình 2-25: Biểu đồ chức đặt hàng 23 Hình 2-26: Biểu đồ chức giỏ hàng 24 Hình 2-27: Biểu đồ chức tìm kiếm, lọc theo yêu cầu 25 Hình 3-1: Giao diện sản phẩm 27 Hình 3-2: Giao diện đăng nhập_1 27 Hình 3-3: Giao diện đăng nhập_2 28 Hình 3-4: Giao diện danh mục sản phẩm_1 28 Hình 3-5: Giao diện danh mục sản phẩm_2 29 Hình 3-6: Giao diện chi tiết sản phẩm 29 Hình 3-7: Giao diện giỏ hàng 30 Hình 3-8: Giao diện đặt hàng 30 Hình 3-9: Giao diện liên hệ 31 Hình 3-10: Giao diện quản lý danh sách sản phẩm 32 Hình 3-11: Giao diện quản lý chi tiết sản phẩm 32 Hình 3-12: Giao diện Quản lý khách hàng 33 Hình 3-13: Giao diện thơng tin chi tiết khách hàng 33 Hình 3-14: Giao diện danh sách nhân viên 34 Hình 3-15: Giao diện quản lý đơn hàng 35 Hình 3-16: Giao diện danh sách liên hệ khách hàng 35 Hình 3-17: Giao diện báo cáo với Goodle Analytics 36 Hình 3-18: Giao diện toán với QR-Code Momo 37 Hình 3-19: Giao diện toán Momo ATM 37 CHƯƠNG PHÁT BIỂU BÀI TOÁN 1.1 Giới thiệu Ngày nay, sống thời đại số, công nghệ thông tin phát triển ứng dụng nhiều lĩnh vực khác nhau, đặc biệt lĩnh vực kinh doanh Các doanh nghiệp từ lớn tới nhỏ, mong muốn sản phẩm quảng bá rộng rãi tới khách hàng, với đem đến cho khách hàng phương thức mua bán sản phẩm khác với phương thức mua bán trực tiếp truyền thống Khách hàng trẻ tuổi ngày tiếp cận với công nghệ nhanh, lý mà họ ưa chuộng phương thức mua bán – Mua hàng online qua mạng Internet Doanh nghiệp có Website cho riêng để quảng bá sản phẩm, hình ảnh cơng ty, kết hợp thêm chức mua hàng tốn Online Website cơng ty Web đẩy lên host với tên miền: https://d3ntclothingg.000webhostapp 1.2 Hệ thống Khi dịch bệnh chưa xuất hiện, D3NTCLOTHING cửa hàng kinh doanh thời trang theo phương pháp truyền thống Khách hàng phải đến trực tiếp cửa hàng để mua hàng Khi khách hàng đồng ý mua hàng, nhân viên ghi hóa đơn khách hàng tốn tiền mặt Khi dịch bệnh bắt đầu diễn biến phức tạp, cửa hàng chuyển sang dịch vụ ship hàng tận nhà Khách muốn mua hàng phải gọi điện qua hotline cửa hàng nhắn tin qua fanpage Khi có đơn hàng nhân viên ghi hóa đơn giao đến nhà cho khách Điều giảm thiểu việc tiếp xúc so với mua hàng trực tiếp gặp phải nhiều hạn chế như: Khách hàng khơng biết cửa hàng có sản phẩm gì? Việc đợi nhân viên check tin nhắn để mua hàng tốn thời gian, ghi thơng hóa đơn giấy khiến cho việc lưu giao dịch, tìm kiếm thơng tin khách hàng trở nên khăn, Dựa vào ràng buộc cụ thể hệ thống hành đề nghị hệ thống khác tiên tiến hơn, tiết kiệm thời gian… Chính điểm yếu trên, để cửa hàng kinh doanh cách dễ dàng thuận tiện, nhóm chúng em tiến hành triển khai đề tài “Xây dựng hệ thống website cho cửa hàng thời trang D3NTCLOTHING” Khách hàng muốn mua sản phẩm cần truy cập vào website cửa hàng để mua sắm, xem sản phẩm hay đọc blog thời trang Khách hàng tìm kiếm loại sản phẩm muốn mua tìm kiếm bấm vào giỏ để mua sản phẩm Các thông tin khách hàng lưu lại bước đăng ký, đơn hàng xác nhận giao đến địa khách hàng Khách hàng để lại bình luận trải mua hàng hay sản phẩm sử dụng Một số chức hệ thống mới: • Hiển thị thông tin cửa hàng để quảng bá hình ảnh • Hiển thị danh sách mặt hàng theo danh mục sản phẩm để khách hàng xem chọn mua • Sau khách hàng chọn đặt hàng trực tiếp hàng cho vào giỏ hàng, giỏ hàng lên đơn hàng để khách hàng nhập thơng tin mua hàng chốt hóa đơn • Bên cạnh việc mua hàng, cần có chức comment để khách hàng bình luận sản phẩm cửa hàng • Hiển thị danh sách blog blog chi tiết • Hiển thị giao diện form Liên hệ để khách hàng gửi lời nhắn trực tiếp tới cửa hàng • Chức cập nhật, sửa xóa sản phẩm, kiểu sản phẩm, danh mục sản phẩm, blog, kiện • Tiếp nhận quản lý đơn đặt hàng Hiển thị danh sách hóa đơn chi tiết hóa đơn • Quản lý danh sách liên hệ mà khách hàng gửi tới cửa hàng 1.3 Giới hạn hệ thống Hệ thống thiết kế với đầy đủ chức cần thiết website bán hàng nhiên vài hạn chế tính báo cáo chưa tự động lưu, khách hàng chưa thể gửi phản hồi trang web, lọc sản phẩm chưa hoàn chỉnh, chưa đa dạng phương thức tốn Hình 3-5: Giao diện danh mục sản phẩm_2 Hình 3-6: Giao diện chi tiết sản phẩm 3.4 Sau khách hàng chọn đặt hàng trực tiếp hàng cho vào giỏ hàng, giỏ hàng lên đơn hàng để khách hàng nhập thơng tin mua hàng chốt hóa đơn Chức giỏ hàng hiển thị đầy đủ sản phẩm mà khách hàng chọn mua, số lượng, đơn giá thành tiền 29 Hình 3-7: Giao diện giỏ hàng Hình 3-8: Giao diện đặt hàng 3.5 Hiển thị giao diện Liên hệ để khách hàng nhắn tin trực tiếp với cửa hàng Khách hàng liên hệ, tương tác trực tiếp với cửa hàng việc điền thông tin cá nhân lời nhắn với cửa hàng thông qua chức liên hệ 30 Hình 3-9: Giao diện liên hệ 3.6 Chức thêm, sửa, xóa thơng tin sản phẩm Quản trị website đăng nhập vào tài khoản thêm, sửa, xóa thơng tin sản phẩm 31 Hình 3-10: Giao diện quản lý danh sách sản phẩm Hình 3-11: Giao diện quản lý chi tiết sản phẩm 3.7 Quản lý thông tin tài khoản khách hàng Sau khách hàng đăng ký tài khoản hệ thống, tồn thơng tin khách hàng đăng ký trước hệ thống lưu trữ hệ thống phần quản lý khách hàng 32 Hình 3-12: Giao diện Quản lý khách hàng Hình 3-13: Giao diện thơng tin chi tiết khách hàng 3.8 Quản lý thông tin tài khoản nhân viên quản lý cửa hàng Hệ thống lưu trữ thông tin cá nhân nhân viên quản lý cửa hàng hiển thị phần giao diện quản lý quản trị viên 33 Hình 3-14: Giao diện danh sách nhân viên 3.9 Tiếp nhận quản lý đơn đặt hàng, có xác nhận hóa đơn giao tới khách hàng Hiển thị danh sách hóa đơn chi tiết hóa đơn Khi có đơn hàng, hệ thống tiếp nhận đơn hàng giao tới cho khách hàng Những đơn hàng giao xác nhận hệ thống Hệ thống hiển thị danh sách hóa đơn chi tiết đơn hàng 34 Hình 3-15: Giao diện quản lý đơn hàng 3.10 Quản lý danh sách liên hệ mà khách hàng gửi tới cửa hàng Thông tin cá nhân liên hệ khách hàng tới cửa hàng lưu hệ thống hiển thị giao diện quản lý liên hệ quản trị Hình 3-16: Giao diện danh sách liên hệ khách hàng 35 3.11 Chức báo cáo với tảng Google Analytics Bên cạnh số liệu trang quản trị, quản trị viên xem tảng Google Analytics với thông số Số lượt người xem, Biểu đồ lượng truy cập theo thời gian link đây: Báo cáo Google Analytics Hình 3-17: Giao diện báo cáo với Goodle Analytics 3.12 Chức toán với Momo QR-code Momo ATM Ngồi việc tốn lúc nhận hàng, khách hàng chọn phương thức tốn Momo QR-code, hay thẻ Momo ATM 36 Hình 3-18: Giao diện tốn với QR-Code Momo Hình 3-19: Giao diện toán Momo ATM 37 38 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Ưu nhược điểm hệ thống 4.1.1 Ưu điểm • Giao diện thân thiện, bắt mắt • Thanh tốn thuận tiện, dễ dàng, đa dạng • Dễ dàng tiếp cận thơng tin sản phẩm xem đánh giá bình luận khách hàng mua • Quy trình mua hàng hồn thiện, chi tiết, hỗ trợ khách hàng cụ thể 4.1.2 Nhược điểm • Chưa đưa giải pháp bảo mật • Chưa hồn thiện chức qn mật • Chưa hồn thiện phần phản hồi liên hệ khách hàng 4.1.3 Giải pháp Phát triển phần hỗ trợ đặt hàng nhanh, tạo đường dẫn thân thiện với người dùng, cụ thể khách hàng để tăng độ an toàn bảo mật người dùng, phát triển tự động lưu với phần báo cáo 4.2 Kết luận hướng phát triển 4.2.1 Kết luận Hệ thống website D3NTCLOTHING có đầy đủ chức website bán hàng, khách hàng xem lựa chọn đặt hàng, nhiên vài hạn chế cần tiếp tục phát triển để hoàn thiện Trong thời gian tới, nhóm chúng em cố gắng tiếp tục phát triển đưa nhiều tính thêm lưu tự động báo cáo, trọng chất lượng nội dung, đảm bảo đưa thơng tin xác, bảo mật cách tốt nhất, tạo dựng niềm tin cho khách hàng thành viên nhân viên công ty Giúp khách hàng có trải nghiệm tốt ngày hài lòng 39 4.2.2 Hướng phát triển Thơng qua báo cáo này, nhóm em có kiến thức, trải nghiệm hình dung cách tổng thể vấn đề đặt cách cụ thể, vận dụng kiến thức học vào báo cáo cách hiệu Tuy nhiên chưa có nhiều kinh nghiệm thời gian hạn chế nên báo cáo cịn sai sót nên chúng em hi vọng có thêm bảo hướng dẫn thầy để cải thiện sai sót nhóm tương lai Những kiến thức, kinh nghiệm báo cáo cuối kì trải nghiệm thực tế quý giá cho nhóm chúng em, học hỏi điều bổ ích giúp chúng em nhiều tương lai Từ thấy rằng, lý thuyết đơi với vận dụng vào thực tế trình dài, sinh viên ngồi ghế giảng đường chúng em cần phải nỗ lực học hỏi, tìm tịi có thành cơng cho riêng 4.3 Danh sách kiểm tra hoạt động 4.3.1 Kiểm tra trang web phía khách hàng Kiểm tra hoạt động Mở web Google chrome, Cốc cốc, Kết Hiển thị giao diện web theo đoạn code Microsoft edge Kết nối với sở liệu Hiển thị thông tin theo sở liệu Xem sản phẩm Hiển thị giao diện đúng, khách hàng xem sản phẩm theo danh mục chi tiết sản phẩm Xem tin tức Hiển thị giao diện đúng, khách hàng xem tin tức chi tiết tin tức Liên hệ với cửa hàng Hiển thị giao diện đúng, lời nhắn khách hàng lưu vào sở liệu 40 Đặt hàng Hiển thị giao diện đúng, đơn hàng khách hàng lưu vào sở liệu Tìm kiếm sản phẩm Hiển thị giao diện đúng, khách hàng tìm kiếm sản phẩm theo từ khóa tìm kiếm 4.3.2 Kiểm tra trang web phía cửa hàng Kiểm tra hoạt động Mở web google chrome, Kết Hiển thị giao diện web theo đoạn code cốc cốc, microsoft edge Kết nối với sở liệu Hiển thị thông tin CSDL Thêm, xóa, sửa thơng tin Đều cập nhật vào sở liệu như: kiểu sản phẩm, sản phẩm, tin tức, kiện, 41 TÀI LIỆU THAM KHẢO [1] Tài liệu học mơn lập trình Web – Khoa Hệ thống thông tin quản lý, Học Viện Ngân Hàng [2] Tài liệu học môn Cơ sở liệu - Khoa Hệ thống thông tin quản lý, Học Viện Ngân Hàng [3] Tài liệu học môn Phát triển hệ thống thơng tin kế tốn - Khoa Hệ thống thông tin quản lý - Học Viện Ngân Hàng [4] W3Schools Online Web Tutorials - https://www.w3schools.com/ [5] Stackoverflow - https://stackoverflow.com/ 42