เอกสารประกอบการอบรม > 0 k5 ? . - 5

69
0 เอกสารประกอบการอบรม หลักสูตร การใช้งานเว็บไซต์สาเร็จรูป (Joomla) ระดับกลางฝ่ายพัฒนาและบริการสื อเทคโนโลยีสารสนเทศ สถาบันคอมพิวเตอร์ มหาวิทยาลัยรามคาแหง 2564 สถาบันคอมพิวเตอร์ มหาวิ ทยาลัยรามคํ าแหง

Upload: others

Post on 14-Jul-2022

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: เอกสารประกอบการอบรม > 0 K5 ? . - 5

0

เอกสารประกอบการอบรม หลกสตร

“การใชงานเวบไซตส าเรจรป (Joomla) ระดบกลาง”

ฝายพฒนาและบรการสอเทคโนโลยสารสนเทศ สถาบนคอมพวเตอร

มหาวทยาลยรามค าแหง 2564

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 2: เอกสารประกอบการอบรม > 0 K5 ? . - 5

1

ค ำน ำ

ในปจจบนการพฒนาเวบไซตไดมการพฒนาไปอยางมาก โดยเฉพาะเมอมการสรางเครองมอชวยจดการเนอหาของเวบไซตทเรยกวา CMS: Content Management System ท าใหการออกแบบและพฒนาเวบเปนเรองงาย สะดวก รวดเรวมากยงขน

Joomla เปนระบบบรหารจดการ web site (Content Management System : CMS) ระบบบรหารจดการเวบไซต ซงเปนระบบทน ามาชวยในการสรางและบรหารเวบไซตแบบส าเรจรป โดยในการใชงานCMS นนผใชงานแทบไมตองมความรในดานการเขยนโปรแกรม กสามารถสรางเวบไซตได โดยทตว CMSเองมโปรแกรมประยกต แบบพรอมใชงานอยภายในมากมาย อาท ระบบจดการบทความและขาวสาร (News and Story), ระบบจดการสมาชก (Member), ระบบจดการรปภาพ (Media Manager), ระบบจดการไฟลดาวนโหลด (Download), ระบบจดการปายโฆษณา(Banner) และตรวจสอบสถตความนยมในเวบไซต (Tracking and Statistics) เปนตน ระบบการจดการเวบไซต CMS ในลกษณะเดยวกนนม โปรแกรม Mambo โปรแกรมJoomla และ mambo แตกอนเปนทมพฒนาเดยวกน ซงการใชงานจะคลายกนมากความสามารถของ Joomla นน จะชวยใหผใชงานสามารถพฒนาเวบไซตหรออพเดทขอมลขาวสารของตนเองไดโดยไมตองใชเครองเดม โดยสามารถจดการเวบไซตไดทกททสามารถใช Internet ได

Joomla นบเปน CMS ทมความสามารถสงมากโปรแกรมหนง มจดเดนในการจดการเนอหาบทความทหลากหลายรปแบบ รองรบสอหลายฟอรแมต อกทงมหนาตาของเวบทสวยงาม พรอมดวยโปรแกรมเสรมใหเลอกตามความตองการของหนวยงาน โดยเฉพาะจดส าคญคอ เปนซอฟตแวรในกลมเปดเผยตนฉบบ (Source Code) หรอ Open Source Software ท าใหไมมคาใชจายในการจดหาซอฟตแวร อกทงสามารถปรบประยกตแกไขใหเหมาะสมกบแตละหนวยงานได

ฝายพฒนาและบรการสอเทคโนโลยสารสนเทศ สถาบนคอมพวเตอร

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 3: เอกสารประกอบการอบรม > 0 K5 ? . - 5

2

สำรบญ

การตดตง Web Server จ าลอง ……………………………………………………………………….. 3 การตดตง JOOMLA ………………………………………………………………………………… 9 Joomla 4 .............................……………………………………………………………………… 16 SEO (Search Engine Optimization) ………………………………………………………………. 18 JOOMLA กบ SEO ………………………………………………………………….…………….. 22SEO กบ URL ของ Article …….……………………….………………………………………… 25การแกไขและปรบเปลยน PHP.INI ……………………………..…………………………………. 26 User & Group …………….………………………………………………………………………. 28 วธเพมฟลดขอมลสาหรบสมครสมาชก ………………………………………………………….…. 32 การจดการตาราง (Table) ………………………………………………………………………….. 34การ Update Joomla และ Extension …………..……………………………………………………. 37 เปด Error Report ………………………………………………………………………………….. 39 Media Manager …………………………………………………………………………………. 41 กรณเขาหนา ADMIN ไมได ……………………………………………………………………… 45 SECURITY ..............................…………………………………..……………………………... 47 ปกปองหนา Administrator ………………………………………………………………………... 53Two Factor Authentication ……..………………………………………………..……………… 55 การส ารองขอมลดวย Akeeba Backup …………….……………………………………….……... 59 การ RESTORE ดวย Akeeba Backup ...…………………...……………………………………... 63 การ Backup , Restore ดวย FTP และ PHPMyadmin ….…………………………………………... 66 โมดลสไลดโชว Smart Slider 3 ……………………….……………………..…………..………. 69 Template Helix 3 ….………………………………………………………………………………... 73 SP Page Builder ….………………………………………………………………………………... 79

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 4: เอกสารประกอบการอบรม > 0 K5 ? . - 5

3

กำรตดตง Web Server จ ำลอง กำรตดตงโปรแกรม XAMPP เพอจ ำลองเครองเปน Server โปรแกรม XAMPP คอโปรแกรมทรวบรวม Packages ตาง ๆ ทจ าเปนส าหรบการท า Web Serverไว โดย Packages หลก ๆ เหลานน ไดแก - Apache Web Server คอ โปรแกรมทท าหนาทเปน Web Server - MariaDB คอ โปรแกรมทท าหนาทเปน Database Server - PHP Script Language คอ ภาษา PHP ทเอาไวเขยนโปรแกรมเกยวกบเวบ - phpMyAdmin คอ ตวควบคม MySQL Database ผานเวบไซต โดยทวไปหากตองการตดตง Apache Web Server ใหเครองคอมพวเตอรสามารถใชงาน PHP ได และตองการใชฐานขอมล ตองไปดาวนโหลด โปรแกรม Apache, PHP, MariaDB มา แลวท าการตดตงเอง แลวท าการ config Apache ใหโหลด Module PHP ซงตองไปแกไขตวโปรแกรม หรอ config ใหระบบสามารถใชงานได โดยขนตอนจะยงยากและบางครงเมอตดตงไปแลว รน PHP ไมไดบาง Database ไมยอมท างานบาง โปรแกรม XAMPP กจงเกดขน โดยเราสามารถทจะตดตง Apache, PHP, MariaDB พรอมกน ซงจะใชเวลาไมนาน กตดตงเสรจหมดเลยทกอยาง เพยงเทานกพรอมทจะเขยน PHP ท างานกบ Database ภายในเครองของเราไดทนท โดยเครองคอมพวเเตอรทตดตงโปรแกรม XAMPP กเปรยบเสมอน Web Server จ าลอง กำรตดตง XAMPP 7.3.21 XAMPP รน 7.3.21 ประกอบไปดวย • Apache 2.4.46 • PHP 7.3.21 • MariaDB 10.4.14 • phpMyAdmin 5.0.2 *** โดยสำมำรถ Download ไฟล xampp-windows-x64-7.3.21-0-VC15-installer เพอใชตดตงโปรแกรม XAMPP ไดท http://webmaster.ru.ac.th

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 5: เอกสารประกอบการอบรม > 0 K5 ? . - 5

4

1. ดบเบลคลก xampp-windows-x64-7.3.21-0-VC15-installer เพอตดตง XAMPP บนเครองPC

2. คลก Next จะพบกบหนาจอ เพอเลอกโปรแกรมยอยทจะท าการตดตง โดยจะเลอกทจ าเปนตอการใชงานเทานน คอ Apache , MySQL , PHP และ phpmyAdmin

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 6: เอกสารประกอบการอบรม > 0 K5 ? . - 5

5

3. คลก next ตดตงโปรแกรมยอย แลวจะเขาหนาเลอกโฟลเดอรและไดรฟทจะตดตง ในทนเปน C:\xampp2

4. คลก Next แลวใหยกเลก Learn more about Bitnami for XAMPP

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 7: เอกสารประกอบการอบรม > 0 K5 ? . - 5

6

5. คลก Next เพอเรมตดตง XAMPP

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 8: เอกสารประกอบการอบรม > 0 K5 ? . - 5

7

6. รอจนครบ 100% โปรแกรมจะถกตดตงอยางสมบรณ จะเขาสหนาสดทาย โปรแกรมจะถามวา ให Control Panel ท างานทนทหรอไม ………………… คลก Finish แลวเลอกภาษาทตองการ

7. คลก save แลวจะพบกบหนาตาง Control Panel ของ XAMPP

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 9: เอกสารประกอบการอบรม > 0 K5 ? . - 5

8

8. คลก Start เพอเปดใชงานโมดล Apache และ MySQL

9. เมอตดตงเสรจ ใหเปดโปรแกรม Web Browser ขนมา ชอง Address พมพ http://localhost เพอทดสอบ หากส าเรจ จะมหนาจอ Dashboard ของ Xampp ขนมา

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 10: เอกสารประกอบการอบรม > 0 K5 ? . - 5

9

กำรตดตง JOOMLA โปรแกรม Joomla Open Source มระบบการตดตงแบบ Wizard คลายๆ กบการตดตงโปรแกรมทวไปบน Windows ซงกอนท าการตดตงโปรแกรม Joomla จะตองท าการเตรยมฐานขอมล (MariaDB) ไวส าหรบการตดตงกอน โดยใชโปรแกรม phpMyAdmin สรางฐานขอมลซงตวโปรแกรม phpMyAdmin ไดถกตดตงมาพรอมกบการตดตงโปรแกรม XAMPP แลว phpMyAdmin เปนโปรแกรมประเภท mySQL Client ทใชในการจดการฐานขอมล mySQL ผานบราวเซอรไดโดยตรง โปรแกรมนเปนโปรแกรมแบบ Open Source และเขยนดวย PHP ทงหมด โดย phpMyAdmin จะท างานบน Web Server เปน PHP Application ทใชควบคมจดการกบ mySQL Server กำรสรำงฐำนขอมลใหม การเขาใชงานโปรแกรม phpMyAdmin จะใชงานผานโปรแกรมเวบเบราเซอร เชน Internet Explorer และตองแนใจวาไดตดตงโปรแกรม webServer เชน Apache เปนตน ไวภายในเครองเปนทเรยบรอยแลว 1. เปดเวบเบราเซอร ทชอง Address พมพ http://localhost/phpmyadmin เพอเรมใชงาน phpMyAdmin ** ในการใชงานจรงกบเวบไซตของหนวยงาน จะตองใส Username และ Password ทไดรบจากทางสถาบนคอมพวเตอรถงจะสามารถเขาใชงานได ชองชอผใช ใส Username ชองรหสผาน ใส Password เสรจแลว คลก ไป

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 11: เอกสารประกอบการอบรม > 0 K5 ? . - 5

10

2. เมอเขาโปรแกรม phpMyAdmin มาแลวใหคลกท Databases ทเมนดานบน

3. ทชอง Creat databaseใหพมพชอฐานขอมล joomla จากนนคลกปม สรำง

4. เมอสรางฐานขอมลเสรจสมบรณ จะปรากฏฐานขอมลชอ Joomla ขนทหนาตางดานซาย

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 12: เอกสารประกอบการอบรม > 0 K5 ? . - 5

11

เรมตดตง Joomla --------------------------------------------------------------------------------------------------------------------------- Download ไฟล Joomla_3.9.20-Stable-Full_Package.zip เพอใชตดตงโปรแกรม Joomla ไดท http://webmaster.ru.ac.th -------------------------------------------------------------------------------------------------------------------------------- 1. สราง Folder ชอ Joomla ใน c:\xampp2\htdocs\ เสรจแลวใหท าการแตกไฟล Joomla_3.9.20-Stable-Full_Package.zip ทโหลดมาไปไวท c:\xampp2\htdocs\joomla

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 13: เอกสารประกอบการอบรม > 0 K5 ? . - 5

12

2. ท าการเรมตดตง Joomla โดยพมพ http://localhost/joomla

ชอง ชอเวบ ใสชอเวบไซต ชอง อเมลของคณ ใสอเมลของผดแลระบบ ชอง ชอเขำระบบของผดแล ใสชอผใชงานของผดแลระบบ ชอง รหสผำนของผดแล ใสรหสผานของผดแลระบบ ชอง ยนยนรหสผำนผดแล ใสรหสผานของผดแลระบบอกครง ........ กดปม “ตอไป”

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 14: เอกสารประกอบการอบรม > 0 K5 ? . - 5

13

3. จะแสดงหนาตรวจสอบการตดตง กดปม “ถดไป”

ชอง ชอผใชฐำนขอมล ใส root ชอง รหสผำน ไมตองใส ชอง ชอฐำนขอมล ใสชอฐานขอมลทไดสรางไวใน phpMyadmin .. กดปม “ตอไป”

4. จะแสดงหนา ภำพรวม และจะตรวจสอบระบบเพอตรวจสอบการตดตง ….. กดป ม “ตดตง”

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 15: เอกสารประกอบการอบรม > 0 K5 ? . - 5

14

5. ระบบจะท าการตดตง Jooomla

6. เมอตดตงเสรจเรยบรอยแลว ............... กดปม “ลบโฟลเดอร installation”

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 16: เอกสารประกอบการอบรม > 0 K5 ? . - 5

15

7. กดป ม “ดหนาเวบ”

8. จะแสดงหนาแรกของเวบไซต ซงถอวาการตดตงเสรจสมบรณ

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 17: เอกสารประกอบการอบรม > 0 K5 ? . - 5

16

Joomla 4 นบตงแต Joomla! 3.0 ออกมาใน วนท 27 กนยายน 2555 นบถงตอนนกประมาณ 8 ปแลว จมลา 3 ไดมการเปลยนแปลงมากมายจากเวอรชน 2.5 ซงตอนนทมงานพฒนาจมลา ไดปลอย Joomla 4 Alpha ออกมาในวนท 17 พฤศจกายน 2560 ใหทดสอบใชงานและรายงานขอผดพลาดตางๆ ท าใหยงไมแนะน าใหใช Joomla 4 Alpha กบเวบจรงๆ Joomla 4 Alpha มการเปลยนแปลงรปแบบหลายอยาง ทเหนชดเจนคอหนา Admin ซงตงแต Joomla 1.5 มาจนถง 3.x จะมความคลายคลงกนมาโดยตลอด แตใน Joomla 4 นนหนา Admin มการเปลยนแปลงไปอยางมาก

Joomla 4 นน การตดตงนนมข นตอนนอยกวาและตดตงงายกวาเวอรชนกอน

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 18: เอกสารประกอบการอบรม > 0 K5 ? . - 5

17

Cassiopeia เปน Template ใหมส าหรบ Front end

ระบบ Media Manager รปแบบใหม

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 19: เอกสารประกอบการอบรม > 0 K5 ? . - 5

18

SEO (Search Engine Optimization) SEO หรอ Search Engine Optimization คอ กระบวนการท าใหเวบไซตทพฒนาขน สามารถคนหาเจอจาก Search Engines ตางๆ เชน Google Yahoo หรอ Bing ใหสามารถแสดงผลลพธจากการคนหาอยในอนดบตนๆ ซงอาจจะหมายถงอนดบแรกหรออยในหนาแรก และในปจจบนถอเปนกลยทธทางการตลาด ทมประสทธภาพมาก ใชตนทนทต า แตใหผลก าไรสง และเหนผลชดเจน ท าใหการท า SEO กลายเปนสวนหนงทส าคญในการสรางเวบไซตไปแลว ความส าคญของการท า SEO หากเปดกจการขนมาแหงหนง แตไมมใครรจกกจการทเปดนเลย ไมมลกคา ไมมยอดขาย ตอใหผลตภณฑดแคไหน แนนอนวากจการทเปดขนมา ไมนานกตองปดลง เชนเดยวกบเวบไซตหนวยงานคงไมมประโยชนอะไร ถาเวบไซตหนวยงานทพฒนาขน ไมเปนทรจกและไมมคนเขาชม หรอคนแทบจะไมเจอใน Search Engines โดยเฉพาะอยางยง ถาเปนเวบไซตโครงการพเศษทเนนในเรองของจ านวนนกศกษาในแตละปการศกษาเปนหลก

การท า SEO จะชวยใหเวบไซตหนวยงานตดอนดบในหนาผลการคนหาของ Search Engines จะเปนการประชาสมพนธเวบไซตหนวยงานของเราใหเปนทรจก ซงการประชาสมพนธทใชการลงทนนอย ไดผลเรว คอการท า SEO เพราะผใชงานอนเตอรเนตสวนใหญจะคนหาขอมลทตองการ รวมถงคนหาสนคาและบรการตางๆ ทสนใจจาก Search Engines แตส าหรบสงทตองเสยไปคอ ตองเสยเวลาในการท า SEO เปนอยางมาก เพราะการท า SEO นนตองใชเวลาในการท า ตองมความขยน อดทน และใจเยน เนองจากการทจะท าใหเวบไซตตดอนดบในสวนของผลการคนหาแบบธรรมชาตนน กตองใชเวลานาน ยงถาเรมทหลงคนอน กตองคอยๆ ขยบอนดบตามกนไป Google Algorithm

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 20: เอกสารประกอบการอบรม > 0 K5 ? . - 5

19

ณ ตอนน Google ถอเปน Search Engine ทมผใชงานเปนอนดบหนง ท าใหมเวบไซตจ านวนมากใชวธการและเทคนคตางๆเพอตองการใหเวบไซตของตวเองนนตดอบดบตนๆในการคนหา ซงมทงใชเทคนคขนเทพและวชามาร แตสงหนงทจะตองค านงถงและส าคญทสดคอ Google Algorithm

Google Algorithm คอ กระบวนการและเงอนไขหลายๆอยางทมาชวยในการประมวลผล เพอใหผลลพธของการคนหานนออกมา มความสอดคลองกบ Keyword ของผใชมากทสด และรวดเรวทสด Google Algorithm มปจจย 2 ขอหลกๆในการพจารณา คอ 1. On-page factors คอ สงทเราสามารถแกไขปรบปรงควบคมเองได เชน Title, Description,

Keywords เปนตน 2. Off-page factors คอ สงทเราไมสามารถแกไขหรอควบคมได เชน SERPs,Pagerank,

Indexed, Backlink เปนตน On-Page Factor

On Page Factor คอ สงทเราสามารถแกไขปรบปรงควบคมเองไดไมวาจะเปนขอความตางๆบนเวบไซตเปนตน ปจจยของ On Page Factor บนเวบไซดทเออตอการท าใหตดอนดบ Keyword ทตองการบน Google เชน

- Meta Title, Description, Keywords ไมควรใหซ ากนทกๆ หนา เพราะจะท าให search engine มองวาเปน Page เดยวกน

- Content: แทรก keyword ทตองการในเนอหา - ALT tag การใสค าอธบายรปภาพ - H1 – H6 การก าหนดขนาดของตวอกษรในสวนของ heading ใหมขนาดใหญ - Link Optimization: คอการสราง Link ภายในทมคณภาพ เพอใหเกดประโยชนตอการท า SEO เชน การแทรก Keyword ใน Link ภายในเวบไซด และการใส Anchor Text ในเนอหา

- Category/File name คอการตงชอใหม Keyword จะเออตอการท าใหตด search engine มากยงขน

- การสราง Sub Domain ทม Keyword ทเราตองการ จะท าใหตด search engine มากยงขน - Robots.txt การก าหนดให robot เขามา crawl เนอหาในเวบไซดตามทเราตองการ หรอก าหนดไมให Robot วงตาม link หรอ path ทไมอยากใหตด search engine

- Sitemap การสราง sitemap เปน xml เพอให Robot สามารถเขามา crawl เวบไซดไดดยงขน และลดการท างานของ server ไมใหท างานหนกจนเกนไป โดยสามารถก าหนดให robot เขามาตามระยะเวลา และความส าคญของเนอหาทเราก าหนดได เชน

- Index ก าหนดใหเขามาเกบขอมลเปน Daily และ Priority เปน 1.0 เพราะม การเปลยนแปลงคอนขางบอยและเปนหนาทมความส าคญมาก

- Static page ก าหนดใหเขามาเกบขอมลเปนWeekly หรอ Monthly และ Priority เปน 0.5 เพราะเปนหนาทไมมการเปลยนแปลงเนอหาบอยมากนก

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 21: เอกสารประกอบการอบรม > 0 K5 ? . - 5

20

Off-Page Factor Off Page Factor คอ สงทเราไมมสามารถแกไขหรอควบคมได เชน SERPs,Pagerank,

Indexed, Backlink เปนตน ปจจยของ Off Page Factorภายนอกเวบไซดทจะเออใหเกดผลดตอการท า SEO คอ

- การลงโฆษณา หรอเขยนบทความเพอสราง backlink กลบมาทเวบไซดเรา - การท า Social networking การสรางเครอขาย Online เพอสราง Community ของ สมาชก หรอลกคา และสามารถเพม link และ traffic ใหเวบไซดได เพมยอดขายตามมา

- การ submit directory ทเกยวของกบเวบไซดเพอสราง link popularity มายงเวบไซต สามารถเพม backlink ได

Google Algorithm Update ปรากฏการณในการจดอดดบเวบไซตทมคณภาพของ Google Algorithm นบเปนสงมหศจรรยทเขาถงได หลายๆคนตางพากนชนชมในความสามารถของ Algorithm ทถกพฒนาขนมาโดย Google และแนนอน มอกหลายคนกไมคอยจะพงพอใจนก กบการเปลยนแปลงบอยของ Google Algorithm แตทายทสดทกคนตองยอมรบในความเปลยนแปลงนนใหได เพราะในโลกอนเตอรเนต เวบมาสเตอรทกคนตองพงพาอาศยขอมลของคนอน และตองปรบตวอยตลอดเวลา เพอใหสอดคลองกบความเปลยนแปลงทเกดขน วธจดการกบปญหาเวลาอลกอรทมเปลยนแปลงบอย จงอาจจะแบงเปน 3 ขนตอนคอ

- วเคราะหเจาะลกปจจยดานการจดอนดบของ Algorithm ทเคยมมากอน - เปรยบเทยบกบ Algorithm ลาสดเพอดงศกภาพปจจบนมาใชงานใหไดมากทสด - เตรยมรบมอกบความเปลยนแปลงทจะมมาอก เชน มเครองมอทชวยท า seo ระดบ offpage ทมความเสยหายนอยทสดเวลา Google ปรบเปลยน Algorithm

Google Mobile-Friendly เพอความเขาใจตรงกน กอนอนจะตองรวาในการ index หนาเวบตางๆ Google จะท าผานสงทเรยกวา Googlebot ซงกคอหนยนตทมหนาทเกบขอมลจากหนาเวบ โดยหนยนตทวานจะอาศยลงคตางๆ ทอยในหนาเวบนนๆ ในการเดนทางตอไปยงหนาเวบอนๆ

Googlebot นนจะมอยหลายตว สามารถแบงแบบหยาบๆ กจะมแบบท Google เอาไว index หนาเวบทวไป กบแบบทเอาไว index หนาเวบส าหรบ mobile device ซงสงทตางกนระหวาง 2 แบบนกคอ user-agent นนเอง

ส าหรบเวบทเปนแบบ responsive แลว user-agent จะไมมผลอะไรเพราะมนจะสนแตขนาดของ viewport เทานน แตส าหรบเวบทใชวธดก user-agent เพอเอาไวแยกการแสดงผลส าหรบเวอรชน mobile นน สงท Googlebot แบบ mobile ไดไปกจะเปนเวบในเวอรชน mobile

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 22: เอกสารประกอบการอบรม > 0 K5 ? . - 5

21

สาเหตท Goole ตองปรบ Algorithm Google มองวา algorithm ทใชอยเดมนนยงไมคอยเหมาะกบการคนหาดวย mobile device สมมตการคนหารานอาหารเพอทานมอกลางวนดวยมอถอ อาจพบวาผลลพธทไดมานนตรงกบคยเวรดทคนหาไปกจรง แตพอกดเขาเวบไปแลว กลบตองมาหงดหงดกบตวหนงสอทมขนาดเลกเกนไป แถมยงโหลดชาเอามากๆ เนองจากเวบนนไมไดค านงถง mobile users เลย

ดวยเหตนเอง Google จงจ าเปนตองปรบ algorithm ครงใหญ โดยจดประสงคนนกเพอให mobile users ไดรบความพงพอใจสงสดในการคนหานนเอง ซงนยามของความพงพอใจนนกมอยหลายแงดวยกน แตหลกๆ เลยกจะเปนการออกแบบทท าใหใชงานไดงายใน mobile device และ ความเรวในการโหลดนนเอง Mobile-Friendly Google บอกวาจะใชเกณฑนในการจดอนดบในหนาผลการคนหา นนแปลวาเวบมาสเตอรจะตองท าเวบใหใชงานไดงายใน mobile device ดวย ซงวธทนยมมากทสดเลยกคอการท า Responsive Web Design นนเอง

สวนอกวธทนยมกนกคอการท า mobile site หรอการแยกเวอรชนไปเลย วธนจะมขอดตรงทโคดจะสะอาดกวา เพราะจะใสแตของทจ าเปนส าหรบ mobile device เทานน (ท าใหเรวกวาวธ responsive web design) แตขอเสยจะอยตรงทการดแลเวบ เพราะเราจะตองมาท าทง 2 เวอรชน สรป ในปจจบน การท า SEO นนเปนสวนหนงในการท าเวบไซตไปแลว แมแต CMS ตางๆในเวอรชนใหมกรองรบคณสมบต SEO มากยงขน แตในทสดแลว การท า SEO กคอเทคนคและรปแบบทจะท าใหเวบไซตของเราตดในอนดบตนๆใน Search Engine เทานน สงทส าคญทสดส าหรบการท าเวบไซตกคอเนอหาและบทความของเวบไซต จะมประโยชนอะไร หากเวบไซตของเราขนอนดบหนงใน Google (ดวยเทคนคในการท า SEO) แตเนอหาในเวบไซต ไมทนสมย ไมนาสนใจ Algorithm ของ Google ปรบเปลยนอยตลอดเพอใหทนสมย เปนเปลยนแปลงอยางมเสถยรภาพ แมจะดไมคอยคงท แตกมกฏเกณฑการจดอนดบทสมเหตสมผลตอการคดสรรเวบไซตคณภาพออกมาแสดงในหนาแรก จงนบเปนเรองทดมาก ถาความเปลยนแปลงน ท าใหเกดการแขงขนกนอยางยตธรรมมากขน สงผลดถงขนทเราจะเหนเวบขยะนอยลง และท าใหการท า SEO กตองหมนหาขอมล ตดตามขาวและปรบวธการตามไปดวยเชนกน ทาง Google ไดออกมาบอกแลววา อลกอรทม Mobile Friendly เปนเพยงแค 1 ใน 200 Factors ในการคดคะแนนการจดอนดบเทานน ทงน Google ยงย าค าเดมวา “เวบมาสเตอรทกคนควรท าเวบใหเปนประโยชนตอผใชใหมากทสด แลวอนดบจะดเอง”

“ท าเวบเพอ Google หรอท าเวบเพอใหคนเขาด”

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 23: เอกสารประกอบการอบรม > 0 K5 ? . - 5

22

Joomla กบ SEO

ส าหรบมอใหมทก าลงเรมการท างาน การสรางเวบไซด ดวย Joomla ตางกใหนกสงสยวาจะปรบแตงเวบไซด joomla อยางไรใหไดเปนทพอใจของ SEO การท า Search engine optimize หรอ SEO นนมนส าคญพอๆ กบการลงแรงสรางและพฒนาเวบไซดอนหนงเลยทเดยว

เทคนคในการ ปรบแตง Joomla ใหเหมาะกบ SEO 1. Joomla มฟงชน built-in SEO - SEO Setting ใน แทบ Global Configuration. - SEO ใน Menu : New Item ใน ตวเลอก Metadata - ในการเขยน Article จะม ชองใหใส Metadata

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 24: เอกสารประกอบการอบรม > 0 K5 ? . - 5

23

2. Meta Tag Meta Tag ไมใชสงทแสดงใหผใชโดยทวไปสามารถเหนไดเวลาเขาหนาเวบ แตจะแสดงให bot ของ Search engine เหน ดงนน Meta tag จงเปนสงทจ าเปนอยางมาก ซงตองเรมดกนตงแต Title tag และ Description tag

ตามค าแนะน าของ Google บอกวา Title tag ไมควรเกน 72 ตวอกษร Description tag ไมควรเกน 165 ตวอกษร (ภาษาองกฤษนะ) ตองวาง Keyword หลกๆลงไปใน Description tag และ title tag ซงเวลาทผลการคนหาแสดงออกมาแลว keyword ทตรงกนกบค าคนหาจะเปนตวหนาและใน Joomla ยงสามารถใส meta description และ title ลงไปใน เมนตางๆ รวมทง ในบทความไดอกดวย 3. Keyword

Keyword ไมไดชวยใหอนดบ SEO ดขน Keyword จ านวนมากเปนสงทดแต หากมากเกนไป

มกจะเปนผลเสย Search Engine ตอนนมระบบตรวจจบความหนาแนนของ keyword ซงมการก าหนด

วาหนง webpage จะสามารถม keyword ทเกยวของกนไดจ านวนเทาไร แตถา ความหนาแนนของ

keyword สงเกนไปจะท าใหเวบเพจจะถกมองวาเปน spammer และในทางกลบกน เมอผอานเขามาใน

บทความหรอ site กตามท แลวพบแตค า,วล (Phrase) หรอ keyword ซ าๆกนอกครงและอกครง ผอาน

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

มากเกน 5.5%

อกหนงเหตผล keyword ในเนอหาบทความ (content) ไมใชเพยงสงเดยว ทจะท าให อนดบ

SEO ดขน ซงจรงๆแลว อนดบ ใน search engine ของเวบนนขนอยกบ back-link คณภาพ ดวย Link

จากเวบอนๆ เชอมโยงมายงหนาเวบไซตนนเอง

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 25: เอกสารประกอบการอบรม > 0 K5 ? . - 5

24

4. Back link

1. ซอ text link เลย

2. ท า แบนเนอร (share banner)

3. ใชการใส ลายเซนตามเวบบอรดตางๆ

4. แสดงความคดเหนตามบลอกตางๆแลวใหม link กลบมาหาเรา

5. TEXT LINKS

สรางบลอกตามแหลงบลอกฟรตางๆ ใหม ขอความ text link เชอมกลบมายงเวบหลกของเรา

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

ตองมเนอหาทเกยวของกน หรอ ม keyword ท เกยวของกนนนเอง และตองดอนดบ Ranking ของ

เวบไซดนนดวย

และทางทดทสด ในการ หา Back link คณภาพคอการ submit บทความของเรา ดวย link

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 26: เอกสารประกอบการอบรม > 0 K5 ? . - 5

25

SEO กบ URL ของ Article

1. ไปท Global Configuration >> Site >> SEO Settings เพอเปลยนการตงคา

- Search Engine Friendly URLs เปนการก าหนดเปดการใชงานการก าหนด URLs เปนแบบอาน

งาย โดยท URL แบบน จะสงลง อานเขาใจ แตจะม index.php รวมอยใน URL นนๆดวย หรอเราเรยกอก

อยางวา URL แบบ soft url

- Use URL Rewriting เปนการเลอกเปดใช URL แบบ mod_rewrite ซงจ าเปนตองเปลยนไฟล

htaccess.txt เปน .htaccess โดย Url แบบนจะมผลทดกวาแบบ Soft url (จะไมม index.php อยใน Url

นนๆ) การเกบคาของ bot แต กตองค านงถงการรองรบของ Extension เสรมตางๆ ดวยวารองรบหรอไม

- Adds Suffix to URL เปนการก าหนดเปดใชการ ใส .html ตอทาย URL

- Unicode Aliases เปนการก าหนดการเปดใชให Aliases ของ Content สามารถใสเปนภาษาไทย

ได รวมถง Aliases ในสวน Menu ดวยนะครบ

- Include Site Name in Page Titles เปนการน าชอทใสในชอง Site Name มาแสดงใน Title ของ

เบราเซอร โดยก าหนดใหอยกอนหรอหลง Page Title นนเอง

2. ไปท D:/Xampp2 เขาไปท htdocs > joomla เปลยนชอไฟลจาก htaccess.txt เปน .htaccess โดยใช

โปรแกรม FTP

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 27: เอกสารประกอบการอบรม > 0 K5 ? . - 5

26

กำรแกไขและปรบเปลยน PHP.INI

หลายครงเราไมสามารถตดตง Extension หรอ สวนเสรมตางๆ ไดหรอใชเวลารอนาน แลวก

error ในบางกรณน อาจจะเกดจากเรองของ memory limit ใน Xampp ทไมพอกเปนได นอกจากนน

,uก าหนดคาส าหรบการ Upload ไวสงสดเพยงแค 2 Mb. ซงไมเพยงกบตดตง Extension หรอการ

Uplpad ไฟลในปจจบน เราสามารถแกไขและปรบเปลยนคาตางๆทจ าเปนได

1. ตรวจสอบคาตางๆ โดยไปท System >> System Information >> PHP Information

2. ตรวจสอบคาเหลาน memory_limit / upload_max_filesize / post_max_size /

max_execution_time / max_input_time

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 28: เอกสารประกอบการอบรม > 0 K5 ? . - 5

27

3. ท าการแกไขไฟล php.ini โดยไปท D:\xampp2\php\php.ini (ขนอยกบ xampp ทตดตงตอนแรก)

เปดไฟล php.ini ดวยโปรแกรม Text Editor

4. ท าการแกไขคาตามทตองการ จากนน Save แลวท าการ Restart Apache และ MySQL โดยม

คาทแนะน าเหมาะสมในการแกไขดงน

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 29: เอกสารประกอบการอบรม > 0 K5 ? . - 5

28

User & Group

Group ของ Joomla นน เบองตนจะมอย 7 กลม ซงจะแบงเปน การใชงาน Front-end และ การใชงาน Back-end ซงแตละกลม กจะถกก ากบอยในระดบ Access Level อกท ดงน Access Level จะแบงเปน 3 ระดบ คอ ( ขอยงไมกลาวถง Guests และ Super Users) • Public • Registered • Special Publish คอ ระดบทอนญาตใหบคคลทวไปเขาถงได ไมวาจะใครกตามทเปดหนาเวบไซต กจะเขาถง

บทความ หรอลงคนนไดอยางอสระ Registered คอ ระดบทอนญาตใหกลมทเปนสมาชกเทานนเขาถงได และตองท าการ Login เขาสระบบ

กอนดวย ซงระดบของ Registered นน จะรวมไปถงกลมของสมาชก Register เทานน Special คอ ระดบทอนญาตใหเฉพาะกลม ทกกลม ทไมใช Register เขาถงได ซงจะเปนระดบทสง

กวา Register มสมาชกกลมตงแต Author ไปจนถง Super Users Group แบงเปน 7 กลม และการใชงาน 2 ฝง คอ Front-end และ Back-end คอ

Front-end ประกอบไปดวยกลม • Register • Author

• Editor • Publisher

Back-end ประกอบไปดวยกลม • Manager • Administrator • Super Users

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 30: เอกสารประกอบการอบรม > 0 K5 ? . - 5

29

Register คอหนงในกลมสมาชก ระดบ Registered เปนกลมผใชงานทวไป ซงมกจะมาจากการ

สมครสมาชกผานทางหนาเวบไซต กลมนจะมสทธทเหนอกวาบคคลทวไปทไมไดเปนสมาชก กลาวคอ บทความ หรอลงค ตาง ๆ นน ปกตแลว จะสามารถอานไดโดยอสระ และเขาถงไดแบบไมมจ ากด แตถาหากมการควบคมการเขาถงขนมา เชน ใหสมาชกอานไดเทานน , บคคลทวไปกจะไมสามารถเขาถงบทความ หรอลงคเหลานนไดเลย หากตองการจะอานบทความนน กตองสมครเปนสมาชกเสยกอน แลวตอง Login เขาสระบบดวย เชน การเขยนบทความ แลวก ากบ Access Level ใหเปน Registered

Author คอหนงในกลมสมาชก ระดบ Special เปนกลมสมาชกทสามารถใชเมนลงคในการเขยนบทความผานทาง Front-end ได และตอจากนไป ทกกลมตงแต Author จนถง Super Administrator กจะสามารถเขยนบทความผานทาง Front-end ไดเชนกน

** แมจะมสมาชกในกลม Register เขามา กไมสามารถใชการเขยนบทความผานทาง Front-

end ไดนะครบ เพราะถอวา กลม Register นน อยใน Level Registered ไมใช Level Special

Publisher คอหนงในกลมสมาชก ระดบ Special ซงกลมน มความสามารถเหนอกวาขนมาอก เนองจากทง Author และ Editor จะสามารถเขยนบทความผานทาง Front-end ไดกจรง แตกตองถกตรวจสอบกอน ไมสามารถ Publish เองได แตสมาชกกลม Publisher นอกจากสามารถเขยนบทความผาน Front-end ไดยงสามารถแกไขบทความของสมาชกผาน Front-end ไดดวย แลวกยงสามารถ Publish บทความของตนเองไดอกดวย

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 31: เอกสารประกอบการอบรม > 0 K5 ? . - 5

30

ส าหรบกลมสมาชกทเหลอ อก 3 กลม นนคอ Manager , Administrator และ Super Administrator ซงผใชงานทเปนสมาชกกลมเหลาน จะมสทธทสามารถใช Username และ Password ในการลอคอนเขาระบบทาง Back-end ได ซงสมาชกในกลมทแลวนน ทถกจดอยในกลมสมาชก Front-end จะไมสามารถน า Username และ Password มาลอคอนเขาระบบทาง Back-end ได

เมอสามารถเขา Back-end ได กแสดงวาสามารถจดการสงตาง ๆ ไดครบ แตกยงมขอจ ากดอยในแตละกลมสมาชก ซงน ามาแบงแยกใหดกน

Permission Manager Administrator Super Administrator

User Manager

Group Edit

Media Manager

Global Configuration

Menus Manager

New Menu

Menu Transh

Content

Content Transh

Component

Extension

Install / Uninstall

Module Manager

Plugin Manager

Template Manager

Language Manager

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 32: เอกสารประกอบการอบรม > 0 K5 ? . - 5

31

สวนอน ๆ กคงเปนเกยวกบระดบในการมองเหน เชน Administrator ไมสามารถมองเหน Super

Administrator ทาง Back-end ได แลวกไมสามารถเลอนระดบตวเองได เรยกไดวา ท าไดเกอบหมด แต

กยงไมใหญสดอยด

• Public Front-end สทธเฉพาะการลอกอนทางหนาเวบ Front-end o Registered มสทธเฉพาะสง URL เวบแนะน า และอานเนอหาบางสวนทก าหนดไว

เฉพาะสมาชก o Author มสทธสรางเนอหาและเหมอนกบ Registered o Editor มสทธสราง/แกไขเนอหาและเหมอนกบ Author o Publisher มสทธสราง/แกไขเนอหาทงของคนเองและสมาชกทานอนรวมทงสทธ

เหมอนกบ Author • Public Back-end สทธลอกอนทางหนาเวบ Front-end และ Back-end ของเวบไซต

o Manager มสทธเหมอน Publisher แตสามารท างานจาก Back-end Control Panel ของเวบได

o Administrator มสทธคลายกบ Super Admin แตยงไมสทธเปลยนคา Configuration ของระบบ

o Super Users มสทธทกอยางในการจดการเวบไซต

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 33: เอกสารประกอบการอบรม > 0 K5 ? . - 5

32

วธเพมฟลดขอมลส ำหรบสมครสมำชก

หลายหนวยงานทใช Joomla เปดใหสมครสมาชก แตอยากไดขอมลสวนตว เชน ทอย เบอรโทร

ของสมาชกดวยเพอใชในการท ากจกรรมตางๆ ซงอาจจะใช สวนเสรมของ Joomla ทใชในการท า ฟอรม แตกไมสามารถเชอมกบ user login ของ Joomla ได บทความนเลยขอน าเสนอวธเพมฟลด ขอมลตอนสมครสมาชกของ Joomla แบบงายๆ ทมอยแลวแตอาจจะไมร แตการเพมฟลดขอมลตอนสมครสมาชก อาจท าใหผเขาชมเวบไซตไมอยากสมคร หากจดประสงคของการขอขอมล ไมดงดดพอ 1. ไปท Extensions >> Plug-in ManagerText Editor

2. ไปท Plug-in ชอ User-Profile

3. เปลยน Status เปน Enable

4. ในสวนของขอมลตอนสมครสมาชก สามารถก าหนดคา ใชงาน หรอไมใช หรอ ก าหนดใหเปนฟลด ทบงคบกรอกได

• Required = บงคบกรอก • Optional = ไมบงคบกรอก • Disabled = ไมแสดง

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 34: เอกสารประกอบการอบรม > 0 K5 ? . - 5

33

5. ตวเลอกขอมลตอนสมครสมาชก

6. ตวเลอกขอมลทสมาชกสมารถแกไขได

7. TOS Article หรอขอตกลงการใชงาน สามารถคลกเพอเลอก เนอหา ทระบขอตกลงการใชงานได

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 35: เอกสารประกอบการอบรม > 0 K5 ? . - 5

34

กำรจดกำรตำรำง (Table)

ในการจดรปแบบขอความใน Article อาจไมเปนไปตามรปแบบทตองการ ถงแมวา Joomla จะมคณสมบต What You See Is What You Get:WYSIWYG กตาม เนองจากการจดการตวอกษรภาษาไทยทมสระและวรรณยกตอยท งดานลางและดานบนตวอกษรซงแตกตางจากภาษาองกฤษท าใหคณสมบต WYSIWYG ของ Joomla นนท างานไมถกตอง 100% รวมถงการจดต าแหนงขอความและรปภาพตางๆใน Article จะงายขนหากมการน าเอาตารางมาชวย

การแทรกตาราง ทชองใสขอความใน Article คลกต าแหนงทตองการแทรกตาราง ทแถบเครองมอของ Editor

คลกทป ม เลอก Insert table แลวเลอกขนาด Cell และ Row (กวาง x สง) ตามทตองการ

กจะไดตารางขนาด Cell และ Row (กวาง x สง) ทก าหนดไว ปรากฏขนในชองใสขอความของ Article ใหเลอก “Table properties” เพอก าหนดคาและปรบแตงตาราง

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 36: เอกสารประกอบการอบรม > 0 K5 ? . - 5

35

เราสามารถก าหนดคาตางๆเกยวกบการจดการตาราง (Table properties)

Width ความกวาง (หนวยเปน pixels) Height ความสง (หนวยเปน pixels) Cell spacing ระยะหางระหวางชอง Cell Cell padding ระยะหางระหวางชอง Cell กบตวอกษรภายในชอง Border ขนาดเสนขอบ Caption ใหใช MIME Magic ในการตรวจสอบชนดของไฟล Alignment ก าหนดใหตารางชดซาย ขวาหรอกงกลาง

*** Width และ Height สามารถใสเปนเปอรเซนตได แตตองมเครองหมาย % ตอทายตวเลข *** การแทรกภาพลงในตารางกท าเหมอนกบการการแทรกภาพลงใน Article หากตองการ เพมสใหขอบและพนหลงตาราง ท Table properties ใหไปทโหมด Advanced

- Border color เลอกสเสนขอบตาราง - Background color เลอกสพนหลงตาราง

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 37: เอกสารประกอบการอบรม > 0 K5 ? . - 5

36

ตวอยางการใชตารางในการจดการก าหนดรปแบบ Article ซงหากไมใชตารางมาชวย กยากทจะออกมาเปนระเบยบเรยบรอยเชนน

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 38: เอกสารประกอบการอบรม > 0 K5 ? . - 5

37

การ Update Joomla และ Extension เพอความปลอดภยของเวบไซตทพฒนาดวย Joomla ผดแลเวบไซตตองตดตามขาวสารทางดานความปลอดภยและจ าเปนตองท าการ Update Joomla เปนเวอรชนลาสดอยเสมอ เพราะ Joomla เปน Open Source จงมโอกาสทจะถก Hacker โจมตดวยวธตางๆ การ Update Joomla จะเปนชองทางหนงทส าคญในการปกปองเวบไซตทพฒนาดวย Joomla หาก Log in เขาหนา Administrator แลวมขอความแจงให Update แบบในรปกแปลวาขณะน Joomla ไดท าการ Update Patch แลว รวมถงม Extension ทตองการ Update ดวยอก 1 ตว

*** ถาเจอกรณแจงเตอนให Update พรอมกนทง Joomla และ Extension ใหท าการ Update extension กอนแลวจง Update Joomla ไปท Extensions >> Manage >> Update

เลอก Extension ทตองการ Update แลวคลกป ม “Update”

หาก Update ส าเรจจะพบขอความแจง “Updating component/Plugons/Modules was successful”

ตอไปท าการ Update Joomla คลดท “Update Now”

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 39: เอกสารประกอบการอบรม > 0 K5 ? . - 5

38

ทหนา Joomla Update คลกท “Install the Update”

รอ Joomla Update ซกพก

หาก Joomla Update ส าเรจจะแจง Update Status วา Successfully พรอมทงบอกวาตอนน Update เปนเวอรชนเทาไหรแลว

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 40: เอกสารประกอบการอบรม > 0 K5 ? . - 5

39

เปด Error Report ผดแลเวบไซตนาจะตองเคยมประสบการณเวบไซตทพฒนาดวย Joomla ขนหนาขาว ไมมอะไรขนทหนา Web Browser ซงท าใหไมสามารถรไดเลยวาเวบเกดขอผดพลาดตรงไหน สวนไหน เพราะวา Joomla นนไดตงคาเรมตนใหปดการรายงานขอผดพลาดของเวบไซต (Error Report) เนองจากเหตผลทางดานความปลอดภย แตกท าใหผดแลเวบไซตไมทราบถงขอความผดพลาดของเวบไซตเชนกน เราสามารถเปด Error Report ใหแสดงขอผดพลาดของเวบไซตได แตเมอเปดการใชงานและทราบขอผดพลาดของเวบไซตแลวกอยาลมกลบมาปด Error Report ดวย ไปทเมน System > Global Configuration

ไปทแทบ Server

ท Server Setting > Error Reporting เปลยนเปน “Development”

คลก “Save & Close” เพอเปดการใชงาน Error Reports

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 41: เอกสารประกอบการอบรม > 0 K5 ? . - 5

40

ในกรณทหนา Administrator กเขาไมได ขนหนาขาวเหมอนกน ผดแลเวบไซตกยงสามารถเปดการท างานของ Error Reports ได โดยเปดไฟล configuration.php ดวยโปรแกรมแกไขไฟล หาบรรทดทมค าวา error_reporting ในไฟล configuration.php ใหแกจาก public $error_reporting = 'default'; เปน public $error_reporting = 'development';

ตวอยางการแสดงขอผดพลาดของ Joomla

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 42: เอกสารประกอบการอบรม > 0 K5 ? . - 5

41

Media Manager Media Manager เปนสวนทดแลและจดการไฟลท Upload เขามาเกบไวทเวบไซต สวน Folder ทจดเกบไฟลนน Joomla ไดก าหนด folder ส าหรบการใชงานมาให 3 folder 1. banners เปน folder ส าหรบจดเกบไฟลรปภาพทจะถกน าไปใชเปน Banner 2. headers เปน folder ส าหรบจดเกบไฟลรปภาพทจะถกน าไปใชเปนพนหลงสวนหวของเวบ 3. sampledata เปน folder เกบรปภาพทจะถกน าไปใชกบการตดตงโดยใชขอมลตวอยาง เราสามารถก าหนดคาตางๆเกยวกบการจดการไฟลของ Media Manager ไดโดยไปทเมน Content > Media > Options

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 43: เอกสารประกอบการอบรม > 0 K5 ? . - 5

42

ค าอธบายความหมายในการก าหนดคา Media Option

Legal Extensions (File Types) ยอมใหอพโหลดไฟลประเภทใดเขาเวบไซตไดบาง สามารถเพมชนดไฟลเขาไปได

Maximum Size (in MB) ก าหนดขนาดใหญสดของไฟลทยนยอมใหอพโหลดเขาเวบไซต

Path to Files Folder ต าแหนงส าหรบเกบไฟล Path to Images Folder ต าแหนงส าหรบเกบไฟลรปภาพ Restrict Uploads การใชงานของสมาชกทเขาชมเวบ จะจ ากดการอพ

โหลดไฟลเขาเวบไดเฉพาะไฟลภาพเทานน Check MIME Types ใหใช MIME Magic ในการตรวจสอบชนดของไฟล Legal Image Extensions (File Types)

ก าหนดชนดของไฟลภาพทอนญาตใหอพโหลด เขาเวบไซต

Ignored Extensions ก าหนดชนดของไฟลทไมตองการใหอพโหลด Legal MIME Types ระบ MIMEของไฟลทตองการใหอพโหลด Illegal MIME Types ชนดของไฟล Type ทไมตองการใหอพโหลด Enable Flash Uploader ยนยอมใหอพโหลดไฟลแฟลชหรอไม

ตวอยาง MIME Types และ Image Extensions (File Types)

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 44: เอกสารประกอบการอบรม > 0 K5 ? . - 5

43

หลงจากปรบตงคาเรยบรอยแลว เรมตนใชงาน Media Manager ซงจะประกอบไปดวย 4 สวนดวยกน

สวนจดการไฟลและโฟลเดอร

- Upload ใชอพโหลดไฟลไปไวในเวบไซต ซง Joomla จะก าหนดใหไฟลทอพโหลดไปนน อยใน โฟลเดอร images เทานนและสามารถอพโหลดไดเพยงครงละ 1 ไฟลเทานน - Create New Folder ใชส าหรบสรางโฟลเดอรยอยในโฟลเดอร images - Delete ใชส าหรบลบไฟลและโฟลเดอรยอยในโฟลเดอร images สวนแสดงรายการโฟลเดอร

แสดงโฟลเดอรยอยทงหมดทอยในโฟลเดอร images โดยจะแสดงเปนล าดบขนเรยงกนลงมา

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 45: เอกสารประกอบการอบรม > 0 K5 ? . - 5

44

สวนเลอกรปแบบการแสดงผลของไฟล

- Thumbnail View เปนการแสดงผลพรอมแสดงรปตวอยางของไฟล - Detail View เปนการแสดงผลพรอมแสดงรายละเอยดของไฟล สวนแสดงผลไฟลและโฟลเดอร

แสดงไฟลและโฟลเดอรยอยทงหมดทอยในโฟลเดอร images โดยจะแสดงเปนรปแฟมและไฟล และสามารถคลกเพอเขาไปดไฟลในโฟลเดอร หรอคลกทไฟลเพอดภาพได

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 46: เอกสารประกอบการอบรม > 0 K5 ? . - 5

45

กรณเขำหนำ ADMIN ไมได หากไมสามารถเขาหนาเวบไซตได หลงจากตดตง Extension แลว วธตรวจสอบและแกไขคอใหเขาหนา Administrator แลวไปปด Extension ทมปญหา แตถาไมสามารถเขาหนา Administrator ได แลวจะไปปด extension นนไดอยางไร ตองหาวธไปปดการท างานของ Extension ตวทมปญหากอน ถาไมสามารถเขาทางวธปกตได กใหเขาทางฐานขอมลแทน โดยไปท phpmyadmin เพอเขาดตารางฐานขอมลของเวบไซต 1. ไปท localhost/phpmyadmin เขาระบบดวยบญชผใชงานและรหสผาน แลวหาตาราง (prefix)_extensions

2. คลกท Browse เพอดรายการในตาราง จะเหนรายการของ Extension ตางๆทตดตงไวและสถานะ enabled 1 หมายถง เปดการใชงาน 0 หมายถง ปดการใชงาน

3. หา Extension ทคดวานาจะเปนสาเหตของปญหา หากพบแลว ใหคลกทรป ดนสอ หนาบรรทดของ Extension นน

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 47: เอกสารประกอบการอบรม > 0 K5 ? . - 5

46

4. ใหแกไขเลข 1 ทหวขอ enabled ใหเปนเลข 0 จากนนกบนทกทปม Go จะเทากบปดการท างาน ของ Extension นน

com_ = component plg_ = plugin mod_ = module

หมำยเหต : การปดการท างานของ Extension ดวยวธนนน จะปดเฉพาะตว Extension ตวนนตวเดยวเทานน ไมไดเหมารวมถง Extension ตวอนๆ ทมาพรอมกบ Extension ตวทปดดวย เพราะ Extension บางตว มทงตว component , plugin และ module กตองแยกการปดไปตาม Extension ดงกลาวทงหมด หรอบางทปญหาไมไดเกดจาก component อาจเกดจาก plugin กตองลองปดเฉพาะตว plugin ดวเดยวดกอน

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 48: เอกสารประกอบการอบรม > 0 K5 ? . - 5

47

SECURITY Joomla เปน CMS : Content Management System ทไดรบความนยมน ามาใชสรางเวบไซตเปนอนดบตนๆ สาเหตหนงท Joomla ไดรบความนยมเพราะวาเปน Opensource ใชงานฟร ไมเสยคาใชจายในการใชงาน แตจากการทเปน Opensource นนหมายถงใครกสามารถเขาถง Source Code ของ Joomla ได ซงท าให Joomla มความเสยงทางดานความปลอดภยเชนกน ทมพฒนา Joomla กทราบถงความเสยงทางดานความปลอดภยนด จงไดรวบรวมค าแนะน าและวธการเพอปรบแตง Joomla ใหสามารถรบมอกบภยคกคามในรปแบบตางๆได โดยเราสามารถตดตามขอมลเกยวกบความปลอดภยของ Joomla ไดท https://docs.joomla.org/Security

จดเดนอยางหนงของ Joomla คอการทสามารถตดตง “สวนเสรม(Extension)” เพมเตมไดทง Module , Plugin และ Template แตการโหลด “สวนเสรม(Extension)” จากแหลงทไมนาเชอถอ มโอกาสทจะโดนแทรก script ทเปนภยคกคามมากบ “สวนเสรม(Extension)” นนได เพราะฉะนนหากตองการโหลด “สวนเสรม(Extension)” ใหโหลดจากแหลงทเชอถอไดเทานน แนะน าโหลดจากเวบไซต www.joomla.org เทานน หามโหลดจากเวบไซตอนโดยเดดขาด แตการโหลดจาก www.joomla.org กใชวาจะปลอดภย 100% การตดตามความเคลอนไหว ดานความปลอดภยของ Joomla นน เปนสงส าคญอนดบตนๆ ทผดแลเวบไซตตองท าอยางสม าเสมอ เนองจากเมอทมพฒนาคนพบหรอไดรบแจงเกยวกบชองโหวทางดานความปลอดภยของ Joomla ทางทมงานจะมการออก Patch มาเพอแกปญหาโดยเรวทสด หากผดแลเวบไซตไมไดเฝาระวงหรอตดตามความเคลอนไหวเกยวกบความปลอดภยของ Joomla อาจจะท าใหเวบไซตตกอยในความเสยงและเปนเปาหมายของ Hacker ซงผดแลเวบไซตอาจไมรตวเลยวา เวบไซต Joomla ของตนเอง ไดโดน Hacker พยายามเจาะเขาสเวบไซตดวยวธการตางๆทไมเคยรมากอน

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 49: เอกสารประกอบการอบรม > 0 K5 ? . - 5

48

วธตางๆ ทมการพยายามโจมตเวบไซตทพฒนาดวย Joomla - การพยายามโจมตผาน Template Template ถอเปนสวนเสรมของ Joomla ทนยมน าไปตดตงเพมเตมเขาไปในเวบไซต ซงTemplate ของ Joomla นน www.joomla.org ไมมใหโหลด ตองไปหาโหลดจากเวบไซตอน โดย Template ทแจกฟร ใครกสามารถเอา Template ไปตรวจสอบ Source Code เพอหาชองโหวทางดานความปลอดภยไดหรอหลายครง มการหลอกใหผดแลเวบไซตโหลด Template ทแทรก script ทเปนอนตรายมาตดตงในเวบไซต เพอมาเปนชองทางในการโจมตเวบไซตได - การพยายามโจมตผานชองทางการอพโหลดไฟลของ Editor Editor หรอตวชวยเขยนบทความใน Joomla นน เปนสวนเสรมทตองระวงเปนอยางมาก หากใช Editor - TinyMCE ทตดมากบ Joomla กคงไมมปญหา แตถาหากใช Editor ทท าการตดตงเพมเตมกจะมความเสยงทางดานความปลอดภยผานชองทาง upload files ของ Editor ตวนนๆ ได ซงหากรวธเปดใชงานป มเครองมอแบบเตมรปแบบของ Editor – TinyMCE กแทบไมมความจ าเปนใดๆทจะตองโหลด Editor ตวอนมาใช - การพยายามโจมต ผานชองโหวของสวนเสรม กรณนตรวจพบมากทสด เนองจากสวนเสรมของ Joomla นนมมากมายหลายรปแบบ การไมระวงแลวน าเอาสวนเสรมทมชองโหวทางดานความปลอดภยหรอมการแทรก script ทเปนอนตรายกบเวบไซต ไปลองตดตงบนเวบไซตทใชงานอยจรงๆ กจะเปนอกความเสยงหนง ทจะโดน Hacker เขามารน script หรอวางไฟลไวในเวบไซต - การพยายามโจมต ผาน URL ของเวบไซตบางหนาโดยตรง ในการเขาถงผาน URL ของเวบไซตบางหนาโดยตรงนน Hacker จะใชวธการเดาสมแบบมหลกการ เผอมไฟล script ของ Hacker วางไวอยหรอเคยอยในเวบไซต ซงจรงๆ อาจจะไมมกได กจะมการพยายามเดา URL มายงไฟลชอตางๆ บนเวบไซต - การพยายามโจมต ผานการเดาชอผใชงาน และรหสผาน กรณนจะเจอกนบอยเปนเรองปกต หากไมไดท าการตดตง Plugin ทก าหนดไมใหมการเขาถงสวนของ administrator เอาไวเพราะเปนทรกนวาการเขาหนาผดแลเวบไซตของ Joomla กแค /administrator ตอทายชอเวบกจะเขาหนา Login ของผดแลเวบไซต จะพบการพยายาม Login ดวย Username เชน admin และ Password เชน 1234 , qwerty ดงนน ควรตงบญชผใชงานกบรหสผาน ใหยาวและยากตอการคาดเดา

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 50: เอกสารประกอบการอบรม > 0 K5 ? . - 5

49

วธทกลาวมาทงหมดนน เปนเพยงสวนหนงของวธการพยายามเขาสเวบไซตทเปน CMS ไมวาจะตวไหน ไมเฉพาะแต Joomla กเจอวธการเชนนเหมอนกน เพราะเปน Opensource ดงนน ผดแลเวบไซตตองพยายามเผาระวง ปองกนและตดตามความเคลอนไหวเกยวกบความปลอดภยของ Joomla อยเสมอกจะลดความเสยงและสามารถรบมอกบภยคกคามในรปแบบตางๆได หลายเวบไซตโดน Hacker วาง Script ไมพงประสงคในเวบไซต ซงบางครงกอาจะโดนจากเวบไซตทไมอพเดต Patch ไมเปลยนเวอรชน แตชวงหลงมกจะโดนจาก การขโมย user และ password FTP มากกวา วธการของ Hacker คอหาเวบไซตทมชองโหวทางดานความปลอดภย หรออาจจะหาเครองทตดไวรสหรอโทรจน ซงอาจจะมาจากไฟล crack , keygen หรอไฟล game trainer cheat ไฟลพวกนมไวรส 99% เมอหลอกลอใหตดตงไฟลพวกนลงเครองไดแลวไฟลเหลานจะฝง Script ทเปน Trojan ลงมาทเครอง ถาหากมการใชเครองทตดไวรสหรอ Trojan เชอมตอหรอ Upload ไฟลกบ Server Hacker กจะพยายามดกจบ user และ password FTP ของเวบไซต จากนนกไปวาง code ในไฟล index เพอ ท าลงเชอมตอไปยงเวบไซตทตองการ เพอใหได Page View หรอ Google rankings สงๆเพอน าไปขาย Ad หรอไมก Link ไปยงเวบไซตทมไฟลไวรสหรอ Trojan เพอใหคนเปดทเวบไซตของเราตดไวรสหรอ Trojan ไปดวย

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

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 51: เอกสารประกอบการอบรม > 0 K5 ? . - 5

50

ผดแลเวบไซตควรตดตามความเคลอนไหวเกยวกบความปลอดภยของ Joomla อยเสมอ ทเวบไซต https://docs.joomla.org/Security

Online Free Tools to Scan Website Security Vulnerabilities & Malware การ Scan เวบไซต Online เปนอกหนงทางเลอกทจะชวงผดแลเวบตรวจสอบเวบไซตวาม Code , Script หรอไฟลทเปนอนตรายอยในเวบไซตหรอไม มหลายเวบไซตทใหบรการ Scan เวบไซต Online โดยไมมคาใชจาย (แตกจะปดการใชงานคณสมบตหลายอยางทส าคญเอาไว) อยางไรกตาม การ Scan เวบไซต Online ในสวนของทใหบรการฟร กเพยงพอตอความตองการแลว

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 52: เอกสารประกอบการอบรม > 0 K5 ? . - 5

51

SUCURI Free Website Malware and Security Scanner https://sitecheck.sucuri.net

ใสชอเวบไซตทตองการใหตรวจสอบลงไปในชอง Scan Website แลวคลก “SCAN WEBSITE!”

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 53: เอกสารประกอบการอบรม > 0 K5 ? . - 5

52

Site Guarding

Professional Web Security Services https://www.siteguarding.com/en

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 54: เอกสารประกอบการอบรม > 0 K5 ? . - 5

53

ปกปองหนา Administrator หากมผไมประสงคดตองการจะเขายดครองเวบไซต ปราการดานแรกของ joomla คอหนา administrator และเวบไซตไหนทพฒนาดวย Joomla ใครกสามารถรไดวาจะเขาหนาผดแลระบบทางชองทางไหนเนองจาก Joomla เปน Opensource จงมกจะเปนทใชลองเดา Username และรหสผาน หากผดแลเวบไซตยงใช username เพอเขาเปนผดแลเวบไซตเปน admin กเปลยนไดเลยเพราะมนจะเปน username แรกทจะเดา เพราะฉะนนเพอความปลอดภยของเวบไซต สงแรกทควรท าคอท าให username และรหสผานของเวบไซตปลอดภยกอน อยาตงรหสผานงายหรอคาดเดาไดเกนไป Plugin AdminExile เปนสวนเสรมทจะมาปองกน /administrator หากตองการเขาหนาผดแลเวบไซตซงปกตพมพแค /administrator กจะไมสามารถเขาได ระบบจะสงใหแสดงหนาแรกของเวบไซตแทนทนท และจะปลอดภยมากขนจะตองม Key พเศษดวยถงจะเขาได สามารถดาวนโหลด Plugin AdminExile ไดจากเวบไซต Joomla.org

เมอดาวนโหลดเสรจแลว ใหท าการตดตง Plugin AdminExile

ตดตง Plugin AdminExile แลว ใหไปท Extensions > Plugins > Search Tools

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 55: เอกสารประกอบการอบรม > 0 K5 ? . - 5

54

ท -Select Type- เลอก system แลวคลกท System - AdminExile

- URL Access Key ใสตวอกษร ภาษาองกฤษ เพอเปน Key ในการเขาใชงาน ดงตวอยางคอ adminexile เวลาใชงาน กจะเปน /administrator/index.php?adminexile

- Use Key + Value หากเปดใชงานให ใสเปนค าภาษาองกฤษ เพอเปน Key Value เสรมอกชน เพอเพมความปลอดภยในการเขาใชงาน ดงตวอยางคอ ROCKS เวลาใชงาน กจะเปน administrator/index.php?adminexile=ROCKS (ตวใหญตวเลกมผล) - Allow Re-Entry เปดใช เมอเขาใชงานไดถกตอง ระบบจะจดจ าวาการเขาใชงานของเครองนนๆ เขา /administrator ไดเลย ไมตองใส key อก และ Re-Entry Seconds จะเปนการก าหนดเวลาใหระบบจ าการเขาใชงาน (หนวยเปนนาท) ก าหนดคาทงหมดเสรจแลวใหเปลยน Status เปน “Ennable” เพอเปดใชงาน Plugin AdminExile

*** หากเปดใชงาน Re-Entry Seconds เมอออกจากระบบกจะไมเหนผล หากอยากทดสอบ ตองปด Re-Entry Seconds

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 56: เอกสารประกอบการอบรม > 0 K5 ? . - 5

55

Two Factor Authentication Two Factor Authentication หรอ 2FA คอกระบวนการตรวจสอบผใชงาน 2 ขนตอนตอเนองกน กอนทจะอนญาตใหเขาถงบรการทก าหนด วธการนใชปองกนขอมลไดทงทอยแบบออฟไลนและออนไลน แนวคดมาจากเหตผลทวาการปองกนขอมลดวย “รหสผาน” เพยงอยางเดยวนนไมปลอดภยเพยงพอแลวในปจจบนเพราะเปนสงท Hacker พงเปาเจาะเพอการเขาถงเปนอนดบแรก ถงแมจะตงรหสผานทจ ายากหรอมความซบซอนกไมใชเรองยากส าหรบ Hacker อกแลว และถาสามารถเดาหรอขโมยรหสผานท าไดส าเรจกจะสามารถเขาถงขอมลทกอยางในเวบไซตไดโดยไมมอะไรปองกนไดอก

Two Factor Authentication จะตองอาศย 2 ปจจยในการตรวจสอบตวตนเสมอ คอ สงทเราร (ในทนคอชอผใชงานและรหสผาน) และ สงทเราม (ในทนคอ 2FA Code) ซงจะตองใสทง 2 อยางใหถกตองกถอวาผานการตรวจสอบ จงจะสามารถเขาระบบได Joomla จะพสจนตวตนของผใชงาน โดยการสอบถาม User และ Password แตส าหรบ Joomlaทตองการความปลอดภยขนกจะตองการความปลอดภยทมากไปกวาการสอบถามแค User / Password โดย Two Factor Authentication ของ joomla จะสราง OTP ( One Time Password ) โดยเชอมตอกบ Google Authenticator ซงสามารถโหลด APP “Google Authenticator” ไดทงใน Android และ iOS สามารถดาวนโหลด “Google Authenticator” ไดจากเวบไซต Play Store และ App Store

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 57: เอกสารประกอบการอบรม > 0 K5 ? . - 5

56

เปดการใชงาน Two Factor Authentication ของ Joomla โดยไปทเมน Extensions > Plunins

คลกทเครองหมายกากบาททหนา Plugin Two Factor Authentication – Google Authentication ใหเปลยนเปนเครองหมายถก จะเปนการเปดใชงาน Plugin นน

คลกทชอ Two Factor Authentication – Google Authentication เพอตงคาวาจะใหใช 2FA ในการ Login ในสวนหนาเวบไซต สวนหนาผดแลระบบหรอใหใชทงค ใหเลอกใชเฉพาะหนาผดแลระบบเทานน

การก าหนดวา user ใดบางทตองใช 2FA ในการ Login (user ทไมไดถกก าหนดใหใชให 2FA กสามารถ Login ไดในรปแบบปกต) ใหไปท Users > Manage ใหคลกทชอ user ทตองการ ใช Two Factor Authentication ทหนา Users : Edit Profile คลกตรง Tap : Two Factor Authentication

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 58: เอกสารประกอบการอบรม > 0 K5 ? . - 5

57

ท Authentication method ใหเลอก “Google Authentication”

Step ท 1 จะบอกใหไปโหลด App “Google Authentication”

Step ท 2 จะบอก Account , Key และ QR Code แลวใช Smart Phone หรอ Tablet เปด App “Google Authentication” แลวน ามาสอง QR Code จะได Security Code เพอน าไปใสใน Step ท 3

Step ท 3 น า Security Code ทไดจากการสอง QR Code มาใส

คลก “Save & Close” เพอบนทกและเรมใชงาน Two Factor Authentication ใน Joomla

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 59: เอกสารประกอบการอบรม > 0 K5 ? . - 5

58

ทดสอบ Two Factor Authentication โดย Log out ออกจากผดและระบบ จะพบกบหนา Log in ทมชองใหใส “Secret Key” เพมมาอก 1 ชอง

โดย Secret Key จะเปนตวเลข 6 หลก ซงไดมาจากการเปด App “Google Authenticator” ทไดตดตงไวแลวใน Smart Phone หรอ Tablet โดย App จะสราง OTP : One Time Password ทเปนตวเลข 6 หลกขนมา ซง OTP จะมอายเพยง 1 นาทเทานน ซงตองน า OTP ทยงไมหมดอายมาใสในชอง Secret key นอกเหนอจาก Username และ Password จงจะสามารถเขาระบบได

บรรทดดานลางของ OTP จะบอกถงชอ Login และ ชอเวบไซต เพอใหสามารถดและใชงานไดงาย ในกรณทตองดแลเวบไซตหลายเวบ ในกรณทอปกรณทตดตง App ไมไดอยกบตว ผดแลเวบไซตสามารถใช On time emergency passwords มาใสแทน Secret Key ได (ควรจด , ถายรปหรอเซฟเกบไวในทปลอดภย)

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 60: เอกสารประกอบการอบรม > 0 K5 ? . - 5

59

การส ารองขอมลดวย Akeeba Backup การปองกนเปนทางเลอกทด แตจะดกวาหากมการส ารองขอมลเวบไซตและสามารถกคนไดอยางรวดเรว ขอมลเวบไซตบน server นนจะม System Admin ส ารองขอมลบน Serverอยแลวกจรง แตไมมระบบไหนปลอดภย 100% วธหนงทจะท าใหเวบไซตสามารถกลบมาใชงานไดโดยเรวทสดในกรณทเกดปญหาและยงไมสามารถหาสาเหตไดคอการน าเอา ขอมลทส ารองไวกลบมา เพราะฉะนนสงแรกสดทผดแลเวบไซตควรท า คอ การส ารองขอมลเวบไซตของตวเองเอาไวดวย Akeaba Backup จะส ารองขอมล (Backup) ทงเวบ ทงไฟลและฐานขอมล และสามารถน าไปตดตงใหม (Restore) ไดอยางรวดเรว

ตดตงสวนเสรม Akeeba Backup 6.1.1

เรมตนใชงาน Akeeba Backup โดยไปทเมน Components > Extensions

เขาไปตงคาเรมตนใชงาน Akeeba Backup ท Configuration Wizard

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 61: เอกสารประกอบการอบรม > 0 K5 ? . - 5

60

Akeeba Backup จะตรวจสอบและตงคาใหเหมาะสมกบ Server และเวบไซต

เสรจแลวใหคลกป ม เพอเขาส Akeeba Backup : Control Panel

คลกท Configuration เพอปรบตงคา

ท Advanced configuration > Archiver engine ใหเลอก “ZIP format

คลก “Save & Close” ** ถาเวบไซตมขนาดใหญกวา 1 Gb. ถงเลอกเปนแบบ JPA format ** ไฟล Back up จะเกบไวท administrator/components/com_akeeba/backup

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 62: เอกสารประกอบการอบรม > 0 K5 ? . - 5

61

ท Basic Operation คลกป ม “Backup Now”

ทหนา Start a new backup คลกป ม “Backup Now!”

** ระหวาง Akeeba ก าลงท าการ Back up หามปดหนานและหามเปดโปรแกรมหรอหนาเวบอน

ถา Akeeba ส ารองขอมลส าเรจจะแจงวา “Backup Completed Successfully” คลกทป ม “Manage Backups”

จะเขามาทหนา Akeeba backup : Manage Backups คลกทป ม “Download” เพอโหลดไฟล Backup ทอยบนเวบไซตมาเกบไวทเครองเพอความปลอดภย

โดย Akeeba backup จะแจงเตอนถงความเสยงในการใช Browser เพอโหลดไฟล เพราะมโอกาเกดขอผดพลาด Akeeba จะใชโหมด FTP เพอโหลดไฟล คลกป ม “Download” เพอเรมโหลดไฟล Back up จากเวบไซตมาเกบไวทเครอง

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 63: เอกสารประกอบการอบรม > 0 K5 ? . - 5

62

การโหลดไฟล Back up มาเกบไวทเครอง ควรใชโปรแกรม FTP จะดกวาใชใช Web Browser เพอลดโอกาสผดพลาดในการโหลดไฟล เนองจากบางครงไฟล Back up มขนาดใหญตองใชเวลานานในการโหลดมาเกบไวทเครอง หากเกดการผดพลาดกตองเสยเวลาในการโหลดใหมอกครง โดยสามารถดรายละเอยดของไฟลทจะโหลดไดโดย คลกท “Backup Archive Information”

จะพบหนาตางบอกรายละเอยดของไฟล Backup

Where can I find it on my server? เกบไฟล Backup ไวท Folder ไหน What's it called? ไฟล Backup ชอไฟลอะไร

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 64: เอกสารประกอบการอบรม > 0 K5 ? . - 5

63

การ RESTORE ดวย Akeeba Backup การ Restore เวบไซต Joomla ทท าการส ารองขอมลดวย Akeeba Backup นอกจากจะเอาไวใชในกรณเวบไซตมปญหาแลว ยงสามารถใชในการยาย Joomla ขน Host จรงหรอยาย Joomla ไป Host ใหม หรอยาย Joomla จาก Host จรงลงมา localhost สามารถท าไดหมด การใช Akeeba Backup ในการ Restore เวบ จะท าใหไดขอมลทงหมดตงแตไฟลไปจนถงฐานขอมล และการ Restore เวบ จะเปนเหมอนการตดตงใหม แตไดขอมลเดม ขอดคอไมตองมานงแก Config ตางๆ

การ Restore โดยใชไฟล back up ท Akeeba Backup บนทกไวในเวบไซต ไปท Akeeba Backup : Control Panel คลกท “Manage Backups”

เลอกไฟล Backup ทตองการจะ Restore กลบมาแลวคลกท “Restore”

คลกป ม “Start Restoration” เพอเรม Restore ไฟล backup ไปทเวบไซต

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 65: เอกสารประกอบการอบรม > 0 K5 ? . - 5

64

ขณะท าด าเนนการ Restore หามปดหนาตางนและหามเปลยนหนาตางนไปทเวบไซตอน

หลงจาก Restore เสรจแลว คลกท “Run the site restoration script”

จะพบกบหนา ANGIE – Akeeba Next Generation Installer Engine

ท แถบดานลาง ของเวบไซตคลกป ม “Next”

ตรวจสอบรายละเอยดของฐานขอมล การตงคา วาถกตอง เรยบรอย ครบถวนหรอไม หากไมมอะไรตองแกไข กดป ม “Next” อกครง

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 66: เอกสารประกอบการอบรม > 0 K5 ? . - 5

65

Restore ฐานขอมลส าเรจเรยบรอย กดป ม “Next step”

ตรวจสอบรายละเอยดของเวบไซต สมาชก โฟลเดอรวาถกตอง เรยบรอย ครบถวนหรอไม (ใส รหสผานของ Super User) เสรจแลว กดป ม “Next” อกครง

คลก “Remove the installation directory” เพอลบ Folder “installation” หลงนกจะสามารถเขาเวบไซตไดตามปกต

*** ในการตงคาการ Backup ไดมการแกไขรปแบบไฟล Back up เปนไฟล Zip กสามารถโหลดไฟลมาแตกไฟลและน าไปตดตงไดเลย แตถาไมไดท าการแกไขรปแบบไฟล Back up คามาตรฐานของรปแบบไฟลกจะเปนไฟล JPA ซงจ าเปนตองมตวแตกไฟลโดยเฉพาะ ซงไมแนะน า

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 67: เอกสารประกอบการอบรม > 0 K5 ? . - 5

66

การ Backup , Restore ดวย FTP และ PHPMyadmin ยงมการ Backup และ Restore อกวธทไมตองใช extension มาชวยในเลย หากเวบไซตมขนาดไมใหญโตซบซอนจนมากเกนไป การใช FTP กบ PHPMyadmin กสามารถ Backup เวบไซตกบฐานขอมลเกบไวได ซงการ Backup แบบนจะแยกกน Backup ระหวางตวเวบไซตกบฐานขอมล ขนแรก ให Backup ตวเวบไซตกอน โดยใชโปรแกรม FTP เชอมตอไปท Server แลวโหลดไฟลและโฟลเดอรทงหมดของเวบไซตมาเกบไวทเครอง

ขนท 2 ใหเขาไปท PHPMyadmin แลว Log in ใหเรยบรอย กจะพบชอฐานขอมลของเวบไซต ใหคลกทชอฐานขอมลทอยทางดาน ”ซายมอ”

ทางดานขวาจะปรากฏตารางฐานขอมลของเวบไซตออกมา ตรวจสอบอกครงท Database วา ชอฐานขอมลวาถกตองหรอไม หากถกตองใหคลกท “Export” เพอน าฐานขอมลออกมาเปนไฟล

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 68: เอกสารประกอบการอบรม > 0 K5 ? . - 5

67

ทหนา Exporting tables from database คลก “Go”

จะไดไฟลชอเดยวกบฐานขอมล นามสกลไฟล .sql ซงไฟลนถอเปนไฟล Back up ฐานขอมลของเวบไซต จงตองเกบไวเพอ Import ฐานขอมลเมอเกดปญหากบเวบไซต

ในกรณทเวบไซตเกดปญหารายแรง ไมสามารถใชงานไดหรอเวบไซตถกวางไฟล แทรก script วธการท าใหเวบไซตกลบมาใชงานไดปกตโดยเรวทสด คอการ Restore ท าการยอนกลบกระบวนการ Backup ซงกคอ ใช FTP Upload ไฟลและโฟลเดอรของเวบไซต Joomla ทงหมดทเกบไวในเครอง ไปไวท Server โดยวธ Upload ทบ (Replace) ไฟลและโฟลเดอรเดมทงหมด (ลบไฟลทงหมดในเวบไซตกอน) ในสวนของฐานขอมล กใชวธ Import ไฟลฐานขอมล .sql ผาน PHPMyadmin ซงตองลบขอมลเกาในฐานขอมลออก ใหเหลอแตฐานขอมลเปลาๆ โดยตอง Log in เพอไปจดการฐานขอมลผาน PHPMyadmin เขาไปคลกทชอฐานขอมลทอยทางดานซาย (เหมอนตอน Backup) แลวเลอก Check All เพอเลอกทกตารางในฐานขอมล เสรจแลวเลอกค าสง “Drop” เพอลางฐานขอมล

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง

Page 69: เอกสารประกอบการอบรม > 0 K5 ? . - 5

68

PHPMyadmin จะ List ชอตารางทงหมดในฐานขอมลและถามยนยนอกครง คลก “Yes” เพอยนยนการลางฐานขอมล

เมอลางฐานขอมลเรยบรอยแลว รายชอตารางในฐานขอมลทางดานขวาจะหายไป หมายถงพรอมแลวทจะ Restore ฐานขอมลท Backup ไวกลบเขาไป คลกท “Import”

เลอกไฟลฐานขอมลทจะ Import เขามา โดยเลอกไฟล .sql ทไดท าการ Backup เอาไวแลว

เมอเลอกไฟลเสรจแลว คลก “Go” เพอเรมกระบวนการ Import ฐานขอมล

หาก Import ฐานขอมลส าเรจจะมขอความแจงวา “Import has been successfully”

สถาบนคอมพวเตอร

มหาวท

ยาลยรามคาแหง