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

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

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

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

thunkable build Custom Mobile Apps

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

thunkable sign in

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

thunkable create new project

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

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

thunkable create project

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

  1. button
  2. text input
  3. alert

thunkable design

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

thunkable app

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

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

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

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

g3luurso

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

นำ button มาวาง

5lq0p49a

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

ylmvvqjn

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

xwi9kchg

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

7E6DAECC 8B03 44D8 8CB0 96BAFBCF3527

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

lsmfc2fq

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

5FA1C500 3A60 4685 B6DC 7F9C9848CDF0

คะแนน (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

b0mqpoaq

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

3C3E47C3 A369 43A5 A802 9C1B688625F9

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

86B8C131 CAAC 437F 9133 C973C0617376

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

CA9981D2 2778 47A3 9AC0 4BCC5DAA100C

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

ieas2mgr

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

A2F65016 0F7B 4774 B02C A7FBE7B1E3FF

84E1F65B E863 4063 B828 91944081742C

Thunkable บน Android

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

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

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

Download Your APK

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

thunkable app mobile คำนวนเกรด

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

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
โฆษณา