¡No necesitas papel, ni pinturas! Con App Inventor transforma el móvil en el mejor cuadro para pintar donde quiera que estés. ¡Vamos!
  • ¿QUÉ NECESITO PARA COMENZAR?

    1
    Software
    Aplicación MIT AI2 Companion

    Con esta aplicación podrás probar todas aquellas Apps que desarrolles con el programa App Inventor. Descargala en Google Play o prueba tus Apps instalándote este emulador.

    App Inventor

    Es un entorno de programación con el que poder crear Apps. Su funcionamiento se basa en dos pasos: el diseño de la aplicación y el editor de bloques. Aprende más sobre App Inventor en la página de tecnologías creativas de CLOQQ.  

    2
    Materiales

    Dispositivo Android

  • ¡COMIENZA TU PROYECTO!

    [{"id":70543,"node_id":"0","position":1,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"Introducción","type_element":"2","context":"user_bp","object":null,"tool_name":"Introducción","tool_hash":"","graph_id":"16972","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":36835,"node_id":"26270","position":2,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"entra","type_element":"0","context":"user","object":"null","tool_name":"entra","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"{"preload":0,"is_disabled":"0"}","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":25412,"params":[{"name":"name_card","value":"Crea tu proyecto"},{"name":"text_card","value":"Entra en App Inventor. Antes de acceder, te pedirá registrarte con tu cuenta de Google. Si no tienes una, puedes pedir ayuda a un adulto para crearla. ¡Es muy fácil! <br>n<br>n¿Ya estás dentro? Ahora ponle nombre a tu App.n<br>n<br>n¡Recuerda dejar la ventana de CLOQQ abierta para saber cuál es el siguiente paso a realizar!"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"yes"},{"name":"name_external_link","value":"Ir a App Inventor"},{"name":"url_external_link","value":"http://ai2.appinventor.mit.edu/?locale=es_ES"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11946},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":36837,"node_id":"26272","position":3,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"Lienzo","type_element":"0","context":"user","object":"null","tool_name":"Lienzo","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":25414,"params":[{"name":"name_card","value":"Diseña el lienzo"},{"name":"text_card","value":"¡Necesitas un lienzo sobre el que pintar! Añade un lienzo al Visor y modifica su tamaño en "propiedades" para que mida 300 píxeles de alto por 300 píxeles de ancho."},{"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":11603},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":36839,"node_id":"26274","position":4,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"borrar","type_element":"0","context":"user","object":"null","tool_name":"borrar","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":25416,"params":[{"name":"name_card","value":"Goma de borrar"},{"name":"text_card","value":"Para eliminar los dibujos que no te gusten, crea un botón para borrar. <br><br>Puedes llamar al botón como quieras, “goma de borrar” o “borrador”, por ejemplo. <br><br>Para cambiar el nombre de tu botón hazlo en el apartado "Texto" dentro de "Propiedades"."},{"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":11477},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39424,"node_id":"28771","position":5,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"colores","type_element":"0","context":"user","object":"null","tool_name":"colores","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27885,"params":[{"name":"name_card","value":"Más colores"},{"name":"text_card","value":"Arrastra el elemento "DisposiciónHorizontal" al Visor y cambia su tamaño hasta que mida 300 pixels de Ancho y 50 pixels de alto. <br><br>Ahora, añade el elemento "Botón" y colócalo dentro. Puedes eliminar el texto del botón en "propiedades" y añadirle un color para identificarlo. <br><br>Añade todos los colores que quieras a tu app incluyendo más botones."},{"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":11971},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":36840,"node_id":"26275","position":6,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"Programa","type_element":"0","context":"user","object":"null","tool_name":"Programa","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":25417,"params":[{"name":"name_card","value":"Hora de programar"},{"name":"text_card","value":"En el menú que tienes arriba, cambia la pestaña “Diseñador” a la de “Bloques” y comienza a crear el código para tu App.n<br><br>Selecciona el elemento "lienzo" y añade dos bloques de manera que, cuando arrastres el dedo por la pantalla, crees dibujos."},{"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":11710},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":36841,"node_id":"26276","position":7,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"Limpia","type_element":"0","context":"user","object":"null","tool_name":"Limpia","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":25418,"params":[{"name":"name_card","value":"Programa la goma de borrar"},{"name":"text_card","value":"Programa el botón para poder borrar todo lo que dibujas arrastrando los siguientes bloques al Visor."},{"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":11378},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":39425,"node_id":"28772","position":8,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"programa colores","type_element":"0","context":"user","object":"null","tool_name":"programa colores","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":27886,"params":[{"name":"name_card","value":"Programa los colores"},{"name":"text_card","value":"¡Ya está todo programado, es hora de añadir el código a tus colores! <br><br>Programa cada uno de los botones de color para que, al presionarlos, puedas pintar con ese 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":10446},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":36842,"node_id":"26277","position":9,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"conectate","type_element":"0","context":"user","object":"null","tool_name":"conectate","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":25419,"params":[{"name":"name_card","value":"¡Conecta tu App!"},{"name":"text_card","value":"Sigue los pasos del vídeo para conectar tu ordenador con el móvil.<br><br>Recuerda que tienes que tener instalada la aplicación AI2 Companion, que puedes encontrar en Google Play, y revisa que tienes&nbsp;los dos dispositivos conectados a la misma red Wifi."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"yes"},{"name":"name_external_link","value":"Descarga AI2 Companion"},{"name":"url_external_link","value":"https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&hl=es"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10295},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":55648,"node_id":"45145","position":10,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"prueba","type_element":"0","context":"user","object":"null","tool_name":"prueba","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":44208,"params":[{"name":"name_card","value":"Prueba tu App"},{"name":"text_card","value":"Ahora que ya tienes conectada tu App, ¡pruébala!"},{"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":10136},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":41050,"node_id":"30480","position":11,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"personaliza","type_element":"0","context":"user","object":"null","tool_name":"personaliza","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":29629,"params":[{"name":"name_card","value":"Personaliza tu App"},{"name":"text_card","value":"¡Ya tienes tu App de dibujo creada! <br><br>Ahora personaliza el diseño de tu App para que quede perfecta y puedas crear auténticas obras de arte en la mejor App, la que has hecho tú."},{"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":10990},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":38085,"node_id":"27502","position":12,"comment":"","status":"1","deleted":"0","methodology_id":"16995","name":"Descarga","type_element":"0","context":"user","object":"null","tool_name":"Descarga","tool_hash":"","graph_id":"16972","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":26648,"params":[{"name":"name_card","value":"Descarga tu App "},{"name":"text_card","value":"Para guardar la App que acabas de crear en tu ordenador, selecciona “Proyectos” en el menú y haz clic en “Exportar a mi ordenador el proyecto seleccionado”."},{"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":11487},"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":"16972","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"}]
  • Si te animas a explorar nuevas ideas este no será el final de la actividad.
Las actividades CLOQQ han sido diseñadas y realizadas por un equipo experimentado en tecnologías creativas. El desarrollo de las actividades debe realizarse bajo la supervisión de un adulto.