Program Application Management Information Joomla1 · Samrantim.blogspot.com Joomla! Joomla ˘ ˇ ˆ ˙ ˆ˝ ˛˚ ˜ ˆ ˙ ˆ˝ ˝ !ˇ˚ ˆ "## ˇ˜# ˇ$ˇ!˘ ˝!˘ ˙ %˘% ˘ ˇˆ˙˙ˆ˝

03/11/55

1

Programming Application in Management Information System

สาราญ วานนท[email protected]

Joomla!

� ทาไมตองใชฐานขอมล Joomla

� เคร�องมสรางเวปไซตสาเรจรป

� ฟรไลเซนต

� งายตอการตดต ง

� งายตอการกาหนดคาระบบ

� เคร�องมอสนบสนนหลากหลาย

� ฯลฯ

รจกกบ Joomla!

� Joomla เปนเวบไซตประเภท CMS (Content Management System)

� สรางดวยภาษาสครปต PHP และ JavaScript ทางานรวมกบ MySQL

� จดการขอมล XML จดการขอมลเน อหาบนเวบไซต

รจกกบ Joomla!

� Joomla เปนเวบไซตประเภท CMS (Content Management System)

� สรางดวยภาษาสครปต PHP และ JavaScript ทางานรวมกบ MySQL

� จดการขอมล XML จดการขอมลเน อหาบนเวบไซต

03/11/55

2

จดเดนของ Joomla!

� ใชงานฟร Joomla เปนสครปตแบบโอเพนซอรส สามารถใชงานไดเลย

� อพเดทสม�าเสมอ

� เปล�ยนหนาตาเวบไซตไดดวยเทมเพลต (Template) ปรบเปล�ยนไดทนท�โดยไมกระทบเน อหาบนเวบไซต

� รองรบภาษาไทย ท งสวนหนาเวบไซต (Front-end) และสวนผดแลเวบไซต (Back-end)

� งายตอการสรางและจดการเน อหา การกาหนดรปแบบตางๆ ของเน อหา และการแทรกสวนประกอบเน อหา

� รองรบการทางานหลายๆ คนพรอมกน เชนผดแลเวบไซต ผจดการเวบไซตบรรณาธการ สมาชกลงทะเบยน มการกาหนดระดบการเขาถงขอมลของแตละคน

จดเดนของ Joomla! (cont.)

� เพ�มความสามารถใหกบเวบไซตดวยโปรแกรมเสรม (Extension) เชนระบบรานคาออนไลน เวบบอรด เวบบลอก

� สนบสนนการปรบแตง SEO เพ�อใหเวบไซตตดอนดบตนของการคนหา

การตดต(ง Joomla!

� เพ�มความสามารถใหกบเวบไซตดวยโปรแกรมเสรม (Extension) เชนระบบรานคาออนไลน เวบบอรด เวบบลอก

� สนบสนนการปรบแตง SEO เพ�อใหเวบไซตตดอนดบตนของการคนหา

หลกการสรางเวบไซตดวย Joomla! ท1เคร1องเรา

� ตองจาลองเคร�องของเราใหเปนเซรฟเวอรจาลอง (LocalHost) เพ�อทดสอบแกไขเวบไซตของเรากอนท�จะทาการอพโหลดเวบไซตข นไปยงเซรฟเวอรจรง

� 1. จาลองเคร�องคอมพวเตอรของเราเปนเซรฟเวอร

� 2. สรางฐานขอมลสาหรบเกบขอมลเวบไซตของ Joomla!

� 3. ตดต งโปรแกรม Joomla! ผานเซรฟเวอรจาลอง

� 4. สรางเวบไซตและตดต งโปรแกรมเสรมลงใน Joomla!

� 5. อพโหลดเวบไซตไปยงเซรฟจรง

03/11/55

3

จาลองเคร1องคอมพวเตอรของเราเปนเซรฟเวอร

� มหลายโปรแกรมท�สามารถทาไดแตในท�น เราจะใช AppServ ตวอ�นกเชน WAMP, EasyPHP

� 1. Apache สาหรบจาลองเคร�องคอมพวเตอรเปนเซรฟเวอร

� 2. PHP สาหรบสรางเวบไซตภาษา PHP

� 3. MySQL สาหรบสรางฐานขอมล

� Download AppServ จาก www.appservnetwork.com

ข(นตอนการตดต(งโปรแกรม AppServ

� 1. ดบเบลคลกไฟล appserv-win32-2.x.xx.exe ท�ดาวนโหลดมา

� 2. เขาสหนาจอการตดต งใหคลก Next

ข(นตอนการตดต(งโปรแกรม AppServ (cont.)

� 3. หนาตาง License Agreement ใหเลอกคลก I Agree


� 4. หนาตางเลอกสถานท�ในการตดต งคลกกาหนดแลวคลก Next

03/11/55

4


� 5. หนาตางเลอก Select Components แลวคลก Next


� 6. หนาตางเลอก Apache Http Server Information ใหกาหนด

� Server name ช�อของเวบเซรฟเวอร คาปกต LocalHost

� Administration’s Email Address คอเมลของผดแลระบบ

� Apache HTTP Post หมายเลขพอรตในการเช�อมตอโปรโตคอล คาปกตเปน 80

� แลวคลก Next


� 7. หนาตางเลอก MySQL Server ใหกาหนด

� Password ของผใชท�ช�อ root

� เลอก Character Sets and Collations ใหกาหนด UTF-8 Unicode

� แลวคลก Next

� 8. รอจนตดต งเสรจ


� 9. แสดงหนาจอตดต งเสรจ

03/11/55

5

ทดสอบการเรยกใชงาน AppServ

� ใชโปรแกรมบราวเซอร แลวพมพ 127.0.0.1 ท� Address bar

สรางฐานขอมลใหกบเวบไซต Joomla!

� ใชโปรแกรมบราวเซอร แลวพมพ 127.0.0.1 ท� Address bar

� ใชเคร�องมออยางอ�นในการสรางฐานขอมล

� ใหกาหนดช�อฐานขอมลเปน Joomla

� Character set เปน Utf8_unicode_ci

ดาวนโหลดและตดต(ง Joomla!

� ดาวนโหลด Joomla! ไปท�เวบไซต www.joomla.org/download.html


� ตดต ง Joomla! บนเซรฟเวอรจาลอง

� หลงจากดาวนโหลดเสรจแลวใหแตกไฟลออก

� ใหไปท� C:\AppServ\www และใหสรางโฟลเดอรข นมาใหมช�อ Joomla

� แลว copy files ท�แตกออกมาไปไวท� C:\AppServ\www\Joomla

� ข นตอนการตดต ง

� 1.เปดโปรแกรมบราวเซอรข นมาแลวพมพ http://127.0.0.1/joomla จะข นจอใหเลอกภาษาท�ใช ในท�น เลอก ภาษาไทย

03/11/55

6


� 2. คลก Next


� 3. เลอกคาตามท�แนะนาและคลก Next


� 4. เขาเวบลขสทธx คลก Next


� 5. ต งคาฐานขอมล Next

03/11/55

7


� 6. ต งคา FTP สาหรบอพโหลดไปยงเซรฟเวอรจรง Next


� 7. กาหนดคาหลกของเวบไซตแลวกด Next


� 8. ลบโฟลเดอรท� Installation ออกถาไมลบพอเราเขา http://127.0.0.1/joomla มนกจะเขาการตดต งตลอด


� 9. การเรยกใชเวบไซตหลงจากการตดต งเสรจเรยบรอยเราสามารถเปด http://127.0.0.1/joomla

03/11/55

8

การใชงานระบบจดการ Joomla!

� ผดแลเวบไซตสามารถเขาหนาเวบเพจระบบจดการเวบไซต Joomla! ไดดงตอไปน

� 1. พมพ /administrator ตอทายช�อเวบไซต เชน http://127.0.0.1/joomla/administrator

� 2. ระบช�อผใชงานในชอง User Name

� 3. ระบรหสผานในชอง Password

� 4. คลกปม Login



� เขาสหนาหลก

หนาควบคมหลก (Control Panel)

� จะประกอบไปดวย

� 1. แทบเมนหลก (Menu Bar)

� 2. แทบเฮดเดอร (Header Bar)

� 3. แผงไอคอนทางลด (Quick Icon Panel)

� 4. สถตการใชงาน

03/11/55

9

หนาควบคมหลก (Control Panel)

� จะประกอบไปดวย

� 1. แทบเมนหลก (Menu Bar)

� 2. แทบเฮดเดอร (Header Bar)

� 3. แผงไอคอนทางลด (Quick Icon Panel)

� 4. สถตการใชงาน

1. แทบเมนหลก (Menu Bar)

� แทบท?รวบรวมกลมเคร?องมอ

� 1. เมน Site ประกอบไปดวยเคร?องมอท?จดการเวบไซต

� Control Panel หนาควบคมหลก

� My Profile ตHงคาหนาโปรไฟล เชนช?อผใชงาน

� Global Configuration ตHงคาการทางานระบบโดยรวม

� Maintenance จดการเกยวกบการ Checkin, การยกเลกลอก

� System Information จดการเกยวกบเซรฟเวอร

� Logout ออกจากระบบ

1. แทบเมนหลก (Menu Bar)(cont.)

� 2. เมน Users ประกอบไปดวยเคร?องมอท?จดการผใชงาน

� User Manager จดการสมาชกหรอผใชงาน

� Groups จดการกลมผใชงาน

� Access Levels จดการระดบการเขาถงเนHอหา

� Mass Mail User สงเมลใหกบกลมสมาชก

� 3. เมน Menus ประกอบดวยเคร?องมอจดการเมนของเวบไซต

� Menu Manager จดการกบระบบเมน

� Main Menu จดการเมนหลกเปนเมนท?สรางขHนเอง

1. แทบเมนหลก (Menu Bar)(cont.)

� 4. เมน Content ประกอบไปดวยเคร?องมอท?จดการบทความเนHอหาของเวบไซต

� Article Manager จดการเนHอหาบทความ

� Category Manager จดการหมวดหม

� Featured Articles จดการเนHอหาท?แสดงหนาแรก

� Media Manager จดการไฟลมเดย

� 5. เมน Component ประกอบดวยเคร?องมอจดการเกยวกบคอมโพเนนตตางๆ ท?ตดตHงเพ?อใชงานใน Joomla

� 6. เมน Extensions ประกอบดวยเคร?องมอจดการเกยวกบการตดตHงและถอนการตดตHงโปรแกรม โมดล ปลaกอน เทมเพลต และเคร?องมอจดการภาษา Joomla!

� 7. เมน Help ประกอบดวยเคร?องมอเกยวกบความชวยเหลอ

03/11/55

10

2. แทบเฮดเดอร (Header Bar)

� เปนแทบท?แสดงรายละเอยดตางๆ ดานมมขวา

3. แผงไอคอนทางลด

� เปนเคร?องมอท?ใชบอยๆ เพ?อใหผดแลเวบไซตสามารถเปดใชงานไดทนท?

4. สถตการใชงาน

� เปนสวนท?เรยกดขอมลการเรยกใชงานตางๆ ของระบบได

การตDง/เปลHยนชHอเวบไซต

� เราสามารถเปล?ยนช?อเวบไซตท?เราไดกาหนดไวแลวตอนตดตHงโดย

� 1. Site > Global Configuration

� 2. คลกแทบ Site

� 3. ตHงหรอเปล?ยนช?อเวบไซตตรงชอง Site Name

� 4. คลกปม Save and Close

03/11/55

11

การตดตDงภาษาไทยใหกบ Joomla!

� เราสามารถเลอกได 3 แบบ

� 1. Site แสดงผลภาษาไทยเฉพาะในสวนของเวบไซต

� 2. admin แสดงผลภาษาไทยเฉพาะในสวนของผดแลเวบไซต

� 3. full แสดงผลภาษาไทยทHงสองสวน

� เราสามารถทาไดดงนH� 1. Extensions > Extension Manager

� 2. คลกแทบ Install

� 3. คลก Brows ในสวนของ Upload Package File แลวเลอกไฟลท?เราดาวนโหลดมา

� 4. คลก Upload & Install

ทาความรจกกบเทมเพลต

� เทมเพลต (Template) เปรยบเสมอนหนากากของเวบไซต หรอรปแบบของเวบไซตสาเรจรปท?ยงไมไดใสเนHอหาเขาไป การเลอกเทมเพลตควรจะใหเหมาะกบลกษณะของงาน

� เทมเพลตกจะมทHงแบบฟรและแบบเสยเงนคาเทมเพลต

� ตวอยางท?เปนของฟร http://www.joomlart.com/joomla/templates/showcase

การเขาถงเทมเพลต

Documents

Program Application Management Information Joomla1 · Samrantim.blogspot.com Joomla! Joomla ˘ ˇ ˆ ˙ ˆ˝ ˛˚ ˜ ˆ ˙ ˆ˝ ˝ !ˇ˚ ˆ "## ˇ˜# ˇ$ˇ!˘ ˝!˘ ˙ %˘% ˘ ˇˆ˙˙ˆ˝