TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THƠNG TIN BÁO CÁO THỰC TẬP CHUYÊN MÔN ĐỀ TÀI: Xây dựng website cung cấp thiết bị công nghệ Giảng viên hướng dẫn: ThS PHẠM THỊ MIÊN Sinh viên thực hiện: NGUYỄN ĐĂNG KHOA Lớp : CƠNG NGHỆ THƠNG TIN Khố : K58 Tp Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THƠNG TIN BÁO CÁO THỰC TẬP CHUYÊN MÔN ĐỀ TÀI: Xây dựng website cung cấp thiết bị công nghệ Giảng viên hướng dẫn: ThS PHẠM THỊ MIÊN Sinh viên thực hiện: NGUYỄN ĐĂNG KHOA Lớp : CƠNG NGHỆ THƠNG TIN Khố : K58 Tp Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI PHÂN HIỆU TẠI THÀNH PHỐ HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHIÃ VIỆT NAM Độc lập – Tự – Hạnh phúc NHIỆM VỤ THỰC TẬP CHUYÊN MÔN BỘ MÔN: CÔNG NGHỆ THÔNG TIN -*** Mã sinh viên: 5851071037 Họ tên SV: NGUYỄN ĐĂNG KHOA…… Khóa: 58 Lớp: CƠNG NGHỆ THÔNG TIN……… Tên đề tài: Xây dựng website cung cấp thiết bị cơng nghệ Mục đích, u cầu: Xây dựng chức website Nội dung phạm vi đề tài: Trang quản lý gồm có chức quản lý người dùng/ tài khoản, quyền, sản phẩm, danh mục sản phẩm, thương hiệu sản phẩm, bình luận, báo cáo, thống kê Ngồi cón có chức cho người dùng gồm: tra cứu sản phẩm, đánh giá sản phẩm, xem thông tin sản phẩm, tạo tài khoản, báo cáo lỗi Cơng nghệ, cơng cụ ngơn ngữ lập trình: Sử dụng công nghệ Laravel, dùng ngôn ngữ PHP, sở liệu sử dụng Mysql source code host Heroku Các kết dự kiến đạt ứng dụng: Xây dựng website đầy đủ chức cho người dùng admin sử dụng để quản lý, mua sản phẩm Giáo viên cán hướng dẫn: Họ tên: ThS Phạm Thị Miên Đơn vị công tác: Trường đại học GTVT phân hiệu TP.HCM Điện thoại: 0961170638 Email: ptmien@utc2.edu.vn Ngày tháng 06 năm 2022 Đã giao nhiệm vụ TTCM Trưởng BM Công nghệ Thông tin Giáo viên hướng dẫn Trần Phong Nhã Phạm Thị Miên Đã nhận nhiệm vụ TTCM Sinh viên: Nguyễn Đăng Khoa Ký tên: Điện thoại: 0354252504 Email: 5851071037@st.uct2.edu.vn LỜI CẢM ƠN Để hoàn thành chuyên đề báo cáo môn thực tập chuyên môn trước tiên em xin gửi đến quý thầy, cô giáo trường Đại học Giao Thông Vận Tải- Phân hiệu thành phố Hồ Chí Minh lời cảm ơn chân thành sâu sắc Đặc biệt, em xin gởi đến cô Phạm Thị Miên– người tận tình hướng dẫn, giúp đỡ em hoàn thành chuyên đề báo cáo thực tập chuyên môn lời cảm ơn sâu sắc Qua báo cáo thực tập chuyên môn này, em nhận nhiều điều mẻ bổ ích việc lập trình để giúp ích cho cơng việc sau thân Vì kiến thức thân cịn nhiều hạn chế, q trình làm thực tập chun mơn em khơng tránh khỏi sai sót, kính mong nhận ý kiến đóng góp từ thầy NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Tp Hồ Chí Minh, ngày ….… tháng ….… năm ….… Giáo viên hướng dẫn ThS Phạm Thị Miên MỤC LỤC MỤC LỤC BẢNG BIỂU, SƠ ĐỒ, HÌNH VẼ i iii CHƯƠNG 1: MỞ ĐẦU 1.1 1.2 1.3 1.4 1.5 1 2 Tổng quan Mục tiêu đề tài Phạm vi nghiên cứu Phương pháp nghiên cứu Cấu trúc báo cáo thực tập chun mơn CHƯƠNG 2: PHÂN TÍCH NGHIỆP VỤ 2.1 2.2 2.3 3 Tổ chức hệ thống (phân quyền): Mơ hình nghiệp vụ hệ thống Xác định yêu cầu chức hệ thống CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 3.1 Mơ hình thực thể kết hợp ERD 3.1.1 Sưu liệu cho ERD 3.1.2 Mô tả chi tiết cho thực thể 3.1.3 Mơ hình Use Case 3.2 Thiết kế CSDL 3.2.1 Chuyển đổi từ mơ hình ERD sang mơ hình quan hệ 3.2.2 Mô tả chi tiết thực thể 6 12 13 13 14 CHƯƠNG 4: CÔNG NGHỆ SỬ DỤNG 23 4.1 4.2 4.3 4.4 4.5 23 23 23 24 25 Tổng quan Laravel JavaScript MySQL PHP CHƯƠNG 5: THIẾT KÊ MENU VÀ GIAO DIỆN 27 5.1 Giao diện cho Admin 5.1.1 Đăng nhập 27 27 5.1.2 Quản lý 5.1.3 Danh mục sản phẩm 5.1.4 Thương hiệu sản phẩm 5.1.5 Sản phẩm 5.1.6 Đơn hàng 5.2 Giao diện cho khách hàng/ người dùng 5.2.1 Trang chủ 5.2.2 Danh mục sản phẩm 5.2.3 Thương hiệu sản phẩm 5.2.4 Đăng nhập/ Đăng ký 5.2.5 Giỏi hàng/ Thanh toán 28 29 33 36 40 41 41 42 42 43 44 CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 46 6.1 6.2 6.3 46 46 46 Kết đạt Vấn đề tồn Hướng phát triển PHỤ LỤC 47 Phụ lục 1: Hướng dẫn cài đặt Phụ lục 2: Hướng dẫn sử dụng 47 47 TÀI LIỆU THAM KHẢO 48 BẢNG BIỂU, SƠ ĐỒ, HÌNH VẼ Bảng 3.1 Bảng thích kiểu liệu Bảng 3.2 Bảng thích loại liệu Bảng 3.3 Bảng Thương hiệu Bảng 3.4 Bảng Danh mục Bảng 3.5 Bảng Người dùng Bảng 3.6 Bảng Sản phẩm Bảng 3.7 Bảng Quyền Bảng 3.8 Bảng Chi tiết đơn hàng Bảng 3.9 Bảng Bình luận 10 Bảng 3.10 Bảng Đơn hàng 10 Bảng 3.11 Bảng Hóa đơn 10 Bảng 3.12 Bảng Khách hàng 11 Bảng 3.13 Bảng Quản trị viên 11 Bảng 3.14 Bảng Ship 12 Bảng 3.15 Bảng tbl_admin( Quản trị viên) 15 Bảng 3.16 Bảng admin_roles( Quyền admin) 15 Bảng 3.17 Bảng tbl_roles( Quyền) 15 Bảng 3.18 Bảng tbl_social( Thông tin) 16 Bảng 3.19 Bảng Users( Người dùng) 16 Bảng 3.20 Bảng tbl_social_customers( Thông tin người dùng) 17 Bảng 3.21 Bảng tbl_customer( Khách hàng) 17 Bảng 3.22 Bảng tbl_order( Đơn hàng) 18 Bảng 3.23 Bảng tbl_payment( Thanh toán) 18 Bảng 3.24 Bảng tbl_order_details( Chi tiết đơn hàng) 19 Bảng 3.25 Bảng tbl_product( Sản phẩm) 19 Bảng 3.26 Bảng tbl_category_product( Danh mục sản phẩm) 19 Bảng 3.27 Bảng tbl_brand_product( Thương hiệu sản phẩm) 20 Bảng 3.28 Bảng tbl_comment ( Bình luận) 20 Bảng 3.29 Bảng tbl_shipping ( Gửi hàng) 21 Bảng 3.30 Bảng tbl_fee_ship ( Phí vận chuyển) 21 Bảng 3.31 Bảng tbl_tinhthanhpho ( Tỉnh/ thành phố) 22 Bảng 3.32 Bảng tbl_quanhuyen ( Quận huyện) 22 Bảng 3.33 Bảng tbl_xaphuongthitran ( Xã, phường, thị trấn) 22 Hình 2.1 Mơ hình tổ chức hệ thống Hình 2.2 Mơ hình nghiệp vụ hệ thống Hình 3.1 Mơ hình ERD Hình 3.2 Mơ hình UseCase 12 Hình 3.3 Sql Diagram 14 Hình 5.1 Giao diện đăng nhập 27 Hình 5.2 Giao diện thông báo nhập sai email mật 28 Hình 5.3 Giao diện đăng nhập thành cơng 28 Hình 5.4 Giao diện quản lý 29 Hình 5.5 Giao diện thêm danh mục 29 Hình 5.6 Giao diện thông báo thêm danh mục thành công 30 Hình 5.7 Giao diện liệt kê danh mục 30 Hình 5.8 Giao diện cập nhật danh mục 31 Hình 5.9 Giao diện thông báo cập nhật danh mục thành công 31 Hình 5.10 Giao diện thơng báo xóa danh mục 32 Hình 5.11 Giao diện thơng báo xóa danh mục thành cơng 32 Hình 5.12 Giao diện thêm thương hiệu 33 Hình 5.14 Giao liệt kê thương hiệu Hình 5.15 Giao diện cập nhật thương hiệu 34 Hình 5.16 Giao diện cập nhật thương hiệu thành cơng Hình 5.17 Giao diện thơng báo xóa thương hiệu 35 Hình 5.18 Giao diện thơng báo xóa thương hiệu thành cơng 5.1.5 Sản phẩm Hình 5.19 Giao diện thêm sản phẩm 36 Hình 5.20 Giao diện thông báo thêm sản phẩm thành công Hình 5.21 Giao diện liệt kê sản phẩm 37 Hình 5.22 Giao diện cập nhật sản phẩm Hình 5.23 Giao diện cập nhật sản phẩm thành cơng 38 Hình 5.24 Giao diện thơng báo xóa sản phẩm Hình 5.25 Giao diện thơng báo xóa sản phẩm thành cơng 39 5.1.6 Đơn hàng Hình 5.26 Giao diện liệt kê đơn hàng Hình 5.27 Giao diện chi tiết đơn hàng 40 5.2 Giao diện cho khách hàng/ người dùng 5.2.1 Trang chủ Hình 5.28 Giao diện trang chủ Hình 5.29 Giao diện trang chủ( tiếp theo) 41 5.2.2 Danh mục sản phẩm Hình 5.30 Giao diện hiển thị sản phẩm theo danh mục 5.2.3 Thương hiệu sản phẩm Hình 5.31 Giao diện hiển thị sản phẩm theo thương hiệu 42 Hình 5.32 Giao diện kết tìm kiếm theo tên sản phẩm 5.2.4 Đăng nhập/ Đăng ký Hình 5.33 Giao diện đăng nhập, đăng ký 43 5.2.5 Giỏi hàng/ Thanh tốn Hình 5.34 Giao diện giỏ hàng Hình 5.35 Giao diện điền thơng tin gửi hàng 44 Hình 5.36 Giao diện tốn giỏ hàng Hình 5.37 Giao diện tốn thành công 45 CHƯƠNG 6: 6.1 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt ● Hoàn thành việc phân tích, thiết kế sở liệu cho website ● Thơng qua việc phân tích hệ thống em học cách tổ chức, vận hành, xây dựng hệ thống ● Có thể phân tích xây dựng hệ thống ứng dụng vào thực tế ● Biết cách vẽ sơ đồ việc phân tích, thiết kế hệ thống 6.2 Vấn đề tồn ● Việc phân tích, thiết kế giao diện website cịn nhiều thiếu sót Vì thời gian hạn chế dự án dừng lại việc phân tích thiết kế sở liệu, phần giao diện web chức web cịn nhiều thiếu sót chưa thể đưa vào hoạt động trực tiếp ● Phân quyền cho đối tượng hệ thống chưa thực rõ ràng, hợp lý 6.3 ● ● ● ● ● Hướng phát triển Hoàn thiện sở liệu, giao diện chức website Thêm chức như: tìm kiếm giọng nói, gợi ý sản phẩm,… Khắc phục vấn đề tồn Xây dựng sở liệu đầy đủ Kết nối với mạng xã hội 46 PHỤ LỤC Phụ lục 1: Hướng dẫn cài đặt ● Tải code làm theo hướng dẫn file cài đặt trang: https://github.com/NguyenDangKhoa1037/ThucTapCM Phụ lục 2: Hướng dẫn sử dụng ● Tài khoản quản lý: ▪ Tên tài khoản: admin@gmail.com ▪ Mật khẩu: 123456 47 TÀI LIỆU THAM KHẢO [1] Tài liệu: https://laravel.com/docs/9.x, 18/05/2022 https://www.w3schools.com/, 22/05/2022 https://getbootstrap.com/docs/4.0/getting-started/introduction/, 22/05/2022 https://stackoverflow.com/, 26/05/2022 [2] Các video hướng dẫn youtube https://www.youtube.com/watch? v=YV25kxBt2Sg&list=PLh5At4osX60LuzjTR3NWhAXiFGVRogFoe, 18/05/2022 https://www.youtube.com/playlist?list=PL8y3hWbcppt2nWBglaxrQm_A5sRjstdnK 24/05/2022 [3] Các liệu lấy website: https://gearvn.com/, 30/05/2022 48 ... CƠNG NGHỆ THƠNG TIN BÁO CÁO THỰC TẬP CHUYÊN MÔN ĐỀ TÀI: Xây dựng website cung cấp thiết bị công nghệ Giảng viên hướng dẫn: ThS PHẠM THỊ MIÊN Sinh viên thực hiện: NGUYỄN ĐĂNG KHOA Lớp : CƠNG NGHỆ... lượng công việc khổng lồ, phức tạp với liệu lớn, kiến thức đào tạo chuyên sâu Để hưởng ứng xu đó, em chọn đề tài ? ?Xây dựng website cung cấp thiết bị công nghệ. ” 1.2 Mục tiêu đề tài Website cung cấp. .. VỤ THỰC TẬP CHUYÊN MÔN BỘ MÔN: CÔNG NGHỆ THÔNG TIN -*** Mã sinh viên: 5851071037 Họ tên SV: NGUYỄN ĐĂNG KHOA…… Khóa: 58 Lớp: CÔNG NGHỆ THÔNG TIN……… Tên đề tài: Xây dựng website cung cấp thiết