LỜI CẢM ƠN Em xin chân thành cảm ơn thầy giáo, gia đình bạn bè động viên giúp đỡ em nhiều q trình hồn thành đề tài Đặc biệt em xin bày tỏ lịng cảm ơn sâu sắc tới giáo hướng dẫn ThS Dương Thu Mây dẫn tận tình tận tâm hướng dẫn em từ ý tưởng ban đầu lúc hoàn thành đề tài Em mong đón nhận đánh giá, bổ sung lời bảo thầy cô giúp em tiếp tục nghiên cứu kĩ lĩnh vực Em xin chân thành cảm ơn! Thái Nguyên, tháng 06 năm 2016 Sinh viên thực Phạm Thị Tươi LỜI CAM ĐOAN Em xin cam đoan đồ án cơng trình tổng hợp nghiên cứu cá nhân em, thực sở nghiên cứu lý thuyết, kiến thức hướng dẫn tận tình giáo ThS Dương Thu Mây Trong đồ án có sử dụng số tài liệu tham khảo nêu phần tài liệu tham khảo Thái Nguyên, tháng 06 năm 2016 Sinh viên Phạm Thị Tươi MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG LỜI NÓI ĐẦU CHƯƠNG 1: TỔNG QUAN VỀ LARAVEL FRAMEWORK 10 1.1.Giới thiệu Laravel 10 1.2 Tổng quan cấu trúc ứng dụng 11 1.2.1 Nội dung thư mục gốc 11 1.2.2 Nội dung thư mục app 12 1.3 Ưu nhược điểm 13 1.3.1 Ưu điểm 13 1.3.2 Nhược điểm 13 1.4 Lý lựa chọn Laravel 14 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ 2.1 Khảo sát thực tế 15 15 2.1.1 Giới thiệu chung môn Mạng Truyền thông 2.1.2 Hiện trạng tổ chức 15 2.1.3 Hiện trạng nghiệp vụ 16 2.1.4 Nhu cầu có trang web thay 18 2.1.5 Nội dung trang web xây dựng phải đạt 2.1.6 Các biểu mẫu 19 2.1.7 Phân tích yêu cầu đề tài 21 2.2 Phân tích thiết kế hệ thống 22 2.2.1 Các tác nhân 22 18 15 2.2.2 Chức tác nhân:22 2.2.3 Yêu cầu chức 25 2.2.4 Quy trình nghiệp vụ 27 2.2.5 Biểu đồ UseCase 29 2.2.6 Đặc tả ca sử dụng 33 2.2.7 Biểu đồ phân tích thiết kế hệ thống 75 CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH 94 3.1 Mơ tả website 94 3.2 Xây dựng cài đặt chương trình 94 3.2.1 Nhập CSDL 94 3.2.2 Cách chỉnh tệp cấu hình 3.2.3 Chạy chương trình 95 95 3.3 Một số giao diện hệ thống 96 KẾT LUẬN 113 TÀI LIỆU THAM KHẢO 114 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 115 DANH MỤC HÌNH ẢNH Hình 1.1 Logo Laravel 10 Hình 1.2 Biểu đồ tỉ lệ sử dụng Framwork PHP 11 Hình 2.1 Bản đăng ký đồ án/ khóa luận tốt nghiệp Hình 2.2 Đề cương đồ ántốt nghiệp 19 20 Hình 2.3: Sơ đồ usecasetổng thể 29 Hình 2.4: Sơ đồ usecase thống kê 29 Hình 2.5: Sơ đồ usecase quản lý thơng tin 30 Hình 2.6 Sơ đồ usecase xem thơng tin dành cho Phụ trách Khoa Hình 2.7 Sơ đồ usecase xem thơng tin dành cho Giảng viên Hình 2.8 Biểu đồ lớp hệ thống 31 32 75 Hình 2.9 Biểu đồ hoạt động UC đăng nhập hệ thống 76 Hình 2.10 Biểu đồ hoạt động UC thêm sinh viên 77 Hình 2.11 Biểu đồ hoạt động UC sửa thơng tin sinh viên 77 Hình 2.12 Biểu đồ hoạt động UC xóa thơng tin sinh viên 78 Hình 2.13 Biểu đồ hoạt động UC lập danh sách sinh viên thực tập theo đợt thực tập 78 Hình 2.14 Biểu đồ hoạt động UC phân cơng GVHD, GVPB 79 Hình 2.15 Biểu đồ hoạt động UC thêm hội đồng 79 Hình 2.16 Biểu đồ hoạt động UC sửa thơng tin hội đồng 80 Hình 2.17 Biểu đồ hoạt động UC xóa thơng tin hội đồng 80 Hình 2.18 Biểu đồ hoạt động UC thêm thông tin đợt thực tập 81 Hình 2.19 Biểu đồ hoạt động UC sửa thơng tin đợt thực tập 81 Hình 2.20 Biểu đồ hoạt động UC sửa thơng tin đợt thực tập 82 Hình 2.21 Biểu đồ chức đăng nhập hệ thống Hình 2.22 Biểu đồ chức thêm kế hoạch 84 Hình 2.23 Biểu đồ chức sửa kế hoạch 85 83 Hình 2.24 Biểu đồ chức xóa kế hoạch 86 Hình 2.25 Biểu đồ chức thêm sinh viên 87 Hình 2.26 Biểu đồ chức sửa sinh viên 88 Hình 2.27 Biểu đồ chức xóa sinh viên 89 Hình 2.28 Biểu đồ chức thêm sinh viên vào hội đồng 90 Hình 2.29 Biểu đồ tuần tựchức phân công GVHD, GVPB 91 Hình 2.30 Biểu đồ chức xóa danh sách sinh viên hội đồng 92 Hình 2.31 Biểu đồ chức xóa danh sách sinh viên đợt thực tập 93 Hình 3.1 Cơ sở liệu MySQL 94 Hình 3.2 Giao diện đăng nhập quản trị 96 Hình 3.3 Giao diện quản lý năm học 96 Hình 3.4 Giao diện trang thêm năm học 97 Hình 3.5 Giao diện trang sửa năm học 97 Hình 3.6 Giao diện quản lý thơng tin đợt thực tập 98 Hình 3.7 Giao diện trang xem thơng tin đợt thực tập 98 Hình 3.8 Giao diện trang thêm đợt thực tập 99 Hình 3.9 Giao diện trang sửa thơng tin đợt thực tập 100 Hình 3.10 Giao diện quản lý nhóm người dùng 100 Hình 3.11 Giao diện trang quản lý phân quyền nhóm người dùng Hình 3.12 Giao diện quản lý người dùng 101 Hình 3.13 Giao diện quản lý kế hoạch 102 Hình 3.14 Giao diện quản lý thơng tin đề tài thực tập 103 Hình 3.15 Giao diện trang xem thông tin đề tài, đề cương Hình 3.16 Giao diện thêm đề tài, đề cương thực tập 105 Hình 3.17 Giao diện sửa đề tài, đề cương thực tập 106 Hình 3.18 Giao diện trang tiến độ thực đề tài 107 104 101 Hình 3.19 Giao diện sửa tiến độ đề tài 107 Hình 3.20 Giao diện thêm sinh viên vào đợt thực tập 108 Hình 3.21 Giao diện trang phân cơng GVHD, GVPB đợt thực tập 109 Hình 3.22 Giao diện quản lý cơng việc 109 Hình 3.23 Giao diện quản lý sở thực tập 110 Hình 3.24 Giao diện quản lý thơng tin hội đồng 111 Hình 3.25 Giao diện danh sách sinh viên hội đồng 111 Hình 3.26 Giao diện điểm tổng kết sinh viên hội đồng Hình 3.27 Giao diện liên hệ 112 112 DANH MỤC BẢNG Bảng 1.1: Mô tả tệp thư mục thư mục gốc laravel 11 Bảng 1.2: Mô tả tệp thư mục thư mục app laravel 12 Bảng 2.1: Yêu cầu chức 25 Bảng 2.2: Quy trình nghiệp vụ 27 Bảng 2.3: Đặc tả Use case đăng nhập 33 Bảng 2.4: Đặc tả Use case kế hoạch 34 Bảng 2.5: Đặc tả Use case Liên hệ 36 Bảng 2.6: Đặc tả Use case Lập danh sách sinh viên tham gia thực tập theo đợt thực tập 37 Bảng 2.7: Đặc tả Use case xem thông tin tổng hợp đề tài Bảng 2.8: Đặc tả Use case cập nhập thông tin cá nhân 39 Bảng 2.9: Đặc tả Use case thêm thông tin đề tài 40 Bảng 2.10: Đặc tả Use case cập nhật tiến độ đề tài 41 Bảng 2.11: Đặc tả Use case xem thông tin sinh viên 42 Bảng 2.12: Đặc tả Use case xem thông tin giáo viên 43 Bảng 2.13: Đặc tả Use case xem thông tin năm học 43 Bảng 2.14: Đặc tả Use case xem thông tin công việc 44 38 Bảng 2.15: Đặc tả Use case đợt thực tập 45 Bảng 2.16: Đặc tả Use case nhóm hội đồng Bảng 2.17: Đặc tả Use case hội đồng 45 46 Bảng 2.18: Đặc tả Use case sở thực tập 47 Bảng 2.19: Đặc tả Use case xem thông tin tổng hợp đề tài giảng viên 47 Bảng 2.20: Đặc tả Use case phân công GVPB, GVHD 48 Bảng 2.21: Đặc tả Use case xem kế hoạch 49 Bảng 2.22: Đặc tả Use case thống kê danh sách sinh viên theo đợt thực tập 49 Bảng 2.23: Đặc tả Use case thống kê danh sách tổng hợp đề tài Bảng 2.24: Đặc tả Use case quản lý năm học 51 Bảng 2.25: Đặc tả Use case quản lý thông tin sinh viên 53 Bảng 2.26: Đặc tả Use case quản lý thông tin giảng viên 55 Bảng 2.27: Đặc tả Use case quản lý đợt thực tập 57 Bảng 2.28: Đặc tả Use case quản lý thông tin loại thực tập 59 Bảng 2.29: Đặc tả Use case quản lý thông tin công việc61 Bảng 2.30: Đặc tả Use case quản lý thông tin sở thực tập Bảng 2.31: Đặc tả Use case quản lý hội đồng 66 Bảng 2.32: Đặc tả Use case quản lý nhóm hội đồng 68 Bảng 2.33: Đặc tả Use case quản lý người dùng 70 Bảng 2.34: Đặc tả Use case quản lý nhóm người dùng 72 Bảng 2.35: Đặc tả Use case phân quyền 74 63 50 LỜI NÓI ĐẦU Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Internet thật tạo nên cách mạng trao đổi thơng tin lĩnh vực văn hóa, xã hội, trị, kinh tế Trong thời đại ngày nay, việc có Website để quản lý liệu tổ chức hay cá nhân khơng cịn điều xa xỉ Thơng qua Website người dùng dễ dàng quản lý liệu mà cần cách nhanh chóng hiệu Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng Laravel open source, framework dùng để xây dựng web application, thiết kế dựa mơ hình MVC (Model, Controller, View), tồn source code đặt Github Tuy mẻ theo kết khảo sát Developer, Laravel Framework đứng top framework phổ biến Với lý đó, hướng dẫn giúp đỡ ThS Dương Thu Mây, em chọn đề tài “Xây dựng website quản lý thực tập cho môn Mạng & Truyền thông – khoa Công nghệ thông tin sử dụng Laravel Framework.” làm đề tài cho đồ án tốt nghiệp Nội dung báo cáo bao gồm phần sau: Chương 1: Tổng quan Laravel Framework Chương 2: Khảo sát phân tích thiết kế Chương 3: Xây dựng chương trình Tuy nhiên, thời gian hạn hẹp, nỗ lực khó tránh khỏi thiếu sót Em mong nhận thơng cảm, lời góp ý bảo tận tình q Thầy Cơ 10 Hình 3.20 Giao diện thêm sinh viên vào đợt thực tập + Giao diện trang phân công GVHD, GVPB: Người dùng chọn GVHD, GVPBcho sinh viên đợt thực tập Hình 3.21 Giao diện trang phân công GVHD, GVPB đợt thực tập + Giao diện trang quản lý công việc: Người dùng quản lý thông tin công việc: xem, thêm, sửa, xóa, hiển thị danh sách cơng việc theo đợt thực tập 159 Hình 3.22 Giao diện quản lý cơng việc 160 + Giao diện quản lý thông tin sở thực tập: Người dùng quản lý thông tin sở thực tập: xem, thêm, sửa, xóa, hiển thị danh sách thông tin sở thực tập 161 162 Hình 3.23 Giao diện quản lý sở thực tập 163 + Giao diện trang quản lý thông tin hội đồng: Người dùng quản lý thông tin hội đồng: xem, thêm, sửa, xóa, hiển thị danh sách hội đồng theo nhóm hội đồng, xem danh sách sinh viên hội đồng theo nhóm hội đồng Hình 3.24 Giao diện quản lý thông tin hội đồng + Giao diện danh sách sinh viên hội đồng: Người dùng có thểxem danh sách sinh viên hội đồng theo nhóm hội đồng 164 Hình 3.25 Giao diện danh sách sinh viên hội đồng 165 + Giao diện nhập điểm tổng kết sinh viên hội đồng: Người dùng nhập điểm sinh viên hội đồng theo nhóm hội đồng Hình 3.26 Giao diện điểm tổng kết sinh viên hội đồng + Giao diện trang Liên hệ: Phụ trách Khoa Lãnh đạo môn trao đổi công việc thông qua khung giao diện Chat 166 Hình 3.27 Giao diện phần liên hệ 167 KẾT LUẬN Đề tài “Xây dựng website quản lý thực tập cho môn Mạng & Truyền thông –Khoa Công nghệ thông tin sử dụng Laravel Framework.” xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho em việc thiết kế Website cho công ty hay Website cá nhân Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu Internet hạn chế thời gian, khả kinh nghiệm nên khơng tránh khỏi thiếu sót định nên đề tài hoàn thành mức độ sau: - Tìm hiểu Laravel Framework - Áp dụng xây dựng ứng dụng thực nghiệm Xây dựng website quản lý thực tập cho môn Mạng & Truyền thông – khoa Công nghệ thông tin sử dụng Laravel Framework Hướng nghiên cứu phát triển:  Tìm hiểu sâu Laravel Framework để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống,  Kết hợp với hệ quản trị sở liệu lớn hơn: SQL Server, Oracle…  Tìm hiểu thêm số ngôn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn…  Xây dựng trang Web quy mô lớn với nhiều ứng dụng, chức Để hoàn thành đề tài này, lần em xin chân thành cảm ơn cô giáo Th.S Dương Thu Mây người quan tâm, giúp đỡ em suốt thời gian qua Em xin chân thành cảm ơn ! 168 169 TÀI LIỆU THAM KHẢO [1] Phạm Hữu Khang_Xây dựng ứng dụng Web PHP & MySQl_Nhà xuất Mũi Cà Mau, 2003 [2] Nguyễn Trường Sinh_Sử dụng PHP & MySQL thiết kế Web động_Nhà xuất Thống Kê, 2005 [3] TS Dương Kiều Hoa – Tơn Thất Hịa Phân tích thiết kế HTTT theo UML [4] Đinh Xuân Lâm_Những thực hành HTML_Nhà xuất Thống Kê, 2003 [5] Quang Bình-Phương Hà_Thiết kế xuất Web với HTML_Nhà xuất Thống Kê, 2001 [6] http://www.php.net, [7] http://www.mysql.com, [8] http://www.laravel.com 170 171 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Thái Nguyên, ngày tháng năm 2016 Giáo viên hướng dẫn 172 173 ... hệ thống mà dự án ứng dụng Là Website quản lý thực tập môn Mạng Truyền thông – Khoa Công nghệ thông tin – Trường ĐH Công nghệ thông tin Truyền thông Là Website động, thông tin cập nhật theo định... Laravel Framework đứng top framework phổ biến Với lý đó, hướng dẫn giúp đỡ ThS Dương Thu Mây, em chọn đề tài ? ?Xây dựng website quản lý thực tập cho môn Mạng & Truyền thông – khoa Công nghệ thông tin. .. độ thực tập  Cập nhập tiến độ thực tập  Xem thông tin  Xem thông tin môn  Xem thông tin sở thực tập  Xem thông tin công việc  Xem thông tin đề tài, đề cương  Xem thông tin đợt thực