TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE DỰ BÁO THỜI TIẾT ỨNG DỤNG FRAMEWORK YII2 Hà Nội - 2016... TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜ
Trang 1TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
XÂY DỰNG WEBSITE DỰ BÁO THỜI TIẾT ỨNG DỤNG FRAMEWORK YII2
Hà Nội - 2016
Trang 2TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
NGUYỄN KHÁNH LINH
XÂY DỰNG WEBSITE DỰ BÁO THỜI TIẾT ỨNG DỤNG FRAMEWORK YII2
NGƯỜI HƯỚNG DẪN: ThS LÊ THỊ VUI
HÀ NỘI – 2016
Trang 3LỜI CAM ĐOAN
Em xin cam đoan các kết quả nghiên cứu đưa ra trong đồ án tốt nghiệp này dựa trên các kết quả thu được trong quá trình nghiên cứu của riêng em, không sao chép bất kỳ kết quả nghiên cứu nào của các tác giả khác
Nội dung của đồ án tốt nghiệp có tham khảo và sử dụng một số thông tin, tài liệu
từ các nguồn sách, website được liệt kê trong danh mục các tài liệu tham khảo và được sự hướng dẫn của Th.S Lê Thị Vui nếu phát hiện có bất kỳ sự gian lận nào
em xin hoàn toàn chịu trách nhiệm về nội dung đồ án của mình
Hà Nội, tháng 6 năm 2016
Sinh viên:
Nguyễn Khánh Linh
Trang 4LỜI CẢM ƠN
Lời đầu tiên trong báo cáo em xin gửi lời cảm ơn đến các thầy cô Trường Đại học Tài nguyên và Môi trường Hà Nội đã truyền đạt cho em những kiến thức, hỗ trợ các trang thiết bị tốt nhất cùng những tài liệu quý giá phục vụ quá trình học tập trong những năm qua để em có một nền tảng vững chắc thực hiện đồ án tốt nghiệp! Đặc biệt em xin bày tỏ lòng biết ơn với cô Lê Thị Vui là giảng viên trực tiếp phụ trách hướng dẫn đồ án tốt nghiệp cho em đã hết lòng hỗ trợ, thúc giục và động viên em trong suốt quá trình thực hiện đồ án!
Em xin chân thành cảm ơn bạn bè và thầy cô va gia đình đã cho em những trải nghiệm vô cùng quý giá , thú vị và những kỉ niệm đáng nhớ trong suốt chặng đường bốn năm sinh viên cũng như đã động viên và giúp em có thêm động lực để hoàn thiệt đồ án một cách tốt nhất!
Cuối cùng, do còn nhiều hạn chế về kinh nghiệm cũng như hiểu biết về các kiến thức chuyên sâu nên đồ án của em còn nhiều thiếu sót và hạn chế Em rất mong
có thể nhận được những ý kiến đóng góp từ phía thầy cô và bạn bè để em có thể hoàn thiện đồ án hơn nữa!
Em xin chân thành cảm ơn!
Trang 5MỤC LỤC LỜI CAM ĐOAN
LỜI CẢM ƠN
DANH MỤC CHỮ VIẾT TẮT
DANH MỤC CÁC BẢNG
DANH MỤC HÌNH ẢNH
MỞ ĐẦU 1
CHƯƠNG 1: GIỚI THIỆU WEBSITE DỰ BÁO THỜI TIẾT 3
1.1 Cấu trúc wesite dự báo thời tiết 3
1.1.1 Trang chủ 3
1.1.2 Trang chi tiết tin tức 3
1.2 Các đặc tả kĩ thuật 3
CHƯƠNG 2: CÔNG NGHỆ PHÁT TRIỂN 5
2.1 Tổng quan về PHP 5
2.1.1 Ngôn ngữ PHP 5
2.1.2 Ưu điểm 5
2.2 Tổng quan về MySQL 5
2.2.1 Giới thiệu 5
2.2.2 Một số đặc điểm của MySQL 6
2.3 Mô hình MVC (Model - View – Controller) 6
2.3.1 MVC là gì ? 6
2.3.2 Các thành phần trong MVC 7
2.3.3 MVC làm việc như thế nào? 7
2.3.4 Ưu điểm và nhược điểm của MVC 8
2.4 Tổng quan về framework Yii2 9
2.4.1 Giới thiệu 9
2.4.2 Cài đặt 10
2.4.3 Chạy ứng dụng 13
Trang 62.4.4 Làm việc với CSDL 17
2.4.5 Cấu hình và sử dụng công cụ Gii ( Sinh code tự động) 24
2.5 Giới thiệu Template AdminLTE 30
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ CƠ SỞ DỮ LIỆU 31
3.1 Mô tả bài toán 31
3.2 Phân tích yêu cầu 31
3.3 Thiết kế hệ thống 31
3.3.1 Các actor và use case chính 31
3.3.2 Sơ đồ use case tổng quát 32
3.3.3 Sơ đồ lớp 40
3.3.4 Biểu đồ tuần tự 41
3.4 Chi tiết các bảng 42
3.4.1 Bảng danh mục 42
3.4.2 Bảng tin tức 43
3.4.3 Bảng banner 44
3.4.4 Bảng user 44
3.4.5 Bảng dự đoán 45
3.4.6 Bảng thời tiết thực 46
3.4.7 Bảng tỉnh thành 47
CHƯƠNG 4: CHƯƠNG TRÌNH DEMO 48
4.1 Trang quản trị 48
4.1.1 Quản lý danh mục (category) 48
4.1.2 Trang quản lý tin tức (news) 49
4.1.3 Trang quản lý banner 49
4.1.4 Quản lý dữ liệu dự đoán 50
4.1.5 Quản lý thời tiết hiện tại 50
4.1.6 Quản lý tỉnh thành 51
4.1.7 Quản lý video 51
Trang 74.1.8 Quản lý admin 52
4.2 Trang người dùng 54
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 58
TÀI LIỆU THAM KHẢO 59
Trang 8DANH MỤC CHỮ VIẾT TẮT
MVC Model – View – Controller
Mô hình MVC là một kiến trúc phần mềm hay mô hình thiết kế được sử dụng trong kỹ thuật phần mềm
HTML HyperText Markup Language Ngôn ngữ đánh dấu siêu văn bản SQL Structured Query Language Ngôn ngữ truy vấn có cấu trúc
XAMPP
X + Apache + Mysql + PHP + Perl
(trong đó X là cross (platform ) ám
chỉ dùng được cho cả 4 hệ điều
hành khác nhau : Windows, Linux,
Solaris và MAC)
chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin
LAMP Linux + Apache + MySQL + PHP
tiêu chuẩn mặc định để tạo nên một môi trường máy chủ Web có khả năng chứa và phân phối các trang Web động
HTTP HyperText Transfer Protocol giao thức truyền tải siêu văn bản
HTTPS Hypertext Transfer Protocol
Secure
Phiên bản nâng cấp của HTTP giúp truyền tải các thông tin một các bảo mật hơn trên internet
HHVM HipHop Virtual Machine một nền tảng xử lý PHP
URL Uniform Resource Locator được sử dụng để tham chiếu tới tài
nguyên trên mạng Internet
Trang 9DANH MỤC CÁC BẢNG
Bảng 3.1 Bảng danh mục 43
Bảng 3.2 Bảng tin tức 43
Bảng 3.3 Bảng banner 44
Bảng 3.4 Bảng user 45
Bảng 3.5 Bảng dự đoán 46
Bảng 3.6 Bảng thời tiết thực 47
Bảng 3.7 Bảng tỉnh thành 47
Trang 10DANH MỤC HÌNH ẢNH
Hình 2.1 Mô hình MVC 7
Hình 2.2 Sơ đồ làm việc MVC 8
Hình 2.3 Biểu đồ cấu trúc ứng dụng 15
Hình 2.4 Biểu đồ xử lý yêu cầu của ứng dụng 16
Hình 2.5 Demo views 22
Hình 2.6 Giao diện công cụ Gii 25
Hình 2.7 Sinh code tự động với Gii 26
Hình 2.8 Sinh code tự động với công cụ Gii 26
Hình 2.9 Sinh code tự động với công cụ Gii 27
Hình 2.10 Sinh code tự động với công cụ Gii 28
Hình 2.11 Kết quả đạt được với sinh code tự động 29
Hình 2.12 Form update được sinh ra với sinh code tự động Gii 29
Hình 3.1 Sơ đồ use case 32
Hình 3.2 Use case phân rã chức năng quản lý danh mục 34
Hình 3.3 Use case phân rã chức năng quản lý nhân viên 38
Hình 3.4 Biểu đồ lớp 40
Hình 3.5 Biểu đồ tuần tự đăng nhập 41
Hình 3.6 Biểu đồ tuần tự quản lý danh mục 42
Hình 4.1 Giao diện trang quản lý danh mục 48
Hình 4.2 Giao diện nhập các thông tin danh mục 48
Hình 4.3 Trang quản lý danh mục sau khi thêm thành công danh mục mới 49
Hình 4.4 Giao diện trang quản lý tin tức 49
Hình 4.5Giao diện trang quản lý banner 50
Hình 4.6 Giao diện trang quản lý dữ liệu dự báo 50
Hình 4.7 Giao diện trang quản lý dữ liệu thực 51
Hình 4.8 Giao diện trang quản ly các tỉnh thành 51
Hình 4.9 Giao diện trang quản lý video 52
Hình 4.10 Giao diện trang quản lý nhân viên 52
Hình 4.11 giao diện quản lý phân quyền 53
Trang 11Hình 4.12 Phân quyền cho quản trị viên 53
Hình 4.13 Giao diện trang tạo nhóm quyền 54
Hình 4.14 Giao diện định tuyến 54
Hình 4.15 Giao diện trang chủ website 55
Hình 4.16 Chọn tỉnh thành muốn xem dự báo 56
Hình 4.17 Giao diện trang chi tiết tin tức 57