It is essential to have handy your emergency contacts all the time. Create an App using App Inventor to control them by a click.
  • 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":72446,"node_id":"0","position":1,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"Introducción","type_element":"2","context":"user_bp","object":null,"tool_name":"Introducción","tool_hash":"","graph_id":"22265","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":43306,"node_id":"33165","position":2,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"App inventor","type_element":"0","context":"user_bp","object":"null","tool_name":"App inventor","tool_hash":"","graph_id":"22265","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32240,"params":[{"name":"name_card","value":"Create your project"},{"name":"text_card","value":"Open App Inventor by clicking on the button. <br><br>Before logging on, it will ask you to sign up with your Google account. If you don't have one, you can ask an adult to help you make one. It's easy! <br><br>Remember to go back to CLOQQ so that you know what the next step is."},{"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":10318},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43307,"node_id":"33171","position":3,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"design","type_element":"0","context":"user_bp","object":"null","tool_name":"design","tool_hash":"","graph_id":"22265","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32246,"params":[{"name":"name_card","value":"Design your App"},{"name":"text_card","value":"Drag to the "Viewer" as many buttons as contacts you are going to have in your App.&nbsp;<br><br>Then, drag the same number of "PhoneCall" elements."},{"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":10562},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43308,"node_id":"33174","position":4,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"modifica","type_element":"0","context":"user_bp","object":"null","tool_name":"modifica","tool_hash":"","graph_id":"22265","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32249,"params":[{"name":"name_card","value":"Modify your App"},{"name":"text_card","value":"To change the design of your App, on the "Components" section, choose "Screen1" and modify it on "Properties", so you get the design you like most. <br><br>nNow, try also changing the elements "Button" on "Properties". You can change all of the options except "Enabled" and “Visible”.<br><br>nFinally, write the name of the contact you want to call when you press each button."},{"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":11718},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43309,"node_id":"33168","position":5,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"number","type_element":"0","context":"user_bp","object":"null","tool_name":"number","tool_hash":"","graph_id":"22265","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32243,"params":[{"name":"name_card","value":"Add the contacts"},{"name":"text_card","value":"End this part of your App, adding to each "PhoneCAll" element you have included in your App the contact phone number.&nbsp;<br><br>Remember to add the area code to each phone number.&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":10401},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43310,"node_id":"33167","position":6,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"program","type_element":"0","context":"user","object":"","tool_name":"program","tool_hash":"","graph_id":"22265","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32242,"params":[{"name":"name_card","value":"Start programming"},{"name":"text_card","value":"To start programming, switch from the "Design" tab to the "Block" tab.<br><br>nNow, follow the steps from the video&nbsp;and add the following blocks to link each button with the phone number you would like to call."},{"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":10231},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43313,"node_id":"33169","position":7,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"connect","type_element":"0","context":"user_bp","object":"null","tool_name":"connect","tool_hash":"","graph_id":"22265","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32244,"params":[{"name":"name_card","value":"Test your App"},{"name":"text_card","value":"Connect your computer with the mobile and see how your App works.n<br>n<br>nRemember that you should have the AI2 Companion Application installed and that both devices should be connected to the same WIFI network.<br>n<br>nIf you don't have an Android device, you can always test your app using App Inventor emulator.&nbsp;"},{"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":11123},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43314,"node_id":"33170","position":8,"comment":"","status":"1","deleted":"0","methodology_id":"22299","name":"download","type_element":"0","context":"user_bp","object":"null","tool_name":"download","tool_hash":"","graph_id":"22265","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32245,"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":10086},"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":"22265","icon":"medal.png","id":0,"is_complete":0,"is_new":0,"name":"End_itinerary","node_id":1,"object":null,"position":9,"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"}]
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.