Create world-class apps using Appcelerator (Spanish)

October 2012 - Talk given to students from Universidad de La Salle Bajío college @ León, Guanajuato, México

Transcript

1. Creando apps de clase
   mundial con Titanium
   SDK
   César D. Cavazos Berumen - @cesarcvz
   TCAD & TCMD
   Octubre 2012
   

   View Slide

2. Titanium SDK
   •  Desarrollo móvil multiplataforma que
   utiliza JS como lenguaje
   •  Permite crear aplicaciones para iOS,
   Android y WebMobile desde una
   misma base de código
   •  70% más rápido que lenguajes
   nativos (Objetive-C / Java)
   •  Extensibilidad ilimitada.
   •  Titanium NO es una plataforma ‘write-
   once-run-everywhere’ más bien es
   ‘write-once-adapt-everywhere’
   •  Permite crear experiencias de usuario
   atractivas que además pueden
   utilizar servicios en la nube.
   

   View Slide

3. Titanium SDK
   

   View Slide

4. Platforma
   •  Ti NO genera código nativo pero sí aplicaciones nativas.
   •  Ti es software libre. Úsalo!
   

   View Slide

5. Apps y Comunidad
   •  Appcelerator cuenta con una comidad de más de
   350,000 usuarios activos… y cada día somos más.
   •  Titanium SDK ha sido usado en más de 25,000
   aplicaciones publicadas.
   

   View Slide

6. Apps
   •  ¿Qué es lo que hace que una app sea exitosa?
   

   View Slide

7. ¿Qué se quiere hacer?
   Mantener la app
   tan simple como
   sea posible
   •  Solucionar un problema o entretener
   •  Diferenciar la solución
   •  Hacer 1 cosa bien
   •  Utilizar las propiedades móviles
   •  Seguir mejorando
   •  Sé social (si se requiere)
   

   View Slide

8. Bugs
   •  La importancia de los errores no críticos.
   •  Pausa / Resumen
   •  Batería
   •  Congelamiento de pantallas (Memoria)
   •  “Hard coded data”
   •  GPS
   •  Logs de consola eliminados
   

   View Slide

9. UI/UX
   •  Diseñadores:
   •  Wireframe
   •  Branding
   •  Tipografías
   •  “Finger-size elements”
   •  Evita botones default
   •  No saturar la pantalla
   de información.
   •  El ícono atrae, pero la
   app enamora.
   

   View Slide

10. UI/UX
    

    View Slide

11. UI/UX
    •  Desarrolladores:
    •  Tamaños de imágenes
    •  Disponibilidad de
    imágenes en diferentes
    plataformas
    •  Se logró el objetivo del
    equipo de diseño
    •  Imágenes @2x
    •  Texto e imágenes
    borrosas.
    •  Botones e imágenes SIN
    texto
    

    View Slide

12. UI/UX
    •  La experiencia de usuario
    •  Trabajo conjunto
    •  Animaciones
    •  Manejo de usuarios
    desesperados múltiples
    eventos
    •  Cada plataforma es
    diferente
    •  Guías dentro de la app
    •  “Platform Guidelines”
    

    View Slide

13. UI/UX
    

    View Slide

14. Backend Services
    •  No considerar esto como parte de la app es un grave error
    •  Hacer pruebas de número de conexiones
    •  Log in a través de otras plataformas
    •  Tiempos de respuesta
    •  Permisos
    •  Notificaciones
    •  LTE, 4G, 3G, E
    •  Consistencia de datos
    •  Manejo de errores
    •  JSON (XML soportado)
    

    View Slide

15. Modo Offline
    •  Nunca asumir que se tiene
    conexión a internet.
    •  Considerar el modo offline
    desde el diseño de la app
    

    View Slide

16. Caché
    •  Sincronización de datos
    •  Usar BDD locales o archivos
    •  Consumo de datos
    •  Descarga de imágenes
    •  Administración de archivos
    

    View Slide

17. Pruebas
    •  Dispositivos
    •  Sistemas operativos
    •  Conexión
    •  Usuarios NO técnicos
    •  Pruebas
    •  Unitarias
    •  Regresión
    •  Integración
    Developer VS Tester
    

    View Slide

18. Licencias
    •  Los términos de uso y condiciones y la licencia de usuario
    final deben contemplar los siguientes aspectos:
    •  Existir
    •  Explicar las limitaciones de la app
    •  Recolección y manejo de información personal
    •  No olvides la descripción de la app, en especial si va dirigido
    a un grupo de usuarios específico.
    

    View Slide

19. ¿Dónde empiezo?
    •  appcelerator.com
    •  Vimeo
    •  Github
    •  http://developer.appcelerator.com/blog/
    •  https://github.com/appcelerator
    •  Documentación
    •  http://docs.appcelerator.com
    •  KitchenSink
    •  https://github.com/appcelerator/KitchenSink
    •  Q&A y foros
    •  http://developer.appcelerator.com/questions
    •  Cursos y Certificaciones
    •  http://training.appcelerator.com
    •  Asiste a los Webinars gratuitos
    

    View Slide

20. Preguntas
    

    View Slide

21. ¡Gracias!
    César D. Cavazos Berumen
    @cesarcvz
    ccavazos@appcelerator.com
    ¡Code Strong!
    

    View Slide