การสร้างแอพ Android/iOS คำนวณเกรดในเว็บไซต์ Thunkable

Thunkable คืออะไร เป็นเว็บไซต์ที่สร้างหรือผลิตแอพพลิเคชั่นใช้ได้ทั้ง Android และ iOS สามารถทำได้ทุกที่ทุกเวลาเพียงแค่มีอินเทอร์เน็ต สามารถใช้งานได้ทั้งในเว็บไซต์ Thunkable และแอพพลิเคชั่น Thunkable โดยการเขียนโปรแกรมที่ใช้ Blocks ในการลากต่อกันเพื่อเขียนคำสั่งควบคุม เหมือนกับการต่อจิ๊กซอร์ ในวันนี้เราจะมาลองใช้ Thunkable ในการทำแอพคำนวณเกรด

Thunkable มีการทำงานอย่างไร

เมื่อเข้าสู่เว็ป Thunkable ผู้ใช้ใหม่ให้กดที่ Get start

จะเข้าสู่การเข้าสู่ระบบ หรือการสร้างบัญชีใหม่

เมื่อเราจะสร้างโปรเจคใหม่ให้กดไปที่ Create New Project

การสร้างแอปพลิเคชั่นคำนวณเกรด

เมื่อเรากด Create New Project เว็บไซต์ จะให้กรอกชื่อโปรเจค ประเภท และติ๊กถูกด้านล่างเราจะไม่ติ๊ก

เราจะทำการดึงส่วนประกอบต่าง ๆ ที่ใช้ในการสร้างแอพพลิเคชั่น
จะมี 3 ส่วนประกอบที่เราต้องใช้คือ

button
text input
alert

จะได้หน้าตาแอพพลิเคชั่นดังรูป

ขั้นตอนการต่อ block ในการสร้างแอพพลิเคชั่น

ให้เรากดที่ blocks แล้วให้เราลากอุปกรณ์ที่เราจำเป็นต้องใช้ออกมามี

Variables เป็นการตั้งค่าตัวแปร
Text ใส่เพื่อให้ใช้การได้
Button1 กดเพื่อแสดงผล
Control ใช้คำสั่ง if-eles
Logic ใส่เครื่องหมายมากกว่าน้อยกว่าเพื่อตั้งค่าคะแนน
Text_input1 ให้ผู้ใช้งานกรอกคะแนน
Math ใส่เลขเพื่อกำหนดตัวแปรมากกว่าน้อยกว่า
Alert1 เป็นการประมวลผล และ แสดงผลทางหน้าจอ

นำ การเริ่มต้นตัวแปรออกมา

นำ text ว่างเปล่าใส่เพื่อให้ใช้การได้

นำ button มาวาง

นำคำสั่ง if – else มาใส่

การนำคำเชื่อมมาใส่ and แนะนำเครื่องหมายเข้ามาใส่ใน and

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

นำ text input มาใส่ข้างหน้าสุด

นำเลขของตัวแปรการแสดงผลมาใส่

คะแนน (text input – text ) ≥ 80 and คะแนน (text input – text ) ≤ 100 ได้เกรด A

คะแนน (text input – text ) ≥ 70 and คะแนน (text input – text ) ≤ 79.99 ได้เกรด B

คะแนน (text input – text ) ≥ 60 and คะแนน (text input – text ) ≤ 69.99 ได้เกรด C

คะแนน (text input – text ) ≥ 50 and คะแนน (text input – text ) ≤ 59.9 ได้เกรด D

คะแนน (text input – text ) ≥ 0 and คะแนน (text input – text ) ≤ 49.99 ได้เกรด F

การนำการแสดงผลตัวแปรมาใส่ ให้ใส่เป็นเกรด เช่น A B C D F

นำ text มาใส่เพื่อกำหนดว่าเป็นเกรด A B C D F

ทำซ้ำไปเรื่อย ๆ

ข้างล่างสุดตรง else ให้ใส่เป็นเกรดที่ต่ำที่สุด และ ข้างล่างสุดใส่เป็นตัวแสดงผล

จะทดลองให้กดไปที่ Preview

กรอกคะแนน และ กดที่ button ( สามารถตั้งชื่อได้ )

Thunkable บน Android

ข้อดีของ Thunkable คือสามารถแสดงข้อมูลแบบ real-time ในสมาร์โฟนได้ทั้ง Android และ IOS ถ้าเปลี่ยนในโปรแกรมในเว็บไซต์ก็จะแสดงในแอพมือถือด้วย ต่อไปเราจะนำ Thunkable ไปสู่ Android

โดยเข้าไปที่ Download > เลือก Download Android

แล้วไปที่ Gmail โดยใ่ช้อันเดียวกับที่เข้าสู่ระบบ (ในมือถือ) เพื่อ Download Your APK > ทำการติดตั้ง App คำนวณเกรด

หน้าตาของ App คำนวณเกรดใน สมาร์ทโฟน Android

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