Nghiên cứu và phát triển mã nguồn mở wordpess xây dựng website tin tức về đời sống học sinh sinh viên giảng viên trường đại học lâm nghiệp

LỜI CẢM ƠN Hoàn thành xong đề tài, lời em xin gửi lời cảm ơn tới thầy cô trường đại học Lâm nghiệp Việt Nam nói chung thầy ngành Hệ thống thơng tin, người thầy người tận tình giảng dạy truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt trình học tập rèn luyện trường Và đặc biệt em xin dành tình cảm sâu sắc tời thầy Trần Xuân Hòa giảng viên Trường Đại học Lâm nghiệp Việt Nam hết lòng bảo hướng dẫn em suốt thời gian thực khóa luận Mặc dù cố gắng, song đề tài em khơng thể tránh khỏi thiếu sót vốn kiến thức hạn hẹp Em mong nhận góp ý, giúp đỡ từ q thầy, bạn để hoàn thiện đề tài LỜI CAM ĐOAN Em xin cam đoan: Khoá luận tốt nghiệp với đề tài: “Nghiên cứu phát triển mã nguồn mở Wordpess, xây dựng website tin tức đời sống học sinh, sinh viên, giảng viên Trường Đại học Lâm nghiệp” cơng trình nghiên cứu cá nhân em Những thơng tin tham khảo khóa luận trích dẫn cụ thể phần tài liệu tham khảo Em xin chịu trách nhiệm cơng trình nghiên cứu riêng mình! Hà Nội, ngày…tháng năm 2018 Người cam đoan Nguyễn Văn Ngọc MỤC LỤC LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH DANH MỤC BẢNG 11 DANH MỤC BIỂU ĐỒ 12 BẢNG KÍ TỰ VIẾT TẮT 13 NỘI DUNG 14 CHƯƠNG I: TỔNG QUAN VỀ KHÓA LUẬN 14 1.1 Lý chọn đề tài 14 1.2 Nội dung đề tài 14 1.2.1 Mục tiêu nghiên cứu 14 2.1.1.1 Mục tiêu tổng quát 14 2.1.1.2 Mục tiêu cụ thể 15 1.2.2 Đối tượng nghiên cứu 15 1.2.3 Phạm vi nghiên cứu 16 1.3 Yêu cầu đề tài 16 1.4 Cấu trúc báo cáo 17 1.5 Kết dự kiến 17 CHƯƠNG II: CƠ SỞ LÝ THUYẾT 18 2.1 Ngơn ngữ lập trình PHP 18 2.1.1 Khái niệm 18 2.1.2 Lịch sử phát triển PHP 18 2.2 Hệ quản trị MySQL 19 2.2.1 Khái niệm 19 2.2.2 Lịch sử phát triển phiên MySQL 20 2.2.3 Ưu điểm vượt trội MySQL 20 2.3 Tổng quan công nghệ Web 22 2.3.1 Web gì? 22 2.3.1.1 Web tĩnh (Static Web) 22 2.3.1.2 Web động 24 2.3.2 Các thành phần website 24 2.3.2.1 Tên miền (domain) 24 2.3.2.2 Máy chủ web (web server) 27 2.3.2.3 Mã nguồn (source code) 27 2.3.3 Lịch sử hình thành phát triển thiết kế website 27 2.3.4 Phân loại website 30 2.3.4.1 Phân loại theo đối tượng 30 2.3.4.2 Phân loại theo hình thức sử dụng 31 2.3.5 Xây dựng website với mã nguồn mở 31 2.3.5.1 Khái niệm 31 2.3.5.2 Ngôn ngữ 32 2.3.5.3 Sử dụng mã nguồn mở có tốt hay không? 32 2.4 Mã nguồn mở Wordpress 33 2.4.1 Tổng quan 33 2.4.2 Nhưng thành tựu Wordpress đạt 34 2.4.3 Các thành phần Wordpress 34 2.4.4 Lí chọn Wordpress 35 2.4.4.1 Dễ sử dụng 35 2.4.4.2 Cộng đồng hỗ trợ đông đảo 35 2.4.4.3 Nhiều Plugin hỗ trợ 35 2.4.4.4 Dễ phát triển cho lập trình viên 36 2.4.4.5 Hỗ trợ nhiều ngôn ngữ 36 CHƯƠNG III: PHÂN TÍCH HỆ THỐNG 37 3.1 Mơ tả tốn 37 3.1.1 Đối với người dùng 37 3.1.2 Đối với người quản lý 37 3.2 Phân tích hệ thống 38 3.2.1 Tác nhân 38 3.2.2 Xác định Use Case 38 3.2.3 Biểu đồ Use Case 39 3.2.3.1 Use Case đăng nhập 40 3.2.3.2 Use Case quản lý viết 41 3.2.3.3 Use Case quản lý media 42 3.2.3.4 User Case quản lý chuyên mục 43 3.2.3.5 Use Case quản lý bình luận 45 3.2.3.6 Use Case quản lý giao diện 46 3.2.3.7 Use Case quản lý Plugin 48 3.2.3.8 Use Case tìm kiếm 49 3.2.3.9 Usecase xem viết 50 3.2.3.10 Usecase bình luận 51 3.2.4 Biểu đồ hoạt động 53 3.2.4.1 Biểu đồ hoạt động đăng nhập 53 3.2.4.2 Biểu đồ hoạt động tìm kiếm 54 3.2.4.3 Biểu đồ hoạt động xem viết 55 3.2.4.4 Biểu đồ hoạt động bình luận 56 3.2.4.5 Biểu đồ hoạt động thêm 57 3.2.4.6 Biểu đồ hoạt động sửa 58 3.2.4.7 Biểu đồ hoạt động xóa 59 3.2.5 Biểu đồ 60 3.2.5.1 Biểu đồ đăng nhập 60 3.2.5.2 Biểu đồ tìm kiếm 61 3.2.5.3 Biểu đồ xem viết 62 3.2.5.4 Biểu đồ bình luận 63 3.2.5.5 Biểu đồ thêm 64 3.2.5.6 Biểu đồ sửa 65 3.2.5.7 Biểu đồ xóa 66 CHƯƠNG IV: CÀI ĐẶT TRIỂN KHAI HỆ THỐNG WORDPRESS 67 4.1 Cài đặt Wordpress 67 4.2 Plugin cách cài đặt Plugin 71 4.2.1 Khái niệm 71 4.2.1.1 Khái niệm Plugin 71 4.2.1.2 Khái niệm lập trình Plugin 72 4.2.2 Các bước cài đặt 72 CHƯƠNG V: XÂY DỰNG MODUL CHỨC NĂNG 75 5.1 Xây dựng thêm modul chức 75 5.1.1 Plugin viết xem nhiều 75 5.1.2 Hiển thị viết liên quan theo Categories Tag 78 5.1.3 Một số modul khác 80 5.1.3.1 Plugin hiển thị danh sách viết 80 5.1.3.2 Nhúng commemt facebook 81 5.1.3.3 Nhúng fanpage facebook 81 5.1.3.4 Plugin hiển thị thông tin website 82 5.2 Cài đặt triển khai Plugin hệ thống 82 5.2.1 Plugin Akismet Anti-Spam 82 5.2.2 PluginWP Super Cache 83 5.2.3 Plugin Yoast SEO 85 5.2.4 Ithemes Security 86 5.3 Giao diện sản phẩm 89 5.3.1 Giao diện trang quản trị 89 5.3.1.1 Giao diện trang quản lý đăng 89 5.3.1.2 Giao diện trang quản lý commemt 90 5.3.1.3 Giao diện trang quản lý media 90 5.3.1.4 Giao diện trang quản lý chuyên mục 91 5.3.1.5 Giao diện trang quản lý Plugin 91 5.3.1.6 Giao diện trang quản lý giao diện 92 5.3.2 Giao diện trang chủ 92 5.3.2.1 Giao diện chuyên mục 92 5.3.2.2 Giao diện trang liên hệ trang giới thiệu 95 5.4 Đường dẫn sản phẩm 96 KẾT LUẬN 97 TÀI LIỆU THAM KHẢO 98 DANH MỤC HÌNH Hình1: Các bước để truy suất web tĩnh từ máy chủ 23 Hình 2: Các bước để truy suất web tĩnh từ máy chủ 24 Hình 3: Các thành phần URL 25 Hình 4: Mơ tả hoạt động DNS 26 Hình 5: Giao diện cPanel 67 Hình 6: Giao diện File Manager sau extract 67 Hình 7: Giao diện cPanel 68 Hình 8: Đổi tên file wp-config.sample.php thành wp-config.php 68 Hình 9: Giao diện điền thơng tin databases Wordpress 69 Hình 10: Giao diện điền thông tin website 70 Hình 11: Giao diện quản trị Wordpress 70 Hình 12: Giao diện website mặc định 71 Hình 13: Giao diện trang quản trị Wordpress 72 Hình 14: Giao diện thêm Plugin 73 Hình 15: Chọn “Activate Plugin” để kích hoạt Plugin 73 Hình 16: Giao diện hiển thị kết tìm kiếm 74 Hình 17: Chọn vào “install” now để cài đặt 74 Hình 18: Codeđếm lượt view 75 Hình 19: Code hiển thị lượt xem 76 Hình 20: Code widget hiển thị 76 Hình 21: Code css 77 Hình 22: Giao diện tùy chỉnh Plugin hồn thiện 77 Hình 23: Giao diện Plugin website 78 Hình 24: Hiển thị lượt xem 78 Hình 25: Code vị trí muốn hiển thị danh sách viết liên quan theo chuyên mục 79 Hình 26: Code vị trí muốn hiển thị danh sách viết liên quan theo tag 79 Hình 27: Giao diện hoàn thiện Plugin viết liên quan 80 Hình 28: Giao diện Plugin hiển thị viết 80 Hình 29: Giao diện comment facebook 81 Hình 30: Giao diện liên kết với fanpage facebook 81 Hình 31: Giao diện Plugin hiển thị thông tin website 82 Hình 32: Plugin Akismet Anti-Spam 83 Hình 33: Plugin WP Super Cache 84 Hình 34: Plugin Yoast SEO 86 Hình 35: Plugin iThemes Security 88 Hình 36: Giao diện trang quản trị 89 Hình 37: Giao diện trang quản lý đăng 89 Hình 38: Giao diện trang quản lý commemt 90 Hình 39: Giao diện trang quản lý media 90 Hình 40: Giao diện trang quản lý chuyên mục 91 Hình 41: Giao diện trang quản lý Plugin 91 Hình 42: Giao diện trang quản lý giao diện 92 Hình 43: Giao diện trang chủ 92 Hình 44: Giao diện chuyên mục GÓC TIN TỨC 93 Hình 45: Giao diện chun mục GĨC HỌC TẬP 93 Hình 46: Giao diện chuyên mục GÓC MỘNG MƠ 93 Hình 47: Giao diện chuyên mục GÓC NGHĨ 93 Hình 48: Giao diện chun mục GĨC MĂNG NON 93 Hình 49: Giao diện chuyên mục GÓC ẢNH 93 Hình 50: Giao diện trang liên hệ 96 Hình 51: Giao diện trang giới thiệu 96 Hình 52: Giao diện viết Error! Bookmark not defined 10  Chuyên gia Phương pháp nhanh sử dụng Apache mod_rewrite (hoặc môđun tương tự mà máy chủ web bạn hỗ trợ) để phục vụ tệp html tĩnh "siêu tải" Điều hoàn toàn bỏ qua PHP nhanh chóng Nếu máy chủ bạn bị ảnh hưởng lưu lượng truy cập, có nhiều khả đối phó với yêu cầu "nhẹ hơn"  Đơn giản Các tệp tĩnh siêu tải PHP phục vụ cách khuyến nghị sử dụng Plugin Plugin phục vụ tệp “supercached” tồn gần nhanh phương thức mod_rewrite Dễ cấu hình tệp htaccess không cần phải thay đổi Bạn cần liên kết cố định tùy chỉnh Bạn giữ phần trang động chế độ nhớ đệm  Bộ nhớ đệm WP-Cache Điều chủ yếu sử dụng để lưu trữ trang cho người dùng biết, URL với tham số nguồn cấp liệu Người dùng biết người dùng đăng nhập, khách truy cập để lại nhận xét người hiển thị liệu tùy chỉnh cho người dùng Đó phương pháp nhớ đệm linh hoạt chậm Bộ nhớ đệm WP-Cache lưu vào nhớ cache lượt truy cập người dùng không xác định supercaching bị tắt Bạn có phần động cho trang chế độ  Ảnh Plugin: Hình 33: Plugin WP Super Cache 84 5.2.3 Plugin Yoast SEO  Mô tả: Yoast SEO Plugin WordPress SEO gốc từ năm 2008.Đây công cụ yêu thích hàng triệu người dùng, từ tiệm bánh quanh góc đến số trang web phổ biến hành tinh Với Yoast SEO, bạn có công cụ vững giúp bạn nhắm đến vị trí số kết tìm kiếm Yoast: SEO cho người Yoast SEO làm tất thứ khả để làm hài lịng khách truy cập cơng cụ tìm kiếm nhện Làm sao? Dưới bạn tìm thấy mẫu nhỏ quyền hạn Yoast SEO:  Chức sơ đồ trang web XML nâng cao cách nhấn nút  Kiểm sốt hồn tồn đường dẫn trang web: thêm đoạn mã bạn nên sử dụng  Đặt URL chuẩn để tránh nội dung trùng lặp Không phải lo lắng hình phạt Google  Tiêu đề mơ tả mơ hình hóa cho thương hiệu tốt đoạn mã quán kết tìm kiếm  Mở rộng Yoast SEO với SEO Tin tức, SEO Video, SEO địa phương phần mở rộng SEO WooCommerce  Nhiều từ khóa tập trung: Tối ưu hóa viết bạn cho từ đồng nghĩa từ khóa có liên quan  Đề xuất liên kết nội tự động: viết viết bạn nhận đăng đề xuất tự động để liên kết tới  Yoast SEO tunes động trang web bạn để bạn làm việc việc tạo nội dung tuyệt vời  Nội dung tảng chúng tơi tính liên kết nội giúp bạn tối ưu hóa cấu trúc trang web cách dễ dàng  Tích hợp với Google Search Console: Xem cách trang web bạn hoạt động cơng cụ tìm kiếm sửa lỗi thu thập thông tin 85  Quản lý vai trò SEO: Cung cấp cho đồng nghiệp bạn quyền truy cập vào phần cụ thể Plugin Yoast SEO  Chỉnh sửa hàng loạt: Thực chỉnh sửa quy mô lớn cho trang web bạn  Xem trước mạng xã hội để quản lý cách trang bạn chia sẻ mạng xã hội Facebook Twitter  Trình quản lý chuyển hướng: Giúp trang web bạn khỏe mạnh cách dễ dàng chuyển hướng lỗi từ Google Search Console, trang xóa URL thay đổi  Ảnh Plugin: Hình 34: Plugin Yoast SEO 5.2.4 Ithemes Security  Mô tả: Ithemes Security (trước Better WP Security) cung cấp cho bạn 30 cách để bảo vệ bảo vệ trang web WordPress bạn Trung bình, 30.000 trang web bị cơng ngày Các trang web WordPress mục tiêu dễ dàng cho cơng lỗ hổng Plugin, mật yếu phần mềm lỗi thời Hầu hết quản trị viên WordPress họ dễ bị cơng, iThemes Security hoạt động để khóa WordPress, sửa lỗ thông thường, ngừng công 86 tự động tăng cường thông tin đăng nhập người dùng Với tính nâng cao cho người dùng có kinh nghiệm, Plugin bảo mật WordPress chúng tơi giúp làm cứng WordPress Được thêm yên tâm với hỗ trợ chuyên nghiệp từ đội ngũ chuyên gia tính chuyên nghiệp để đưa bảo mật trang web bạn lên cấp độ với iThemes Security Pro  Tính năng:  Xác thực hai yếu tố - Sử dụng ứng dụng dành cho thiết bị di động Google Authenticator Authy để tạo mã tạo mã tạo qua email cho bạn  WordPress Salts & Security Keys - Các Plugin iThemes Security giúp cập nhật khóa muối WordPress dễ dàng  Lập kế hoạch quét phần mềm độc hại - Tự động quét trang web bạn ngày Nếu vấn đề tìm thấy, email gửi với chi tiết  Mật Bảo mật - Tạo mật mạnh từ hình hồ sơ bạn  Hết hạn mật - Đặt độ tuổi mật tối đa buộc người dùng chọn mật Bạn buộc tất người dùng phải chọn mật (nếu cần)  Google reCAPTCHA - Bảo vệ trang web bạn chống lại người gửi spam  Thao tác ghi nhật ký người dùng - Theo dõi người dùng chỉnh sửa nội dung, đăng nhập đăng xuất  Nhập / Xuất cài đặt - Tiết kiệm thời gian thiết lập nhiều trang web WordPress  Dashboard Widget - Quản lý nhiệm vụ quan trọng cấm người dùng quét hệ thống từ bảng điều khiển WordPress 87  So sánh tệp trực tuyến - Khi thay đổi tệp phát hiện, quét nguồn gốc tệp để xác định xem thay đổi có độc hại hay khơng Hiện hoạt động lõi WordPress Plugin chủ đề đến  Leo thang đặc quyền tạm thời - cung cấp cho nhà thầu người quản trị tạm thời người chỉnh sửa quyền truy cập vào trang web bạn tự động đặt lại  Tích hợp wp-cli - Quản lý bảo mật trang web bạn từ dòng lệnh  Ảnh Plugin: Hình 35: Plugin iThemes Security 88 5.3 Giao diện sản phẩm 5.3.1 Giao diện trang quản trị Hình 36: Giao diện trang quản trị 5.3.1.1 Giao diện trang quản lý đăng Hình 37: Giao diện trang quản lý đăng 89 5.3.1.2 Giao diện trang quản lý commemt Hình 38: Giao diện trang quản lý commemt 5.3.1.3 Giao diện trang quản lý media Hình 39: Giao diện trang quản lý media 90 5.3.1.4 Giao diện trang quản lý chuyên mục Hình 40: Giao diện trang quản lý chuyên mục 5.3.1.5 Giao diện trang quản lý Plugin Hình 41: Giao diện trang quản lý Plugin 91 5.3.1.6 Giao diện trang quản lý giao diện Hình 42: Giao diện trang quản lý giao diện 5.3.2 Giao diện trang chủ Hình 43: Giao dện trang chủ 5.3.2.1.Giao diện chun mục 92 Hình 44: Giao diện chun mụcGĨC TIN TÚC Hình 45: Giao diện chun mục GĨC HỌC TẬP 93 Hình 46: Giao diện chun mục GĨC MỘNG MƠ Hình 47: Giao diện chun mục GĨC NGHĨ 94 Hình 48: Giao diện chun mục GĨC MĂNG NON Hình 49: Giao diện chuyên mục GÓC ẢNH 5.3.2.2 Giao diện trang liên hệ trang giới thiệu 95 Hình 50: Giao diện trang liên hệ Hình 51: Giao diện trang giới thiệu 5.4 Đường dẫn sản phẩm Sản phẩm thử nghiệm phát triển đường dẫn: http://35.196.190.133/tintuc/ 96 KẾT LUẬN Trên toàn báo cáo đồ án tốt nghiệp Như vậy, sau thời gian tìm hiểu nghiên cứu em hồn thành khóa luận tốt nghiệp: “Góc rừng – đời sống học sinh, sinh viên, giảng viên trường Đại học Lâm Nghiệp Việt Nam” Đồ án đưa cách tổng quan Wordpress, cách sử dụng ứng dụng việc thiết kế web tin tức Giúp nâng cao trình độ kinh nghiệm việc sử dụng mã nguồn mở Việc áp dụng Wordpress vào thiết kế web tin tức thuận lợi thành công Khả đáp ứng nhiều truy cập, tính sẵn có truyền tải mượt.Tuy nhiên có khó khăn việc truyền tải liệu từ server Tuy vậy, với lượng kiến thức hạn chế cộng thêm kỹ yếu kém, nên khóa luận cịn nhiều nhược điểm cần phải bổ sung nhiều để hồn chỉnh Vì mong thầy góp ý để em hồn thiện rút nhiều kinh nghiệm hơn, bổ sung, trau dồi lượng kiến thức sau Cuối em xin chân thành cám ơn thầy Trần Xuân Hịa tận tình giúp đỡ, hỗ trợ để em hồn thành khóa luận Em xin chân thành cảm ơn! 97 TÀI LIỆU THAM KHẢO  Để hồn thành khóa luận tốt nghiệp, em tìm hiểu nghiên cứu tài liệu tham khảo sau:  “Murach’s PHP and MySQL” – tác giả: Joel Murach, Ray Harris  “Fundamentals of Web Development” – tác giả: Ricardo Hoar  “Hiểu Wordpress, học làm chủ wordpress” – tác giả: THS Lê Quốc Toàn  “Thực hành Wordpress, học hiểu làm đươc” – tác giả: THS Lê Quốc Toàn  “Thiết kế Wordpress siêu tốc” – tác giả: Đặng Ngọc Bình  “Từng bước thực hành SEO Wordpress, đưa Wordpress lên top Google” – tác giả: Lê Quốc Toàn  Tài liệu online:  https://thachpham.com  https://www.w3schools.com 98 ... luận tốt nghiệp với đề tài: ? ?Nghiên cứu phát triển mã nguồn mở Wordpess, xây dựng website tin tức đời sống học sinh, sinh viên, giảng viên Trường Đại học Lâm nghiệp? ?? cơng trình nghiên cứu cá nhân... quát mộtwebsite tin tức  Xây dựng triển khai thành côngwebsite tin tức đời sống học sinh, sinh viên, giảng viên trường Đại học Lâm Nghiệp với mục đích cầu nốt bạn học sinh, sinh viên nhà trường. .. thiếu website Nhận thấy bất cập thiếu sót đó, em chọn đề tài tốt nghiệp phát triển ứng dụng website tin tức đời sống học sinh, sinh viên giảng viên Trường Đại học Lâm nghiệp xây dựng mã nguồn mở