a.heateor_sss_amp{padding:0 4px;}div.heateor_sss_horizontal_sharing a amp-img{display:inline-block;}.heateor_sss_amp_gab img{background-color:#25CC80}.heateor_sss_amp_parler img{background-color:#892E5E}.heateor_sss_amp_gettr img{background-color:#E50000}.heateor_sss_amp_instagram img{background-color:#624E47}.heateor_sss_amp_yummly img{background-color:#E16120}.heateor_sss_amp_youtube img{background-color:#ff0000}.heateor_sss_amp_teams img{background-color:#5059c9}.heateor_sss_amp_google_translate img{background-color:#528ff5}.heateor_sss_amp_x img{background-color:#2a2a2a}.heateor_sss_amp_rutube img{background-color:#14191f}.heateor_sss_amp_buffer img{background-color:#000}.heateor_sss_amp_delicious img{background-color:#53BEEE}.heateor_sss_amp_rss img{background-color:#e3702d}.heateor_sss_amp_facebook img{background-color:#0765FE}.heateor_sss_amp_digg img{background-color:#006094}.heateor_sss_amp_email img{background-color:#649A3F}.heateor_sss_amp_float_it img{background-color:#53BEEE}.heateor_sss_amp_linkedin img{background-color:#0077B5}.heateor_sss_amp_pinterest img{background-color:#CC2329}.heateor_sss_amp_print img{background-color:#FD6500}.heateor_sss_amp_reddit img{background-color:#FF5700}.heateor_sss_amp_mastodon img{background-color:#6364FF}.heateor_sss_amp_stocktwits img{background-color: #40576F}.heateor_sss_amp_mewe img{background-color:#007da1}.heateor_sss_amp_mix img{background-color:#ff8226}.heateor_sss_amp_tumblr img{background-color:#29435D}.heateor_sss_amp_twitter img{background-color:#55acee}.heateor_sss_amp_vkontakte img{background-color:#0077FF}.heateor_sss_amp_yahoo img{background-color:#8F03CC}.heateor_sss_amp_xing img{background-color:#00797D}.heateor_sss_amp_instagram img{background-color:#527FA4}.heateor_sss_amp_whatsapp img{background-color:#55EB4C}.heateor_sss_amp_aim img{background-color: #10ff00}.heateor_sss_amp_amazon_wish_list img{background-color: #ffe000}.heateor_sss_amp_aol_mail img{background-color: #2A2A2A}.heateor_sss_amp_app_net img{background-color: #5D5D5D}.heateor_sss_amp_balatarin img{background-color: #fff}.heateor_sss_amp_bibsonomy img{background-color: #000}.heateor_sss_amp_bitty_browser img{background-color: #EFEFEF}.heateor_sss_amp_blinklist img{background-color: #3D3C3B}.heateor_sss_amp_blogger_post img{background-color: #FDA352}.heateor_sss_amp_blogmarks img{background-color: #535353}.heateor_sss_amp_bookmarks_fr img{background-color: #E8EAD4}.heateor_sss_amp_box_net img{background-color: #1A74B0}.heateor_sss_amp_buddymarks img{background-color: #ffd400}.heateor_sss_amp_care2_news img{background-color: #6EB43F}.heateor_sss_amp_comment img{background-color: #444}.heateor_sss_amp_diary_ru img{background-color: #E8D8C6}.heateor_sss_amp_diaspora img{background-color: #2E3436}.heateor_sss_amp_dihitt img{background-color: #FF6300}.heateor_sss_amp_diigo img{background-color: #4A8BCA}.heateor_sss_amp_douban img{background-color: #497700}.heateor_sss_amp_draugiem img{background-color: #ffad66}.heateor_sss_amp_evernote img{background-color: #8BE056}.heateor_sss_amp_facebook_messenger img{background-color: #0084FF}.heateor_sss_amp_fark img{background-color: #555}.heateor_sss_amp_fintel img{background-color: #087515}.heateor_sss_amp_flipboard img{background-color: #CC0000}.heateor_sss_amp_folkd img{background-color: #0F70B2}.heateor_sss_amp_google_news img{background-color: #4285F4}.heateor_sss_amp_google_classroom img{background-color: #FFC112}.heateor_sss_amp_google_gmail img{background-color: #E5E5E5}.heateor_sss_amp_hacker_news img{background-color: #F60}.heateor_sss_amp_hatena img{background-color: #00A6DB}.heateor_sss_amp_instapaper img{background-color: #EDEDED}.heateor_sss_amp_jamespot img{background-color: #FF9E2C}.heateor_sss_amp_kakao img{background-color: #FCB700}.heateor_sss_amp_kik img{background-color: #2A2A2A}.heateor_sss_amp_kindle_it img{background-color: #2A2A2A}.heateor_sss_amp_known img{background-color: #fff101}.heateor_sss_amp_line img{background-color: #00C300}.heateor_sss_amp_livejournal img{background-color: #EDEDED}.heateor_sss_amp_mail_ru img{background-color: #356FAC}.heateor_sss_amp_mendeley img{background-color: #A70805}.heateor_sss_amp_meneame img{background-color: #FF7D12}.heateor_sss_amp_mixi img{background-color: #EDEDED}.heateor_sss_amp_myspace img{background-color: #2A2A2A}.heateor_sss_amp_netlog img{background-color: #2A2A2A}.heateor_sss_amp_netvouz img{background-color: #c0ff00}.heateor_sss_amp_newsvine img{background-color: #055D00}.heateor_sss_amp_nujij img{background-color: #D40000}.heateor_sss_amp_odnoklassniki img{background-color: #F2720C}.heateor_sss_amp_oknotizie img{background-color: #fdff88}.heateor_sss_amp_outlook_com img{background-color: #0072C6}.heateor_sss_amp_papaly img{background-color: #3AC0F6}.heateor_sss_amp_pinboard img{background-color: #1341DE}.heateor_sss_amp_plurk img{background-color: #CF682F}.heateor_sss_amp_pocket img{background-color: #ee4056}.heateor_sss_amp_polyvore img{background-color: #2A2A2A}.heateor_sss_amp_printfriendly img{background-color: #61D1D5}.heateor_sss_amp_protopage_bookmarks img{background-color: #413FFF}.heateor_sss_amp_pusha img{background-color: #0072B8}.heateor_sss_amp_qzone img{background-color: #2B82D9}.heateor_sss_amp_refind img{background-color: #1492ef}.heateor_sss_amp_rediff_mypage img{background-color: #D20000}.heateor_sss_amp_renren img{background-color: #005EAC}.heateor_sss_amp_segnalo img{background-color: #fdff88}.heateor_sss_amp_sina_weibo img{background-color: #ff0}.heateor_sss_amp_sitejot img{background-color: #ffc800}.heateor_sss_amp_skype img{background-color: #00AFF0}.heateor_sss_amp_sms img{background-color: #6ebe45}.heateor_sss_amp_slashdot img{background-color: #004242}.heateor_sss_amp_stumpedia img{background-color: #EDEDED}.heateor_sss_amp_svejo img{background-color: #fa7aa3}.heateor_sss_amp_symbaloo_feeds img{background-color: #6DA8F7}.heateor_sss_amp_telegram img{background-color: #3DA5f1}.heateor_sss_amp_trello img{background-color: #1189CE}.heateor_sss_amp_tuenti img{background-color: #0075C9}.heateor_sss_amp_twiddla img{background-color: #EDEDED}.heateor_sss_amp_typepad_post img{background-color: #2A2A2A}.heateor_sss_amp_viadeo img{background-color: #2A2A2A}.heateor_sss_amp_viber img{background-color: #8B628F}.heateor_sss_amp_webnews img{background-color: #CC2512}.heateor_sss_amp_wordpress img{background-color: #464646}.heateor_sss_amp_wykop img{background-color: #367DA9}.heateor_sss_amp_yahoo_mail img{background-color: #400090}.heateor_sss_amp_yahoo_messenger img{background-color: #400090}.heateor_sss_amp_yoolink img{background-color: #A2C538}.heateor_sss_amp_youmob img{background-color: #3B599D}.heateor_sss_amp_gentlereader img{background-color: #46aecf}.heateor_sss_amp_threema img{background-color: #2A2A2A}.heateor_sss_amp_bluesky img{background-color:#0085ff}.heateor_sss_amp_threads img{background-color:#000}.heateor_sss_amp_raindrop img{background-color:#0b7ed0}.heateor_sss_amp_micro_blog img{background-color:#ff8800}.ai-viewports {--ai: 1;} .ai-viewport-3 { display: none ;} .ai-viewport-2 { display: none ;} .ai-viewport-1 { display: inherit ;} .ai-viewport-0 { display: none ;} @media (min-width: 768px) and (max-width: 979px) { .ai-viewport-1 { display: none ;} .ai-viewport-2 { display: inherit ;} } @media (max-width: 767px) { .ai-viewport-1 { display: none ;} .ai-viewport-3 { display: inherit ;} } .code-block-center {margin: 8px auto; text-align: center; display: block; clear: both;} .code-block- {} .code-block-default {margin: 8px 0; clear: both;} .ai-align-left * {margin: 0 auto 0 0; text-align: left;} .ai-align-right * {margin: 0 0 0 auto; text-align: right;} .ai-center * {margin: 0 auto; text-align: center; }

Site icon Hosting Conection

Como Crear Apps con MIT App Inventor Guía Definitiva

La plataforma MIT App Inventor es una herramienta en linea para crear Aplicaciones Móviles, una de las mejores y en este articulo descubrirás porque digo esto. Continua leyendo para encontrar la respuesta a esta afirmación así como una guía que te introducirá al uso de esta excelente herramienta.

Esta plataforma se ha orientado fuertemente a los niños y jóvenes, vasta con darle un vistazo al sitio web

¿Que es y para que Sirve App Inventor?

App Inventor es una plataforma para desarrollar aplicaciones móviles, totalmente integrada al sitio web de Massachusetts Institute Technology (MIT). Es una plataforma en la que no requieres saber ningún lenguaje de programación, ya que su uso es intuitivo y permite probar y arreglar los errores sin tener que llegar a niveles de programación.

Conozcamos como esta estructurada internamente antes de pasar a presentarte su funcionamiento.

Estructura Básica de App Inventor

Para empezar, el App Inventor cuenta con cuatro componentes arquitectónicos principales, ellos son los siguientes:

Al Complilar…

El App Inventor carga (Upload) el proyecto completo al servidor y lo compila; como resultado, la aplicación se puede descargar al dispositivo mediante un código QR. Este puede ser escaneado desde el navegador o descargado como archivo a tu computadora para una posterior distribución.

¿Que es App Inventor 2?

App Inventor 2 (AI2) es la nueva versión de MIT App Inventor que mejora notablemente la experiencia del usuario. Con su lanzamiento se dejo atrás la primera versión y ahora se ha vuelto a llamar App Inventor a secas, la encuentras en: http://ai2.appinventor.mit.edu/?locale=es_ES

Entre los cambios y mejoras que se realizaron respecto a la App Inventor 1, podemos enumerar:

Algunas Características del App Inventor

Te presentamos algunas características que App Invento ha diseñado para que los novatos haciendo aplicaciones puedan trabajar sin ningún problema:

¿Qué te Permiten los Bloques?

Otro dato muy importante, no puedo dejar de mencionar otras características que van mas por el lado de la creación de aplicaciones que de un punto de vista técnico. Me refiero al modo de diseño y desarrollo en vivo (Live development mode), esto permite interactuar con nuestra aplicación cuando recién la estamos creando.

Para ello, la pantalla de nuestro ordenador, tiene una sección de la pantalla que muestra nuestra app ejecutándose en un dispositivo Android, con todos los cambios que se realizan en tiempo real.

Finalmente, la prueba «En Vivo» se realiza en un dispositivo Android que se puede conectar a través de wifi lo que mejora la capacidad de corregir fallos y probar mas fácilmente.

App Inventor Companion

Ya hemos visto como funciona la arquitectura del App Inventor, y ahora nos toca hablar del Companion. En realidad el companion es un elemento de prueba que utiliza la aplicacion MIT AI2 Companion que puede descargarse en tu computador para utilizarla.

Una ves descargada se acopla a tu plataforma web de App Inventor sin problema y la puedes usar para probar tus aplicaciones.

Internamente funciona con el archivo empaquetado de extensión YAIL (Youg Android Intermediate Language), que coloca todos los componentes y bloques de pantalla dentro de este archivo. Y juntamente con el Kawa permite realizar las pruebas en vivo de tu aplicación, esta es la esencia del App Inventor.

¿Como se Usa App Inventor?

Aqui una guia de pasos faciles de seguir y en forma general para ir entrando poco a poco en la plataforma:

  1. Ingresa al sitio de App Inventor, haz clic en “Crear apps!”, entra con una cuenta de Google, sino tienen una créala rápidamente.
  2. Inicia tu nuevo proyecto: Diseña la pantalla de tu aplicación, es muy fácil de hacer, agregando textos, botones, imágenes, entre otros,
  3. Comienza la programación con los bloques.
  4. Luego puedes probar la aplicación que estas creando «En Vivo». ¿Como? Asocia tu dispositivo móvil (tableta o celular) mediante la red WiFi),
  5. Descarga en el móvil la aplicación llamada “MIT AI Companion”.
  6. Al construir tu proyecto, el mismo generará un código QR para ser leído por esta aplicación en tu dispositivo móvil.
  7. Este sitio al ingresar se encuentra en inglés. Para obtener la opción de cambiar el idioma deberás hacer clic en «Create apps!» la aplicacion te pedira que ingreses tu correo electrónico.
  8. Si necesitas traducir la página principal, te recomendamos utilizar un traductor online.

¿Qué Aplicaciones se pueden hacer con App Inventor?

La aplicaciones que puede hacer el App Inventor son ilimitadas, de cualquier tipo. Estos son unos ejemplos de las apps móviles que puedes crear:

Y todas las que tu quieras hacer y te imagines, es posible hacer una cantidad inimaginable de tipos de app. móviles.

App Inventor Tutorial

No te hagas problemas, existen muchos tutoriales para esta plataforma. Sobre todo tienes una que funciona en la misma pagina web donde esta el Inventor. La cual es muy completa y te ayudara a aprender muy fácilmente.

¿Te interesa conocer mas sobre como aprender esta excelente plataforma? Pues tenemos para ti una colección de videos que te ayudara a ver en acción esta herramienta. Te invito a que los veas y si te gustan a continuar con el curso de desde cero.

App Inventor Descargar

Para empezar, la buena noticia, es que se puede usar desde la web y también descargándola a tu ordenador, no importa si es windows o iOS (Mac), existen versiones para ambos sistemas operativos.

Descarga Para Windows

Utiliza este enlace para descargar la aplicación para windows: https://appinventor.mit.edu/explore/ai2/windows.html

En iOS para Mac

Descarga la aplicación de App Inventor 2 desde el siguiente enlace y sigue cuidadosamente las instrucciones: https://appinventor.mit.edu/explore/ai2/mac

En ambos casos obtendrás las ultimas versiones para instalar el App Inventor 2 y las indicaciones necesarias,

OJO…

Las paginas están en Idioma Ingles, por lo que puedes traducirla directamente con Google u otro navegador inteligente.

App Inventor Juegos

Aquí te muestro unos enlaces para aprender a programar y diseñar juegos. En especial algunos sitios donde puedes seguir paso a paso como hacer los siguientes ejemplos de juegos en MIT App Inventor:

Conclusiones

En Hosting Conection, tenemos mas de 20 años de experiencia en la Internet, ofreciendo diseño web, desarrollo de sitios web, Landing pages y mucho mas. Estos servicios, te ayudaran a generar mayor trafico y posicionamiento de tu sitio web.

Tus comentarios son muy importantes para nosotros, déjanos saber que opinas de este articulo.

¿Te gusta el articulo? Compártelo con tus amigos y conocidos, así como en tus redes sociales.

¿Quieres comunicarte con nosotros? Déjanos tus comentarios del blog en el formulario de contactos.

Exit mobile version