อย่างที่หลายๆ คนรู้กัน การจะสร้างแอปพลิเคชันออกมาสักอันต้องใช้ความรู้ในการเขียนโปรแกรม แต่ในปัจจุบันเราสามารถสร้างแอปพลิเคชันโดยไม่ต้องเขียนโปรแกรมได้แล้ว และ Thunkable x เป็นอีกหนึ่งเครื่องมือที่ง่ายต่อการทำความเข้าใจ ใช้งานง่าย และสามารถใช้งานแอปพลิเคชันได้ทั้งบนระบบปฏิบัติการ Android และ iOS

     แอปฯ เกมทอยเต๋านี้มีลักษณะทอยเต๋าแค่ลูกเดียว ซึ่งผู้อ่านสามารถนำไปพัฒนาต่อเองได้ง่ายๆ โดยไม่ต้องเขียนโปรแกรม เพียงแค่ลากวางบล็อกมาต่อกันเกมลูกเต๋า

มาทำความรู้จักกับส่วนประกอบเบื้องต้น Thunkable x ที่จะใช้สร้างเกมตอบคำถามก่อนดีกว่า

  • Add Components รายชื่อ Component ต่างๆ ซึ่งแต่ละ Component ใช้สำหรับออกแบบ Screen
  • Blocks ส่วนของการออกแบบการทำงานแอปพลิเคชันแบบลากวางบล็อกการทำงาน
  • Screen จำลองหน้าจอแอปพลิเคชัน และใช้สำหรับลากวาง Component 

Advertisement

Advertisement

  • Property ใช้สำหรับกำหนดคุณสมบัติของ Component ต่างๆ ที่เราลากออกมาวางไว้ที่ Screenส่วนประกอบเบื้องต้น Thunkable x
  • มาเริ่มสร้างแอปฯ เกมตอบคำถามง่ายๆ ด้วย Thunkable x กันเลยดีกว่า

    วิธีการเข้าใช้งานที่ Thunkable x

         เข้าใช้งานที่ Thunkable x และ  Log In เข้าใช้งาน สำหรับผู้ที่มีบัญชี Thunkable x แล้ว สำหรับผู้ที่ไม่มีบัญชี Thunkable x ให้ทำการลงทะเบียนที่ Sign Up ก่อนวิธีการเข้าใช้งานที่ Thunkable x

    วิธีการสร้าง Project 

         ก่อนที่จะเริ่มออกแบบแอปพลิเคชันต้องสร้าง Project ก่อน ที่ Create New Project ตั้งชื่อ Project และเลือกหมวดหมู่ (Category) ตัวอย่างจะตั้งชื่อเป็น Roll the dice และเลือกหมวดหมู่ (Category) เป็น games จากนั้นคลิกที่ Createสร้าง Projectวิธีการออกแบบการส่วนประกอบ (Component)

    1. ต้องการให้แอปพลิเคชันแสดงผลภาพของลูกเต๋า ให้ลากส่วนประกอบ (Component) ชื่อว่า Image ลงไปที่ Screenต้องการให้แอปพลิเคชันแสดงผลภาพของลูกเต๋า

    Advertisement

    Advertisement

    2. จากนั้นใส่ปุ่มกด เพื่อกดสุ่มลูกเต๋า ให้ลากส่วนประกอบ (Component) ชื่อว่า ฺButton ลงไปที่ Screenจากนั้นใส่ปุ่มกด เพื่อกดสุ่มลูกเต๋า 

    วิธีการออกแบบหน้าจอแอปพลิเคชัน

    1. จัดลำดับการแสดงผลส่วนประกอบ (Component) ได้จากการลากส่วนประกอบ (Component) ดังภาพจัดลำดับการแสดงผลส่วนประกอบ

    2. จัดให้ปุ่มกด ห่างจากภาพตามต้องการ ดังภาพจัดให้ปุ่มกด ห่างจากภาพตามต้องการ

    3. แก้ลักษณะของปุ่มเบื้องต้น ดังภาพแก้ลักษณะของปุ่มเบื้องต้น

    4. ใส่ภาพลูกเต๋าลงในเกมทอยเต๋าของเรา โดยผู้เขียนได้ทำภาพลูกเต๋าเอง ดังภาพใส่ภาพลูกเต๋าลงในเกมทอยเต๋าของเราวิธีการออกแบบการทำงาน

    1. ออกแบบการทำงานของปุ่ม คลิกเข้าไปที่เมนู Blocks และลากบล็อก Button ดังภาพ ออกแบบการทำงานของปุ่ม 

    2. เมื่อกดปุ่มจะสุ่มรูปภาพของลูกเต๋า ให้ออกแบบการทำงานของปุ่ม เราจะต้องใส่ชื่อรูปภาพที่ต้องการใส่  ดังภาพ จะอธิบายวิธีทำอย่างละเอียดออกแบบการทำงานของปุ่ม ขั้น 1

    ออกแบบการทำงานของปุ่ม ขั้น 2ออกแบบการทำงานของปุ่ม ขั้น 33. ต้องการให้เกมทอยเต๋าของเราแสดงภาพรูปแรกเป็นลูกเต๋า 1 แต้ม ให้ลากบล็อก ดังภาพ ต้องการให้เกมทอยเต๋าของเราแสดงภาพรูปแรกเป็นลูกเต๋า 1 แต้ม 

    Advertisement

    Advertisement

    4. ทดสอบการทำงาน ทดสอบการทำงาน 

    ข้อดีที่เลือกใช้ Thunkable x 

    1. Thunkable x เปิดให้ใช้ ฟรี 
    2. สามารถใช้งานแอปพลิเคชันทั้งบนระบบปฏิบัติการ Android และ iOS 
    3. ทำความเข้าใจการทำงานเครื่องมือต่างๆ ได้ไม่ยาก
    4. สอบถามปัญหาได้ที่ Thunkable community
    5. Thunkable x ยังเหมาะสำหรับผู้ที่อยากเรียนรู้ทักษะการเขียนโปรแกรมเบื้องต้นอีกด้วย มีแหล่งเรียนรู้ Docs และ Video ที่เป็นภาษาอังกฤษ และมีแหล่งเรียนรู้มากมายที่เป็นภาษาไทยอีกด้วย

    แหล่งการเรียนรู้ : VideoDocs

    สามารถเข้าใช้งานได้ที่ : Thunkable x

    สามารถดาวน์โหลด Thunkable Live ได้ที่ :  Android,  iOS


    ขอบคุณภาพจาก : ขอบคุณภาพจาก : ภาพปกจาก Pixabay และ Thunkable x | ภาพประกอบจาก Thunkable x


    บทความที่เกี่ยวข้อง