Đang tải... (xem toàn văn)
Tiểu luận này tập trung vào việc mô tả quy trình thiết kế website bán nước hoa mang tên Shinnoshop. Với sự phát triển nhanh chóng của thương mại điện tử, việc có một trang web hiệu quả là không thể phủ nhận trong kinh doanh nước hoa. Shinnoshop không chỉ là nơi để mua sắm mà còn là không gian trải nghiệm độc đáo, thú vị cho người tiêu dùng yêu thích nước hoa. Quá trình thiết kế bao gồm việc tạo ra giao diện người dùng thân thiện, trực quan và dễ sử dụng, giúp khách hàng dễ dàng tìm kiếm và mua sắm. Hệ thống phân loại sản phẩm theo loại nước hoa, thương hiệu và giới tính sẽ giúp tối ưu hóa trải nghiệm người dùng. Đồng thời, tích hợp chức năng đánh giá và đánh giá từ người dùng giúp xây dựng uy tín cho sản phẩm. Shinnoshop cũng chú trọng vào việc tối ưu hóa trang web cho thiết bị di động, đảm bảo rằng khách hàng có thể mua sắm mọi nơi và mọi lúc. Bằng cách này, tiểu luận này sẽ phân tích chi tiết cách Shinnoshop tận dụng các yếu tố thiết kế để tạo ra một trải nghiệm mua sắm trực tuyến đẳng cấp cho người hâm mộ nước hoa.
ĐẠI HỌC CẦN THƠ TRƯỜNG CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG TIỂU LUẬN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ BÁN NƯỚC HOA Giáo viên hướng dẫn ThS Lê Hoàng Thảo Sinh viên thực Nguyễn Thành Luân MSSV: B11909944 NHẬN XÉT CỦA GIÁO VIÊN Cần Thơ, ngày tháng năm 2023 Giáo viên hướng dẫn ThS Lê Hoàng Thảo LỜI CẢM ƠN Để có niên luận này, em xin bày tỏ lòng biết ơn chân thành sâu sắc đến thầy Lê Hoàng Thảo – người trực tiếp tận tình hướng dẫn, giúp đỡ em.Trong suốt trình thực tiểu luận, nhờ bảo hướng dẫn quý niên luận hoàn thành cách tốt Em xin gửi lời cám ơn chân thành đến Thầy Cô Giảng viên Đại học Cần Thơ, đặc biệt Thầy Cô Khoa CNTT & TT, người truyền đạt kiến thức quý báu thời gian qua Em xin chân thành cảm ơn bạn bè với gia đình ln động viên, khích lệ tạo điều kiện giúp đỡ suốt q trình thực để em hồn thành niên luận cách tốt Tuy có nhiều cố gắng trình thực niên luận, khơng thể tránh khỏi sai sót Em mong nhận đóng góp ý kiến quý báu Thầy để niên luận hoàn thiện Em xin chân thành cảm ơn! Cần Thơ, ngày tháng năm 2023 Người viết Nguyễn Thành Luân MỤC LỤC LỜI CẢM ƠN CHƯƠNG I: GIỚI THIỆU Đặt vấn đề Những nghiên cứu liên quan 2.1 Phân tích xu hướng thương mại điện tử 2.2 Phát triễn tảng tích hợp 2.3 Chiến lược tiếp thị, quảng bá Mục tiêu đề tài Đối tượng phạm vi nghiên cứu 3.1 Đối tượng nghiên cứu 3.2 Giới hạn phạm vi nghiên cứu đề tài Phương pháp nghiên cứu 4.1 Về lí thuyết 4.2 Về kỹ thuật Kết đạt 6 Bố cục CHƯƠNG 2: CÁC CÔNG NGHỆ ĐƯỢC SỬ DỤNG TRONG ĐỀ TÀI Giới thiệu ngơn ngữ lập trình sử dụng 1.1 HTML (Hypertext markup Language) 1.2 CSS (Cascading Style Sheets) 1.3 JavaScript (JS) 1.4 PHP (Hypertext Preprocessor) Các công nghệ khác 2.1 Hệ quản trị sở liệu MySQL 2.2 Boostrap 2.3 Mơ hình MVC 2.4 XAMPP CHƯƠNG 3: ĐẶT TẢ YÊU CẦU 10 Các chức hệ thống 10 1.1 Các bảng chức 10 1.2 Sơ đồ Usecase 11 1.3 Một số chức hệ thống 11 CHƯƠNG 4: THIẾT KẾ VÀ CÀI ĐẶT 14 Thiết kế sở liệu 14 Mô tả luồng liệu số chức 17 2.1 Đăng nhập 17 2.2 Thêm danh mục sản phẩm 18 2.3 Chỉnh sửa danh mục sản phẩm 19 2.4 Xóa danh mục sản phẩm 20 Thiết kế giao diện 21 3.1 Giao diện phía quản trị 21 4.2 Giao diện phía người dùng 28 PHẦN KẾT LUẬN 31 Kết đạt 31 Hướng phát triễn 31 TÀI LIỆU THAM KHẢO * 32 Sách tham khảo: 32 Website: 32 Phụ lục ảnh Hình 1: Mơ tả PHP hoạt động Hình 2: Sơ đồ uscase mô tả đối tượng 11 Hình 3: Sơ usecase mô tả chức nhập tác nhân 12 Hình 4: Sơ usecase mô tả chức tổng quát khách hàng 12 Hình 5: Sơ usecase mơ tả chức quản trị viên 13 Hình 6: Sơ usecase mơ tả chức giỏ hàng 14 Hình 7: Sơ đồ sở liệu quan hệ 14 Hình 8: Sơ đồ mơ tả q trình đăng nhập quản trị viên 17 Hình 9: Sơ đồ mơ tả q trình thêm danh mục sản phẩm quản trị viên 18 Hình 10: Sơ đị mơ tả q trình cập nhật danh mục sản phẩm quản trị viên 19 Hình 11:Sơ đị mơ tả q trình xóa danh mục sản phẩm quản trị viên 20 Hình 12: Giao diện trang chủ Admin 21 Hình 13;Giao diện trang danh sách danh mục 21 Hình 14: Giao diện trang thêm danh mục 22 Hình 15: Giao diện trang chỉnh sửa danh mục 22 Hình 16: Giao diện trang danh sách nhà cung cấp 23 Hình 17: Giao diện trang thêm nhà cung cấp 23 Hình 18: Giao diện trang cập nhật thông tin nhà cung cấp 24 Hình 19: Giao diện trang sản phẩm 24 Hình 20: Giao diện trang thêm sản phẩm 25 Hình 21: Giao diện trang cập nhật sản phẩm 25 Hình 22: Giao diện trang danh sách tài khoản người dùng 26 Hình 23: Giao diện trang thêm tài khoản 26 Hình 24: Giao diện trang cập nhật thông tin tài khoản 27 Hình 25: Giao diện trang trang nhập/đăng ksy người dùng 27 Hình 26: Giao diện trang đăng nhập hệ thống quản trị 28 Hình 27: Giao diện trang chủ 28 Hình 28: Giao diện trang sản phẩm 29 Hình 29: Giao diện trang chi tiết sản phẩm 29 Hình 30: Giao diện trang giỏi hàng 30 Hình 31: Giao diện trang đơn hàng 30 Hình 32: Giao diện trang toán 31 Phụ lục bảng Bảng 1: Bảng chức khách vãng lai 10 Bảng 2: Bảng chức khách hàng đăng ký tài khoản 10 Bảng 3: Bảng chức quản trị viên 11 Bảng 4: Bảng tbl_user 15 Bảng 5: Bảng tbl_category 15 Bảng 6: Bảng tbl_brand 15 Bảng 7: Bảng tbl_product 15 Bảng 8: Bảng tbl_cart 16 Bảng 9: Bảng tbl_product_img_desc 16 Bảng 10: Bảng tbl_cuspayment 16 CHƯƠNG I: GIỚI THIỆU Đặt vấn đề Trong thời đại tồn cầu hóa đại hóa với phát triễn công nghệ nói chung lĩnh vực cơng nghệ thơng tin nói riêng hình thức kinh doanh ngày trở nên đa dạng bên cạnh thương mại điện tử trở thành hình thức kinh doanh mạnh mẽ xu thế, doanh nghiệp, cửa hàng kinh doanh theo truyền thống bắt đầu xây dựng hệ thống website thương mại điện tử để tiếp cận nhiều đối tượng khách hàng từ tăng doanh thu lợi nhuận cho doanh nghiệp Vì so với kinh doanh truyền thống chi phí để trì kinh doanh thương mại điện tử thấp hơn, đạt hiệu tốt mặt kinh tế Với lợi phá triễn Intrenet nên việc truyền tải thơng tin sản phẩm nhanh chóng, thuận tiện Kết hợp với phận giao hàng toán tận nơi thông qua bưu điện ngân hàng tăng thêm thuận lợi để phát triễn mơ hình kinh doanh Trong bối cảnh ấy, đề tài “xây dựng website thương mại điện tử bán nước hoa” lựa chọn nhằm nghiên cứu phát triễn tảng kinh doanh đọc đáo, tập trung ngành công nghiệp nước hoa, thị trường đầy tiềm quan tâm người tiêu dùng Những nghiên cứu liên quan 2.1 Phân tích xu hướng thương mại điện tử Nghiên cứu xu hướng thay đổi hành vi mua sắm trực tuyến, đặc biệt ngành công nghiệp nước hoa 2.2 Phát triễn tảng tích hợp Xây dựng website thương mai điện tử chun nghiệp, có khả tích hợp tính tốn an tồn, đánh giá sản phẩm tùy chọn tìm kiếm thơng minh 2.3 Chiến lược tiếp thị, quảng bá Nghiên cứu cận cảnh đối thủ cạnh tranh xác định đặc điểm nôi rbaatj để tạo lợi cạnh tranh Mục tiêu đề tài Ngày nay, ngành công nghiệp mỹ phẩm phát triễn mạnh mẽ với nhu cầu làm đẹp người, với nước hoa khơng cịn nhu cầu xa xỉ với người Nhưng việc khan cửa hàng nước hoa hãng việc sản phẩm nước hoa giả rao bán tràn lan nên việc tiếp cận với sản phẩm nước hoa hãng an tồn nỗi lo hàng đầu người tiêu dùng Với lý mà em thực đề tài “Xây dựng website bán nước hoa trực tuyến” nhằm phần giúp khách hàng tiếp cận đến sản phẩm an tồn hãng, giúp khách hàng có nhiều lựa chọn sản phẩm có nhìn tổng quan sản phẩm lúc nơi mà không cần phhari di chyển tới cửa hàng mà sản phẩm gửi tận tay khách hàng với vài cú click chuột Đối tượng phạm vi nghiên cứu 3.1 Đối tượng nghiên cứu Đề tài tập trung nghiên cứu vấn đề chính: - Thiết kế xây dựng chức cửa hàng trực tuyến Thiết kế sở liệu website bán hàng Nghiên cứu hành vi mua sắm tối ưu trãi nghiệm người dùng 3.2 Giới hạn phạm vi nghiên cứu đề tài Tập trung nghiên cứu tối ưu quy trình giúp người bán người mua tiếp cận dễ dàng với Người bán dễ dàng đăng tải viết, thông tin sản phẩm muốn bán Nguời mua dễ dàng tìm kiếm mua sản phẩm cần Phương pháp nghiên cứu 4.1 Về lí thuyết - Nghiên cứu cách hoạt động mơ hình Client – Server - Nghiên cứu luồng liệu cách hoạt động mơ hình MVC (Models – Controller - View) ngơn ngữ lập trình PHP - Nghiên cứu cách lưu truy vấn liệu hệ quản trị sở liệu MySQL 4.2 Về kỹ thuật - Sử dụng ngơn ngữ lập trình PHP hệ quản sở liệu MySQL để xây dựng web động - Áp dụng mơ hình MVC lập trình giúp dễ dàng chỉnh sửa mở rộng website - Sử dụng framework Boostrap để thiết kế giao diện thuận lợi có tính thẩm mĩ Kết đạt - Đối với chủ cửa hàng: dễ dàng đăng tải sản phẩm, dịch vụ, dễ dàng quản lí sản phẩm, doanh thu cửa hàng Ngoài ra, giúp dễ dàng tiếp cận với lượng khách hàng lớn website đưa Internet, góp phần quảng bá thương hiệu, giản chi phí trì kinh doanh - Đối với khách hàng: Có thể tiếp cận dễ dàng với nguồn sản phẩm phong phú với nhiều mức gia khác từ dễ dnagf tìm kiếm mua sản phẩm mà cần - Đối với sinh viên thực đề tài: Nâng cao trình độ thiết kế phân tích website, áp dụng kiến thức học trường lớp vào thực tế để tăng kinh nghiệm khả tư giải vấn đề 6 Bố cục Bố cục báo cáo bao gồm nội dung sau: PHẦN GIỚI THIỆU: Chương 1: Giới thiệu đề tài Chương 2: Giới thiệu công nghệ sử dụng đề tài PHẦN NỘI DUNG Chương 3: Đặc tả yêu cầu Chương 4: Thiết kế, cài đặt giải thuật, biểu diễn sở liệu, trình bày bước xây dựng hệ thống PHẦN KẾT LUẬN Trình bày kết đạt hướng phát triển hệ thống 2.2 Thêm danh mục sản phẩm Hình 9: Sơ đồ mô tả trình thêm danh mục sản phẩm quản trị viên Tác nhân: Quản trị viên Mô tả: - Quản trị viên thực hiên nhập thông tin bao gồm category_id category_name Hệ thống gọi controller (categoryAddController) categoryAddController gọi model (categoryModel) categoryModel móc liệu từ database thực thêm liệu database thông qua hàm insert_category() Category trả kết cho categoryAddController Controller dựa liệu vừa thêm gọi view để hiển thị giao diện View nhận thông điện hiển thị giao diện danh sách danh mục sản phẩm o Trưịng hợp thêm thành cơng: điều hướng trang trở lại trang danh sách danh mục sản phẩm(categoryView=>categoryViewList) o Trường hợp thêm thất bại: danh mục không hiển thị trang danh sách danh mục sản phẩm 18 2.3 Chỉnh sửa danh mục sản phẩm Hình 10: Sơ đò mô tả trình cập nhật danh mục sản phẩm quản trị viên Tác nhân: Quản trị viên Mô tả: - Quản trị viên yêu cầu chỉnh sửa Hệ thống gọi controller (categoryUpdateController) categoryUpdateController gọi model (categoryModel) categoryModel móc liệu từ database thực update liệu vào database Category trả kết cho categoryUpdateController Controller dựa liệu vừa thêm gọi view để hiển thị giao diện View nhận thông điện hiển thị giao diện danh sách danh mục sản phẩm o Trưịng hợp thêm thành cơng: điều hướng trang trở lại trang danh sách danh mục sản phẩm (categoryView=>categoryViewList) o Trường hợp thêm thất bại: danh mục không hiển thị trang danh sách danh mục sản phẩm 19 2.4 Xóa danh mục sản phẩm Hình 11:Sơ đị mơ tả trình xóa danh mục sản phẩm quản trị viên Tác nhân: Quản trị viên Mô tả: - Quản trị viên yêu cầu xóa Hệ thống gọi controller (categoryController) categoryController gọi model (categoryModel) categoryModel móc liệu từ database thực xóa liệu khỏi database thơng qua hàm delete_category() Category trả kết cho categoryController Controller dựa liệu vừa thêm gọi view để hiển thị giao diện View nhận thông điện hiển thị giao diện danh sách danh mục sản phẩm o Trưịng hợp thêm thành cơng: điều hướng trang trở lại trang danh sách danh mục sản phẩm (categoryView=>categoryViewList) o Trường hợp thêm thất bại: danh mục không hiển thị trang danh sách danh mục sản phẩm 20 Thiết kế giao diện 3.1 Giao diện phía quản trị 3.1.1 Giao diện trang chủ Hình 12: Giao diện trang chủ Admin 3.1.2 Giao diện danh sách danh mục sản phẩm Hình 13;Giao diện trang danh sách danh mục 3.1.3 Giao diện thêm danh mục sản phẩm 21 Hình 14: Giao diện trang thêm danh mục 3.1.4 Giao diện cập nhật danh mục sản phẩm Hình 15: Giao diện trang chỉnh sửa danh mục 3.1.5 Giao diện danh sách nhà cung cấp 22 Hình 16: Giao diện trang danh sách nhà cung cấp 3.1.6 Giao diện thêm nhà cung cấp Hình 17: Giao diện trang thêm nhà cung cấp 3.1.7 Giao diện cập nhật thông tin nhà cung cấp 23 Hình 18: Giao diện trang cập nhật thông tin nhà cung cấp 4.1.8 Giao diện danh sách sản phẩm Hình 19: Giao diện trang sản phẩm 4.1.9 Giao diện thêm sản phẩm 24 Hình 20: Giao diện trang thêm sản phẩm 3.1.10 Giao diện cập nhật thông tin sản phẩm Hình 21: Giao diện trang cập nhật sản phẩm 4.1.11 Giao diện danh sách tài khoản người dùng 25 Hình 22: Giao diện trang danh sách tài khoản người dùng 4.1.12 Giao diện thêm tài khoản người dùng Hình 23: Giao diện trang thêm tài khoản 4.1.13 Giao diện cập nhật thông tin người dùng 26 Hình 24: Giao diện trang cập nhật thông tin tài khoản 4.1.14 Giao diện biểu mẫu nhập người dùng Hình 25: Giao diện trang trang nhập/đăng ksy người dùng 3.1.15 Giao diện biểu mẫu đăng nhập quản trị hệ thống 27 Hình 26: Giao diện trang đăng nhập hệ thống quản trị 4.2 Giao diện phía người dùng 4.2.1 Giao diện trang chủ Hình 27: Giao diện trang chủ 28 4.2.2 Giao diện trang sản phẩm Hình 28: Giao diện trang sản phẩm 4.2.3 Giao diện trang chi tiết sản phẩm Hình 29: Giao diện trang chi tiết sản phẩm 4.2.4 Giao diện trang giỏ hàng 29 Hình 30: Giao diện trang giỏi hàng 4.2.5 Giao diện trang đơn hàng Hình 31: Giao diện trang đơn hàng 4.2.6 Giao diện trang toán 30 Hình 32: Giao diện trang toán PHẦN KẾT LUẬN Kết đạt - Website thể thông tin sản phẩm chức giỏ hàng - Xây dựng chức quản trị: Quản lí sản phẩm, danh mục, nhà cung cấp, tài khoản người dùng - Hệ thống hỗ trợ quản trị viên chỉnh sửa thông tin, đăng thêm cập nhật sản phẩm,… Hướng phát triễn Trong tương lai, có nhiều thời gian hoàn thiện đầy đủ chức website - Bổ sung thêm giao diện tối ưu thiết kế để website thêm sinh động Xây dựng thêm chức dung tích nước hoa, thêm chức quản lí đơn hàng,… Xây dựng thêm chức toán trực tuyến Xây dựng thêm chatbot trả lời tin nhắn tự động… Tăng cường bảo mật cho websize Bảo mật source code cho website: sử dụng kỹ thuật mã hóa tồn source code website để tránh đánh cấp bảo mật thông tin 31 - Nâng cấp source code tối ưu đoạn code nhiều để tăng cường tính bảo mật TÀI LIỆU THAM KHẢO * Sách tham khảo: A Practical Guide to Designing for the Web Getting Real Web Style Guide, 3rd Edition Thiết kế web – Nguyễn Thu Hiền Website: www.thietkeweb.vn/huongdan.htm www.phpvn.org Web trường học trực tuyến :www.w3schools.com www.codevn.org www.freecode.com https://hoclaptrinhweb.org/lap-trinh/hoc-php/227-bai-1-gioi-thieu-ve-ngon-ngulap-trinh-php-va-huong-dan-cai-dat.html 32