TRNG I HC BCH KHOA H NI

VIN CNG NGH THNG TIN V TRUYN THNG

BO CO

MN HC
NHP MN CNG NGH THNG TIN

H NI 12-2011

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Pht trin WEBSITE vi Joomla

Nhm sinh vin thc hin: Nhm 02

Kim nh Sn

CNTT&TT 4

MSSV 20102089

Nguyn Hu Trung

CNTT&TT 4

MSSV 20102767

Nguyn Tng Qun

CNTT&TT 4

MSSV 20102044

Nguyn Xun Trng

CNTT&TT 4

MSSV 20102400

Nguyn Th Linh

CNTT&TT 4

MSSV 20101778

Trn Xun Phong

CNTT&TT 4

MSSV 20101986

Ging vin hng dn: TS. Phm Huy Hong

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Li cm n!
Trong qu trnh hon thnh bn bo co ny, nhm thc hin c
s gip rt ln t thy gio Phm Ngc Hng- hng dn nhm
thc hnh mn hc, c bit l s gip v kin thc WEB v
trnh by
. Ngoi ra, nhm cng cm n ti thy Phm Huy
Hong- ging vin dy l thuyt gp v ni dung, b cc cho
bn bo co thm hon thin.

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Li gii thiu
Mc ch ca nhm l to 1 Website gii thiu sch. Vi kin thc c hc ban
u, HTML l ngn ng c ngh n u tin. Tuy nhin, khi bt u thc
hin, nhiu vn pht sinh:
- HTML i hi ngi dng phi tn thi gian vit code, x l giao din bng
CSS.
- Vic update sch cng rt kh khn, mi ln cp nht u phi code li
- Vic phn quyn cho nhiu ngi qun l trang kh bt cp
-Kh nng tng tc ca bn c cho web yu (kh xy dng cc form comment)

Yu cu i hi cn phi tm 1 gii php cho nhng vn trn

Qua tm hiu trn mng, nhm quyt nh s dng 1 h qun tr ni
dung m ngun m xy dng web, tuy nhin kh nhiu la chn c t
ra:
- Wordpress: chuyn v mng blog
- Drupal: Khng thn thin vi ngi dng, kh s dng
- Nuke Viet: Cc module, template khng a dng

- Joomla: 1 h qun tr rt ph bin, giao din thn thin, d s dng, cc

module i km rt a dng. V y l s la chn ca nhm.

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Mc lc
Ba

Ta

ii

Li cm n

iii

Li gii thiu

iv

1.

Ni dung .

1.1.

Bc u lm quen vi joomla! ....................................................

1.1.1) Ci t.

1.1.2) Tm hiu v joomla v thit k website..

Bt u xy dng, thit k WEBSITE

1.2.1.

Xy dng phn khung cho website

1.2.2.

Ci t tin ch

Xy dng v hon thin Web BK Book..

2.1.

Pht trin ni dung cho website.

2.2.

Qun l Website.

12

2.2.1.

Phn quyn ngi dng..

12

2.2.2.

Bo mt..

12

2.2.2.1.

Sao lu d liu.

12

2.2.2.2.

Cp nht Joomla! ..............................................

13

2.2.2.3.

Lu cc thnh phn m rng

13

2.2.2.4.

Thit lp quyn truy cp cho cc Folder v File

13

1.2

2.

Kt lun

14

Tham kho

15

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

1.Ni dung
1.1. Bc u lm quen vi Joomla
Joomla l mt h qun tr ni dung m ngun m. Joomla c vit bng ngn
ng PHP v kt ni ti c s d liu MySQL, cho php ngi s dng c th d
dng xut bn cc ni dung ca h ln Internet hoc Intranet.
Joomla c cc c tnh c bn l: b m trang (page caching) tng tc
hin th, lp ch mc, c tin RSS (RSS feeds), trang dng in, bn tin
nhanh, blog, din n, bnh chn, lch biu, tm kim trong site v h tr a ngn
ng.
Joomla c pht m theo ting Swahili nh l jumla ngha l "ng tm
hip lc".
Joomla c s dng khp mi ni trn th gii, t nhng website c
nhn cho ti nhng h thng website doanh nghip c tnh phc tp cao, cung cp
nhiu dch v v ng dng. Joomla c th d dng ci t, d dng qun l v c
tin cy cao.
Joomla c m ngun m do vic s dng Joomla l hon ton min ph
cho tt c mi ngi trn th gii 1
Kh khn u tin: cc thnh vin ca nhm cha tng s dng qua
Joomla, t ra yu cu c 1 thi gian tm hiu v Joomla mt cch khi qut.
Upload d liu ln host cng l 1 vn , vic ci t, b sung cc tin ch
rt d xy ra li v th nhm quyt nh s dng localhost test th trang web,
v cng c c la chn l WampServer.
1) Ci t
Ci v khi ng wampserver
Copy th mc Joomla vo th mc www trong th mc ci
wamp

Theo http://en.wikipedia.org/wiki/Joomla

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Joomla dng to web ng, do yu cu phi khi to

c s d liu, wamp h tr chng ta iu ny. Trong thanh
a ch trnh duyt nhp vo localhost/phpadmin
Trong tab Database, chng ta to CSDL new

Figure 1.

Bt u qu trnh ci chnh, trn thanh a ch nhp vo

localhost, trong phn Your Project, chn b ci m va copy
vo th mc www

Figure 2.

Next ln lt qua cc bc, ch bc cu hnh database

Figure 3.

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

localhost Username l root, Password b trng, cn
database l tn CSDL t.
Bc cui cng l xa b th mc Installation trong th mc
ci joomla hon tt.
2) Tm hiu joomla v thit k website
Vic ci t joomla hon tt, website sau khi khi to c dng
sau:

Figure 4.

Cng vic tm hiu cch s dng joomla cho nhng ngi mi bt

u thc s l 1 vn ht sc kh khn, tuy vic b tr giao din
qun tr dng ha kh thn thin nhng cc cng c li nhiu
gy bi ri cho nhng ai cha quen v y chnh l kh khn u
tin m nhm gp phi

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Figure 5. Giao din ng nhp

Figure 6. Giao din trang qun tr

1.2. Bt u xy dng, thit k WEBSITE

H thng qun tr ca Joomla h tr ngi dng rt nhiu cng vic:
- Vit v qun l bi vit
- To cc th mc/Menu ln
- Qun l cc tp tin a phng tin
- Phn quyn ngi s dng, y thc s l 1 im mnh
- Ty bin ngn ng s dng
- V im c bit nht Joomla l vic h tr cc thnh phn m rng
Module/component/template

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Joomla c 1 kho d liu s cc giao din( Template), cc hiu ng, tin

ch cho web do hng triu ngi s dng trn khp th gii ng gp. V th,
thay v phi ngi code cho ra nhng sn phm ca mnh, chng ta c th s
dng li nhng sn phm m cng ng ng gp, sau pht trin thm theo
nhu cu s dng ca mnh.
1.2.1. Xy dng phn khung cho website
Trong ti ny, nhm tp trung vo vic pht trin 1 website gii thiu cc
cun sch, nhn thc c vic t pht trin 1 giao din ring cho web s tn rt
nhiu thi gian v cng sc, nhm i n quyt nh s dng 1 giao din mu
trn mng.
Vic tm kim cng mt kh nhiu thi gian, s lng giao din rt ln,
nhng phi p ng c 3 yu cu: p, min ph, v ng ni dung
website gii thiu sch.
Cui cng th cng tm c 1 ci kh ng , v bt u ci t:

Figure 7. Giao din ci t 1 thnh phn m rng

Vn li pht sinh vi giao din mi ny, cc layout mc nh b sp

xp rt ln xn v trng khng ging nh bn demo ca giao din. Tnh hung
ny bt buc phi chnh li v tr cc layout cho ng vi bn thit k.
S dng s layout i km

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Figure 8. S layout

1.2.2. Ci t tin ch
Vic tip theo l ci t cc tin ch m rng, phn user3 mc ch l to
1 hiu ng chuyn ng gii thiu cc u sch. V th phi tm thm 1 module
h tr hiu ng ny
Google search cho ta rt nhiu kt qu
- Vic ci t module cng ging nh ci t giao din trn
- Thit lp cc thuc tnh cho mudule

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Figure 9.

V kt qu:

Figure 10.

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

2.Xy dng v hon thin Web BK Book

2.1. Pht trin ni dung cho website:
Sau khi c 1 phn khung cho web, cng vic tip theo l hon thin ni dung.
B cc ca website:

Website

Trang ch

Tin tc

u sch

Thm 1 menu:

Ebook

Lin h

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Figure 11.

V menu hon thin:

Website xong c bn v mt b cc, vn cn li ch l thm cc bi

vit vo y ni dung cho 1 trang.
S dng chc nng Add New Article ng bi

Figure 12.

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

c th qun l bi vit 1 cch khoa hc, vic sp xp theo tng ch

l cn thit, Joomla cho php lm iu ny qua vic qun l ch (Category)

Ngoi ra 1 s tnh nng khc cng c h tr nh to banner qung

co, feeds, weblinks tuy nhin trong khun kh bn bo co ny khng trnh
by vo nhng vn .
V y l website sau khi chnh sa kh hon thin:

10

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

11

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

2.2. Qun l website

2.2.1. Phn quyn ngi dng:
Mt vn t ra khi lm web, l lm sao c th c nhiu ngi cng
tham gia post bi, nhng li khng c quyn tc ng n h thng nh qun
tr, v phn cp cc nhm ngi dng th no, ?
Nh trnh by u, kh nng phn quyn ngi dng chnh l 1
trong nhng l do m nhm chn joomla, h qun tr ny cho php administrator
thit lp cc quyn hn i vi cc qun tr web thng qua c ch Nhm ngi
dng, Quyn ca mi ngi dng, Cp bc truy cp:

Figure 13.

2.2.2. Bo mt
Cng vic bo mt cho Website l rt quan trng trnh cc Hacker c th
xm nhp, ph hoi hoc ly cp cc thng tin quan trng, thng thng vic
ny i hi ngi Qun tr phi c kin thc v kh nng mi c th thc hin
c.
Cng trong qu trnh tm hiu v joomla, nhm cng ng thi xem xt
mc bo ca h thng v tm cc gii php, chn la ph hp nht cho
website ca mnh. Di y l nhng g nhm tm hiu c v Joomla! Web

Securit.
2.2.2.1. Sao lu d liu
y l cng vic cn phi lm thng xuyn, vic sao lu( Backup) s bao gm
ton b cc File ca Website v cc d liu trong Database. Trong trng hp
Website b tn cng v ngng hot ng th ch cn phc hi li( Restore) cc
File v d liu c sao lu l Website c th hot ng li.
Vic sao lu d liu trong Database c th c thc hin bng cng c
phpMyAdmin c trong Control Panel ca Hosting hoc bt c cng c Backup

12

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

no v ton b cc File ca Website c th c ti v my tnh c nhn thng

qua cc chng trnh FTP.
2.2.2.2. Cp nht Joomla!
Thng xuyn theo di v cp nht kp thi cc bn sa li hoc nng cp cho
Joomla! khc phc cc li bo mt nu c. Xem cc thng bo v phin bn
v cp nht cho Joomla! ti trang Web http://joomla.org
2.2.2.3. Lu cc thnh phn m rng
Vic ci t thm cc thnh phn m rng (Component, Module) c th s lm
nh hng n bo mt ca Joomla! Thng xuyn theo di cc thng bo v
bo mt ca cc thnh phn m rng ti trang Web Joomla! 3rd party
security Nu pht hin cc thnh phn m rng ny c li th phi tin hnh cp
nht bn sa li nu c hoc xa b khi Joomla!
2.2.2.4. Thit lp quyn truy cp cho cc Folder v File

Vic thit lp quyn truy cp (CHMOD) cho cc Folder v File trong

Joomla! s gip ngn chn cc truy xut khng hp l vo cc Folder v
File trn Website.
Thit lp quyn hn CHMOD 755 cho cc Folder (k c Folder bn
trong) v CHMOD 644 cho tt c cc File.

Ngn lit k File trong Folder

t mt File index.html trong tt c cc Folder ca Website ngn

chn vic lit k cc File c trong cc Folder , c th to mt File
html rng hoc copy File index.html c sn trong cc Folder ca Joomla!

Thit lp "Register Globals Emulation"

Thit lp Register Globals Emulation bng cch truy cp vo Global

Configuration Chn Tab Register Globals Emulation Off.

Ngoi ra c th s dng thm cc cng c bo mt c trong Control Panel ca

Hosting tng cng thm mc bo mt cho Website.

13

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Kt lun
Vi tc pht trin internet v Cng ngh thng tin nh v bo nh hin nay,
vic a cc ng dng thc t tr thnh mt cng vic tt yu trong thi i
s ha cng ngh . V tng Pht trin website vi joomla! c
nhm ng dng trong BK book vi mc ch trao i, cung cp kho ti liu tri
thc, chia s ngun ti nguyn ny nhm gip cc bn sinh vin, cc thy c
quan tm v c gi. La chn joomla! tuy khng phi l ti u nht nhng n
li ph hp v m ngun m nn d dng khai thc cng nh pht trin h
thng. Mc d bi bo co cn trong khun kh hn hp v bn thn cc thnh
vin trong nhm cng cha c kinh nghim v thi gian v kin thc hon
chnh tng ca mnh, nhng y cng l ng lc rt ln nhm nh hng
pht trin trong tng lai. Mi c gng ca cc thnh vin u c ghi nhn
qua sn phm ca mnh- BKbook.
Trong qu trnh hon thin bo co cn gp nhiu sai st, rt mong nhn
c s ng gp v cho kin ca thy c v bn c v c ni dung v hnh
thc c hon chnh hn. Vui lng lin h qua a ch sau:
Nhm 02-BK book, CNTT&TT4, K55, vin SoICT, i hc Bch Khoa H Ni
Email: bkbook.soict.hust@gmail.com
hoc: ict4k55.soict.hust@groups.facebook.com

14

Bo co Nhp mn CNTT&TT

Pht trin Website vi Joomla

Tham kho

[1]

Unknown, Thit k Template joomla!, ngun:

http://forum.webchuyennghiep.net/showthread.php?t=2504

[2]

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

[3]

WallPearl, Simple CSS, 2008.

[4]

http://www.web3mantra.com/2011/02/22/30-free-joomla-templates/

[5]

http://www.joomla.edu.vn/tai-lieu-hoc-joomla/42-customize-joomla-cms.html

[6]

http://www.joomlaviet.com/dich-vu/lap-trinh-ung-dung-joomla.html

[7]

http://www.joomla24.com/

Cng nhiu ngun khc t internet do cc thnh vin trong nhm cung cp

15