Congreso Web 2012 1, 2 y 3 de junio de 2012 WTCZ Zaragoza
Viernes
Presentación de aplicaciones
Presentación de aplicaciones  • DrawCloud.  • Back.beam.io.  • Mail Marketing de Nerion.  • ShoTools.
Draw Cloud• Fase pre-alfa.• Herramienta web, desktop y móvil.• Gestión y creación de presentaciones  dinámicas.• Archivado...
Back.Beam.io• Backend completo para apps móviles.• Fácilmente configurable.• Genera API.• Prueba en levelapps.net
Talleres
Taller de iniciación al    desarrollo de  aplicaciones iOS       Alberto Gimeno.
• Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
Características generales• OPP super-conjunto de C.• Sintaxis peculiar y muy verbose.• Gestión manual de memoria (garbage ...
• Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
Sintaxis básica• Heredamos de C lo bueno y lo malo.• Ficheros .h (cabeceras) .m  (implementaciones).• Cadenas de C “hola” ...
• Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
Tipos de datos• Heredados de C (int, char, byte, long).• Booleanos.• Del Framework Foundation.• Null es “nil” puede recibi...
• Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
NSObject• Librería principal de Objective-C.• Todos los objetos heredan de una interfaz  común.• “Equivalente” al Object d...
• Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
Gestión de memoria• iOS 5 gestión de memoria automática.• No compatibles.• Para la “vida” de un objeto se usa  contadores ...
Desarrollo rápido deapps iOS, depuración ycreacion de apps marca        blanca       Alberto Gimeno.
Apps marca blanca• Qué son: • Aplicaciones que pueden, con mínimos    cambios ser vendidas a distintos clientes
Apps marca blanca• XCode facilita su creación: • Creación de “targets” • Mismo código distintos recursos:   • Logos, fuent...
Apps marca blanca• Otros usos: • Internacionalización de aplicaciones • Aplicaciones “lite” y de pago:   • uso de “flags” e...
Sábado
Usabilidad en el diseño        de apps        Andrés Karp
Usabilidad apps: conceptos• REDUCIR • No es una web, no cabe todo • Funcionalidades concretas• ORGANIZAR • Más importancia...
Usabilidad apps: conceptos• APRENDIZAJE • Usuarios no tienen tiempo de aprender nada. • Tutoriales en pantalla. • Si a sim...
Usabilidad apps: conceptos• EMOCIONES • Debe causar impacto • Peso ligero. La gente la quiere ya, y ya suele ser 3G• Confia...
Usabilidad apps: conceptos• LA ÚNICA • Simplicidad, superar lo obvio y añadir lo util. • Simplificar procesos• EFECTIVIDAD ...
Usabilidad apps: usuarios• Definición de target ¿A quién quiero vender? • Cultura. • Edad. • Tipo de uso. • Segmentación.• ...
Usabilidad apps: diseño• Experiencia de usuario.• Contexto móvil.• Mensaje: ¿Qué quiero mostrar? ¿Qué no?• Look And Feel •...
Usabilidad apps: diseño• Layouts: • Adaptación a todas las pantallas, conservando la    experiencia de usuario.  • Respons...
Usabilidad apps: diseño• Gráficos: • Iconografía unificada • Simplicidad • Diseñadores • Seguir las “guidelines” de cada fab...
Usabilidad apps: diseño• Otros: • No olvidar viejos dispositivos. • Teclado físico vs. teclado táctil.
Usabilidad apps: capas• Idea               • Plataformas• Necesidades        • Prototipos• Contexto ¿Dónde    • Desarrollo...
Desarrollo web paramóviles: alternativas a  las app nativas       Miguel Monreal.
¿Razones?• Pereza: usuarios no instalaran nuestra app si  pueden acceder através de la web.• Dinero: desarrollar una app p...
Separando: JQuery Mobile• ¿Qué no es? • Framework para trabajar con Javascript • Compilador de apps • Algo que sirve para ...
Separando: JQuery Mobile• ¿Qué no es? • Framework para trabajar con Javascript • Compilador de apps • Algo que sirve para ...
Separando: JQuery Mobile • Características:  • Etiquetas html5 y css3 no intrusivo  • Open source  • Ligero: 31Kb.  • Acce...
Adaptando: Responsive Design  • ¿Qué es?   • A flexible grid (with flexible images) that      incorporate media queries to c...
Adaptando: Responsive Design  • ¿Qué es?  • El contenido manda
Adaptando: Responsive Design
Adaptando: Responsive Design
Desarrollo de sitiosweb con WordPress   como CMS     Guillermo Latorre.
¿Por qué wordpress?• Es un gestor de blogs. Pero no solo eso, es un  framework.• Software Libre, open source. COMUNIDAD.• ...
Personalizable• Se puede crear de todo, pero ya viene con: • Posts • Pagtes • Attachments • nav_menu • taxonomías (categor...
Domingo
Programación de appscon Android avanzado       Jorge Pintado.
Android avanzado• Imprescindible leer trozos del código de  Android para entender el funcionamiento y  exprimir al máximo ...
Android avanzado• Contenidos APK • ficheros dex (codigo para Dalvik) • recursos • assets (BD, content providers...) • manif...
Android avanzado• Reducción de tamaño • Ofuscar codigo (testear después) • Eliminar info de log • Ficheros preferidos  • I...
Android avanzado• Permitir instalacion en SD • Se indica en el manifest• Soporte multiple APK • Extension files
Android avanzado• Contextos • Usar contexto de aplicación antes que    el de activity porque éste puede estar    ya destru...
One more thing
Presentacion cw2012
Presentacion cw2012
Presentacion cw2012
Presentacion cw2012
Presentacion cw2012
Presentacion cw2012
Presentacion cw2012
Upcoming SlideShare
Loading in …5
×

Presentacion cw2012

238
-1

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
238
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Presentacion cw2012

    1. 1. Congreso Web 2012 1, 2 y 3 de junio de 2012 WTCZ Zaragoza
    2. 2. Viernes
    3. 3. Presentación de aplicaciones
    4. 4. Presentación de aplicaciones • DrawCloud. • Back.beam.io. • Mail Marketing de Nerion. • ShoTools.
    5. 5. Draw Cloud• Fase pre-alfa.• Herramienta web, desktop y móvil.• Gestión y creación de presentaciones dinámicas.• Archivado y publicación en la nube.
    6. 6. Back.Beam.io• Backend completo para apps móviles.• Fácilmente configurable.• Genera API.• Prueba en levelapps.net
    7. 7. Talleres
    8. 8. Taller de iniciación al desarrollo de aplicaciones iOS Alberto Gimeno.
    9. 9. • Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
    10. 10. Características generales• OPP super-conjunto de C.• Sintaxis peculiar y muy verbose.• Gestión manual de memoria (garbage collector) en Mac Os X pero no en iOS.• Tipado estático y dinámico.
    11. 11. • Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
    12. 12. Sintaxis básica• Heredamos de C lo bueno y lo malo.• Ficheros .h (cabeceras) .m (implementaciones).• Cadenas de C “hola” y NSString @”hola”.• Los métodos reciben mensajes, no se llaman. • Mensajes con [ ] • métodos partidos (demo). • Se puede usar la “dot notation” para los getter y setter.
    13. 13. • Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
    14. 14. Tipos de datos• Heredados de C (int, char, byte, long).• Booleanos.• Del Framework Foundation.• Null es “nil” puede recibir mensajes (adiós NullPointerException).• Todos los objetos tienen un tipo “id”.• Selectores SEL .
    15. 15. • Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
    16. 16. NSObject• Librería principal de Objective-C.• Todos los objetos heredan de una interfaz común.• “Equivalente” al Object de java• NSObject Class Reference http://goo.gl/5u8XQ
    17. 17. • Características generales.• Sintaxis básica.• Tipos de datos.• NSObject.• Gestión de memoria.
    18. 18. Gestión de memoria• iOS 5 gestión de memoria automática.• No compatibles.• Para la “vida” de un objeto se usa contadores internos en las vistas. Solo se destruye si está a 0.• Cuando dos objetos se relacionan entre sí se define la relacion débil/fuerte y el sistema sabe como actuar.
    19. 19. Desarrollo rápido deapps iOS, depuración ycreacion de apps marca blanca Alberto Gimeno.
    20. 20. Apps marca blanca• Qué son: • Aplicaciones que pueden, con mínimos cambios ser vendidas a distintos clientes
    21. 21. Apps marca blanca• XCode facilita su creación: • Creación de “targets” • Mismo código distintos recursos: • Logos, fuentes, imágenes, BBDD, etc.
    22. 22. Apps marca blanca• Otros usos: • Internacionalización de aplicaciones • Aplicaciones “lite” y de pago: • uso de “flags” en el código
    23. 23. Sábado
    24. 24. Usabilidad en el diseño de apps Andrés Karp
    25. 25. Usabilidad apps: conceptos• REDUCIR • No es una web, no cabe todo • Funcionalidades concretas• ORGANIZAR • Más importancia planificación previa.• TIEMPO • Control de lo que pasa en la app en cada momento
    26. 26. Usabilidad apps: conceptos• APRENDIZAJE • Usuarios no tienen tiempo de aprender nada. • Tutoriales en pantalla. • Si a simple vista no se ve lo que hace, mejor que oculte algo muy bueno.• DIFERENCIAS • Simplicidad externa no existe sin complejidad interna • No traspasarla al usuario
    27. 27. Usabilidad apps: conceptos• EMOCIONES • Debe causar impacto • Peso ligero. La gente la quiere ya, y ya suele ser 3G• Confianza • Que la simplicidad genere confianza. • No a las acciones imprevistas.• FRACASO • No siempre se puede simplificar • Dividir funcionalidades en apps o secciones claras
    28. 28. Usabilidad apps: conceptos• LA ÚNICA • Simplicidad, superar lo obvio y añadir lo util. • Simplificar procesos• EFECTIVIDAD • Rapidez al realizar tareas.• EFICACIA • Tareas correctamente realizadas.• SATISFACCIÓN • Dejar buen sabor de boca.
    29. 29. Usabilidad apps: usuarios• Definición de target ¿A quién quiero vender? • Cultura. • Edad. • Tipo de uso. • Segmentación.• ¿Qué está pasando? Todo controlado.• SIMPLICIDAD
    30. 30. Usabilidad apps: diseño• Experiencia de usuario.• Contexto móvil.• Mensaje: ¿Qué quiero mostrar? ¿Qué no?• Look And Feel • No es la pantalla del PC• Colores
    31. 31. Usabilidad apps: diseño• Layouts: • Adaptación a todas las pantallas, conservando la experiencia de usuario. • Responsive. • Recopilar estadísticas de uso para mejora.• Fuentes: • Genericas de plataforma preferiblemente.
    32. 32. Usabilidad apps: diseño• Gráficos: • Iconografía unificada • Simplicidad • Diseñadores • Seguir las “guidelines” de cada fabricante
    33. 33. Usabilidad apps: diseño• Otros: • No olvidar viejos dispositivos. • Teclado físico vs. teclado táctil.
    34. 34. Usabilidad apps: capas• Idea • Plataformas• Necesidades • Prototipos• Contexto ¿Dónde • Desarrollo y cuándo usar la app? • Testeo• Estrategia • Optimización
    35. 35. Desarrollo web paramóviles: alternativas a las app nativas Miguel Monreal.
    36. 36. ¿Razones?• Pereza: usuarios no instalaran nuestra app si pueden acceder através de la web.• Dinero: desarrollar una app para cada plataforma es caro.• “Nuestra web se ve bien, que hagan zoom” No. Diferente experiencia de usuario.
    37. 37. Separando: JQuery Mobile• ¿Qué no es? • Framework para trabajar con Javascript • Compilador de apps • Algo que sirve para todo• ¿Qué es? • Framework UI multiplataforma para webapps móviles
    38. 38. Separando: JQuery Mobile• ¿Qué no es? • Framework para trabajar con Javascript • Compilador de apps • Algo que sirve para todo• ¿Qué es? • Framework UI multiplataforma para webapps móviles
    39. 39. Separando: JQuery Mobile • Características: • Etiquetas html5 y css3 no intrusivo • Open source • Ligero: 31Kb. • Accesibilidad • JQuery • Mejora progresiva y bien documentado • Altamente personalizable • Javascript
    40. 40. Adaptando: Responsive Design • ¿Qué es? • A flexible grid (with flexible images) that incorporate media queries to create a responsive, adaptive layout (Ethan Marcotte)
    41. 41. Adaptando: Responsive Design • ¿Qué es? • El contenido manda
    42. 42. Adaptando: Responsive Design
    43. 43. Adaptando: Responsive Design
    44. 44. Desarrollo de sitiosweb con WordPress como CMS Guillermo Latorre.
    45. 45. ¿Por qué wordpress?• Es un gestor de blogs. Pero no solo eso, es un framework.• Software Libre, open source. COMUNIDAD.• Gran numero de actualizaciones• Mucha seguridad• Facilidad de uso• SEO de serie
    46. 46. Personalizable• Se puede crear de todo, pero ya viene con: • Posts • Pagtes • Attachments • nav_menu • taxonomías (categorías o colecciones de categorías) • Category, tag y link category por defecto
    47. 47. Domingo
    48. 48. Programación de appscon Android avanzado Jorge Pintado.
    49. 49. Android avanzado• Imprescindible leer trozos del código de Android para entender el funcionamiento y exprimir al máximo • Obtención de funcionalidad extra en el framework.jar• Conocer los ciclos de vida de una Activity
    50. 50. Android avanzado• Contenidos APK • ficheros dex (codigo para Dalvik) • recursos • assets (BD, content providers...) • manifest
    51. 51. Android avanzado• Reducción de tamaño • Ofuscar codigo (testear después) • Eliminar info de log • Ficheros preferidos • Imágenes png o 9patch • Vídeos H264 (menor px que pantalla) • Eliminar recursos no usados (ejem...) • Eliminar codigo repetido
    52. 52. Android avanzado• Permitir instalacion en SD • Se indica en el manifest• Soporte multiple APK • Extension files
    53. 53. Android avanzado• Contextos • Usar contexto de aplicación antes que el de activity porque éste puede estar ya destruido. • Context context = getApplicationContext(); • Intent i = new Intent(context, NewActivity.class);
    54. 54. One more thing
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×