Escuela Nacional de Artes Plsticas Divisin de Educacin Continua

DESARROLLOS WEB Y APPS PARA IPHONE, IPAD Y ANDROID (EN LNEA)

Ing. Hugo Mendieta Pacheco
Duracin: 240 horas (19 de agosto del 2013 al 31 de enero del 2014)

Coordinador:

Objetivos
Conocer y desarrollar aplicaciones de internet sofisticadas y enriquecidas Rich Internet Applications. Disear y desarrollar proyectos interactivos mediante el uso de nuevas tecnologas, estndares y frameworks. Desarrollo de aplicaciones empresariales. Flujo de trabajo desde los requerimientos, anlisis, diseo hasta la implementacin en la programacin. Introduccin a las posibilidades y tecnologas que acompaan al HTML5 y CSS3. Desarrollar aplicaciones web lquidas para varias plataformas mviles mediante codificaciones estructuradas, implementando el MVC, diseo de patrones, tnicas de visualizacin y servicios.

DIPLOMADO CON OPCIN A TITULACIN DESARROLLOS WEB Y APPS

Aplicaciones mbiles multiplataformas con HTML5, CSS3, jQuery, jQuery Mobile y PhoneGap. Implementacin en un proyecto integral.

Objetivo general: Adquirir los conocimientos y habilidades para el desarrollo de aplicaciones RIA para web y mviles, usando nuevos estndares para desarrollar un concepto general web y mobile.

CONTENIDO TEMTICO
Mdulo I: Diseo de aplicaciones web y mviles 20 hrs, Impartir: Hugo Mendieta Pacheco 19 al 31 de agosto del 2013 1. Presentacin. 2. Modo de trabajo y reglas del juego. 3. Definicin de conceptos bsicos. 4. El desarrollador. 5. Conceptos de requerimientos, funcionalidades y reglas de negocio. 6. Planeacin y estructura del proyectos. 7. Planeacin y estructura de los documentos. 8. Modo de trabajo. 9. Diseo orientado a web. 10. Diseo orientado a mviles. 11. Herramientas de desarrollo. 12. Trabajo dentro de un equipo. 13. Actividad de evaluacin: Alta de requerimientos. 14. Descripcin de la memoria Grfica. Mdulo II: Conceptos y programacin con Javascript y jQuery 40 hrs Impartir: Hugo Mendieta Pacheco 1 al 28 de septiembre del 2013

Escuela Nacional de Artes Plsticas Divisin de Educacin Continua Plantel Xochimilco

1. Modelo Vista Controlador. 2. Variables y tipos de datos. 3. Condicionales. 4. Estructuras de repeticin. 5. Funciones. 6. Listeners. 7. Objetos y Prototipos. 8. Trabajo de investigacin: UML. 9. Eventos con jQuery. 10. Carga de contenido. 11. Servicios json. 12. Bibliotecas de cdigo personales. 13. Trabajo de investigacin: RUP. 14. Diseo de patrones. 15. Revisin de avance de la memoria grfica.

Mdulo III: HTML5 y CSS3 40 hrs Impartir: Tamara Trujillo Galvn 29 de septiembre al 26 de octubre del 2013

1. Qu es HTML5 y CSS3? 2. Problemas de compatibilidad 3. Documento. 4. El DOM.

DIPLOMADO DIP LO MAD CON O CO OPCIN N O P CA I N TITULACIN DESARROLLOS A TI TUL ACI N VI D EO D WEB I GI TAL Y APPS
5. Etiqueta. 6. Etiquetas del HTML5. 7. Etiquetas de Texto. 8. Etiquetas de listas. 9. Etiquetas de formulario. 10. Etiquetas de tablas. 11. Definicion del Outline. 12. Trabajo con el Outline para un template. 13. Actividad de Evaluacin: Outline del proyecto web y mvil a partir de los documentos. 14. CSS2. 15. Clases y id 16. Reglas. 17. Selectores. 18. Modelo de caja. 19. CSS Reset. 20. Margenes y bordes. 21. Fondos. 22. Colores. 23. Posicionamiento. 24. Float. 25. Fuentes. 26. Herramientas de generacin de CSS3. 27. Ejemplo de prctica, menu desplegable. 28. Layouts 29. Vista general de jQuery UI.

Escuela Nacional de Artes Plsticas Divisin de Educacin Continua Plantel Xochimilco

30. Actividad de evaluacin: Definicin del template de la aplicacin web y mvil. 31. Revisin de avance de la memoria grfica.

Mdulo IV: Novedades del HTML5 40 hrs Impartir: Hugo Mendieta Pacheco 27 de octubre al 30 de noviembre del 2013

1. Drag and drop. 2. Graficos con canvas. 3. Animaciones con canvas. 4. Manejo del historial de navegacin. 5. Video. 6. Soporte para navegadores viejos. 7. Formularios con Webforms2. 8. Actividad de evaluacin: Ejercicios funcionales. 9. Revisin de avances de la memoria grfica. Modulo V: Webs lquidas y frameworks 40 hrs Impartir: Ana Laura Pacheco Martnez 1 al 16 de diciembre del 2013 1. Definicin del ejemplo prctico. 2. Estructura del proyecto. 3. Diseo adaptable. 4. Estructura de las pginas. 5. Cabecera. 6. Pie.

DIPLOMADO CON OPCIN A TITULACIN DESARROLLOS WEB Y APPS

7. Men. 8. Home. 9. Page 2. 10. Page 3. 11. Carga de Contenido con json. 12. Desktop. 13. Mobile. 14. Tablet. 15. Scroll y rotacin. 16. Correcciones. 17. Funcionalidad. 18. Actividad de evaluacin: Sitio web 19. Revisin de avances de la memoria grfica.

Mdulo VI: Aplicaciones mviles con jQuery Mobile y PhoneGap 60 hrs Impartir: Ana Laura Pacheco Martnez y Tamara Trujillo Galvn 6 al 31 de enero del 2014 1. Qu es y cmo usar jQuery Mobile y PhoneGap? 2. Definicin del ejemplo prctico. 3. Estructura del proyecto y configuracin. 4. Android SDK. 5. iPhone SDK. 6. Definicin del contenido. 7. Divs. 8. Navegacin.

Escuela Nacional de Artes Plsticas Divisin de Educacin Continua Plantel Xochimilco

9. Historial. 10. Transiciones. 11. Columnas. 12. Listas. 13. Elementos colapsables. 14. Formularios. 15. Campos de texto. 16. Checkbox. 17. Listas deplegables. 18. Flip Switch. 19. Search. 20. Submit. 21. Prueba. 22. Ejercicio prctico. 23. Actividad de evaluacin: App 24. Entrega de la memoria grfica.

Evaluacin
Nota: para la acreditacin del diplomado con opcin a titulacin deber contar con el 95% de asistencia y obtener un mnimo de 9.0 de calificacin y elaborar la memoria grfica; para lo cual es necesario entregar en tiempo y forma la memoria grfica, los trabajos y actividades que se soliciten