TÌM HIỂU WORDPRESS VÀ ỨNG DỤNG XÂY DỰNG WEBSITE TRƯỜNG TRUNG CẤP BÁCH NGHỆ

TRƯỜNG ĐẠI HỌC TÂY NGUYÊN KHOA KHTN&CN CHUYÊN ĐỀ TỐT NGHIỆP TÌM HIỂU WORDPRESS VÀ ỨNG DỤNG XÂY DỰNG WEBSITE TRƯỜNG TRUNG CẤP BÁCH NGHỆ Sinh viên : Chìu Minh Tú Chun nghành : Cơng nghệ thơng tin Khóa học : 2010-2014 ĐăkLăk, 5/2014 TRƯỜNG ĐẠI HỌC TÂY NGUYÊN KHOA KHTN&CN CHUYÊN ĐỀ TỐT NGHIỆP TÌM HIỂU WORDPRESS VÀ ỨNG DỤNG XÂY DỰNG WEBSITE TRƯỜNG TRUNG CẤP BÁCH NGHỆ Sinh viên : Chìu Minh Tú Chun nghành : Cơng nghệ thơng tin Khóa học : 2010-2014 Người hướng dẩn Th.S Nguyễn Thị Như ĐăkLăk, 5/2014 LỜI CẢM ƠN Trong trình thực đề tài “Tìm hiểu Wordpress ứng dụng xây dựng website trường trung cấp Bách nghệ”, Tôi nhận nhiều giúp đỡ, tạo điều kiện cán trường trung cấp Bách Nghệ, tơi xin bày tỏ lịng cảm ơn chân thành giúp đỡ Em xin bày tỏ lịng biết ơn sâu sắc tới Th.S Nguyễn Thị Như – người trực tiếp hướng dẫn bảo cho em hoàn thành chuyên đề tốt nghiệp Em xin chân thành cảm ơn bạn bè, bạn lớp học lớp Cử nhân Tin k10 động viên, khích lệ, tạo điều kiện giúp đỡ tơi suốt q trình thực hồn thành luận án i MỤC LỤC Ý KIẾN CỦA GIÁO VIÊN HƯỚNG DẪN 53 ii MỞ ĐẦU Đặt vấn đề Công nghệ thông tin ngành mũi nhọn đất nước Hàng năm xu phát triển ngành công nghệ thông tin nhằm đáp ứng số lượng lớn yêu cầu xã hội nhiều mặt như: kinh tế, văn hóa, xã hội Do đó, việc ứng dụng rộng rãi ngành công nghệ thông tin xã hội điều tất yếu Từ Internet đời, kéo theo bùng nổ loạt dịch vụ Internet khiến sống người trở nên thú vị hơn, khoảng cách địa lý khơng cịn vấn đề gây khó khăn Những lợi ích mà Internet mang lại lớn Trong Website dịch vụ phổ biến Internet Trước tình hình đó, việc xây dựng Website giới thiệu Trường trung cấp Bách Nghệ giải pháp tối ưu đem lại nhiều lợi ích cho nhà trường giảng viên sinh viên Đó lí để em chọn thực đề tài "Tìm hiểu Wordpress ứng dụng xây dựng website trường Trung cấp Bách Nghệ Thanh Hóa" Mục tiêu nghiên cứu Hiểu quy trình xây dựng phát triển website mã nguồn Wordpress Ứng dụng Wordpress xây dựng website trường Trung cấp Bách Nghệ đảm bảo yêu cầu sau: - Hệ thống cho phép người quản lý đăng thông tin giới thiệu trường, tổ chức đoàn thể, ngành nghề đào tạo… cập nhập tin tức hoạt động, tuyển sinh, văn bản, tài liệu cách nhanh gọn, xác - Hệ thống phải thân thiện, dễ dàng truy xuất, vận hành, tính thẩm mỹ cao - Đạt phù hợp với mục đích người dùng, phù hợp với trình độ khả người sử dụng Mục đích nghiên cứu Tìm hiểu cách thức xây dựng website hệ thống quản trị nội dung (CMS) thông dụng Wordpress ứng dụng vào việc xây dựng website trường Trung cấp Bách nghệ Phương pháp nghiên cứu Phương pháp nghiên cứu từ tài liệu sẵn có: - Mục đích: Nắm lý thuyết mã nguồn mở, hệ quản trị sở liệu Mysql, cơng nghệ lập trình xây dựng web động mã nguồn mở Wordpress - Đối tượng: Hệ quản trị nội dung Wordpress Phạm vi đề tài Tìm hiểu cách xây dựng website mã nguồn Wordpress ứng dụng vào xây dựng website trường Trung cấp Bách Nghệ Tổ chức nghiên cứu Thời gian nghiên cứu: Từ tháng 11 năm 2013 đến tháng 02 năm 2014 Đối tượng nghiên cứu: - Người sử dụng: o Cán quản lý, sinh viên, giảng viên người có nhu cầu tìm kiếm thơng tin trường - Đối tượng nghiên cứu người sử dụng o Quản trị trang web: Quản lý thông tin có quyền hạn tồn quyền trang web o Người sử dụng bình thường xem thông tin thực số thao tác cho phép download tài liệu… Cơ quan chủ trì đề tài: trường Trung cấp Bách Nghệ Thanh Hóa Địa điểm thực nghiệm, thử nghiệm đề tài: trường Trung cấp Bách Nghệ Thanh Hóa – Liên kết Đại Học Tây Nguyên Thiết bị, dụng cụ nghiên cứu Mã nguồn: Wordpress Phần mềm hổ trợ: Xampp, Firefox Dự kiến sản phẩm địa ứng dụng Dự kiến sản phẩm: Website trường Trung Cấp Bách Nghệ Thanh Hóa Địa ứng dụng: Trường trung cấp Bách Nghệ Thanh Hóa – Liên kết với trường Đại học Tây Nguyên Bố cục đề tài Chương 1: Giới thiệu hệ quản trị nội dung wordpress Giới thiệu phần mềm mã nguồn mở Hệ quản trị nội dung wordpress khái niệm Giao diện plugin wordpress Tổng quan setting Chương 2: Ứng dụng mã nguồn mở xây dựng website trường trung cấp Bách Nghệ Giới thiệu trường trung cấp Bách Nghệ Phân tích thiết kế hệ thống Xây dựng website trường trung cấp Bách Nghệ CHƯƠNG GIỚI THIỆU HỆ QUẢN TRỊ NỘI DUNG WORDPRESS 1.1 GIỚI THIỆU PHẦN MỀM MÃ NGUỒN MỞ 1.1.1 Khái niệm mã nguồn mở Mã nguồn mở (Open Source) thuật ngữ sản phẩm phần mềm có mã nguồn mở Phần mềm nguồn mở phần mềm cung cấp dạng mã nguồn, không miễn phí giá mua mà chủ yếu miễn phí quyền Người dùng có quyền sửa đổi, tiến, phát triển, nâng cấp theo số quy tắc định giấy phép phần mềm nguồn mở mà không cần xin phép ai, điều mà họ không làm phần mềm đóng Nhà cung cấp phần mềm nguồn mở có quyền yêu cầu người dùng trả số chi phí dịch vụ bảo hành, huấn luyện, nâng cấp, tư vấn… tức dịch vụ thực thực để phục vụ người dùng, khơng bán sản phẩm nguồn mở sản phẩm chung 1.1.2 Lợi ích mã nguồn mở Phần mềm chép hồn tồn miễn phí, người dùng hồn tồn an tâm chia sẻ chương trình với bạn bè Các định dạng file khơng hồn tồn bị kiểm sốt nhà cung cấp Do yêu cầu công việc, người dùng muốn sử dụng liệu cho ứng dụng khác chương trình quyền khơng cho phép, với Open Soucre người dùng gặp nhiều nhà cung cấp đáp ứng yêu cầu Các hệ thống Open Soucre, hệ thống UNIX, thường linh hoạt chúng xây dựng từ nhiều khối thống miêu tả cặn kẽ, dễ để người dùng thay nhiều thành phần hệ thống với phần có giao diện tương tự Có cộng đồng hổ trợ lớn, không bị phụ thuộc vào công ty 1.1.3 Một số loại mã nguồn mở thơng dụng Drupal: Cơng cụ hữu ích với nhiều tính năng, nhiều module ứng dụng cho website cộng đồng Plone: dễ dàng chạy, cài đặt, mềm dẽo cao, dễ dàng phát triển dự án cộng đồng, website cá nhân OrangeHRM: phần mềm quản lý nhân sự, hệ thống mở, linh hoạt, dễ sử dụng, giải pháp cho doanh nghiệp vừa nhỏ CMS Made Simple: làm trang chủ cho gia đình cơng ty đa quốc gia Zope: Ứng dụng xây dựng ứng dụng quản lý nội dung Em lựa chọn nghiên cứu hệ quản trị nội dung mã nguồn mở Wordpress Wordpress dễ dàng cài đặt, dễ dàng quản lý có độ tin cậy cao, giúp người dùng xây dựng website nhanh chóngơ 1.1.4 Ứng dụng mã nguồn mở Sản phẩm mã nguồn mở phải kể đến hệ điều hành Linux (chính xác GNU Linux) Linux biết đến hệ điều hành miễn phí, ổn định, bảo mật, linh hoạt, hiệu xuất cao cộng đồng rát lớn Internet phát triển Phần mềm máy chủ Web Apache Trên hệ điều hành Windows có tích hợp phần mềm máy chủ IIS, với máy chủ sở liệu SQL Server ngơn ngữ lập trình trang web ASP, tạo hệ thống web hoàn chỉnh Song song với hệ thống trên, bên sản phẩm mã nguồn mở có máy chủ Web Apache, kết hợp với sở liệu MySql, ngơn ngữ lập trình PHP, Perl, Python tạo hệ thống máy chủ web linh hoạt, an toàn ổn định hệ thống sử dụng phổ biến hệ điều hành Linux lẫn Windows Mozzila Firefox trình duyệt mã nguồn mở lớn với tính bậy tốc độ, bảo mật, nhỏ gọn, nhiều tính miễn phí Unikey công cụ hổ trợ gõ tiếng Việt môi trường Windows miễn phí hiệu Tuy khơng tốn chi phí đầu tư ban đầu việc ứng dụng cơng cụ mã nguồn mở phát sinh tiềm ẩn khác đơi tốn kém, việc phải tìm giải pháp vượt qua hạn chế lỗi công cụ, phải lập trình thêm số module bổ sung tính Do cần có kế hoạch cân nhắc đánh giá kĩ khía cạnh để cuối việc ứng dụng cơng cụ mã nguồn mở đem lại lợi ích nhiều so với tổng chi phí công sức đầu tư thấp 1.2 HỆ QUẢN TRỊ NỘI DUNG WORDPRESS VÀ CÁC KHÁI NIỆM 1.2.1 Giới thiệu hệ quản trị nội dung Wordpress 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 Cấu hình tập tin hình ảnh tải lên website, từ Settings chọn Media Cho thông số Medium size Large size để hệ thống không tự tạo phiên kích cỡ hình ảnh khác nhau, giúp giảm nhớ tải lên 2.3.2.5 Cấu hình giao diện Vào Appearance chọn My college options cấu hình cho mục Thiết lập chung, gồm có tùy chọn giao diện responsive sử dụng Favicon Điền thông tin hiển thị header, gồm có: số điện thoại, địa giới thiệu 40 Thiết lập slide hiển thị trang chủ Các slide hiển thị hình ảnh, click vào hình ảnh dẩn đến địa trang thiết lập Ở phần footer, nhâp thông tin quyền website Thông tin hiển thị footer cuối trang web 2.3.2.6 Xây dựng menu Trước tạo menu để hiển thị lên trang chủ, ta tạo danh mục viết trang viết sau đưa vào menu 41 Tạo danh mục viết: Từ chức quản lý tin tức văn bản, ta tạo danh mục để lưu viết gồm: tin tức, tuyển sinh, văn bản, đoàn thể Vào menu Posts chọn Categories tạo danh mục: tin tức, tuyển sinh, văn bản, đoàn thể Trong phần Add new Category: • Name: tên danh mục • Slug: đường dẩn tĩnh • Parent: mục cha • Descriptoom: thích Nhấn nút Add New Category để tạo danh mục Tạo trang viết: Ngoài trang dạng tin tức, ta cần tạo trang viết để lưu viết giới thiệu Gồm có trang sau: Giới thiệu, giá trị tầm nhìn, nghành đào tạo, Phòng ban, liên hệ 42 Để tạo trang viết, vào Pages chọn Add New Nhập thông tin trang cần tạo nhấn Publish Tạo menu để hiển thị trang chủ Khi tạo xong danh mục viết trang viết, ta thực tạo menu để liên kết mục bố trí để hiển thị trang chủ 43 Vào Appearance chọn Menus, click vào create a new menu để tạo menu Trong Edit menu, chọn danh mục viết trang viết cột bên trái, nhấn add to menu để thêm vào menu vừa tạo Sau bấm Save menu để lưu lại 2.3.2.7 Xây dựng chức 2.3.2.7.1 Chức đăng Chức đăng chức chức mặc định wordpress Trong website trường Trung cấp Bách Nghệ, sử dụng chức đăng để đăng tin tức, tuyển sinh, văn đoàn thể 44 Phần Back-End: từ Posts chọn Add new Trong đó:  Enter title here: tiêu đề viết  Pusblish: xuất viết  Categories: danh mục viết  Featured image: ảnh đại diện cho viết Dưới tiêu đề khung soạn thảo viết, gồm có chế độ soạn thảo: Visual Text Visual chế độ soạn thảo trực quan, hiển thị xuất viết chế độ text cho viết văn sử dụng shordcode viết 45 Chọn ảnh đại diện: Từ khung Featured Image, chọn Set Featured Image Có lựa chọn tải ảnh lên chọn từ thư viện 46 Click vào Select Files để tải ảnh lên, ảnh sẻ thư viện ảnh tải lên Click Set featured images để chọn ảnh làm ảnh đại diện Phần Front-End: Từ menu trang chủ, chọn tuyển sinh, trang web hiển thị viết thuộc danh mục tuyển sinh Các viết thị dạng danh sách 47 với nội dung: tiêu đề viết, ảnh đại diện, tóm tắt viết, xem chi tiết Khi click vào tiêu đề, ảnh đại diện nút xem chi tiết trang web chuyển đến trang chi tiết viết Gồm: tiêu đề viết, ảnh đại diện, chi tiết nội dung viết 2.3.2.7.2 Chức tạo quản lý trang Page thích hợp cho bạn sử dụng để đăng nội dung có tính chất chung chung mà khơng cần phải phân loại như: 48 - Trang liên hệ - Trang giới thiệu - Trang giới thiệu dịch vụ Khi vào Pages -> Add New giống soạn thảo Post, khơng có chỗ chọn category tag khu vực Post 2.3.2.8 Cài đặt plugin 2.3.2.8.1 Simple Download Monitor Là plugin quản lý tài liệu wordpress Cho phép thêm, sửa, xóa tài liệu, tạo danh mục tài liệu, hiển thị danh mục tài liệu lên front-end, đếm số lượt download, phân quyền download Plugin sử dụng cho chức đăng tài liệu lên website Các tài liệu file thời khóa biểu, lịch thi, văn tệp đính kèm 49 Cách đăng tài liệu lên website: từ menu Downloads chọn Add new Trong đó: • Add New: tiêu đề tài liệu • Upload file: chọn file đường dẩn file tài liệu • File Thumbnail: ảnh đại diện cho file • Categories: danh mục tài liệu 50 KẾT LUẬN Kết đạt Sau nghiên cứu đề tài, em tìm hiểu cách thức cài đặt, cấu hình hoạt động hệ quản trị nội dung wordpress Ứng dụng để xây dựng website trường trung cấp Bách Nghệ đáp ứng nhu cầu quản lý cup cấp thông tin cho sinh viên trường Những mặt hạn chế đề tài hướng phát triển cho đề tài Do hạn chế tài liệu thời gian nên việc phát triển plugin quản lý điểm xây dựng mức bản, chưa hoạt động Plugin quản lý điểm xây dựng chức như: • Tự tạo table cần thiết kích hoạt plugin • Khi plugin kích hoạt hiển thị menu mục upload quản lý điểm • Plugin cho phép xử lý file excel theo mẫu có sẳn Dựa vào hạn chế trên, hướng phát triển tới tiếp xây dựng plugin quản lý điểm, tiếp tục phát triển hoàn thiện chức website để website hoạt động hiệu 51 TÀI LIỆU THAM KHẢO [1] http://vi.wikipedia.org/wiki/WordPress [2] http://thachpham.com/category/wordpress/wordpress-tutorials [3]http://wordpress.org 52 Ý KIẾN CỦA GIÁO VIÊN HƯỚNG DẪN NHẬN XÉT: Đối với Chuyên đề tốt nghiệp: Ký tên Đồng ý thông qua báo cáo Không đồng ý thông qua báo cáo ĐăkLăk, ngày 20 tháng 05 năm 2014 NGƯỜI HƯỚNG DẪN (Ký ghi rõ họ tên) 53 ... xây d? ? ?ng website tr? ?? ?ng trung c? ??p Bách Nghệ Gi? ?i thiệu tr? ?? ?ng trung c? ??p Bách Nghệ Phân t? ?ch thi? ?t kế h? ?? th? ?ng Xây d? ? ?ng website tr? ?? ?ng trung c? ??p Bách Nghệ CHƯ? ?NG GI? ?I THIỆU H? ?? QUẢN TR? ?? N? ?I DUNG... c? ?ch upload tr? ? ?c tiếp th? ?ng qua trang quản tr? ?? Hiện c? ? h? ?ng nghìn theme miễn phí c? ? phí cho ng? ?? ?i d? ?ng lựa chọn Ng? ?? ?i d? ?ng thay đ? ?i theme nhanh ch? ?ng qua trang quản tr? ?? Kh? ?ng thế, Wordpress cho... đ? ?ng Bạn chọn c? ??u tr? ?c có sẵn để hiển thị t? ?? đ? ?t c? ??u tr? ?c phần Custom Structure 22 CHƯ? ?NG ? ?NG D? ? ?NG WORDPRESS XÂY D? ? ?NG WEBSITE TR? ?? ?NG TRUNG C? ??P BÁCH NGHỆ THANH H? ?A 2.1 Gi? ?i thiệu tr? ?? ?ng Trung c? ??p