Desarrollo de aplicaciones web para iPhone - Dr. José Martín Molina Espinosa

Desarrollo de aplicaciones
    web para iPhone

      Dr. José Martín Molina Espinosa

Bienvenidos

• 6 horas de trabajo en clase
• 2 horas de trabajo fuera del salón
• Objetivo
   – Entender el proceso de creación de
     aplicaciones móviles para plataforma
     iOS con el proposito de apoyar el
     proyecto de aprendizaje móvil del
     Tecnológico de Monterrey.

Políticas del curso

• Puntualidad y asistencia.
• Realización de ejercicios de programación guiados por el
  instructor.
• Realización de ejercicio desafío al final del curso

¿Qué ocurrio del 29 junio del
 2007 que ha cambiando
      nuestras vidas?

•   Extraida de
    http://cache1.asset-cache.net/xc/74961519.jpg?
    v=1&c=IWSAsset&k=2&d=77BFBA49EF878921A343B2C87A49D8F513EDB97E4B8F9AD2B77E557E54D24F1D2
    DF60DBAF5350FF2 3 junio 2010

Datos acerca de Iphone

• 270,000 de Iphones vendidos en los primeros dos días.
• 1,000,000 mes y medio después del lanzamiento
• 11 julio 2008 se lanza el Iphone 3G y el SDK
• 1,000,000 Iphone 3G vendidos en 3 días
• 24 junio 2010 lanzamiento de iPhone 4
• 3,000,000 iPhone 4 vendidos (un mes después)
• En los primeros tres meses de 2011 Apple ha reportado
  ventas de 18.6 millones de iPhone.
• iPhone 5s octubre 2013?....estén pendientes

Versiones y características del Iphone

•   2007, primera versión
•   2008, Versión 3G ( 2007 + GPS)
•   128MB RAM (4 – 16 GB en memoria flash)
•   Pantalla multi-tactil de 3.5” con 480 x 320 pixeles con
    capacidad de orientación vertical u horizontal.
•   Conectividad LAN y WAN
•   2009 3 GS (tercera generación)
•   2010 iPhone 4 (Cuarta generación)
     – Cámara frontal y posterior (facetime)
     – Retina Display 960x640
•   2011 iPhone 4s (quinta generación), Siri
•   2012 iPhone 5 (sexta generación), pantalla 4,0", 1136×640
    píxeles, 326 ppp, 16M colores

Características de red

• LAN
  – WiFi 802.11 b/g/n hasta 54 Mbps
• WAN
  – GSM: UMTS/HSDPA/HSUPA (850, 900,
    1900, 2100 MHz); GSM/EDGE (850, 900,
    1800, 1900 MHz)
  – DMA: CDMA EV-DO Rev. A (800, 1900
    MHz)

El navegador del Iphone

• Versión movil de Safari
• Soporta HTML, CSS, DOM, JavaScript
   – No soporta Java
   – No soporta Flash

Otras características

•   Giroscopio
     – Tres acelerametros para los ejes x, y, z
•   Bluethoot
     – Versión 2.1,
•   Camara fotográfica
     – Resolución de 5M pixeles (HD 720p)
     – Frontal VGA
•   GPS
     – asistido a través de triangulación de antenas
          • Celular, WiFi,
•   Brújula (desde 3GS)
•   Sensor de proximidad
•   Sensor de luz ambiental
•   Indicadores de contacto con líquidos (para reclamaciones de garantía)

Características distintivas del Iphone

•   Siempre en Internet
•   Bateria durable
•   Consciente de su ubicación
•   Consciente de su orientación
•   Entrada de datos innovadora
•   Salida de datos innovadora

Tipos de programación de aplicaciones

• Aplicaciones basadas en Web
   – Páginas web en HTML+CSS+JavaScript
• Aplicaciones nativas
   – Objective-C + Iphone SDK
• Aplicacione híbridas
   – Aplicaciones desarrolladas como
     aplicaciones web pero que son
     incrustadas en aplicaciones nativas.
   – HTML+CSS+JavaScript + Objective C +
     API

Tipos de programación de aplicaciones

• Aplicaciones basadas en Web
   – Dashcode + iPhone simulator
• Aplicaciones nativas
   – Xcode + iPhone Simulator + Interface
     Builder
• Aplicacione híbridas
   – PhoneGap
   – Appcelerator Titanium

Ventajas

Aplicaciones Web                Aplicaciones nativas
Facilidad de desarrollo         IDE sofisticado
Facilidad de acceso             Conocimiento de Objective C
Despliegue rápido               Integración con las librerias
                                iPhone
Actulizaciones automatizadas    Librerias gráficas poderosas
Acceso a datos dinámicos        Velocidad nativa
Acceso a contenido web          Modelo económico construido
existente                       en App Store
Acceso a servidor offline       Independencia de la red
Integración con contenido web   Modelo de privacidad de uso
de terceros
Acceso a otros usuarios         Facilidad de acceso continuo

Desarrollo Web

• Simplicidad
   – JavaScript
   – WebServer
   – Navegación y busqueda vía browser
• Dinamismo
   – Actualizaciónes simples y rápidas
• Globalización
   – Carga de computo o de persistencia
     de datos en el servidor

¿Cuando usar desarrollo Web?

• Interfaces basadas en listas de datos con poco uso de las
  capacidades del iPhone
• Programas que se actulizarán constantemente
• Programas dependientes de datos, usuarios o accesos a
  través de Internet.

Desarrollo nativo SDK

• Sofisticación
   – GPS, acelerometros, cámara
• Accesibilidad
   – Independencia de conexión a red
   – Velocidad de ejecución independiente
     de red, servidor.
• Monetización
   – Venta de aplicaciones
   – Sin necesidad de administrar plataforma
     de despliegue

¿Cuándo usar desarrollo SDK?

• Programas sofisticados
   – Suite de comunicación entre módulos,
     eg iStanford.
• Uso de funciones del dispositivo especificas: cámara,
  micrófono, acelerómetro, brújula.
• Monetización de aplicaciones sin tener que administrar la
  infraestructura web subyacente

Ejemplos de aplicaciones

Programas Web                Programas SDK
Chat                         Contabilidad
Programas basados en texto   Agendas y listas de contactos
Juegos                       Gráficos animados
Listas de inventario         Información basada en texto
                             crítica
Agendas                      Juegos
                             Programas sensibles a la
                             localización (Geo-Localización)
                             Fotografía, gráficos

Tipos de páginas web

• Sin tomar en cuenta iPhone
   – Incompatibles
       • Flash, java
   – Compatibles
       • Uso de CSS, DOM
• Tomando en cuenta Iphone
   – Amigable para iPhone
   – Optimizada para iPhone
   – Aplicaciones webdashcode

Características de las páginas

• Amigables para iPhone
   – Retrabajadas: uso de viewport,
     columnas
• Optimizadas para iPhone
   – Agregación de comandos tipo gestos
• Aplicaciones Web para iPhone
   – Aplicaciones que parecen nativas

Aplicaciones nativas

• Sin conexión a red
• Con conexión a red

Desarrollo para iPhone integrado

• Desarrollo en espejo
   – Aplicación web gratis para atraer
     usuarios
   – Aplicación SDK completa pagada a
     través de App Store