giao trinh joomla v2.16.12

Upload: minhlongyb89

Post on 18-Jul-2015

467 views

Category:

Documents


0 download

TRANSCRIPT

TRNG H CNG NGH THNG TIN I HC QUC GIA THNH PH H CH MINH KHOA MNG MY TNH & TRUYN THNG LP MMT03

&

Bin son: Nguyn Tn Thnh Email: [email protected]

LI CA TC GIXin knh cho cc bn! Ti khng phi l mt ngi chuyn nghip trong lnh vc thit k web. Ti cng khng phi l mt gio vin dy cng ngh thng tin. y l u tin trong i ti t vit c mt cun sch v chia s n cho cng ng. Ti rt vui v iu ny, v ti tin chc nhng bn IT no cng c cm gic nh ti. Chuyn THIT K WEB VI JOOMLA ny l nhng ngy m mit mi nghin cu ca ti. Ti rt vinh hnh chia s kin thc ca mnh cho cc bn. c bit l nhng bn mi lm quen vi Joomla, cc bn khng phi mt c vi c khi ti liu ri rc, va ting Anh, va ting Vit trn mng nh hin nay. Vi tt c nhng g c th ti bin son thnh cng ti liu thit k web vi Joomla ny bao gm nhng ni dung c bn nht gip cc bn t to, v qun tr mt website n gin bng Joomla. Bn s bt u vi vic tm hiu v nhng nguyn l hot ng ca internet v website. Tip bn cng ti khm ph cch ci t mt website m ngun Joomla nh th no. T kin thc nn tng c c trong vic s dng nhng thnh phn m rng ca c sn trong Joomla, bn s tc tm nhng thnh phn m rng nng cao thit k mt trang web chuyn nghip hn, nh trang web tin tc, web chia s file, web thng mi in t, din n...Cng vic cui cng m bn s c tm hiu l vic bo mt cho website, v ti u ha website s dng Joomla. Hu ht cc bi thc hnh u lm trn localhost, nh vy nu bn c nhu cu chia s website cho mi ngi th lm sao. Chng cui cng ca cun sch ny s hng dn cch up website ln internet. Mc d c gn ht sc, nhng cng cn nhiu phn m ti cha kp chia s vi cc bn. Kin thc th qu l bao la, ti cng chia kp khm ph ra ht. V vy nu c phn nao thiu xt mong cc bn gp tng tnh. Ti l ngi rt ngay thng, ngh sao ni vy, ni sao vit vy. chnh l khuyt im ln nht ca ti sai li chnh ta. V vy nu bn c gp nhng t no trong cun sch ny vit sai li chnh t th mong bn b qua li cho ti. Li cui cng, mong cc bn hc tht tt. Khi c xong cun sch v to c mt website th ng qun chia s n cho ti. Gi v a ch email bn di! Trn trng cm n ! Nguyn Tn Thnh Blog: http://dctlive.22web.net http://dctuit.wordpress.com Email: [email protected] TRNH THIT K WEB VI JOOMLA

PHIN BN TH NGHIM - LU HNH NI B

2

MC LCLI CA TC GI................................................................................................................................................... 2 M C L C ................................................................................................................................................................ 3 CHNG 1: CC VN TRC KHI S DNG JOOMLA ....................................................................... 7 BI 1: INTERNET .................................................................................................................................................... 7 I: GIAO THC (PROTOCOL) ........................................................................................................................... 7 II: PHN LOI WEB ......................................................................................................................................... 8 BI 2: DOMAIN AND HOSTING ........................................................................................................................... 9 I: DOMAIN ......................................................................................................................................................... 9 II: HOSTING .................................................................................................................................................... 10 BI 3: NGN NG LP TRNH V C S D LIU .................................................................................... 11 I: NGN NG LP TRNH ............................................................................................................................. 11 II: C S D LIU (DATABASES) ................................................................................................................ 12 BI 4: CI T WEB SERVER XAMPP............................................................................................................ 12 I: GII THIU ................................................................................................................................................. 12 II: CI T ...................................................................................................................................................... 12 III: CU HNH ................................................................................................................................................. 16 BI 5: QUN TR C S D LIU BNG PHPMYADMIN .......................................................................... 18 I: GII THIU ................................................................................................................................................. 18 II: THAY I MT KHU TRUY CP D LIU .......................................................................................... 18 III: QUN TR C S D LIU ..................................................................................................................... 19 BI 6: QUN TR CSDL BNG NAVICAT ........................................................................................................ 24 I: GII THIU ................................................................................................................................................. 24 II: QUN TR CSDL VI NAVICAT ................................................................................................................ 24 BI 7: LP TRNH PHP ........................................................................................................................................ 27 CHNG 2: CI T V CU HNH JOOMLA ............................................................................................. 48

GIO TRNH THIT K WEB VI JOOMLA

BI 1: GII THIU JOOMLA ............................................................................................................................. 48 I: V JOOMLA ................................................................................................................................................. 48 II: CC THNH PHN M RNG CA JOOMLA ....................................................................................... 49 III : CC THUT NG .................................................................................................................................... 50 BI 2: CI T JOOMLA .................................................................................................................................... 52 BI 3 : GII THIU GIAO DIN LM VIC CA ADMIN ........................................................................... 57 I: GIAO DIN LM VIC................................................................................................................................ 57 II: H THNG MENU ..................................................................................................................................... 59 BI 4: CU HNH C BN CHO WEBSITE ..................................................................................................... 61 CHNG 3: QUN L BI VIT TRONG JOOMLA ..................................................................................... 63 BI 1: QUN L SECTION .................................................................................................................................. 63 I: GII THIU ................................................................................................................................................. 63

3

PHIN BN TH NGHIM LU HNH NI B

II: TO MI SECTION .................................................................................................................................... 63 III : QUN L SECTION ................................................................................................................................. 64 BI 2 : QUN L CATEGORY ............................................................................................................................ 65 I : GII THIU ................................................................................................................................................ 65 II : TO MI CATEGORY ............................................................................................................................... 65 III : QUN L CATEGORY ............................................................................................................................. 66 BI 3 : QUN L BI VIT ................................................................................................................................. 67 I : THM MI BI VIT ................................................................................................................................. 67 II : QUN L BI VIT ................................................................................................................................... 68 III : CU HNH CC THNG S CHO BI VIT ......................................................................................... 68 IV: TO BI VIT NNG CAO ....................................................................................................................... 70 BI 4: QUN L A PHNG TIN ................................................................................................................. 73 HNG DN QUN L A PHNG TIN ................................................................................................ 73 QUY NH TH MC LU TR................................................................................................................... 74 BI 5: QUN L USER ......................................................................................................................................... 74 QUN L USER V TO MI USER ............................................................................................................. 74 PHN QUYN TRONG JOOMLA ................................................................................................................... 75 CHNG 4: LM VIC C BN VI CC THNH PHN M RNG ..................................................... 78 BI 1: CI T CC THNH PHN M RNG ............................................................................................ 78 CCH CI T EXTENSIONS ....................................................................................................................... 78 BI 2: TEMPLATE ................................................................................................................................................. 80 HNG DN CI T TEMPLATE .............................................................................................................. 80 CU TRC GI CI T CA TEMPLATE ................................................................................................. 82 TP HP CC TRANG CUNG CP TEMPLATE FREE ................................................................................ 82 BI 3: MODULE ..................................................................................................................................................... 83 TO MI MT MODULE ............................................................................................................................... 84 BI 4: PLUGIN........................................................................................................................................................ 85 PHN LOI PLUGIN ...................................................................................................................................... 85 BI 5: KHAI THC COMPONENT ..................................................................................................................... 86 I : Banner ......................................................................................................................................................... 86 II: Contacts ....................................................................................................................................................... 88 II: News Feed ................................................................................................................................................... 88 IV: Polls............................................................................................................................................................ 89 V: Search .......................................................................................................................................................... 90 VI: Web Links ................................................................................................................................................... 90 BI 6: TO V QUN L MENU ....................................................................................................................... 91 To Menu.......................................................................................................................................................... 91 MENU c Bit................................................................................................................................................ 92 To DropDown Menu ....................................................................................................................................... 93 BI 7: KHAI THC MODULE C SN TRONG JOOMLA ........................................................................... 94 I: Latest News (Tin mi nht), Popular (Tin c nhiu nht) .......................................................................... 94 II: Whos Online ............................................................................................................................................... 94 III: News Flash ................................................................................................................................................. 95

PHIN BN TH NGHIM - LU HNH NI B

4

GIO TRNH THIT K WEB VI JOOMLA

IV: Customs HTML .......................................................................................................................................... 95 CHNG 5: TING VIT TRONG JOOMLA .................................................................................................. 96 BI 1: VIT HA JOOMLA ................................................................................................................................. 96 I: HNG DN T VIT HA ...................................................................................................................... 96 II: HNG DN VIT HA BNG GI NGN NG C SN.................................................................... 97 BI 2: CI B G TING VIT VO TRANG WEB ...................................................................................... 98 I: Ci t b g ting Vit AVIM th cng cho Joomla ................................................................................... 98 II:Ci t b g ting vit AVIM bng Module. ............................................................................................... 99 BI 3: LI HIN TH TING VIT .................................................................................................................. 100 CHNG 6: KHAI THC THNH PHN M RNG NNG CAO ............................................................ 101 BI 1: KHAI THC MODULE ........................................................................................................................... 101 I: VISITORS COUNTER ................................................................................................................................ 101 II: SLIDE SHOW ............................................................................................................................................ 101 III: JA TABS ................................................................................................................................................... 102 IV: MAXI MENU ............................................................................................................................................ 103 BI 2: TO V QUN L COMMENTS.......................................................................................................... 104 GII THIU V CI T ............................................................................................................................. 104 QUN L COMMENTS ................................................................................................................................. 105 CU HNH ..................................................................................................................................................... 105 BI 3 : TRNH SON THO JCE ...................................................................................................................... 107 PHN NHM S DNG .............................................................................................................................. 107 BI 4: TO WEB THNG MI IN T VI VIRTUE MARK .............................................................. 109 TNH NNG CA VIRTURE MARK ............................................................................................................. 109 HNG DN CI T ................................................................................................................................. 109 VIT HA VIRTURE MARK ......................................................................................................................... 110 S DNG CC MODULE ............................................................................................................................ 111 THEME CHO VIRTURE MARK .................................................................................................................... 112 BI 5: QUN L FILE VI DOCMAN ............................................................................................................. 113

GIO TRNH THIT K WEB VI JOOMLA

I: CI T DOCMAN ................................................................................................................................... 113 II: CHIA S TI NGUYN............................................................................................................................. 113 III : PHN QUYN THEO NHM ................................................................................................................ 117 IV : THEME CHO DOCMAN ........................................................................................................................ 117 BI 6: TO DIN N N GIN VI KUNENA ........................................................................................ 119 I: CI T KUNENA..................................................................................................................................... 119 II: TO MI CC DANH MC TRONG FORUM........................................................................................ 119 III: NHNG CHC NNG KHC ................................................................................................................ 121 BI 7: TO WEB NHC VI MAIAN MUSIC ................................................................................................ 122 CI T ......................................................................................................................................................... 122 S DNG MAIANMUSIC ............................................................................................................................. 124 HIN TH CC BI HT MI NG .......................................................................................................... 130 VIT HA MAIAN MUSIC ............................................................................................................................ 131

5

PHIN BN TH NGHIM LU HNH NI B

BI 8: TO WEB NH PHOCA GALLERY .................................................................................................... 132 QUN L ALBUM ............................................................................................................................................ 132 HIN TH ALBUM............................................................................................................................................. 133 THEME CHO PHOCA GALLERY .................................................................................................................... 134 MODULE PHOCA GALLERY MENU ....................................................................................................................... 135 BI 9: TO MENU VI SWMENUFREE ......................................................................................................... 136 BI 10: PLUGIN CHN NHC VIDEO ......................................................................................................... 139 CHNG 7: NHNG VN NNG CAO KHI QUN TR WEB VI JOOMLA.................................. 141 BI 1: M BO AN TON CHO WEBSITE ................................................................................................. 141 I:BACKUP WEBSITE & DATABASE ............................................................................................................ 141 II: THAY I TIN T MC NH CHO DATABASE ................................................................................ 142 III: THAY I NG DN MC NH CHO TRANG QUN TR .......................................................... 144 BI 2: TI U HA WEBSITE ......................................................................................................................... 145 I: S DNG CACHING................................................................................................................................. 145 II: TI U HA DATABASE ........................................................................................................................ 146 III: TO NG DN THN THIN .......................................................................................................... 147 IV: MT S PHNG PHP TI U KHC ............................................................................................. 148 BI 3: XUT BN WEBSITE LN INTERNET .............................................................................................. 148 I: HNG DN NG K HOST FREE TI BYETHOST........................................................................... 148 II: QUN L FILE TRN HOST.................................................................................................................... 151 III: XUT BN WEBSITE LN INTERNET .................................................................................................. 153 IV: THNG S CN CH KHI TI WEBSITE LN INTERNET .............................................................. 156 LI CM N......................................................................................................................................................... 158 TI LIU THAM KHO ..................................................................................................................................... 158

PHIN BN TH NGHIM - LU HNH NI B

6

GIO TRNH THIT K WEB VI JOOMLA

CHNG 1: CC VN TRC KHI S DNG JOOMLA& BI 1: INTERNETI: GIAO THC (PROTOCOL)1: Khi nim Ngn ng c s dng bi cc thc th mng gi l giao thc truyn thng (gi tc l giao thc). Cc bn hiu nhau do giao thc nh ngha mt ngn ng chung gia cc thnh phn mng. T khi nim c bn ny, bn c th hiu giao thc l th tc, quy tc hoc cc c t chnh thc c chp nhn nhm xc nh cc hnh vi v ngn ng trao m cc bn trao i vi nhau. Trong cuc sng chng ta cng p dng nhiu quy tc khc nhau. V d nh khi i n mt ni mang tnh cht quan trng, mi ngi lun phi tun th nhng quy tc v trang phc nh phi mc vt c thc caravat. Trong khi i n mt qun n bnh dn th mc g cng c. Trong mng my tnh giao thc l nhng bn c t v cch thc x s ca cc thc th tham gia truyn thng. Trong vic thit k web bn cn quan tm n hai giao thc l HTTP v FTP. 2: Giao thc HTTP Hyper Text Transfer Protocol (HTTP) L tri tim ca web. Giao thc HTTP c trin khai trn c hai pha Client v Server. HTTP quy nh cch thc trao i thng tin thng qua vic giao tip bng cc thng ip HTTP. HTTP xc nh cch thc trnh duyt yu cu mt trang web t web server cng nh cc thc m server s gi tr kt qu cho web client. Trang web (Web pages cn gi l mt tp tin web) : Cha cc i tng (Object). n gin ch l mt file text, hay l mt tp tin hnh nh, m nhci tng c xc nh qua URL. Trang web cha cc mt file HTML c s v tham chiu n cc i tng khc. Trnh duyt (Browser Web Client) Chng trnh giao tip ngi dng ca ng dng Web cho php hin th trang web. Browser ci t pha client ca giao thc HTTP. Hin nay c nhiu phn mm trnh duyt ph bin nh Internet Explorer, Firefor, Opera Web server PHIN BN TH NGHIM LU HNH NI B

GIO TRNH THIT K WEB VI JOOMLA

7

L ni lu tr website, v tr li yu cu t pha web client. Mt s phn mm pha server ph bin nh Microsoft Internet Information Server (IIS), Appache, Nestcape Enterprise Server (NES) URL (Uniform Resource Locator) L mt tn gi khc ca a ch web. URL bao gim tn giao thc (l HTTP hay FTP), k n du hai chm v hai du xuyt sc (://), v d a ch http://www.uit.edu.vn dn n website c a ch l www.uit.edu.vn bng giao thc HTTP. Khi truy cp chng ta c th b qua tin t http:// v trnh duyt mc nh thm thnh phn ny vo. Mt URL phi chnh xc n tng k t, v ch cn thm mt du chm l dn n mt trang web khc. 3: Giao thc FTP FTP(File Transfer Protocol) l giao thc dng truyn file gia cc my tnh. Trong phin lm vic, ngi dng s dng ti my tnh ca mnh v trao i file vi my tnh khc. Ngi dng cn phi ng nhp bng cch cung cp tn nh danh (username) v mt khu xc thc (password). C hai giao thc HTTP v FTP u dng truyn file. Nhng chng c mt c im khc nhau c bn l FTP bn khng th m trc tip file c. N cn bn a v my tnh trc khi m n ln. Trong khi vi HTTP bn c th m file trc tip c. 4: Mt s giao thc khc Thnh thong bn vn thy c vi website l https://gmail.com chng hn. Nh vy giao thc HTTPS l g? chnh l mt dng ca HTTP nhng c tng cng thm tnh nng bo mt, c th l n m ha tt c thng tin gi i trn ng truyn. Ch S y chnh l SSL. Bn cng thng truy cp mt file nhc dng mms://www.data.com/anhmaiyeuem.mp3 chng hn. Nh vy chng ta c mt giao thc mi cho vic truyn dn cc file nhc chnh l MMS. Giao thc cn dng cho vic truyn cc file video, hnh nh..ni chung l a phng tin.

II: PHN LOI WEBStatic Web (Web tnh) Ch bao gm ni dung hin th cho ngi dng xem. Ni dung ny c th l text thng thng, nhng cng c th l mt file a phng tin (hnh nh, m nhc, video, flash). Froms Pages (Biu mu) Ngoi nhng ni dung thng thng nh Static web, n c thm phn in thng tin, d liu do ngi dng nhp vo. Sau khi in xong form ngi dng bm nt Submit th d liu c gi n u vo ca mt trang web khc. Dynamic Web (Web ng)

PHIN BN TH NGHIM - LU HNH NI B

8

GIO TRNH THIT K WEB VI JOOMLA

Sau khi bm nt Submit biu mu, nu d liu c lu tr li cho phin lm vic sau ca ngi dng th l Web ng. Web ng c tng tc n mt c s d liu lu tr trn mng hin th thng tin cho ngi dng. Lu : Bn ng bao gi cho rng mt trang web c nhng tm hnh nhy ma l web ng. ch l mt tp tin nh ng m thi. Web ng l web c tng tc vi c s d liu, ng bao gi nh ngha web ng l web c from ng nhp. Mt trang web c from ng nhp cha chc l web ng, c th thng tin ng nhp ch lu trong mt bin no ca ngn ng lp trnh. Cng ng bao gi nh ngha web tnh l web lp trnh bng HTML, cn web ng l web lp trnh bng PHP hay JavaNhng trang web lp trnh bng PHP cha chc l web ng, nu n ch dng hin th thng tin.

BI 2: DOMAIN AND HOSTINGI: DOMAIN1: Cu trc mt a ch Domain (min) Bn truy cp vo a http://www.google.com thnh phn .com pha sau c gi l Domain Name. Thnh phn min c qun l bi ca ISP khu vc, v n v ph trch qun l tn min trn ton th gii l ICANN. Host name Thnh phn google nh v d trn chnh l host name. c th a website ra cng ng bn cn mua mt a ch. a ch ny gi l Domain Name. V d y chng ta cn phi mua google.com Thnh thong bn cng ly mt domain c hai thnh phn v d nh .com.vn. N c cp pht v qun l bi nh qun l domain cp cao, trong v d ny l .vnGIO TRNH THIT K WEB VI JOOMLA

2: Ti sao phi s dng domain name Khi lm vic vi my tnh, n s dng nhng con s. truy cp website n s tm n my tnh lu d liu web (cc file) bng a ch IP ca my tnh. Nhng i vi con ngi th vic nh nhng IP ny khng hay cho lm. V vy m ngi ta dng domain name nh x mt a ch dng text sang IP. Vic phn gii tn min thnh IP c thc hin thng qua dch v DNS (Domain Name Services).

9

PHIN BN TH NGHIM LU HNH NI B

II: HOSTING1: Khi nim hosting Dch v Web host l hnh thc dch v host trn Internet, cung cp cho cc c nhn, t chc v ngi s dng nhng h thng trc tuyn (trn mng) lu tr thng tin, hnh nh, video, hoc bt k ni dung no khc c th truy cp qua Web. Web host l cc cng ty chuyn cung cp ch (dung lng) trn server ca h cho khch hng s dng, ng thi cung cp kt ni Internet, thng trong mt trung tm d liu. Cc Web host cn c th cung cp khng gian trung tm d liu v kt ni Internet n cc server khng thuc s hu ca h. 2: Phm vi dch v Phm vi ca cc dch v host rt rng. C bn nht l host trang Web v nhng tp tin nh, vi cc tp tin c upload ln server thng qua giao thc FTP hoc mt giao din Web. Cc tp tin thng c cung ng nguyn trng cho ng dng Web, hoc ch c x l rt t. Nhiu nh cung cp dch v Internet (ISP) cung cp dch v ny min ph cho khch hng ca h. Ngi dng cn c th s dng dch v Web host do nhiu nh cung cp dch v khc cung cp. Dch v Web host thng min ph, c km theo qung co hoc c gi r. Dch v Web host thng thng ch p ng nhu cu ca cc trang ch c nhn. Mt Web site phc tp i hi mt gi dch v ton din hn, cung cp kh nng h tr c s d liu v cc h nn pht trin ng dng (nh PHP, Java, ASP.NET). Nhng tnh nng ny cho php ngi dng vit hoc ci t script cho cc ng dng nh din n hay qun l ni dung. Cc Web site thng mi in t cn i hi m ha SSL. Nh cung cp dch v host c th cn cung cp mt bng iu khin giao din Web (Cpanel, Helm, Plesk, v d th) qun l Web server v ci t script cng nh cc dch v khc, chng hn e-mail. Gn y cc bng iu khin hoc giao din Web ny gy ra nhiu cuc tranh ci khi Web.com tuyn b cng ty ny c c quyn v cng ngh host vi 19 pht minh ca mnh. Hostopia, mt cng ty host s ln, gn y mua quyn s dng cng ngh ca Web.com vi gi 10% li tc host l. Web.com cng kin cng ty Godaddy v xm phm cc pht minh c quyn . Mt s nh cung cp dch v host tp trung vo mt phn mm hoc dch v nht nh (v d nh thng mi in t). Nhng phn mm hay dch v ny thng do cc cng ty ln hn s dng tn dng kin trc h tng mng ca cng ty cung cp dch v host. 3: Cc loi dch v host Sau y l nhng dch v gii hn trong phm vi ng dng Web: Dch v Web host min ph: Min ph, (i khi) chp nhn qung co, v cc k hn ch khi so snh vi dch v host c thu ph. Dch v Web host dng chung: Website ca bn c t chung server vi hng trm Web site khc. Dch v host dnh ring: Ngi s dng thu trn Web server v c ton quyn iu khin n, tuy nhin, ngi s dng khng s hu server. PHIN BN TH NGHIM - LU HNH NI B 10

GIO TRNH THIT K WEB VI JOOMLA

Dch v host h tr: Tng t dch v host dnh ring, nhng ngi s dng s hu server; cng ty host ch cung cp ch (khng gian vt l) lp t v bo tr server. y l loi dch v Web host mnh nht v t tin nht. Server o dnh ring: Chia mt server thnh nhiu server o, mi ngi dng c cm tng nh h ang qun l server dnh ring cho h, nhng tht ra h ang chia s server vi nhiu ngi dng khc. Web host l: Cho php khch hng cung cp dch v Web host cho chnh h. Host phn b: S dng nhiu server lu tr cng mt ni dung tn dng ti nguyn tt hn. Mt s dch v Web c th: Dch v lu tr tp tin: khng lu tr trang Web m l cc tp tin Dch v lu tr hnh nh Dch v lu tr video Dch v lu tr blog Dch v lu tr cng cng (nh yousendit hay myfilehut vy)

BI 3: NGN NG LP TRNH V C S D LIUI: NGN NG LP TRNH1: Ngn ng HTML L ngn ng lp trnh c bn nht. N ch c th dng hin th mt trang web tnh. i khi bn c th dng n thit k ca form, nhng n khng tng tc c vi c s d liu. Chng ta d dng xem code ca mt trang web dng HTML bng cch vo menu View > Page Code (Ctrl + U) 2: Ngn ng CSSGIO TRNH THIT K WEB VI JOOMLA

y l ngn ng dng nh ngha mt giao din cho website. N khng th hin th c ni dung, nhng n to ra template cho ni dung. V d nh ngha mt font ch bn dng CSS v p n vo cho mt on vn. Ngn ng ny thng i km vi HTML. 3: Ngn ng PHP, ASP, JAVA Ngn ng chy pha server, n thc hin mt qu trnh bin dch m ngun v tr v kt qu, hin th ln Browes cho ngi xem. Quy trnh bin dch nh sau: Client Server Trnh bin dch

Ngn ng ny cho php tng tc vi c s d liu. Ngn ng ph bin c dng nhiu nht l PHP. 11 PHIN BN TH NGHIM LU HNH NI B

II: C S D LIU (DATABASES)Bn thng vo mt din n, ng k thng tin tham gia vo din dn. Nh vy nhng thng tin m bn ng k gi l d liu. Ton b c lu li trong h thng gi l c s d liu. Cc chng trnh qun l c s d liu ph bin nh SQL Server, Oracel, Access, MySQL. dng cho thit k bng ngn ng PHP ngi ta thng dng MySQL, bi tnh n gin d s dng ca n.

BI 4: CI T WEB SERVER XAMPPI: GII THIUXampp l my ch web cho php bn ci t v qun l website ca mnh ti my tnh ca mnh. Khi ci t thnh cng Xampp bn s c mt host o hay cn gi l localhost. Vi localhost th vic qun tr n tng t nh qun tr trn host tht. Xampp h tr hu ht cc h iu hnh. N h tr vic thc thi ngn ng lp trnh PHP, Perl. Sau khi ci t bn cn c thm tin ch PHPMyAdmin l chng trnh dng qun tr c s d liu di dng giao din ha. Hin ti chng trnh c nhiu phin bn cho bn la chn. Tuy nhin vic la chn phin bn no cn ty thuc vo h thng v nhu cu ca bn. ti chng trnh bn truy cp a ch: http://www.apachefriends.org/ Lu chn ng phin bn dnh cho hiu iu hnh.

II: CI TBc 1: Download chng trnh t a ch trn. y s dng phin bn 1.7.2 cho Windows.

Bc 2: Kch vo tp tin va ti v ci t. Ti mn hnh u tin bn ch vo trng Destination Folder, ti y ang chn l C, nhng ti khuyn bn nn chn sang mt a khc khng c ci h iu hnh. Bm nt Next. PHIN BN TH NGHIM - LU HNH NI B

12

GIO TRNH THIT K WEB VI JOOMLA

Bc 3: Trong bc tip theo ny b m bo chn ht tt c cc ty chn. Trong c ba n ty chn trong mc Services Session l quan trng nht. iu ny c ngha l ba d c a dch v c chn s chy mc trong Windows.

GIO TRNH THIT K WEB VI JOOMLA

13

PHIN BN TH NGHI NGHIM LU HNH NI B

Bc 4: Di y l qu trnh ci t ang c tin hnh. Bn ch cho n khi mn hnh DOS xut hin.

Bc 5: Khi nhng mn hnh DOS xut hin bn c yn cho n qua ht cho n khi mn hnh bo ci t hon tt xut hin.

PHIN BN TH NGHIM - LU HNH NI B

14

GIO TRNH THIT K WEB VI JOOMLA

Bc 6: Tip theo bn ra desktop tm icon ca chng trnh v khi ng n ln.

Bm nt Start cnh hai dch v Apache v MySql, thy trng thi ca n l Running th c. Bm nt Exit thot chng trnh. Bc 7: Bn kim tra chng trnh hot ng cha bng cch m trnh duyt web bt k v g vo a ch http://localhost hoc http://127.0.0.1 Nu kt qu xut hin nh hnh di y l bn ci t thnh cng.

GIO TRNH THIT K WEB VI JOOMLA

15

PHIN BN TH NGHIM LU HNH NI B

III: CU HNH1: Thay i a ch local Mc nh truy cp vo webserver bn vo a ch http://localhost Nhng nu bn mun thay a ch ny thnh mt ci tn ty thch, v d nh http://tinhyeucuatoi.com chng hn. Bn thc hin nh sau: Bc 1: M Windows Explorer ln theo ng dn C:\Windows\System32\drivers\etc Bc 2: M tp tin hosts bng Notepad. Bc 3: Tm n dng # 127.0.0.1 localhost v thay ch localhost bng ch ty thch. Trong v d ny l tinhyeucuatoi.com. B du # pha trc.

Bc 4: Lu tp tin ny li v kim tra bng cch truy cp vo trnh duyt http://tinhyeucuatoi.com 2. To th website By gi chng ta s th to ra mt website n gin kim tra webserver ca chng ta hot ng cha. Bc 1: Bn tm theo a ch C:\Xampp\htdocs (C:\ l th mc ci t) to thm mt th mc mi c tn MyWeb dng cha website ca bn to ra. Bc 2: To tp tin Index.html trong th mc MyWeb trn, ni dung ty . V d y ti ghi ni dung nh hnh.GIO TRNH THIT K WEB VI JOOMLA

PHIN BN TH NGHIM - LU HNH NI B

16

Bc 3: Lu website ny v truy cp va a ch http://localhost/MyWeb. Nu kt qu hin ra trang web vi ni dung trn th l thnh cng. (Lu : nu bn sa a ch localhost thnh a ch khc th nh g ng, trong sch ny ti s dng mc nh).

3. Thay i th mc htdocs Mc nh th bt buc bn phi lu th mc cha web ca mnh trong th mc htdocs Nhng bn mun thay i a ch ny qua mt th mc khc chng hn. Chng ta lm nh sau: Bc 1: Bn tm n th mc C:\xampp\apache\conf M tp tin httpd.conf bng notepad. Bc 2: Tm n dng v thay ng dn trong bng ng dn n thu mc cha web mi ca bn. V d ti to th mc D:\Data th ti s sa li thnh GIO TRNH THIT K WEB VI JOOMLA

Bc 3: Tm n dng DocumentRoot "C:/xampp/htdocs" v cng sa ng dn trong n th mc cha web. Bn ch dm ti du gch cho trong a ch.

17

PHIN BN TH NGHIM LU HNH NI B

Bc 4: Khi ng li dch v Apache bng cch m trnh iu khiu Xampp, bm Stop dch v Apache v sau chn Start tr li. Nu trng thi lc ny l Running th vic cu hnh ca bn thnh cng. Bc 5: Bn th kim tra li bng cch to mt file Index.html v truy cp vo website ca mnh.

BI 5: QUN TR C S D LIU BNG PHPMYADMINI: GII THIUTrnh qun tr c s d liu PHPMyAdmin qun tr c s d liu bng ngn ng d liu MySQL. N cho php to ra mt c s d liu, tng thch vi ngn ng lp trnh web PHP. PHPMyAdmin vit trn nn web nn d dng s dng v c nhiu ngi a chung. Cn ni v ngn ng truy vn d liu MySQL th n khng khc g SQL cho lm. Nhng n h tr tt hn cho PHP.

II: THAY I MT KHU TRUY CP D LIUGIO TRNH THIT K WEB VI JOOMLA

Cng vic u tin bn nn lm l t mt khu bo v cho c s d liu ca mnh. lm iu ny bn truy cp vo trang http://localhost/security/xamppsecurity.php

Nhp mt khu hin ti v mt khu mi, ri bm nt Password changing

PHIN BN TH NGHIM - LU HNH NI B

18

Thng bo Password c thay i thnh cng.

III: QUN TR C S D LIU1: Truy cp trang qun tr lm iu ny bn vo a ch http://localhost/phpmyadmin

GIO TRNH THIT K WEB VI JOOMLA

ng nhp vi Username mc nh l root, Password do bn t mc trc. Nu ng th chng trnh PHPMyAdmin xut hin nh hnh bn di.

19

PHIN BN TH NGHIM LU HNH NI B

2: To CSDL mi to mi mt CSDL bn chn tab Databases, in tn CSDL trong trng Create new databases. Lu : chn thm kiu m ha k t l utf8_general_ci trong mc chn k bn. Sau cng bm Create.

Nhn c thng bo to thnh cng mt CSDL mi.

3: To Table (thut ng gi l quan h) mi cho d liu By gi chng ta s to mi mt bng cho d liu MyData trn. V d ti s to mt bng ThongTinSinhVien lu thng tin ca sinh vin. lm iu ny bn thc hin nh sau Bn gc tay tri bn chn vo tn database ca mnh l MyData. Bn nhn c mt thng bo No table found in database c ngha l bng d liu by gi ang trng. to mi bn g tn Table trong trng Name, trng PHIN BN TH NGHIM - LU HNH NI B 20

GIO TRNH THIT K WEB VI JOOMLA

Number of fields yu cu bn ch nh s ct (Column) trong bng (thut ng gi l thc th). Bm nt GO to table.

Chng ta nhn c mt bng yu cu cc Column cho Table va to:

V d ny chng ta s to mt d liu nh sau:MSSV 085204 41 085202 13 HOTEN Nguyn Anh Tun L Anh V NGAYSIN H 12/7/1991 KHOA Mng My Tnh K Thut My Tnh Phn Mm Khoa Hc My Tnh DTB 7.25

2/9/1990

7.42

GIO TRNH THIT K WEB VI JOOMLA

085203 25 085206 78

Trng Anh Duy Thi H Qun

5/10/1989 4/1/189

7.51 7.62

+ Phn c in m trong bng trn c gi Field, n l tiu nhn din ct. Ta in n trong trng Field. + Trng Type quy nh kiu d liu (data type) cho Field. MSSV: Varchar HOTEN: Text NGAYSINH: Date KHOA:Text DTB: Float 21 PHIN BN TH NGHIM LU HNH NI B

+ Length/Value dng ch nh di ca d liu. Phn ny b trng, n t gn gi tr mc nh cho mi Field. Tuy nhin ty theo kiu d liu (data type) m trng ny c php b trng hay khng. V d kiu Varchar bn bt buc phi nhp gi- tr cho n.

Sau khi bm nt Save nu thng bo hin ra nh hnh bn di th vic to Table ca bn thnh cng.

K n bn nhp d liu cho Table: Bn chuyn qua tab Insert, s nhn c mt bng yu cu in d liu nh hnh di. in d liu vo v bm nt Go.GIO TRNH THIT K WEB VI JOOMLA

PHIN BN TH NGHIM - LU HNH NI B

22

Mc nh mt lc bn ch c th nhp d liu 1 dng (thut ng gi l B). Tuy nhin bn c th nhp cng lc nhiu dng bng cch ko thanh trt xung di dng Restart insertion with bn sa li gi tr trong tng ng vi s dng m bn cn nhp vo.

Lu : Nu nhp cng lc nhiu dng bn phi bm vo nt Go di cng. Nu bm nt Go dng no th ch c dng c thm. Chuyn qua tab Browse bn thy d liu c thm vo.

GIO TRNH THIT K WEB VI JOOMLA

hiu v ngha ca Database v qun tr chng, cc bn s c hc trong mn C S D Liu, v nhiu mn hc lin quan trong ngnh H Thng Tin Tin. Trong bi vit ny ch hng dn mt cch c bn nht nhng bn cha bit g c th lm quan c bn nht.

23

PHIN BN TH NGHIM LU HNH NI B

BI 6: QUN TR CSDL BNG NAVICATI: GII THIUNavicat l mt phn mm pha Client, cho php ni n server cha CSDL thc hin cng vic qun tr. Bn hnh dung khi bn mua mt host do nh cung cp dch v cp. Bn s nhn c mt ti khon kt ni n Database Server ca h. V bn s s dng phn mm Navicat ny thc hin qun tr n t xa. Navicat khng khc g vi PHPMyAdmin, nhng n h tr nhiu tnh nng hn, v bo mt cao hn.

II: QUN TR CSDL VI NAVICAT1: Ci t Navicat ci t Navicat bn tm v ti phn mm ti a ch http://www.navicat.com Sau khi ti v bn ci t nh bao phn mm khc, v giao din khi ln u tin lm vic nh hnh bn di.

2: Kt ni n server Chn tc v Connection trong giao din chnh ca chng trnh. Mt ca s yu cu thng tin kt ni hin ra. Bn nhp thng tin kt ni n my ch.

y ti ch kt ni n server local, tc l server o ngay trn my tnh ca ti. Trong phn Connection Name bn cho bit tn ca ca kt ni ny, ty thch ca bn. Trong trng Host name/ IP Address bn nhp a ch ca server. Khi ng k host bn c cung cp a ch ny. y ti nhp l localhost do ti ang kt ni n server local. Hai trng User name v PHIN BN TH NGHIM - LU HNH NI B 24

GIO TRNH THIT K WEB VI JOOMLA

Password yu cu khai bo thng tin ng nhp server. Nu kt ni local bn nhp nh ng nhp PHPMyAdmin. Sau cng bm OK. Tr li mn hnh chnh bn thy tn kt ni xut hin bn tri. Bm chut phi vo v chn Open Connection

Nu kt ni thnh cng bn thy d liu ca chng ta xut hin.

GIO TRNH THIT K WEB VI JOOMLA

3: Qun l User Navicat cho php bn to nhiu user khc ng nhp vo h thng. Khi bn cn c quyn admin cao nht, mc nh local th ti khon root l quyn cao nht. Khi ng k host tht, th ti khon cng c quyn ny, nhng thp hn mt ti khon khc gi l user system. qun l user bn chn tc v Manage Users

25

PHIN BN TH NGHIM LU HNH NI B

thm user mi bn bm Add User v nhp thng tin ng nhp cho user . Ch trng Host l a ch n server ca bn. y l localhost. Vi mi user bn c th thit lp quyn cho user trong vng Global Privileges. Bn con c th phn quyn cho user theo tng Database khc nhau bng cch Click vo user , bn di s m ra nhng Database hin c, v bn check vo quyn c cp cho user trong vng Global Privilages. 4: Qun tr c s d liu Vic qun tr CSDL trn Navical d s dng hn nhiu so vi PHPMyAdmin v n to sn nhng cng c ra bn ngoi.

Table: Cha cc table trong CSDL. C th thy CSDL MyData to bi trc cng xut hin y. Bn c th to thm bng cch bm vo New Table. View: Dng thit k trnh view cho php xem d liu. Query: Dng to truy vn n CSDL. Phn ny vit bng code, bn cn hc qua ngn ng truy vn d liu SQL hoc MySQL. Report: Dng to mt bng bo co, truy xut t d liu. Backup: Cho php sao lu d liu, phng b mt hoc h hng.

PHIN BN TH NGHIM - LU HNH NI B

26

GIO TRNH THIT K WEB VI JOOMLA

BI 7: LP TRNH PHP CN BNGii thiu PHP (vit tt hi quy "PHP: Hypertext Preprocessor") l mt ngn ng lp trnh kch bn hay mt loi m lnh ch yu c dng pht trin cc ng dng vit cho my ch Webserver. PHP m ngun m, dng cho mc ch tng qut. Do PHP c pht trin ch dnh cho ng dng web nn rt d dng nhng m vo trang HTML. Tc nhanh, nh gn, c php ging C, d hc v thi gian xy dng sn phm tng i ngn hn so vi cc ngn ng khc nn PHP nhanh chng tr thnh mt ngn ng lp trnh web rt ph bin. Ngn ng, cc th vin, ti liu gc ca PHP c xy dng bi cng ng nhng cng c s ng gp rt ln ca Zend Inc., cng ty do cc nh pht trin ct li ca PHP lp nn. Ni n gin: PHP l ngn ng dng script thc thi trn webserver nhm to ra trang web ng on m sau minh ha gip cch vit PHP lng vo cc trang HTML d nh th no: Trang ch Cho bn !

GIO TRNH THIT K WEB VI JOOMLA

Th nh u bt u v kt thc ca phn m PHP, qua my ch bit x l v dch m cho ng. Mi dng kt thc bng du ; Trong trang html, cc lnh php nm trong tag hoc Cc khi lnh nm trong { } Tn m rng ca file l php Ch thch // : 1 dng

/* 27 Khi lnh PHIN BN TH NGHIM LU HNH NI B

*/ File PHP ch chy khi n c chuyn giao t webserver. V vy, mun thc thi file php, bn phi request n thng qua webserver (ngha l m browser, g http://localhost/trangdong.php. Do khng th nhp p vo file php xem n localcal nh trang html c. chy file PHP : + Nu my ca bn ci IIS : to file trong folder C:\Inetpub\wwwroot + Nu my ca bn ci AppserV : to file trong folder C:\AppserV\www + Nu my ca bn ci Xampp, to file trong folder C:\xampp\htdocs Cng c lp trnh C kh nhiu cng c lp trnh PHP. n gin l bn dng notepad cng c th son PHP c. Tuy nhin, son tho nhanh hn, tin hn, bn nn dng cc trnh son tho PHP chuyn nghip. PHP Designer Pro l mt ng dng c khuyn dng. Bin Bin dng cha cc gi tr trong qu trnh tnh ton Khng cn khai bo kiu d liu lc khai bo bin Cc kiu d liu : + S nguyn : int + S thc : float, double + Chui : string + Object + Logic : True hoc false + Kiu mng: Array + Null : gi tr c bit, nhm th hin tnh rng, cha c gn gGIO TRNH THIT K WEB VI JOOMLA

Khai bo : $TenBien= ;

PHIN BN TH NGHIM - LU HNH NI B

28

Hng L i tng cha gi tr c nh Khai bo: define("TenHang",GiaTri); V d:

Cc php ton S hc: +. -, *, /, % (chia ly d) So snh: ==, >=, , < , != Ghp chui: . Logic: ! , && , || Tng : ++ Gim : -Gn: =

GIO TRNH THIT K WEB VI JOOMLA

Lnh if: a. Lnh if n gin: if (iu kin) { Khi Lnh 1; } else { Khi Lnh 2; } 29 PHIN BN TH NGHIM LU HNH NI B

Phn else v khi lnh 2 c th khng c Nu khi lnh 1 khi lnh 2 ch 1 gm lnh th c th b cp { } Khi lnh c th l m lnh php hoc m lnh html V d 1 :

V d 2 : S dng template khc nhau cho trang ty theo thi gian M file index1.html ri save as thnh index1.php Qua ch code, n dng 21 s thy on code

B sung c kt qu sau: (date('w')==3) || (date('w')==5))

V d 4: Nu browser l IE th chuyn n trang index1.html, ngc li trang index2.htmlGIO TRNH THIT K WEB VI JOOMLA

V d 5: Nu browser l Firefox th chuyn n trang index1.html, ngc li trang index2.html

V d 6: Quay li trang trc 41 PHIN BN TH NGHIM LU HNH NI B

b. Content-type Dng bo cho browser bit kiu d liu m webserver ang tr v cho browser. C php: header('Content-type:MimiType);

V d: to file mimetype1.html ri g: Cho Cho bn

Nu khng c dng u (ch ) th browse s hin trang web c ch cho bn. Nu c, broswe s bit l 1 file word, n s hin ra khung ny

Lnh ny phi dng trn tt c cc m lnh html Mt s kiu Mimtype (xem thm file mimetype.html)application/msword application/pdf application/vnd.ms-excel application/zip doc pdf xls zip

C php: header('Content-disposition: attachment; filename="'.$filename.'"'); Lnh s bo cho browser bit l nn download v save file. Tham s "filename=" s bo cho browser bit tn ca file nn c save. V d: Cho Cho bn PHIN BN TH NGHIM - LU HNH NI B 42

GIO TRNH THIT K WEB VI JOOMLA

c. Content-disposition

d. Content-length Lnh header('Content-length: ' . filesize($upload_dir.$filename)); Lnh ny dng bo cho browser bit di ca file ti v, dng trong download file

Cookies a. Gii thiu: Cookie dng lu nhng thng tin v user. Cookie c lu trong my client, trong vng do browser qun l Khng dng cookies lu nhng thng tin quan trng v khng m bo browser u cho php ghi cookies m ch dng cookie cho mc ch tin ch m thi(username, password, thi im login cui, danh sch nhc a thch)

b. To cookie setcookie("TenCookie",gi tr [,Thi im qu hn]);GIO TRNH THIT K WEB VI JOOMLA

Nu khng ch nh thi gian th cookie s lu trong b nh. V s mt khi user ng browser. Nu thi im qu hn l 1 thi im trong qu kh th browser s xa cookie

c. S dng cookie $_COOKIE["Ten"];

d. V d 1: To file setcookies.php v g khi lnh sau (phi trn tt c m html)

Ch : Hm time() cho bit s giy tnh t u nm 1970 n thi im hin ti F12 xem th, bn s chng thy g, nhng 2 cookie c to (c th xem thy trong cache) To file viewcookie.php ri g khi lnh sau trong tag body

F17 xem th, bn thy gi tr 2 cookie e. V d 2 To file xoacookie.php ri vo dng u tin: F12 , cookie s b xa. Bn c bit kim tra bng cch no khng?

f. V d 3: M file xulydangnhap.php, g thm u:

Lu file li M file 1 file dangnhap.php , chn tag form ri km tra xem c phi method l POST khng Nhp textfield tn u ri qua code, bn s thy on m: G thm vo (mu ) c kt qu sau: Module Manager qun l cc module. Chng ta cn bn lun v v tr ca cc module ny trn website ca mnh. xem v tr ca cc module trn template bn ch cn thm on "?tp=1" hoc "index.php?tp=1" sau vo pha sau tn domain ca bn. V d http://localhost/joomla15/?tp=1

Tr li trang qun l module bn c th tc hoc m mt module bng cch chn tt hoc m thuc tnh Enable.

Module cng c chia thnh hai loi, loi dnh cho trang web gi l Site v loi dnh cho admin gi l Administrator.

TO MI MT MODULE to mi bn chn New, tip tc chn mt module bn mun to ra, phi ci t module trc th mi c trong y.

Vng Details chng ta cng kho xt vi thng s sau:

Module Type: Ci ny bn khng sa, n cho bit loi module bn chun b to ra. Title: Bn in vo tiu ca module. Position: Chn v tr ca module ny trn website. Bn quan st tip vng Menu Assignment, vng ny nh ngha nhng ni s xut hin module. Chn All cho tt c, None khi khng cho xut hin, Seclect Menu chn tng menu khc nhau.

PHIN BN TH NGHIM - LU HNH NI B

84

GIO TRNH THIT K WEB VI JOOMLA

Chng ta cn c vng Paramenters vi cc thng s thit lp. Ty vo loi module m c cc ty chn khc nhau. Khi qua bi s dng module thc t bn s hiu r cc thng s. Tn loi module (Module type) v tn th mc cha module phi trng nhau, v bt buc tin t Mod_ u.

BI 4: PLUGINCng tng t nh Module bn vo Extension > Plugin Manager qun l cc plugin ca mnh, Nhng khc vi module l plugin ch c mt duy nht. Bn khng ti no tm thy nt New to mi mt plugin c. Bn ch c mt cng vic i vi plugin l Enable n ln khi cn thit. Bng cch check vo vo ct Enable. Vic s dng plugin v cng cnh gic, v n l mt on m chy nn bn trong trang web, nn y chnh l ni m hacker ngm ngm tng cng. iu ny cng ging nh virus trn my tnh. Nu khng cn thn c th bn s ci vo mt plugin cha m thc thi nguy him.GIO TRNH THIT K WEB VI JOOMLA

PHN LOI PLUGINNu nh module phn loi theo v tr module v loi module th plugin phn loi thc hin theo chc nng ca plugin ny. V n ch c vi loi m thi: Authentication: Loi plugin ny phc v cho qu trnh chng thc, v ng nhp ca thnh vin. System: Loi plugin chy nu trong h thng, phc v cho qu trnh vn hnh h thng. Content: Phc v cho phn hin th ni dung ca trang web Editor: Plugin chuyn trch trong vic s dng trnh son tho vn bn. Search: Nhng on code lm ti u ha tm kim User: Code lm nhim v phc v cho vic s dng, qun l thnh vin. XML-RPC: Loi plugin c bit cho cc code XML. 85 PHIN BN TH NGHIM LU HNH NI B

BI 5: KHAI THC COMPONENTComponent l thnh phn hp dn nht trong Joomla. Nh c component m chng ta c th lm c nhiu vic hn t vic to mt trang web thng mi in t, n trang tin tc v nhng trang web m nhc. Trong bi ny ti s ni li vic ci t compont na, v vic ci t n cng ging nh ci nhng extension khc m thi. Ti s i vo hng dn cc bn s dng cc component hu ch c cung cp sn trong Joomla, v bi tip theo s l nhng component khc mnh m hn. Vic s dng component thng i km vi Module v plugin. V component khng th hin th ni dung ra trang web c, n ch thc hin qun tr ni dung m thi.

I : BannerBanner l component dng qun l vic ng qung co trn trang web ca bn. iu ny xut pht t nhu cu thc t khi trang web ca bn mun tng doanh thu t vic qung co. 1 : Cc cp qun l Cng ging nh mt Article, trc khi to ra mt bng qung co trn ln trang web th bn cn c cc cp pha trn n qun l. banner ta c cc cp Categories, Client, Banner. Tuy nhin gia Categories v Client khng c quan h vi nhau,c hai cng c mt lin kt vi Banner. 2 : to mt bng qung co Thc hin theo tng bc sau : To Categories : Vo Componetns > Banner > Categories.

Chn New, v in thng s quen thuc nh Title, Alias, Images

PHIN BN TH NGHIM - LU HNH NI B

86

GIO TRNH THIT K WEB VI JOOMLA

To Client: Vo Componetns > Banner > Clients

Chn New, in cc thng tin yu cu.

Chun b nh cn ng lm qung co.

Upload bc nh ln th mc Images/Banners To qung co Vo Componetns > Banner > Banners

GIO TRNH THIT K WEB VI JOOMLA

Bm New bt u to qung co mi. Name: L tn cho bng qung co ny. Category: Tr n categories thch hp Client name: Tn t chc khch hng. Banner Images: Chn n tm anh cn ang lm qung co. Click URL: ng dn n trang web khi click vo qung co. ng qung co Vo qung l Module, chn New mt module mi. 87 PHIN BN TH NGHIM LU HNH NI B

Chn loi module cn thm l Banner in trn cho module, v v tr ca n. Chn Banner Client v Category thch hp.

II: ContactsContacts l component dng trong vic qun l danh sch a ch lin h. Vic qun l a ch lin h cng c phn loi theo Category, nn vic u tin bn cn lm l to Category. Bn vo Components > Contacts > Categories, chn New to mi category. Tip tc vo Components > Contacts > Contacts, chn New thm thng tin lin h mi. Hai thng s cn ch l Category bn nh chn n category thch hp. Thng s Link to User gip bn lin k n user ng k trn website. V mt iu v cng quan trng l chng ta phin in thng tin lin h trong vng Information.

II: News FeedComponent ny dng to mt trang tin tc ly t ngun RSS ca mt trang web khc. Cng vic u tin bn cng to Category lu gi mi bng feed. Bn vo Coponents > News Feed > Categories, chn New. To mi mt Feed bng cch vo News Feed > Feeds. Hai thng s quan trng l Category yu cu tr n category lu gia feed nay, v thng s Link bn nhp ng dn n trang RSS. PHIN BN TH NGHIM - LU HNH NI B 88

GIO TRNH THIT K WEB VI JOOMLA

Hin th Feeds: To xong feed th n cha c hin th ngay m cn thng qua mt module c tn l Mod_Feed. Bn vo phn qun l module, thm mi mt module c tn l Feed Display.

IV: PollsPlols l cng c to kho st trc tuyn, v d nh bn chun h to kho st sau: Bn l sinh vin thuc khoa no? Khoa Mng My Tnh & Truyn Thng Khoa Phn Mm Khoa Khoa Hc My Tnh Khoa K Thut My Tnh Khoa H Thng Thng Tin

GIO TRNH THIT K WEB VI JOOMLA

u tin vo Componetns > Polls, chn New bt u to mt Poll mi. in tn cho poll v cng l cu hi trong Title. Mt thng s cn lu l Lag, y c ngha l khon thi gian gia hai ln bnh chn ca mt ngi dng, n v tnh l giy.

iu tuyt nhin phi c ca cu hi kho st chnh l cc la chn. Bn in cc la trong vng Options.

89

PHIN BN TH NGHIM LU HNH NI B

Cng vic cha xong, bn cn to mt module hin th poll ny ra trang ch. M trang qun l module, chn New mt module kiu Poll.Trong vng Paramenters bn cn phi chn n poll to ra trn. ng qun chn v tr cho module. Sau cng th cng xong, bn c th xem kt qu.

V: SearchComponent ny cho php qun l vic tm kim bi vit ca ngi khch tham quan gh qua website ca bn. Vi d bn vo trang web, g mt t kha vo Search, ri quay li Components >Search xem kt qu.

VI: Web LinksWeb Links cho php qun l cc lin kt n trang web, bn c th to ra mt trang web danh b website bng chc nng ny. PHIN BN TH NGHIM - LU HNH NI B

90

GIO TRNH THIT K WEB VI JOOMLA

u tin bn cng vo Components > Web Links > Categories, chn New thm mt danh mc mi. Sau vo Web Links > Link, chn New mt link mi.

Lm th no hin th trang nhng lin kt ny ln trang ch? Chng ta s tm hiu vic ny sau, trong bi gii thiu v Menu.

BI 6: TO V QUN L MENUMenu l nhu cu khng th thiu ca website. Bn c th to mt menu n gin, hoc tinh hn bn cng c th to ra menu c hiu ng chuyn ng p mt. Tt c cng vic t to menu, n qun l menu u c thc hin trong menu Menus > Menus Manager. Ti y chng ta thy cc menu do d liu mu to ra. Chng ta s kho st vi ty chn trong phn Menu Manager ny: Published: cho bit cc lin kt c trong mt menu. Modules: Cho bit s module ang s dng menu. Type: cho bit loi menu

To MenuSau y bn hy thc hin theo cc bc sau, to ra mt menu mi. To danh mc menu: Vo Menus > Menus Manager, chn New to ra mt menu mi. in cc thng s yu cu sau:GIO TRNH THIT K WEB VI JOOMLA

Unique Name: y l tn nh danh, n khng c trng nhau gia cc menu. Title: Tn ca menu Description: M t cho menu Module Title: Tiu u ca module. Thm cc thnh phn cho menu:

91

PHIN BN TH NGHIM LU HNH NI B

lm iu ny bn chn vo biu tng Menu Items, hoc vo menu Menus > chn tn menu trong danh sch. Chn New mt thnh phn mi, ti y chng ta c kh nhiu la chn cho lin kt ca menu. Chng ta cng kho st qua mt s loi nh sau: Internal Link: Tp hp nhng loi lin kt bn trong h thng. Archive: Lin kt n mt trang lu tr. Article: Lin kt n bi vit. Category : Lin kt n category. Section: Lin kt n section Contacts: Lin kt n mt a ch lin h to trong component Contacts. Polls: Lin kt n mt poll to trong component Polls Web Links: Lin kt n mt web link to trong Component Web Links. External Link: Lin kt n mt trang web bn ngoi. Mi khi bn ci t mi mt Component s c nhng loi lin kt khc nhau c tao ra. Hin th menu ln trang web: Mi mt menu s tng ng vi mt module c to ra mt cch t ng hin th n ln trang ch. Module ny c to ra c tn m bn khai bo trong Module Title lc to mi module, by gi ch vic m n trang qun l module bn enable n ln.

MENU c Bit chnh l menu ch xut hin khi ngi dng ng nhp ti khon ca mnh ng k. Mt tnh hung sau y kh hu ch cho cc bn, bn to mt website tin tc, v c cng tc vin khp mi ni, h s post bi vit v cho bn. Lm th no? u tin bn to mt menu mi c tn l User Menu. Tip theo bn to cc Item theo bng sau:Menu Item Your Details Access Level Registered Type User User

PHIN BN TH NGHIM - LU HNH NI B

92

GIO TRNH THIT K WEB VI JOOMLA

Submit Article Submit Link Log Out

Special Special Registered

Articles Form

Article

/

Web Links Web Link / Form User Login

chnh l vi v d cho menu c bit, bn c thy cc la chn menu c bit trong lc to Item Menu.

To DropDown MenuDropdwond menu c ngha l mt menu x xung, khi bn r chut vo menu cha. iu ny rt tuyt vi i vi mt trang web c nhiu chuyn mc. lm c iu ny chng ta cn s h ca mt module c tn l SuperfishMenu. Bn c th tm v ti module ny trn trang web http://joomlacode.org/gf/project/superfishmodule/frs u tin bn hy to mt menu mi c dng cha-con. lm iu ny bn cng to menu nh bnh thng, nhng lu khi to Item Menu, trong vng Parent Item hy chn mt menu l parent cho n. Tuy nhin, bn nh khng cho hin th module n menu ny. Tip theo, vo qun l module sau khi ci xong Superfishmenu. Bn s tm thy mt module cha c enable c tn l Superfish Menu, hy enable n ln, v chn vo n hnh. Trong vng Module Paramenters, chc chn rng bn chn ng tn menu cn s dng lm dropdown menu trong trng Menu Name.GIO TRNH THIT K WEB VI JOOMLA

Mt s ty chn hin th khc: Superfish Menu Style: Ti y c nhiu kiu la chn cho kiu menu dropdown, c th l Item x xung theo chiu dc (Horizontal), hay chiu ngang (Nav-Bar) Animation: Hiu ng xut hin ca mi item khi bn r chut n menu parent ca n.

93

PHIN BN TH NGHIM LU HNH NI B

BI 7: KHAI THC MODULE C SN TRONG JOOMLAMc nh Joomla cung cp cho chng ta kh nhiu module hu ch, m bn c tm hiu cch s dng mt s trong nhng bi va qua. Trong bi hc ny, ti tip tc gii thiu n cc bn nhng module hu ch khc.

I: Latest News (Tin mi nht), Popular (Tin c nhiu nht)Module Latest News c chc nng lc nhng bi vit mi nht, tc l mi c vit, cn Popular th lc nhng bi vit c xem nhiu nht. Module ny thch hp khi bn lm mt trang web tin tc. s dng module ny bn cng to mi mt module kiu mod_latestnews v mod_mostread nh bnh thng. Lu thm mt vi thng s ci t nh sau:

II: Whos OnlineModule ny cho bit s ngi ang online trn website ca bn. s dng module bn to mi n vi tn module l mod_whosonline Trong phn thng s, bn c mt thng s cn lu l Display vi 3 ty chn ch hin th Guest / Memmber (cho c khch v thnh vin), Member Name (ch hin th cho thnh vin),Both (c hai u khng hiu th)

PHIN BN TH NGHIM - LU HNH NI B

94

GIO TRNH THIT K WEB VI JOOMLA

Count: S link ti bi vit c hin th, mc nh l 5, bn c th thay i cho ph hp vi website. Section ID v Categoty ID: Hai thng s ny tr n section v category bn mun lc thng tin.

III: News FlashVi module s hin th mt mu tin ngu nhin, dng text. Tin ny c trch t bi vit ca bn, v thng thng th l phn intro text nu c. s dng bn to mi module c tn l mod_newsflash Lu : Nu bi vit khng c read more n s ly ht bi vit hin th. Chng ta c vi thng s cu hnh cho module ng ch nh: Category: Chn n category s lc bi vit. Layout: Chn kiu b cc hin th. Read moreLink: C hin th lin kt xem chi tit hay khng.

IV: Customs HTMLModule ny rt hu ch trong trng hp bn mun t ty bin mt module. Tc l bn s t thit kt mt phn hin th ca module ny. s dng bn to mi mt module c tn l mod_custom. Ti trang cu hnh module bn cn vit g vo trong trng Custom Output. c bit l bn c nhiu ty bin hn khi bn bit s dng HTML, bng cch bm vo biu tng HTML m ca s son tho HTML ra.

GIO TRNH THIT K WEB VI JOOMLA

95

PHIN BN TH NGHIM LU HNH NI B

CHNG 5: TING VIT TRONG JOOMLA& BI 1: VIT HA JOOMLAJoomla! 1.5 ra i nh du s nhy vt c v cch trnh by, giao din, tnh nng, kin trc v "...h tr tt c cc ngn ng c tp k t c biu din bng bng m UTF-8..." . Vi Joomla! 1.5 vic bn a ha tr nn d dng hn, ton din hn (s dng bng m Unicode v cho php bn a ha c phn front-end, back-end). Bi vit ny s gip cc bn nhanh chng Vit ha Joomla! T u n gi c mt thnh phn m rng m ti cha nhc ti. chnh l Languages, n cng c xem l mt thnh phn m rng.

I: HNG DN T VIT HAVit ha phn tin snh front-end (pha ngi s dng) Cc gi ngn ng phn tin snh ca Joomla! 1.5 c lu trong th mc "\language". Gi ngn ng ting Anh s c lu trong th mc "\language\en-GB". Trong th mc ny li c cc file sau: index.html: trnh cc hacker lit k cc file v th mc. en-GB.xml: M t cc thng tin lin quan ti gi ngn ng. en-GB.ignore.php: Danh sch cc k t b qua khi tm kim. en-GB.ini: File ngn ng chnh ca Joomla! en-GB.com_xxx.ini: File ngn ng cho component c tn l com_xxx. en-GB.mod_xxx.ini: File ngn ng cho module c tn l mod_xxx. en-GB.plg_xxx.ini: File ngn ng cho cc plugin c tn lin quan. .. to gi ngn ng ting Vit. Chng ta lm nh sau: Bc 1. To th mc cha gi ngn ng ting Vit: "\language\vi-VN" Bc 2. Copy ton b cc file trong th mc "\language\en-GB" ti th mc "\language\viVN" Bc 3. Thay phn tin t ca tn cc file ting Anh (en-GB) bng tin t ca file ting Vit (vi-VN). Ngha l ta c cu trc th mc cha gi ngn ng ting Vit nh sau: \language\vi-VN\ ---------------\index.html ---------------\vi-VN.xml ---------------\vi-VN.ignore.php ---------------\vi-VN.ini ---------------\vi-VN.com_xxx.ini ---------------\vi-VN.mod_xxx.ini ---------------\vi-VN.plg_xxx.ini

PHIN BN TH NGHIM - LU HNH NI B

96

GIO TRNH THIT K WEB VI JOOMLA

Bc 4. Thay file "vi-VN.xml", "vi-VN.ignore.php" bng 2 file nh km sau: http://www.vinaora.com/joomla/download/Joomla_Vietnamese_Language_Pack_1_5.zip Bc 5. M cc file *.ini bng trnh son tho Notepad++ (khuyn co). Bc 6. Chn nh dng (m menu Format) khi lu cc file ny: "UTF-8 without BOM" (lu cc k t ting Vit nhng khng chn thm k t nh du UTF-8 u file). Bc 7. Tin hnh Vit ha. Thay cc t/cm t ting Anh bng t/cm t ting Vit tng ng. Vit ha phn hu snh back-end (pha ngi qun tr) Gi ngn ng ting Anh ca phn hu snh Joomla! c lu trong th mc "administrator\language\en-GB". Vic Vit ha c tin hnh tng t nh phn tin snh front-end ca Joomla!.

II: HNG DN VIT HA BNG GI NGN NG C SN s dng ting vit trong Joomla chng ta ch cn ti v hai gi ngn ng ting Vit c vit ha sn dnh cho phn Front-end v Back-end. Ti gi ngn ng t trang web http://tinyurl.com/viethoa-joomla tm n phn Language, chn Viet Nam. Bn s ti v c hai gi dnh cho hai phn Front-end v Back-end

Tin hnh ci t hai gi ngn ng ny nh ci mt extension bnh thng. Vo menu Extensions > Languages Manager. Trong tab Site chn ngn ng Viet Nam, ri bm Default. Lm tng t cho tab Administrator chn gi ting Vit cho giao din Admin.GIO TRNH THIT K WEB VI JOOMLA

Reset li trang ch s thy ting vit xut hin. Tuy nhin cn lu l vic Vit ha ny ch vit ha phn giao din, cn c s d liu, tc l bi vit vn cn l ting Anh.

97

PHIN BN TH NGHIM LU HNH NI B

BI 2: CI B G TING VIT VO TRANG WEBThnh thong bn vo mt trang web, v thy mt thanh cng c nh iu khin vic g ting vit t u . Lc ny mc d trn my bn khng c ci trnh g ting vit Unikey nhng bn vn g c ting vit. Ti sao vy? Chnh l trang web ci sn mt b g ting vit trn .

I: Ci t b g ting Vit AVIM th cng cho JoomlaB g A.V.I.M - Advanced Vietnamese Input Method (tn gi c l H.I.M) ca tc gi ng Trn Hiu c pht trin bng ngn ng Javascript, c th d dng tch hp AVIM vo website, din n. AVIM c th hot ng tt vi IFRAME nn s kt hp c vi cc b g thuc dng webbased WYSIWYG (b son tho tch hp trn web, forum, blog...) khc c vit bng Javascript hay s dng cng ngh AJAX. l b g u tin tng thch cng lc vi trnh duyt FireFox ln Internet Explorer vo thi im pht hnh. im mnh ca AVIM l kh nng tng thch. Cho n thi im hin ti, phin bn AVIM 20070613 hot ng trn kh nhiu trnh duyt nh Internet Explorer, FireFox, Safari, Opera, Konqueror... AVIM chy "ngon lnh" trn hu ht cc h iu hnh Windows, Linux, Solaris, Mac OS... Hin nay, s lng website v din n ti Vit Nam s dng AVIM rt ph bin nh HVA, DDTH, HN-AMS, Wikipedia Vit Nam, VN UNITED, JoomlaViet, ITP Students Forums...AVIM

Gn y AVIM cn c pht trin thnh module cho FireFox v Yahoo Messenger. Thc hin ci t b g AVIM: Bc 1: Download AVIM bn mi nht Blog ca tc gi: Hieu's Blog Download link: http://sourceforge.net/ Bc 2: Thit lp cc thng s M file AVIM (VD: AVIM20070613.js) m bn va download v v sa cc thng s sau (nu mun) method=0 //Cch g ting Vit, 0=T ng, 1=TELEX, 2=VNI, 3=VIQR on_off=1 //1=Bt b g, 0=Tt b g dockspell=1 //1=C kim tra chnh t, 0=Khng kim tra chnh t dauCu=1 //1=B du kiu c (o`a, o`e, u`y) useCookie=1 //1=C s dng Cookie, 0=Khng s dng cookie

Bc 3: Upload file AVIM ln Joomla Upload AVIM ln th mc Joomla: t trc tip vo th mc Joomla

PHIN BN TH NGHIM - LU HNH NI B

98

GIO TRNH THIT K WEB VI JOOMLA

Joomla ------\templates ------\templates\vinaora ------\templates\vinaora\index.php ----------------------------------------avim20070613.js ------index.php

Bc 4: Nhng AVIM vo Website Joomla M file index.php trong th mc templates\templa_cua_ban. VD:"Joomla\templates\vinaora\index.php"

Tm n trc th v thm on m sau

(nh thay http://vinaora.com = Website ca bn) Bc 5: Nhng AVIM vo phn qun tr Nu l Joomla 1.5: m file index.php trong th mc "administrator\templates\khepri" Nu l Joomla 1.0.x: m file index.php trong th mc "administrator\templates\joomla_admin" Sau lm tng t nh bc 4 Bc 6: Chy th M Website ca bn. VD: http://vinaora.com F12: bt/tt b g F9: thay i kiu g (lun phin T ng, Telex, VNI, VIQR) F8: bt/tt ch kim tra chnh t. F7: bt/tt ch b du theo kiu c ("a", "y"...).

II:Ci t b g ting vit AVIM bng Module.GIO TRNH THIT K WEB VI JOOMLA

Bn tm v ti module mod_vavim ti a ch http://joomlacode.org/gf/project/vinaora_avim/frs/ Sau khi ti v bn c mt module, hy tin hnh ci t nh extension bnh thng. Sau bt n ln vi vi thng s cu hnh sau: Style: Chn ch hin th cho module nh y (full), dng la chn x xung (Drop Down List), n lun (Hide) Input Method: Ch g mt nh khi ngi dng khng tc ng.

99

PHIN BN TH NGHIM LU HNH NI B

BI 3: LI HIN TH TING VITRt nhiu bn sau khi ci t Joomla! 1.0 hoc Joomla! 1.5 (bn mi nht hin nay l 1.0.15 v 1.5.7) nhn thy Website ca mnh b li Ting Vit. C th l li mt phn (ti mt s ch trn menu, mt s ch trn tiu bi vit, trong phn ni dung...) hoc li ton b. C th l Website hin ton du hi chm (???) hoc ni dung b bin thnh cc k t l nh "Li ting Vit c th do nhng nguyn nhn n o". Xin gii thiu vi cc bn mt s nguyn nhn v cch x l.

Thng tin chungJoomla 1.0.x khng h tr hon ton cho UTF-8 (ni dung c lu vo database khng phi l ting Vit thun ty). Joomla 1.5.x h tr UTF-8 hon thin hn v thng ch b li do template.

Do databaseBn cn kim tra phin bn MySQL (ti thiu: 4.1.x) Khi to database cn chn "MySQL connection collation": utf8_general_ci

Do file ngn ng trong th mc "Joomla\languages\"Kim tra tt c cc file ngn ng nh: "english.php", "vietnamese.php", "vietnam.php"... Tm bin _ISO v thay bng gi tr nh di y/** templates/*.php */ DEFINE('_ISO','charset=utf-8');

Do file "index.php" trong th mc templatesBn cn vo file \templates\{template-cua-ban}\index.php: Nu c dng: Advanced v ty chnh cu hnh trong .GIO TRNH THIT K WEB VI JOOMLA

afterLoad: afterInitialise: afterRoute: afterDispatch: afterRender:

0.001 0.073 0.087 0.112 0.259 Usage

seconds, seconds, seconds, seconds, seconds,

0.23 2.16 2.83 3.64 4.45

MB MB MB MB MB 4702404

II: TI U HA DATABASEDatabase c to ra mt cch t ng, v khi chng ta ci nhiu thnh phn m rng th nhng table trong database s tng ln. Khi bn g b mt thnh phn m rng i, i khi database ny s khng b g b. iu ny gy mt thi gian khi website truy vn n database. Nguyn tc u tin l bn hy tm n nhng table no khng s dng n v xa n i. Nguyn tc th hai l chng ta p dng php ti u ha database m trnh ngn ng d liu MySQL cho php. PHIN BN TH NGHIM - LU HNH NI B 146

Vi nguyn tc th nh: Bn vo trong qun tr PHPMyAdmin, chn n database ca website. Chng ta c ct Size cho bit dung lng ca d liu trong mi bn. Nu ct bng 0 th bn hy xa n i. Nhn qua ct Overhead cho bit bng no ang vt qu dung lng cho php. Bn suy xt xem bng c c dng trong website hay khng, nu khng th nn xa n i

Vi nguyn tc th hai: Bn cng vo trong qun tr PHPMyAdmin, chn database ca website, v check ht tt c cc table bng cch click vo Check All. K tip trong khung chn With Selected hy chn Optimize Table

GIO TRNH THIT K WEB VI JOOMLA

Mt cu lnh truy vn MySQL s gip chng ta ti u ha d liu.

III: TO NG DN THN THIN147 PHIN BN TH NGHIM LU HNH NI B

Trc khi to ng dn thn thin th ng dn ca chng ta n mt bi vit chng hn s l http://localhost/joomla15/index.php?option=com_content&view=article&id=5:joomla-licenseguidelines&catid=25:the-project&Itemid=2 Rt l phc tp phi khng, trong n bao gm nhiu thng tin nh section, category, tn bi vit y chng ta cn thy gi tr ID, chnh gi tr ny cng l con ng cho hacker tng cng vo website. Mt a ch di s lm thi gian truy tm a ch trn mng tng ln. ti u chng ta s gim trng a ch ny. Bn vo Site > Global Configuration, trong tab Site, tm n vng Seo Sttings, v chn YES trong trng Seatch Engine Friendly URLs.

Sau khi bt ln th a ch ca chng ta s l http://localhost/joomla15/index.php/contentlayouts

IV: MT S PHNG PHP TI U KHCMt s phng php sau y tuy nh nhng cng lm nh hng n website ca bn: S dng cng t nhng thnh phn m rng (Extension) ch dng nhng g cn thit, trnh ci t qu nhiu m khng s dng. Gim ni dung hin th ca trang ch, nhm lm tng tc truy cp vo trang ch ca bn. Ti u ha d liu media (hnh nh, video) T chc d liu thnh tng nhm (sections), ch (category).

BI 3: XUT BN WEBSITE LN INTERNETI: HNG DN NG K HOST FREE TI BYETHOSTC rt nhiu dch v cung cp host free cho cc bn thc hnh thit k web. Nhng y, ti s s dng host ca nh cung cp Byethost. Bi nhng u im m n mang mng. Dung lng lu tr v bng thng cao. Khng c qung co. H tr tt cho PHP, MySQL. Ci t t ng nhiu b qun tr ni dung khc nhau, trong c Joomla.GIO TRNH THIT K WEB VI JOOMLA

Cc bc hng dn ng k host ti byethost nh sau: Bc 1: Truy cp vo a ch http://byethost.com xem pha trn v click vo Sign Up Now, mt bng yu cu thng tin hin ra, bn nhp thng tin, bm Registrer

PHIN BN TH NGHIM - LU HNH NI B

148

Bc 2: Bm Click Me To Continues, in m s bo mt, bm Register.

Bc 3: Mt email kch hot c gi n email ng k bc 1, bn truy cp vo link kch hot.

GIO TRNH THIT K WEB VI JOOMLA

Bc 4: in tip m s xc thc mt ln na, bn s nhn c mt bng thng tin. 149 PHIN BN TH NGHIM LU HNH NI B

Nhng thng tin nhn c ny lin quan n host m bn nhn c, n rt quan trng, v vy bn hy lu n li. Nu khng lu cng khng sao, v n cng ng thi c gi n email ca bn. Thng tin nhn c ch nhng thng tin sau: Username v password: Username c pht sinh ngu nhin, n khng phi l username m bn ng k bc 1. Thng thng c dng by_xxxxxxx, trong y_xxxxxx l s ngu nhin. i khi bn s qun con s ny. FTP Server: Thng thng c dng ftp.byethostx.com trong x l s ngu nhin. SQL Server: Cng l ngu nhin c dng sqlxxx.byethostxx.com , trong x cng l ngu nhin. Control Panel: L quan trng nht, nu khng nh nhng a ch trn bn c th xem li khi vo y. V y cng l ni qun l host ca bn. N l c nh c a ch http://cpanle.byethost.com hoc http://panel.byethost.com

-

Bc 5: ng nhp trang qun tr host ti a ch cpanel trn, v ng nhp ti khon c cung cp.

PHIN BN TH NGHIM - LU HNH NI B

150

GIO TRNH THIT K WEB VI JOOMLA

-

II: QUN L FILE TRN HOST1: Online File Manager y l phng php qun l file bng cch s dng ngay trnh duyt internet. Phn ny s hng dn cc bn nhng bc c bn qun l file online. Bc 1: Trong giao din Cotrol Panel, chn Online File Manager, trong vng File Manager

GIO TRNH THIT K WEB VI JOOMLA

Bc 2: Mt giao din qun l file m ra. trang web hot ng bn phi upload cc file h thng vo th mc htdocs. Bn d dng nhn thy mt file c tn l DO NOT UPLOAD FILE HERE nhc nh chng ta khng upload file vo th mc root.

151

PHIN BN TH NGHIM LU HNH NI B

Bc 3: M htdocs v bm nt Upload ti file ln. Nhn ln file cc nt cng c bn d dng thao tc vi cc nt nh New dir, New file, Copy, Move 2: FTP Manager Giao thc FTP l giao thc truyn ti file thng dng nht hin nay. C rt nhiu phn mm gip chng ta qun l file qua giao thc FTP nh CuteFTPnhng phn mm ny c gi FTP Client. Nhng trong bi ny ti s hng dn cc bn s dng ngay trong Window ca mnh. n gin l cc bn s dng Windows Explorer. Bc 1: M Windows Explorer, ti thanh a ch g ftp://ftp.byethost24.com l a ch ca FTP server m bn ng k.

Bc 2: Trang thng tin ng nhp hin ra, bn nhp username v password n ftp server ng k vo. m bo l bn khng chn Log On Anonymously

Bc 3: y l qun l file theo giao thc FTP, bn thy n ging nh mt th mc bnh thng trong Windows. By gi vic upload tht n gin nh thao tc copy bnh thng trong windows. Tuy nhin b li n cng c nhiu khuyt im ca n, v khng thch hp cho ngi dng chuyn nghip. PHIN BN TH NGHIM - LU HNH NI B

152

GIO TRNH THIT K WEB VI JOOMLA

III: XUT BN WEBSITE LN INTERNETNu bn c mt website do bn thit k trn my tnh, tc l local. By gi ti s hng dn cc bn chuyn n ln host tht, tc l mi ngi c th truy cp c. Theo nguyn l th bn phi upload tt c cc th mc v file h thng trong th mc cha web ln host, theo hai cch m ti va hng dn cc bn nh trn. Nhng may cho cc bn l trong Byethost c h tr cho cc bn ci t t ng Joomla, v vy chng ta s gim bt thi gian phi up ton b websie xung ch cn ti ln nhng file cha c. Bc 1 : Vo Control Panel, bm vo lin kt iVista - Easy Script InstallationGIO TRNH THIT K WEB VI JOOMLA

Bc 2 : Chn tn min m bn mun ci website ca mnh ln . (V Byethost h tr bn to nhiu host c tn min khc nhau). Bm Proceed.

153

PHIN BN TH NGHIM LU HNH NI B

Bc 3 : Chn source m bn mun ci t, chng ta chn Joomla 1.5.xx, y cn c nhiu web source khc nhau cho bn tha mi la chn. Chn web sourcre no bn bm Install Now bn cnh n.

Bc 4 : Chn th mc ci t. Nu bn mun ngi dng truy cp trc tip vo domain ca bn vo web th trng. Ti s gii thch k mt cht ch ny, v d bn c domain l http://dctuit.byethost24.com Nu bn b trng bc ny th website ca bn s l http://dctuit.byethost24.com Nhng nu bn t tn cho th mc, v d nh Joomla15 th website ca bn s l http://dctuit.byethost24.com/Joomla15GIO TRNH THIT K WEB VI JOOMLA

Bc 5 : Nhn thy thng tin website ci t thnh cng. Bn th truy cp website ca mnh, s thy website xut hin vi d liu mu. Thng tin bn cn nh li l SQL Database name used. V d y l b24_5012199_83232 PHIN BN TH NGHIM - LU HNH NI B 154

Bc 6 : M li Control Panel, chn vo MySQL Databases trong vng Database Management

Bc 7: Xa b i CSDL c, vo to mt CSDL mi. xa bn chn tn CSDL trong phn Delete Database, ri bm Remove Database. to mi bn nhp tn mi phn Create a New Database, v bm Create Database. Lu rng tn mi to ra lun c tin t b24_5012119 pha trc tn m bn t.

GIO TRNH THIT K WEB VI JOOMLA

Bc 8: Bm vo Admin cnh tn CSDL va mi to n vi trang qun tr PHPMyAdmin ca CSDL ny. Trang qun tr y ging vi trn local m bn thc hnh t nhng bi trc. Do ti khng ni nhiu na. 155 PHIN BN TH NGHIM LU HNH NI B

Bc 9: Import CSDL m bn to trn local vo y. Cc bc import c ti ni trong bi trc. Nu cha hiu bn hy tm li. Bc 10: M trnh qun l file theo cch no do bn chn. Upload nhng file cn thiu ln. Thng thng s thiu trong cc th mc Modules, Components, Plugins, Images, Language, Templates. bit file no cn thiu bn c ti ln ht, chng trnh s hin mt thng bo cc file tn ti, v bn chn script (b qua) nhng file c. Bc 11: Bn cn cu hnh li file Configuration.php. Hy m n ra bng ch edit ca Online File Manager cng c. Tm n dng var $db = 'b24_5012119_83232'; v thay b24_5012119_83232 bng tn CSDL mi v d ny l 'b24_5012119_abc' Bc 12: Truy cp th website ca bn xem c thnh cng hay khng. Nhiu bn ngh l ti sao khng Drop cc table trong CSDL c v import d liu mi, lm nh vy s khng phi chnh sa file Configuration.php na. iu ny s lm website khng hin th ting vit c. V CSDL t ng to ra khng h tr Unicode. i vi cc host khc c h tr ci t t ng th bn cng lm tng t. Nu khng c bn phi ti ln tt c cc file.GIO TRNH THIT K WEB VI JOOMLA

IV: THNG S CN CH KHI TI WEBSITE LN INTERNETTrong file Configuration.php c nhng bin cha thng s quan trng cho kt ni website ca bn vi CSDL. Khi xut bn website ca bn ln internet, bn cn ch mt vi thng s sau y, nu gp trng hp website b li do khng kt ni c n CSDL bn hy m file ny ra, xem mnh ghi ng cu hnh cha. var $host = 'localhost'; bin ny l a ch host ca SQL Server. Trn my tnh th n l localhost. Nhng trn mng th c khi khc. in hnh nht l trong trng hp ca Byethost l a ch SQL Server bn nhn c khi ng k host. V d var $host = ' sql101.byethost24.com ';

PHIN BN TH NGHIM - LU HNH NI B

156

var $user = 'root'; Username ng nhp n SQL Server. Trong trng hp ca Byethost th c cung cp ri. V d var $user = 'b24_5012119'; var $db = 'databasename'; Tn ca CSDL. Bn nh ghi ng tn, v nh rng n c tin t mc nh ca nh cung cp dch v pha trc.V d var $db = 'b24_5012119_abc; var $password = '123456'; Khng cn ni nhiu th bn cng bit y l password dn n SQL Server. Lu n khng phi l mt khu admin ng nhp trang qun tr Web Joomla. --------------------------------------------------------------------------------------------------------------------

GIO TRNH THIT K WEB VI JOOMLA

157

PHIN BN TH NGHIM LU HNH NI B

LI CM NCm n cc bn dnh thi gian xem ht cun sch ny ca ti. Cha bit l bn c lm c website p hay khng, nhng bn c n dng ny chng t bn cng ang c mun tm hiu v Joomla. ng nn ch nu bn tht bi, hy tip tc khm nh. ng ngi lin lc vi ti nu bn gp rc ri. Tuy khng dm l s gip bn lm mt website tuyt p, nhng ti dm l bn s to website xem cng c.

TI LIU THAM KHOJoomla Development http://dev.joomla.org Joomla Docs http://docs.joomla.org Bi Ging Ca Trng Cng Ngh http://truongcongnghe.vn Vinaora http://vinaora.com

PHIN BN TH NGHIM - LU HNH NI B

158

GIO TRNH THIT K WEB VI JOOMLA