Introducción a App Inventor

22
GDG La Paz Marco Avendaño @marcoviaweb linkedin.com/in/marcoviaweb APP Inventor Tu App con programación gráfica

description

Una introducción a la herramienta App Inventor para la creación de aplicaciones Android.

Transcript of Introducción a App Inventor

Page 1: Introducción a App Inventor

GDG La Paz

Marco Avendaño

@marcoviaweb

linkedin.com/in/marcoviaweb

APP Inventor

Tu App con programación gráfica

Page 2: Introducción a App Inventor

El mundo es de los móviles

Page 3: Introducción a App Inventor

Tendencia mundial

Evolución de accesos móviles por tipo de dispositivo en América Latina (Millones)Fuente: Signals Telecom Consulting, con datos de Ericsson Mobility Report

Comportamiento mundial de la venta de dispositivos de acceso a InternetFuente: Source Garner, IDC, Strategy Analytics, compayfilings, BI inteligente estimates

Page 4: Introducción a App Inventor

Bolivia no es la excepción

De junio de 2013 a junio de 2014, el número de teléfonos inteligentes que tienen el servicio de internet casi se ha triplicado.

Uso de internet en Smartphones casi se ha triplicado en un añohttp://www.la-razon.com/economia/Uso-internet-smartphones-triplicado-ano_0_2162783792.html

Page 5: Introducción a App Inventor

Preferencia de sistemas operativos

MOVR Mobile Overview Report 2014. Global Smartphone OS Releasehttp://www.scientiamobile.com/page/movr-mobile-overview-report

Page 6: Introducción a App Inventor

¿Cuándo desarrollar Apps?

Page 7: Introducción a App Inventor

Quiero crear mi App.. ya!

Page 8: Introducción a App Inventor

App Inventor al rescate

Page 9: Introducción a App Inventor

Breve Historia

Google Labs lanzó la primera versión en julio de 2010.

A finales de 2011 Google anunció el fin de soporte, liberando el código y convirtiéndose en un proyecto Open Source.

El proyecto fue continuado por el Massachusetts Institute of Technology (MIT), dando soporte a la aplicación desde entonces.

A la actualidad MIT libera mejoras para lograr una herramienta de desarrollo de software para uso particular y empresarial.

Page 10: Introducción a App Inventor

¿Qué es App Inventor?

Herramienta intuitiva que permite crear aplicaciones Android.

Permite diseñar y programar aplicaciones mediante una página web.

Se encuentra basada en el método de programación visual por “bloques”.

Brindar la posibilidad de aquellas personas que no estén tan relacionadas al área de programación también desarrollen sus aplicaciones.

Page 11: Introducción a App Inventor

.. muy fácil de usar

No hay que recordar sintaxis.

Todo esta en frente de desarrollador.

Trabaja directamente con eventos.

Tiene componentes de alto nivel.

Solo cierto tipo de bloques encajan.

Page 12: Introducción a App Inventor

¿Qué se puede hacer con App Inventor?

Aprender jugando.

Crear prototipos.

Construir aplicaciones al gusto de cada quien.

Crear aplicaciones completas.

Enseñar y aprender.

Page 13: Introducción a App Inventor

¿Quiénes lo pueden usar?

Page 14: Introducción a App Inventor

¿Cómo trabaja App Inventor?

Page 15: Introducción a App Inventor

Opciones para el testing

Page 16: Introducción a App Inventor

¿Cómo usar App Inventor?

Requisitos.

Instalar Java

Configurar la variable de entorno JAVA_HOME

Descargar “MIT AI2 Companion” del Play Store

Descargar aiStarter de http://beta.appinventor.mit.edu/learn/setup/setupwindows.html

Versión online.

Tener cuenta en Google

Acceder con un navegador a la dirección http://www.appinventor.mit.edu/

Versión offline.

Descargar “AiLiveComplete!” de https://sourceforge.net/projects/ailivecomplete/files/

Descomprimir el archivo

Iniciar “AI instance” ejecutando el archivo WinStartAIServer.cmd

Iniciar “AI build server” ejecutando el WinStartBuildServer.cmd

Acceder con una navegador a la dirección http://localhost:8888

Page 17: Introducción a App Inventor

Descripción del entorno

Page 18: Introducción a App Inventor

Un ejemplo: “Hola DevFest”

Cuando el usuario haga clic en el botón, la

aplicación debe saludar

Page 19: Introducción a App Inventor

Diagrama de bloques

Page 20: Introducción a App Inventor

¿Qué más se puede hacer?

Page 21: Introducción a App Inventor

Recursos disponibles

http://appinventor.mit.edu/

https://amerkashi.wordpress.com/

http://puravidaapps.com/tutorials.php

http://appinventor.mit.edu/explore/resources/beginner-app-inventor-concept-cards.html

http://aulainformaticaalbal.orgfree.com/joomla/index.php/appinventor

Page 22: Introducción a App Inventor

GDG La Paz

Marco Avendaño

@marcoviaweb

linkedin.com/in/marcoviaweb

APP Inventor

Gracias..!