THIẾT KẾ WEBSITE BÁN HÀNG THỜI TRANG (ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN)

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI THIẾT KẾ WEBSITE BÁN HÀNG THỜI TRANG HỌ VÀ TÊN: TRẦN VĂN CHIẾN Đà Nẵng, tháng 11, năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI THIẾT KẾ WEBSITE BÁN HÀNG THỜI TRANG HỌ VÀ TÊN: TRẦN VĂN CHIẾN Mã HSSV: 191C900066 Cán hướng dẫn: ThS TRẦN ĐÌNH SƠN Đà Nẵng, tháng 11, năm 2021 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN LỜI CẢM ƠN Trong suốt thời gian học tập Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn, em nhận nhiều quan tâm, giúp đỡ quý thầy cô Em xin gửi đến quý thầy cô Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn truyền đạt kiến thức kinh nghiệm cho em suốt thời gian em học trường Em xin chân thành cảm ơn Thầy Trần Đình Sơn trao đổi hướng dẫn để em hồn thành đề tài Xây dựng Website Em xin gửi lời cảm ơn đến ban lãnh đạo Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn, với Khoa Khoa học máy tính giúp đỡ em trình học tập nghiên cứu đề tài Em xin chân thành cảm ơn! MỤC LỤC DANH MỤC BẢNG iii DANH MỤC HÌNH iii LỜI MỞ ĐẦU CHƯƠNG I: GIỚI THIỆU VỀ ĐỀ TÀI Lý chọn đề tài: 2 Mục tiêu đề tài: Giới hạn phạm vi đề tài Kết dự kiến đạt được: CHƯƠNG II: CƠ SỞ LÝ THUYẾT Phân tích thiết kế hướng đối tượng 1.1 Phân tích thiết kế hướng đối tượng gì? 1.2 UML gì? Ngôn ngữ thiết kế web HTML CSS: 2.1 HTML: 2.2 CSS: 2.3 Khác HTML CSS: Ngôn ngữ kịch JavaScript: 3.1 JavaScript gì? 3.2 Ứng dụng bật JavaScript: 3.3 Giới thiệu thư viện JQuery: 3.4 Ưu việt thư viện JQuery: Ngôn ngữ lập trình PHP: 4.1 Giới thiệu 4.2 Giới thiệu Framework Laravel: 4.3 Tính bật Laravel: 10 Hệ quản trị sở liệu: 11 5.1 Các khái niệm: 11 5.2 Chức hệ quản trị sở liệu: 12 5.3 MySQL: 12 CHƯƠNG III: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 14 Thiết kế hệ thống: 14 i 1.1 UseCase Hệ thống: 14 1.2 UseCase Customer 16 1.3 UseCase Quản lý sản phẩm: 21 Biểu đồ hệ thống: 23 2.1 Biểu đồ đăng ký 23 2.2 Biểu đồ đăng nhập 23 Thiết kế sở liệu: 24 CHƯƠNG IV: XÂY DỰNG PHẦN MỀM 28 Giao diện trang chủ 28 Giao diện trang chi tiết sản phẩm: 28 Giao diện đăng nhập: 28 Giao diện giỏ hàng 29 Giao diện toán: 29 Giao diện trang quản trị: 30 Giao diện quản lý danh mục: 30 Giao diện quản lý sản phẩm: 31 Giao diện quản lý slide 31 10 Giao diện quản lý đơn đặt hàng: 32 11 Giao diện quản lý khách hàng: 32 12 Giao diện quản lý nhân viên: 33 CHƯƠNG V: TỔNG KẾT 34 Kết đạt được: 34 Hạn chế: 34 Kết luận: 34 TÀI LIỆU THAM KHẢO 35 ii DANH MỤC BẢNG Bảng 1: Bảng Admin 24 Bảng 2: Bảng Catalog 25 Bảng 3: Bảng Order 25 Bảng 4: Bảng Product 26 Bảng 5: Bảng Slide 26 Bảng 6: Bảng Transaction 26 Bảng 7: Bảng User 27 DANH MỤC HÌNH Hình 1: Khác HTML CSS Hình 2: Framework Laravel 10 Hình 3: UseCase Hệ thống 14 Hình 4: UseCase Customer 16 Hình 5: UseCase Quản lý sản phẩm 21 Hình 6: Biểu đồ đăng ký 23 Hình 7: Biểu đồ đăng nhập 24 Hình 8: Giao diện trang chủ 28 Hình 9: Giao diện trang chi tiết sản phẩm 28 Hình 10: Giao diện đăng nhập 29 Hình 11: Giao diện giỏ hàng 29 Hình 12: Giao diện toán 30 Hình 13: Giao diện trang quản trị 30 Hình 14: Giao diện quản lý danh mục 31 Hình 15: Giao diện quản lý sản phẩm 31 Hình 16: Giao diện quản lý Slide 32 Hình 17: Giao diện quản lý đơn đặt hàng 32 Hình 18: Giao diện quản lý khách hàng 33 Hình 19: Giao diện quản lý nhân viên 33 iii LỜI MỞ ĐẦU Ngày nay, phát triển vượt bậc công nghệ thông tin, đặc biệt lĩnh vực thương mại điện tử, giúp cửa hàng, doanh nghiệp dễ tiếp cận với người dùng, đáp ứng nhu cầu nhanh chóng rộng rãi Hầu hết doanh nghiệp, cửa hàng có website riêng để giới thiệu mặt hàng Trước nhu cầu cần thiết để xây dựng website cho cửa hàng, doanh nghiệp Em chọn đề tài “Thiết kế Website bán hàng thời trang” Đồ án gồm có chương: ✓ Chương I: Giới thiệu đề tài: Giới thiệu chung đề tài: lý chọn đề tài, mục tiêu đề tài, giới hạn phạm vi, với kết dự kiến đạt đề tài xây dựng ✓ Chương II: Cơ sở lý thuyết: Nêu sở lý thuyết áp dụng hệ thống phần mềm triển khai: ngôn ngữ HTML, CSS, JavaScript, hệ quản trị sở liệu MySQL, ✓ Chương III: Phân tích thiết kế hệ thống: Thực tìm hiểu, khảo sát hệ thống cửa hàng bán mĩ phẩm, từ trình bày sơ đồ, mơ hình UseCase, biểu đồ chức hệ thống Từ phân tích trên, tiến hành thiết kế sở liệu cho hệ thống triển khai ✓ Chương IV: Xây dựng phần mềm: Từ phân tích thiết kế hệ thống trên, áp dụng xây dựng chức hệ thống Trình bày giao diện phần mềm triển khai ✓ Chương V: Tổng kết: Tổng kết kết đạt phần mềm, hạn chế tồn hướng phát triển, tài liệu đề tài tham khảo CHƯƠNG I: GIỚI THIỆU VỀ ĐỀ TÀI Lý chọn đề tài: Sự phát triển công nghệ thông tin thúc đẩy phát triển hầu hết lĩnh vực, có kinh doanh Với đời internet vươn lên cơng nghệ dẫn đến hình thức kinh doanh online Hình thức kinh doanh online nhiều cửa hàng lựa chọn để tăng doanh thu cửa hàng để giới thiệu sản phẩm đến người tiêu dùng cách nhanh chóng Với phát triển nhanh chóng cơng nghệ độ phủ sóng rộng khắp smartphone, lĩnh vực kinh doanh sản phẩm quần áo Việt Nam ngày quan tâm nhiều Tuy nhiên, với lĩnh vực kinh doanh nhiều tiềm có hàng trăm, hàng ngàn đơn vị, doanh nghiệm tham gia khiến cho cạnh tranh vơ gay gắt Mỗi cửa hàng có nhiều mức giá chương trình ưu đãi khác dẫn đến khó khăn cho người dùng việc tìm kiếm giá sản phẩm cửa hàng Với mục đích giúp người dùng tiếp cận nhiều nữa, em định chọn đề tài “Thiết kế Website bán hàng thời trang” Mục tiêu đề tài: ✓ Trình bày vấn đề liên quan đến ngôn ngữ PHP, sở liệu Mysql ✓ Khảo sát thực trạng dịch vụ trung tâm thực trạng nhu cầu tìm kiếm dịch vụ người dùng ✓ Phân tích hệ thống chương trình bao gồm giao diện, activity nhằm đáp ứng nhu cầu người dùng ✓ Triển khai cài đặt chương trình Giới hạn phạm vi đề tài: ✓ Xây dựng chương trình dựa vào ngơn ngữ lập trình PHP sở liệu Mysql ✓ Chương trình tập trung chức nghiệp vụ từ khảo sát thực tế ✓ Hệ thống hiển thị form nhập thông tin sản phẩm ✓ Người quản lý nhập thông tin sản phẩm ✓ Nhập nút thêm sản phẩm ✓ Hệ thống kiểm tra trường liệu: - Nếu thỏa mãn, thực bước - Nếu khơng, thực luồng kiện A1 ✓ Hệ thống thông báo thêm sản phẩm thành công ✓ Hệ thống lưu lại thông tin sản phẩm ▫ Sửa thông tin sản phẩm: ✓ Hệ thống hiển thị form cập nhật thông tin sản phẩm ✓ Người quản lý nhập thông tin cần thay đổi ✓ Nhập nút cập nhật sản phẩm ✓ Hệ thống kiểm tra trường liệu: - Nếu thỏa mãn, thực bước - Nếu khơng, thực luồng kiện A1 ✓ Hệ thống thông báo cập nhật sản phẩm thành công ✓ Hệ thống cập nhật thông tin sản phẩm ▫ Tìm kiếm sản phẩm: ✓ Nhập từ khóa cần tìm ✓ Nhấn nút tìm kiếm ✓ Hệ thống kiểm tra thơng tin sản phẩm: - Nếu có hiển thị danh sách sản phẩm - Nếu không, thực kiện rẽ nhánh A1 ▫ Xóa sản phẩm: ✓ Người quản lý chọn thơng tin sản phẩm cần xóa ✓ Hệ thống kiểm tra: - Nếu khơng có ràng buộc, thực bước - Ngược lại, hủy xóa 22 ➢ Dịng kiện rẽ nhánh A1: ▪ Hệ thống báo lỗi ▪ Quản trị thưc nhập lại liệu ▪ Quay lại bước kiện phụ − Điều kiện đầu ra: Danh sách sản phẩm cập nhật đầy đủ vào sở liệu Biểu đồ hệ thống: 2.1 Biểu đồ đăng ký Hình 6: Biểu đồ đăng ký 2.2 Biểu đồ đăng nhập 23 Hình 7: Biểu đồ đăng nhập Thiết kế sở liệu: Các bảng sở liệu: ➢ Bảng Admin: STT Tên thực thể Id Kiểu liệu Ràng buộc Mô tả int (11) Khóa Khóa bảng Name varchar(100) Not null Tên Email varchar(100) Not null Email Password varchar(40) Not null Mật Bảng 1: Bảng Admin 24 ➢ Bảng Catalog: STT Tên thực thể Id Kiểu liệu Ràng buộc Mô tả int (11) Khóa Khóa bảng Name varchar(100) Not null Tên Description varchar(255) Not null Mô tả Parent_id int (11) Not null ID danh mục cha Sort_order tinyint(4) Not null Thứ tự xếp Bảng 2: Bảng Catalog ➢ Bảng Order: STT Tên thực thể Id Kiểu liệu Ràng buộc Mơ tả Khóa Khóa bảng Transaction_id int(100) Not null ID giao dịch Product_id int(100) Not null ID sản phẩm Qty int (100) Not null Số lượng Amount decimal(15.2) Not null Tổng số Status int(11) Not null Trạng thái int (11) Bảng 3: Bảng Order ➢ Bảng Product: STT Tên thực thể Id Kiểu liệu Ràng buộc Mơ tả int (255) Khóa Khóa bảng Catalog _id int(11) Not null ID mục lục Name varchar(255) Not null Tên Content text Not null Nội dung Price decimal(15.2) Not null Giá bán Discount int(11) Not null Giảm giá Image_link varchar(100) Not null Link hình ảnh Image_list text Not null Danh sách hình ảnh View int(11) Not null Xem 25 STT Tên thực thể Kiểu liệu Ràng buộc Mô tả 10 Buyed int(255) Not null Đã mua 11 Rate_total int(255) Not null Tông tỷ lệ 12 Rate_count int(255) Not null Đếm tỷ lệ Bảng 4: Bảng Product ➢ Bảng Slide: STT Tên thực thể Id Kiểu liệu Ràng buộc Mơ tả int (11) Khóa Khóa bảng Name varchar(100) Not null Tên Image_link varchar(100) Not null Link hình ảnh Link varchar(100) Not null Đường dẫn Sort_order tinyint(4) Not null Thứ tự xếp Bảng 5: Bảng Slide ➢ Bảng Transaction: STT Tên thực thể Id Kiểu liệu Ràng buộc Mơ tả int (11) Khóa Khóa bảng Status int(11) Not null Trạng thái User_id int(11) Not null ID người dùng User_name varchar(100) Not null Tên người dùng User_email varchar(100) Not null Email người dùng User_phone varchar(100) Not null User_address varchar(100) Not null Địa người dùng message varchar(255) Not null Lời nhắn Amount decimal(15.2) Not null Tổng số Số điện thoại người dùng Bảng 6: Bảng Transaction ➢ Bảng User: STT Tên thực thể Kiểu liệu 26 Ràng buộc Mô tả STT Tên thực thể Id Kiểu liệu Ràng buộc Mô tả int (11) Khóa Khóa bảng Name varchar(100) Not null Tên Email varchar(50) Not null Email Password varchar(50) Not null Mật Phone varchar(15) Not null Số điện thoại Address varchar(100) Not null Địa Bảng 7: Bảng User 27 CHƯƠNG IV: XÂY DỰNG PHẦN MỀM Giao diện trang chủ: Hình 8: Giao diện trang chủ Giao diện trang chi tiết sản phẩm: Hình 9: Giao diện trang chi tiết sản phẩm Giao diện đăng nhập: 28 Hình 10: Giao diện đăng nhập Giao diện giỏ hàng: Hình 11: Giao diện giỏ hàng Giao diện tốn: 29 Hình 12: Giao diện toán Giao diện trang quản trị: Hình 13: Giao diện trang quản trị Giao diện quản lý danh mục: 30 Hình 14: Giao diện quản lý danh mục Giao diện quản lý sản phẩm: Hình 15: Giao diện quản lý sản phẩm Giao diện quản lý slide: 31 Hình 16: Giao diện quản lý Slide 10 Giao diện quản lý đơn đặt hàng: Hình 17: Giao diện quản lý đơn đặt hàng 11 Giao diện quản lý khách hàng: 32 Hình 18: Giao diện quản lý khách hàng 12 Giao diện quản lý nhân viên: Hình 19: Giao diện quản lý nhân viên 33 CHƯƠNG V: TỔNG KẾT Kết đạt được: Từ học trường, em phân tích xây dựng phần mềm với kết đạt được: ✓ Áp dụng kiến thức học xây dựng website bán hàng thời trang, phân quyền người dùng người quản trị, với giao diện chức khác ✓ Quản lý thông tin cần thiết cửa hàng sản phẩm, thông tin khách hàng giao dịch mua hàng cửa khách hàng ✓ Có đầy đủ chức để quản lý cửa hàng Hạn chế: Bên cạnh có hạn chế như: ✓ Chưa có nhiều kiến thức thực tế, nên việc xây dựng phần mềm áp dụng vào thực tế nhiều thiếu sót chưa khả quan ✓ Giao diện chưa thật bắt mắt ✓ Một số chức hạn chế Kết luận: Bài báo cáo đề tài “xây dựng website bán hàng thời trang” xây dựng PHP với hệ quản trị sở liệu MySQL Với chức sở liệu nghiên cứu, giúp cải thiện khó khăn cho người quản lý, thuận tiện cho người dùng Tuy nhiên, thời gian hoàn thành đề tài có hạn kinh nghiệm nghiệp vụ chưa sâu nên đề tài em cịn nhiều thiếu sót nghiệp vụ chuyên môn Em mong nhận ý kiến, góp ý thầy bạn để đề tài em hoàn thiện áp dụng tốt thực tế Em xin chân thành cảm ơn! 34 TÀI LIỆU THAM KHẢO [1] : https://vi.wikipedia.org/wiki/HTML [2] : https://www.w3schools.com/css/ [3] : https://vi.wikipedia.org/wiki/JavaScript 35 36