![Police Lyrics (Palm App)
BD
? typedef struct {
Char album[21];
Char titulo[73];
Char cancion[1484];
} myRec;](https://image.slidesharecdn.com/meetup-app-moviles-120105092134-phpapp01/85/Meetup-app-moviles-8-320.jpg)
![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”](https://image.slidesharecdn.com/meetup-app-moviles-120105092134-phpapp01/85/Meetup-app-moviles-28-320.jpg)
Meetup app-moviles
- 1. Aplicaciones móviles Miguel Carrasco Q. @miguelCarrascoQ [email protected] Temuco. Enero / 2012
- 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. ¿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. Contexto “Aplicaciones” móviles en pantalla táctil Foco 1983 2003 2012
- 5. Asignatura Gráficas por Computador (año 2004) Mingw32 + OpenGL
- 6. Asignatura Gráficas por Computador (año 2004) Programación de Palm con Palmphi, un programa gratuito
- 7. Graficas 2D Para asignatura “Graficas por computador” Mi primera Aplicación móvil
- 8. Police Lyrics (Palm App) BD ? typedef struct { Char album[21]; Char titulo[73]; Char cancion[1484]; } myRec;
- 9. Panoramic Images (Palm App) Como gran gracia, tenia “versión a color”.
- 10. Hoy (2012) Alguien se acuerda de Palm?
- 11. Lecturas Estadísticas Nacionales e Internacionales Referencia (Descarga): movistarinnova.cl/blog/centro-de-informacion/ Chile El Mundo
- 12. Tendencias de Consumo en Telecomunicaciones Agosto de 2011 Estadísticas a Nivel Nacional
- 17. Developer Economics 2011 How developers and brands are making money in the mobile app economy Junio de 2011 Estadísticas a Nivel Internacional
- 25. LOS DISPOSITIVOS MÓVILES Y EL DESARROLLO DE SOFTWARE
- 26. Apple Android BlackBerry Google Web Store Market App World Chrome Ext. $0 Licencia de $99 USD $25 USD $5 USD Solo Requiere $0 desarrollo (anual) (solo una vez) (solo una vez) PayPal Dificultad de Engorroso(Ap subida 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 ? ? - Ganancias Tiempo en +/- 2 semanas inmediato s/i inmediato inmediato Aprobación aprox. Reportes de No (recomen: Bien (diario y Bien (Todo el Descargas / s/i Básico google semanal) tiempo) Instalaciones Analytics)
- 27. 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 SDK WindowPhone ? ? ? Symbian cygwin / Nokia Symbian SDK ? ? (*): AppInventor está en GoogleLabs aún (**): Se puede desarrollar, pero no publicar en AppStore
- 28. 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”
- 29. Demo con Adobe Flash Pro CS5 para iOS y Android
- 30. Ojo con HTML5, WebKit y el openSource “… For the same reasons, • Motor diseñado para HTML5 is also a potential permitir a los navegadores candidate for cross-platform renderizar páginas web. mobile applications. Many • Safari y Chrome están features of HTML5 have been basados en este motor built with the consideration of (30% del mercado a 08/11). being able to run on low- • SO como: iOS, Android y powered devices such as Kindle ebook. smartphones and tablets.” Fuente: Wikipedia
- 31. PhoneGap - openSource API Is an HTML5 app platform that allows you to author • Acelerómetro • Geolocalización native applications with web • Cámara • Almacenamiento technologies and get access • Brújula • Archivos to APIs and app stores. • Contactos • Notificaciones
- 32. OpenSource y el desarrollo para Android
- 33. “framework” openSource • Dojo • iWebKit • Jo • SenchaTouch • LiquidGear • UiuiKit • magicFramework • Jpint • Iui • jQueryMobile • appML • jqTouch
- 34. iWebKit iWebKit is a file package designed to help you create your own iPhone, iPod Touch and iPad compatible website or webapp. URL: http://snippetspace.com/projects/iwebkit/
- 35. iWebKit P: Objective-C? R: No. HTML
- 36. <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
- 37. <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>
- 39. HTML (Ingreso de texto) <input type="text” id="textfield" />
- 40. Ejemplo con iWebKit Laboratorio ITsmart de la Escuela de Ingeniería (Temuco)
- 41. Demo con Eclipse Android + emulador Para + ADT
- 42. 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
- 43. 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 ?
- 44. GRACIAS
- 45. Aplicaciones móviles Miguel Carrasco Q. @miguelCarrascoQ [email protected] Temuco. Enero / 2012