คู่มือสอนและแนะนำการใช้งาน Component MJForm (คอมโพเน้น เอ็มเจฟอร์ม)

      Components MJForm เป็นคอมโพเน้นสำหรับสร้างฟอร์มกรอกข้อมูลต่างๆ บนเว็บไซต์ สำหรับ Joomla 2.5 ลักษณะการใช้่งานเป็นสร้างฟอร์มโดยการลาก กรองเก็บข้อมูลต่างๆ มาวางเพื่อให้ ได้ฟอร์มตามที่เราต้อง การ ไม่ว่าจะเป็นข้อมุล ตัวเลข ตัวหนังสือ วันที่ กล่องเก็บข้อมูล เขียนข้อความ html (เอ็ชทีเอ็มแอล) ลิสข้อมูล หรือ ดึงข้อมูลจากตารางในฐานข้อมูล มาให้ผู้ใช้งานเลือก ได้ นอกจากนี้ยังมีระบบ ป้องกัน spam (สแปม) ได้อีกด้วย สามารถเพิ่มอินพุตข้อมูลได้เองสามารถ นำฟอร์มที่สร้างเสร็จแล้ว ไปใช้งานกับเว็บไซต์อื่นๆ ได้ ส่งออกข้อมูลออกมาใช้งานได้หลายรูปแบบ ซึ่งในการจะใช้งาน Components MJForm ได้นั้นก่อนอื่นต้องทำการดาวน์โหลด Components MJForm มาติดตั้งใน Joomla ก่อนจึงจะสามารถใช้งานได้ โดยสามารถทำการดาวน์โหลดและอ่านฟีเจอร์เพิ่มเติมเกี่ยวกับ Components MJForm ได้ ที่นี่

คู่มือการใช้งาน MJForm

1.เข้าไปยัง Administrator (แอดมินนิสเตรเตอร์) ของ Joomla เลือกที่เมนู Component (คอมโพเน้น) และเลือก MJForms

 

 

2.เมื่อคลิกเข้ามาแล้วจะพบหน้ารายการ MJForm Control Panel (เอ็มเจฟอร์ม คอนโทรล พาแนล) ให้คลิกที่ MJForm

 

 

3.เริ่มสร้าง Forms (ฟอร์ม) ใหม่ คลิกที่ไอคอน New (นิว) บน Toolbars (ทูลบาร์)

 

 

4.เมื่อคลิกเข้ามาแล้วจะพบหน้า Design (ดีไซน์) และเครื่องมือต่างๆ แบ่งหน้าจอออกเป็น 2 ส่วน ด้านซ้ายคือเครื่องมือต่างๆ ที่ใช้สร้าง Form ส่วนด้านขวา คือ พื้นที่สำหรับลากเครื่องมือมาวาง 

 

 

5.ลากเครื่องมือที่ต้องการมาวางด้านขวา

 

 

6.ตอนนี้ก็จะได้ Tag Input Box (แท็ก อินพุต บ็อค) มาแล้ว ทีนี้จะเห็นว่าหน้า Tag จะมีคำว่า Textbox (เทค บ็อค) อยู่ ถ้าต้องการเปลี่ยนเป็นข้อความอื่น ให้ไปที่ Tab Element (แท็บ เอเลเม้น)

 

 

7.ในส่วน Form Information (ฟอร์ม อินฟอเมชั่น) ให้ใส่ค่า Title (ไตเติ้ล) ของ Form ส่วนค่าอื่นๆ สามารถใช้ค่าที่ระบบตั้งไว้ได้

 

 

8.หลังจากนั้นให้ดูส่วน Redirections (รีไดเร็คชั่น) ดูที่ ‘Thank You’ page link (แท้งกิ้ว เพจ ลิ้ง) ให้ใส่ page เมื่อผู้ใช้กดบันทึกแล้ว ให้ย้ายไปหน้าไหน เช่น หน้าแรก ให้ใส่ index.php จำเป็นต้องใส่ page

 

 

9.กด Save ที่ด้านขวาด้านบนได้เลย เท่านี้ก็ได้ Form พร้อมใช้งาน

 

 

10.หลังจากที่ได้ Form เรียบร้อยแล้ว ต่อมาต้องทำเมนูสำหรับให้ผู้ใช้คลิกเข้ามาหน้า Form ที่สร้างขึ้น การสร้างเมนูให้คลิก Menus ที่แถบเมนูด้านบน และเลือก Main Menu (เมน เมนู)

 

 

11.จากนั้นให้เลือก New ที่แถบ Toolbar เพื่อสร้างเมนูใหม่หลังจากสร้างเมนูเสร็จแล้วให้ทำการ Save&Close

 

 

12.ลองดูการแสดงผลที่หน้าเว็บไซต์ โดยคลิกที่ View Site (วิว ไซต์) ตามภาพด้านล่าง

 

 

13.เมนูหน้าซ้ายของเว็บไซต์จะมีเมนูที่สร้างขึ้นมาใหม่ และเมื่อคลิกเข้าไปจะพบ Form สามารถใช้งานได้ทันที