Lab1 ติดตั้ง Joomla และ Virtuemart

ทำความรู้จัก Joomla Joomla Component Module Plug in Template Content

ทำความรู้จัก Joomla Componet - เป็นโปรแกรมเสริมไว้คอย ช่วยเหลือการทำงานเฉพาะทางที่ต้องการ เช่น การแสดงผลแกลอรี่โชว์ เว็บบอร์ด เป็นต้น Module - เป็นฟังก์ชั่นการทำงานบางส่วน จากคอมโพเน้น ซึ่งสามารถกำหนดตำแหน่ง แสดงผลในหน้าเว็บไซต์ได้ Plug in - เป็นส่วนเพิ่มเติมความสามารถ ให้กับคอมโพเน้นท์ หรือโปรแกรมหลัก ให้ สามารถแบ่งออกเป็นประเภทและหมวดหมู่ได้ ตามต้องการ Template เป็นรูปแบบหรือหน้าตาของ เว็บไซต์ที่แสดงให้เห็นถึงเอกลักษณ์และความ เป็นตัวตนของเว็บไซต์นั้นๆ

การทำงานของ Joomla มี 2 ส่วน : หน้าเว็บไซต์และหน้า ผู้ดูแลระบบ หน้าเว็บไซต์ - แสดงเนื้อหา รูปภาพ หรือดีไซน์ที่บ่งบอกถึง เอกลักษณ์ และตัวตนของเว็บไซต์ นั้นๆ ซึ่งผู้เข้าชมสามารถเห็นข้อมูล เหล่านี้ได้ผ่านบราวเซอร์ หน้าผู้ดูแลระบบ - ส่วนของการ จัดการข้อมูลทั้งหมดบนเว็บไซต์ โดย เข้าผ่านทางที่อยู่ของเว็บไซต์ตามด้วย Administrator

ทำไมต้อง Joomla ใช้เวลาในการพัฒนาเว็บไซต์น้อยลง ความสะดวกและง่ายในการใช้งาน ไม่ยุ่งยากหรือปวดหัวจากการเขียน โปรแกรม ประหยัดค่าใช้จ่าย มีสังคมออนไลน์ที่คอยช่วยเหลือ

ขั้นตอนที่ 1 จำลอง Server เราสามารถจำลองเครื่องคอมพิวเตอร์ ให้ทำหน้าที่เป็นเว็บเซริฟเวอร์ โดยใช้ โปรแกรม AppServe หรือ XAMPP สามารถดาวโหลดได้ที่ http://sourceforge.net/projects/app serv/files/AppServ%20Open%20Pr oject/2.5.10/

ขั้นตอนที่ 2 ติดตั้ง Joomla 2.5 ดาวโหลด joomla package file ได้ ที่ http://www.joomla.org/download.ht ml จะได้เป็น Zip ไฟล์ ทำการแยกไฟล์ และไปวางที่โฟลเดอร์ C:\Appserve\www << กรณีใช้ Appserve C:\XAMPP\htdocs << กรณีใช้ XAMPP

ขั้นตอนที่ 2 ติดตั้ง Joomla 2.5

เปิด web browser กรอก URL เป็น http://localhost/joomla หรือตามด้วยชื่อไฟลเดอร์ที่ตั้งขึ้น

จะแสดงหน้าจอสำหรับติดตั้ง Joomla ให้เลือกภาษาไทย แล้วคลิก ต่อไป

จะแสดงหน้าจอตรวจสอบระบบก่อนการติดตั้ง ให้คลิกปุ่ม ต่อไป

จะแสดงหน้ารายละเอียดลิขสิทธิ์ ให้คลิกปุ่ม ต่อไป

จะแสดงหน้าจอตั้งค่าการเชื่อมต่อฐานข้อมูล ให้กรอกรายข้อมูลดังนี้ ชนิดของฐานข้อมูล เลือก Mysql / ชื่อโฮส กรอกค่าเป็น localhost / ชื่อผู้ใช้ฐานข้อมูลกรอกเป็น root รหัสผ่าน หากไม่ได้กำหนดค่าให้ปล่อยว่าง / ชื่อฐานข้อมูล กรอกค่าเป็น joomla_database คำนำหน้าตาราง หากไม่ต้องการเปลี่ยนสามารถกำหนดเป็นค่าตามที่ระบบตั้งมาให้ได้ หากเคยติดตั้งjoomla แล้ว คลิกเลือเป็น สำรองฐานข้อมูล เมื่อกรอกเสร็จแล้วให้คลิก ต่อไป

จะแสดงหน้าจอการตั้งค่า FTP ซึ่งสามารถข้าวขั้นตอนนี้ไปได้ให้คลิกปุ่ม ต่อไป

จะแสดงหน้าจอสำหรับกรอกรายละเอียดการตั้งค่าของเว็บไซต์ ชื่อเว็บ - กรอกชื่อเว็บไซต์ อีเมล - กรอกอีเมล ชื่อเข้าระบบของผู้ดูแล - กรอก username รหัสผ่าน - กำหนดรหัสผ่านสำหรับผู้ดูแลระบบ ยืนยันรหัสผ่าน - กรอกรหัสผ่านเพื่อยืนยันว่าตรงกัน เลือกข้อมูลตัวอย่าง - เลือกข้อมูลตัวอย่างจากทีมงาน ปุ่มติดตั้งข้อมูลตัวอย่าง - คลิกที่ปุ่ม ‘ติดตั้งข้อมูลตัวอย่าง’ หรือสามารถข้ามไปได้หากไม่ต้องการติดตั้ง เสร็จแล้วคลิป ต่อไป

จะแสดงหน้าจอแสดงการติดตั้งเสร็จสมบูรณ์ ให้ลบโฟลเดอร์ installation ออก ที่โฟลเดอร์ joomla

ถ้าคลิกแสดงหน้าเว็บ จะได้หน้าเว็บไซต์ดังรูป

ถ้าต้องการเข้าระบบผู้ดูแล สามารถพิมพ์ administrator ต่อจาก url ของหน้าเว็บไซต์

จะแสดงหน้าจอเข้าทำงานของผู้ดูแลระบบ ใส่ username และ password ที่เคยกำหนดไว้ตอนติดตั้ง

หน้าจอควบคุมการทำงานของผู้ดูแล

ขั้นตอนที่ 3 ติดตั้งภาษาไทยให้ Joomla download แพ็กเกจไฟล์ภาษา ได้ที่ http://joomlacode.org/gf/project/thai /frs/ เลือกไฟล์แพ็กเก็จ languagefileforJoomla 2.5 ดาวโหลดเสร็จจะได้เป็น zip ไฟล์

เมื่อได้ไฟล์แล้ว ไปที่หน้าจอแอดมิน ไปที่ extension และคลิก extension manager

คลิก เรียกดู browse เลือกไฟล์ภาษาไทยที่ดาวโหลดมา แล้วให้คลิก upload and install

ระบบจะแจ้งว่าการ install เสร้จเรียบร้อย

3 1 2 เมื่อต้องการติดตั้งภาษาไทยในการทำงานหน้าผู้ดูแล ให้คลิก install language จากนั้นเลือกภาษาไทย แล้วคลืกที่ install

เลือก installed – Site ก่อน และให้คลิกที่ภาษาไทย แล้ว คลิกที่ default รูปดาว ทำแบบเดียวกันที่กับ installed – Administrator

Control panel ก็จะเปลี่ยนเป็นภาษาไทย

ขั้นตอนที่ 3 ติดตั้ง virtuemart download virtuemart ที่เว็บไซต์ http://virtuemart.net/downloads

ไฟล์ที่ดาวโหลดมาจะอยู่ในรูปแบบ zip ไฟล์ เมื่อแยกไฟล์แล้วจะแสดงไฟล์ย่อย สองไฟล์ ในการติดตั้ง component virtuemart ไปที่ extension manager

เลือกไฟล์ com_virtuemart.2.0.24.tar.gz ก่อน คลิกปุ่ม upload & install

จะแสดงผลดังรูปเมื่อ installed เรียบร้อย ให้คลิกที่ install sample data เพื่อเพิ่มข้อมูลตัวอย่าง

ไปที่ extension manager อีกครั้งเพื่อทำการ intall ไฟล aio ซึ่งเป็นคอมโพเน้นระบบ shopping cart ทำตามกระบวนการเดิม แต่เลือกไฟล์ aio

เมื่อ install ตัว aio สำเร็จจะแสดงผลดังรูป

ในเมนู component ของ joomla จะแสดงรายการของ VirtueMart แสดงว่ามีการติดตั้งเรียบร้อย