SlideShare ist ein Scribd-Unternehmen logo
1 von 64
Downloaden Sie, um offline zu lesen
APLICACIONES
  MÓVILES

Miguel	
  Carrasco	
  Q	
  
    11/2011	
  
APLICACIONES	
  MÓVILES	
  
Desde	
  la	
  perspec?va	
  del	
  Desarrollo	
  de	
  SoBware	
  

                                                                              Miguel	
  Carrasco	
  Q.	
  
                                                                              miguel.carrasco@umayor.cl	
  
                                                                      miguel.carrasco@VisitAnyPlace.com	
  
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	
  
¿Quién	
  soy	
  yo?	
  
•    Ing.	
  Civil	
  Industrial	
  
•    Asesor	
  en	
  TI	
  
•    Creador	
  de	
  VisitAnyPlace.com	
  
•    Profesor	
  de	
  la	
  Escuela	
  de	
  
     Ingeniería	
  (Temuco)	
  
Contexto	
  
                  “Aplicaciones”	
  móviles	
  en	
  pantalla	
  tác?l	
  

                                                              Foco	
  

1983	
           2003	
                                       2011	
  
Asignatura	
  Gráficas	
  por	
  
Computador	
  (año	
  2004)	
  




                             Mingw32	
  +	
  OpenGL	
  
Asignatura	
  Gráficas	
  por	
  
                           Computador	
  (año	
  2004)	
  




Programación	
  de	
  Palm	
  con	
  Palmphi,	
  un	
  programa	
  gratuito	
  
Graficas	
  2D	
  
Para	
  asignatura	
  “Graficas	
  por	
  computador”	
  
         Mi	
  primera	
  Aplicación	
  móvil	
  
Police	
  Lyrics	
  (Palm	
  App)	
  


                 BD?	
  
                                        typedef	
  struct	
  {	
  
                                        	
  	
  	
  Char	
  album[21];	
  
                                        	
  	
  	
  Char	
  ?tulo[73];	
  
                                        	
  	
  	
  Char	
  cancion[1484];	
  
                                        }	
  myRec;	
  
Panoramic	
  Images	
  (Palm	
  App)	
  




Como	
  gran	
  gracia,	
  tenia	
  
“versión	
  a	
  color”.	
  
Hoy	
  (2011)	
  
Alguien	
  se	
  acuerda	
  de	
  Palm?	
  
Lecturas	
  
                                  Estadís?cas	
  Nacionales	
  e	
  Internacionales	
  


Referencia	
  (Descarga):	
  
movistarinnova.cl/blog/centro-­‐de-­‐informacion/	
  




                      Chile	
                                                             El	
  Mundo	
  
Tendencias	
  de	
  Consumo	
  
en	
  Telecomunicaciones	
  
            Agosto	
  de	
  2011	
  
      Estadís?cas	
  a	
  Nivel	
  Nacional	
  
Developer	
  
Economics	
  2011	
  
How	
  developers	
  and	
  
brands	
  are	
  making	
  money	
  
in	
  the	
  mobile	
  app	
  economy	
  


            Junio	
  de	
  2011	
  
   Estadís?cas	
  a	
  Nivel	
  Internacional	
  
El	
  “tortuoso	
  camino”	
  
LOS	
  DISPOSITIVOS	
  MÓVILES	
  Y	
  EL	
  
  DESARROLLO	
  DE	
  SOFTWARE	
  
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)	
  
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	
  
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”	
  
Desarrollo	
  con	
  Adobe	
  Flash	
  Pro	
  CS5	
  
                    para	
  iOS	
  y	
  Android	
  
Desarrollo	
  con	
  Adobe	
  Flash	
  CS5	
  
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	
  
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	
  
W3C	
  Web	
  SQL	
  Database	
  
Supported	
  Pla}orms	
  	
  
•  Android	
  
•  BlackBerry	
  WebWorks	
  (OS	
  6.0	
  and	
  higher)	
  
•  iPhone	
  
SQL	
  en	
  JavaScript	
  
Chrome	
  como	
  
 herramienta	
  
para	
  depurar	
  
OpenSource	
  y	
  el	
  desarrollo	
  para	
  Android	
  
Android	
  	
  	
  	
  	
  	
  	
  Eclipse	
  +	
  ADT	
  +	
  emulador	
  
HTML	
  +	
  jQueryMobile	
  +	
  PTguiJS	
  +	
  PhoneGap	
  +	
  xCode	
  
Google	
  AppInventor	
  (beta)	
  
Google	
  AppInventor	
  (beta)	
  
“framework”	
  openSource	
  	
  

•  Dojo	
               •  jqTouch	
  
•  Jo	
                 •  iWebKit	
  
•  LiquidGear	
         •  SenchaTouch	
  
•  magicFramework	
     •  UiuiKit	
  
•  Iui	
                •  Jpint	
  
•  appML	
              •  jQueryMobile	
  
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/	
  
iWebKit	
  
P:	
  Objec?ve-­‐C?	
  	
  
R:	
  No.	
  HTML	
  
<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	
  
<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>	
  
                                                                                              	
  
                                                                                              	
  
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”
HTML	
  (Ingreso	
  de	
  texto)	
  

   <input	
  type="text”	
  id="tex}ield"	
  />	
  
Ejemplo	
  con	
  iWebKit	
  
   Laboratorio	
  ITsmart	
  de	
  la	
  	
  
Escuela	
  de	
  Ingeniería	
  (Temuco)	
  
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.	
  
APP	
  DE	
  ALUMNOS	
  
Diccionario	
  de	
  
Modismos	
  Chilenos	
  
   Para	
  extranjeros	
  (en	
  Inglés)	
  
Recetas	
  Chilenas	
  
Calculador	
  de	
  Notas	
  y	
  Escalas	
  
Trabajo	
  de	
  Título	
  
   Ping	
  Check	
  
Carretera	
  
 www.carretera.cl	
  
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	
  
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…	
  
Perder	
  el	
  miedo	
  al	
  japonés	
  




                                                              VEO	
  funcionalidad	
  




                                             LEO	
  lenguaje	
  
Perder	
  miedo	
  al	
  Ruso	
  




            VEO	
  funcionalidad	
  




                                       LEO	
  lenguaje	
  
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	
  ?	
  
Finalmente	
  
Lo	
  más	
  complejo,	
  para	
  mi,	
  es:	
  
    –  Tener	
  una	
  buena	
  idea	
  
    –  Armar	
  un	
  buen	
  equipo	
  de	
  trabajo	
  (personas)	
  
    –  …	
  y	
  no	
  la	
  tecnología	
  
GRACIAS	
  
APLICACIONES	
  MÓVILES	
  
Desde	
  la	
  perspec?va	
  del	
  Desarrollo	
  de	
  SoBware	
  

                                                                              Miguel	
  Carrasco	
  Q.	
  
                                                                              miguel.carrasco@umayor.cl	
  
                                                                      miguel.carrasco@VisitAnyPlace.com	
  

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (7)

Tema 3. Conoce la plataforma
Tema 3. Conoce la plataformaTema 3. Conoce la plataforma
Tema 3. Conoce la plataforma
 
#esaludbaleares Taller Aplicaciones móviles de salud - Xavier Olba
#esaludbaleares Taller Aplicaciones móviles de salud - Xavier Olba#esaludbaleares Taller Aplicaciones móviles de salud - Xavier Olba
#esaludbaleares Taller Aplicaciones móviles de salud - Xavier Olba
 
Dr. Masana - Un nuevo paso hacia el futuro
Dr. Masana - Un nuevo paso hacia el futuroDr. Masana - Un nuevo paso hacia el futuro
Dr. Masana - Un nuevo paso hacia el futuro
 
Ideas innovadoras CGInnova
Ideas innovadoras CGInnovaIdeas innovadoras CGInnova
Ideas innovadoras CGInnova
 
La salud está en nuestras manos
La salud está en nuestras manosLa salud está en nuestras manos
La salud está en nuestras manos
 
I Curso de NNTT en Atención Primaria, 3er día: ¡No apaguen sus teléfonos! App...
I Curso de NNTT en Atención Primaria, 3er día: ¡No apaguen sus teléfonos! App...I Curso de NNTT en Atención Primaria, 3er día: ¡No apaguen sus teléfonos! App...
I Curso de NNTT en Atención Primaria, 3er día: ¡No apaguen sus teléfonos! App...
 
Taller apps (calidad junio 2016)
Taller apps (calidad junio 2016)Taller apps (calidad junio 2016)
Taller apps (calidad junio 2016)
 

Ähnlich wie App moviles

Desarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta PhonegapDesarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta Phonegap
CongresoWeb
 
Móviles, iPhone y Android
Móviles, iPhone y AndroidMóviles, iPhone y Android
Móviles, iPhone y Android
Svet Ivantchev
 

Ähnlich wie App moviles (20)

Meetup app-moviles
Meetup app-movilesMeetup app-moviles
Meetup app-moviles
 
Desarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta PhonegapDesarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta Phonegap
 
Móviles, iPhone y Android
Móviles, iPhone y AndroidMóviles, iPhone y Android
Móviles, iPhone y Android
 
Curso de programacion en android
Curso de programacion en androidCurso de programacion en android
Curso de programacion en android
 
Tópicos Avanzados de Programación - Unidad 5 Programacion movil
Tópicos Avanzados de Programación - Unidad 5 Programacion movilTópicos Avanzados de Programación - Unidad 5 Programacion movil
Tópicos Avanzados de Programación - Unidad 5 Programacion movil
 
Proyecto de una aplicacion java swing para un agente bcp
Proyecto de una aplicacion java swing para un agente bcpProyecto de una aplicacion java swing para un agente bcp
Proyecto de una aplicacion java swing para un agente bcp
 
Presentacion Apps Moviles Atrapalo.com
Presentacion Apps Moviles Atrapalo.comPresentacion Apps Moviles Atrapalo.com
Presentacion Apps Moviles Atrapalo.com
 
Las apps
Las  appsLas  apps
Las apps
 
Code Blast 2012 - Node.js
Code Blast 2012 - Node.jsCode Blast 2012 - Node.js
Code Blast 2012 - Node.js
 
Primeros pasos con ReactNative
Primeros pasos con ReactNativePrimeros pasos con ReactNative
Primeros pasos con ReactNative
 
Prosciutto Palermo Valley Mobile Sessions
Prosciutto Palermo Valley Mobile SessionsProsciutto Palermo Valley Mobile Sessions
Prosciutto Palermo Valley Mobile Sessions
 
Prosciutto en Desayuno Mobile Palermo Valley
Prosciutto en Desayuno Mobile Palermo ValleyProsciutto en Desayuno Mobile Palermo Valley
Prosciutto en Desayuno Mobile Palermo Valley
 
Topicos Avanzados de Programacion - Unidad 5 programacion movil
Topicos Avanzados de Programacion -  Unidad 5 programacion movilTopicos Avanzados de Programacion -  Unidad 5 programacion movil
Topicos Avanzados de Programacion - Unidad 5 programacion movil
 
Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5
Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5
Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5
 
app
appapp
app
 
Android
AndroidAndroid
Android
 
Android
AndroidAndroid
Android
 
Las apps
Las appsLas apps
Las apps
 
Lizbeth Anahi zambrano Santos 402
Lizbeth Anahi zambrano Santos 402Lizbeth Anahi zambrano Santos 402
Lizbeth Anahi zambrano Santos 402
 
Charla GDG Madrid: Cordova + AngularJS + Ionic
Charla GDG Madrid: Cordova + AngularJS + IonicCharla GDG Madrid: Cordova + AngularJS + Ionic
Charla GDG Madrid: Cordova + AngularJS + Ionic
 

Kürzlich hochgeladen

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Kürzlich hochgeladen (15)

EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 

App moviles

  • 1. APLICACIONES MÓVILES Miguel  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.
  • 15.
  • 16.
  • 17.
  • 18. Developer   Economics  2011   How  developers  and   brands  are  making  money   in  the  mobile  app  economy   Junio  de  2011   Estadís?cas  a  Nivel  Internacional  
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 26. LOS  DISPOSITIVOS  MÓVILES  Y  EL   DESARROLLO  DE  SOFTWARE  
  • 27. 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)  
  • 28. 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  
  • 29. 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”  
  • 30. Desarrollo  con  Adobe  Flash  Pro  CS5   para  iOS  y  Android  
  • 31. Desarrollo  con  Adobe  Flash  CS5  
  • 32. 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  
  • 33. 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  
  • 34. W3C  Web  SQL  Database   Supported  Pla}orms     •  Android   •  BlackBerry  WebWorks  (OS  6.0  and  higher)   •  iPhone  
  • 36. Chrome  como   herramienta   para  depurar  
  • 37. OpenSource  y  el  desarrollo  para  Android  
  • 38. Android              Eclipse  +  ADT  +  emulador  
  • 39. HTML  +  jQueryMobile  +  PTguiJS  +  PhoneGap  +  xCode  
  • 42. “framework”  openSource     •  Dojo   •  jqTouch   •  Jo   •  iWebKit   •  LiquidGear   •  SenchaTouch   •  magicFramework   •  UiuiKit   •  Iui   •  Jpint   •  appML   •  jQueryMobile  
  • 43. 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/  
  • 44. iWebKit   P:  Objec?ve-­‐C?     R:  No.  HTML  
  • 45. <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  
  • 46. <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>      
  • 48. HTML  (Ingreso  de  texto)   <input  type="text”  id="tex}ield"  />  
  • 49. Ejemplo  con  iWebKit   Laboratorio  ITsmart  de  la     Escuela  de  Ingeniería  (Temuco)  
  • 50. 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.  
  • 52. Diccionario  de   Modismos  Chilenos   Para  extranjeros  (en  Inglés)  
  • 54. Calculador  de  Notas  y  Escalas  
  • 55. Trabajo  de  Título   Ping  Check  
  • 57. 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  
  • 58. 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…  
  • 59. Perder  el  miedo  al  japonés   VEO  funcionalidad   LEO  lenguaje  
  • 60. Perder  miedo  al  Ruso   VEO  funcionalidad   LEO  lenguaje  
  • 61. 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  ?  
  • 62. Finalmente   Lo  más  complejo,  para  mi,  es:   –  Tener  una  buena  idea   –  Armar  un  buen  equipo  de  trabajo  (personas)   –  …  y  no  la  tecnología  
  • 64. APLICACIONES  MÓVILES   Desde  la  perspec?va  del  Desarrollo  de  SoBware   Miguel  Carrasco  Q.   miguel.carrasco@umayor.cl   miguel.carrasco@VisitAnyPlace.com