Your SlideShare is downloading. ×
Meetup app-moviles
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Meetup app-moviles

1,559
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: …

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,559
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Buscando trabajo en Guatemala, me di el tiempo de investigar
  • iWebKit cuesta 20 dolares si el producto se hace comercial
  • Plantilla
  • topbarClass:Transparent, black, “none”
  • Transcript

    • 1. Aplicaciones móvilesMiguel Carrasco Q.@miguelCarrascoQmiguel.carrasco@VisitAnyPlace.com 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 Foco1983 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 2DPara 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 InternacionalesReferencia (Descarga):movistarinnova.cl/blog/centro-de-informacion/ Chile El Mundo
    • 12. Tendencias de Consumo en Telecomunicaciones Agosto de 2011 Estadísticas a Nivel Nacional
    • 13. DeveloperEconomics 2011How developers andbrands are making moneyin the mobile app economy Junio de 2011 Estadísticas a Nivel Internacional
    • 14. El “tortuoso camino”
    • 15. LOS DISPOSITIVOS MÓVILES Y ELDESARROLLO DE SOFTWARE
    • 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. 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. 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. Demo con Adobe Flash Pro CS5 para iOS y Android
    • 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. 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. OpenSource y el desarrollo para Android
    • 23. “framework” openSource• Dojo • iWebKit• Jo • SenchaTouch• LiquidGear • UiuiKit• magicFramework • Jpint• Iui • jQueryMobile• appML• jqTouch
    • 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. iWebKitP: Objective-C?R: No. HTML
    • 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. <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. 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. HTML (Ingreso de texto) <input type="text” id="textfield" />
    • 30. Ejemplo con iWebKit Laboratorio ITsmart de laEscuela de Ingeniería (Temuco)
    • 31. Demo con Eclipse Android + emulador Para + ADT
    • 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. 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. GRACIAS
    • 35. Aplicaciones móvilesMiguel Carrasco Q.@miguelCarrascoQmiguel.carrasco@VisitAnyPlace.com Temuco. Enero / 2012

    ×