Your SlideShare is downloading. ×

App moviles

1,465

Published on

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

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,465
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
88
Comments
0
Likes
2
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

Transcript

  • 1. APLICACIONES MÓVILESMiguel  Carrasco  Q   11/2011  
  • 2. APLICACIONES  MÓVILES  Desde  la  perspec?va  del  Desarrollo  de  SoBware   Miguel  Carrasco  Q.   miguel.carrasco@umayor.cl   miguel.carrasco@VisitAnyPlace.com  
  • 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. ¿Quién  soy  yo?  •  Ing.  Civil  Industrial  •  Asesor  en  TI  •  Creador  de  VisitAnyPlace.com  •  Profesor  de  la  Escuela  de   Ingeniería  (Temuco)  
  • 5. Contexto   “Aplicaciones”  móviles  en  pantalla  tác?l   Foco  1983   2003   2011  
  • 6. Asignatura  Gráficas  por  Computador  (año  2004)   Mingw32  +  OpenGL  
  • 7. Asignatura  Gráficas  por   Computador  (año  2004)  Programación  de  Palm  con  Palmphi,  un  programa  gratuito  
  • 8. Graficas  2D  Para  asignatura  “Graficas  por  computador”   Mi  primera  Aplicación  móvil  
  • 9. Police  Lyrics  (Palm  App)   BD?   typedef  struct  {        Char  album[21];        Char  ?tulo[73];        Char  cancion[1484];   }  myRec;  
  • 10. Panoramic  Images  (Palm  App)  Como  gran  gracia,  tenia  “versión  a  color”.  
  • 11. Hoy  (2011)  Alguien  se  acuerda  de  Palm?  
  • 12. Lecturas   Estadís?cas  Nacionales  e  Internacionales  Referencia  (Descarga):  movistarinnova.cl/blog/centro-­‐de-­‐informacion/   Chile   El  Mundo  
  • 13. Tendencias  de  Consumo  en  Telecomunicaciones   Agosto  de  2011   Estadís?cas  a  Nivel  Nacional  
  • 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. El  “tortuoso  camino”  
  • 16. LOS  DISPOSITIVOS  MÓVILES  Y  EL   DESARROLLO  DE  SOFTWARE  
  • 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. 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. 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. Desarrollo  con  Adobe  Flash  Pro  CS5   para  iOS  y  Android  
  • 21. Desarrollo  con  Adobe  Flash  CS5  
  • 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. 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. W3C  Web  SQL  Database  Supported  Pla}orms    •  Android  •  BlackBerry  WebWorks  (OS  6.0  and  higher)  •  iPhone  
  • 25. SQL  en  JavaScript  
  • 26. Chrome  como   herramienta  para  depurar  
  • 27. OpenSource  y  el  desarrollo  para  Android  
  • 28. Android              Eclipse  +  ADT  +  emulador  
  • 29. HTML  +  jQueryMobile  +  PTguiJS  +  PhoneGap  +  xCode  
  • 30. Google  AppInventor  (beta)  
  • 31. Google  AppInventor  (beta)  
  • 32. “framework”  openSource    •  Dojo   •  jqTouch  •  Jo   •  iWebKit  •  LiquidGear   •  SenchaTouch  •  magicFramework   •  UiuiKit  •  Iui   •  Jpint  •  appML   •  jQueryMobile  
  • 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. iWebKit  P:  Objec?ve-­‐C?    R:  No.  HTML  
  • 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. <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. 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. HTML  (Ingreso  de  texto)   <input  type="text”  id="tex}ield"  />  
  • 39. Ejemplo  con  iWebKit   Laboratorio  ITsmart  de  la    Escuela  de  Ingeniería  (Temuco)  
  • 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. APP  DE  ALUMNOS  
  • 42. Diccionario  de  Modismos  Chilenos   Para  extranjeros  (en  Inglés)  
  • 43. Recetas  Chilenas  
  • 44. Calculador  de  Notas  y  Escalas  
  • 45. Trabajo  de  Título   Ping  Check  
  • 46. Carretera   www.carretera.cl  
  • 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. 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. Perder  el  miedo  al  japonés   VEO  funcionalidad   LEO  lenguaje  
  • 50. Perder  miedo  al  Ruso   VEO  funcionalidad   LEO  lenguaje  
  • 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. 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. GRACIAS  
  • 54. APLICACIONES  MÓVILES  Desde  la  perspec?va  del  Desarrollo  de  SoBware   Miguel  Carrasco  Q.   miguel.carrasco@umayor.cl   miguel.carrasco@VisitAnyPlace.com  

×