TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI
VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG


BÁO CÁO
MÔN HỌC
NHẬP MÔN CÔNG NGHỆ THÔNG TIN









HÀ NỘI 12-2011

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla




Phát triển WEBSITE với Joomla

Nhóm sinh viên thực hiện: Nhóm 02
Kim Đình Sơn
Nguyễn Hữu Trung
Nguyễn Tường Quân
Nguyễn Xuân Trường
Nguyễn Thế Linh
Trần Xuân Phong
CNTT&TT 4
CNTT&TT 4
CNTT&TT 4
CNTT&TT 4
CNTT&TT 4
CNTT&TT 4
MSSV 20102089
MSSV 20102767
MSSV 20102044
MSSV 20102400
MSSV 20101778
MSSV 20101986

Giảng viên hướng dẫn: TS. Phạm Huy Hoàng

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v

ớ
i Joomla


Lời cảm ơn!

Trong quá trình hoàn thành bản báo cáo này, nhóm thực hiện được
sự giúp đỡ rất lớn từ thầy giáo Phạm Ngọc Hưng- hướng dẫn nhóm
thực hành môn học, đặc biệt là sự giúp đỡ về kiến thức WEB và
trình bày . Ngoài ra, nhóm cũng cảm ơn tới thầy Phạm Huy
Hoàng- giảng viên dạy lý thuyết đã góp ý về nội dung, bố cục cho
bản báo cáo thêm hoàn thiện.



















Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


Lời giới thiệu

Mục đích của nhóm là tạo 1 Website giới thiệu sách. Với kiến thức được học ban
đầu, HTML là ngôn ngữ được nghĩ đến đầu tiên. Tuy nhiên, khi bắt đầu thực
hiện, nhiều vấn đề đã phát sinh:
- HTML đòi hỏi người dùng phải tốn thời gian viết code, xử lí giao diện bằng
CSS.
- Việc update sách cũng rất khó khăn, mỗi lần cập nhật đều phải code lại
- Việc phân quyền cho nhiều người quản lí trang khá bất cập
-Khả năng tương tác của bạn đọc cho web yếu (khó xây dựng các form comment)
…
 Yêu cầu đòi hỏi cần phải tìm 1 giải pháp cho những vấn đề trên
Qua tìm hiểu trên mạng, nhóm đã quyết định sử dụng 1 hệ quản trị nội
dung mã nguồn mở để xây dựng web, tuy nhiên khá nhiều lựa chọn đã được đặt
ra:
- Wordpress: chuyên về mảng blog
- Drupal: Không thân thiện với người dùng, khó sử dụng
- Nuke Viet: Các module, template không đa dạng
…
- Joomla: 1 hệ quản trị rất phổ biến, giao diện thân thiện, dễ sử dụng, các
module đi kèm rất đa dạng. Và đây là sự lựa chọn của nhóm.
















Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


Mục lục
Bìa

i

T

ự
a đ
ề

ii

L
ờ
i c
ả
m ơn

iii

L
ờ
i gi
ớ
i thi
ệ
u

iv

1
.

N
ộ
i dung

……………………………………………………………………….

1


1.1.

Bư
ớ
c đ
ầ
u làm quen v
ớ
i joomla!

.


1



1.1.1)

Cài đ
ặ
t
…………………………………………………………………….

1




1.1.2)

Tìm hi
ể
u v
ề

joomla và thi
ế
t k
ế

website
………………………

3


1.2

B
ắ
t đ
ầ
u xây d
ự
ng, thi

ế
t k
ế

WEBSITE
……………………………………

4



1.2.1.

Xây d
ự
ng phân khung cho website
………………………………

5



1.2.2.

Cài đ
ặ
t ti
ệ
n ích
…………………………………………………………


6

2.

Xây d
ự
ng và hoàn thi
ệ
n Web BK Book
…
…………………………

8


2.1.

Phát tri
ể
n n
ộ
i dung cho website
…………………………………………….

8


2.2.


Qu
ả
n lý Website
………………………………………………………………….

12



2.2.1.

Phân quy
ề
n ngư
ờ
i dùng
……………………………………………

12



2.2.2.

B
ả
o m
ậ
t
…………………………………………………………………


12




2.2.2.1.

Sao lưu d
ữ

li
ệ
u
…………………………………………….

12




2.2.2.2.

C
ậ
p nh
ậ
t Joomla
!




13




2.2.2.3.

Lưu
ý các thành ph
ầ
n m
ở

r
ộ
ng
………………………

13




2.2.2.4.

Thiết lập quyền truy cập cho các Folder và File

13


K
ế
t lu
ậ
n

14

Tham kh
ả
o

15


1

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


1. Nội dung

1.1. Bước đầu làm quen với Joomla

Joomla là một hệ quản trị nội dung mã nguồn mở. Joomla được viết bằng ngôn
ngữ PHP và kết nối tới cơ sở dữ liệu MySQL, cho phép người sử dụng có thể dễ
dàng xuất bản các nội dung của họ lên Internet hoặc Intranet.
Joomla có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc
độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin
nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm trong site và hỗ trợ đa ngôn
ngữ.
Joomla được phát âm theo tiếng Swahili như là jumla nghĩa là "đồng tâm
hiệp lực".
Joomla được sử dụng ở khắp mọi nơi trên thế giới, từ những website cá
nhân cho tới những hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp
nhiều dịch vụ và ứng dụng. Joomla có thể dễ dàng cài đặt, dễ dàng quản lý và có
độ tin cậy cao.
Joomla có mã nguồn mở do đó việc sử dụng Joomla là hoàn toàn miễn phí
cho tất cả mọi người trên thế giới
1
Khó khăn đầu tiên: các thành viên của nhóm chưa từng sử dụng qua
Joomla, đặt ra yêu cầu có 1 thời gian tìm hiểu về Joomla một cách khái quát.

Upload dữ liệu lên host cũng là 1 vấn đề, việc cài đặt, bổ sung các tiện ích
rất dễ xảy ra lỗi vì thế nhóm quyết định sử dụng localhost để test thử trang web,
và công cụ được lựa chọn là WampServer.

1) Cài đặt
 Cài và khởi động wampserver
 Copy thư mục Joomla vào thư mục www trong thư mục cài
wamp


1

Theo


2

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla

 Joomla dùng để tạo web động, do đó yêu cầu phải khởi tạo
cơ sở dữ liệu, wamp hỗ trợ chúng ta điều này. Trong thanh
địa chỉ trình duyệt nhập vào localhost/phpadmin
Trong tab Database, chúng ta tạo CSDL new

Figure 1.
 Bắt đầu quá trình cài chính, trên thanh địa chỉ nhập vào
localhost, trong phần Your Project, chọn bộ cài mà vừa copy
vào thư mục www

Figure 2.
Next lần lượt qua các bước, chú ý ở bước cấu hình database

Figure 3.

3


Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla

Ở localhost Username là root, Password bỏ trống, còn
database là tên CSDL đã đặt.

Bước cuối cùng là xóa bỏ thư mục Installation trong thư mục
cài joomla để hoàn tất.

2) Tìm hiểu joomla và thiết kế website
Việc cài đặt joomla đã hoàn tất, website sau khi khởi tạo có dạng
sau:

Figure 4.

Công việc tìm hiểu cách sử dụng joomla cho những người mới bắt
đầu thực sự là 1 vấn đề hết sức khó khăn, tuy việc bố trí giao diện
quản trị dạng đồ họa khá thân thiện nhưng các công cụ lại nhiều
gây bối rối cho những ai chưa quen và đây chính là khó khăn đầu
tiên mà nhóm gặp phải


4

Báo cáo Nhậ

p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


Figure 5. Giao diện đăng nhập

Figure 6. Giao diện trang quản trị

1.2. Bắt đầu xây dựng, thiết kế WEBSITE
Hệ thống quản trị của Joomla hỗ trợ người dùng rất nhiều công việc:

- Viết và quản lí bài viết
- Tạo các thư mục/Menu lớn
- Quản lí các tệp tin đa phương tiện
- Phân quyền người sử dụng, đây thực sự là 1 điểm mạnh
- Tùy biến ngôn ngữ sử dụng
- Và điểm đặc biệt nhất ở Joomla là việc hỗ trợ các thành phần mở rộng
Module/component/template


5

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể

n Website v
ớ
i Joomla

Joomla có 1 kho dữ liệu đồ sộ các giao diện( Template), các hiệu ứng, tiện
ích cho web do hàng triệu người sử dụng trên khắp thế giới đóng góp. Vì thế,
thay vì phải ngồi code để cho ra những sản phẩm của mình, chúng ta có thể sử
dụng lại những sản phẩm mà cộng đồng đóng góp, sau đó phát triển thêm theo
nhu cầu sử dụng của mình.

1.2.1. Xây dựng phần khung cho website
Trong đề tài này, nhóm tập trung vào việc phát triển 1 website giới thiệu các
cuốn sách, nhận thức được việc tự phát triển 1 giao diện riêng cho web sẽ tốn rất
nhiều thời gian và công sức, nhóm đi đến quyết định sử dụng 1 giao diện mẫu
trên mạng.

Việc tìm kiếm cũng mất khá nhiều thời gian, số lượng giao diện rất lớn,
nhưng phải đáp ứng được 3 yêu cầu: đẹp, miễn phí, và đúng nội dung
website giới thiệu sách.

Cuối cùng thì cũng tìm được 1 cái khá ưng ý, và bắt đầu cài đặt:

Figure 7. Giao diện cài đặt 1 thành phần mở rộng

Vấn đề lại phát sinh với giao diện mới này, các layout mặc định bị sắp
xếp rất lộn xộn và trông không giống như bản demo của giao diện. Tình huống
này bắt buộc phải chỉnh lại vị trí các layout cho đúng với bản thiết kế.

Sử dụng sơ đồ layout đi kèm



6

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


Figure 8. Sơ đồ layout
1.2.2. Cài đặt tiện ích
Việc tiếp theo là cài đặt các tiện ích mở rộng, phần user3 mục đích là tạo
1 hiệu ứng chuyển động giới thiệu các đầu sách. Vì thế phải tìm thêm 1 module
hỗ trợ hiệu ứng này

Google search cho ta rất nhiều kết quả
- Việc cài đặt module cũng giống như cài đặt giao diện ở trên
- Thiết lập các thuộc tính cho mudule

7

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ

i Joomla


Figure 9.

- Và kết quả:

Figure 10.








8

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


2. Xây dựng và hoàn thiện Web BK Book

2.1. Phát triển nội dung cho website:

Sau khi đã có 1 phần khung cho web, công việc tiếp theo là hoàn thiện nội dung.

Bố cục của website:



Thêm 1 menu:



Website


Trang chủ


Tin tức

Đầu sách

Ebook

Liên hệ

9

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể

n Website v
ớ
i Joomla



Figure 11.

Và menu hoàn thiện:


Website đã xong cơ bản về mặt bố cục, vấn đề còn lại chỉ là thêm các bài
viết vào để đầy đủ nội dung cho 1 trang.

Sử dụng chức năng Add New Article để đăng bài

Figure 12.

10

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


Để có thể quản lí bài viết 1 cách khoa học, việc sắp xếp theo từng chủ đề

là cần thiết, Joomla cho phép làm điều này qua việc quản lí chủ đề (Category)

Ngoài ra 1 số tính năng khác cũng được hỗ trợ như tạo banner quảng
cáo, feeds, weblinks… tuy nhiên trong khuôn khổ bản báo cáo này không trình
bày vào những vấn đề đó.

Và đây là website sau khi chỉnh sửa khá hoàn thiện:

11

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla



12

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla



2.2. Quản lý website
2.2.1. Phân quyền người dùng:
Một vấn đề đặt ra khi làm web, đó là làm sao để có thể có nhiều người cùng
tham gia post bài, nhưng lại không được quyền tác động đến hệ thống như quản
trị, và phân cấp các nhóm người dùng thế nào, …?

Như đã trình bày ở đầu, khả năng phân quyền người dùng chính là 1
trong những lí do mà nhóm chọn joomla, hệ quản trị này cho phép administrator
thiết lập các quyền hạn đối với các quản trị web thông qua cơ chế Nhóm người
dùng, Quyền của mỗi người dùng, Cấp bậc truy cập:

Figure 13.

2.2.2. Bảo mật
Công việc bảo mật cho Website là rất quan trọng để tránh các Hacker có thể
xâm nhập, phá hoại hoặc lấy cắp các thông tin quan trọng, thông thường việc
này đòi hỏi người Quản trị phải có kiến thức và khả năng mới có thể thực hiện
được.
Cũng trong quá trình tìm hiểu về joomla, nhóm cũng đồng thời xem xét
mức độ bảo của hệ thống và tìm các giải pháp, chọn lựa phù hợp nhất cho
website của mình. Dưới đây là những gì nhóm tìm hiểu được về Joomla! Web
Securit.
2.2.2.1. Sao lưu dữ liệu
Đây là công việc cần phải làm thường xuyên, việc sao lưu( Backup) sẽ bao gồm
toàn bộ các File của Website và các dữ liệu trong Database. Trong trường hợp
Website bị tấn công và ngưng hoạt động thì chỉ cần phục hồi lại( Restore) các
File và dữ liệu đã được sao lưu là Website có thể hoạt động lại.
Việc sao lưu dữ liệu trong Database có thể được thực hiện bằng công cụ
phpMyAdmin có trong Control Panel của Hosting hoặc bất cứ công cụ Backup


13

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla

nào và toàn bộ các File của Website có thể được tải về máy tính cá nhân thông
qua các chương trình FTP.
2.2.2.2. Cập nhật Joomla!
Thường xuyên theo dõi và cập nhật kịp thời các bản sửa lỗi hoặc nâng cấp cho
Joomla! để khắc phục các lỗi bảo mật nếu có. Xem các thông báo về phiên bản
và cập nhật cho Joomla! tại trang Web
2.2.2.3. Lưu ý các thành phần mở rộng
Việc cài đặt thêm các thành phần mở rộng (Component, Module) có thể sẽ làm
ảnh hưởng đến bảo mật của Joomla! Thường xuyên theo dõi các thông báo về
bảo mật của các thành phần mở rộng tại trang Web Joomla! 3rd party
security Nếu phát hiện các thành phần mở rộng này có lỗi thì phải tiến hành cập
nhật bản sửa lỗi nếu có hoặc xóa bỏ khỏi Joomla!
2.2.2.4. Thiết lập quyền truy cập cho các Folder và File
 Việc thiết lập quyền truy cập (CHMOD) cho các Folder và File trong
Joomla! sẽ giúp ngăn chặn các truy xuất không hợp lệ vào các Folder và
File trên Website.
 Thiết lập quyền hạn CHMOD 755 cho các Folder (kể cả Folder bên
trong) và CHMOD 644 cho tất cả các File.
Ngăn liệt kê File trong Folder

 Đặt một File index.html trong tất cả các Folder của Website để ngăn
chặn việc liệt kê các File có trong các Folder đó, có thể tạo một File
html rổng hoặc copy File index.html có sẵn trong các Folder của Joomla!
Thiết lập "Register Globals Emulation"
 Thiết lập Register Globals Emulation bằng cách truy cập vào Global
Configuration  Chọn Tab  Register Globals Emulation  Off.
Ngoài ra có thể sử dụng thêm các công cụ bảo mật có trong Control Panel của
Hosting để tăng cường thêm mức độ bảo mật cho Website.




14

Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


Kết luận
Với tốc độ phát triển internet và Công nghệ thông tin như vũ bão như hiện nay,
việc đưa các ứng dụng thực tế đã trở thành một công việc tất yếu trong thời đại
“ số hóa công nghệ ”. Và ý tưởng Phát triển website với joomla! đã được
nhóm ứng dụng trong BK book với mục đích trao đổi, cung cấp kho tài liệu tri
thức, chia sẻ nguồn tài nguyên này nhằm giúp các bạn sinh viên, các thầy cô
quan tâm và độc giả. Lựa chọn joomla! tuy không phải là tối ưu nhất nhưng nó

lại phù hợp và mã nguồn mở nên dễ dàng khai thác cũng như phát triển hệ
thống. Mặc dù bài báo cáo còn trong khuôn khổ hạn hẹp và bản thân các thành
viên trong nhóm cũng chưa có kinh nghiệm về thời gian và kiến thức để hoàn
chỉnh ý tưởng của mình, nhưng đây cũng là động lực rất lớn để nhóm định hướng
phát triển trong tương lai. Mọi cố gắng của các thành viên đều được ghi nhận
qua “sản phẩm” của mình- BKbook.

Trong quá trình hoàn thiện báo cáo còn gặp nhiều sai sót, rất mong nhận
được sự đóng góp và cho ý kiến của thầy cô và bạn đọc về cả nội dung và hình
thức được hoàn chỉnh hơn. Vui lòng liên hệ qua địa chỉ sau:

Nhóm 02-BK book, CNTT&TT4, K55, viện SoICT, Đại học Bách Khoa Hà Nội
Email:
hoặc:














15


Báo cáo Nhậ
p môn CNTT&TT
Phát tri
ể
n Website v
ớ
i Joomla


Tham khảo


[1]

Unknown, Thiết kế Template joomla!, nguồn:

[2]

Michelle Bisson - Leader Documentation, Administrator joomla! Manual, 2006.
[3]

WallPearl,
Simple CSS,

2008.

[4]

/>-
free

-
joomla
-
templates/

[5]

/>-
lieu
-
hoc
-
joomla/42
-
customize
-
joomla
-
cms.html

[6]

/>ich
-
vu/lap
-
trinh
-
ung
-

dung
-
joomla.html

[7]

/>
Cùng nhi
ề
u ngu
ồ
n khác t
ừ

internet

do các thành viên trong nhóm cung c
ấ
p