Báo cáo nghiên cứu và xây dưng website bằng WORDPRESS full

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CNTT GIA ĐỊNH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP TỐT NGHIỆP TÊN ĐỀ TÀI NGHIÊN CỨU VÀ XÂY DỰNG WEB BẰNG WORDPRESS Người hướng dẫn: Võ Đỗ Thắng Giảng viên hướng dẫn: Lê Mạnh Hải Sinh viên thực hiện: Nguyễn Minh Trí MSSV: 0240075 Lớp: 03DHPM Khóa: 03 Thành phố Hồ Chí Minh, tháng 04 năm 2014 Nội dung báo cáo up lên: - Youtube: https://www.youtube.com/playlist?list=PL8vaAn9_EGIqCRav2CB 37EPoargd3dxzg - Slideshare: http://www.slideshare.net/huntersoft/nguyen-minh-tribao-cao-cuoi-ky-athena Trang web triển khai VPS có địa là: - http://baomat-athena.tk ĐÁNH GIÁ CỦA ĐƠN VỊ THỰC TẬP ………………, ngày ……… tháng ……… năm ………… TM Đơn vị thực tập (Ký tên, đóng dấu) ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN Thái độ tác phong thời gian thực tập: Kiến thức chuyên môn: Nhận thức thực tế: Đánh giá khác: Đánh giá chung kết thực tập: ………………, ngày ……… tháng ……… năm ………… Giảng viên hướng dẫn (Ký tên, ghi rõ họ tên) PHỤ LỤC PHỤ LỤC - MỞ ĐẦU Chương 1: Giới thiệu đơn vị thực tập - 1.1 Lĩnh vực hoạt động - 1.2 Cơ sở vật chất - Chương 2: Giới thiệu wordpress - 2.1 Wordpress gì? 2.2 Ưu nhược điểm WordPress - 2.2.1 2.2.2 Ưu điểm Nhược điểm Chương 3: Cài đặt wordpress localhost với XAMPP - 3.1 Download cài đặt XAMPP 3.1.1 3.1.2 3.2 3.3 3.3.1 3.3.2 Download XAMPP - Cài đặt XAMPP - Tạo Database MySQL cho Wordpress với PhpMyAdmin - Download cài đặt Wordpress Download Wordpress - Cài đặt Wordpress - 10 Chương 4: Phân tích thơng tin danh mục web Athena 16 4.1 Giao diện trang chủ 16 4.1.1 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.2 4.3 4.4 4.4.1 4.4.2 4.4.3 Header -Menu -Slider Last news Widgets Footer - 16 16 17 17 18 19 Giao diện danh sách viết đề tài - 19 Giao diện hiển thị nội dung viết 20 Sơ đồ Mockup giao diện web Athena 21 Trang chủ 21 Trang danh sách viết chuyên mục 22 Trang nội dung viết - 23 Chương 5: Cài đặt cấu hình Theme 24 5.1 Cài đặt theme tribune - 24 5.2 Cấu hình Theme Tribune - 25 5.2.1 5.2.2 5.2.3 5.2.4 Header -Menu -Last news Footer - 25 25 28 30 Chương 6: Cấu hình Widgets - 32 6.1 Cài đặt Widget banner quảng cáo - 32 6.2 Cài đặt Widget Hỗ trợ online 33 6.3 Cài Widget Facebook Like - 35 6.3.1 6.3.2 6.3.3 Đăng ký làm Facebook Developer 35 Tạo ứng dụng - 37 Lấy Embed code Facebook Like để nhúng vào Widget - 41 Chương 7: Đăng ký tích hợp dịch vụ Google Analytics - 44 7.1 Đăng ký dịch vụ Google Analytics - 44 7.2 Lấy Embed code để nhúng vào website 47 Chương 8: Cài đặt cấu hình plug-ins 49 8.1 Cách tìm kiếm cài đặt plug-ins - 49 8.2 Cài đặt plug-in "Count Per Day” 50 8.3 Cài đặt plugin “Weptile Image Slider Widget” - 52 8.4 Cài đặt plugin ”Facebook” - 54 8.5 Cài đặt plugin “Related Post” 56 8.6 Cài đặt plugin ”WordPress SEO” - 57 Chương 9: Viết plugin nhập xem điểm 59 9.1 Cấu trúc plugin wordpress - 59 9.2 Cấu trúc plugins nhập xem điểm 60 9.2.1 9.2.2 9.2.3 9.2.4 Phần thông tin plugin xem điểm Hàm khởi tạo Database lúc vừa active -Hàm kiểm tra phân quyền -Hàm nhập xem điểm 60 60 61 62 Chương 10: Triển khai trang web lên VPS - 67 10.1 Đăng ký tên miền tk 67 10.2 Cài đặt cấu hình DNS cho VPS 68 10.2.1 10.2.2 10.3 Cài đặt cấu hình XAMPP - 76 10.3.1 10.3.2 10.3.3 10.4 Cài đặt dịch vụ DNS - 68 Cấu hình dịch vụ DNS - 69 Cài đặt XAMPP 76 Cấu hình XAMPP 76 Cấu hình bảo mật đơn giản cho XAMPP 77 Chuyển Wordpress từ localhost lên VPS 78 10.4.1 10.4.2 Sau lưu phục hồi file cài đặt wordpress 78 Sao lưu phục hồi Wordpress Database - 80 Chương 11: Tối ưu hóa tìm kiếm (SEO) cho trang web - 83 11.1 Cài đặt plugin để tạo sitemap cho trang web 83 11.2 Đăng ký gửi sitemap cho google webmaster 83 11.3 Tối ưu hóa viết với plugin “Google SEO” 84 Chương 12: Kết luận hướng phát triển - 85 12.1 Kết luận - 85 12.2 Hướng phát triển - 85 Tài liệu tham khảo - 86 MỞ ĐẦU Trong thời đại phát triển bùng nổ công nghệ thông tin ngày nay, làm nhiều thứ thơng qua môi trường mạng Internet, từ học tập, làm việc, vui chơi hội hợp trực tuyến Chỉ xét riêng mặt học tập qua mạng, ta thấy vô vàng công cụ, dịch vụ hỗ trợ google, yahoo, bing hàng tỉ kết tìm kiếm tìm thấy ba trang web tìm kiếm Và nên người online thường dễ bị chi phối trang web giải trí đơn mà bỏ quên việc học Điều thật lãng phí Với mục tiêu giúp muốn học tập qua mạng tránh dẫn dụ từ giới mạng tập trung vào mục tiêu nên em thử nghiên cứu xây dựng web wordpress giới thiệu trung tâp đào tạo Athena Nơi có khóa học Công Nghệ Thông Tin với mục tiêu ghi rõ ràng chi tiết thời hạn cụ thể Bên cạnh đó, trang web cịn giúp người tham gia kết bạn, tăng cường kỹ làm việc nhóm người nhóm học tập lẫn để tự phát triển thân Chương 1: Giới thiệu đơn vị thực tập Chương 1: Giới thiệu đơn vị thực tập Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA thành lập từ năm 2004, tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy động, nhiệt huyết kinh nghiệm lãnh vực CNTT, với tâm huyết góp phần vào cơng thúc đẩy tiến trình đưa cơng nghệ thơng tin ngành kinh tế mũi nhọn, góp phần phát triển nước nhà 1.1 Lĩnh vực hoạt động  Trung tâm ATHENA tập trung chủ yếu vào đào tạo chuyên sâu quản trị mạng, an ninh mạng, thương mại điện tử theo tiêu chuẩn quốc tế hãng tiếng Microsoft, Cisco, Oracle, Linux LPI , CEH, Song song đó, trung tâm ATHENA cịn có chương trình đào tạo cao cấp dành riêng theo đơn đặt hàng đơn vị Bộ Quốc Phịng, Bộ Cơng An , ngân hàng, doanh nghiệp, quan phủ, tổ chức tài chính…  Sau gần 10 năm hoạt động,nhiều học viên tốt nghiệp trung tâm ATHENA chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho nhiều ngành Cục Công Nghệ Thông Tin - Bộ Quốc Phịng , Bộ Cơng An, Sở Thơng Tin Truyền Thông tỉnh, bưu điện tỉnh,  Ngồi chương trình đào tạo, Trung tâm ATHENA cịn có nhiều chương trình hợp tác trao đổi cơng nghệ với nhiều đại học lớn Đại học Bách Khoa Thành Phố Hồ Chí Minh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học Viện Bưu Chính Viễn Thơng, Hiệp hội an tồn thơng tin (VNISA), Viện Kỹ Thuật Qn Sự,  Đội ngũ giảng viên :  Tất giảng viên trung tâm ATHENA có tốt nghiệp từ trường đại học hàng đầu nước Tất giảng viên ATHENA phải có chứng quốc tế MCSA, MCSE, CCNA, CCNP, Security+, CEH,có sư phạm Quốc tế (Microsoft Certified Trainer).Đây chứng chuyên môn bắt buộc để đủ điều kiện tham gia giảng dạy trung tâm ATHENA Chương 1: Giới thiệu đơn vị thực tập  Bên cạnh đó,các giảng viên ATHENA thường tu nghiệp cập nhật kiến thức công nghệ từ nước tiên tiến Mỹ , Pháp, Hà Lan, Singapore, truyền đạt công nghệ chương trình đào tạo trung tâm ATHENA 1.2 Cơ sở vật chất  Thiết bị đầy đủ đại  Chương trình cập nhật liên tục, bảo đảm học viên tiếp cận với công nghệ  Phịng máy rộng rãi, thống mát  Dịch vụ hỗ trợ:  Đảm bảo việc làm cho học viên tốt nghiệp khoá dài hạn  Giới thiệu việc làm cho học viên  Thực tập có lương cho học viên giỏi  Ngồi học thức, học viên thực hành thêm miễn phí, khơng giới hạn thời gian  Hỗ trợ kỹ thuật không thời hạn tất lĩnh vực liên quan đến máy tính, mạng máy tính, bảo mật mạng  Hỗ trợ thi Chứng Quốc tế Qua thời gian thực tập Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA, cá nhân em tiếp xúc với môi trường động sáng tạo Sinh viên rèn luyện kiến thức, học hỏi thêm kinh nghiệm thực tế Nhờ đó, biết lực cá nhân yêu cầu xã hội để cố gắng phấn đấu nhiều Chương 2: Giới thiệu wordpress Chương 2: Giới thiệu wordpress 2.1 Wordpress gì? WordPress mã nguồn web mở để quản trị nội dung (CMS – Content Management System ) tảng blog (Blog Platform) viết ngôn ngữ PHP sử dụng hệ quản trị sở liệu MySQL phát hành vào ngày 27/5/2003 Matt Mullenweg Mike Little Thực WordPress lúc đầu cơng bố khơng xem CMS sức mạnh cịn giới hạn nhiều nên lúc cộng đồng xem WordPress mã nguồn lựa chọn để phát triển blog cá nhân bình thường với tính hỗ trợ tạo trang tĩnh, tạo viết có nhúng tính bình luận viết để thành viên tương tác Tuy vậy, so với cơng nghệ lúc WordPress có bước tiến vượt bật so với đối thủ khác mà quan trọng tính tương tác hồn tồn đơn giản để gần gũi với người sử dụng khơng chun Vì lúc WordPress bắt đầu trở thành mã nguồn mở nhiều người ý đến nhận donation (quyên góp) từ người ủng hộ để phát triển tốt Và nguyện vọng nhiều người, WordPress có phát triển vượt bậc sau mà nâng cấp backend để quản lý tốt hơn, nhiều tính đời (trong có tính Custom Field thần thánh mà tận nằm top tính thú vị nhất), kèm theo thư viện theme thức công bố với hàng trăm giao diện khác cho WordPress mà người dùng tải Tiếp tục vài năm sau đó, WordPress đời kèm theo thư viện plugin khổng lồ mắt, đánh dấu thời kỳ hoàng kim WordPress Đặc biệt WordPress mắt phiên 2.8, có nhiều thay đổi tính nâng cao cập nhật làm cho WordPress trở nên mạnh mẽ hơn, trở thành CMS hiệu lúc khơng hay Chương 10: Triển khai trang web lên VPS Hình 10.10 Hình 10.11 72 Chương 10: Triển khai trang web lên VPS Hình 10.12 Hình 10.13 73 Chương 10: Triển khai trang web lên VPS Hình 10.14 Hình 10.15 Hình 10.16 74 Chương 10: Triển khai trang web lên VPS Hình 10.17 Hình 10.18 75 Chương 10: Triển khai trang web lên VPS 10.3 Cài đặt cấu hình XAMPP 10.3.1 Cài đặt XAMPP - Ta tiến hành cài đặt bình thường localhost - Download giải nén file ” xampp-win32-1.7.4-VC6.7z” vào ổ C - Sau chạy ”Xampp-control” Hình 10.19 10.3.2 Cấu hình XAMPP - Ở VPS ta cấu hình XAMPP chạy dịch vụ windows chạy sau windows logon Hình 10.20 76 Chương 10: Triển khai trang web lên VPS 10.3.3 Cấu hình bảo mật đơn giản cho XAMPP - Phần cấu hình bảo mật ta đặt password cho XAMPP MySQL, chỉnh chế độ bảo vệ cho file passoword Hình 10.21 Hình 10.22 77 Chương 10: Triển khai trang web lên VPS Hình 10.23 Hình 10.24 10.4 Chuyển Wordpress từ localhost lên VPS 10.4.1 Sau lưu phục hồi file cài đặt wordpress - Copy file từ localhost lên server VPS - Sau ta chỉnh lại thơng số kết nối Database MySQL mà ta vừa tạo 78 Chương 10: Triển khai trang web lên VPS Hình 10.25 Hình 10.26 79 Chương 10: Triển khai trang web lên VPS Hình 10.27 10.4.2 Sao lưu phục hồi Wordpress Database - Truy cập vào Phpmyadmin localhost tiến hành lưu Database hình 10.28 - Sau ta chỉnh dường dẫn ”http://localhost/athena” thành đường dẫn tên miền mà ta vừa đăng ký ”http://baomatathena.tk” - Kế đến bước tạo Database ”athena” PhpMyAdmin VPS, tiến hành import Database vừa chỉnh sửa vào - Xong bước ta hoàn tất phần lưu phục hồi trang web từ localhost lên VPS Hình 10.28 80 Chương 10: Triển khai trang web lên VPS Hình 10.29 Hình 10.30 81 Chương 10: Triển khai trang web lên VPS Hình 10.31 82 Chương 11: Tối ưu hóa tìm kiếm (SEO) cho trang web Chương 11: Tối ưu hóa tìm kiếm (SEO) cho trang web 11.1 Cài đặt plugin để tạo sitemap cho trang web - Cài đặt plugin bình thường với từ khóa ”Google XML Sitemaps” - Plugin giúp tạo sitemap động cho trang web Hình 11.1 11.2 Đăng ký gửi sitemap cho google webmaster - Chọn thêm trang web, điền trang web vào - Sau thực xác nhập theo yêu cầu google - Điền đường dẫn đến sitemap.xml hình 11.2 Hình 11.2 83 Chương 11: Tối ưu hóa tìm kiếm (SEO) cho trang web Hình 11.3 11.3 Tối ưu hóa viết với plugin “Google SEO” - Khi viết post ta kết hợp với plugin SEO để tối ưu hóa nội dung cho viết - Chú ý: từ khóa phải dặt vào title, meta description, URL Hình 11.4 84 Chương 12: Kết luận hướng phát triển Chương 12: Kết luận hướng phát triển 12.1 Kết luận - Qua khoảng thời gian thực tập tạo Athena, em học hỏi nhiều thứ cách thức làm trang web dựa framework Wordpress, dùng VPS để triển khai trang web, thủ thuật SEO nhiều nhiều điều khác từ bạn thực tập chung khóa - Bên cạnh, em tự nhận thấy thân cần phải nỗ lực học tập nhiều đủ đáp ứng với xu công nghệ phát triển nhanh 12.2 Hướng phát triển - Sắp tới, em tiếp tục sâu vào nghiên cứu cách viết plugin cao cấp hơn, để nắm rõ API Wordpress Ngoài ra, em nghiên cứu tự viết theme wordpress từ framework có sẵn 85 Tài liệu tham khảo Tài liệu tham khảo Tài liệu tin trang internet, khơng có tên báo, số xuất - Precisioη (2014) Setup a Domain on Your Windows VPS [Internet] [trích dẫn ngày 03/03/2014] Lấy từ: URL: https://www.youtube.com/watch?v=2Zz9SB5Gxmk - Wordpress (2014) Class Reference/wpdb [Internet] [trích dẫn ngày 03/03/2014] Lấy từ: URL: https://codex.wordpress.org/Class_Reference/wpdb - Mr Nav (2014) [WordPress Plugin] Database Info [Internet] [trích dẫn ngày 03/03/2014] Lấy từ: URL: http://www.izwebz.com/wordpress/plug-in/wordpress-plugindatabase-info/ - Google (2014) Google [Internet] [trích dẫn ngày 03/03/2014] Lấy từ: URL: https://google.com/ 86 ... nguồn mở WordPress  Mỗi ngày có khoảng 145,000 lượt download mã nguồn WordPress từ trang chủ  WordPress chiếm khoảng 19% thị phần cho tổng số website có mặt giới Trong Joomla có 3% Và website. .. cho Wordpress sử dụng (Hình 3.4) Hình 3.4 3.3 Download cài đặt Wordpress 3.3.1 Download Wordpress - Truy cập vào trang web:  https:/ /wordpress. org/ - Hoặc download trực tiếp tại:  https:/ /wordpress. org/download/... mục tiêu giúp muốn học tập qua mạng tránh dẫn dụ từ giới mạng tập trung vào mục tiêu nên em thử nghiên cứu xây dựng web wordpress giới thiệu trung tâp đào tạo Athena Nơi có khóa học Công Nghệ