Hoàn thiện website dựa trên hệ quản trị nội dung mã nguồn mở drupal cho trung tâm ứng dụng CNTT viện CNTT ĐHQGHN

LỜI CẢM ƠN
Lời đầu tiên, em xin chân thành cảm ơn các 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 trong 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 trong những năm tháng ngồi trên ghế nhà trường để
em có những nền tảng vững bước trong 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 hiện đề tài này. Trong quá trình làm khóa luận, thầy đã cho em những lời khuyên bổ
ích, cung cấp những thông tin có giá trị, hỗ trợ những kiến thức cho việc lập kế hoạch,
phân tích và thiết kế khóa luận. Thầy đã giúp em làm việc một cách khoa học để hoàn
thành khóa luận đúng tiến độ, đáp ứng được các yêu cầu đặt ra.
Cuối cùng, em cũng không quên gửi lòng biết ơn sâu sắc nhất đến cha mẹ, gia đình
là những bậc sinh thành nuôi dưỡng con, là hậu phương vững chắc để em có thể yên tâm
hoàn thành khóa luận này.
Hà nội, ngày 24 tháng 5 năm 2014
Sinh viên
Văn Thị Hằng
1
MỤC LỤC
2
3
DANH MỤC BẢNG BIỂU, SƠ ĐỒ, HÌNH VẼ
4
DANH MỤC TỪ VIẾT TẮT
STT Từ viết tắt Ý nghĩa
1 CNTT Công nghệ thông tin
2 CMS Content Management System (Hệ thống quản lý nội
dung).
3 DHQGHN Đại học Quốc gia Hà Nội
4 FAQ Frequently Asked Questions (Các câu hỏi thường
gặp)
5 RSS Really Simple Syndication

5
MỞ ĐẦU
Sự phát triển mạnh mẽ của Internet ngày nay đã kéo theo sự phát triển của các
ngành, các lĩnh vực, các thành phần kinh tế, xã hội. Với sự ra đời của các trang web đã
làm thay đổi diện mạo của các tổ chức nhà nước, các tập đoàn kinh tế lớn, nhỏ. Nhưng để
xây dựng và quản lý những trang web thì tốn rất nhiều thời gian và kinh phí. Phần mềm
mã nguồn mở và các hệ quản trị nội dung ra đời đã giúp cho người dùng có thể xây dựng
những trang web một cách nhanh chóng mà không cần phải am hiểu các ngôn ngữ lập
trình. Đồng thời về mặt kinh phí là hoàn toàn miễn phí.
Ngày nay có rất nhiều hệ quản trị nội dung như: DotNetNuke (ASP.Net + VB/C#),
Drupal (PHP), Joomla/Mambo (PHP)…trong đó Drupal được 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) cũng được xây dựng dựa trên hệ quản trị nội dung mã nguồn mở
Drupal, nhưng nội dung xây dựng vẫn còn sơ sài và đơn giản. Vì vậy em quyết định thực
hiện đề 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 sẽ thực hiện các công
việc sau:
- 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…
Trong quá trình thực hiện khóa luận, mặc dù đã cố gắng hoàn thành trong phạm vi
và khả năng cho phép nhưng chắc chắn sẽ không tránh khỏi những thiếu xót nên em rất
mong nhận được sự thông cảm và góp ý tận tình từ các quý thầy cô.
6
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

HỌC QUỐC GIA HÀ NỘI).
1.1. Tầm quan trọng và ý nghĩa của vấn đề nghiên cứu.
Với mục đích xây dựng website để cung cấp thông tin của 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 Website được
xây dựng dựa trên hệ quản trị nội dung mã nguồn mở Drupal. Bên cạnh những ưu điểm
như đơn giản, dễ sử dụng thì website vẫn còn tồn tại một số hạn chế như giao diện vẫn
chưa thực sự hợp lý, thực trạng website cho thấy website vẫn còn thiếu một số các chức
năng nổi bật hiện nay như lấy ý kiến khách hàng đã sử dụng hoặc đã biết tới sản phẩm
phần mềm do trung tâm thiết kế , liên kết website với facebook, việc thiết kế giao diện
cũng cò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 các kiến thức liên quan đến việc phát triển và xây dựng các module
cho website. Đi vào thực nghiệm, qua khảo sát website của trung tâm, em hoàn thiện cho
website về giao diện, thiết lập thêm module lấy ý kiến của khách hàng về sản phẩm của
trung tâm, liên kết facebook với website nhằm giúp người dùng có thể tương tác tốt hơn
với website của trung tâm. Vì vậy em đã lựa chọn đề 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)” dựa trên
hệ quản trị nội dung mã nguồn mở Drupal nhằm hoàn thiện giao diện, các tính năng, thêm
vào một số module và chức năng cho website của trung tâm ứng dụng công nghệ thông
tin để có thể thân thiện hơn với người sử dụng.
1.2. Tổng quan vấn đề nghiên cứu.
Trong quá trình thực hiện đề 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 một số tài
liệu liên quan đến chuyên nghành hệ thống thông tin kinh tế và một số đề tài khóa luận
của các anh chị khóa trên có liên quan đến nội dung đề tài mà em thực hiện. Cụ thể các tài
liệu là:
- Báo cáo tốt nghiệp Phát triển ứng dụng hướng vị trí trên nền Drupal của Đặng Vĩnh
Thiêm, trường Đại học Công nghệ Hà Nội được hoàn thành vào tháng 5 năm 2010 . Báo
7
cáo đã chỉ rõ ra được việc phát triển các module trên drupal dựa trên việc phát triển các

tệp tin .info và .module, triển khai các hook, nêu ra các hàm quan trọng trong thư viện
hàm của Drupal, sử dụng Javascript, AJAX/JSON vào trong Drupal. Đã thiết kế và cài đặt
thành công module có chức năng tích hợp bản đồ số Google Maps bằng cách sử dụng API
do Google cung cấp. Module này hướng tới các đối tượng website liên quan đến địa danh,
địa điểm như website du lịch, tra cứu địa điểm trên bản đồ…
- Luận văn Phát triển website với Drupal 7 của Đồng Quang Trọng, khoa CNTT, trường
Đại học Vinh được hoàn thành vào năm 2011. Trong luận văn này đã chỉ rõ ra được cách
phát triển một module với Drupal 7 với ví dụ minh họa cụ thể là 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 bản tiếng Anh trên thiết bị di dộng
dựa trên nền Drupal của Nguyễn Thị Thanh Tâm, trường Đại học Công nghệ - Đại học
Quốc Gia Hà Nội được hoàn thành vào năm 2010. Trong khóa luận trên tác giả đã chỉ rõ
ra được cách thức xây dựng một website phiên bản Tiếng Anh ứng dụng cho di động, là
phiên bản rút gọn của website chính đang được nhà trường sử dụng, hiển thị tốt trên thiết
bị di động vốn bị hạn chế bởi kích thước màn hình. Kết quả xây dựng thành công website
của trường đại học Công Nghệ trên thiết bị di động với tên miền riêng.
- Trong 3 đề tài trên, là 3 đề tài em tham khảo chính. Tuy nhiên, cả 3 đề tài trên chưa có đề
tài nào đề cập đến hoàn thiện website cho một trung tâm, tổ chức để có thể thân thiện hơn
với người dùng. Và trên cả 3 đề tài trên cũng chưa có đề tài nào chỉ ra cách liên kết người
dùng với website, thiết kế làm sao để giao diện website có thể tạo ấn tượng với người sử
dụng.
1.3. Mục tiêu nghiên cứu.
- Tìm hiểu về Drupal, cách xây dựng một module và thiết lập module có sẵn của Drupal
- Khảo sát, đánh giá website của Trung tâm ứng dụng công nghệ thông tin (Viện CNTT –
Đại học Quốc gia Hà Nội) về giao diện, tính năng, một số chức năng của website.
- Dựa trên các khảo sát, đánh giá đã đưa đưa ra một số giải pháp hoàn thiện website
của 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 và phạm vi nghiên cứu.
1.4.1. Đối tượng nghiên cứu.

Website của 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.
8
- Không gian: Viện CNTT- Đại học quốc gia Hà Nội
- Thời gian: Thời gian thực hiện trong vòng hai tháng từ ngày 24/2 đến ngày 25/4/2014 và
tìm hiểu hoạt động của website trong 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 bảng hỏi.
- Thu thập dữ liệu sơ cấp và thứ cấp.
1.6. Kết cấu của 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).
1. Tầm quan trọng và ý nghĩa của vấn đề nghiên cứu.
2. Tổng quan vấn đề nghiên cứu.
3. Mục tiêu nghiên cứu.
4. Phạm vi nghiên cứu.
5. Phương pháp nghiên cứu.
6. Kết cấu khóa luận.
Phần 2: Cơ sở lí luận và thực trạng website của trung
tâm ứng dụng công nghệ thông tin.
2.1. Tổng quan về mã nguồn mở Drupal.
2.2. Đánh giá, phân tích thực trạng về website của 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 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 trên mã nguồn mở
Drupal
Tài liệu tham khảo
Phụ lục
9
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 về 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 là gì?
Hệ quản trị nội dung hay CMS (Content Management System – tên tiếng anh) là
phần mềm để tổ chức và cộng tác thuận lợi nhằm mục đích xây dựng một hệ thống tài liệu
và các loại nội dung khác một cách thống nhất.
2.1.1.2. Phần mềm nguồn mở là gì?
Phần mềm nguồn mở là phần mềm với mã nguồn được công bố và sử dụng một giấy
phép nguồn mở. Giấy phép này cho phép bất cứ ai cũng có thể nghiên cứu, thay đổi và cải
tiến phần mềm, phân phối phần mềm ở dạng chưa thay đổi hoặc đã thay đổi.
Hiểu theo nghĩa rộng là một khái niệm chung được sử dụng cho tất cả các phần mềm
mà mã nguồn của nó được công bố rộng rãi công khai và cho phép mọi người tiếp tục
phát triển phần mềm đó.
2.1.1.3. Drupal là gì?
Drupal là một khung sườn phát triển phần mềm hướng mô-đun, một hệ quản trị nội
dung miễn phí và là một phần mềm mã nguồn mở rất mạnh hiện nay. Nó đã được sánh
ngang với hệ quản trị nội dung rất nổi tiếng là Joomla
10
Cũng giống như các hệ quản trị nội dung hiện đại khác, Drupal cho phép người quản
trị hệ thống tạo và tổ chức dữ liệu, tùy chỉnh cách trình bày, tự động hóa các tác vụ điều

hành và quản lý hệ thống. Đôi khi, Drupal cũng được gọi là "khung sườn phát triển ứng
dụng web", vì kiến trúc thông minh và uyển chuyển của nó.
Drupal được chạy trên rất nhiều môi trường khác nhau, bao gồm Windows, Mac OS
X, Linux, FreeBSD, OpenBSD và các môi trường hỗ trợ máy phục vụ web Apache (phiên
bản 1.3+) hoặc IIS (phiên bản 5+) có hỗ trợ ngôn ngữ PHP (phiên bản 4.3.3+). Drupal kết
nối với cơ sở dữ liệu MySQL hoặc PostgreSQL để lưu nội dung và các thiết lập.
2.1.1.4. Lịch sử hình thành và phát triển của Drupal
Drupal do nhà sáng lập người Bỉ tên là Dries phát triển từ năm 2000. Drupal ban
đầu là một ứng dụng dạng bảng tin (news-board) do nhà sáng lập viết ra như một nhu cầu
giải trí trong mạng máy tính (Intranet) của trường đại học Antwerp, nơi anh học.
Drupal được biết tới và sử dụng tại Mỹ, Châu Á và Châu Âu bắt đầu từ phiên bản
4 và nổi tiếng thật sự từ bản Drupal 6. Năm 2011, Drupal 7 ra đời và thực sự đánh dấu là
bước ngoặt của Drupal khi đã tiến hành tích hợp hàng loạt những mô-đun quan trọng vào
nhân và hỗ trợ rất nhiều công nghệ web mới, hiện đại, bao gồm HTML 5, CSS 3, và
JQuery / JQuery UI.v.v. được cộng đồng phát triển web mã nguồn mở nồng nhiệt chào
đón và đánh giá rất cao.So với những CMS cũng khá nổi tiếng khác như Joomla hoặc
Wordpress, Drupal ra đời sau nhưng lại có tốc độ phát triển vượt bậc và từ bản 7 trở đi đã
vượt qua các đối thủ của mình để trở thành CMS mạnh mẽ và có sức ảnh hướng lớn trên
toàn thế giới.
2.1.1.5. Ưu điểm và nhược điểm của Drupal.
2.1.1.5.1. Ưu điểm.
- Nền tảng mạnh mẽ, ổn định, mã nguồn được tối ưu nâng cao hiệu suất hoạt động giúp tiết
kiệm nguyên của hệ thống . Là nền tảng vững chắc cho các website có lượng truy cập lớn
như BBC England, MTV …Một trang báo công nghệ sử dụng Drupal khá thành công là
trang Thông tin Công nghệ .
- Cấu trúc linh hoạt giúp các lập trình viên mở rộng chức năng không hạn chế theo nhu cầu
sử dụng .
11
- Drupal cực kỳ thân thiện với công cụ tìm kiếm, đó là một lợi thế rất lớn khi SEO luôn là
một vấn đề được quan tâm đối với bất kỳ trang web nào .

Tính năng Multiple giúp có nhiều website với một lần cài đặt Drupal . Giúp bạn điều
khiển và quản lý dễ dàng hơn.
- Drupal chạy được cả trên server Linux và Windows trong khi Jooma chỉ chạy tốt trên
server Linux .
2.1.1.5.2. Nhược điểm.
- Drupal được đánh giá là khó sử dụng với người dùng mới.
- Drupal có ít các thành phần mở rộng. Mỗi khi có phiên bản Drupal mới phải chờ các
nhà cung cấp nâng cấp extensions của họ để tương thích .
- Cách bố trí của website Drupal khiến người mới sử dụng khó tìm kiếm và đánh giá
nên dùng phần mở rộng nào .
2.1.1.6. Kiến trúc của Drupal
Drupal được viết bằng ngôn ngữ PHP và sử dụng hệ cơ sở dữ liệu quan hệ để lưu
trữ (thường là mysql). Tuy nhiên Drupal không sử dụng hướng đối tượng mà sử dụng
theo kiểu lập trình thủ tục truyền thống. Nhìn một cách tổng quan thì Drupal vẫn áp
dụng những nguyên lý của lập trình hướng đối tượng như tính đóng gói, kế thừa, đa
hình…
12
Hình 2.1. Kiến trúc cơ bản của Drupal.
2.1.1.7. Các tính năng chung.
2. Collaborative Book: Cho phép thiết lập một “quyển sách” và sau đó cho phép các cá nhân
đóng góp nội dung.
3. Modules: cho phép mở rộng các tính năng vào nhân Drupal.
4. Online help (Hỗ trợ trực tuyến): Trợ giúp này được Drupal phát triển khá tốt.
5. Role based permission system (Hệ thống phân quyền): Phân quyền cho vai trò và sau đó
nhóm những người sử dụng tương đồng vào một nhóm vai trò.
6. Searching (Tìm kiếm): tất cả các nội dung trong Drupal được lập chỉ mục đầy đủ và có
thể tìm kiếm nếu ta biết cách tận dụng lợi thế của việc xây dựng module tìm kiếm.
7. Use management (Quản lý thành viên)
- Content management (Quản lý nội dung)
- Administration and analysis (Quản lý và phân tích)

- Community features (Các tính năng cộng đồng)
2.1.2. Các khái niệm cơ bản trong Drupal
2.1.1.1. Core (Nhân)
Một framework đơn giản tạo nên nhân Drupal. Đây là những gì nhận được khi tải
Drupal về từ drupal.org. Nhân chịu trách nhiệm cung cấp các chức năng cơ bản sẽ được
sử dụng để hỗ trợ các bộ phận khác của hệ thống.
Nhân bao gồm code cho phép hệ thống Drupal khởi động khi nó nhận được một yêu
cầu, một thư viện các chức năng phổ biến thường xuyên được sử dụng với Drupal, và các
module cung cấp các chức năng cơ bản như quản lý người dùng, phân loại và templating
như thể hiện trong hình dưới đây:
13
Hình 2.2. Tổng quan về nhân Drupal.
2.1.1.2. Module
Module là một bộ gồm các đoạn mã PHP, các file hỗ trợ sử dụng API và kiến
trúc của Drupal tích hợp các thành phần mới vào trong framework của Drupal. Cơ
chế module của Drupal được thiết kế để cung cấp một cách thức đồng nhất giúp
người phát triển mở rộng khả năng của hệ thống. Những file tạo nên module được
gộp vào một ví trí nhất định trong cấu trúc thư mục của Drupal. Khi Drupal cần
thông tin về module nào đó, nó sẽ tìm trong những thư mục này. Mỗi module nằm ở
một thư mục riêng và có ít nhất là 2 file - một file cung cấp thông tin về module và
một hay nhiều file khác chứa mã PHP thực hiện chức năng của module đó. Để một
module sử dụng được thì nó phải được bật bởi người quản trị trang web. Drupal sẽ
chuyển các yêu cầu của người dùng đến module đó nếu cần thiết.
2.1.1.3. Node
Node là một khái niệm dùng để biểu thị nội dung của văn bản. Tuy nhiên với
kiến trúc và khả năng tùy biến của drupal người lập trình có thể tạo ra các module mở
rộng những khả năng trình bày của bài viết trong drupal. Không chỉ là những dạng
văn bản thuần túy mà còn là hình ảnh, video, audio, …
Node gồm các thành phần chính:
- Định danh (Không trùng nhau).

- Một giá trị đặc trưng cho phiên bản (version).
- Thời gian khởi tạo.
- Dữ liệu meta như trạng thái văn bản, ngôn ngữ, bản dịch, …
- 2 phần là heading và contents.
Node là thành phần chính của drupal. Node cũng sử dụng rất nhiều API mà
chúng ta sẽ xem xét ở phần sau đó là không phải tất cả đều là node.
2.1.1.4. View
Không phải tất cả các site đều có views nhưng hầu hết là sử dụng module views bởi
vì nó cung cấp các công cụ tuyệt vời cho hiển thị website. Views cho phép lựa chọn danh
sách các node hoặc entity và hiển thị như là page, block, RSS feeds hoặc định dạng khác
14
nào đó. Views sử dụng chính trong việc cập nhật nội dung động và dựa trên kiểu nội
dung như là các tin tức hàng ngày và sắp xếp theo thời gian đăng bài.
2.1.1.5. Path
Path là thành phần sau địa chỉ gốc khi mà các bạn bấm vào các liên kết.
Ví dụ: với liên kết: thì path sẽ là: “node/19828″.
Drupal sẽ dựa vào path để hiển thị các nội dung ra màn hình.
2.1.1.6. Theme
Đối với một hệ quản trị nội dung (CMS) trên nền web, sức mạnh xử lý không
phải là tất cả, một hệ quản trị mềm mại, dễ thay đổi về giao diện sẽ rất tốt đối với
người sử dụng. Drupal cung cấp cho chúng ta một hệ thống giao diện mạnh mẽ để
phục vụ mục đích này. Giao diện bao gồm một bộ tài nguyên bao gồm các mẫu PHP,
CSS, Javascript và hình ảnh, tạo nên bố cục và cách trình bày cho nội dung trong
Drupal. Một giao diện đơn giản có thể được tạo ra bởi một vài file - một file định
nghĩa cách trình bày, một file thông tin về giao diện và một vài hình ảnh. Bằng cách
sử dụng mẫu có sẵn của Drupal, người phát triển có thể tạo ra một giao diện tùy chỉnh
mà không tốn nhiều thời gian.
2.1.1.7. Menus
Trong Drupal 7 có 4 loại menu chuẩn:
Main menu được xây dựng bởi các quản trị viên trang web và được hiển thị một

cách tự động trong page header.
Management là menu quản trị viên và được hiển thị trên thanh Admin toolbar.
Navigation là menu thường được dùng để chứa các liên kết được áp dụng cho các
module trên website
User là menu chứa các liên kết tới tài khoản User và liên kết logout.
Tuy nhiên các cũng có thể tự tạo riêng cho website menu và hiển thị menu bằng
cách thêm chúng vào các block.
2.1.2. Cách cài đặt Drupal.
15
Drupal 7 là phiên bản đánh dấu bước ngoặt lớn của Drupal. Sau đây là hướng dẫn cài đặt
Drupal 7.
2.1.2.1. Tạo localhost bằng Xammp.
Localhost được hiểu như là một hosting hoạt động ngay trên máy tính, với địa chỉ IP
mặc định là 127.0.0.1 và tên miền của nó là http://localhost/. Localhost được người quản
trị website sử dụng vào việc thiết kế website và kiểm tra code trước khi đưa vào hoạt
động trên hosting. Hiện nay có nhiều phần mềm tạo localhost, trong khóa luận này sẽ sử
dụng localhost là Xammp.
Đầu tiên, tải phần mềm XAMPP từ trang chủ Apachefriends. Tại trang chủ của
XAMPP, bấm vào liên kết XAMPP trên thanh menu, rồi chọn phiên bản XAMPP phù hợp
với hệ điều hành. Đối với hệ điều hành Windows, bấm vào liên kết XAMPP for
Windows rồi kéo thanh cuộn của trình duyệt đến khung XAMPP for Windows 1.7.4,
26.1.2011 và bấm vào một trong ba định dạng (exe, zip, 7z) để tải về.
Sau khi cài đặt xong, sẽ nhìn thấy biểu tượng của chương trình chạy ở khay hệ thống
và cửa sổ quản lý ứng dụng XAMPP Control Panel Application. Thư mục cài đặt mặc
định của phần mềm là C:\xampp, với C: là ổ đĩa chứa hệ điều hành, thư mục gốc của
localhost là htdocs (C:\xampp\htdocs), nơi đặt mã nguồn Drupal. Thư mục gốc này hoàn
toàn có thể thay đổi thành một tên khác nhưng việc thay đổi khá phức tạp và gây ra lỗi
trong lúc chạy XAMPP khi thao tác thay đổi không chính xác.
Hình 2.3. Giao diện Xammp sau khi cài đặt.
16

2.1.2.2. Tạo cơ sở dữ liệu
Trong quá trình cài đặt Drupal 7 sẽ đòi hỏi các thông số liên quan đến cơ sở dữ liệu
(Database). Do đó, cần phải tạo ra tên cơ sở dữ liệu trong cửa sổ quản lý phpMyAdmin.
Để thực hiện, nhập vào thanh Address của trình duyệt địa chỉ
http://localhost/phpmyadmin.
Hình 2.4. Tạo cơ sở dữ liệu
Trong trang hiện ra, nhập tên cơ sở dữ liệu vào ô bên dưới dòng chữ Create new
database (ví dụ nhập drupal, tên cơ sở dữ liệu này được sử dụng cho cả bài viết), nhấn
nút Create. Lưu ý, cần ghi nhớ tên cơ sở dữ liệu đã tạo để khai báo trong quá trình cài đặt
Drupal. Hoàn toàn khác với Appserv, thay vì bạn tự quy định mật khẩu đăng nhập cơ sở
dữ liệu thì XAMPP sẽ cung cấp luôn thông số: database user: root, password: (không có).
2.1.2.3. Cài đặt Drupal
Drupal 7 được cung cấp miễn phí tại trang chủ . Tại trang chủ, bấm
vào liên kết Get Start with Drupal để chuyển đến trang tải về Drupal 7.2.
17
Hình 2.5. Cài đặt Drupal - bước 1
Sau khi tải về, giải nén rồi sao chép thư mục drupal-7.2 vào thư mục gốc htdocs của
localhost (C:\xampp\htdocs), rồi đổi tên thư mục này lại theo ý thích, chẳng
hạn: news (tên thư mục này được sử dụng cho cả bài viết).
Khởi động trình duyệt rồi nhập vào thanh địa chỉ đường dẫn
http://localhost/news/install.php(hoặc http://localhost/news/). Quá trình cài đặt Drupal
phải trải qua 7 bước. Trong bước đầu tiên Choose profile, có hai lựa
chọn Standard và Minimal. Nên chọn kiểu cài đặt Standard vì nó cài đặt đầy đủ những
tính năng cần thiết cho việc quản lý website, còn kiểu cài đặt Minimal chỉ kích hoạt một
số tính năng, bấm Save and continue để tiếp tục.
Hình 2.6.Cài đặt Drupal – bước 2
18
Đến bước Choose language, mặc định chỉ có duy nhất ô chọn English (built-in). Nếu
muốn thêm gói ngôn ngữ khác (ví dụ Tiếng Việt) thì bấm vào liên kết Learn how to install
Drupal in other languages để được hướng dẫn cụ thể. Nhưng để thuận tiện cho việc cài

đặt Module sau này thì nên chọn ngôn ngữ English. Khi đã hoàn tất các bước thiết kế thì
mới chuyển giao diện về ngôn ngữ Tiếng Việt. Bấm Save and continue để chuyển sang
bước tiếp theo.
Hình 2.7. Cài đặt Drupal – bước 3
Bước Verify requirements không cần thiết khi cài đặt trên localhost. Nên tiến trình
cài đặt tiếp tục chuyển qua bước Set up database. Trong bước này, giữ mặc định ở
mục Database type, nhập tên cơ sở dữ liệu vào ô Database name (ví dụ như drupal đã khai
báo trong phần 1.3.2), nhập root vào ô Database username, để trống ở ô Database
password. Riêng đối với mục Advanced Options, bạn có thể thêm tiền tố vào trước các
tên bảng trong cơ sở dữ liệu, ví dụ như drupal_, rồi bấm Save and continue.
Khi bước Install profile hoàn tất thì tiến hành khai báo các thông tin liên quan đến
website cần tạo, như Site name - tên website, Site email address - địa chỉ email nhận
thông tin về tình trạng website, Username - tên tài khoản quản trị, Password và Confirm
password - mật khẩu.
Ngoài ra còn có một số thiết lập khác: Default country- chọn quốc gia, Default time
zone- chọn múi giờ mặc định, Check for updates automatically- kiểm tra cập nhật tự
động, Receive e-mail notifications- nhận thông báo qua email, xong bấm Save and
19
continue. Đến bước Finished, quá trình cài đặt đã hoàn tất, bấm vào liên kết Visit your
new site để vào trang chủ của website.
2.1.3. Hệ thống module của drupal
2.1.3.1. Các module hệ thống.
- Aggregator: Aggregator có khả năng lấy tin RSS từ các website khác, lưu lại trong CSDL,
rồi trình bày ra giao diện người dùng. Các nguồn tin RSS có thể được phân mục theo
“Category”.
- Block: Block(danh từ) là một phần trong Drupal, mỗi block là một nội dung bao gồm các
thuộc tính.
- Comment: Khi xem một trang nội dung (node, một blog entry, article…) người xem có
thể gửi ý kiến phản hồi của mình. Module này rất cần cho website cần tương tác từ phía
người dùng.

- Forum: Tạo diễn đàn thảo luận cho website
- Contact: Người dùng có thể gửi mail cho người quản lý website hay cho một thành viên
nào đó của website nhờ chức năng mà module này cung cấp.
- BlogAPI: Khi người dùng website của bạn dùng một công cụ nào đó để tạo một blog
entry từ xa (giả sử qua Google Docs). BlogAPI sẽ đứng ra đảm nhận vai trò trung gian.
2.1.3.2. Các module đóng gói quan trọng.
- CCK( Content Construction Kit): CCK giúp mở rộng kiểu nội dung mà không cần code
- Views: Views là một bộ lọc có vai trò lọc và trình bày nội dung.
- Panel: Panels giúp chia nhỏ phần nội dung thành các vùng nhỏ hơn.
2.1.3.3. Cách cài đặt một module cho drupal.
Bước 1: Tải module cần sử dụng về tại trang . Sau khi vào trang
chủ tìm đến thư mục Module
Bước 2: Giải nén file và copy vào thư mục cài đặt drupal C://xammp/htdocs/drupal/
sites\all\modules\.
Bước 3: Vào trình duyệt gõ địa chỉ http://locahost/drupal. Sau khi trang hiện ra, vào
menu Module trên thanh quản trị. Chọn tới module vừa tạo rồi chọn “ON”
2.1.4. Hệ thống giao diện (Theme).
Sau khi cài đặt xong, giao diện của Drupal 7 rất đơn giản. Có thể thiết kế lại giao
diện website theo ý muốn của mình nếu am hiểu cách lập trình. Hoặc có thể cài đặt một số
20
mẫu giao diện có sẵn của Drupal. Để cài đặt giao diện có sẵn của Drupal, thực hiện như
sau:
Bước 1: Tải theme cần sử dụng về tại trang . Sau khi vào trang chủ
tìm đến thư mục Theme
Bước 2: Giải nén file và copy vào thư mục cài đặt drupal C://xammp/htdocs/drupal/
sites\all\theme\.
Bước 3: Vào trình duyệt gõ địa chỉ http://locahost/drupal. Sau khi trang hiện ra,
click vào menu Appearance. Tại đây hiển thị tất cả các theme có sẵn của website. Lựa
chọn theme muốn cài đặt. Rồi click Settings.
2.2. Phân tích, đánh giá thực trạng website của trung

tâm ứng dụng công nghệ thông tin (Viện CNTT- Đại học quốc gia HN).
2.2.1. Giới thiệu 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) và website của trung tâm.
2.2.1.1. Giới thiệu trung tâm.
Tên đơn vị: Trung tâm ứng dụng Công nghệ thông tin.
Địa chỉ: nhà E3- 144 đường Xuân Thủy - Quận Cầu Giấy - Hà Nội.
Điện thoại: 04.85875911.
Fax 04.37548502
Số điện thoại gửi tin nhắn từ Trung tâm đến người dùng: 0199 226 1111.
Email: , website: .
Trung tâm được thành lập tháng 6/2010 trên cơ sở sáp nhập ba Trung tâm: Trung
tâm Quản trị mạng thuộc Viện Công nghệ Thông tin, Trung tâm Nghiên cứu và Phát triển
Công nghệ Phần mềm thuộc Trường Đại học Công nghệ và Trung tâm Tích hợp Dữ liệu
thuộc Văn phòng Đại học Quốc gia Hà Nội.
Sứ mệnh của Trung tâm là đảm bảo kỹ thuật cho hoạt động tin học hóa tại
ĐHQGHN, nhằm xây dựng ĐHQGHN trở thành một đại học số hóa.
Trung tâm có các nhiệm vụ sau đây:
- Nhiệm vụ tham mưu, tư vấn
- Tổ chức khảo sát để nắm hiện trạng và nhu cầu thực tiễn của các đơn vị trong ĐHQGHN
về ứng dụng Công nghệ thông tin (CNTT), tư vấn cho lãnh đạo ĐHQGHN về phát triển
21
ứng dụng CNTT, xây dựng các tiêu chuẩn chung về phần cứng, phần mềm ứng dụng và
quy chế tổ chức sử dụng khai thác tài nguyên CNTT ở ĐHQGHN, trình Giám đốc ban
hành.
- Tổ chức xây dựng chiến lược, kế hoạch phát triển hạ tầng CNTT (hệ thống mạng và phần
mềm ứng dụng) của ĐHQGHN và các đơn vị trực thuộc ĐHQGHN, trình Giám đốc phê
duyệt.
- Nhiệm vụ quản lý, cung cấp dịch vụ CNTT trong và ngoài ĐHQGHN:
- Xây dựng cơ sở dữ liệu tích hợp phục vụ công tác quản lý, đào tạo, nghiên cứu khoa học
và các hoạt động khác của ĐHQGHN.

- Tổ chức quản lý, giám sát cơ sở hạ tầng phần cứng, phần mềm, đảm bảo hoạt động thông
suốt của toàn bộ hệ thống và thông báo hiện trạng hoạt động của hệ thống, đảm bảo được
an toàn, an ninh của hệ thống, hướng dẫn người dùng khai thác tốt tài nguyên hệ thống.
- Nghiên cứu công nghệ mạng, nâng cao chất lượng dịch vụ mạng VNUnet đáp
ứng yêu cầu ứn
g dụng CNTT của ĐHQGHN.
- Hỗ trợ các mạng nội bộ của các đơn vị trực thuộc về kỹ thuật và quản trị.
- Là đầu mối kết nối thông tin trong hệ thống thông tin quản lý hành chính Nhà
nước của ĐHQGHN.
- Nghiên cứu khoa học, chuyển giao công nghệ, tư vấn, đào tạo - bồi dưỡng kỹ năng, nghề
nghiệp và phát triển các ứng dụng CNTT cho các tổ chức, cá nhân trong và ngoài
ĐHQGHN nhằm đáp ứng nhu cầu thực tiễn về ứng dụng CNTT.
2.2.1.2. Giới thiệu website của trung tâm.
Website được hoạt động với tên miền Được xây dựng
và đi vào hoạt động từ năm 2010 gắn với sự thành lập và phát triển của trung tâm cho tới
nay. Kể từ khi đi vào hoạt động, website đã mang lại nhiều giá trị thông tin cho người
dùng. Hơn nữa nó giúp trung tâm quảng bá được hình ảnh, giúp trung tâm giới thiệu sản
phẩm của mình một cách đơn giản và thuận tiện hơn rất nhiều.
Website hoạt động với các chức năng như: giới thiệu các thông tin về trung tâm, cập
nhật những tin tức mới, giới thiệu những thông tin về sản phẩm phần mềm, các giải pháp,
thông tin về văn hóa, nội bộ của trung tâm, thông tin liên hệ với trung tâm.
Webisite được xây dựng dựa trên nền tảng mã nguồn mở Drupal.
22
2.2.2. Phân tích website của trung tâm.
2.2.2.1. Giao diện chính của website.
Website được sử dụng theme sẵn có của Drupal là theme Danland, dựa vào theme này
để phát triển thêm.
Hình 2.8. Theme website của trung tâm
23
Hình 2.9.Giao diện chính của website

Giao diện chính của website được chia ra làm 4 phần: Header, Banner, Content,
Footer.
- Header: giới thiệu tên trung tâm bằng tiếng việt và tiếng anh, cập nhật logo của trung
tâm .
- Banner: Giới thiệu hình ảnh một số giải thưởng nổi bật của trung tâm, câu slogan (khẩu
hiệu của trung tâm), và thanh menu chức năng của website.
- Content: Vùng này được chia làm 4 cột là 4 view về thông tin tiêu điểm của các chuyên
mục tin tức, giải pháp, sản phẩm, thông báo
- Footer: cập nhật thông tin liên hệ với trung tâm bao gồm: tên trung tâm, địa chỉ, số điện
thoại, fax và gmail của trung tâm.
2.2.2.2. Giao diện trang con của website.
24
Hình 2.10.Giao diện tổng quan trang con của website.
Giao diện con của website có cấu trúc như hình bên trên bao gồm 4 phần: Header,
slidebar, content, footer.
- Header: Giới thiệu tên trung tâm bằng tiếng việt và tiếng anh, cập nhật logo của trung tâm
và chứa các thanh menu của website.
- Slidebar: Các chuyên mục của website như tin tức, dịch vụ trực tuyến, hỗ trợ kĩ thuật, liên
kết một số website khác có liên quan, các đơn vị trực thuộc đại học quốc gia.
- Content: Đây là vùng hiển thị nội dung của website.
- Footer: Cập nhật thông tin liên hệ với trung tâm bao gồm: tên trung tâm, địa chỉ, số điện
thoại, fax và gmail của trung tâm.
Hình ảnh ví dụ chi tiết cho một trang con của website.
25