Đồ án chuyên nghành đề tài xây dựng website bán mô hình phụ kiện và gundam chi nhánh bình dương

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ *********** ĐỒ ÁN CHUYÊN NGHÀNH ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN PHỤ KIỆN VÀ MƠ HÌNH GUNDAM CHI NHÁNH BÌNH DƯƠNG Sinh viên thực : Ngơ Hồng Tân Lớp : D18PM03 Khoá : 2018 – 2022 Ngành : Kỹ thuật phần mềm Giảng viên hướng dẫn : ThS Nguyễn Hữu Vĩnh Bình Dương, tháng 11/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ *********** ĐỒ ÁN CHUYÊN NGHÀNH ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN PHỤ KIỆN VÀ MƠ HÌNH GUNDAM CHI NHÁNH BÌNH DƯƠNG Sinh viên thực : Ngơ Hồng Tân Lớp : D18PM03 Khoá : 2018 – 2022 Ngành : Kỹ thuật phần mềm Giảng viên hướng dẫn : ThS Nguyễn Hữu Vĩnh Bình Dương, tháng 11/2021 i 0 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN VỀ THÁI ĐỘ, Ý THỨC CỦA SINH VIÊN: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………… ……………………………………… ………………………………………………………………………………… VỀ ĐẠO ĐỨC, TÁC PHONG: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… VỀ KIẾN THỨC: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… KẾT LUẬN: ………………………………………………………………………………… ……………………………………………………… ……………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Điểm: ……… ………… ngày tháng 11 năm 2021 Giảng viên hướng dẫn ii 0 NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN VỀ THÁI ĐỘ, Ý THỨC CỦA SINH VIÊN: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………… ……………………………………… ………………………………………………………………………………… VỀ ĐẠO ĐỨC, TÁC PHONG: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… VỀ KIẾN THỨC: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… KẾT LUẬN: ………………………………………………………………………………… ……………………………………………………… ……………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Điểm: ……… ………… ngày tháng 11 năm 2021 Giảng viên phản biện iii 0 LỜI CẢM ƠN Luận văn hồn thành khơng nỗ lực thân tơi mà cịn nhờ giúp đỡ tận tình thầy cơ, bạn bè trường Đại Học Thủ Dầu Một suốt thời gian học tập nghiên cứu trường Đặc biệt thầy ThS.Nguyễn Hữu Vĩnh - người trực tiếp hướng dẫn, góp ý cho nhiều Xin trân trọng cảm ơn: Các thầy cô trường Đại Học Thủ Dàu Một Thầy Nguyễn Hữu Vĩnh, giảng viên trường Đại Học Thủ Dàu Một hướng dẫn xuyên suốt trình thực luận văn Cuối xin gửi lời cảm ơn tới người thân gia đình, bạn bè giúp đỡ, khuyến khích động viên tơi suốt q trình học tập, nghiên cứu thực báo cáo Bài báo cáo tốt nghiệp “Xây dựng website bán phụ kiện mơ hình Gundam chi nhánh Bình Dương” hồn thành chc hn cịn có thiếu sót, mong nhận ý kiến đóng góp giúp đỡ thầy bạn bè để người thực đề tài hoàn thành tốt báo cáo iv 0 LỜI CAM ĐOAN Tôi xin cam đoan cơng trình nghiên cứu riêng tơi hướng dẫn khoa học ThS Nguyễn Hữu Vĩnh Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngồi ra, luận văn cịn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc Bình Dương, ngày 24 tháng 11 năm 2021 Người thực Ngơ Hồng Tân v 0 TĨM TẮT Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin công nghệ có đng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần Bằng internet, thực nhiều công việc với t ốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tửđã khng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá t ất sản phẩm bán Vì vậy, em thực đồ án “ XÂY DỰNG WEBSITE BÁN PHỤ KIỆN VÀ MƠ HÌNH GUNDAM CHI NHÁNH BÌNH DƯƠNG” cho shop bán Mơ hình Gundam Người chủ cửa hàng đưa sản phẩm lên website quản lý website đó, khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền Với hướng dẫn tận tình Thầy Nguyễn Hữu Vĩnh em hồn thành báo nghiệp Tuy cố gng tìm hiểu, phân tích thiết kế cài đặt hệ thống vi 0 chc không tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thầy Em xin chân thành cảm ơn vii 0 Mục lục CHƯƠNG I: GIỚI THIỆU CHUNG 1.1 Lý thực đề tài 1.3 Đối tượng phạm vi nghiên cứu 1.4 Phương pháp nghiên cứu 1.5 Ý nghĩa khoa học thực tiễn 1.6 Giới thiệu sản phẩm 1.7 Các module website CHƯƠNG II: CƠ SỞ LÝ THUYẾT 2.1 Giới thiệu phương pháp 2.2 Laravel gì? 2.3 Các chức laravel 2.4 Ưu nhược điểm a.Ưu điểm b.Nhược điểm 2.5 Giới thiệu công nghệ tảng đám mây Heroku 2.6 Giới thiệu công nghệ bootstrap 2.7 Giới thiệu PHP 10 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 12 2.1 Sơ đồ chức hệ thống 12 2.2 Sơ đồ use case tổng thể 12 2.3 Phân tích chức 13 1.Admin 13 Người dùng 19 2.4 Cơ sở liệu 28 2.5 Sơ đồ quan hệ 29 chương 4: GIAO DIỆN PHẦN MỀM 30 1.Giao diện đăng kí 30 viii 0 2.Giao diện đăng nhập 30 3.Giao diện trang chủ 31 4.Giao diện quản lý 32 5.Giao diện quản lý loại sản phẩm 32 6.Giao diện quản lý sản phẩm 35 7.Giao diện quản lý đơn hàng 38 8.Giao diện người dùng 40 9.Giao diện hồ sơ người dùng 44 10.Giao diện giới thiệu 46 11.Giao diện Phản hồi 47 chương 5: kết luận 49 1.kết đạt 49 2.hạn chế 49 3.hướng phát triển 49 ix 0 Hình 28 Giao diện Thêm sản phẩm Giao diện thêm sản phẩm cung cấp công cụ Thêm sản phẩm cửa hàng Người quản lý thêm nhanh chóng sản phẩm cách nhập thông tin vào khu vực thêm sản phẩm,bao gồm thông tin như:Loại sản phẩm, tên sản phẩm, Hãng, Giá, Hình, Mơ tả Phía thao tác Thêm , làm lại Để thêm sản phẩm, bấm chọn vào nút “Thêm” bên góc hình, hệ thống lưu lại đưa lên trang chủ shop Nếu không điền thông tin mà bấm thêm, hệ thống thông báo thêm sản phẩm khơng thành cơng 36 0 Hình 29 Giao diện Sửa sản phẩm Sau có sản phẩm kệ, sửa thơng tin cách bấm vào nút sửa, hệ thống hiển thị giao diện thông tin sản phẩm cần sửa, bấm “Cập nhật” hệ thống cập nhật lại thông tin sản phẩm Muốn xóa sản phẩm phẩm ta chọn thao tác “Xóa”, hệ thống thơng báo xác nhận chọn “OK” để xóa , chọn “Hủy” để trả giao diện ban đầu 37 0 7.Giao diện quản lý đơn hng Hình 30 Giao diện Quản lý đơn hàng Màn hình sửa lên với thơng đơn hàng đặt, người quản lý muốn sửa thông tin cập nhật thơng tin vào form sau bấm chọn nút “Cập nhật” để hoàn tất việc sửa Khi hệ thống tiến hành lưu thông tin xuống sở liệu đồng thời đóng hình sửa 38 0 Hình 32 Giao diện Sửa đơn hàng Màn hình sửa đơn hàng hiển thị thơng tin đơn hàng, người quản lý thay đổi trạng thái đơn hàng, có trạng thái đơn hàng: Chờ xác nhận, Đang giao hàng, Đã giao hàng, Đã hủy Tùy vào trạng thái đơn hàng mà người quản lý thay đổi giúp khách hàng biết rõ đơn hàng đặt trạng thái 39 0 8.Giao diện người dùng Hình 33 Giao diện Người dùng Sau người dùng đăng nhập thành công, trang chủ hiển thị hình 4.13 Tại người dùng tìm kiếm nhanh chóng sản phẩm cách nhập thơng tin vào khu vực tìm kiếm đầu trang 40 0 Hình 34 Giao diện Mục sản phẩm Gundam Để tìm loại sản phẩm cần tìm, bấm chọn vào thơng tin bên góc trái hình, trang mở lên theo yêu cầu người dùng 41 0 Hình 35 Giao diện Chi tiết sản phẩm Để mua hàng, người dùng chọn vào thêm vào giỏ hàng bấm vào chi tiết, hệ thống hiển thị chi tiết sản phẩm như: tên sản phẩm, hãng, Giá, số lượng cần đặt, mơ tả sản phẩm, đánh giá, bình luận Thọn thêm vào giỏ hàng để tiến hành thêm vào giỏ hàng Sau thêm vào giỏ hàng, hệ thống hiển thị thêm vào giỏ hàng thành công, chọn “OK” để tiếp tục 42 0 Hình 36 Giao diện Giỏ hàng Giỏ hàng hiển thị thông tin cần thiết như: sản phẩm đẽ thêm vào giỏ hàng, địa giao hàng, SDT, Đặt hàng Tại giao diện giỏ hàng, người dùng thấy đơn hàng thêm vào giỏ Bấm vào biểu tượng “Thùng rác” để tiến hành xóa sản phẩm khỏi giỏ hàng Bấm nút “Làm trống giỏ hàng” để tiến hành xóa tất sản phẩm giỏ hàng Để đặt hàng người dùng cần điền thông tin đầy đủ như: Địa giao hàng, Số điện thoại tiến hành giao hàng Trong trường hợp không điền mà bấm đặt hàng, hệ thống thơng báo “Vui lịng điền vào trường này” Sau điền đầy đủ thông tin bấm đặt hàng, hệ thống hiển thị “Thanh tốn thành cơng” 43 0 9.Giao diện hồ sơ người dùng Hình 37 Giao diện Hồ sơ Trang cung cấp thông tin cần thiết người dùng vào trạng thái đơn hàng mà người dùng đặt Người dùng chỉnh sửa nhanh chóng thơng tin khu vực đầu trang Phía danh sách bàn với thao tác sửa, xóa Để hủy đơn hàng, bấm chọn vào nút “Hủy” bên góc phải hình, cửa sổ mở lên dạng hình tại,bấm “OK” để hủy, bấm hủy để “Hủy” thao tác 44 0 Hình 38 Giao diện Sửa thơng tin Sau hình sửa thơng tin lên, người dùng cần điền thông tin cần thiết vào form sau bấm chọn nút “Lưu thay đổi” để hồn tất việc thêm sửa Khi hệ thống tiến hành lưu thông tin xuống sở liệu đồng thời đóng hình thêm mới, q trình lưu thành công hồ sơ cập nhật đồng thời hiển thị thông báo thành công, ngược lại hiển thị thông báo lỗi Để sửa ảnh đại diện, bấm chọn nút “chọn tệp” 45 0 Hình 39 Giao diện Đổi mật Màn hình đổi mật lên , điền thông tin mật mật mới, chọn “Đổi mật khẩu” hệ thống thông báo đổi mật thành công.Ngược lại nhập sai mật cũ nhập không khớp mật mới, hệ thống hiển thị đổi mật thất bại 10.Giao diện giới thiệu 46 0 Hình 40 Giao diện Giới thiệu Màn hình Giới thiệu hiển thị thông tin cần thiết giới thiệu shop bao gồm thông tin như: ssiaj chỉ, mail, số điện thoại 11.Giao diện Phản hồi 47 0 Giao diện Phản hồi Trang cung cấp công cụ phản hồi chủ shop với thc mc khó khăn người dùng gặp phải Các thơng tin cần điền bao gồm: Họ tên, Email, Số điện thoại, Bạn gặp vấn đề gì, Nội dung Hồn tất điền bấm “Gửi thông tin” gửi quản lý shop, giải thc mc người dùng 48 0 CHƯƠNG 5: KẾT LUẬN 1.KẾT QUẢ ĐẠT ĐƯỢC Xây dựng trang web quản lý với đầy đủ chức cần thiết cho việc quản lý bán hàng Củng cố lại kiến thức học, đặc biệt kỹ phân tích giải vấn đề Biết cách áp dụng kiến thức lý thuyết vào ứng dụng thực tế 2.HẠN CHẾ Do thời gian thực hạn chế, nên việc nghiên cứu vấn đề cịn chưa đầy đủ xác Kiến thức lập trình kiến thức thực tế cịn hạn chế nên tính chun nghiệp chương trình chưa cao, vài tính hoạt động chưa tối ưu Chương trình chưa thực đầy đủ tính mong muốn 3.HƯỚNG PHÁT TRIỂN Thiết kế chương trình giao diện trực quan nhằm mang lại trải nghiệm cảm hứng cho người sử dụng Tăng cường bảo mật cho ứng dụng, tránh tượng bị hacker cơng gây thất liệu ảnh hưởng đến tình hình kinh doanh cửa hàng 49 0 TÀI LIỆU THAM KHẢO (1) https://phppot.com/php/php-contact-form/ (2) https://www.w3schools.com/html/html_styles.asp (3) https://www.codehub.com.vn/Hoc-PHP/Bien-Toan-Cuc-trong-PHP (4) https://freehost.page/bien-toan-cuc-sieu-toan-cuc-trong-php/ (5) http://hiepsiit.com/ 50 0 ... quảng bá xây dựng Website cho cửa hàng quảng bá t ất sản phẩm bán Vì vậy, em thực đồ án “ XÂY DỰNG WEBSITE BÁN PHỤ KIỆN VÀ MƠ HÌNH GUNDAM CHI NHÁNH BÌNH DƯƠNG” cho shop bán Mơ hình Gundam Người... THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ *********** ĐỒ ÁN CHUYÊN NGHÀNH ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN PHỤ KIỆN VÀ MƠ HÌNH GUNDAM CHI NHÁNH BÌNH DƯƠNG Sinh viên thực : Ngơ Hồng Tân Lớp : D18PM03... tốt nghiệp ? ?Xây dựng website bán phụ kiện mơ hình Gundam chi nhánh Bình Dương? ?? hồn thành chc hn cịn có thiếu sót, mong nhận ý kiến đóng góp giúp đỡ thầy bạn bè để người thực đề tài hoàn thành