Design and development of interactive media to enhance foundational knowledge in programming for middle school students
การออกแบบและพัฒนาสื่อปฏิสัมพันธ์เพื่อเสริมสร้างความรู้พื้นฐานด้านการเขียนโปรแกรมสำหรับเด็กมัธยมต้น
FLOWAFLOWAFLOWAFLOWA
App Screenshot

Project Info

Flowa Logo

Flowa

การออกแบบและพัฒนาสื่อปฏิสัมพันธ์เพื่อเสริมสร้างความรู้พื้นฐานด้านการเขียนโปรแกรมสำหรับเด็กมัธยมต้น

Design and development of interactive media to enhance foundational knowledge in programming for middle school students

Technology:
Interactive Media
Category:
High School Students
Advisor:
อาจารย์กิตตินนท์ อุ้ยวงค์ไพศาล
Main project visual
Sub project visual 1
Sub project visual 2

ขอบเขต (SCOPE)

โฟลว์วา สื่อปฏิสัมพันธ์ที่จะให้น้อง ๆ ได้เรียนรู้การเรียนเขียนโปรแกรมขั้นพื้นฐานผ่านการเรียนแบบ Block Based Learning เพียงแค่ใช้อุปกรณ์ไอแพดสแกนคิวอาร์โค้ดและสามารถเข้าเล่นได้ ด้วยการพายานอวกาศไปถึงจุดหมาย ประกอบไปด้วยการเก็บธง ซึ่งจะมีตัวเลือกที่เมื่อตอบจะทำให้ยานอวกาศพาไปถึงที่หมายได้ ตามที่น้อง ๆ สั่ง และในส่วนของคุณครูเพียงแค่เปิดเว็บและเก็บข้อมูลนักเรียน เมื่อน้อง ๆ เล่นเสร็จก็จะทราบผลในทันที

Flowa is an interactive learning platform designed to help young learners grasp the fundamentals of programming through block-based learning. By simply using an iPad to scan a QR code, students can access the game and begin their journey — piloting a spaceship toward its destination. Along the way, they collect flags, each presenting them with choices that, when answered correctly, will guide the spaceship as per their commands. The experience is both engaging and educational, allowing learners to explore logic and sequencing in a fun and interactive way. For teachers, it’s just as simple. They only need to open the web platform to monitor and collect student data. Once students complete the activity, their results are instantly available.

รายละเอียดของโครงการ (IDEA CONCEPT)

นิยามการเรียนรู้การเขียนโปรแกรม ด้วยวิธี Block Based Learning คือการที่เราใช้คำสั่งผ่านบล็อกที่มีวิชวลที่สวยงาม ในการควบคุมทิศทางของยานอวกาศให้ไปถึงจุดหมาย โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว ด้วยนิยามนี้จะทำให้เด็กสามารถเข้าถึงการเขียนโปรแกรมได้ง่ายขึ้น และยังสนุกอีกด้วย

Block-Based Learning is a method of learning programming by using visually appealing blocks to issue commands — in this case, to control the direction of a spaceship and guide it to its destination, all without writing a single line of code. This approach makes programming more accessible and enjoyable for children, allowing them to grasp core coding concepts through an engaging and intuitive interface.

STACK

CODING LANGUAGE

  • PHP
  • HTML
  • CSS
  • C#

DATABASE SYSTEM

  • MySQL

CODING TOOL

  • Visual Studio Code
  • Unity

DESIGN TOOL

  • Figma
  • Adobe illustrator
  • Adobe Photoshop

TESTING & FEEDBACK

Feedback image 0
Feedback image 1
Feedback image 2
Feedback image 3

กลุ่มเป้าหมาย (Target Group)

เด็กที่มีอายุ 12-13 ปี ซึ่งอยู่ในช่วงมัธยมที่ 1 หรือมัธยมต้นที่กำลังเรียนรู้ และชอบเล่นเกม อยู่กับเทคโนโลยีบ่อย ๆ

Children aged 12–13, who are in lower secondary school (Grade 7 or early middle school), are in a stage of active learning and are often interested in games and frequently engaged with technology.

4.20ค่าเฉลี่ยด้านการออกแบบ
4.08ค่าเฉลี่ยด้านการใช้งาน

ความคิดเห็นจากผู้ใช้งาน

  • เกมสนุกดีค่ะ ได้ฝึกคิดและกราฟิกดูเข้าถึงง่าย
  • เว็บไซต์ใช้งานได้ง่าย สามารถเข้าถึงข้อมูลได้ และมีความสะดวก
  • อยากให้มีการทดลองเล่นก่อนเริ่มเกม

KEY FUNCTION

Key function visual
01

Collect Data Insight

ฟังก์ชันการเก็บข้อมูลนักเรียน

02

Evaluate performance

ฟังก์ชันการประเมินผลภายในห้องเรียน

03

Mini Game

มินิเกมเกี่ยวกับโค้ดดิ้งสำหรับนักเรียน

SCREENSHOTS

Flowa
Flowa
Flowa
Flowa
Flowa

CREATOR

เจ้าของผลงาน Flowa

Parichart Nuaon (Pupae)

ปาริชาต หนูอ้น (ปูเป้)

มาทำความรู้จักกับน้องปูเป้
Creator main photo
Creator sub photo

About

งานนิทรรศการฟลายแนร์รี ของเรามีแนวคิดเรื่องการขยับปีกของผีเสื้อ (fly, butterfly effect) ผลจากการปัดค่าทศนิยม ที่มีค่าน้อยมากๆ แต่สามารถนำไปสู่ความแตกต่างกันอย่างมหาศาล เมื่อระยะเวลาผ่านไปหลายปีผสมผสาน กับชุดรหัสดิจิทัลเลขฐานสอง (binary code) ซึ่งเป็นภาษาคอมพิวเตอร์ที่ใช้ในการสั่งงานอุปกรณ์ดิจิทัลให้ทำงาน หรือสร้างสรรค์ความสามารถในการแก้ปัญหาให้กับโลกที่กำลังเปลี่ยนแปลงอย่างไม่หยุดนิ่ง โดย นักศึกษาวิชาเอกอินเทอร์แอคทีฟแอปพลิเคชัน คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยศิลปากร


Insider

Project Manager

  • Songpob Hamthanan
  • Parichat Nuaon
  • Jiratchaya Nilsuay
  • Piyanut Plaimee

Web Design

  • Parichat Nueon
  • Jiratchaya Ninsuay
  • Kanna Mueangthianwatthana

Web Development

  • Piyanut Plaimee
  • Kajbandit Kundee

Video Editor

  • Supareuk Singsai
  • Jiratchaya Ninsuay

Art Direction & Graphic Design

  • Kunyada Chammee
  • Supareuk Singsai
  • Hatthakarn Janchavee
  • Waralee Patsarn

Media & Public Relation

  • Gasorn Supawong
  • Supareuk Singsai
  • Waralee Patsarn

Photographer & Production

  • Supareuk Singsai
  • Songpob Hamthanan

Financial Manager

  • Silpsupa Sereesuachart
  • Jiratchaya Ninsuay
logo

Supported By

Deemmi
DUCK LAB

OBOON TECHNOLOGY

NATVIPA THANANCHAYANON

ARRIYAPACH JEAMWARASAWAT

SUWIT SUPSRINGKAR

PONPITAK SIRIMART

PANIDA CHANPEN


Website Repository


Follow us