ĐỒ Á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 BM-ChT11 TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KỲ THI KẾT THÚC HỌC PHẦN TRUNG TÂM KHẢO THÍ HỌC KỲ I NĂM HỌC 2021 - 2022 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 chí (theo CĐR HP) Đánh giá GV Điểm tối Điểm đạt đa Cấu trúc báo cáo Nội dung - Các nội dung thành 4,5 phần - Lập luận - Kết luận 0,5 Trình bày TỔNG ĐIỂM 10 Giảng viên chấm thi (ký, ghi rõ họ tên) Giảng viên chấm thi Đ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 chuyên 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 để hồ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 10 DANH MỤC CÁC BẢNG HÌNH 11 DANH MỤC CÁC TỪ VIẾT TẮT .13 CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 14 1.1 Giới thiệu đề tài: 14 1.2 Lý chọn đề tài 14 1.3 Mục tiêu đề tài 14 1.4 Các công cụ hỗ trợ 14 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT .15 2.1 TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 15 2.1.1 2.2 Khái niệm: 15 GIỚI THIỆU VỀ PHP VÀ FRAMEWORK LARAVEL 15 2.2.1 PHP gì? .15 2.2.2 Ngơn ngữ PHP làm gì? .16 2.2.3 Ngơn ngữ PHP có khác biệt so với ngơn ngữ lập trình khác 18 2.2.4 Lập trình PHP gì? 19 2.2.5 Thu nhập lập trình PHP 20 2.2.6 Muốn phát triển nghề lập trình PHP cần 20 2.2.7 Framework Laravel gì? .21 2.2.8 Framework gì? PHP Framework gì? 23 2.2.9 Mơ hình MVC gì? 24 2.2.10 Lịch sử phát triển Laravel 25 2.2.11 Ưu điểm Laravel gì? 26 2.2.12 Nhược điểm Laravel gì? .27 2.2.13 Cài đặt Framework Laravel 27 2.3 XAMPP .29 CHƯƠNG 3: GIỚI THIỆU VỀ WEBSITE BÁN ĐỒNG HỒ 30 3.1 Khảo sát thực trạng 30 3.2 Giới thiệu website đồng hồ online “MEN WATCH” 31 3.3 Phương pháp nghiên cứu 31 CHƯƠNG 4: CÀI ĐẶT WEBSITE BÁN ĐỒNG HỒ ONLINE “MEN WATCH” 32 4.1 Thiết kế chi tiết chức phương thức 32 4.2 Thiết kế giao diện Website 33 4.2.1 Giao diện trang chủ .33 4.2.2 Giao diện loại sản phẩm 36 4.2.3 Giao diện trang Chi tiết sản phẩm 37 4.2.4 Giao diện đặt hàng 38 4.2.5 Giao diện Admin 39 4.2.6 Giao diện Admin Danh sách đơn hàng 40 4.2.7 Giao diện Admin Danh sách sản phẩm 40 4.2.8 Giao diện Admin Danh sách Loại sản phẩm 42 CHƯƠNG 5: KẾT LUẬN .43 5.1 Kết đạt .43 5.2 Hạn chế đề tài 43 5.3 Hướng phát triển .43 5.4 Tài liệu tham khảo 43 DANH MỤC CÁC BẢNG BIỂU 10 Tuy nhiên, có cấu hình đơn giản nên Xampp khơng hỗ trợ cấu hình Module, khơng có Version MySQL, đó, đơi mang đến bất tiện cho người dùng Bên cạnh đó, dung lượng Xampp tương đối nặng, dung lượng file cài đặt Xampp 141Mb mpp có cấu hình đơn giản nhiều chức hữu ích Xampp tích hợp nhiều thành phần với tính năng:  Apache  PHP (tạo mơi trường chạy tập tin script *.php)  MySql (hệ quản trị liệu Mysql); Thay phải cài đặt  Mã nguồn mở: Khơng Appserv, Xampp có giao diện quản CHƯƠNG 3: GIỚI THIỆU VỀ WEBSITE BÁN ĐỒNG HỒ 3.1 Khảo sát thực trạng Nhu cầu mua sắm online tăng mạnh đặc biệt bạn trẻ Đối tượng mà Website hướng đến bạn trẻ mua đồng hồ để đeo đám tiệc hay cho công việc.Nhằm giới thiệu Đông hồ website đến tất khách hàng có nhu cầu mua sắm sách qua mạng phục vụ công tác quản lý, hoạt động kinh doanh, hệ thống bước đầu phục vụ cho khách hàng với chức cần thiết để khách hàng đăng ký để mua đồng hồ ưng ý, đồng thời giúp nhân viên, người quản trị dễ dàng quản lý việc mua bán nắm bắt thơng tin nhanh chóng Một số chức cần thiết phải đạt sau: Đối với khách hàng muốn xem đồng hồ có website  Hệ thống giúp khách hàng tìm kiếm sách nhanh chóng  Hệ thống đưa chi tiết thông tin cho sách mà khách  Thêm sách vào giỏ hàng, đặt hàng qua mạng Đối với quản trị: nhanh chóng, rõ ràng, bảo mật thơng tin khách hàng  Hệ thống giúp người quản trị, nhân viên cập nhật thông tin  Đơn hàng khách hàng liệu đưa hệ thống 30  3.2 Dễ dàng quản lý, sử dụng website, kiểm kê đơn hàng xác, rõ 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 Hình 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 31 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 Hình 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,… 32 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 Hình 12 Giao diện trang chủ 33 Hình 13 Giao diện trang chủ Hình 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ý 34 Để thực dán ribbon cho sản phẩm ta thực điều kiện sau: Hình 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 Hình 16 Kết đặt banner Để hiển thị giá theo tiêu sản phẩm đặt điều kiện sau: Hình 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 35 Hình 18 Kết hiển thị giá sản phẩm 4.2.2 Giao diện loại sản phẩm Hình 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 36 Hình 20 Giao diện trang Sản phẩm đơng hồ cao cấp Phía sản phẩm khác Hình 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 37 Hình 22 Giao diện chi tiết sản phẩm Hình 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 toán 38 Hình 24 Giao diện đặt hàng 4.2.5 Giao diện Admin Hình 25 Giao diện admin 39 4.2.6 Giao diện Admin Danh sách đơn hàng Hình 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 Hình 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 40 Hình 28 Giao diện thêm, sửa sản phẩm 41 4.2.8 Giao diện Admin Danh sách Loại sản phẩm Hình 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 Hình 30 Giao diện thêm loại sản phẩm 42 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=NJyLuemNww&list=PLzrVYRai0riRnmKWhDEYixPDLs3CCk2lO 43 2) https://www.youtube.com/watch?v=XJwhQumKCxU&list=PLzrVYRai0riQK705397wDnlhhWu-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 44 ... 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:... 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