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
   88   89   90   91   92   93   94   95   96   97   98