วิธีสร้างฐานข้อมูลด้วย Zoho และนำมาใช้กับ Blogger

สำหรับผู้ที่ทำบล็อกเกี่ยวกับเรื่องค้า ๆ ขาย ๆ หรือทำบล็อกแล้วต้องการได้ข้อมูลบางอย่างจากสมาชิกมาเก็บรวบรวมไว้ใช้ประโยชน์ แต่ก็ไม่สามารถใช้ฟังก์ชันต่าง ๆ ที่มีใน Blogger ทำเช่นนั้นได้ บทความนี้ผมก็ขอนำเสนอทางเลือกในการเก็บข้อมูลที่ว่านี้ และวิธีการที่จะกล่าวในบทความนี้สามารถนำไปประยุกต์ใช้ได้หลากหลายเช่น สร้างแบบฟอร์มการสั่งสินค้า แบบฟอร์มการโอนเงิน แบบสำรวจ ฯ โดยที่กล่าวมาทั้งหมดนี้สามารถสร้างได้ไม่ยาก สามารถนำมาติดตั้งบน blogger ได้ และคุณสามารถเข้าไปเอาข้อมูลที่ออกมาในรูปแบบของไฟล์ Exel หรือ pdf ไฟล์และไฟล์ชนิดอื่น ๆได้ด้วย


ในบทความก่อนหน้านี้ผมได้เคยแนะนำให้ใช้ google docs ในการสร้างฟอร์มและเก็บข้อมูล แต่ในบทความนี้ผมจะนำเสนอผู้ให้บริการอีกรายหนึ่งซึ่งคุณภาพในการให้บริการสูง ใช้งานง่าย ผลงานที่ออกมามีคุณภาพดีมาก ซึ่งก็คือบริการของ zoho.com

สอนทำ blogger

ในบทความนี้ผมจะแบ่งการเล่าเรื่องเป็น 3 ตอน ได้แก่

ตอนที่ 1 การสร้าง วิธีการสร้างฐานข้มูลบน  zoho.com   และ
ตอนที่ 2 การนำฟอร์มนั้นมาติดตั้งลงบน Blogger
ตอนที่ 3 การเข้าไปดูข้อมูลจาก zoho.com และการนำออกมาใช้
  


ตอนที่ 1 วิธีการสร้างฐานข้มูลบน  zoho.com

1.1 ไปที่ creator.zoho.com

1.2 ในหน้าแรกเราจะเห็นว่ามีส่วน Sign in ผมแนะนำว่าเมื่อเราใช้ Blogger อยู่แล้ว ก็ไม่ต้องสร้างบัญชีผู้ใช้ขึ้นมาใหม่ แต่ให้ใช้บัญชีผู้ใช้ Blogger ในการ Log in เข้าไป โดยคลิกที่โลโก้ของ Google (ดูรูป) 

วิธีทำ blogspot

สอนทำบล็อก

เมื่อกรอกบัญชีของ Google แล้วก็อนุญาต zoho.com  ให้มีการเข้าถึงบัญชีของคุณได้

สอนแต่งบล็อก

จากนั้นในการ Loin ครั้งแรกก็จะต้องตั้งชื่อผู้ใช้ก่อนครับ

ในหน้าถัดมาก็จะเป็นวีดีโอแนะนำการใช้งาน ควรจะดูให้ผ่านตาพอสังเขปครับ จากนั้นคลิก Proceed to Create your own Online Database

โค้ด blogger

1.3 หลังจากนั้นเราก็จะเข้ามาสู่หน้าหลักในการสร้างฐานข้อมูล

blogger template

              จากรูปด้านบนรายละเอียดในหน้านี้กันก่อน

              ส่วนที่ 1 เป็นตัวเลือกว่าจะสร้าง form ขึ้นมาใหม่ หรือ Upload จากไฟล์ เช่นไฟล์ Excel ที่มีอยู่แล้วเป็นต้น

เช่นถ้าเลือก Import data จาก ไฟล์ Excel (ต้องเป็น Excel 97-2003 เท่านั้น ) 

สอนทำ Google Adsense 

              ส่วนที่ 2 เป็นการใส่ ชื่อของ Aplication และ ชื่อของ Form ควรใช้ชื่อเป็นภาษาอังกฤษเท่านั้น (ภาษาไทยจะ error)

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

ตัวอย่างแบบฟอร์มสมัครงานแบบสำเร็จรูป

วิธีทำ blogger

สอนสร้างบล็อก

              ส่วนที่ 4 เป็นส่วนที่ใช้ตั้งเวลา ถ้าของไทยเราเลือก GMT 7:00 Indochina Time(Asia/Bangkok)

              ส่วนที่ 5 และส่วนที่ 5 เป็นส่วนที่เลือกว่าจะเปิดเผยหรือเป็นแบบส่วนตัว


1.4 สมมติว่าผมต้องการสร้างแบบฟอร์มการสั่งซื้อสินค้า ก็จะต้องพิมพ์ชื่อของฟอร์ม (ใช้ภาษาอังกฤษ) >> เลือกสร้างแบบฟอร์มเอง >> ตั้งเวลา >> และคลิก Create now (ดูรูปด้านล่างประกอบ) 

ทำบล็อก


1.5 ในขั้นถัดมาเป็นการสร้างแบบฟอร์ม  คุณสามารถใช้วิธีลากเมาส์ (Drag and Drop) รูปแบบที่ต้องการมาประกอบกันเป็นแบบฟอร์มที่คุณต้องการได้ตามใจชอบเลยครับ

สอน jQuery

รูปแบบของคำถามในการสร้างฟอร์มนั้นมีหลายชนิด เช่นเป็นแบบ Check list แบบ หลายตัวเลือก หรือแบบ Dropdown เป็นต้น ในส่วนนี้ขอให้คุณศึกษารายละเอียดเพิ่มเติมด้วยตนเองครับ

1.6 เมื่อสร้างฟอร์มเสร็จเรียบร้อยแล้ว ให้คลิกที่ปุ่ม Acess this application  ซึ่งจะทำให้เราได้แบบฟอร์มที่ต้องการแล้ว

Background icon blogger

1.7 จากนั้นให้เรารับโค้ดของฟอร์มที่ได้สร้างขึ้นนี้เพื่อไปติดตั้งที่ blogger ของคุณ
โดยคลิกที่ More Actions แล้วเลือก Embed in your Website



blogger trick

blogger tips

โค้ดที่ได้จะมีลักษณะดังนี้

<iframe height='500px' width='100%' name='zoho-hackublog_blogspot_com' frameborder='0' allowTransparency='true' scrolling='auto' src='http://creator.zoho.com/hackublog/order_form/form-embed/hackublog_blogspot_com/'></iframe>


ตอนที่ 2 การนำฟอร์มนั้นมาติดตั้งลงบน Blogger : ในการติดตั้งบน Blogger ทำได้หลายวิธีดังนี้

2.1 แล้ววางโค้ดในข้อ 1.7 ลงในบทความได้โดยตรง

blogger gadget


2.2 สร้างหน้าเว็บขึ้นมาแล้ววางโค้ดในข้อ 1.7 ลงไปโดยตรง

blogger widget

2.3 เพิ่ม Gadget ชนิด HTML/จาวาสคริปต์ 

bloggertheme


ตอนที่ 3 การเข้าไปดูข้อมูลจาก zoho.com และการนำออกมาใช้

เมื่อผ่านตอนที่ 2 มาแล้ว ก็ออกจากระบบ ซึ่งผมจะทดลองกรอกข้อมูลไป 1 ชุดแล้ว Login เข้าไปดูข้อมูล



เมื่อ Log in เข้ามาอีกครั้งก็จะเห็นข้อมูลที่ผมได้เพิ่มเข้าไป 1 ชุด

หากต้องการ Export ไฟล์ออกมาใช้ก็คลิกที่  แล้วเลือก Export Data

สอน blogger

ซึ่งเราสามารถ Export เป็นไฟล์ได้หลายชนิดก็ให้เลือกตามความต้องการใช้ส่วนจะนำไปใช้งานอย่างไรก็ขึ้นอยู่กับความต้องการของคุณเอง

สอนสร้าง blog 


บทสรุป

บทความนี้เป็นอีกวิธีหนึ่งที่ประยุก Application จาก ZOHO เข้ามาช่วยเสริมการทำงานและสนับสนุนความต้องการของผู้ใช้ blogger ในการเก็บข้อมูลจากสมาชิกในเรื่องต่าง ๆ มากขึ้น  ผมเองก้หวังว่าบทความนี้ก็น่าจะเป็นประโยชน์ และหากคุณทดลองทำด้วยตนเองก็จะพบว่าการสร้างต่าง ๆ ที่ได้อธิบายในตัวอย่างนี้ไม่ได้ยากอย่างที่คุณคิดเลยครับ

ตอนนี้มีความคิดเห็น : 4 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. สำหรับคนอื่นๆที่จะกรอกข้อมูลใน ฐานข้อมูลที่เราสร้างไว้ ต้องมีบัญชีใดบัญชีหนึ่ง Login เข้าไปในzoho ก่อนจึงจะกรอกข้อมูลลงใน ฐานข้อมูลที่เราสร้างไว้ถูกต้องไหมคับ

  1. ตอบคุณ idscene
    เป็นคำถามที่มีประโยชน์มากครับ พอดีผมไม่ได้เขียนบอกไว้

    คนที่จะกรอกข้อมูลของเราต้องมีบัญชีใดบัญชีหนึ่งใน Gmail ,Google App, yahoo หรือ Facebook จึงจะกรอกข้อมูลได้ครับ

    ที่กล่าวมาในคำถามนั้นถูกต้องแล้วครับ

  1. ขอบคุณมาก ๆ เลยค่ะ กำลังหัดทำอยู่ ช่วยได้มากจริง ๆ

  1. ได้ความรู้ดีครับ

แสดงความคิดเห็น

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel