Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Create world-class apps using Appcelerator (Spanish)

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

César Cavazos

October 18, 2012
Tweet

More Decks by César Cavazos

Other Decks in Programming

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
    [email protected]
    ¡Code Strong!

    View Slide