ĐỒ á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 NGUYÊN TAT THANH ĐỒ Á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 TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH BM-ChT- TRUNG TÂM KHẢO THÍ KỲ THI KẾT THÚC HỌC PHẦN 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 đa Cấu trúc báo cáo Nội dung - Các nội dung thành phần 4,5 - Lập luận - Kết luận 0,5 Trình bày TỔNG ĐIỂM 10 Điểm đạt 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 lập - Tự - Hạnh phúc ^^^ Độ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 GIẢNG VIÊN GIẢNG DẠY TRƯỞNG BỘ MÔN rõ họ tên) (Ký và(Ký ghivà rõ ghi 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 hồ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 hoà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 đon giản Trong q 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 nhiều thiếu sót, mong thầy bỏ qua bổ sung thêm để đề tài hoàn thiện hon Em xin chân thành cảm on! 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 Khái niệm: 15 2.2 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 HÌNH Hình PHP 17 Hình Lập trình PHP 19 Hình Kĩ Năng PHP 21 Hình Laravel 22 Hình Framwork 23 Hình ASP.NET.MVC 24 Hình Laravel 25 Hình Ưu điểm Laravel 26 Hình Laravel Instal 27 Hình 10 Giao diện trang chủ Website .31 Hình 11 Bật xampp start apeche & MySQL 32 Hình 12 Giao diện trang chủ .33 Hình 13 Giao diện trang chủ .34 Hình 14 Giao diện trang chủ .34 Hình 15 Điều kiện đặt ribbon .35 Hình 16 Kết đặt banner 35 Hình 17 Điều kiện hiển thị giá .35 Hình 18 Kết hiển thị giá sản phẩm 36 Hình 19 Chọn loại sản phẩm 36 Hình 20 Giao diện trang Sản phẩm đông hồcao cấp 37 Hình 21 Sản phẩm khác 37 Hình 22 Giao diện chi tiết sản phẩm 38 Hình 23 Giao diện chi tiết sản phẩm 38 Hình 24 Giao diện đặt hàng 39 Hình 25 Giao diện admin .39 Hình 26 Giao diện Admin Danh sách đơnhàng 40 Hình 27 Giao diện Admin Danh sách sản phẩm 40 Hình 28 Giao diện thêm, sửa sản phẩm 41 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ủ • • • • 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ý • Để thực dán ribbon cho sản phẩm ta thực điều kiện sau: @if(ĩnew -> promotionprice!=0) • • • @elseif($new -> new == 1) Linit_prĩce)}} đõng @else {{number_fo™at(Snew->unĩt_price)}} đõng {{nimber_format(ĩnew->proiỉiotion_price)}} đõng • • 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 • • • 6,330 003 đồng 5,000,000 địng • • Orient FACOŨDOSWO Detls > 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 • • • • 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 • Orient FAC0Ũ007W0 I ưa rhnrr 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 6,520,000 đơng • Đối tượng sử dụng: NaT - Đường kính mặt: 40 mm - Chất liệu mặt kính: Kính khống Mineral - Chất liệu dây: Da tống hợp - Bộ máy: Cơ tự động (Automatic) - Chõng nước: ATM - Rửa tay, mưa - Thương hiệu: Nhật Bản - Hãng ORIENT 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 • • • • • • • • • • Tõng tiẽn: • • Hình 24 Giao diện đặt hàng • 4.2.5 Giao diện Admin • • QUẢN LÝ SHOP ĐỊNG HỊ • • • Danh sách đơn hàng Dành cho Admin m Sản Phẩm • • • • • m Loại Sản Phẩm • C o p y r i g h t â 2 ã ã ã ã • • Hình 25 Giao diện admin • • • • • • • •• • 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 • • •• • • Hình 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 • • • • • • • • • • • • • 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 • • • • •• • 5.1 • CHƯƠNG 5: KẾT LUẬN 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 cịn đơ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.ỵoutube.com/watch?v=NJỵ- • LuemNww&list=PLzrVYRai0riRnmKWhDEYixPDLs3CCk2lO 2) https://www.youtube.eom/wateh?v=XJwhQumKCxU&íist=PLzrVYRai0riQK705397wDnlhhWu-gAUh 3) https://íarav.eom/does/8.x 4) https://íems2.ntt.edu.vn/píuginfiíe.php/466777/mod resouree/eontent/1/Ch %C6%B0%C6%A1ng%202-Ngon%20Ngu%20LT%20Web%20PHP.pdf ... 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:... 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