Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Meetup app-moviles

1,870 views

Published on

Presentación para el 2do meetup TI realizado en Temuco - Chile. La presentación por si sola no es auto explicativa, por lo que se puede complementar con este video: http://www.youtube.com/playlist?list=PLDBEAE35BC0850582

Published in: Technology
  • Be the first to comment

Meetup app-moviles

  1. 1. Aplicaciones móvilesMiguel Carrasco Q.@miguelCarrascoQmiguel.carrasco@VisitAnyPlace.com Temuco. Enero / 2012
  2. 2. Agenda• Contexto• Mi primera aplicación móvil• Estadísticas (nacionales / internacionales)• Desarrollo de Software (comercial y openSource)• Demo App para iPad• Ejemplo de framework para desarrollo de App• Markets• Preguntas / Recomendaciones
  3. 3. ¿Quién soy yo?• Ing. Civil Industrial SGT ltda.• Asesor TI @ Servicios Globales Tecnológicos Ltda.• Creador de VisitAnyPlace.com• Docente @ Escuela de Ingeniería, Universidad Mayor
  4. 4. Contexto “Aplicaciones” móviles en pantalla táctil Foco1983 2003 2012
  5. 5. Asignatura Gráficas por Computador (año 2004) Mingw32 + OpenGL
  6. 6. Asignatura Gráficas por Computador (año 2004)Programación de Palm con Palmphi, un programa gratuito
  7. 7. Graficas 2DPara asignatura “Graficas por computador” Mi primera Aplicación móvil
  8. 8. Police Lyrics (Palm App) BD ? typedef struct { Char album[21]; Char titulo[73]; Char cancion[1484]; } myRec;
  9. 9. Panoramic Images (Palm App)Como gran gracia, tenia“versión a color”.
  10. 10. Hoy (2012)Alguien se acuerda de Palm?
  11. 11. Lecturas Estadísticas Nacionales e InternacionalesReferencia (Descarga):movistarinnova.cl/blog/centro-de-informacion/ Chile El Mundo
  12. 12. Tendencias de Consumo en Telecomunicaciones Agosto de 2011 Estadísticas a Nivel Nacional
  13. 13. DeveloperEconomics 2011How developers andbrands are making moneyin the mobile app economy Junio de 2011 Estadísticas a Nivel Internacional
  14. 14. El “tortuoso camino”
  15. 15. LOS DISPOSITIVOS MÓVILES Y ELDESARROLLO DE SOFTWARE
  16. 16. Apple Android BlackBerry Google Web Store Market App World Chrome Ext. $0Licencia de $99 USD $25 USD $5 USD Solo Requiere $0desarrollo (anual) (solo una vez) (solo una vez) PayPalDificultad de Engorroso(Apsubida al plication Simple (web) Simple (web) Simple (web) Simple (FTP)Market Loader)Costos PC, Linux o MAC MAC PC PC, Linux o MAC, PC, Linux o MAC,asociados (simulador (xCode y (webWork + Hosting, editores Hosting, editores(SDK, incluido + simulador) simulador) openSource openSource openSource)simulador)% sobre las 70 / 30 70 / 30 ? ? -GananciasTiempo en +/- 2 semanas inmediato s/i inmediato inmediatoAprobación aprox.Reportes de No (recomen: Bien (diario y Bien (Todo elDescargas / s/i Básico google semanal) tiempo)Instalaciones Analytics)
  17. 17. SO base (desarrollo) v/s Dispositivos móviles (ejecución) => SDK Win Mac Linux Eclipse + Eclipse + Eclipse + Android(*) ADT + framework Flash(AIR) ADT + framework Flash(AIR) ADT + framework + PhoneGAP + PhoneGAP + PhoneGAP X-Code + iOS Flash(**) / Flex framework + Flash/Flex n/a PhoneGAP BlackBerry Sun JDK + BB widget SDK n/a n/a WebOS Virtual Box + webOS SDK + cygwin Virtual Box + webOS SDK Virtual Box + webOS SDKWindowPhone ? ? ? Symbian cygwin / Nokia Symbian SDK ? ? (*): AppInventor está en GoogleLabs aún (**): Se puede desarrollar, pero no publicar en AppStore
  18. 18. Algunos hitos• 09 Abril 2010 – Lanzamiento de Adobe Creative Suite 5 (CS5). La estrella era Flash Professional con su “empaquetador para iOS (.ipa) – A 3 días del lanzamiento mundial, Apple cambia los términos de aceptación de App creadas con productos “no apple”• 03 Octubre de 2011 – Adobe adquiere Nitobi (creadores de PhoneGap)• 09 Noviembre de 2011 – “… we [Adobe] announced today that we will no longer continue to develop Flash Player in the browser on mobile devices”
  19. 19. Demo con Adobe Flash Pro CS5 para iOS y Android
  20. 20. Ojo con HTML5, WebKit y el openSource“… For the same reasons, • Motor diseñado paraHTML5 is also a potential permitir a los navegadorescandidate for cross-platform renderizar páginas web.mobile applications. Many • Safari y Chrome estánfeatures of HTML5 have been basados en este motorbuilt with the consideration of (30% del mercado a 08/11).being able to run on low- • SO como: iOS, Android ypowered devices such as Kindle ebook.smartphones and tablets.” Fuente: Wikipedia
  21. 21. PhoneGap - openSource APIIs an HTML5 app platformthat allows you to author • Acelerómetro • Geolocalizaciónnative applications with web • Cámara • Almacenamientotechnologies and get access • Brújula • Archivosto APIs and app stores. • Contactos • Notificaciones
  22. 22. OpenSource y el desarrollo para Android
  23. 23. “framework” openSource• Dojo • iWebKit• Jo • SenchaTouch• LiquidGear • UiuiKit• magicFramework • Jpint• Iui • jQueryMobile• appML• jqTouch
  24. 24. iWebKitiWebKit is a file packagedesigned to help you createyour own iPhone, iPod Touchand iPad compatible website orwebapp.URL: http://snippetspace.com/projects/iwebkit/
  25. 25. iWebKitP: Objective-C?R: No. HTML
  26. 26. <div id="topbar" class="transparent”> <div id="title">Titulo</div> <div id="leftnav”> <a href="pagina.html" > y xCode? <img src="images/home.png" /> Objective-C? </a> </div> <div id="rightnav"> <a href="pagina.html" >texto</a> </div></div> Bloc de Notas y HTML
  27. 27. <div id="topbar"> <div id="topbar”> <div id="duoselectionbuttons"> <div <a href="A.html">Opcion 1</a> id="triselectionbuttons"> <a href="B. html">Opcion 2</a> <a href="A.html">AText</a> </div> <a href="B.</div> html">BText</a> <a href="C.html">CText</a> </div> </div>
  28. 28. href="mailto:test@test.com?&amp;subject=Título&amp;body=Mensaje”href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?id=287810321&amp;s=143442”href=“http://www.itunes.com/app/CameraBag”href="sms:12125551212”href="tel:408-555-5555”href=“http://www.youtube.com/watch?v=DWmQEv0oF08”href="http://g.co/maps/r26xu”
  29. 29. HTML (Ingreso de texto) <input type="text” id="textfield" />
  30. 30. Ejemplo con iWebKit Laboratorio ITsmart de laEscuela de Ingeniería (Temuco)
  31. 31. Demo con Eclipse Android + emulador Para + ADT
  32. 32. Preguntas• P: ¿En que tecnología desarrollar?• R: Depende del mercado (iOS, Android, BB, …)• P: ¿Una app puede ser multiplataforma?• R: Perfectamente (aunque depende si accede a alguna APIs del SO)• P: ¿Por donde comienzo?• R: Mi propuesta de “Hola mundo” sería en: – Usar el bloc de notas (o algún openSource como NotePad++) – HTML5 + jQueryMobile + PhoneGap – Probar en browser basado en WebKit, simulador o dispositivo
  33. 33. Cuidado con “inventar la rueda”• Motores 2D - ej: WCK {AS3}, Box2DJS {JS} – fuerza de gravedad – roce, – detección de colisiones – fluidos – eventos para interacción• Motores 3D - ej: Alternativa3D {AS3}, Coppercube {WebGL} – primitivas en 3D – importar modelos en 3D – texturas, iluminación, reflejos• OpenSource v/s Comercial ?
  34. 34. GRACIAS
  35. 35. Aplicaciones móvilesMiguel Carrasco Q.@miguelCarrascoQmiguel.carrasco@VisitAnyPlace.com Temuco. Enero / 2012

×