Mc ch:

T to website kt hp tt c cc mn m tng hc trc gm PHP, Flash, Photoshop, Video, SQL, PHP, HTML, CSS T pht trin website thng mi in t nh giao dch mua bn, thanh ton trc tuyn

Kt qu:
To c website 2.0 c h thng qun tr ni dung (CMS) Website khng ch chy t local m phi l website thc t chy trn Internet vi nhiu dng web dnh cho doanh nghip, shop bn hng, web tin tc. Dng web m c th giao dch mua bn hng ha v thanh ton trc tuyn theo chun th gii.

Tng thi gian gm 30 gi chia lm 10 bui 1. Ngy 01: Tng quan Joomla, Ci t, cu hnh Joomla, Templates 2. Ngy 02: To modules, component, plugin, templates dng sn (web cty) 3. Ngy 03: Web Photoshop => CSS, HTML v t to templates (web cty) 4. Ngy 04: To ni dung (Article), ch nh menu, ting Vit (web tin tc) 5. Ngy 05: Modules, Component, Plugin (web cty) 6. Ngy 06: Com Virtual Mart (web TMT) 7. Ngy 07: Com Virtual Mart, upload online, payment (web TMT) 8. Ngy 08: Forum Joomla/VBB, a ngn ng + projects thc t (web du lch) 9. Ngy 09: To form CKForm, URL Friendly, SEO + projects thc t (web BS) 10. Ngy 10: Nng cp & Bo mt + projects thc t (web hc vin) D kin sau 2 tun th c bui trnh by website thc hin

Templates
Giai on 01

Joomla CMS
Giai on 02

Project
Giai on 03

1.

2.

Hin nay, cc website c lm t Joomla rt nhiu. Ti Vit Nam th hn 2/3 cc cng ty thit k web s dng Joomla lm website cho chnh cng ty thit k web. Cn 1/3 s ngi cn li vn bo th v ch bai... Joomla (H thch phn mm "made in t tui" v ch bai ngi khc). Mt s cng ty thit k web khc th ng dng nhng b CMS v Frameworks khc nhau v tu thch cu mi ngi m chn b CMS cho cng ty mnh. Mi sn phm u c im u v im khuyt. Tu theo yu cu v mc thng tho ngn ng lp trnh thit k, bn s quyt nh chn ngn ng hoc frameworks no.

1.

2.

3.

4.

CMS l h thng cho php bn to, qun l, lu tr v chnh sa s lng ln cc ni dung m khng cn kh nng lp trnh hay vit code HTML. Bi v bn c th chnh sa ni ung t bt c mt my tnh c kt ni Internet no trn th gii, bn khng cn phi da dm vo cc nh pht trin web hay bn cng ty qun l website ca cc bn. CMS gm Giao din (Templates), Ni dung (Content) v Meta data. Hi kh hiu, nhng i loi ba yu t ny ng vai tr quang trng trong CMS: Giao din (Templates) l ha cho website, Ni dung (Content) l qun l tt c ni dung ca website, Meta data gip cho vic ti u ha cng c tm kim (SEO) CMS ngoi tnh nng chun th CMS Joomla cho php bn Addon Modules, Templates rt linh hat. Ni n gin web rt t ni dung/tnh nng/giao din ban u v d dng cho bn m rng cho ph hp theo yu cu ca web theo thi gian. CMS d dng update version mi nht theo phin bn pht hnh

1.

2.

3.

4.

Joomla l mt h qun tr ni dung m ngun m (Tng Anh: Open Source Content Management Systems . 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! l h thng qun tr ni dung m ngun m s 1 th gii hin nay. Linh hot, n gin, thanh nh, tnh tu bin rt cao v cc k mnh m, l nhng g c th ni v Joomla! c s dng trn ton th gii t nhng trang web n gin cho n nhng ng dng phc tp. Vic ci t Joomla! rt d dng, n gin trong vic qun l v ng tin cy Joomla! gip xy dng v trin khai cc website blog, website tin tc, website bn hng, website thng mi in t... cho ti mng cng ng, mng x hi trong mt thi gian ngn v tit kim nhiu cng sc 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.

1.

2.

3. 4.

5.

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 ot gii thng phn mm m ngun m s 1 th gii hin c khong 3,000 web chnh ph v hn 1,5 triu website ang s dng CMS Joomla nh Cc tnh bo M, B quc phng Anh, Citibank, eBay, General Electric, VN th 2 TP ln H Ni, HCMC Joomla chim khong 45% Joomla c m ngun m do vic s dng Joomla l hon ton min ph cho tt c mi ngi trn th gii. Phin bn mi nht l Joomla 2.5 vi c tnh ln nht l D dng update version mi; Nt tm kim tin li hn; H tr nhiu nh dng CSDL; Menu lin kt modules tin li hn; SEO a ngn ng; Ch : Version 1.5.x khng nng cp ln c 2.5 ngay!!!.

Ngoi cc vn l m ngun m min ph, kh nng bo mt cao, d dng s dng, cn iu g tuyt vi hn ng sau khin cho Joomla pht trin mnh v c nhiu ngi yu thch nh vy vi Joomla vic lp trnh, hiu chnh thm cc thnh phn, module, cc chc nng cho n l mt vic rt d dng i vi cc lp trnh vin, v hu ht tt c cc ng dng u c chia s min ph, chnh l iu tuyt vi nht Sau y l mt vi v d v cc ng dng c vit thm hoc c tch hp: To cc form linh hot, d dng v t ng To cc th mc v thng mi H thng qun l ti liu Th vin hnh nh v m thanh Ca hng o trc tuyn Din n tho lun To Blogging Tin tc qua Email (Email newsletters) H thng qun l banner V hng ngn cc ng dng khc ...

Tch hp E-commerce 2. Din n tho lun (Discussion forums) 3. Th vin nh (Photo galleries) 4. Qun l Video (Video management) 5. Lin kt mng x hi nh Facebook, Youtube 6. H tr a ngn ng (Multi-language support) 7. Ly tin t ng, RSS feeds 8. Thng k/Theo di (Statistics/tracking) 9. Download 10. Thay i giao din (templates) d dng 11. Ty bin d liu (extra-field) 12. Tch hp gia web v mobile web 13.
1.

Joomla! Template l mt gi bao gm cc file PHP, HTML, CSS, JS (Javascript), XML... v cc tm hnh, nh, biu tng, video, flash km theo to nn giao din (b cc v hnh hi) ca Website Joomla. Template mc nh ca Joomla! c 3 template c ng gi sn km theo: JA Purity (Joomlart), Rhuk Milkyway (RocketTheme) v Beez (Angie Radtke/Robert Deutz).

Cc template ny c t trong th mc [Joomla]/templates v nm trong cc th mc con tng ng.

Cc template ca Joomla! u c kh nng ty bin cao thng qua cch sp xp v t v tr cc module rt linh ng. Vic thit k Template kh d dng, thm ch ch cn vi gi l c th chuyn t mt template thun HTML/CSS hay mt template ca mt PORTAL / CMS khc sang template Joomla. Bn c th dng cng lc vi template khc nhau trn cng website. Chng hn i vi trang HOME bn gn n vi template JA Purity, cn trang DOWNLOAD li gn n vi template Rhuk Milkyway... S lng template Joomla free (template min ph) v template Joomla commercial (template c ph) c cung cp trn mng hin nay l mt con s m nhiu PORTAL / CMS / BLOG khc phi knh n. C ti hng nghn thm ch hng chc nghn template.

Ci t mt Joomla Template t trang qun tr v n ging nh cc thnh phn m rng khc (component, module, plugin, language...), ci t mt Joomla Template, chng ta m trang qun tr v s dng menu Extensions >> Install / Unistall. C 3 kiu ci t khc nhau:
Upload t my tnh ca bn Ci t t mt th mc trn Hosting Ci t t mt lin kt bn ngoi Webssite ca bn

Yootheme - http://yootheme.com/demo 2. JoomlArt - http://www.joomlart.com/demo/ 3. Gavick - http://demo.gavick.com/ 4. Rocktheme - http://demo.rockettheme.com/ 5. Bonustheme - http://www.bonusthemes.com/ 6. Joomlamarket - http://demo.joomlamarket.de/ 7. Icetheme - http://demo.icetheme.com/ 8. Shape5 - http://www.shape5.com/ 9. ZooTemplates - http://www.zootemplate.com/ 10. JoomlaXTC - http://demo.joomlaxtc.com/ 11. Templates Plazza - http://demo.templateplazza.net/ 12. ZooTemplates http://www.zootemplate.com/demo/
1.

Joomla Component l mt trong cc thnh phn m rng ca Joomla!, thc cht n l mt ng dng trong h thng Joomla!. Component c s dng thc hin mt chc nng ln no , chng hn nh: Cung cp tin tc, Qung co, Rao vt, t phng khch sn, Bt ng sn, Download... Mt component c hin th phn trung tm, hay phn chnh (mainbody) ca Website

Ging nh cc thnh phn m rng khc (module, plugin, template, language...), ci t mt Joomla Component, chng ta m trang qun tr v s dng menu Extensions >> Install / Unistall C tt c 11 component mc nh c t trong th mc [Joomla]/components tng ng vi k hiu l "com_xyz".
com_banners: Qun l bng qung co (banner) com_contact: Qun l cc u mi lin h (contact) com_content: Qun l v hin th bi vit (y l component quan trng nht) com_mailto: Qun l chc nng gi/nhn email com_media: Qun l cc tp a phng tin (video, flash, mp3, hnh) com_newsfeeds: Qun l vic ly tin t website khc com_poll: Cung cp chc nng bnh chn

com_search: Cung cp chc nng tm kim

com_user: Qun l thnh vin com_weblinks: Qun l v hin th danh mc cc website lin kt com_wrapper: Cho php nhng website khc trong ca s ca website Joomla

CKform => form lin h, book tour, order com_oziogallery2.3 => to th vin nh Flash com_phocagallery_v2.7.3 => th vin nh PHOCA com_phocamaps_v1.1.0 => Map v tr com_virtuemart_magiczoom => nh zoom + nhiu nh trong virtuemart com_ccboard_1_2-RC => forum Joomla com_flippingbook_for_1.5 => e-Catelogue K2_CMS => to tin, form order Joomla! Fish => to website nhiu ngn ng JOOMGALLERY_1_5_0_5 => th vin nh cho php upload nh d thi Com_widgetkit => a chc nng ca Yootheme

Joomla Module l mt trong cc thnh phn m rng ca Joomla, n l mt ng dng nh c s dng ch yu ly d liu v hin th thng tin. Module thng c dng kt hp km vi cc component nhm m rng, cng nh th hin r rng hn cc chc nng ca component Khng ging nh component, mt module c th c t bt k v tr no trn template hoc v tr do ngi dng t nh ngha. Ngoi ra mt module c th c nhn bn, ngha l cng lc c th xut hin ti mt v tr hoc cc v tr khc nhau

V tr ca module (module position) l ni m module c th c t vo . Mi v tr u c xc nh thng qua mt nh danh duy nht (mt ci tn), chng hn nh: left, right, top, bottom, user1, user2... Tn v s lng cc v tr ny c quy nh bi template. Cc template khc nhau th s lng v tr module cng nh tn ca chng c th khc nhau. Ngoi ra, trong qu trnh s dng ngi dng cng c th t nh ngha cc v tr mi sao cho ph hp vi yu cu ca mnh. Joomla! 1.5 c tt c 20 module mc nh c cung cp km theo. Cc module ny c t trong th mc [Joomla]/modules v nm trong cc th mc con tng ng vi k hiu l "mod_xyz". tm mt module joomla bn c th truy cp vo website Joomla Extensions. Lu : Mt s module ch thc hin ng chc nng khi n c ci t km theo mt component tng ng. Do vy bn phi c k hng dn s dng ca module . xem v tr module t website bn thm on code \?tp=1 hoc &tp=1

mod_archive: Module hin th cc bi vit c nh du "lu tr mod_banners: Module hin th cc qung co mod_breadcrumbs: Module hin th thanh iu hng mod_custom: Module hin th mt on m HTML bt k mod_feed: Module hin th tin ly t cc website khc mod_footer: Module hin th dng bn quyn cui Website mod_latestnews: Module hin th cc bi vit mi nht mod_login: Module hin th form ng nhp mod_mainmenu: Module hin th menu iu khin mod_mostread: Moudle hin th cc bi vit c c nhiu nht mod_newsflash: Module hin th tin vn / tin nhanh mod_poll: Module hin th bnh chn mod_random_image: Module hin th nh ngu nhin mod_related_items: Module hin th cc bi vit lin quan mod_search: Module hin th form tm kim mod_sections: Module hin th danh sch cc mc ca Website mod_stats: Module hin th cc thng s thng k ca Website mod_syndicate: Module cp tin cho cc website khc mod_whoisonline: Module hin danh tnh v s ngi trc tuyn mod_wrapper: Mudule hin th mt trang web bt k c nhng vo website Joomla

mod_yoo_carousel_1.5.17 => TAB INFO, slide hnh nh ly t artical mod_yoo_scroller => logo, sn phm chy qua li mod_yoo_gallery_1.5.4 => mod th vin nh mi tin bi mod_moopopup_J15 => qung co popup mod_maxdesign_float_ad => qung co trt 2 bn mod_pagepeel_banner_J15 => qung co stick ngay gc mn hnh mod_vvisit_counter.1.7.3 => m lt truy cp mod_GMap-0.12 => bn Google Map, ng k code Google API

mod_oziogallery-1.0.1 & com-oziogallery-1.0.8Y => flash banner mod_slideshow2_j15 => slide nh c ni dung mod_newsletter_subscriber => news letter mod_ht_support => chat Yahoo, Skype support mod_facebook_like_box => nhng member Facebook mod_gtranslate => a ngn ng dch theo Goole Translate

Joomla Plugin l mt trong cc thnh phn m rng ca Joomla! nhm gip thc hin mt cch t ng cng vic c th. Trong phin bn Joomla! 1.5 c tt c 32 plugin mc nh c cung cp km theo. Cc module ny c phn thnh 8 loi khc nhau v t trong cc th mc con tng ng ca th mc [Joomla]/plugins. Mt s plugin nh popup hnh nh, chn flash, tuyt ri, bin dch URL, widget bar, google analytics

Danh sch cc loi plugin ca Joomla!

authentication: Cc plugin chng thc quyn hn content: Cc plugin ni dung (bi vit)

editors: Cc plugin v trnh son tho

editors-xtd: Cc plugin h tr, m rng tnh nng cho trnh son tho search: Cc plugin v tm kim system: Cc plugin ca h thng user: Cc plugin v ngi dng xmlrpc: Cc plugin cho php qun tr Joomla!, vit bi t cc h thng khc.

Download cc plugin Joomla u? download cc plugin m rng khc ca Joomla, bn c th truy cp vo website Joomla Extensions v chn t danh mc c sn hoc theo t kha m bn ch nh

plg_jathumbnail => t to nh thumbnail wibiya_for_joomla => widget-bar footer plgjLike => Like facebook plg_snowxmas => hiu ng tuyt ri Pdfembed15 => ni dung cha file PDF plg_al_facebook_comments => comment web ng b Facebook plugin_openpotion_google_analytics_1.1 => nhng thng k Google Analytics jce_mediamanager_150 => chn flash, clips (ci trong com JCE)

1.

Chn Templates

Freecode.vn => copy title tem => Google Image => preview layout web Download ti web hoc search keyword=tn template + mediafire => download temp

2.

Intall Quickstar => Double templates ang dng => sa li file

Templatesdetail.xml => sa thng s website Favicons.icon => to file PNG 16x16px => vo web iconverticons.com => save format www

1.

To sitemap

Content Section Manager => to th mc cha Content Catelogue Manager => to th mc con Article Manager => to ni dung bi vit

2. 3. 4. 5.

Templates Manager => previews temp ang dng v tr no (Hoc cm t \?tp=1) Modules => ci mod theo tng v tr hoc disable mode ko dng Ci Component => config => y ni dung Hin th menu => Menu Main Menu => ch nh bi vit hoc com

1. 2. 3. 4. 5.

To website t Photoshop R website sang CSS + HTML Copy folder va to vo folder templates Rename HTML => index.php M file index.php mu t ja_purity

6.

Copy on u n </head> Thay i file CSS Copy thay on code ni dung di tab <div id="top_menu"> <jdoc:include type="modules" name=" top_menu " /> </div> Thay ht ton b v tr cc <div>

M file Word xem v tr

7.

n v tr ni dung chnh #content thnh <jdoc:include type="component" /> 8. Kt thc v lu di dng index.php

1. 2. 3. 4.

Copy file templateDetails.xml t b ja_purity lm mu Tm on position => sa li v tr dng layout To nh thumbnail size 200x150px Xem th vo fix li

1.

Link hay s dng

2.

Hng Joomla: www.joomla.org Download extenstions: http://extensions.joomla.org Joomla Vietnam http://freecode.vn Cng ng Joomla Vit http://joomlaviet.vn/ Din n Joomla ngi Vit http://forum.joomla.org/index.php/board,171.0.html Jooma Vit http://joomlavi.vn/vietnam/ Din Joomla Viet http://diendan.joomlaviet.vn/

Hosting PHP Joomla min ph

http://freevnn.com/ (300MB & 1 thng) http://www.byethost.com/