Adobe Creative Suite CS6 Design & Web

23
@flashinstructor /TK8925 Joel Eduardo Ortíz González Adobe Certified Instructor & Adobe Certified Expert Adobe Creative Suite Design & Web Premium

description

 

Transcript of Adobe Creative Suite CS6 Design & Web

Page 1: Adobe Creative Suite CS6 Design & Web

@flashinstructor

/TK8925Joel Eduardo Ortíz González

Adobe Certified Instructor & Adobe Certified Expert

Adobe Creative Suite Design & Web Premium

Page 2: Adobe Creative Suite CS6 Design & Web

La era de los dispositivos móviles

• Para el año 2015, siete de cada 10 usuarios mexicanos de telefonía contaran con un smartphone.*

2012 - 23.3%

2013 - 34.7%

2014 - 50.3%

2015 - 68.0%

*The Competitive Intelligence Unit (CIU) - Mobile Commerce México & Central America Summit, 26 de Enero 2012

Page 3: Adobe Creative Suite CS6 Design & Web

Experiencias creadas para el usuario

Dentro del navegador Fuera del navegador

las personas

Page 4: Adobe Creative Suite CS6 Design & Web

HTML5 es la quinta revisión del lenguaje de marcado estructurado para la creación de documentos de la World Wide Web, establece una nueva serie de elementos y atributos que reflejan el uso típico de sitios web modernos. Algunos de ellos son técnicamente similares a las etiquetas de versiones anteriores pero tienen un significado semántico. Todavía se encuentra en modo experimental aunque ya es usado para el desarrollo web por sus mejoras, avances y ventajas.

Page 5: Adobe Creative Suite CS6 Design & Web

Actuar antes que nuestro destino nos alcance

Page 6: Adobe Creative Suite CS6 Design & Web

¿Que necesito para diseñar aplicaciones móviles exitosas?

Page 7: Adobe Creative Suite CS6 Design & Web

Adobe® Fireworks® CS6 es una herramienta que ayuda a crear en instantes, sin necesidad de escribir código, atractivos diseños para sitios web y apps para dispositivos móviles. Entre las características relevantes de esta herramienta se encuentran: El panel CSS para la extracción de código limpio CSS3, Compatibilidad con los nuevos aspectos de los temas de jQuery Mobile, Compatibilidad mejorada con CSS y Acceso al API para la creación de extensiones.

Page 8: Adobe Creative Suite CS6 Design & Web

Adobe® Dreamweaver® CS6 es una herramienta de diseño web que proporciona una interfaz visual e intuitiva para la creación y edición de apps para dispositivos móviles y sitios web. Ademas integra el framework JQuery Mobile simplificando el flujo de trabajo para llegar al publico de dispositivos móviles mediante el navegador, y también, integra Adobe PhoneGap™ Builder simplificando la creación y agrupación de apps nativas para Android, iOS, Windows Phone 7, Palm, Symbian y BlackBerry.

Page 9: Adobe Creative Suite CS6 Design & Web

jQuery Mobile es un framework de interfaz de usuario que permite crear apps nativas y sitios web optimizados para teléfonos y tabletas táctiles. No es un framework para trabajar en JavaScript, aunque para algunas cosas avanzadas podemos usarlo. Su curva de aprendizaje es muy alta en comparación con otras tecnologías existentes en el medio, jQuery Mobile es promocionado bajo el lema “write less, do more” (Escribe menos, haz más).

Page 10: Adobe Creative Suite CS6 Design & Web

http://jquerymobile.com/

Page 11: Adobe Creative Suite CS6 Design & Web

Adobe PhoneGap™ es un framework para desarrollo móvil open source creado por Nitobi y comprado por Adobe que permite a los desarrolladores de software construir aplicaciones móviles usando HTML5, JavaScript y CSS3 en lugar de usar los lenguajes nativos de cada plataforma. Una de las principales características de este framework es la compatibilidad con la mayoría de los OS que actualmente existen en el mercado móvil.

Page 12: Adobe Creative Suite CS6 Design & Web
Page 13: Adobe Creative Suite CS6 Design & Web

https://build.phonegap.com/

Page 14: Adobe Creative Suite CS6 Design & Web

PhoneGap Build Service

Page 15: Adobe Creative Suite CS6 Design & Web

Adobe® Flash® Professional CS6 es potente entorno de creación de animaciones y contenido interactivo y expresivo líder del sector. Diseña experiencias interactivas envolventes que se presenten de forma uniforme en pc´s y múltiples dispositivos, incluidas tablets, smartphones y televisiones. Ademas integra nuevas compatibilidades con HTML5 usando la extensión CreateJS, exportando animaciones básicas y funciones de dibujo de Flash a JavaScript.

Page 16: Adobe Creative Suite CS6 Design & Web

Experiencias creadas por la Plataforma Flash

Dentro del navegador Fuera del navegador

Page 18: Adobe Creative Suite CS6 Design & Web

Adobe Integrated Runtime

Es un entorno de ejecución que permite a los desarrolladores construir aplicaciones standalone (escritorio) con HTML, JavaScript, ActionScript, Flex, Adobe Flash Professional, y Adobe Flash Builder; para diferentes plataformas y dispositivos - incluyendo Android, BlackBerry, iOS, computadoras personales, y televisores.

Adobe® AIR®

Page 19: Adobe Creative Suite CS6 Design & Web

Aplicaciones standalone: Programe una vez, y optimice para todos los dispositivos

• Subconjunto de Flash Player• AIR se extiende a tablets, smartphones y TV’s

• Soportado por Android, iOS, Blackberry Tablet OS y desktops

• Pre-instalado en Acer, HTC, Motorola, Samsung• Pre-instalado en Smart TV Samsung y

reproductores Blu-ray• Herramientas de gran alcance - Diseño visual al

despliegue• Aplicaciones empresariales, sociales y

productivas son creadas con AIR de forma rápida

• Mas de 1,500 apps creadas para iTunes y Google Play

• Empresas mundiales crean aplicaciones con AIR

Page 20: Adobe Creative Suite CS6 Design & Web

Adobe AIR para TV Samsung SmartTVMediaHub, Samsung AppLG y TiVo (próximamente)

Page 21: Adobe Creative Suite CS6 Design & Web

http://beta.theexpressiveweb.com/

Page 22: Adobe Creative Suite CS6 Design & Web

http://html.adobe.com

Page 23: Adobe Creative Suite CS6 Design & Web

Joel Eduardo Ortíz González@flashinstructor

fb/TK8925

¿Preguntas?