WebDesign and CMS for PRD event.

Web Design + Usability

ÍอÑั¤คÃรÇวØุ²ฒÔิ µตÓำÃรÒาàเÃรÕีÂย§ง
Open Source Education And Development Association

September 21,2010 - The Government Public Relations Department

Tuesday, September 21, 2010

About Me

ÍอÑั¤คÃรÇวØุ²ฒÔิ µตÓำÃรÒาàเÃรÕีÂย§ง
Akarawuth Tamrareang (JoomlaCorner)
- Board of Director - OpenSourceMatters.org
- Joomla! Bug Squad : joomla.org

- Founder JoomlaCorner.com
- Founder Marvelic Engine Co.,Ltd. : www.marvelic.co.th

¹นÒาÂย¡กÊสÁมÒา¤คÁมÈศÖึ¡กÉษÒาáแÅลÐะ¾พÑั²ฒ¹นÒาâโÍอàเ¾พ‹‹¹น«ซÍอÃรÊส
www.oseda.or.th

email : akarawuth@joomlacorner.com
akarawuth.tamrareang@community.joomla.org
: http://twitter.com/joomlacorner

2

ÍอÂยÒา¡ก¨จÐะÁมÕีàเÇวç็ºบäไ«ซµต ?

ÁมÕีàเÇวç็ºบàเ¾พ×ืè่ÍอÍอÐะäไÃร?
¨จÐะãใËหŒŒºบÃรÔิ¡กÒาÃรÍอÐะäไÃร?

3

Do you want a website?
àเÇวç็ºบ =

¤คÅลÑั§งàเÍอ¡กÊสÒาÃร ? âโºบÃรªชÑัÇวÃร ?

ÊสÒาÃร¨จÒา¡ก¼ผÙูŒŒºบÃรÔิËหÒาÃร ? ÊสÁมØุ´ดËห¹นŒŒÒาàเËหÅล×ืÍอ§ง ?

àเÇวç็ºบ¤ค×ืÍอÍอÐะäไÃร? ¡กÒาÃรÊส×ืè่ÍอÊสÒาÃร¢ขŒŒÍอÁมÙูÅล·ท∙Òา§งàเ´ดÕีÂยÇว? ãใ¹นÊสÔิè่§ง·ท∙Õีè่Íอ§ง¤ค¡กÃรµตŒŒÍอ§ง¡กÒาÃร¹นÓำàเÊส¹นÍอ? ÃรÇวÁมÅลÔิ§ง¡ก?

4

¡กÒาÃรàเ»ปÅลÕีè่Âย¹นáแ»ปÅล§ง¢ขÍอ§งàเÇวç็ºบ

¾พÒา´ดËหÑัÇวËห¹นÑั§งÊส×ืÍอ¾พÔิÁม¾พ ¾พÒา´ดËหÑัÇวËห¹นŒŒÒาáแÃร¡กäไÁม‹‹ÁมÒา¡ก
ÁมÕี·ท∙Øุ¡กÍอÂย‹‹Òา§งãใ¹น·ท∙Øุ¡กËห¹นŒŒÒา 1 Ëห¹นŒŒÒา 1 àเÃร×ืè่Íอ§งàเ´ด‹‹¹น
¹นÓำàเÊส¹นÍอãใ¹นÁมØุÁมÁมÍอ§งÍอ§ง¤ค¡กÃร ¹นÓำàเÊส¹นÍอãใ¹นÁมØุÁมÁมÍอ§ง¼ผÙูŒŒªชÁม
¤คÒา´ดËหÇวÑั§งãใËหŒŒàเÃรÔิè่Áมàเ¢ขŒŒÒาËห¹นŒŒÒาáแÃร¡ก ¤ค¹น Search ÁมÒาàเ¨จÍอ
¤คÒา´ดËหÇวÑั§งãใËหŒŒ¤ค¹นÍอ‹‹Òา¹น·ท∙Øุ¡ก·ท∙Õีè่ ¤ค¹นÍอ‹‹Òา¹นÊสÔิè่§ง·ท∙Õีè่ÍอÂยÒา¡กÍอ‹‹Òา¹น
¨จÑั´ดâโ¤คÃร§งÊสÃรŒŒÒา§ง/ËหÁมÇว´ดËหÁมÙู‹‹¢ขŒŒÍอÁมÙูÅลäไÁม‹‹´ดÕี ¨จÑั´ดâโ¤คÃร§งÊสÃรŒŒÒา§ง/ËหÁมÇว´ดËหÁมÙู‹‹¢ขŒŒÍอÁมÙูÅล´ดÕี
»ปÃรÑัºบ»ปÃรØุ§งªชŒŒÒา »ปÃรÑัºบ»ปÃรØุ§งàเÃรç็Çว ¢ขŒŒÍอÁมÙูÅล·ท∙Ñั¹นÊสÁมÑัÂย

àเÇวç็ºบàเ»ปšš¹นÊส×ืè่ÍอãใËหÁม‹‹ ÂยÑั§งÁมÕี¡กÒาÃร»ปÃรÑัºบàเ»ปÅลÕีè่Âย¹นäไ»ปàเÃร×ืè่ÍอÂยæๆ µตÒาÁมÅลÑั¡กÉษ³ณÐะ¹นÔิÊสÑัÂย¢ขÍอ§ง¼ผÙูŒŒãใªชŒŒ§งÒา¹นàเÇวç็ºบ 5

10 Principles of Effective Web Design

http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/

6

Principles of Effective Web Design

Principles of Effective Web Design

·ท∙Óำ¤คÇวÒาÁมàเ¢ขŒŒÒาãใ¨จÇว‹‹Òา Users ãใªชŒŒ§งÒา¹นàเÇวç็ºบäไ«ซµต¡กÑั¹นÍอÂย‹‹Òา§งäไÃร
áแÅลÐะàเ¢ขŒŒÒาãใ¨จÇว‹‹Òา Users ¤คÔิ´ดÍอÐะäไÃร

7

Users ¤คÔิ´ดÍอÂย‹‹Òา§งäไÃร

áแÅลŒŒÇว Users ¤คÔิ´ด¡กÑั¹นÍอÂย‹‹Òา§งäไÃร?

âโ´ดÂย·ท∙Ñัè่Çวäไ»ป¾พÄฤµตÔิ¡กÃรÃรÁม¢ขÍอ§ง¼ผÙูŒŒãใªชŒŒºบ¹นàเÇวç็ºบäไÁม‹‹äไ´ดŒŒ·ท∙Õีè่áแµต¡กµต‹‹Òา§ง¨จÒา¡ก¾พÄฤµตÔิ¡กÃรÃรÁม¢ขÍอ§งÅลÙู¡ก¤คŒŒÒาãใ¹นÃรŒŒÒา¹น¤คŒŒÒา ¼ผÙูŒŒàเ¢ขŒŒÒาªชÁม
¨จÐะÁมÍอ§งÀภÒา¾พÃรÇวÁม·ท∙Õีè่Ëห¹นŒŒÒาãใËหÁม‹‹áแÅลŒŒÇว¡กç็Êสáแ¡ก¹นºบÒา§ง¢ขŒŒÍอ¤คÇวÒาÁมáแÅลÐะ¤คÅลÔิ¡กÅลÔิ§ง¤คáแÃร¡ก·ท∙Õีè่´ดÖึ§ง´ดÙู´ด¤คÇวÒาÁมÊส¹นãใ¨จËหÃร×ืÍอ
¤คÅลŒŒÒาÂยÊสÔิè่§ง·ท∙Õีè่¾พÇว¡กàเ¢ขÒา¡กÓำÅลÑั§งÁมÍอ§งËหÒา ¤คÇวÒาÁม¨จÃรÔิ§งÁมÕีÊส‹‹Çว¹นãใËหÞญ‹‹ äไÁม‹‹äไ´ดŒŒÊส¹นãใ¨จ·ท∙Ñัé้§งËหÁม´ดºบ¹นËห¹นŒŒÒาàเÇวç็ºบäไ«ซµต·ท∙Õีè่ÁมÕี

áแÅลÐะ¼ผÙูŒŒãใªชŒŒÊส‹‹Çว¹นãใËหÞญ‹‹¨จÐะãใªชŒŒÇวÔิ¸ธÕี¤คŒŒ¹นËหÒาºบÒา§งÍอÂย‹‹Òา§ง·ท∙Õีè่¹น‹‹ÒาÊส¹นãใ¨จ (ËหÃร×ืÍอÁมÕี»ปÃรÐะâโÂยªช¹น) áแÅลÐะ¤คÅลÔิ¡กäไ´ดŒŒ ·ท∙Ñั¹น·ท∙Õี·ท∙Õีè่ÁมÕี
áแ¹นÇวâโ¹นŒŒÁมàเ»ปšš¹น¼ผÙูŒŒ¾พºบ¼ผÙูŒŒãใªชŒŒ¤คÅลÔิ¡ก ¶ถŒŒÒาËห¹นŒŒÒาãใËหÁม‹‹äไÁม‹‹µตÍอºบÊส¹นÍอ§ง¤คÇวÒาÁมµตŒŒÍอ§ง¡กÒาÃร¢ขÍอ§ง¼ผÙูŒŒãใªชŒŒ àเ¢ขÒา¡กç็¨จÐะ¤คÅลÔิ¡ก·ท∙Õีè่»ปØุ††Áม
Back áแÅลÐะ·ท∙Óำ¡กÒาÃร¤คŒŒ¹นËหÒาãใËหÁม‹‹

8


- ¤คØุ³ณÀภÒา¾พ¢ขÍอ§งàเ¹น×ืé้ÍอËหÒาáแÅลÐะ¤คÇวÒาÁม¹น‹‹Òาàเªช×ืè่Íอ¶ถ×ืÍอ
- Users äไÁม‹‹Íอ‹‹Òา¹น áแµต‹‹àเ¢ขÒา¨จÐะÊสáแ¡ก¹น´ดÙู

9


- Users ÁมÑั¡กãใ¨จÃรŒŒÍอ¹นáแÅลÐะäไÁม‹‹µตŒŒÍอ§ง¡กÒาÃรàเÊสÕีÂยàเÇวÅลÒา¹นÒา¹น

ËหÅลÑั¡ก¡กÒาÃร§ง‹‹ÒาÂยæๆ ¤ค×ืÍอ ¶ถŒŒÒาËหÒา¡กàเÇวç็ºบäไ«ซµต¹นÑัé้¹นäไÁม‹‹µตÍอºบÊส¹นÍอ§ง¤คÇวÒาÁม¤คÒา´ดËหÇวÑั§ง¢ขÍอ§ง Users ¡กÒาÃรÍอÍอ¡กáแºบºบ
¡กç็¶ถ×ืÍอÇว‹‹ÒาÅลŒŒÁมàเËหÅลÇว Íอ§ง¤ค¡กÃรÊสÙูÞญàเÊสÕีÂย§งºบ»ปÃรÐะÁมÒา³ณ Users ¡กç็àเ»ปÅลÕีè่Âย¹นäไ»ปËหÒา¢ขŒŒÍอÁมÙูÅล·ท∙Õีè่Íอ×ืè่¹น·ท∙Õีè่´ดÕี¡กÇว‹‹Òาáแ·ท∙¹น

10

Users ¤คÔิ´ดÍอÂย‹‹Òา§งäไÃร?

- Users äไÁม‹‹àเÅล×ืÍอ¡กãใªชŒŒµตÑัÇวàเÅล×ืÍอ¡ก·ท∙Õีè่´ดÕี·ท∙Õีè่ÊสØุ´ดàเÊสÁมÍอäไ»ป àเªช‹‹¹นãใªชŒŒ¡กÒาÃร¤คŒŒ¹นËหÒา«ซÖึè่§ง¨จÐะ·ท∙ÓำãใËหŒŒàเ¢ขÒา¾พºบÊสÔิè่§ง·ท∙Õีè่
àเ¢ขÒาËหÒาàเÃรç็Çว·ท∙Õีè่ÊสØุ´ด

11


- Users ãใªชŒŒÊสÑัÞญªชÒาµตÔิÞญÒา³ณ¢ขÍอ§งàเ¢ขÒาàเÍอ§ง
Users äไÁม‹‹äไ´ดŒŒÊส¹นãใ¨จÇว‹‹ÒาàเÇวç็ºบ¨จÐะ¶ถÙู¡กÍอÍอ¡กáแºบºบÁมÒาÍอÂย‹‹Òา§งäไÃร áแ¤ค‹‹àเ¢ขÒา¾พºบÊสÔิè่§ง·ท∙Õีè่àเ¢ขÒาµตŒŒÍอ§ง¡กÒาÃร àเ¢ขÒา¡กç็¨จÐะàเÅล×ืÍอ¡กãใªชŒŒ
ÁมÑั¹น
- Users µตŒŒÍอ§ง¡กÒาÃร·ท∙Õีè่¨จÐะ¤คÇวºบ¤คØุÁม¡กÒาÃรãใªชŒŒ§งÒา¹นàเºบÃรÒาàเ«ซÍอÃรàเÍอ§ง
¼ผÙูŒŒãใªชŒŒÊส‹‹Çว¹นãใËหÞญ‹‹äไÁม‹‹µตŒŒÍอ§ง¡กÒาÃร ¡กÒาÃรàเ»ป´ดËห¹นŒŒÒาµต‹‹Òา§งãใËหÁม‹‹

12

10 Principles

1. Dont’s make users think

13

10 Principles

2. Dont’s squander users’ patience

14

10 Principles

3. Manage to focus users’ attention

humanized.com

15

10 Principles

4. Strive for feature exposure

Dibusoft.com

16

10 Principles

5. Make use of effective writing àเÇวç็ºบµต‹‹Òา§ง¨จÒา¡กÊสÔิè่§ง¾พÔิÁม¾พ

Eleven2.com

17

10 Principles

6. Strive for Simplicity

getfinch.com

18

10 Principles

7. Don’t be afraid of the white space

Cameron.io

19

10 Principles

8. Communicate effectively with “visible language”
• Organize: âโ¤คÃร§งÊสÃรŒŒÒา§งªชÑั´ดàเ¨จ¹น äไ»ปãใ¹น·ท∙ÔิÈศ·ท∙Òา§งàเ´ดÕีÂยÇว¡กÑั¹น·ท∙Ñัé้§งàเÇวç็ºบäไ«ซµต
• Economize : àเÃรÕีÂยºบ§ง‹‹ÒาÂย, ªชÑั´ดàเ¨จ¹น, ¨จØุ´ดàเ´ด‹‹¹น, áแÅลÐะµตÍอ¡กÂยŒŒÓำ¨จØุ´ดÊสÓำ¤คÑัÞญ
• Communicate: ÃรÑั¡กÉษÒา¤คÇวÒาÁมÊสÁม´ดØุÅลÂยÃรÐะËหÇว‹‹Òา§ง legibility, readability, typography,
symbolism, multiple views, and color or texture in order to communicate
successfully. Use max. 3 typefaces in a maximum of 3 point sizes — a
maximum of 18 words or 50-80 characters per line of text.

20

10 Principles

9. Conventions are our friends
ÃรÑัºบ¿ฟ˜˜§ง users Çว‹‹ÒาµตŒŒÍอ§ง¡กÒาÃรÍอÐะäไÃร
10. Test early, Test often
·ท∙´ดÊสÍอºบáแµต‹‹àเ¹นÔิè่¹นæๆ áแÅลÐะ ºบ‹‹ÍอÂยæๆ

21

43 Website Mistakes you should Avoid

http://www.vestadigital.com/173/section.aspx/57/post/43-web-site-mistakes-you-should-avoid

22

Web Design: +30 Mistakes to Aboid

http://serradinho.com/Blog/avoid-33-mistakes-of-web-design.htm

23

Sample Web Design
http://www.flashmint.com/wp/2010/05/beautiful-design-for-beauty-websites-trends-and-examples/

http://dzineblog.com/2009/06/50-beautiful-website-designs-for-your-inspiration.html

http://typesett.com/2009/03/10-shockingly-beautiful-us-government-websites/

24

Open Source CMS
àเ¤คÃร×ืè่Íอ§งÁม×ืÍอ¿ฟÃรÕีæๆ ·ท∙Õีè่ãใªชŒŒãใ¹น¡กÒาÃรÊสÃรŒŒÒา§งàเÇวç็ºบäไ«ซµต

25

Define : Content Management System

Simple Definition :
“A CMS is a type of web-based software that
plugs in to your site in such a way that
updating content becomes much easier
than without it.”

26

Sample
Social Networking Services What do they have
in common with CMS?
..... and it appeares on your page seconds later.
5

27

ÃรÐะºบºบ àเ«ซÔิÃร¿ฟàเÇวÍอÃร âโ´ดàเÁม¹น

WordPress •Domainname.com
ÊสÓำËหÃรÑัºบàเÇวç็ºบ¢ข¹นÒา´ด¡กÅลÒา§ง-àเÅลç็¡ก •Domainname.org
äไÁม‹‹ÁมÕีÃรÐะºบºบ«ซÑัºบ«ซŒŒÍอ¹น
µตÔิ´ดµตÑัé้§ง§ง‹‹ÒาÂย ãใªชŒŒ§ง‹‹ÒาÂย
•Domainname.net
Joomla •Domainname.in.th
ÊสÓำËหÃรÑัºบàเÇวç็ºบ¢ข¹นÒา´ด¡กÅลÒา§ง-ãใËหÞญ‹‹
•...
µตŒŒÍอ§ง¡กÒาÃรÃรÐะºบºบ«ซÑัºบ«ซŒŒÍอ¹น
àเËหÁมÒาÐะ¡กÑัºบ¡กÒาÃร¹นÓำÊส‹‹Çว¹น¢ขÂยÒาÂย
ÁมÒา»ปÃรÐะ¡กÍอºบàเ¾พÔิè่Áม/¾พÑั²ฒ¹นÒาàเ¾พÔิè่Áม
Drupal
ÊสÓำËหÃรÑัºบàเÇวç็ºบ¢ข¹นÒา´ด¡กÅลÒา§ง-ãใËหÞญ‹‹
µตŒŒÍอ§ง¡กÒาÃรÃรÐะºบºบ«ซÑัºบ«ซŒŒÍอ¹น
àเËหÁมÒาÐะ¡กÑัºบ¡กÒาÃร¹นÓำÁมÒาàเ¾พ×ืè่Íอàเ¢ขÕีÂย¹น
ÃรÐะºบºบµต‹‹Íอàเ¾พÔิè่ÁมàเÍอ§ง
ÃรÐะºบºบ/àเÇวç็ºบäไ«ซµต àเ«ซÔิÃร¿ฟàเÇวÍอÃร âโ´ดàเÁม¹น
àเËหÁม×ืÍอ¹นÃรÐะºบºบÍอÒา¤คÒาÃร/ÊสÔิè่§ง»ปÅลÙู¡กÊสÃรŒŒÒา§ง àเËหÁม×ืÍอ¹น·ท∙Õีè่´ดÔิ¹นáแÅลÐะÊสÒา¸ธÒาÃร³ณÙู»ปâโÀภ¤ค àเËหÁม×ืÍอ¹น»ป‡‡ÒาÂยÃรŒŒÒา¹น-àเÅล¢ข·ท∙Õีè่ÍอÒา¤คÒาÃร
âโÍอàเ¾พ¹น«ซÍอÃรÊส àเËหÁม×ืÍอ¹นÇวÑัµต¶ถØุ´ดÔิºบãใ¹น¡กÒาÃร¡ก‹‹Íอ¹นÊสÃรŒŒÒา§ง·ท∙Õีè่áแ¨จ¡ก¿ฟÃรÕี ÊสÔิè่§ง·ท∙Õีè่àเÃรÒาµตŒŒÍอ§ง·ท∙Óำ¤ค×ืÍอ¹นÓำÁมÒา»ปÃรÐะ¡กÍอºบáแÅลÐะ»ปÃรÑัºบáแµต‹‹§ง
28

Trends

áแ¹นÇวâโ¹นŒŒÁม¡กÒาÃรãใªชŒŒ§งÒา¹น

·ท∙Õีè่ÁมÒา : http://www.google.com/trends

29

How to Build a Successful Site

• àเ¢ขŒŒÒาãใ¨จàเ»ป‡‡ÒาËหÁมÒาÂย¢ขÍอ§งàเÇวç็ºบ·ท∙Õีè่·ท∙Óำ
• ¡กÒาÃรÇวÒา§งáแ¼ผ¹น·ท∙Õีè่´ดÕี
• Navigation (usability)
• Design (ÁมÕี¤คÇวÒาÁม¹น‹‹Òาàเªช×ืè่Íอ¶ถ×ืÍอ)
• ¡กÒาÃร»ปÃรÐะªชÒาÊสÑัÁม¾พÑั¹น¸ธ

30

CMS Universe

31

Joomla is ......

- ãใªชŒŒ§ง‹‹ÒาÂย
- ·ท∙Ãร§ง¾พÅลÑั§ง
- àเ»ป´ดàเ¼ผÂยâโ¤คŒŒ´ด Open Source ( ¤คØุ³ณÊสÒาÁมÒาÃร¶ถáแ¡กŒŒäไ¢ขàเ¾พÔิè่ÁมàเµตÔิÁมäไ´ดŒŒàเÍอ§ง )
- ÃรÍอ§งÃรÑัºบàเÇวç็ºบäไ«ซµต¢ข¹นÒา´ดãใËหÞญ‹‹
- ¿ฟÃรÕี (¶ถŒŒÒาÅล§งÁม×ืÍอ·ท∙ÓำàเÍอ§ง)
- ÅลÔิ¢ขÊสÔิ·ท∙¸ธÔิì์àเ»ปšš¹นáแºบºบ GNU/GPL
-Joomla! àเ»ปšš¹น TM ¢ขÍอ§ง Open Source Matters Inc. (OSM)

33

Joomla Commercial from Youtube

34

Project Awards
Best Linux / Open Source Project 2005,
LinuxWorld London, United Kingdom

Best Linux / Open Source Project 2006,
LinuxWorld London, United Kingdom

2006 Best Open Source CMS,
Packt Publishing

2007 Best Open Source PHP CMS,
Packt Publishing

35

¤คÇวÒาÁมàเ»ปšš¹นÁมÒา

36

Current Release

Joomla! 1.5.20
Released 18 July 2010

37

What Does Joomla Look Like ?

Joomla! áแÂย¡กÍอÍอ¡กàเ»ปšš¹นÊสÒาÁมÊส‹‹Çว¹นËหÅลÑั¡กæๆ ´ดŒŒÇวÂย¡กÑั¹น

• Installer Application ãใªชŒŒÊสÓำËหÃรÑัºบµตÔิ´ดµตÑัé้§ง¨จÙูÁมÅล‹‹Òา «ซÖึè่§งãใªชŒŒàเ¾พÕีÂย§ง¤คÃรÑัé้§งàเ´ดÕีÂยÇวáแÅลÐะ¡กç็ÊสÒาÁมÒาÃร¶ถ
ÅลºบÍอÍอ¡กäไ´ดŒŒ
• Site Application ãใªชŒŒ§งÒา¹นâโ´ดÂย users áแÅลÐะàเ»ปšš¹นÊส‹‹Çว¹น¢ขÍอ§ง¡กÒาÃรáแÊส´ด§ง¼ผÅล¢ขŒŒÍอÁมÙูÅล¢ขÍอ§ง
àเÇวç็ºบäไ«ซµต·ท∙Ñัé้§งËหÁม´ด
• Administrative Application ãใªชŒŒâโ´ดÂย¼ผÙูŒŒ´ดÙูáแÅลàเÇวç็ºบäไ«ซµต ÊสÓำËหÃรÑัºบºบÃรÔิËหÒาÃร¨จÑั´ด¡กÒาÃร
àเÇวç็ºบäไ«ซµต·ท∙Ñัé้§งËหÁม´ด

38

Joomla Applications

Joomla Installer Application

39

Joomla Applications

Joomla Site Application

40

Joomla Applications

Joomla Administrative Application

41

Joomla Applications

Administrative Application ãใªชŒŒÊสÓำËหÃรÑัºบáแ¡กŒŒäไ¢ขºบ·ท∙¤คÇวÒาÁม, µตÔิ´ดµตÑัé้§งÊส‹‹Çว¹น¢ขÂยÒาÂย (extensions),
ÍอÑั¾พâโËหÅล´ด media, ºบÃรÔิËหÒาÃร¨จÑั´ด¡กÒาÃรàเÁม¹นÙู

42

Joomla! in Action

43

After Installed Joomla!

44

paknamlangsuan.com

45

Before

46

After

47

Hnkeal.com

48

สถาบันส่งเสริมอัจฉริยภาพและนวัตกรรมการเรียนรู้ (สสอน.):
www.igil.or.th

49

Chaipat.or.th

50

BonoMarket.com

51

JomSocial

52

thaimedialaw.org

53

redbullspirit.org

54

bangpakokhospital.com

55

salakphet.com

56

intranet S&P

57

thaireform.in.th

58

ossfestival.in.th

59

scisoc.or.th

60

TOSF.org

61

www.marvelic.co.th

62

thaiembassymnl.ph

63

www.region2.m-energy.go.th

64

most.go.th ¡กÃรÐะ·ท∙ÃรÇว§งÇวÔิ·ท∙ÂยÒาÈศÒาÊสµตÃรáแÅลÐะàเ·ท∙¤คâโ¹นâโÅลÂยÕี

65

www.oseda.or.th

66

maf.gov.la

67

Joomla! äไÁม‹‹ãใªช‹‹áแ¤ค‹‹ àเÇวç็ºบäไ«ซµต
´ดŒŒÇวÂย Extensions / MashUp

68

eCommerce

eCommerce and Catalog Management
www.virtuemart.net

Freeway integration
osCommerce Bridge
MageBridge

69

Add Web 2.0 Functionality

CommunityBuilder
Anahita Social Engine

JomSocial • AddThis Social Bookmarking
• MyBlog
• PluginGoogleMaps
• Tweetme

70

Adding a Forum

Kunena ccBoard

71

Adding Gallery Functionality

• Expose
• Frontpage Slideshare
• Phoca Photo Gallery
• RokSlideShow
• RSGallary2

72

CRM

CRM Bridge
• Joomla! + SugarCRM
• Joomla! + vTigerCRM
• Joomla! + Saleforge
• Joomla! + CivilCRM

73

ÃรÐะºบºบ¨จÑั´ด¡กÒาÃร¨จÍอ§งËหŒŒÍอ§ง»ปÃรÐะªชØุÁม

Êส‹‹Çว¹น¡กÒาÃร·ท∙Óำ§งÒา¹น¢ขÍอ§ง¼ผÙูŒŒ´ดÙูáแÅลËหŒŒÍอ§ง»ปÃรÐะªชØุÁม

74

ÃรÐะºบºบ¨จÑั´ด¡กÒาÃร¨จÍอ§งËหŒŒÍอ§ง»ปÃรÐะªชØุÁม

Êส‹‹Çว¹น¡กÒาÃร·ท∙Óำ§งÒา¹น´ดŒŒÒา¹นËห¹นŒŒÒา

75

ÃรÐะºบºบ¨จÑั´ด¡กÒาÃรÊสÔิ¹น·ท∙ÃรÑั¾พÂย

76

ÃรÒาÂย§งÒา¹น¡กÒาÃรàเºบÔิ¡ก¨จ‹‹ÒาÂย§งºบ»ปÃรÐะÁมÒา³ณ

77

extensions.joomla.org

78

FLEXIContent CCK for Joomla

Create Content Type

79

Joomla! Technical Requirements

* ËหŒŒÒาÁมãใªชŒŒ PHP 4.3.9, 4.4.2 ËหÃร×ืÍอ 5.0.4. «ซÖึè่§งàเ»ปšš¹น releases ·ท∙Õีè่ÁมÕีºบÑัê๊¡ก«ซÖึè่§ง¨จÐะÁมÕี»ป˜˜ÞญËหÒาãใ¹น¡กÒาÃรµตÔิ´ดµตÑัé้§ง áแÅลÐะ Zend
Optimizer 2.5.10 ÊสÓำËหÃรÑัºบ PHP 4.4.x ¡กç็ÂยÑั§งÁมÕีºบÑัê๊¡ก·ท∙Õีè่ÃรŒŒÒาÂยáแÃร§งãใËหŒŒãใªชŒŒàเÇวÍอÃรªชÑัè่¹น·ท∙Õีè่ãใËหÁม‹‹¡กÇว‹‹Òา
´ดÙู¢ขŒŒÍอÁมÙูÅลàเ¾พÔิè่ÁมàเµตÔิÁมäไ´ดŒŒ·ท∙Õีè่ :
http://www.joomla.org/about-joomla/technical-requirements.html

80

Questions?

81

Thanks you

www.oseda.or.th

... because open source matters

http://twitter.com/joomlacorner
http://slideshare.net/akarawuth
Blog : http://akarawuth.com
82

WebDesign and CMS for PRD event.

Recommended

Recommended

More Related Content

More from Akarawuth Tamrareang

More from Akarawuth Tamrareang (20)

WebDesign and CMS for PRD event.