BÁO cáo báo cáo môn học PHÁT TRIỂN mã NGUỒN mở đề tài xây DỰNG WEBSITE INFINITYSTORE bán sản PHẨM CÔNG NGHỆ

lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ  BÁO CÁO BÁO CÁO MÔN HỌC PHÁT TRIỂN MÃ NGUỒN MỞ ĐỀ TÀI : XÂY DỰNG WEBSITE INFINITYSTORE BÁN SẢN PHẨM CƠNG NGHỆ Nhóm thực : Trương Vũ Linh MSSV: 1824801030194 Lớp: D18PM03 Nguyễn Bảo Tam MSSV: 1824801030198 Lớp: D18PM03 Học kỳ III năm học 2021-2022 7/2021 Bình Dương, năm 2021 lOMoARcPSD|20681854 LỜI CẢM ƠN Chúng em xin chân thành cảm ơn thầy Nguyễn Hữu Vĩnh – giảng viên trực tiếp hướng dẫn tận tình bảo chúng em trình làm báo cáo Nhờ có giúp đỡ thầy, bọn em hồn thành báo cáo cịn nhiều sai sót xảy thầy giúp chúng em bớt bỡ ngỡ hướng chúng em tới điều cần làm nên làm Nhờ đó, chúng em có kinh nghiệm có ích cho việc trở thành lập trình viên tương lai Thầy giúp chúng em tránh lỗi lầm mắc phải kinh nghiệm kiến thức người trước Chúng em xin kính chúc thầy khỏe mạnh tiếp tục dẫn thêm nhiều người bước tiếp đường chọn Chúng em xin chân thành cảm ơn thầy giúp chúng em có thêm kiến thức kinh nghiệm hữu ích cho tương lai lOMoARcPSD|20681854 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Thủ Dầu Một, Ngày tháng năm 2021 Giáo viên hướng dẫn lOMoARcPSD|20681854 LỜI NÓI ĐẦU Trong năm gần dịch vụ bán hàng thông qua mạng internet nước ta ngày ưa chuộng, nhu cầu sử dụng internet người ngày nâng cao mở rộng Đặt biệt mặc hàng điện tử Nắm bắt điều nên nhóm chúng em định làm website bán sản phẩm công nghệ nhằm mục đích đưa đến người dùng link kiện mặt hàng công nghệ đến người dùng cách nhanh chóng lOMoARcPSD|20681854 MỤC LỤC CHƯƠNG I TỔNG QUAN 1 Giới thiệu đề tài Lí chọn đề tài Mục đích chọn đề tài Giới thiệu mySQL 4.1 Hệ quản trị sở liệu MySQL ? 4.2 Đặc điểm hệ quản trị sở liệu MySQL 4.3 Lợi ích sử dụng MySQL Lập trình PHP CHƯƠNG II CƠ SỞ LÝ THUYẾT Quy trình đặt hàng sản phẩm Nền tảng công nghệ 2.1 MySQL CHƯƠNG III PHÂN TÍCH VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU Sơ đồ use case 1.1 Sơ đồ use case Admin 1.2 Sơ đồ use case khách hàng Sơ đồ hoạt động 2.1 Chức đăng nhập 2.2 Chức đăng kí 2.3 Chức thêm sản phẩm vào giỏ hàng Cơ sở liệu CHƯƠNG IV XÂY DỰNG WEBSITE 10 Phân quyền chức người dùng 10 Chức website giao diện 10 2.1 Giao diện trang chủ chưa đăng nhập 10 2.2 Giao diện đăng nhập tài khoản chức 10 2.3 Giao diện đăng kí tài khoản chức 11 lOMoARcPSD|20681854 2.4 Giao diện trang chủ trường hợp chưa đăng nhập chức không thêm giỏ hàng 12 2.5 Giao diện đăng nhập thành công vào hệ thống 13 2.6 Giao diện trang xem loại sản phẩm 14 2.7 Giao diện xem chi tiết sản phẩm 15 2.8 Giao diện trang loại sản phẩm khơng có sản phẩm 16 2.9 Giao diện giỏ hàng chưa thêm sản phẩm 17 2.10 Giao diện trang thêm sản phẩm vào giỏ hàng thành công chức giỏ hàng 18 2.11 Giao diện trang giỏ hàng có sản phẩm 19 CHƯƠNG V KẾT LUẬN, HẠN CHẾ VÀ HƯỚNG PHÁT TRIỂN 21 Kết luận 21 Hạn chế hướng phát triển 21 2.1 Hạn chế 21 2.2 Hướng phát triển 21 TÀI LIỆU THAM KHẢO 22 lOMoARcPSD|20681854 DANH MỤC HÌNH Hình 1: Tạo sở liệu MySQL Hình 2: CSDL sau tạo xong Hình 3: Sơ đồ use case Admin Hình 4: Sơ đồ use case khách hàng Hình 5: Sơ đồ hoạt động chức đăng nhập Hình 6: Sơ đồ hoạt động chức đăng kí tài khoản Hình 7: Sơ đồ hoạt động chức xem giỏ hàng Hình 8: sở liệu Hình 9: Bảng tblproducts Hình 10: Bảng tblsubjects Hình 11: Bảng tblusers Hình 12: Trang chủ chưa đăng nhập 10 Hình 13: Trang đăng nhập 11 Hình 14: Trang đăng kí tài khoản 12 Hình 15: Chưa đăng nhập vào hệ thống 13 Hình 16: Trang đăng nhập thành cơng vào hệ thống 14 Hình 17: Trang xem điện thoại 15 Hình 18: Giao diện chi tiết sản phẩm 16 Hình 19: Trang khơng có sản phẩm 17 Hình 20: Giỏ hàng trống 18 Hình 21: Thêm sản phẩm vào giỏ hàng 19 Hình 22: Giỏ hàng thêm sản phẩm 20 lOMoARcPSD|20681854 CHƯƠNG I TỔNG QUAN Giới thiệu đề tài Website “Infinity Store” trang web bán hàng điện tử online Thơng qua website người dùng xem sản phẩm điện tử thông tin sản phẩm giá bán Từ giúp cho người dùng nắm bắt thông tin sản phẩm mua sản phẩm điện tử thiết bị di động laptop có kết nối với internet Lí chọn đề tài Nhìn nhận thấy nhu cầu sử dụng mặc hàng điện tử người ngày nâng cao phát triển Nhu cầu mua sắm người thông qua ứng dụng, website ngày ưa chuộng Việc sử dụng thiết bị thông minh để mua sắm dần phát triển với cấp số nhân Mục đích chọn đề tài Mục đích việc tạo website “Infinity Store” gíup người dùng tiện lợi việc nắm bắt thông tin sản phẩm điện tử cách nhanh chóng từ giúp người dùng chọn lựa sản phẩm phù hợp với Mọi chi tiết, giá cơng bố người thả sức mua sắm trực tuyến tốn cách nhanh chóng Giới thiệu mySQL 4.1 Hệ quản trị sở liệu MySQL ? • Hệ quản trị sở liệu MySQL hiểu chương trình dùng để quản lý hệ thống sở liệu, đó, sở liệu hệ thống lưu trữ thông tin xếp rõ ràng, phân lớp ngăn nắp Nó giúp bạn truy cập liệu cách thuận lợi nhanh chóng Vì hỗ trợ đa số ngơn ngữ lập trình nên MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới Hiện MySQL nhà phát triển ưa chuộng trình phát triển ứng dụng • MySQL sở liệu tốc độ cao, ổn định hoạt động nhiều hệ điều hành, cung cấp hệ thống lớn hàm tiện ích mạnh Đặc biệt, hệ quản trị sở liệu MySQL hồn tồn miễn phí nên người dùng thoải mái tải từ trang chủ Nó có nhiều phiên cho hệ điều hành khác MySQL sử dụng cho việc bỗ trợ PHP nhiều ngôn ngữ khác Là nơi lưu trữ thông tin trang web viết frameword PHP hay Perl… 4.2 Đặc điểm hệ quản trị sở liệu MySQL • Hệ quản trị sở liệu MySQL phần mềm quản trị CSDL dạng server based, hệ gần giống với SQL sever Microsoft lOMoARcPSD|20681854 • MySQL phần mềm quản lý liệu thông qua CSDL Và CSDL có bảng quan hệ chứa liệu riêng biệt • MySQL có chế quản lý sử dụng riêng giúp cho người sử dụng quản lý lúc hay nhiều CSDL khác Và người dùng có username password để truy nhập truy xuất đến CSDL Khi truy vấn đến CSDL MySQL, bạn phải cung cấp tài khoản mật có quyền sử dụng sở liệu • MySQL tương thích tốt với môi trường PHP, giúp hệ thống hoạt động mạnh mẽ 4.3 Lợi ích sử dụng MySQL • Hiệu sử dụng cao • MySQL hỗ trợ giao dịch mạnh mẽ • Tốc độ nhanh • Dễ dàng sử dụng • Hỗ trợ ngơn ngữ truy vấn • Tính kết nối bảo mật cao • Tính linh động cao • Mã nguồn tự hỗ trợ 24/7 • Chi phí sở hữu thấp Lập trình PHP PHP: Hypertext Preprocessor, thường viết tắt thành PHP ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngơn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc, công ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp lOMoARcPSD|20681854 CHƯƠNG II CƠ SỞ LÝ THUYẾT Quy trình đặt hàng sản phẩm Bước : Đăng nhập vào hệ thống Bước : Lựa chọn sản phẩm Bước : Xem sản phẩm lựa chọn giỏ hàng Bước : Tiến hành tốn Nền tảng cơng nghệ 2.1.MySQL MySQL sở liệu tốc độ cao, ổn định hoạt động nhiều hệ điều hành, cung cấp hệ thống lớn hàm tiện ích mạnh MySQL sử dụng cho việc bỗ trợ PHP, Perl nhiều ngôn ngữ khác Là nơi lưu trữ thông tin trang web viết framework PHP Hình 1: Tạo sở liệu MySQL lOMoARcPSD|20681854 Cơ sở liệu Hình 8: Cơ sở liệu Hình 9: Bảng tblproducts Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 10: Bảng tblsubjects Hình 11: Bảng tblusers Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 CHƯƠNG IV XÂY DỰNG WEBSITE Phân quyền chức người dùng Xem thông tin sản phẩm Thêm vào giỏ hàng Xem loại sản phẩm Thêm sản phẩm Xoá sản phẩm Sửa sản phẩm Thêm loại sản phẩm Xoá loại sản phẩm Sửa loại sản phẩm Khách hàng( có tài khoản) Có Có Có Khơng Khơng Khơng Khơng Khơng Khơng Khách hàng ( khơng có tài khoản ) Có Khơng Có Khơng Không Không Không Không Không Chức website giao diện 2.1 Giao diện trang chủ chưa đăng nhập Hình 12: Trang chủ chưa đăng nhập 2.2 Giao diện đăng nhập tài khoản chức 10 Downloaded by heo ninh (ninhheo7@gmail.com) Admind Có Có Có Có Có Có Có Có Có lOMoARcPSD|20681854 Trường hợp có tài khoản đăng nhập tài khoản gồm tên tài khoản mật chọn đăng nhập để vào hệ thống Hình 13: Trang đăng nhập 2.3 Giao diện đăng kí tài khoản chức Trường hợp chưa có tài khoản chọn vào nút đăng kí Nhập thơng tin tên tài khoản , tên hiển thị , mật , nhập lại mật khẩu, check box nhấn nút đăng kí 11 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 14: Trang đăng kí tài khoản 2.4 Giao diện trang chủ trường hợp chưa đăng nhập chức không thêm giỏ hàng Trường hợp chưa đăng nhập vào hệ thống khơng thêm giỏ hàng 12 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 15: Chưa đăng nhập vào hệ thống 2.5 Giao diện đăng nhập thành công vào hệ thống Sau đăng kí đăng nhập thành cơng vào hệ thống: 13 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 16: Trang đăng nhập thành công vào hệ thống 2.6 Giao diện trang xem loại sản phẩm Ở chỗ sản phẩm người dùng chọn sản phẩm muốn xem vd : điện thoại 14 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 17: Trang xem điện thoại 2.7 Giao diện xem chi tiết sản phẩm Người dùng nhấn vào sản phẩm để xem thông tin sản phẩm thêm vào giỏ hàng: 15 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 18: Giao diện chi tiết sản phẩm 2.8 Giao diện trang loại sản phẩm khơng có sản phẩm Trường hợp loại sản phẩm khơng có sản phẩm 16 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 19: Trang khơng có sản phẩm 2.9 Giao diện giỏ hàng chưa thêm sản phẩm Ở giỏ hàng chưa thêm sản phẩm Giỏ hàng trống đến có sản phẩm thêm vào: 17 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 20: Giỏ hàng trống 2.10 Giao diện trang thêm sản phẩm vào giỏ hàng thành công chức giỏ hàng Khi người mua muốn đặt hàng sản phẩm chọn sản phẩm nhấn thêm sản phẩm vào giỏ hàng Lúc sản phẩm lưu giỏ 18 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 hàng khách hàng xem tiếp tục sản phẩm khác đến quay lại giỏ hàng xem sản phẩm chọn tiến hành tốn sản phẩm Hình 21: Thêm sản phẩm vào giỏ hàng 2.11 Giao diện trang giỏ hàng có sản phẩm Xem sản phẩm mà khách hàng lựa chọn giỏ hàng 19 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 22: Giỏ hàng thêm sản phẩm 20 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 CHƯƠNG V KẾT LUẬN, HẠN CHẾ VÀ HƯỚNG PHÁT TRIỂN Kết luận Đề tài “Xây dựng website bán sản phẩm cơng nghệ InfinityStore” hồn thành với hy vọng giúp ích cho người việc tìm hiểu sản phẩm điện tử giúp ngừoi đặt mua online thơng qua internet giảm thiểu toàn thời gian người phải trực tiếp đến cửa hàng để mua sản phẩm Hạn chế hướng phát triển 2.1 Hạn chế • Tình hình dịch bệnh khiến việc thực khó khăn • Khơng có nhiều thời gian làm nhiều chức • Tính trang web cịn chưa tối ưu • Giao diện cịn chưa tối ưu • Chức trang web cịn hạn chế 2.2 Hướng phát triển • Thực thêm nhiều tính cho trang web • Tối ưu giao diện • Thêm nhiều chức tốn , xem tình trạng đơn hàng, 21 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 TÀI LIỆU THAM KHẢO E-commerce HTML UI Kit and Templates on Bootstrap 4, https://bootstrap-ecommerce.com/ Simple PHP Shopping Cart, https://phppot.com/php/simple-phpshopping-cart/ 22 Downloaded by heo ninh (ninhheo7@gmail.com) ... IV XÂY DỰNG WEBSITE Phân quyền chức người dùng Xem thông tin sản phẩm Thêm vào giỏ hàng Xem loại sản phẩm Thêm sản phẩm Xoá sản phẩm Sửa sản phẩm Thêm loại sản phẩm Xoá loại sản phẩm Sửa loại sản. .. thêm sản phẩm 20 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 CHƯƠNG V KẾT LUẬN, HẠN CHẾ VÀ HƯỚNG PHÁT TRIỂN Kết luận Đề tài ? ?Xây dựng website bán sản phẩm cơng nghệ InfinityStore? ??... hàng xem tiếp tục sản phẩm khác đến quay lại giỏ hàng xem sản phẩm chọn tiến hành tốn sản phẩm Hình 21: Thêm sản phẩm vào giỏ hàng 2.11 Giao diện trang giỏ hàng có sản phẩm Xem sản phẩm mà khách