Joomla

1

1. การจดทะเบยนโดเมน จาก Hosting Lotus

เวบโฮสตตง คออะไร

เวปโฮสตตงคอผใหบรการเชาพนทเซฟเวอรสาหรบจดเกบขอมลทงหมดของเวปไซดทเราสรางขน เพอใหเวปไซด ดงกลาวสามารถแสดงผลและออนไลนบนเครอขายอนเตอรเนทได นอกจากนเวปโฮลตงยงมหนาทดแลรกษาความปลอดภยไมใหเวปไซดลม คอยบรการเวปไซดของลกคาใหออนไลนตลอด 24 ชม.รวมทงคอยแบคอพขอมลเวปไซดของลกคาทกวนเพอเกปไวใชกรณเกดอบตเหตฉกเฉนในภายหลงดวย

ปจจบนผใหบรการเวปโฮลตงสวนใหญ นอกจากจะใหเชาพนทเวปโฮลตงเพอเกบขอมลของลกคาแลว ยงใหบรการจดโดเมนฟรในปแรก เพอเปนของสมนาคณใหลกคาอกดวย สงผลใหลกคาสามารถสมครทงโดเมนเนมและโฮลตงไดในเวปไซดเดยวกน

หลกเกณฑการเลอกใชบรการเวปโฮลตง

กอนจะตดสนใจเลอกใชบรการเวปโฮลตตง เราควรคานงถงหลกเกณฑดงตอไปน

1.ขนาดพนททจดเกบขอมลของเวปไซดซงโดยปกตแลวทางผใหบรการเวปโฮลตตงสวนใหญมกจะมบรการเชาพนทเกบขอมลใหเลอกหลายแพคเกจดวยกน แตละแพคเกจกจะมขนาดพนทจดเกบขอมลไมเทากนโดยขนาดพนทจดเกบขอมลยงมากราคายงแพง ดงนนเราจงตองวางแผนใหดวาในอนคตนนเวปไซดรองรบขอมลใดบาง

2.ความเรวในการรบสงขอมลเปนสวนสาคญอยางหนงทตองคานงถง เพราะเวปโฮลตงทดจะตองรบสงขอมลระหวางเครอขายกบเวปโฮลตงไดรวดเรวคอไมวาลกคาจะทาการเชอมตออนเตอรเนตจากทใดกตองสามารถเชอมอนเตอรเนทเขาสหนาเวปนนไดสะดวกรวดเรวเหมอนกน

3.ขนาดขอมลทรบสงได หรอขนาดของ Bandwidth เราควนเลอกใชบรการเชาพนทในแพคเกจทมขนาดของ Bandwidth เพยงตอการรบสงขอมลกบเวปโฮลตงและเพยงพอตอการเขาเยยมชมของลกคาในแตละวน

4.การเกบสารองขอมล ผใหบรการเวปโฮลตงทด จะตองมการแบคอพขอมลเวปไซดของลกคาตลอดเวลาทงนเพอเปนการปองกนไมใหเวปไซดลม

5.ผใหบรการเวปโฮลตงสามารถรบโปรแกรมทใชพฒนาเวปไซดของเราได อนนคอจดสาคญอกอยางหนงทเราตองคานงกอนจะเลอกใชบรการเวปโฮลตง

2

6.ระบบอเมลล ปกตแลวผใหบรการเวปโฮลตงทดมกจะมบรการอเมลลใหมาพรอมกนการเชาพนทเกบขอมลเวปไซดของลกคา โดยชออเมลลทไดมกจะตามหลงดวยชอเวปไซดของเราเสมอ สวนชออเมลลเราสามารถกาหนดไดดวยตนเอง

7.ราคาคาบรการ สาหรบปจจยทางดานราคานน เราจะตองนาไปเปรยบเทยบกบคณภาพทไดรบจากผใหบรการเวปโฮลตงแตละราย ถาคณภาพของแตละเจาเทาทยมกนกควรเลอกทราคาบรการถกทสด

8.บรการหลงการขาย ในสวนนรวมไปถงการตอบขอปญหาตางๆในการใชงานของลกคาคอ ผใหบรการเวปโฮลตงทดจะตองชวยแกปญหาใหกบลกคาไดทนทวงท

โดเมนเนมคออะไร

โดเมนเนม (Domain name)หรอชอโดเมน ถาเราจะพดใหเขาใจงายๆ กคอชอของเวปไซดใชแสดงความเปนสวนทมอยจรงของเวปไซดนนได แตมขอแมวาจะตองเปนชอทไมซากนเหตผลลทตองจดชอโดเมนเนมกเนองจากวา ชอโดเมนเปรยบเทยบเปนทอยทอยบองเวปไซดทใหผใชทวไปใชอางองเพอเขามาใชบรการเวปไซดของเรา แทนการอางองดวยหมายเลข ip addressของคอมพวเตอรบนเครอขายอนเตอรเนท

หลกการตงชอ โดเมนเนม

เพอใหบคลตางๆ สามารถจดจาชอโดเมนเนม หรอชอเวบของเราไดตดปากในการตงชอโดเมนเนมจงตองคานกหลกเกณฑตอไปน

1.ชอโดเมนเนมควรสนมความหมาย พมพงาย เพราะชอทดมความหมายมสวนชวยใหเวบของเราเปนทรจกและจดจาแกบคคลทวไปไดงาย

2.ควรตงชอทจาไดงาย ฟงตดห พดตดปาก โดยเฉพาะเมอมการบอกกนปากตอปากหากชอนนฟงตดหจางายกชวยใหคนทวไปเขามาใชบรการเวบไซตเรามากขน

3.การตงชอสามารถใชตวอกษรภาษาองกฤษผสมกบตวเลขได และจะเปนตวพมพเลกหรอใหญกมคาเทากน แตตองมขนาดยาวไมเกน 63 ตวอกษร

4.หากชอทตองการมคนใชไปแลวและบงเอญไปชนกบชอรานคาของเรา การตงชอโดเมนเนมกสามารถใชเครองหมายขดกลาง (-) แทรกระหวางชอเพอแกปญหาไมไหชอโดเมนเนมชากนได

3

1.1 ขนตอนการจดทะเบยนโดเมน 1.เขา URL http://www.hostinglotus.com/hosting/domainchecker.php แลวใสชอโดเมนทตองการเพอตรวจสอบวามคนใชอยหรอไม คลกเลอกประเภทแลวใสตวเลขใหถกตอง และกดปม Lookup ดงรปท 1

รปท 1

2. หากชอโดเมนสามารถใชงานไดกจะแสดงขอมลดางลาง เพอใหเลอกระยะเวลาทตองการใช แลวกดทปม สงซอเดยวน ดงรปท 2

รปท 2

4

3. จากนนกจะเขาสการตงคา Name servers ในขนตอนนใหกาหนดใหตรงกบ Name servers ทไดตอนเชา Server ถายงไมรกสามารถขามไปกอนได โดยกดทปม อพเดทรายการ ไปหนาถดไป ดงรปท 3

รปท 3

4. จากนนจะเขาสหนายนยนการสงซอ ใหตรวจสอบขอมลใหถกตอง หากตองการยนยนใหกดทปม ยนยนรายการ ไปหนาถดไป ดงรปท 4

รปท 4

5

5. จากนนจะเปนการลงทะเบยนของเวบไซต ใหกรอกขอมลเพอเปนสมาชกของระบบ และเขาใชงานในการแจงการชาระเงน การตงคาตาง ๆ ตอไป ดงรปท 5

รปท 5

6. เมอกรอกขอมลสวนตวเรยบรอยแลวกจะแสดงหนารายการทเราทารายการไว หากตองการด Invoice ใหกดทปม แสดงรายละเอยด ดงรปท 6

รปท 6

6

7. จากนนกจะไดใบ Invoice เพอไปชาระเงนตามบญชธนาคารดายซายบนของรปท 7

รปท 7

8. หลงการโอนเงนแลวใหเขา URL http://www.hostinglotus.com/confirm.php เพอแจงการโอนเงน หลงจากนนกรอการตอบกลบในอเมล ดงรปท 8

รปท 8

7

1.2 ขนตอนการตงคาโดเมน 1. หลงจากยนยนการโอนเงนเสรจแลว ใหตรวจสอบอเมลทไดรบจาก Hosting Lotusจะไดลงคเขาจดการโดเมน คอ http://domain.hostinglotus.com ดงรปท 9

รปท 9

2. หลงจากเขาเวบ http://domain.hostinglotus.com กจะไดหนาเขาสระบบ ใหกดทปม Forgot Password กอนเพอขอรหสผานดงรปท 10

รปท 10

8

3. ใสอเมลเพอรอรบลงคเปลยนรหสผานใหมในอเมล ดงรปท 11

รปท 11

4. เปดดอเมล จะมจดหมายใหมเขา แลวกจะเหนลงคเพอกาหนดรหสผานใหม ดงรปท 12

รปท 12

9

5. ใหใสรหสผานทตองการ เสรจแลวกดปม Change Password ดงรปท 13

รปท 13

6. หลงจากเปลยนรหสผานเสรจแลว กสามารถเขาสระบบไดทนทดวยลงค http://domain.hostinglotus.com ถาหากเขาสระบบสาเรจจะไดหนาจอดงรปท 14

รปท 14

10

7. จากนนใหไปทเมน Settings -> Domain Specific -> Default Information เพอกาหนด Name serversทจะชไปยง Server (Name serverตองไดหลงจากทเชา Servers เรยบรอยแลว) ดงรปท 15

รปท 15

8. จากนนโดเมนกจะสามารถใชงานได ดงรปท 16

รปท 16

11

2.ระบบบรหารจดการเนอหา (CMS)

จากปญหาในเรองของการจดการเนอหาเวบไซตขางตน รวมกบการพฒนาการของเทคโนโลยสาหรบเวบไซตและอนเตอรเนตทกาวหนามากขนทาใหสบายหลายๆฝายเรมมองหาเครองมอชนดใหมทสามารถทะลขดจากดของเครองมอรนเกาใหหมดไป ทมคณสมบตในการในการสรางและจดการเนอหาของเวบไซตไดอยางสมบรณ และคาตอบทไดกคอ "ระบบจดการเนอหา" หรอ Content Management System (CMS) หรอทบางแหงเรยกวา "ระบบจดการเนอหาเวบไซต" หรอ Web Content Management System (Web CMS) นนเอง CMS เรมเขามาแทนทเครองมอสรางและจดการเนอหาเวบไซตแบบเกาไปทละนอย ซงจะเหนไดจากเวบไซตรนใหมๆ ทเกดขนมาบนโลกอนเทอรเนตนน ถกสรางขนดวย CMS ในสดสวนทสงมาก เมอเทยบกบจานวนทถกสรางขนโดยเครองมอรนเกาๆ สวนทโดดเดนของ CMS ททาใหไดรบความนยมเพมขนอยางสงกคอ คณสมบตในการ "บรหารจดการเนอหา" นนเอง ซงการบรหารจดการเนอหาของเวบไซตดวย CMS นน เรมตงแตการสรางเนอหาใหม การนาเสนอเนอหาบนเวบไซต การจดเกบเนอหาทหมดอาย การสบคนหาบนเวบไซตทงหมด การนาเนอหาเกามาใชงานใหม และการลบทงเนอหาทหาใดอายแลว กระบวนการทงหมดนเปนการประสานงานกนอยางกลมกลน ของเทมเพลตซงเปนแมแบบของหนาเวบไซต การใชสครปตควบคมการทางานในสวนตางๆ ของเวบไซตโดยอตโนมต และการใชไฟลฐานขอมลเปนจดศนยรวมในการจดเกบขอมลเนอหาของเวบไซต การจดการเนอหาเวบไซต จงเปลยนไปอยในรปแบบกงอตโนมตจนถงอตโนมต ทชวยลดกระบวนการทางานทซาซอนลงไปได เพมโอกาสใหกบผดแลเวบไซตไปดแลในสวนอนๆ ของเวบไซต และ CMS ยงสนบสนน เทคโนโยลของเวบไซตรนใหมๆ อยางครบถวน พรอมกบความสามารถในการอบเดตไปสเวอรชนใหมๆ เพอรองรบกบเทคโนโลยใหมๆ ของอนเทอรเนตไดอยางงายดายอกดวย ขณะท CMS กาลงมการพฒนาการไปขางหนาอยางรวดเรว ทาใหอดคดไมไดวา ในอนาคตนนเครองมอสาหรบสรางเวบไซตจะมคฯสมบตและหนาตาเปนอยางไร จากพฒนาการของ AJAX ทสามารถทาใหเวบไซตทางานเปนเวบแอปพลเคชนทสมบรณแบบมากขน ระบบฐานขอมลทอจฉรยะมากขน กบสครปตตางๆ ทชวยเพมความเปนอตโนมตใหกบการสรางและจดการเนอหาเวบไซตมากขนพรอมกบความรวดเรวในการเชอมตอ กบการอสระของการเขาถงอนเทอรเนตไดจากทกๆ ทเหลานนาจะเปนคณสมบตทจะผลกดนให CMS กาวไปสการพฒนาใหมๆ ทจะชวยใหการสรางและพฒนาเวบไซตเปนไปอยางงายดายมากยงขน ไมแนนกวาในอนาคตอนใกลน เพยงไมกคลกทผใชงานสงการ กสามารถสรางระบบเวบไซตทมโครงสรางสมบรณแบบตามมาตรฐานของมออาชพกนเลยกได

12

2.1 CMS (Content Management System) CMS คอโปรแกรมทเขยนขนดวยภาษสครปต ทางานอยบนเวบเซรฟเวอรในรปแบบของเวบแอปพลเคชน นนคอ เปนแอปพลเคชนททางานผานเวบดวยการแสดงผลในหนาตางของโปรแกรม เวบเบราเซอร CMS เปนโปรแกรมสรางเวบไซตแบบสาเรจรป พรอมกบมเครองมอสาหรบบรหารจดการเนอหาและองคประกอบตางๆ บนเวบไซตอยางครบถวน CMS มคณสมบตในการจดการกบเนอหาของเวบไซตในปรมาณมากๆ ไดอยางยดหยนตามความตองการของผดแลเวบไซต ภาษาสครปตทถกนามาสรางเปนโปรแกรม CMS สวนใหญคอภาษา PHP, ASP และ JAVA และระบบ CMS จะจดเกบขอมลเนอหาไวในไฟลฐานขอมล เชน MySQL, Protege SQL และ Microsoft SQL เปนตน นอกจากน CMS ยงไดนาเทคโนโลยของภาษา XML (Extensible Markup Language) เขามาชวยในการจดการประเภท ของขอมลอกดวย

2.2 เนอหาของ CMS (Content Management System)

"เนอหาคออะไร" สาหรบนกทองเวบทวๆไปแลว คาวาเนอหากคงจะหมายถง ขอความ รปภาพ หรอคลปวดโอตางๆ ทอยบนหนาเวบไซต ความหมายของคาวา "เนอหา" ในมมมองของ CMS นนไดขยายออกไปจากสงทอยบนหนาเวบไซตอกนดหนอยโดยแยกเนอหาออกเปน 2 สวนดวยกนคอ

1. ขอมล เนอหาสวนทเปนขอมล กคอ สงทผเขาชมเวบไซตจะสามารถมองเหนไดบนหนาเวบเพจ นนคอ สวนทเปนขอความตวอกษร รปภาพประกอบ วดโอ และสญลกษณตางๆ เปนสวนทสามารถมองเหนไดจรงๆ ตรงไปตรงมา 2. แอปพลเคชน คอโปรแกรมภาษาสครปตตางๆ ททางานบนเวบไซต แลวสงผลอยางใดอยางหนงออกมา เชน ระบบตรวจสอบผทเขาใชงานเวบไซต ระบบจดการแบนเนอร เปนตน ผลลพธทไดจากแอปพลเคชนอาจจะเปนขอมลทแสดงบนหนาเวบไซต หรออาจจะทางานโดยไมสงผลลพธอะไรออกมาทางหนาเวบเพจเลยกได โดยถอวาเปนเนอหาบนเวบไซตเหมอนกน

ดงนน CMS จงเปนเครองมอทสามารถบรหารจดการไดทงเนอหาแบบขอมลและแบบแอปพลเคชน2.3 องคประกอบของ CMS (Content Management System)

ระบบบรหารจดการเนอหาเวบไซต หรอ CMS ใดๆ กตาม อยางนอยจะตองมองคประกอบอย 3 สวนดวยกน จงจะทาหนาทเปน CMS ไดอยางสมบรณ นนคอ 1. เครองมอจดการเนอหา (Content Management Application : CMA) CMA มหนาท จดการเนอหาทกชนดบนหนาเวบเพจไปตลอดอายของเนอหานน เรมตงแตการสราง การรกษา และการลบทงออกไปจากทจดเกบขอมล ซงอาจจะเปนในไฟลฐานขอมล หรอแยกออกมาเปนไฟลตางหาก อยางเชน รปประกอบตางๆ กได กระบวนการจดการเนอหาโดยธรรมชาตแลวจะอยในแบบทเปนลาดบขนตอนและสาเรจลงไดดวยการทางานตามลาดบงาน (Workflow) ดวยเชนกน ในสวนของ CMA ยงชวยใหนกเขยนของเวบไซตทไมมความรในภาษา HTML ภาษาสครปต หรอโครงสรางของเนอหาเวบไซต สามารถสรางเนอหาไดโดยงาย

13

ชวยใหงานในการสรางและดแลเนอหาของเวบไซตไมตองการความรระดบของเวบมาสเตอรอกตอไป การดแลเนอหาของเวบไซตในเวลาหนงๆ อาจจะมผดแลเนอหาเขามาทางานพรอมๆ กนหลายๆ คนกได 2. เครองมอจดการขอมลของเนอหา (Metacontent Management Application : MMA) ขอมลของเนอหา (Metacontent) หรอขอมลของขอมล (Metadata) เปนขอมลทใชอธบายขอมลอกทหนง เชนขอมลทอธบายวา “เนอหา” ชนหนงถกสรางขนเมอไหร โดยใคร ถกจดเกบไวทไหน ถกใชงานบนหนาเวบเพจไหน และจดวางบนหนาเวบเพจนนอยางไร เปนตน การจดการขอมลของเนอหายงชวยใหการควบคมเวอรชนของชนสวนเนอหาตางๆ บนเวบไซต เปนเรองทงายขนกวาเดมอกดวย MMA เปนแอปพลเคชนทใชสาหรบจดการวงจรทงหมดของ Metacontent เชนเดยวกนกบ CMA ทจดการกบวงจรชวตของเนอหาเวบไซต (Content) ทงหมดนนเอง

3. เครองมอน าเสนอเนอหา (Content Delevery Application: CDA) มหนาทดงชนสวนเนอหา ออกมาจากทเกบ และจดเรยงลงบนหนาเวบเพจดวยรายละเอยดจาก MMA เพอนาเสนอตอผเขาชมเวบไซต โดยสวนใหญแลวผใชงาน CMS สรางเวบไซตมกจะไมคอยไดยงเกยวกบ CDA มากนก นอกจากขนตอนการตดตงและการกาหนดรปแบบการแสดงผล หลงจากนนกปลอยให CDA ทางานไปตามกระบวนการ นนคอ ขอมลของเนอหา เปนสงทบอกตอ CDA วา อะไรคอสงทจะตองนามาแสดง และถกแสดงอยางไร ไมวาจะเปน การจดวาง ส ชองวาง ฟอนต ลงค และอนๆ ซงจะเหนไดวา ผดแลสามารถเปลยนแปลงคณลกษณะไดอยางยดหยน โดยการเปลยนเฉพาะในสวนของขอมลเนอหา ไมตองไปปรบเปลยนทตวเนอหาโดยตรง คณสมบตขอนทาใหเวบไซตสามารถเปลยนดไซนทงหมดไดทงกบเนอหาทสรางมานานแลว และกบเนอหาทกาลงจะสรางขนใหม โดยไมกระทบตอการทางานทงหมดของเวบไซตเลยแมแตนอย สรปงายๆ คอ CMA มหนาทสรางจดเกบ และทาลาย ชนสวนของเนอหา MMA มหนาท จดการขอมลทบอกวา ชนสวนของเนอหาแตละชนแสดงผลทไหนอยางไร และ CDA มหนาทแสดง ผลชนสวนของเนอหาตางๆ ขนบนหนาเวบเพจ 2.4 ประโยชนของ ระบบบรหารจดการเนอหาเวบไซต ประโยชนเบองตนทผใชงานจะไดรบ เมอนา CMS เขามาสรางและดแลเวบไซต มดงน 1) ควบคมรปแบบของเวบไซตไดด ผดแลเวบไซตสามารถกาหนดรปแบบมาตราฐานของเวบไดงาย 2) อปเดตเวบไซตไดจากทกๆ ท สามารถเขาถงเครองมอบรหารจดการเวบไซต ผานทางอนเทอรเนต จงทาใหสามารถทางานทไหนกไดทมคอมพวเตอรและอนเทอรเนต 3) ไมตองตดตงโปรแกรม การเขาใชงาน CMS ตองการเพยงเครองคอมพวเตอรทมการตอเชอมอนเทอรเนต กบโปรแกรมเวบเบราเซอรเทานน ไมตองมการตดตงโปรแกรมลงบนเครองใด 4) ไมตองมความรภาษา HTML และ Script สามารถบรหารจดการเนอหาดวยเครองมอ CMS ทจดเตรยมให 5) รองรบการทางานจากผใชงานหลายคนไดพรอมกน CMS เปนเวบแอปพลเคชนแบบ Client – Server จงรองรบการเขาใชงานเวบเซรฟเวอรจากผใชงานหลายๆ คนไดในเวลาเดยวกน

14

6) เพมศกยภาพในการรวมมอกนทางาน เพราะใน CMS มเครองมอในการควบคมชนสวนเนอหา รองรบการทางานรวมกนของผดแลเวบไซตและผใชงาน 7) การนาชนสวนเนอหากลบมาใชใหม เพราะระบบ CMS มการแยกชนสวนของเนอหาออกจากกน ทาใหการนากลบมาใชงานใหมเปนเรองทงาย 2.5 ชนดของ CMS ในปจจบน CMS ไดถกพฒนาขนมานบรอยนบพนรน ขอแยก CMS แบบคราวๆ ไดดงน 1. แยกตามรปแบบของการพฒนา - CMS เพอการคา : เปนการพฒนาเพอนาออกมาขาย CMS ประเภทนจะมคณสมบต ทดมาก ฟงกชนครบถวนครอบคลมความตองการใชงานแทบทกอยาง แตมขอเสยเพยง เดยว นนคอมกมราคาแพงมากๆ จนเออมถงยาก - CMS โอเพนซอรสหรอฟรแวร : เปน CMS ทสามารถนามาใชงานไดฟร และบางรนสามารถดดแปลงซอรสโคตใหตรงกบความตองการใชงานไดอกดวย - Java กาลงเพมความนยมนามาสรางเปน CMS อยางมาก เนองจากมความยดหยนตอการเขยนโปรแกรมมาก ไมขนอยกบแพลตฟอรม และในปจจบนเทคโนโลยเปดทสามารถนามาใชงานไดฟรเชนเดยวกน และทนาจบตามองทสดในปจจบนนกคอเทคโนโลย AJAX ทกาลงเปนทสนใจอยางสง ในการนามาพฒนาเปนเทคโนโยลใหมของ อนเตอรเนตและเวบไซต

15

บทท 3. Introduction to Joomla

Jommla! คออะไร

Joomla! หรอ จมลา คอ ระบบการบรหาร Website หรอ CMS (Content ManagementSystem)เพอทาใหเราสามารถสรางเวบไซดรวมถงคณสมบตตางๆ หรอ รปแบบหรอ Template มาใสหนา web ซงไมจาเปนตองเขยนโคช HTMLขนมาเอง โดย Joomla! เปนOpen Source สามารถดาวโหลด Software มาใชไดฟร ซงชอ Joomla! นนมจดเรมตนมาจากMambo ซงเปน CMS ซอดงกอนจะถกพฒนามาเปน Joomla! โดย Mambo นนถกพฒนาขนโดยบรษท Miroท Melbourmeประเทศออสเตรเลย ในป ค.ศ. 2000 หลงจากนนในเดอนกยายนป ค.ศ. 2005Joomla! กไดถอกาเนดขนมาโดยมเวอรชน 1.0(เปลยนชอมาจาก Mambo เวอรชน 4.5.2.3) ซงคาวา Joomla! นนมาจากคาอราบค Jumlaโดยแปลเปนภาษาองกฤษจะไดวา “All together” หรอ “as a whole” ซงทงหมดโดยรวม ซงในความหมายนจะเกยวของกบ Joomla! ซงกคอเปนการรวบรวมลกเลนและเครองมอตางๆทจาเปนในการสราง website ไวดวยกนหลงจากท Joomla!1.0 ถอกาเนดขนมาไดรบความนยมโดงดงมากและยงไดรบรางวล Packt Publishing Open Source Content Management System ในป ค.ศ. 2006 และ 2007 อกดวยและหลงจากนนในเดอนมกราคมป ค.ศ. 2008 กไดม Joomlaเวอรชน 1.5 ขนมาซงในเวอรชนนกไดมการเพมคณสมบตตางๆมากมายเพอความสะดวกในการใชงานมากขนและชวงเดอนมถนายนป 2009 ทผานมากไดมเวอรชน 1.6 ชงเปนเวอรชน alpha ออกมาสาหรบทดสอบการทางานกนแลว (สาหรบเวอรชน1.6 ในหนงสอเลมนจะไมอธบายไวเนองจากเปนเวอรชนทใชทดสอบอยในขณะทเขยนหนงสอเลมน)ในตวอยางของหนงสอจะใช Joomla! เวอรชน 1.5.15 ซงเวอรชนหลกๆ คอ 1.5 สวนเลข .15ตอทายเปนเวรชน update ซงจะมเวอรชน 1.5x ตางๆท update มากอนทจะพฒนามาถง 1.5.15 ดงน

Joomla! 1.5 Joomla! 1.5.5 Joomla! 1.5.10

Joomla! 1.5.1 Joomla! 1.5.6 Joomla! 1.5.11




ซงความแตกตางของเวอรชน 1.5 ไมคอยมความแตกตางมากนกแตความแตกตางของ Joomla! เวอรชน 1.0 และ 1.5 มความแตกตางในเรองของการใชงาน รวมถงคณสมบตทใชในการจดการเนอหา (content) ตางๆ เชน สนบสนนการใช Atom 1.0 และ RSS 2.0 Template ฯลฯ

16

3.1 การสรางเวบไซตดวยโปรแกรม Joomla "Joomla" เปนระบบบรหารจดการเวบไซต (Content Management System: CMS) ทชวยให

การพฒนาเวบไซต เปนเรองงายและรวดเรว โดยไมจาเปนตองมความรเรองภาษา HTML, PHP หรอภาษาทใชในการเขยนเวบไซต ซงสามารถ สรปลกษณะเดนๆ ไดดงน - ไมตองเสยเวลากบการออกแบบเวบไซต เพยงแคพมพขอมลกสามารถสรางเวบไซตได - สามารถปรบเปลยนรปแบบของเวบไซตไดอยางรวดเรวดวย templates ตางๆ - ไมตอง Upload Files ไปยง server เพยงแคเลอกคาสง Save ขอมลจะถกบนทกทนท - สามารถใชงานและ Update ขอมลไดทกททกเวลาตามตองการผาน Internet Explorer หรอ Web Browser อน ๆ - มสวนเพมเตมประสทธภาพใหกบเวบไซตมากมาย เชน poll, Forums - ชวยใหบรหารจดการขอมลไดเปนอยางด เชน ขอมลจะถกจดเกบอยางเปนระบบทาใหงายตอการคนหา และแกไข สามารถซอนขอมลหรอเนอหาได - สามารถกาหนด User เพม เพอเขามาชวยในการพฒนาเวบไซต โดยสามารถกาหนดสทธใหกบ User ตามความเหมาะสม หรอเพอใหเนอหาบางสวนของเวบไซตสามารถเปดดไดเฉพาะผทเปนสมาชกเทานน "Joomla" จดเปนโปรแกรมประเภท Open Source ภายใตสนธสญญากน GNU General Public Licence ซงเปน ชอของโครงการพฒนาระบบปฏบตการ รเรมโดยรชารด สตอลแมน เมอป พ.ศ. 2527 โดยมจดมงหมายทจะพฒนาระบบปฏบตการเพอใหเปนซอฟตแวรเสร ททกคนสามารถนาไปใช แกไข ปรบปรง หรอจาหนายฟร โดยไมตองเสย คาลขสทธ โครงการกน ประกอบไปดวย เคอรเนล ไลบราร คอมไพเลอร โปรแกรมระบบ และ โปรแกรมประยกตตางๆ คาวา กน (อานวา กะ-น, IPA: /gnu/) เปนคา ยอแบบกลาวซา มาจากคาเตมวา GNU's Not Unix เพราะระบบกนพฒนาให เหมอนระบบยนกซแตไมไดใชซอรสโคด ของยนกซเลย ปจจบน (ป พ.ศ. 2549) เคอรเนล ทางการ ของ กน คอ Hurd ยงไมเสรจสมบรณ ผใช ระบบกนสวนใหญเลอกโดยใชลนกซเปนเคอรเนล อยางไรกตาม ระบบเหลานนมกจะถก เรยกวา ลนกซ ซงถาจะใหถกตองแลว ควรจะเรยกวา ระบบกน /ลนกซ (GNU/Linux systems) เพราะใชลนกซเปนเคอรเนล สวนซอฟตแวรสวนอน ๆ มาจากโครงการกน โปรแกรมหลายตวในโครงการ กถกปรบใหทางานในระบบปฏบตการอนๆ ได เชน ไมโครซอฟทวนโดวส บเอสด แมคโอเอส เปนตน สญญาอนญาต GPL, LGPL และ GFDL ทใชในโครงการอนๆ มากมาย กรเรมจากโครงการกน 3.2 ความตองการของ Joomla (ขนต า)

- เครองคอมพวเตอรระดบ Server Class ทตดตงระบบใหบรการแบบ Web Server เชน IIS, Apache เปนตน

- พนทวางของHard Disk 100 MB. มากขนตามจานวนการเกบไฟลตางๆ ของเวบไซต - Database MySQL V.3.23 - Apache V.

- PHP 4.3.1 ทงหมดนคงไมเปนปญหาสาหรบผทมพนฐานเกยวกบคอมพวเตอร หรอผดแลระบบทสามารถจะตดตงระบบ Web Server หรอระบบฐานขอมล แตสาหรบมอใหมอาจเปนเรองยงยากทจะตองการนา

17

โปรแกรม Joomla มาใชงาน จงขอ แนะนาโปรแกรม AppServ ซงเปนโปรแกรมทรวบรวม Package ทจาเปนสาหรบการทา Web Server ไว ไดแก - Apache ทาหนาทใหบรการ Web Server - MySQL ทาหนาทเปน Database Server -Phpmyadmin คอ เครองมอชนดหนงทใชในการจดการกบฐานขอมล MySqlผาน web Browser โดย Phpmyadmin นจะมลกษณะ เปน open source หรอฟร ทสรางจากภาษา PHP สามารถเขาไป Download มาใชงานไดจาก http://www.phpmyadmin.net/home_page/index.php แตถาเราตดตง XAMPP ไปแลวกไมตองDownload เพราะ XAMPP จะตดตงPhpmyadminมาใหแลว

โดยเราสามารถใช Phpmyadmin นสรางฐานขอมลขนมาใหม สรางตาราง ใสขอมลใหกบตาราง เขยนฟงกชน sqlตางๆสามารถเรยกดขอมล เพมขอมล แกไขขอมล ลบขอมลดวยภาษา sqlไดเปนตน ซงเหนไดวา Phpmyadmin เปนเครองมอทสาคญทชวยใหจดการกบฐานขอมล Mysqlเปนเรองงาย

18

บทท 4 การตดตงโปรแกรม AppServ เพอจ าลองเครองเปน Server

1. ดบเบลคลกทโปรแกรม appserv-win32-2.5.9 (win32 หมายถง ระบบปฏบตการ Windows2000 ขนไป )

2. ปรากฏหนาตางตอนรบ ใหกดปม Next>

19

3. จะปรากฏหนาตาง ขอตกลง GNU ใหกดปม I Agree เพอยอมรบ

4. จะปรากฏหนาตางกาหนดจดหมายสาหรบตดตงโปรแกรม AppServ เพอใชเกบเวบไซตและฐานขอมล ใหกดปม Next>

20

5. จะปรากฏหนาตาง Components ใหเลอกทงหมด และกดปม Next>

6. จะปรากฏหนาตาง Server’s information

21

ในในชอง Server Name ใหกาหนดเปน local host ในชอง Administrator’s e-mail ใหระบอเมล ของทาน กด Next

10. หลงจากนนทาการตรวจสอบความพรอมของ Apache สาหรบการใหบรการ Web Server - เปดโปรแกรม Web Browser เชน Internet Explorer - พมพ http://localhost ในชอง Address แลวกดปม Enter

จะปรากฏหนาตางของ Appserv ดงภาพดานลาง แสดงวาเครองคอมพวเตอรของเราพรอมทาหนาทเปน Web Server สาหรบตดตง Joomla แลว

22

บทท 5. การสรางฐานขอมลดวยโปรแกรม phpMyAdmin

1. เปด Internet Explorer แลวพมพ http://localhost/phpMyAdmin พมพตวเลกตวใหญใหถกตอง

2. จะมหนาตางถาม User Name และ Password ในการเขาใชงาน MySQL ใหระบใหตรงกบทตงไวตอนตดตงโปรแกรม AppServ

23

3. เขาสโปรแกรม phpMyAdmin

4. ใหตงชอ Database ในชองสรางฐานขอมลใหมj เชน db_joomla และเลอกการเรยงลาดบเปน

utf8_general_ci จากนนกดปมสราง

เมอกดปมสรางหนาตางกจะรายงานผลการสรางฐานขอมล

24

ใหกดทปม แลวเลอก ออกจากระบบ

เสรจสนขนตอนการสรางฐานขอมล

25

บทท 6. การตดตงโปรแกรม Joomla

6.1 Download และจดเตรยมโปรแกรม Joomla

1. ดาวนโหลดโปรแกรม Joomla ไดท www.joomla.org จากนนใหไปสรางโฟลเดอรทชอ joomla บน Desktop เมอไดไฟลมาแลวใหทาการแตกไฟล Joomla ดวยโปรแกรม Winzip ไปยงโฟลเดอร ทไดสรางไว

26

เขาไปตรวจสอบภายใน Folder Joomla จะพบวามไฟลอยดงภาพ

นา folder Joomlaทคดลอกไวมาวางใน folder www ดงภาพ

27

6.2 เรมตดตงโปรแกรม Joomla - เปดโปรแกรม Internet Explorer แลวพมพ http://localhost/joomla ลงในชอง Address แลวกด Enter จะปรากฏดงภาพ

โปรแกรมจะทาการตรวจสอบสถานะภาพกอนการตดตง หลงจากนนใหกดปม “ถดไป” หากการตรวจสอบในชองบนมคาเปนสแดงจะไมสามารถตดตงโปรแกรมได หากตดตงไดโปรแกรมกจะทางานไมไดตามปกต

28

โปรแกรมจะแสดงขอตกลง GNU ใหกดปม “ถดไป”จะปรากฏหนาตางรายละเอยดเกยวกบฐานขอมล ดงภาพ

ใหกาหนดคาพนฐาน ดงน - ชนดของฐานขอมล ใหเลอกใช mysql

- ชอโฮสต ใหกาหนดเปน localhost - ชอผใชฐานขอมล ใหกาหนดเปน root - รหสผาน ใหระบตามรหสทตงไวตอนตดตง Appserv - ชอฐานขอมล ใหกาหนดเปน db_joomlaตามทไดสรางไวดวยโปรแกรม phpMyAdmin

กอนหนาน (ชอฐานขอมลสามารถกาหนดเปนชออนไดตามตองการ) เมอกาหนดเสรจแลวใหกดปม “ถดไป”โปรแกรมจะแสดงหนาตาง การตงคาระบบ FTP

29

ใหเลอก No ไมเปดใชระบบ FTP (สามารถกาหนด Yes เพอเปดใชงานในสวนน และกาหนดชอผใชและรหสผาน)หลงจากนนให ใหกดปม “ถดไป”โปรแกรมจะแสดงหนาตาง การตดตงระบบหลก

ใหกาหนดดงน ชอเวบไซต ใหใสชอ เวบไซตทตองการสราง -อเมลของทาน ใหใส อเมลของผดแลระบบ -ชองรหสผาน ใหกาหนดรหสผานสาหรบผดแลระบบ และยนยนรหสผาน -โปรแกรมจะทาการถามวาจะตดตงขอมลตวอยางหรอไม (ขอมลตวอยางคอ รายละเอยดตวอยางภายในเวบไซต เชน ขาวประกาศ เมนภายในเวบไซต เปนตน) สาหรบผทเรมตนใชงานควรจะเลอกตดตงขอมลตวอยาง เพอจะไดมองภาพโครงสรางของเวบได เมอกาหนดเรยบรอยแลวใหกดปม “ถดไป” ถาไมตดตงขอมลตวอยาง โปรแกรมจะถามวาจะตดตงตอไปใหไม ใหกดปม ok

30

โปรแกรมจะแสดงหนาเวบดงภาพ

เมอโปรแกรมตดตงเสรจแลว โปรแกรมจะใหทาการลบหรอเปลยนชอ folder ทชอ Installation ท

อยใน folder ชอ C:/Appserv/www/joomla จากนนใหเปดโปรแกรม Internet Explorer แลวพมพ http://localhost/joomla แลวกด Enter

จะปรากฏดงภาพดานลาง แสดงวาการตดตงโปรแกรม Joomlaสมบรณ

หนาตางนเรยกวา Frontend สาหรบแสดงหนาเวบไซตของเราใหคนทวไปเหนสวนการปรบแตงเวบไซตของเรา ตองเขาไปในสวนทเรยกวา Backend หรอสวนจดการเนอหา รวมถงโครงสรางของเวบไซต หรอเรยกอกชอหนงวา Administrator

31

6.3 การเขาส Backend หรอ Administrator เพอการจดการเวบไซต 1. เปดโปรแกรม Internet Explorer แลวพมพ http://localhost/joomla/administrator แลวกด Enter จะปรากฏดงภาพดานลาง

2. ใหทาการ login โดยการใส Username เปน admin และ Password ใหใสตามทกาหนดไวตอนตดตงโปรแกรม Joomla หลงจากนนใหกดปม Login

32

โปรแกรมจะเขาสสวน Control Panel สาหรบจดการเวบไซต ซงมรายละเอยดดงน

Menubarคอสวนแสดงคาสงทงหมดของโปรแกรม

InfobarคอสวนแสดงรายละเอยดของโปรแกรมVersion แสดงรนของโปรแกรมPreview คาสงให

แสดง เวบไซตตวอยางทสรางขนจานวนจดหมายทสงถง ผดแลระบบจานวนผเปนสมาชกของเวบไซตปม Logout สาหรบออกจากสวน Backend

33

สวนของคาสงยอยใน Control panel มรายละเอยดดงน

คาสงเพม เนอหาของเวบไซต

คาสงสาหรบจดการเนอหาของเวบไซต

คาสงสาหรบจดการหนาแรกของเวบไซต

คาสงสาหรบจดการ Section

คาสงสาหรบจดการ Category

คาสงสาหรบจดการ Media files

คาสงสาหรบจดการ Menu

คาสงสาหรบจดการภาษาในเวบไซต

คาสงสาหรบจดการกบผใชเวบไซตหรอสมาชกของเวบไซต

34

คาสงสาหรบจดการระบบเวบไซต

35

บทท 7. โครงสรางของการจดเกบเนอหา โครงสรางของเวบไซตประกอบดวย - Section หมวดหมหลก - Category หมวดหมยอย - Article เนอหา ขอมลหรอบทความ 7.1 การจดการหมวดหมหลก Section

1. กดปม หรอเลอกท Menubarแลวเลอกคาสง Section Maneger

จะปรากฏหนาตางดงภาพ

36

2. การสราง Section กดปม สาหรบสราง Section ใหม จะปรากฏดงภาพ

กาหนดชอของ Section ลงใน Title และ Ailas (ใชชอเดยวกนได) และกาหนดระดบของผทสามารถเขามาดในสวนของ Access Level ซงประกอบดวย

- Public ทกคนสามารถเปดดได - Registered เฉพาะผทผานการ Log in เขาระบบสมาชกจงจะสามารถเปดดได - Special สาหรบผทอยกลมพเศษ (กลมทแกไขขอมลได) เทานนทเปดดได

เมอกาหนดเสรจแลวใหกดปม หรอ

ถาตองการแกไข ใหเลอกทปม สาหรบแกไข Section ทม

สวนการลบ ใหเลอกทปม สาหรบลบ Section

37

3. การเปดและซอน Section ใหเลอกคลกทสญลกษณใหเปนเครองหมาย สาหรบแสดง และ

เลอกคลกให เปนสญลกษณ สาหรบซอน Section 7.2 การจดการหมวดหมยอย Category

1. เลอกคาสง Category Manager จากแถบเมนบาร หรอปม จะปรากฏหนาตาง ดงภาพ

38

2. การสราง Categry กดปม คาสงสราง Category ใหม จะปรากฏหนาตางดงภาพภาพ

กาหนดชอของ Category ลงใน Title และ Ailas (ใชชอเดยวกนได) และกาหนดระดบของผท

สามารถเขามาดในสวนของ Access Level ซงประกอบดวย - Public ทกคนสามารถเปดดได - Registered เฉพาะผทผานการ Log in เขาระบบสมาชกจงจะสามารถเปดดได - Special สาหรบผทอยกลมพเศษ (กลมทแกไขขอมลได) เทานนทเปดดได


คาสงแกไข category คาสงลบ category

คาสงคดลอก category คาสงยาย category

39

7.3 การจดการเนอหา Article

1. การสรางเนอหาใหม กดทปม จะปรากฏหนาตางดง ภาพ

กาหนดชอของ Category ลงใน Title และ Ailas (ใชชอเดยวกนได) และกาหนดทอยของเนอหาท

Sectionและ Category ใดแลวกพมพเนอหา


2. การจดการเนอหาเลอกคาสง Article Manager จากแถบเมนบารหรอ กดทปม จะปรากฏหนาตางดงภาพ

40

โดยมรายละเอยดคอ

คาสงสรางเนอหาใหม คาสงแกไขเนอหาหรอสามารถเลอกทหวขอของ Article เพอแกไขเนอหาได

คาสงเคลอนยายเนอหา คาสงคดลอกเนอหา คาสงลบเนอหา สญลกษณทชอง Published หมายถง แสดงหรอซอนเนอหานน สญลกษณทชอง Front Page หมายถง แสดงหรอไมแสดง เนอหานนในหนาแรก 7.4 การจดการเมน

1. การจดการเมนใหกดปม จะปรากฏหนาตางดงภาพ

41

2. การสรางกลมเมน เลอกปม new ปรากฏหนาตางใหกาหนดรายละเอยด

กาหนดชอของกลมเมน และรายละเอยด จากนนกด Save จะปรากฏเมนดงภาพ

42

รายชอเมนทแสดง หมายถงกลมของเมน ซงในแตละกลมจะมเมนยอย การเขาไปแกไขหรอเพมใหกดท Menu Item จะปรากฏหนาตางดงภาพ

หมายถง เมน Home ในกลมเมนทชอ Mainmenu

43

7.6 การจดการ media Media Manager เปนสวนทดแลและจดการไฟลท Upload เขามาเกบไวทเวบไซต สาหรบไฟลท

อนญาตให สามารถ Upload ไดจะมดวยกนด ประเภทประกอบดวย doc, xls, ppt, bmp, gif, jpg, png, swf, pdf

1. การจดการ media ใหกดปม จะปรากฏหนาตางดงภาพ

2. การ upload ไฟล

ใหเลอก Directory ทตองการ upload จากนนใหเลอกไฟลทตองการ upload ดวยคาสง Browse เมอเลอกไฟลทตองการใหเลอกคาสงStart

Upload ดงภาพ

3. การลบไฟล ใหเขาส Directory ทตองการ และเลอกทคลกทเครองหมาย ตรงไฟลทตองการ

ลบออก

44

7.7 การจดการภาษาของเวบไซต

เลอกกดทปม Language Manager จะปรากฏดงภาพ

สามารถเลอกกาหนดใหภาษาใดเปนภาษาหลกของเวบไซต 7.8 การจดการหนาแรกของเวบไซต เลอกทคาสง Front Page Manager

ทแถบคาสงเมนบารหรอกดทปม ปรากฏหนาตางรายชอของเนอหาวามเนอหาใดทแสดงในหนาแรก การกาหนดใหเนอหาใดแสดงใน

หนาแรกสามารถท เลอกในขณะทจดการกบเนอหา ดวยการเลอกสญลกษณ และ ในชอง Front Page

Documents

Joomla