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
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 http://www.cait.vnu.edu.vn/. 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
Website http://www.cait.vnu.edu.vn/ 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 http://www.cait.vnu.edu.vn/ 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 http://www.cait.vnu.edu.vn/ 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).
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 .
- 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).
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
đặ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.
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: [email protected], website: http://cait.vnu.edu.vn.
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.
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
Copyright: Tài liệu đại học ©