Nguyễn Lan Hương Sinh viên thực hiện : Phan Tiến Đạt Trang 2 PHIẾU GIAO ĐỀ TÀI ĐỒ ÁN/ KHÓA LUẬN TỐT NGHIỆP Họ tên sinh viên: Phan Tiến Đạt Mã SV: 16031147 Lớp: DH16MT Ngành: Công Nghệ
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC BÀ RỊA - VŨNG TÀU KHOA CÔNG NGHỆ KỸ THUẬT - NÔNG NGHIỆP CÔNG NGHỆ CAO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI THIẾT KẾ VÀ LẬP TRÌNH WEBSITE Đồ án thiết kế Giảng viên hướng dẫn : ThS Nguyễn Lan Hương Sinh viên thực : Phan Tiến Đạt Trình độ đào tạo : Đại Học Chính Quy Ngành đào tạo : Công Nghệ Thông Tin Chuyên Ngành : Máy Tính MSSV : 16031147 Lớp : DH16MT Niên khóa : 2016 - 2020 VŨNG TÀU, NĂM 2020 ĐẠI HỌC BÀ RỊA – VŨNG TÀU KHOA KỸ THUẬT CN-NNCN CAO ⎯⎯⎯⎯⎯⎯⎯⎯⎯ CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ PHIẾU GIAO ĐỀ TÀI ĐỒ ÁN/ KHÓA LUẬN TỐT NGHIỆP Họ tên sinh viên: Phan Tiến Đạt Lớp: DH16MT Mã SV: 16031147 Ngành: Cơng Nghệ Thơng Tin Khóa: 16 Tên đề tài: Thiết kế lập trình Website Mục tiêu đề tài: Thiết kế lập trình website giới thiệu, quảng bá công ty (công ty lấy tên Viko), đưa tới người hình ảnh cơng ty thơng tin sản phẩm, dự án cơng ty Đồng thời bên phía cơng ty cung cấp chức Đồ án thiết kế để quản trị website cách tốt Kết dự kiến: Sản phẩm website có giao diện đẹp mắt, bố cục đơn giản, tích hợp nhiều chức để người dùng dễ dàng tra cứu, tìm hiểu thơng tin cơng ty Qua hình ảnh cơng ty quảng bá cách tốt đến người Thời gian thực hiện: Bắt đầu từ 02/03/2020 đến 10/05/2020 Vũng Tàu, ngày… tháng… năm… TRƯỞNG KHOA CNTT GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đồ án thiết kế Ngày .Tháng Năm Giáo Viên Hướng Dẫn (Ký, ghi rõ họ tên) NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Đồ án thiết kế Ngày .Tháng Năm Giáo Viên Phản Biện (Ký, ghi rõ họ tên) LỜI CAM ĐOAN Đồ án cơng trình nghiên cứu xây dựng cá nhân tôi, thực hướng dẫn khoa học Ths Nguyễn Lan Hương Các số liệu, kết luận nghiên cứu trình bày đồ án tơi tự tìm hiểu hồn tồn trung thực Tơi xin hoàn toàn chịu trách nhiệm lời cam đoan Vũng Tàu, tháng năm 2020 Sinh Viên Thực Hiện Phan Tiến Đạt Đồ án thiết kế LỜI CẢM ƠN Tôi xin chân thành cảm ơn khoa Công nghệ thông tin, trường Đại học Bà Rịa – Vũng Tàu tạo điều kiện thuận lợi cho thực đề tài Tôi xin gửi lời cảm ơn chân thành đến Ths Nguyễn Lan Hương, người tận tình bảo, định hướng hướng dẫn tơi thực đề tài Bên cạnh đó, tơi xin gửi lời cảm ơn đến thầy cô, người giảng dạy, tạo điều kiện cho tơi tích lũy kiến thức quý báu năm học qua Dù cố gắng hoàn thành đề tài Website giới thiệu công ty Viko, thời gian hạn hẹp khả hạn chế nên chắn có thiếu sót khơng tránh khỏi Tơi mong nhận thông cảm Đồ án thiết kế tận tình bảo thầy góp ý từ bạn Vũng Tàu, tháng năm 2020 Sinh viên thực Phan Tiến Đạt MỤC LỤC DANH MỤC CÁC BẢNG DANH MỤC CÁC HÌNH ẢNH .2 LỜI MỞ ĐẦU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT 1.1 HTML,CSS JavaScript .7 1.1.1 HTML gì? .7 1.1.2 CSS gì? 1.1.3 JavaScript gì? 1.2 Bootstrap 1.2.1 Bootstrap gì? Đồ án thiết kế 1.2.2 Tại nên dùng Bootstrap? 1.3 JQuery 1.3.1 JQuery gì? 1.3.2 Tại nên dùng jQuery? 1.4 Ajax 10 1.4 Ajax gì? 10 1.4.2 Tại nên dùng Ajax? 11 1.5 Lararel 11 1.5.1 Laravel gì? 11 1.5.2 Tại nên dùng Laravel? .13 1.6 PHP 15 1.6.1 PHP gì? 15 1.6.2 Tại nên dùng PHP 16 1.7 Khảo Sát Hiện Trạng 17 1.7.1 Khảo sát thực tế 17 1.7.2 Khảo sát website tương tự 18 CHƯƠNG 2: TỔNG QUAN CHỨC NĂNG WEBSITE .24 2.1 Quan Điểm Của Sản Phẩm 24 2.2 Chức Năng Sản Phẩm 24 2.3 Người Dùng 24 2.4 Các Ràng Buộc 25 CHƯƠNG 3: YÊU CẦU CHỨC NĂNG WEBSITE 26 3.1 Xem tin 26 3.2 Tìm kiếm sản phẩm 26 3.3 Lọc sản phẩm 26 3.4 Gửi yêu cầu nhận báo giá 26 3.5 Nhận xét viết sản phẩm 26 3.6 Đăng nhập/đăng xuất 26 3.7 Quản lý tin đăng website .27 3.8 Nhận thông báo yêu cầu từ khách hàng 27 3.9 Quản lý thông tin tài khoản 27 Đồ án thiết kế CHƯƠNG 4: MÔ HÌNH USECASE .28 4.1 Tác nhân 28 4.2 Các yêu cầu chức 28 4.3 Lược Đồ Use Case 30 4.4 Chi Tiết Các Use Case 31 CHƯƠNG 5: THIẾT KẾ WEBSITE 59 5.1 Thiết kế sở dữ liệu 59 5.1.1 Lược đồ sở liệu .59 5.1.2 Chi tiết trường 59 5.2 Mối quan hệ giữa dữ liệu .64 5.3 Thiết kế giao diện Website – Front-End 64 5.4 Lập trình Website – Back-End với Laravel 85 5.5 Một số đoạn code bật 145 KẾT LUẬN 156 TÀI LIỆU THAM KHẢO 159 DANH MỤC CÁC BẢNG TT Số hiệu Nội dung Bảng 4.1 Bảng 4.2 Bảng 4.3 Bảng chi tiết UseCase 31 - 58 Bảng 5.1 Bảng Table tai_khoans 59 - 60 Bảng 5.2 Bảng Table infoct Bảng 5.3 Bảng Table thanhpham Bảng 5.4 Bảng Table baogia 61 Bảng 5.5 Bảng Table sanpham 61 Bảng 5.6 Bảng Table loaisanpham Bảng tác nhân quyền tác nhân UseCase Bảng yêu cầu chức hệ thống 10 Đồ án thiết kế Bảng 5.7 Bảng Table loaisanpham_sanpham 11 Bảng 5.8 Bảng Table hinhsanpham 12 Bảng 5.9 Bảng Table nhanxet Trang 28 28 60 60 - 61 62 62 62 62 - 63 DANH MỤC CÁC HÌNH ẢNH TT Số hiệu Nội dung Hình 1.1 Hình 1.2 Hình 1.3 Hình 1.4 So sánh ASP PHP 17 Hình 1.5 Slide hình ảnh sản phẩm 19 Hình 1.6 Hình 1.7 Các phiên laravel đến tháng năm 2020 Cách thức hoạt động MVC Laravel Những ngôn ngữ lập trình phổ biến từ năm 1965 – 2019 Mẫu gửi thông tin yêu cầu tới công ty Trang 12 14 16 20 Danh mục sản phẩm Đồ án thiết kế Hình 1.8 Bài đăng thơng tin sản phẩm Hình 1.9 10 Hình 1.10 Bài đăng tin tức 22 11 Hình 1.11 Danh sách cơng trình khác 23 12 Hình 4.1 Lượt đồ tổng quan usecase 30 13 Hình 5.1 Lượt đồ sở liệu 59 14 Hình 5.2 15 Hình 5.3 Trang chủ website Viko 64 16 Hình 5.4 Mục giới thiệu trang chủ 65 17 Hình 5.5 Mục sản phẩm bật trang chủ 66 Bài đăng báo giá Các liệu có mối quan hệ với 20 21 22 64