Page 93 - KEC Khaitan C5 Flipbook
P. 93
HANDS-ON PROJECT
PROJECT NAME: Drawing App
Software Used: MIT App Inventor
Objective:
Develop a Drawing App with shake-to-clear functionality and brush color customization.
This project teaches students how to:
1. Implement touch events for drawing on Canvas using MIT App Inventor.
2. Utilize the accelerometer sensor to detect device shaking and integrate it to clear
drawings.
Step-by-Step Instructions:
Making an App in MIT is a four-step process.
Step 1 Planning the App
Step 2 Designing the App
Step 3 Coding the App
Step 4 Testing the App
1. Planning the App
Overview:
Begin by identifying the key features and components needed for the app.
Plan the user interface (UI) for a simple, engaging drawing experience.
Use the following link to access MIT App Inventor and sign in:
MIT App Inventor Platform
Email to be used: abc@khaitanpublicschool.com
2. Designing the App
UI Components to Include:
o Canvas – For drawing.
o Buttons – To change brush colors (Red, Green, Blue).
o Accelerometer Sensor – To enable shake-to-clear functionality.
o Clear Button – To erase the canvas manually.
Layout Tips:
o Place the canvas at the top for easy drawing.
UI Design and Touch Events 91

