Đang tải... (xem toàn văn)
Tìm hiểu về Drupal, lịch sử phát triển, cách xây dựng, thiết lập module cho Drupal. - Đánh giá, phân tích thực trạng website Trung tâm ứng dụng Công nghệ thông tin, đưa ra những nhận xét đánh giá về thực trạng website của trung tâm. - Dùng Drupal để hoàn thiện, thiết lập một số chức năng cho website của Trung tâm ứng dụng Công nghệ thông tin như liên kết với facebook, tạo Google Maps, lấy tin RSS, hoàn thiện giao diện cho website…
LỜI CẢM ƠN Lời đầu tiên, em xin chân thành cảm ơn thầy cô khoa Hệ thống thông tin kinh tế, trường đại học thương mại hết lòng cơng tác giảng dạy, tận tình truyền đạt kho tàng kiến thức quý báu cho em năm tháng ngồi ghế nhà trường để em có tảng vững bước tương lai Đặc biệt, em xin chân thành cảm ơn PGS.TS Đàm Gia Mạnh hướng dẫn cho em thực đề tài Trong q trình làm khóa luận, thầy cho em lời khun bổ ích, cung cấp thơng tin có giá trị, hỗ trợ kiến thức cho việc lập kế hoạch, phân tích thiết kế khóa luận Thầy giúp em làm việc cách khoa học để hồn thành khóa luận tiến độ, đáp ứng yêu cầu đặt Cuối cùng, em khơng qn gửi lịng biết ơn sâu sắc đến cha mẹ, gia đình bậc sinh thành ni dưỡng con, hậu phương vững để em n tâm hồn thành khóa luận Hà nội, ngày 24 tháng năm 2014 Sinh viên Văn Thị Hằng MỤC LỤC DANH MỤC BẢNG BIỂU, SƠ ĐỒ, HÌNH VẼ STT Từ viết tắt CNTT CMS DHQGHN FAQ RSS DANH MỤC TỪ VIẾT TẮT Ý nghĩa Công nghệ thông tin Content Management System (Hệ thống quản lý nội dung) Đại học Quốc gia Hà Nội Frequently Asked Questions (Các câu hỏi thường gặp) Really Simple Syndication MỞ ĐẦU Sự phát triển mạnh mẽ Internet ngày kéo theo phát triển ngành, lĩnh vực, thành phần kinh tế, xã hội Với đời trang web làm thay đổi diện mạo tổ chức nhà nước, tập đoàn kinh tế lớn, nhỏ Nhưng để xây dựng quản lý trang web tốn nhiều thời gian kinh phí Phần mềm mã nguồn mở hệ quản trị nội dung đời giúp cho người dùng xây dựng trang web cách nhanh chóng mà khơng cần phải am hiểu ngơn ngữ lập trình Đồng thời mặt kinh phí hồn tồn miễn phí Ngày có nhiều hệ quản trị nội dung như: DotNetNuke (ASP.Net + VB/C#), Drupal (PHP), Joomla/Mambo (PHP)…trong Drupal xếp hạng đầu danh sách (NXB Packt bầu chọn năm 2008) Website trung tâm ứng dụng công nghệ thông tin (Viện Công nghệ thông tin- Đại học Quốc gia Hà Nội) xây dựng dựa hệ quản trị nội dung mã nguồn mở Drupal, nội dung xây dựng sơ sài đơn giản Vì em định thực đề tài “Hoàn thiện website cho Trung tâm ứng dụng Công nghệ thông tin (Viện công nghệ thông tin- Đại học Quốc gia Hà nội) Trong khóa luận này, em thực công việc sau: - Tìm hiểu Drupal, lịch sử phát triển, cách xây dựng, thiết lập module cho Drupal Đánh giá, phân tích thực trạng website Trung tâm ứng dụng Công nghệ thông tin, đưa - nhận xét đánh giá thực trạng website trung tâm Dùng Drupal để hoàn thiện, thiết lập số chức cho website Trung tâm ứng dụng Công nghệ thông tin liên kết với facebook, tạo Google Maps, lấy tin RSS, hoàn thiện giao diện cho website… Trong trình thực khóa luận, cố gắng hồn thành phạm vi khả cho phép chắn khơng tránh khỏi thiếu xót nên em mong nhận thơng cảm góp ý tận tình từ q thầy PHẦN I: TỔNG QUAN VẤN ĐỀ HOÀN THIỆN WEBSITE CHO TRUNG TÂM ỨNG DỤNG CÔNG NGHỆ THÔNG TIN (VIỆN CÔNG NGHỆ THÔNG TIN- ĐẠI 1.1 HỌC QUỐC GIA HÀ NỘI) Tầm quan trọng ý nghĩa vấn đề nghiên cứu Với mục đích xây dựng website để cung cấp thơng tin tổ chức đến với công chúng, Trung tâm ứng dụng công nghệ thông tin (Viện công nghệ thông tin- Đại học Quốc gia Hà Nội) xây dựng nên website http://www.cait.vnu.edu.vn/ Website xây dựng dựa hệ quản trị nội dung mã nguồn mở Drupal Bên cạnh ưu điểm đơn giản, dễ sử dụng website tồn số hạn chế giao diện chưa thực hợp lý, thực trạng website cho thấy website thiếu số chức bật lấy ý kiến khách hàng sử dụng biết tới sản phẩm phần mềm trung tâm thiết kế , liên kết website với facebook, việc thiết kế giao diện đơn giản, sơ sài, không gây ấn tượng với người truy cập Trong khóa luận này, em tập trung tìm hiểu kiến thức liên quan đến việc phát triển xây dựng module cho website Đi vào thực nghiệm, qua khảo sát website trung tâm, em hoàn thiện cho website giao diện, thiết lập thêm module lấy ý kiến khách hàng sản phẩm trung tâm, liên kết facebook với website nhằm giúp người dùng tương tác tốt với website trung tâm Vì em lựa chọn đề tài “Hồn thiện website cho Trung tâm ứng dụng Cơng nghệ thông tin (Viện CNTT- Đại học Quốc gia Hà Nội)” dựa hệ quản trị nội dung mã nguồn mở Drupal nhằm hồn thiện giao diện, tính năng, thêm vào số module chức cho website trung tâm ứng dụng cơng nghệ thơng tin để thân thiện với người sử dụng 1.2 Tổng quan vấn đề nghiên cứu Trong trình thực đề tài “Hoàn thiện website cho Trung tâm ứng dụng Công nghệ thông tin (Viện CNTT- Đại học Quốc gia Hà Nội)” em có tham khảo số tài liệu liên quan đến chuyên nghành hệ thống thông tin kinh tế số đề tài khóa luận anh chị khóa có liên quan đến nội dung đề tài mà em thực Cụ thể tài liệu là: - Báo cáo tốt nghiệp Phát triển ứng dụng hướng vị trí Drupal Đặng Vĩnh Thiêm, trường Đại học Cơng nghệ Hà Nội hồn thành vào tháng năm 2010 Báo cáo rõ việc phát triển module drupal dựa việc phát triển tệp tin info module, triển khai hook, nêu hàm quan trọng thư viện hàm Drupal, sử dụng Javascript, AJAX/JSON vào Drupal Đã thiết kế cài đặt thành cơng module có chức tích hợp đồ số Google Maps cách sử dụng API Google cung cấp Module hướng tới đối tượng website liên quan đến địa danh, - địa điểm website du lịch, tra cứu địa điểm đồ… Luận văn Phát triển website với Drupal Đồng Quang Trọng, khoa CNTT, trường Đại học Vinh hoàn thành vào năm 2011 Trong luận văn rõ cách phát triển module với Drupal với ví dụ minh họa cụ thể module lấy thông tin thời - tiết tự động Luận văn xây dựng thành công website cho bệnh viện 115 Xây dựng website trường Đại học Công nghệ phiên tiếng Anh thiết bị di dộng dựa Drupal Nguyễn Thị Thanh Tâm, trường Đại học Công nghệ - Đại học Quốc Gia Hà Nội hồn thành vào năm 2010 Trong khóa luận tác giả rõ cách thức xây dựng website phiên Tiếng Anh ứng dụng cho di động, phiên rút gọn website nhà trường sử dụng, hiển thị tốt thiết bị di động vốn bị hạn chế kích thước hình Kết xây dựng thành cơng website - trường đại học Công Nghệ thiết bị di động với tên miền riêng Trong đề tài trên, đề tài em tham khảo Tuy nhiên, đề tài chưa có đề tài đề cập đến hoàn thiện website cho trung tâm, tổ chức để thân thiện với người dùng Và đề tài chưa có đề tài cách liên kết người dùng với website, thiết kế để giao diện website tạo ấn tượng với người sử dụng - Mục tiêu nghiên cứu Tìm hiểu Drupal, cách xây dựng module thiết lập module có sẵn Drupal Khảo sát, đánh giá website Trung tâm ứng dụng công nghệ thông tin (Viện CNTT – - Đại học Quốc gia Hà Nội) giao diện, tính năng, số chức website Dựa khảo sát, đánh giá đưa đưa số giải pháp hoàn thiện website 1.3 http://www.cait.vnu.edu.vn/ Trung tâm ứng dụng Công nghệ thông tin (Viện CNTTĐại học Quốc gia HN) 1.4 Đối tượng phạm vi nghiên cứu 1.4.1 Đối tượng nghiên cứu Website http://www.cait.vnu.edu.vn/ Trung tâm ứng dụng Công nghệ thông tin (Viện CNTT- Đại học Quốc gia HN) 1.4.2 Phạm vi nghiên cứu - - Không gian: Viện CNTT- Đại học quốc gia Hà Nội Thời gian: Thời gian thực vòng hai tháng từ ngày 24/2 đến ngày 25/4/2014 tìm hiểu hoạt động website khoảng thời gian từ 9/2010 đến 2/2014 1.5 Phương pháp nghiên cứu Phương pháp phân tích tổng hợp Phương pháp thực nghiệm Phương pháp điều tra bảng hỏi Thu thập liệu sơ cấp thứ cấp 1.6 Kết cấu khóa luận Lời cảm ơn Mục lục Danh mục bảng biểu, sơ đồ, hình vẽ Danh mục từ viết tắt Phần 1: Tổng quan vấn đề hoàn thiện website cho Trung tâm ứng dụng Công nghệ thông tin (Viện CNTT – Đại học Quốc gia Hà Nội) Tầm quan trọng ý nghĩa vấn đề nghiên cứu Tổng quan vấn đề nghiên cứu Mục tiêu nghiên cứu Phạm vi nghiên cứu Phương pháp nghiên cứu Kết cấu khóa luận Phần 2: Cơ sở lí luận thực trạng website http://www.cait.vnu.edu.vn/ trung tâm ứng dụng công nghệ thông tin 2.1 Tổng quan mã nguồn mở Drupal 2.2 Đánh giá, phân tích thực trạng website http://www.cait.vnu.edu.vn/ Trung tâm ứng dụng Công nghệ thông tin (Viện CNTT – Đại học Quốc gia Hà Nội) Phần 3: Hoàn thiện website http://www.cait.vnu.edu.vn/ cho trung tâm ứng dụng công nghệ thông tin (Viên CNTT- Đại học quốc gia HN) dựa mã nguồn mở Drupal Tài liệu tham khảo Phụ lục PHẦN 2: CƠ SỞ LÝ LUẬN VÀ THỰC TRẠNG WEBSITE HTTP://WWW.CAIT.VNU.EDU.VN/ CỦA TRUNG TÂM ỨNG DỤNG CÔNG NGHỆ THÔNG TIN (VIỆN CÔNG NGHỆ THÔNG TIN – ĐẠI HỌC QUỐC GIA HÀ NỘI) 2.1 Tổng quan Drupal 2.1.1 Giới thiệu chung hệ quản trị nội dung mã nguồn mở Drupal 2.1.1.1 Hệ quản trị nội dung gì? Hệ quản trị nội dung hay CMS (Content Management System – tên tiếng anh) phần mềm để tổ chức cộng tác thuận lợi nhằm mục đích xây dựng hệ thống tài liệu loại nội dung khác cách thống 2.1.1.2 Phần mềm nguồn mở gì? Phần mềm nguồn mở phần mềm với mã nguồn công bố sử dụng giấy phép nguồn mở Giấy phép cho phép nghiên cứu, thay đổi cải tiến phần mềm, phân phối phần mềm dạng chưa thay đổi thay đổi Hiểu theo nghĩa rộng khái niệm chung sử dụng cho tất phần mềm mà mã nguồn cơng bố rộng rãi cơng khai cho phép người tiếp tục phát triển phần mềm 2.1.1.3 Drupal gì? Drupal khung sườn phát triển phần mềm hướng mô-đun, hệ quản trị nội dung miễn phí phần mềm mã nguồn mở mạnh Nó sánh ngang với hệ quản trị nội dung tiếng Joomla 10 Hình 3.1 Theme Busy Bố cục website xếp sau: - Phần header, baner, footer tương tự theme cũ Phần content: Phần chứa nội dung website, dựa vào module tính drupal, xếp, thêm vào thông tin viết đầu trang Các thông tin viết cập nhật theo thời gian, tổng hợp từ tất chuyên mục - sản phẩm mới, tin tức mới, thông báo mới… Giao diện thêm phần phần slidebar, phần xếp phía bên phải website Ở phần chứa thơng tin: Tìm kiếm, View thơng tin tiêu điểm website, tạo hộp Like Box Facebook cho phép người sử dụng sử dụng trực tiếp tài khoản facebook để Like website… 3.2.2 Hoàn thiện số chức cho website trung tâm ứng dụng công nghệ thơng 3.2.2.1 tin Hồn thiện chức bị lỗi cho website trung tâm Sau khảo sát website trung tâm, từ phần đánh giá nội dung thông tin website phần menu có trùng lặp thơng tin Nội dung thông tin Trang chủ giống hệt thông 34 tin với nội dung thông tin trang Nội Lỗi người thiết kể tạo đường dẫn menu sai Để khắc phục lỗi có hai cách: 3.2.2.2 Thứ nhất, nội dung thông tin trang nội khơng cần thiết xóa bỏ trực tiếp menu Thứ hai, tạo nội dung thơng tin cho trang nội bộ, cập nhật xác đường dẫn trang thông tin tới menu Tạo Facebook Like Box cho website trung tâm Mạng xã hội trở thành trào lưu lớn nhiều năm qua, với tốc độ lan truyền thông tin theo cấp số nhân, việc liên kết trang web với facebook chiến lược SEO mà hầu hết website hướng tới Chức Facebook Like Box người sử dụng Like website trung tâm, mặt khác hình thức giúp người sử dụng theo dõi thơng tin website Ngồi chức để tăng số lượng người biết tới website, cịn giúp website trơng sống động facebook cung cấp plugin xã hội mạnh, giúp mở rộng danh tiếng website Để thêm tính đơn giản Trước hết cần phải có page tạo facebook Sau copy đường dẫn page Vào trang https://developers.facebook.com/docs/reference/plugins/like-box/ dán link vừa copy vào ô Facebook Page URL điền thông số cho phù hợp Sau xong, bấm vào get code để lấy code gán vào website trung tâm Tiếp đó, vào menu quản trị website trung tâm thêm Block gán code vào nội dung Block chọn vị trí đặt block Nên đặt Facebook Like Box cột slidebar để thuận tiện với người sử dụng 35 Hình 3.2 Like box facebook 3.2.2.3 Tạo hộp Comment Box Facebook tới website trung tâm Hộp Comment Box Facebook giúp cho khách hàng vào website trung tâm để ý kiến lại website Mỗi mơt ý kiến khách hàng hình thức vừa để quảng bá sản phẩm tạo niềm tin cho người muốn mua sản phẩm niềm tin vào thơng tin có website Hình 3.3 Comment Box Facebook Sau tạo Comment Box Facebook Sau viết đăng website hộp thoại hiển thị bên nội dung viết Giúp cho người sử dụng dễ dàng truyền tải ý kiến 3.2.2.4 Tạo Google Maps cho website Hiện nay, website người thiết kế thường hay nhúng Google Maps vào website Mục đích thêm tính đường dẫn, địa điểm 36 công ty, tổ chức hay, cá nhân Với tính giúp cho người dùng tìm địa điểm cơng ty cách dễ dàng thuận tiện Đây công cụ hữu ích cho website Hình 3.4 Google Maps 3.2.2.5 Lấy tin RSS Một website cần phải cập nhật tin tức thường xuyên để tránh trường hợp website chết hay website hoạt động Nhưng thơng thường chi phí bỏ để thuê người viết hay cập nhật thường xuyên nội dung website thường lớn Vì RSS đời giúp cho website cập nhật tin tức tổng hợp tốt Ngoài ra, hình thức giúp SEO website RSS (Really Simple Syndication) định dạng liệu dựa theo chuẩn XML sử dụng để chia sẻ phát tán nội dung Web Việc sử dụng chương trình đọc tin (News Reader, RSS Reader hay RSS Feeds) giúp bạn ln xem nhanh chóng tin tức từ Báo chí, tin tức thơng tin cần chia sẻ 37 RSS dịch vụ cung cấp thông tin đơn giản Nói ngắn gọn, dịch vụ cho phép tìm kiếm thơng tin cần quan tâm đăng ký để gửi thông tin đến trực tiếp Dịch vụ giúp giải vấn đề tính cập nhật thông tin việc cung cấp thông tin quan tâm Công nghệ RSS cho phép người dùng Internet đặt mua thơng tin từ websites có cung cấp khả RSS (RSS feeds) Chúng thường site có nội dung thay đổi thêm vào thường xuyên Để dùng cơng nghệ này, người quản trị site tạo hay quản lí phần mềm chuyên dụng (như hệ thống quản lí nội dung - content management system-CMS) mà, với định dạng XML mà máy đọc được, biểu diễn tin thành danh sách, với hai dòng cho tin liên kết đến tin đầy đủ Khác với việc mua nhiều ấn tờ báo hay tạp chí in giấy, hầu hết việc mua RSS miễn phí Mỗi tin dạng RSS gồm : Tiêu đề, tóm tắt nội dung đường dẫn nối đến trang Web chứa nội dung đầy đủ tin Website trung tâm ứng dụng công nghệ thông tin tổng hợp tin tức hoạt động trung tâm, sản phẩm phần mềm trung tâm Tuy nội dung thơng tin website cập nhật thường xuyên Vì cần thêm vào RSS Công nghệ thông tin - Viễn thông giúp website cập nhật tin tức công nghệ thông tin viễn thông Trước hết cần lựa chọn website cung cấp thơng tin cơng nghệ uy tin có cung cấp RSS Feed Sau lấy code RSS Feed nhúng vào website Tương tự thêm Facebook Like Box ta tạo Block nhúng code RSS vào nội dung Block sau đặt vị trí cho tin RSS Nên đặt vị trí tin RSS Slidebar 38 Hình 3.5 RSS công nghệ thông tin – viễn thông 3.2.3 Một số giải pháp giúp tăng tốc độ load cho website Drupal Điểm mạnh Drupal khả mở rộng qua plugin hay module Tuy nhiên sử dụng nhiều module tốc độ website giảm cách rõ rệt Khi thủ thuật tăng tốc Drupal trở nên cần thiết Rõ ràng thực tế biết rõ giảm bớt gỡ bỏ module cải thiện nhiều Nhưng giải pháp chắn không nhiều người sử dụng Dưới số thủ thuật giúp tăng tốc cho Drupal Tối ưu cấu hình Drupal 3.2.3.1 - Bật chế độ tạo cache Drupal - Nén tất Javascript thành file, tất CSS thành file 3.2.3.2 Tối ưu nội dung, mã nguồn Cập nhật thường xuyên Cập nhật Drupal core module cách thường xuyên việc giúp website bạn hoạt động thơng thống hơn, modules bị xung đột Tuy nhiên 39 bạn nên lưu trước thực phòng ngừa bất Và trước thức sử dụng cập nhật 3.2.3.3 Memcache Cả Drupal Drupal hỗ trợ sử dụng Memcache Mặc dù Drupal có hệ thống hook ấn tượng, module tạo bảng lưu cache cho riêng Và truy vấn đến bảng này, Drupal tạo nhiều truy vấn nhớ cho PHP Memcache giải pháp hoàn thiện lưu thứ vào nhớ thay sở liệu Rất nhiều website sử dụng giải pháp để giảm tải tăng tốc độ cho website họ 40 Tài liệu tham khảo Dani Nordin (2012), Drupal for designers, O'Reilly, USA Jennifer Hodgdon (2012), A Programmer's Guide to Drupal, O'Reilly, USA Ric Shreves (2012), Drupal Search Engine Optimization, Packt, UK PHỤ LỤC PHIẾU ĐIỀU TRA (TẠI TRUNG TÂM ỨNG DỤNG CÔNG NGHỆ THÔNG TIN - VIỆN CÔNG NGHỆ THÔNG TIN - ĐẠI HỌC QUỐC GIA HÀ NỘI) Tên trung tâm: Địa chỉ: Email: Số điện thoại: Website trung tâm xây dựng từ nào: Website trung tâm có sử dụng hệ quản trị nội dung mã nguồn mở để thiết kế hay khơng? □ Có □ Khơng Nếu có trung tâm sử dụng hệ quản trị nội dung để áp dụng vào website trung tâm □ Drupal □ Joomla □ Wordpress □ NukeViet Vì website sử dụng hệ quản trị nội dung □ Dễ sử dụng, thiết kế, cập nhật thay đổi dễ dàng □ Tính mạnh mẽ, ổn định, bảo mật tốt □ Tất ý kiến Tình trạng nội dung website trung tâm nào? □ Đơn giản, sơ sài □ Bình thường □ Chi tiết Hiện trung tâm có dự định hồn thiện, nâng cấp website hay khơng? □ Có □ Khơng Trung tâm dự định hoàn thiện cho website phần nào? □ Giao diện □ Tính □ Chức □ Tất Vì trung tâm muốn hồn thiện cho website phần giao diện? □ Giao diện đơn giản, sơ sài □ □ Giao diện khơng tương thích tin với người sử dụng □ Giao diện khó tìm kiếm thơng Khác Vì trung tâm muốn hồn thiện phần chức cho website? □ Hoàn thiện chức bị lỗi website □ Thêm vào chức mới, giúp website sống động bật □ Tất 10 Vì trung tâm muốn hồn thiện phần tính cho website? □ Tăng khả xử lý liệu cho website □ Tăng tốc độ truy cập cho website □ Tăng khả bảo mật cho website □ Khác 11 Trung tâm có dự định thêm giải pháp để tăng tốc độ load cho website Drupal khơng? □ Có □ 43 Khơng 12 Chức lấy ý kiến, phản hồi khách hàng sử dụng biết tới sản phẩm phần mềm trung tâm có cần thiết hay khơng? □ Cần thiết □ Bình thường □ Khơng cần thiết 13 Theo trung tâm có nên liên kết website với mạng xã hội để quảng bá, giới thiệu website trung tâm tới người khơng? □ Có □ Khơng 14 Lựa chọn mạng xã hội để liên kết với website? □ Facebook □ Zalo □ Line □ Twitter □ Khác 15 Trong số chức sau trung tâm muốn thêm chức vào website mình? □ □ □ □ □ Facebook Like Box Comment Box Facebook RSS (Really Simple Syndication) Google Maps Tất 16 17 18 Người lập phiếu Văn Thị Hằng 19 20 21 ... tốt với website trung tâm Vì em lựa chọn đề tài “Hồn thiện website cho Trung tâm ứng dụng Công nghệ thông tin (Viện CNTT- Đại học Quốc gia Hà Nội) ” dựa hệ quản trị nội dung mã nguồn mở Drupal. .. TIN – ĐẠI HỌC QUỐC GIA HÀ NỘI) 2.1 Tổng quan Drupal 2.1.1 Giới thiệu chung hệ quản trị nội dung mã nguồn mở Drupal 2.1.1.1 Hệ quản trị nội dung gì? Hệ quản trị nội dung hay CMS (Content Management... □ Khơng Nếu có trung tâm sử dụng hệ quản trị nội dung để áp dụng vào website trung tâm □ Drupal □ Joomla □ Wordpress □ NukeViet Vì website sử dụng hệ quản trị nội dung □ Dễ sử dụng, thiết kế,