ĐỒ án môn học PHẦN mềm mã NGUỒN mở xây DỰNG TRANG WEB bán ĐỒNG hồ

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG TRANG WEB BÁN ĐỒNG HỒ Giảng viên giảng dạy : ThS Nguyễn Thị Hồng Sinh viên thực : Lê Đình Hồng Thái Mã số sinh viên : 1900009507 Chuyên ngành : Kỹ thuật phần mềm Khóa : 2019 Tp.HCM, tháng 01/2022 TRUNG TÂM KHẢO THÍ PHIẾU CHẤM THI TIỂU LUẬN/BÁO CÁO Môn thi: Phần mềm mã nguồn mở Lớp học phần: 19DTH1A Sinh viên thực hiện: Lê Đình Hồng Thái MSSV: 1900009507 Đề tài tiểu luận/báo cáo sinh viên: Trang web bán đồng hồ Phần đánh giá giảng viên (căn thang rubrics môn học): Tiêu c Cấu trú Nội dung - Các nội dung thành phần - Lập luận - Kết luận Trình bày TỔNG ĐIỂM Điểm: Nhận xét: Giảng viên chấm thi Điểm: Nhận xét: TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CƠNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc   NHIỆM VỤ ĐỒ ÁN MÔN HỌC (Sinh viên phải đóng tờ vào báo cáo) Họ tên: LÊ ĐÌNH HỒNG THÁI MSSV: 1900009507 Chun ngành: Kỹ thuật phần mềm Lớp: 19DTH2A Email: tlee692001@gmail.com SĐT: 0869331145 Tên đề tài: Xây dựng trang web bán đồng hồ Giảng viên giảng dạy: ThS Nguyễn Thị Hồng Thời gian thực hiện: 24/12/2021 đến 05/01/2022 Nhiệm vụ: Phân tích tìm hiểu Phần mềm mã nguồn mở thiết kế Trang web bán đồng hồ Nội dung: Tìm hiểu Phần mềm mã nguồn mở Tìm hiểu đề tài xây dựng trang web bán đồng hồ Xây dựng giao diện.Lập trình xử lý kiện Phương pháp: sử dụng ngôn ngữ PHP framework Laravel để thực đề tài xây dựng trang web Quản lý bán đồng hồ Nội dung yêu cầu thông qua Bộ môn Tp.HCM, ngày tháng năm 2022 TRƯỞNG BỘ MÔN GIẢNG VIÊN GIẢNG DẠY (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) ThS.Phạm Văn Đăng Nguyễn Thị Hồng LỜI CẢM ƠN Em xin gửi lời cám ơn đến cha mẹ anh chị em gia trình động viên tinh thần chia sẻ khó khăn năm qua Em chân thành cám ơn Giảng viên hướng dẫn Nguyễn Thị Hồng, người hướng dẫn tận tình, đóng góp ý kiến chun môn đồ án môn học Cô động viên tinh thần em cố gắng hoàn thành nghiên cứu đặt Cô cung cấp số tài liệu liên quan đến đồ án môn học mà em nghiên cứu ân cần nhắc nhở em đến tiến độ thực đồ án môn học Em chân thành gửi lời cám ơn đến Thầy Cô khoa Công nghệ thông tin trường Đại học Nguyễn Tất Thành giảng dạy, hướng dẫn, trang bị kiến thức cho em từ kiến thức đến vấn đề chuyên sâu Em xin gửi lời cám ơn đến anh, chị, bạn bè, đồng nghiệp nhiều hình thức khác giúp đỡ em trình học tập trường thời gian hồn thành đồ án mơn học Sinh viên thực (Ký tên) Lê Đình Hồng Thái LỜI MỞ ĐẦU Trong thời đại mà công nghệ thông tin phát triển mạnh, bên cạnh diễn biến phức tạp dịch bệnh COVID-19 gây khó khăn việc mua sắm trực tiếp cửa hàng mua sắm online lựa chọn tối ưu người.Ngày đồng hồ online khơng cịn xa lạ nhiên có nhiều người giữ thói quen mua cửa hàng để nhìn thử chỗ.Áp dụng kiến thức học với yêu thích đồng hồ thân, em lựa chọn đề tài “Xây dựng website bán đồng hồ online “ ” sử dụng ngôn ngữ PHP framework Laravel để hoàn thiện học phần Phần mềm mã nguồn mở với mục tiêu tạo website cung cấp đa dạng đồng hồ, giúp người mua dễ dàng tìm mua đồng hồ trang web hệ thống hỗ trợ người quản trị việc quản lý website cách nhanh chóng đơn giản Trong trình thực hiện, hướng dẫn hỗ trợ nhiệt tình giảng viên nhiên thân em cịn nhiều thiếu sót, mong thầy bỏ qua bổ sung thêm để đề tài hoàn thiện Em xin chân thành cảm ơn! NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN TP Hồ Chí Minh, ngày … tháng … năm 2022 GIẢNG VIÊN HƯỚNG DẪN (Ký tên) MỤC LỤC LỜI CẢM ƠN LỜI MỞ ĐẦU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN MỤC LỤC DANH MỤC CÁC BẢNG BIỂU DANH MỤC CÁC BẢNG HÌNH DANH MỤC CÁC TỪ VIẾT TẮT CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 Giới thiệu đề tài: 1.2 Lý chọn đề tài 1.3 Mục tiêu đề tài 1.4 Các công cụ hỗ trợ CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 2.1.1 2.2 Khái niệm: GIỚI THIỆU VỀ PHP VÀ FRAMEWORK LARAVEL 2.2.1 PHP gì? 2.2.2 Ngơn ngữ PHP 2.2.3 Ngơn ngữ PHP 2.2.4 Lập trình PHP 2.2.5 Thu nhập lậ 2.2.6 Muốn phát triể 2.2.7 Framework Lar 2.2.8 Framework g 2.2.9 Mơ hình MVC 2.2.10 Lịch sử phát tri 2.2.11 Ưu điểm La 2.2.12 Nhược điểm củ 2.2.13 Cài đặt Framew 2.3 XAMPP CHƯƠNG 3: GIỚI THIỆU VỀ WEBSITE BÁN ĐỒNG HỒ 3.1 Khảo sát thực trạng 3.2 Giới thiệu website đồng hồ online “MEN WATCH” 3.3 Phương pháp nghiên cứu CHƯƠNG 4: CÀI ĐẶT WEBSITE BÁN ĐỒNG HỒ ONLINE “MEN WATCH” 4.1 Thiết kế chi tiết chức phương thức 4.2 Thiết kế giao diện Website 4.2.1 Giao diện trang chủ 4.2.2 Giao diện loại sản phẩm 4.2.3 Giao diện trang Chi tiết sản phẩ 4.2.4 Giao diện đặt hàng 4.2.5 Giao diện Admin 4.2.6 Giao diện Admin Danh sách đơn 4.2.7 Giao diện Admin Danh sách sản 4.2.8 Giao diện Admin Danh sách Loạ CHƯƠNG 5: KẾT LUẬN 5.1 Kết đạt 5.2 Hạn chế đề tài 5.3 Hướng phát triển 5.4 Tài liệu tham khảo Dễ dàng quản lý, sử dụng website, kiểm kê đơn hàng xác, rõ 3.2 Giới thiệu website đồng hồ online “MEN WATCH” Lợi ích sở hữu website bán đồng hồ online tiếp cận khách hàng tiềm Dù khách hàng đâu, cần có mạng internet tìm thấy website bán đồng hồ bạn, biết đến sản phẩm bạn kinh doanh Từ đó, chắn lượng khách hàng bạn tăng lên đáng kể Sản phẩm “MEN WATCH” tất loại đồng hồ có giá từ thấp đến cao phù hợp với nhu cầu khách hàng loại hot thị trường Hinh 10 Giao diện trang chủ Website Đối với website bán hàng, chức tiện ích bán hàng website yếu tố cần thiết đến việc thu hút khách hàng Do đó, thiết kế website cần ý đến chức website, phải hữu dụng với người dụng người quản trị việc kinh doanh đạt hiệu 3.3 Phương pháp nghiên cứu Nghiên cứu xây dựng hệ thống mã nguồn mở FRAMEWORK LARAVEL,ngơn ngữ lập trình PHP Hệ quản trị sở liệu MySQL Phân tích hệ thống.Thiết kế giao diện chức website Sửa lỗi hoàn thiện website CHƯƠNG 4: CÀI ĐẶT WEBSITE BÁN ĐỒNG HỒ ONLINE “MEN WATCH” 4.1 Thiết kế chi tiết chức phương thức Đầu tiên truy cập trang web theo bước sau: Bật xampp bấm start apeche + sql Hinh 11 Bật xampp start apeche & MySQL Sau di chuyển thư mục website_dh vào thư mục htdocs xampp truy cập vào trình duyệt gõ đường dẫn: Localhost:(địa localhost)/index of sau chọn thư mục website_dh chọn public Lúc trình duyệt chuyển hướng đến trang chủ sản phẩm với đường dẫn localhost:(địa localhost)/website_dh/public/ Để truy cập vào trang admin cần thêm từ khóa admin cuối đường dẫn localhost:(địa localhost)/website_dh/public/ Ở dao diện trang chủ, người dùng đến trang Sản phẩm, Sản phẩm theo loại, Xem chi tiết sản phẩm, Thêm sản phẩm vào giỏ hàng, Tìm kiếm sản phẩm theo tên theo giá, Đăng ký/Đăng nhập, Thanh toán sản phẩm,… 4.2 Thiết kế giao diện Website 4.2.1 Giao diện trang chủ Ở giao diện trang chủ chứa thành phần: Slide Banner Menu Sản phẩm Sản phẩm khuyến Hinh 12 Giao diện trang chủ 3 Hinh 13 Giao diện trang chủ Hinh 14 Giao diện trang chủ Như thấy sản phẩm hình dán nhãn ribbon góc phải với tiêu chí theo loại sản phẩm (NEW) sản phẩm khuyến (SALE) Và giá tiền thiết kế với điều kiện để hiển thị xác Ngồi mục sản phẩm phân trang để hiển thị cách hợp lý Để thực dán ribbon cho sản phẩm ta thực điều kiện sau: Hinh 15 Điều kiện đặt ribbon Kết quả: Thông qua điều kiện, sản phẩm gán nhãn ribbon theo tiêu chí sản phẩm Hinh 16 Kết đặt banner Để hiển thị giá theo tiêu sản phẩm đặt điều kiện sau: Hinh 17 Điều kiện hiển thị giá Xét theo điều kiện, sản phẩm có giá khuyến = hiển giá niêm yết Ngược lại sản phẩm có giá khuyến hiển giá niêm yết giá khuyến Hinh 18 Kết hiển thị giá sản phẩm 4.2.2 Giao diện loại sản phẩm Hinh 19 Chọn loại sản phẩm Để truy cập vào loại sản phẩm, người dùng phải đưa chuột vào mục Loại sản phẩm có menu Lúc này, mục Loại sản phẩm xổ xuống loại sản phẩm: Đồng hồ Automatic, Đồng hồ Quartz, Đồng hồ cao cấp Chúng ta lấy ví dụ với trang loại sản phẩm Đồng hồ cao cấp Chọn Đồng hồ cao cấp  Website chuyển hướng đến giao diện trang Loại sản phẩm hiển thị loại sản phẩm có Ở ta chọn Loại sản phẩm đồng hồ cao cấp có sản phẩm thuộc loại Đồng hồ cao cấp nên giao diện hiển sản phẩm Hinh 20 Giao diện trang Sản phẩm đông hồ cao cấp Phía sản phẩm khác Hinh 21 Sản phẩm khác 4.2.3 Giao diện trang Chi tiết sản phẩm Khi người dụng click vào sản phẩm nút Chi tiết sản phẩm Website chuyển hướng đến trang Chi tiết sản phẩm Ở trang này, hiển thị tất thông tin sản phẩm: Mơ tả, giá, hình ảnh sản phẩm, sản phẩm loại Hinh 22 Giao diện chi tiết sản phẩm Hinh 23 Giao diện chi tiết sản phẩm 4.2.4 Giao diện đặt hàng Sau người dùng thêm sản phẩm vào giỏ hàng tiến hành tốn website đưa người dùng đến giao diện đặt hàng để điền thơng tin cần thiết phương thức tốn 38 Hinh 24 Giao diện đặt hàng 4.2.5 Giao diện Admin Hinh 25 Giao diện admin 4.2.6 Giao diện Admin Danh sách đơn hàng Hinh 26 Giao diện Admin Danh sách đơn hàng 4.2.7 Giao diện Admin Danh sách sản phẩm Hinh 27 Giao diện Admin Danh sách sản phẩm Ở đây, Admin sửa thơng tin sản phẩm xóa sản phẩm khỏi website Hinh 28 Giao diện thêm, sửa sản phẩm 4.2.8 Giao diện Admin Danh sách Loại sản phẩm Hinh 29 Giao diện Danh sách loại sản phẩm Ở đây, Admin sửa thơng tin loại sản phẩm xóa sản phẩm khỏi website Hinh 30 Giao diện thêm loại sản phẩm CHƯƠNG 5: KẾT LUẬN 5.1 Kết đạt Hiểu biết phần mềm mã nguồn mở, ngơn ngữ lập trình PHP Hệ quản trị sở liệu MySQL Cài đặt sử dụng thành thạo Xampp Framework Laravel.Xây dựng hệ thống website bán đồng hồ online tương đối hồn chỉnh với chức như: tìm kiếm sản phầm, đồng hồ mới, mua sản phẩm, đặt hàng, … Hệ thống hỗ trợ tốt cho quản trị viên quản lý website tốt với chức như: quản lý danh sách đồng hồ (thêm, sửa, xóa), quản lý đơn hàng, Giao diện trực quan, dễ sử dụng, cung cấp đầy đủ thông tin đồng hồ Cập nhật sản phẩm thường xuyên, … Đảm bảo quyền sử dụng, quyền riêng tư tính bảo mật thông tin người dùng 5.2 Hạn chế đề tài Chưa tối ưu hóa phần lập trình xử lý kiện Giao diện đơn giản Phần sở liệu đơn giản 5.3 Hướng phát triển Có thể cải tạo lại phần mềm Ngày với phát triển không ngừng nghỉ cơng nghệ kỹ thuật việc nâng cấp hệ thống để không bị lạc hậu điều hiển nhiên Đối với website “MEN WATCH” vậy, có hội thời gian sau điều mà hệ thống “MEN WATCH” cần phát triển thêm: khách hàng tự đăng nhập tạo thuận tiện cho khách hàng quản trị viên Tích hợp đăng nhập Google Facebook vào hệ thống để giúp chokhách hàng Phát triển Fanpage giới thiệu sản phẩm Tích hợp thêm Chat Box giúp cho khách hàng trao đổi trực tiếp với 5.4 Tài liệu tham khảo 1) https://www.youtube.com/watch?v=NJy- LuemNww&list=PLzrVYRai0riRnmKWhDEYixPDLs3CCk2lO 2) https://www.youtube.com/watch?v=XJwhQumKCxU&list=PLzrVYRai0riQ- K705397wDnlhhWu-gAUh 3) https://laravel.com/docs/8.x 4) https://lcms2.ntt.edu.vn/pluginfile.php/466777/mod_resource/content/1/Ch %C6%B0%C6%A1ng%202-Ngon%20Ngu%20LT%20Web%20PHP.pdf 4 ... Xây dựng trang web bán đồng hồ Giảng viên giảng dạy: ThS Nguyễn Thị Hồng Thời gian thực hiện: 24/12/2021 đến 05/01/2022 Nhiệm vụ: Phân tích tìm hiểu Phần mềm mã nguồn mở thiết kế Trang web bán. .. hiểu Phần mềm mã nguồn mở thiết kế Trang web bán đồng hồ Nội dung: Tìm hiểu Phần mềm mã nguồn mở Tìm hiểu đề tài xây dựng trang web bán đồng hồ Xây dựng giao diện.Lập trình xử lý kiện Phương pháp:... LUẬN/BÁO CÁO Môn thi: Phần mềm mã nguồn mở Lớp học phần: 19DTH1A Sinh viên thực hiện: Lê Đình Hồng Thái MSSV: 1900009507 Đề tài tiểu luận/báo cáo sinh viên: Trang web bán đồng hồ Phần đánh giá giảng