App moviles

1,693 views

Published on

Aplicaciones móviles, desde la perspectiva del desarrollo de software

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,693
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
90
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

App moviles

  1. 1. APLICACIONES MÓVILESMiguel  Carrasco  Q   11/2011  
  2. 2. APLICACIONES  MÓVILES  Desde  la  perspec?va  del  Desarrollo  de  SoBware   Miguel  Carrasco  Q.   miguel.carrasco@umayor.cl   miguel.carrasco@VisitAnyPlace.com  
  3. 3. Agenda  •  Contexto  •  Mi  primera  aplicación  móvil  •  Estadís?cas  (nacionales  /  internacionales)  •  Desarrollo  de  SoBware  (comercial  y  openSource)  •  App  para  iPad  en  2  minutos  •  Ejemplo  de  framework  para  desarrollo  de  App  •  Desarrollo  de  Alumnos  •  Markets  •  Preguntas  /  Recomendaciones  
  4. 4. ¿Quién  soy  yo?  •  Ing.  Civil  Industrial  •  Asesor  en  TI  •  Creador  de  VisitAnyPlace.com  •  Profesor  de  la  Escuela  de   Ingeniería  (Temuco)  
  5. 5. Contexto   “Aplicaciones”  móviles  en  pantalla  tác?l   Foco  1983   2003   2011  
  6. 6. Asignatura  Gráficas  por  Computador  (año  2004)   Mingw32  +  OpenGL  
  7. 7. Asignatura  Gráficas  por   Computador  (año  2004)  Programación  de  Palm  con  Palmphi,  un  programa  gratuito  
  8. 8. Graficas  2D  Para  asignatura  “Graficas  por  computador”   Mi  primera  Aplicación  móvil  
  9. 9. Police  Lyrics  (Palm  App)   BD?   typedef  struct  {        Char  album[21];        Char  ?tulo[73];        Char  cancion[1484];   }  myRec;  
  10. 10. Panoramic  Images  (Palm  App)  Como  gran  gracia,  tenia  “versión  a  color”.  
  11. 11. Hoy  (2011)  Alguien  se  acuerda  de  Palm?  
  12. 12. Lecturas   Estadís?cas  Nacionales  e  Internacionales  Referencia  (Descarga):  movistarinnova.cl/blog/centro-­‐de-­‐informacion/   Chile   El  Mundo  
  13. 13. Tendencias  de  Consumo  en  Telecomunicaciones   Agosto  de  2011   Estadís?cas  a  Nivel  Nacional  
  14. 14. Developer  Economics  2011  How  developers  and  brands  are  making  money  in  the  mobile  app  economy   Junio  de  2011   Estadís?cas  a  Nivel  Internacional  
  15. 15. El  “tortuoso  camino”  
  16. 16. LOS  DISPOSITIVOS  MÓVILES  Y  EL   DESARROLLO  DE  SOFTWARE  
  17. 17. 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   Complejo  subida  al   (Applica?on   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  +   Hos?ng,  editores   Hos?ng,  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)   ?empo)  Instalaciones   Analy?cs)  
  18. 18. SO  base  (desarrollo)  v/s     Disposi?vos  móviles  (ejecución)  =>  SDK   Win   Mac   Linux   Eclipse  +   Eclipse  +   ADT  +   ADT  +   Eclipse  +   Android(*)   framework  +     Flash(AIR)   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  
  19. 19. Algunos  hitos  •  09  Abril  2010   –  Lanzamiento  de  Adobe  Crea?ve  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   con?nue  to  develop  Flash  Player  in  the  browser  on  mobile   devices”  
  20. 20. Desarrollo  con  Adobe  Flash  Pro  CS5   para  iOS  y  Android  
  21. 21. Desarrollo  con  Adobe  Flash  CS5  
  22. 22. Ojo  con  HTML5,  WebKit  y  el  openSource   “…  For  the  same  reasons,   •  Motor  diseñado  para   HTML5  is  also  a  poten?al   permi?r  a  los  navegadores   candidate  for  cross-­‐pla}orm   renderizar  páginas  web.   mobile  applica?ons.  Many   •  Safari  y  Chrome  están   features  of  HTML5  have  been   basados  en  este  motor   built  with  the  considera?on  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  
  23. 23. PhoneGap  -­‐  openSource   API  Is  an  HTML5  app  pla}orm  that  allows  you  to  author   •  Acelerómetro   •  Geolocalización  na?ve  applica?ons  with  web   •  Cámara   •  Almacenamiento  technologies  and  get  access   •  Brújula   •  Archivos  to  APIs  and  app  stores.   •  Contactos   •  No?ficaciones  
  24. 24. W3C  Web  SQL  Database  Supported  Pla}orms    •  Android  •  BlackBerry  WebWorks  (OS  6.0  and  higher)  •  iPhone  
  25. 25. SQL  en  JavaScript  
  26. 26. Chrome  como   herramienta  para  depurar  
  27. 27. OpenSource  y  el  desarrollo  para  Android  
  28. 28. Android              Eclipse  +  ADT  +  emulador  
  29. 29. HTML  +  jQueryMobile  +  PTguiJS  +  PhoneGap  +  xCode  
  30. 30. Google  AppInventor  (beta)  
  31. 31. Google  AppInventor  (beta)  
  32. 32. “framework”  openSource    •  Dojo   •  jqTouch  •  Jo   •  iWebKit  •  LiquidGear   •  SenchaTouch  •  magicFramework   •  UiuiKit  •  Iui   •  Jpint  •  appML   •  jQueryMobile  
  33. 33. iWebKit  iWebKit  is  a  file  package  designed  to  help  you  create  your  own  iPhone,  iPod  Touch  and  iPad  compa?ble  website  or  webapp.            URL:  h€p://snippetspace.com/projects/iwebkit/  
  34. 34. iWebKit  P:  Objec?ve-­‐C?    R:  No.  HTML  
  35. 35. <div  id="topbar"  class="transparent”>    <div  id="?tle">Titulo</div>    <div  id="leBnav”>      <a  href="pagina.html"  >   y  xCode?      <img  src="images/home.png"  />     ObjecZve-­‐C?      </a>      </div>    <div  id="rightnav">        <a  href="pagina.html"  >texto</a>    </div>  </div>   Bloc  de   Notas  y     HTML  
  36. 36. <div  id="topbar">   <div  id="topbar”>              <div  id="duoselec?onbu€ons">    <div  id="triselec?onbu€ons">                          <a  href="A.html">Opcion  1</a>      <a  href="A.html">AText</a>                          <a  href="B.  html">Opcion  2</a>      <a  href="B.  html">BText</a>      <a  href="C.html">CText</a>              </div>    </div>  </div>   </div>      
  37. 37. 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”
  38. 38. HTML  (Ingreso  de  texto)   <input  type="text”  id="tex}ield"  />  
  39. 39. Ejemplo  con  iWebKit   Laboratorio  ITsmart  de  la    Escuela  de  Ingeniería  (Temuco)  
  40. 40. Asignatura  de  Computación  Móvil   Evaluaciones  •  Ev1  (20%  -­‐  06-­‐04-­‐2011):  Maqueta  de  “aplicación”  a  desarrollar   –  Informe:  storyBoard  /  diagrama  de  “flujo”  /  …  •  Ev2  (20%  -­‐  27-­‐04-­‐2011):  Trabajo  de  inves?gación  1   –  Informe:  Selección  de  framework  (hardware  de  desarrollo  /  hardware   de  ejecución  /  lenguaje  prog.  )  •  Ev3  (30%  -­‐  01-­‐06-­‐2011):  Trabajo  de  inves?gación  2   –  Informe:  Búsqueda  de  aplicaciones  similares  en  las  dis?ntas   plataformas  &  redefinición  de  aplicación  a  desarrollar  •  Ev4  (30%  -­‐  22-­‐06-­‐2011):  Aplicación  final  desarrollada   –  Presentación  Grupal  e  Informe    Ev1  Ev2    Ev3    Ev4  market?      Modelo  de  “proto?po  evolu?vo”.  Desarrollo  individual.  
  41. 41. APP  DE  ALUMNOS  
  42. 42. Diccionario  de  Modismos  Chilenos   Para  extranjeros  (en  Inglés)  
  43. 43. Recetas  Chilenas  
  44. 44. Calculador  de  Notas  y  Escalas  
  45. 45. Trabajo  de  Título   Ping  Check  
  46. 46. Carretera   www.carretera.cl  
  47. 47. Preguntas  •  P:  ¿En  que  tecnología  desarrollar?  •  R:  Depende  del  mercado  (iOS,  Android,  BB,  …)  •  P:  ¿Una  app  puede  ser  mul?plataforma?  •  R:  Perfectamente  (si  no  accede  a  la  API  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  disposi?vo  
  48. 48. Algunas  recomendaciones  •  Este  campo  cambia  tan  rápido  que  seguramente   la  respuesta  NO  la  encontrarás  en  un  libro  (de   papel).  Busca  Encuentra  en  internet.  •  Preguntar  a  otros     desarrolladores  en  el  mundo  •  Pierde  el  temor  de  preguntar  en  inglés  o  a  otro   idioma  •  No  “inventar  la  rueda”.  Usar  frameworks  e   inves?gar,  inves?gar,  inves?gar…  
  49. 49. Perder  el  miedo  al  japonés   VEO  funcionalidad   LEO  lenguaje  
  50. 50. Perder  miedo  al  Ruso   VEO  funcionalidad   LEO  lenguaje  
  51. 51. 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:  Alterna?va3D  {AS3},  Coppercube  {WebGL}   –  primi?vas  en  3D   –  importar  modelos  en  3D   –  texturas,  iluminación,  reflejos  •  OpenSource  v/s  Comercial  ?  
  52. 52. Finalmente  Lo  más  complejo,  para  mi,  es:   –  Tener  una  buena  idea   –  Armar  un  buen  equipo  de  trabajo  (personas)   –  …  y  no  la  tecnología  
  53. 53. GRACIAS  
  54. 54. APLICACIONES  MÓVILES  Desde  la  perspec?va  del  Desarrollo  de  SoBware   Miguel  Carrasco  Q.   miguel.carrasco@umayor.cl   miguel.carrasco@VisitAnyPlace.com  

×