{"id":692,"date":"2025-04-23T09:15:22","date_gmt":"2025-04-23T09:15:22","guid":{"rendered":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/?page_id=692"},"modified":"2025-04-23T11:13:43","modified_gmt":"2025-04-23T11:13:43","slug":"appinventor","status":"publish","type":"page","link":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/tecnologia\/programacion\/appinventor\/","title":{"rendered":"AppInventor"},"content":{"rendered":"<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">\n<p><b><span style=\"font-size: x-large\" data-keep-original-tag=\"false\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-693\" src=\"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/files\/2025\/04\/logo-300x210.jpg\" alt=\"\" width=\"300\" height=\"210\" srcset=\"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/files\/2025\/04\/logo-300x210.jpg 300w, https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/files\/2025\/04\/logo.jpg 320w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>App Inventor<\/span><\/b> es un entorno de desarrollo de software para crear aplicaciones para Android. Se puede crear aplicaciones de forma muy visual y con herramientas b\u00e1sicas, enlazando bloques. Se trata de un sistema gratuito que se puede descargar de Internet, un producto de Google Labs.<\/p>\n<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><a href=\"https:\/\/www.blogger.com\/#\" data-original-attrs=\"{&quot;data-original-href&quot;:&quot;http:\/\/appinventor.mit.edu\/&quot;,&quot;target&quot;:&quot;_blank&quot;}\">Ir a la web de APP INVENTOR<\/a><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: medium\" data-keep-original-tag=\"false\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><span data-keep-original-tag=\"false\">Nota. Para poder trabajar con app inventor, los alumn@s han de usar una cuenta de google, pero no podr\u00e1 ser la de g.educaand, porque al ser menores de edad no les va a dejar, por ello, se deber\u00e1 de entrar a trav\u00e9s de:<\/span><\/span><\/p>\n<p style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><span style=\"font-size: x-large\" data-keep-original-tag=\"false\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><b><a href=\"https:\/\/www.blogger.com\/#\" data-original-attrs=\"{&quot;data-original-href&quot;:&quot;https:\/\/code.appinventor.mit.edu\/login\/&quot;,&quot;target&quot;:&quot;_blank&quot;}\">https:\/\/code.appinventor.mit.edu\/login\/ <\/a><\/b><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b><span style=\"font-size: x-large\" data-keep-original-tag=\"false\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">\u00bfEn qu\u00e9 consiste App Inventor?<\/span><\/b><br \/>\nEs un sistema f\u00e1cil de utilizar con el que personas no familiarizadas con la programaci\u00f3n puedan crear apps m\u00f3viles para Android. La interfaz gr\u00e1fica es muy parecida a Scratch, por lo que se puede arrastrar y soltar objetos visuales para crear la app. As\u00ed de sencillo.<\/p>\n<p>&nbsp;<\/p>\n<p><b><span style=\"font-size: x-large\" data-keep-original-tag=\"false\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">\u00bfPara qu\u00e9 sirve App Inventor?<\/span><\/b><br \/>\nAdem\u00e1s de ser una buena herramienta para crear aplicaciones b\u00e1sicas para un centro educativo, a\u00fan sin saber programaci\u00f3n; tambi\u00e9n es una buena forma de que los m\u00e1s peque\u00f1os y adultos se introduzcan en el mundo de la programaci\u00f3n f\u00e1cilmente creando nuevas aplicaciones m\u00f3viles.<\/p>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">Se pueden crear una gran cantidad de aplicaciones b\u00e1sicas y funcionales con App Inventor; pero sobre todo es interesante para que el alumnado se introduzca en el mundo de la programaci\u00f3n y nuevas tecnolog\u00edas creando, fomentando habilidades como el pensamiento l\u00f3gico, creatividad, trabajo en equipo y muchas otras.<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">La posibilidad de poder crear cualquier cosa, o tener que crear lo que se solicita con esta herramienta, permite fomentar la creatividad e imaginaci\u00f3n en el proceso de creaci\u00f3n, adem\u00e1s de la cooperaci\u00f3n con los dem\u00e1s.<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><b><span style=\"font-size: xx-large\" data-keep-original-tag=\"false\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">Sesi\u00f3n 1<\/span><\/b><\/p>\n<p><b>Video 1: App inventor la interface<\/b><br \/>\n<b><br \/>\n<\/b> Se trata de un v\u00eddeo para que simplemente te familiarices con el entorno de trabajo<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/H6trfK5E0aQ?si=H_sgvMAEQmtTWAXi\" width=\"560\" height=\"314\"><\/iframe><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><b>Mit AI2 Companion<\/b><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/mtyQ3qebrVs?si=jZa2NcTx3_MRH7TR\" width=\"560\" height=\"314\"><\/iframe><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><b>Video 2: App inventor los primeros pasos<\/b><\/p>\n<p>En este video veremos como darnos de alta en appInventor a trav\u00e9s de nuestra cuenta de google, y como crear un primer proyecto y las formas que tenemos de probar nuestra aplicaci\u00f3n.<\/p><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/V9Mm8wP5Cbc?si=q54Np1rD2t27pjoo\" width=\"560\" height=\"314\"><\/iframe><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><span style=\"font-size: 18pt\"><strong>ACTIVIDAD 1:<\/strong><\/span><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><b>Video 3: Programando con App Inventor (imagen y sonido)<\/b><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/nUESEFGkt8o?si=Ow3IA713PyB1zI1D\" width=\"560\" height=\"314\"><\/iframe><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">\n<div><b>Actividad propuesta: (Vamos a hacer lo mismo que lo explicado en el video anterior, pero utilizando la foto de un gato y el sonido de un gato)<\/b><\/div>\n<div>\n<b>Nos descargamos el material necesario para la primera app (pincha sobre los nombres de abajo)<\/b><\/p>\n<\/div>\n<div style=\"text-align: center\">&nbsp;<a href=\"https:\/\/drive.google.com\/file\/d\/0B-nadbvYCnGSdFFac2xWZVRQa0k\/view?usp=drive_link&amp;resourcekey=0-CFDZg2U04If_QJyn9P9i4A\" target=\"_blank\" rel=\"noopener\">MeowMeow.mp3<\/a>&nbsp;&nbsp;&nbsp;&nbsp; <a href=\"https:\/\/drive.google.com\/file\/d\/0B-nadbvYCnGSdGcxSnZpNVhoT2s\/view?usp=drive_link&amp;resourcekey=0-bhL2qTHTeEsT7yzRfcQM1A\" target=\"_blank\" rel=\"noopener\">kitty.png<\/a><\/div>\n<div>&nbsp;<\/div>\n<div>Este ser\u00e1 el aspecto de tu primera app:<\/div>\n<\/div>\n<div style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-698\" src=\"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/files\/2025\/04\/kitty2-300x186.png\" alt=\"\" width=\"618\" height=\"383\" srcset=\"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/files\/2025\/04\/kitty2-300x186.png 300w, https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/files\/2025\/04\/kitty2.png 640w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/div>\n<div>&nbsp;<\/div>\n<div><b>Video 4: Comprobamos el funcionamiento de nuestra aplicaci\u00f3n con AI Companion<\/b><\/div>\n<div>&nbsp;<\/div>\n<div style=\"text-align: center\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/-4ZBdvQ0THE?si=G0L1WeTKuRhYMl5u\" width=\"560\" height=\"314\"><\/iframe><\/div>\n<div>&nbsp;<\/div>\n<div>AI Companion se trata de una aplicaci\u00f3n m\u00f3vil que tenemos que descargarnos desde nuestro <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=edu.mit.appinventor.aicompanion3\" target=\"_blank\" rel=\"noopener\">Google Play<\/a> como si instalaras cualquier otra aplicaci\u00f3n.<\/div>\n<div>&nbsp;<\/div>\n<div><b>Video 5: Instalamos nuestra aplicaci\u00f3n en nuestro m\u00f3vil<\/b><\/div>\n<div>&nbsp;<\/div>\n<div style=\"text-align: center\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/UljkLbRo1VU?si=TwZUbyc-oeWoXp2Y\" width=\"560\" height=\"314\"><\/iframe><\/div>\n<div>&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">Si le has puesto un icomo a tu aplicaci\u00f3n ver\u00e1s como te aparece el icono as\u00ed como el nombre que le hayas puesto. En el caso de la actividad propuesta, ver\u00e1s el icono del gato y de nombre \u00abMiau_V0\u00bb.<\/p>\n<p>Si eres de los que no le gusta ver v\u00eddeos tambi\u00e9n te puedes descargar esta primera sesi\u00f3n en <a href=\"https:\/\/drive.google.com\/file\/d\/150Ir23sqoEfdsIF58cpSeWwEWMqmzcXR\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">documento pdf<\/a> para ver como crear tu primera aplicaci\u00f3n.<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">\n<div><span style=\"font-size: 18pt\"><b>ACTIVIDAD 2<\/b><\/span><\/div>\n<div>\n<b>Video 6: Creamos nuestra segunda aplicaci\u00f3n&nbsp;<\/b><\/div>\n<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/7a-o3IrSoB4?si=dowNDLlfKGrsZex8\" width=\"560\" height=\"314\"><\/iframe><\/div>\n<div style=\"text-align: left\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: justify\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">Recuerda: el alto para cada bot\u00f3n ha de ser 125 pixeles y las dimensiones del bot\u00f3n de salida de 45&#215;45.<\/p>\n<p>Puedes descargarte el material necesario para realizar la app <a href=\"https:\/\/drive.google.com\/file\/d\/1QGp0eTgEervySnNnV4yxzudEACbpjtB-\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\"><b>pinchando sobre el siguiente enlace<\/b><\/a>.<\/p>\n<p>Aparte os proponemos una modificaci\u00f3n: Seg\u00fan el video, cuando pulsamos el bot\u00f3n de salida, se cierra la aplicaci\u00f3n autom\u00e1ticamente, pero, no has visto en muchas aplicaciones que te pregunta si de verdad deseas salir?. Esto como ser\u00eda?<br \/>\nPues bien, en el apartado de dise\u00f1o, al igual que a\u00f1ades una imagen o un sonido, has de buscar \u00abNotificador\u00bb dentro de Interfaz de usuario. Ver\u00e1s que se a\u00f1ade como si de un sonido se tratara. Despu\u00e9s en c\u00f3digo deber\u00e1s modificar el c\u00f3digo del bot\u00f3n de salida por este otro:<\/p><\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div style=\"text-align: center\" data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n<div data-original-attrs=\"{&quot;style&quot;:&quot;&quot;}\">&nbsp;<\/div>\n","protected":false},"excerpt":{"rendered":"<p>App Inventor es un entorno de desarrollo de software para crear aplicaciones para Android. Se puede crear aplicaciones de forma muy visual y con herramientas b\u00e1sicas, enlazando bloques. Se trata de un sistema gratuito&#46;&#46;&#46;<\/p>\n","protected":false},"author":11126,"featured_media":0,"parent":686,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/pages\/692"}],"collection":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/users\/11126"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/comments?post=692"}],"version-history":[{"count":4,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/pages\/692\/revisions"}],"predecessor-version":[{"id":699,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/pages\/692\/revisions\/699"}],"up":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/pages\/686"}],"wp:attachment":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/tecnoinfe\/wp-json\/wp\/v2\/media?parent=692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}