Friday, 18 October 2019

6 วิธีในการสร้าง Mobile App บน Thunkable

หลังจากที่เราได้เรียนรู้ว่า Thunkable คืออะไรเรียบร้อยแล้ว วันนี้เราจะมาเรียนรู้ 6 วิธีในการสร้าง Mobile App บน Thunkable กัน

เมื่อทำการ signup และ login เข้าไปใน Thunkable แล้ว เราจะเห็นแทบเมนูและหน้าต่างแสดง workspace ที่ถูกแบ่งออกเป็นส่วนต่างๆ ดังนี้

(1) Tutorials จะรวบรวมตัวอย่างต่างๆของการสร้าง mobile app บน Thunkable ให้ทำตามได้

(2) Design สำหรับการออกแบบ screen ของ mobile app ท่ีเราจะสร้างขึ้น โดยสามารถลาก component ต่างๆ มาวางได้บนหน้า simulator ของโทรศัพท์มือถือ

(3) Blocks สร้างลอจิค (วิธีการทำงาน) ให้กับ mobile app ที่สร้างขึ้น เช่นถ้าผู้ใช้กดปุ่ม next จากหน้าจอที่ 1 จะถูกเลื่อนไปยังหน้าจอที่ 2

(4) Screen แสดงผลการออกแบบหน้าตาของ mobile app ที่กำลังทำ

(5) Menu Tab สามารถแชร์ project ที่ทำอยู่ให้กับเพื่อนๆ หรือว่าจะดาวน์โหลด mobile app ลงมาทดลองที่เครื่องได้

(6) Property ตั้งค่า เปลี่ยนชื่อ แก้ไขขนาด เปลี่ยนสี หรือเปลี่ยนคุณสมบัติของ component ต่างๆได้

 

 

 

หลังจากที่ได้เรียนรู้หลักการทั้ง 6 วิธีในการสร้าง Mobile App บน Thunkable แล้วเรามาดูส่วนประกอบและสิ่งที่ Thunkable เตรียมไว้ให้กันได้เลย

(1) Component และส่วนต่างๆ บน Thunkable

  • แทนที่เราจะต้องเขียน code เพื่อสร้าง Logic การทำงานของ Mobile application เช่นกดปุ่มแล้วเปลี่ยนหน้า ถ่ายรูป บันทึกเสียง คำนวณตัวเลข แสดงข้อมูลจาก database ฯลฯ) เราสามารถลาก Component หรือส่วนต่างๆ เช่น screen ของ mobile app ในแต่ละหน้า ปุ่ม รูปภาพ และลอจิคการทำงานต่างๆของ mobile app จะถูกแบ่งออกในรูปแบบของ Block ต่างๆ ซึ่งเป็นเหมือนจิคซอว์สามารถนำมาวางต่อกันได้เลย

(2) การ build ไฟล์  iOS และ Android บน Thunkable

  • นักพัฒนา Mobile Application สามารถสามารถดาวน์โหลดไฟล์ .apk สำหรับ Android และ .ipa สำหรับ iOS ที่เราได้ออกแบบและพัฒนา mobile app ด้วย Thunkable เพื่อที่จะนำไปทดสอบการใช้งานจริงๆบน smart phone ของเราได้เลย

(3) การใช้งาน Block ต่างๆ บน Thunkable

(4) ข้อจำกัดของการทดสอบ mobile app บน iOS และ Android ที่พัฒนาด้วย Thunkable 

  • iOS Platform : ข้อจำกัดสำหรับการดาวน์โหลด  Mobile Application  ไปทดลองนั้น หากนักพัฒนาเป็น iOS  ก็จะมีข้อจำกัดในการทดลอง iOS Mobile App ตรงที่นักพัฒนาสามารถทดลองได้เพียง 1  Mobile Application  ที่พัฒนาด้วย Thunkable ต่อ 1 เครื่องเท่านั้น
  • Android Platform : ส่วนหากนักพัฒนา Android ก็ สามารถดาวน์โหลดและ Install Mobile App บนเครื่องได้แบบไม่จำกัดและใช้เวลาน้อยกว่า

(5) หน้าตา Workspace ของ Thunkable

หลังจากได้เรียนรู้ 6 วิธีในการสร้าง Mobile App บน Thunkableแล้ว เรามาลองสร้าง Application  ง่ายๆด้วย Thunkable กันได้เลย โดยมีรายละเอียดดังนี้

(1) ขั้นที่ 1 :ให้ Login ไปใน Thunkable.com กันเลยครับ จะเข้ามาเจอหน้าตาแบบนี้

(2) ขั้นที่ 2 : Create New App จะก็จะได้หน้าตาแบบนี้ 

โดยหลังจาก Create New App เรียบร้อยแล้วให้ตั้งชื่อ App ได้เลยครับ

(3) ขั้นที่ 3 : Create User Interface (UI) 

โดยนักพัฒนาสามารถลาก Component ต่างๆมาวางใน screen ของตัวเองได้เลย

(4) ขั้นที่4 : Open New Application 

หลังจากผ่านขั้นตอนที่ 3 เรียบร้อยแล้ว เราก็จะมี User Interface (UI)  ของ App เราเรียบร้อยแล้ว หลังจากนั้นก็Download Thunkable App มาก่อน สามารถโหลดผ่าน App Store และ Play Store ได้เลย

หลังจาก Download Thunkable App แล้วเราก็สามารถเปิดผ่านโทรศัพท์ของเราเพื่อทดสอบการเปิด Application ของเราผ่าน Smartphone ได้เลย จากนั้นก็เปิด App Thunkable แล้ว Login ด้วย User เดียวกับในเว็บ ตัว Application จะขึ้นมาให้เลือก Project ของเรา จากนั้นจะเป็นหน้า Application ที่เราสร้างได้เลย

สรุปขั้นตอนต่างๆของการพัฒนา Mobile Application บน Thunkable อีกครั้งดังนี้

ขอเชิญสาวก Thunkable ทั้งหลายเข้าสู่แพลตฟอร์มในการพัฒนาแอพสำหรับ iOS ที่รอคอยมาแสนนาน

1. เข้าไปที่ https://www.thunkable.com/
2. ล็อกอินด้วย google account
3. สร้าง project ใหม่
4. นำคอมโพเนนต์มาวาง
5. ติดตั้งแอพ Thunkable Live บน Android or iOS สำหรับทดสอบแอพ
6. คลิ้กปุ่ม Download เพื่อ build app
7. รอรับอีเมล์ ซึ่งจะมีลิงก์ให้คลิ้ก เพื่อดาวน์โหลดแอพลงมาไว้ใน Smartphone
8. คลิ้ก Install
9.กำหนดค่า Setting เพื่ออนุญาตการ Install

10. ใช้งาน Your Application ได้เลย






Google+

View My Stats