Tangible-MakeCode

Tangible-MakeCode: Bridging Physical Coding Blocks with a Web-Based Programming Interface for Collaborative and Extensible Learning

​Jin Yu, Poojita Garg, DoangJoo Synn, HyunJoo Oh [PDF] [DOI]
In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '25)​​
Overview
​Tangible-MakeCode (T-MC) is a low-cost, beginner-friendly programming toolkit that lets students create and test interactive projects using physical coding blocks. These blocks are captured with a webcam and automatically converted into MakeCode (JavaScript), enabling immediate programming on micro:bit boards.

​Why T-MC?
  • Physical & collaborative: Encourages hands-on learning and teamwork.
  • Bridges to real code:
    Converts block arrangements into real code.
  • Builds confidence:
    ​Designed for beginners, especially middle schoolers.
 
How It Works
Key Features 
  • No electronics inside blocks
  • Webcam-based code recognition
  • Custom variable blocks
  • Support for wireless communication projects
  • Compatible with classroom settings
Who Is It For?
  • ​Middle school students (ages 12–14)
  • Teachers introducing physical computing
  • Anyone interested in tangible, accessible coding tools
Research Highlights 
Where to Learn More: CHI 2025 Paper (DOI)