You need neither paper nor markers! You can transform your device in the best painting App to make funny drawings wherever you are with App Inventor! Let´s do it!
  • WHAT I NEED?

    1
    Software
    MIT AI2 Companion application

    This application let you test all the apps you develop at App Inventor. You can download it from Google Play.
    If you don't have an Android mobile, you can test your app at the emulator.

    App Inventor

    App Inventor is a programming environment where you can develop apps. It's based on two steps: the app design and the block editor, where you can program. Learn more about App Inventor at our creative technologies section.

    2
    Materials

    Android device

  • START YOUR PROJECT!

    [{"id":73460,"node_id":"0","position":1,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"Introduction","type_element":"2","context":"user_bp","object":null,"tool_name":"Introduction","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":false,"extra_data":"","timer":"0","comment_modal":"1","element":false,"type":"level_jump","icon":"medal.png","timetracking":null,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39116,"node_id":"28481","position":2,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"App inventor","type_element":"0","context":"user_bp","object":"null","tool_name":"App inventor","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27596,"params":[{"name":"name_card","value":"Open App Inventor"},{"name":"text_card","value":"To start programming with App Inventor, you will need a Google account. If you don't have any, create one for free and then access to App Inventor. <br><br>When you are in,&nbsp;create a new project.&nbsp;<br><br>And remember to keep this window open to know which the next step is.&nbsp;"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"yes"},{"name":"name_external_link","value":"Go to App Inventor"},{"name":"url_external_link","value":"http://ai2.appinventor.mit.edu/"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10527},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39118,"node_id":"28483","position":3,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"canvas","type_element":"0","context":"user_bp","object":"null","tool_name":"canvas","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27598,"params":[{"name":"name_card","value":"Design your canvas"},{"name":"text_card","value":"Drag a “Canvas” to the “Viewer” and modify the size on "properties". The right size should be 300 pixels by 300 pixels.&nbsp;<br><br>That way you could have a canvas to draw on it.&nbsp;"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11422},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39121,"node_id":"28486","position":4,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"erase","type_element":"0","context":"user_bp","object":"null","tool_name":"erase","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27601,"params":[{"name":"name_card","value":"Erase button"},{"name":"text_card","value":"If you want to delete the drawings you don't like, create an erase button by draggingnnthe “button” element from “User Interface” to the viewer.<br><br>You can change the button&nbsp;name on "Properties".&nbsp;"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10881},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39120,"node_id":"28485","position":5,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"Add colors","type_element":"0","context":"user_bp","object":"null","tool_name":"Add colors","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27600,"params":[{"name":"name_card","value":"Add colors"},{"name":"text_card","value":"Select “Horizontal Arrangement” from “Layout” menu. Then, change the size.<br><br>Add a “Button” from “User interface”. <br><br>nIf you want to recognize it easier, delete the button name on “Text” and select the colornon “Background color”.n<br>n<br>nAdd as many colors as you want. Remember you will need to create a button for each color."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10386},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39421,"node_id":"28768","position":6,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"Cloqq - Horizontal Card","type_element":"0","context":"user","object":null,"tool_name":"","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27881,"params":[{"name":"name_card","value":"Program your canvas"},{"name":"text_card","value":"First, switch from the "Design" tab to the "Block" tab. All the blocks to program your app&nbsp;are there.&nbsp;<br><br>Start programming your canvas, so everytime you touch the screen, you can draw."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11530},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39123,"node_id":"28488","position":7,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"continue","type_element":"0","context":"user_bp","object":"null","tool_name":"continue","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27603,"params":[{"name":"name_card","value":"Clean your canvas"},{"name":"text_card","value":"Now code your erase button so you can clean everything you draw with a touch."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11296},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39122,"node_id":"28487","position":8,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"program colors","type_element":"0","context":"user_bp","object":"null","tool_name":"program colors","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27602,"params":[{"name":"name_card","value":"Time to program colors"},{"name":"text_card","value":"The last step is adding some color.&nbsp;<br><br>You need to program the color buttons to link each button you have created&nbsp;to an specific color.&nbsp;<br>"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11256},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39124,"node_id":"28489","position":9,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"connect","type_element":"0","context":"user_bp","object":"null","tool_name":"connect","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27604,"params":[{"name":"name_card","value":"Connect your App"},{"name":"text_card","value":"Follow the steps on the video and connect your App so you can test it.<br><br>Remember that you must have installed the AI2 Companion application which you can find on Google Play and also that both devices should be connected to the same WIFI network."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"yes"},{"name":"name_external_link","value":"Download MIT AI2 Companion app"},{"name":"url_external_link","value":"https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&hl=en"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11778},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":56649,"node_id":"46150","position":10,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"Cloqq - Horizontal Card","type_element":"0","context":"user","object":null,"tool_name":"","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":44209,"params":[{"name":"name_card","value":"Test your App"},{"name":"text_card","value":"Now that your App is connectetd, test it!<br><br>Do you like the result?"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10191},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":44413,"node_id":"33872","position":11,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"Customize","type_element":"0","context":"user","object":"null","tool_name":"Customize","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":33016,"params":[{"name":"name_card","value":"Customize"},{"name":"text_card","value":"You have finished&nbsp;your drawing App! <br><br>Could you be able to create an amazing design for your app?&nbsp;Start creating incredible art pieces with your mobile."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10269},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39125,"node_id":"28490","position":12,"comment":"","status":"1","deleted":"0","methodology_id":"21146","name":"download","type_element":"0","context":"user_bp","object":"null","tool_name":"download","tool_hash":"","graph_id":"21099","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27605,"params":[{"name":"name_card","value":"Download your App"},{"name":"text_card","value":"Select “projects” on the menu and click “export selected project to my computer” tonnsave yours."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11657},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"arrows":[],"comment":"End_itinerary_message","context":"bp","element":false,"equivalence":false,"graph_id":"21099","icon":"medal.png","id":0,"is_complete":0,"is_new":0,"name":"End_itinerary","node_id":1,"object":null,"position":13,"status":1,"timetracking":null,"tool_hash":"","tool_name":"End_itinerary","type":"level_jump","type_element":2,"timer":0,"comment_modal":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"}]
  • If you dare to explore new ideas this will not be the end of the activity.
CLOQQ’s activities have been designed and made by an experienced team in creative technologies. These activities must be made with the support and supervision of an adult.