CURSO DE JUVENTUD DISEÑO Y DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MÓVILES

Transcripción

1 CURSO DE JUVENTUD DISEÑO Y DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MÓVILES

2 CURSO NÚMERO DE HORAS FECHAS MODALIDAD LUGAR DE IMPARTICIÓN PROFESORES Nº ALUMNOS DISEÑO Y DESARROLLO DE DISPOSITIVOS MÓVILES 100 HORAS DEL 20 DE OCTUBRE AL 17 DE DICIEMBRE PRESENCIAL PSO. ARCO DE LADRILLO Nº 72-74, VALLADOLID Juan Carlos Castillo, Víctor Vergel, Miguel López 20 OBJETIVOS El curso pretende que los profesionales del diseño gráfico y del diseño y desarrollo de sitios web se incorporen al tren de las nuevas tecnologías, mejorando el rendimiento en su actual puesto de trabajo. Otro de sus objetivos es que aquellas personas con inquietudes en la materia accedan a una formación especializada, de nivel profesional, que les permita incorporarse al mercado laboral con la máxima preparación y garantía. DESCRIPCIÓN DEL CURSO Utilizar la tecnología Html 5 y CSS3 que es la que tiene un presente y un futuro más claro en el mundo del desarrollo de contenidos para la web, dispositivos móviles y para los libros electrónicos para tablets. PROGRAMA DE TEORÍA 1. HTML 5 y CSS3 Novedades Html5 Uso de librerías Javascritp para el control de webs sin Html5

3 Estructura semántica Esqueleto estructural Truco Auto-refresh Título y metaetiquetas Etiquetas estructurales Esbozo de contenido en el Header Contenido inicial del Body y el Footer 0 Cambio de UTF a ISO Ayudas para la estructuración con DIV Añadido de contenido a la página índex Semántica Marcado de tiempo con Time Preparación para microdatos: fotografía Añadido de microdatos Añadido de microformatos: Tarjeta de visita virtual Trabajo fuera de línea Multimedia Gráficos en Html5: canvas y SVG. Formularios Configuración del archivo PHP y variables para formulario. CSS3 Bordes Border Radius Múltiples radios en las esquinas Shadow Fondos Tamaño Origen Fondos Múltiples Efectos de Texto Sombra Word-wrapping Transformaciones Transformación de posición Transformación de rotación Transformación de escala Transformación de distorsión Transiciones, animaciones y efectos Transiciones de opacidad y sombra de caja Transición de escala Transición de color Animación Múltiples fondos y transparencias Sombra en el texto Animaciones Primera animación Múltiples fotogramas clave Animación de posición Columnas múltiples

4 2. Accesibilidad y posicionamiento SEO Investigación y estrategia: Palabras Claves Evaluación completa de páginas SEO Optimización de nuestras páginas SEO Promocionando nuestra web Informes de seguimientos y mejoras Google Sitemap Google Analytics Pautas de accesibilidad y herramienta 3. Diseño y Desarrollo de webs para dispositivos móviles. Introducción Diseño Modos de interacción. Aproximaciones para el diseño multi-pantalla. Miniaturizar o Movilizar. Arquitectura de contenidos. Creación de layouts Preparación de layouts para dispositivos móviles. Desarrollo básico XHTML mobile profile Introducción: Doctype, codificación, cacheado, transcoding o reformateo Sintaxis básica y comparativa con WML. Listado de etiquetas soportadas. Estructura básica de un documento. Elementos de XHTML MP Preparando nuestro entorno de desarrollo: fichero base con includes en PHP. Encabezados y textos. Enlaces. Imágenes. Formularios. Depuración XHTM MP en navegador. Hojas de estilos Hojas de estilos Textos: fuentes y medidas Modelo de caja y posicionamiento Desarrollo avanzado Contenidos personalizados y estrategias de detección de dispositivos. Alternativas existentes para la detección de dispositivos. Servicio: Handset Detection. Imágenes a la carta. Flash y vídeo. Movilizando con WordPress. Mapas. Seguimiento desde Google Analytics. Diseño de microsites Qué es un microsites? Partes de un microsite. Testeo y validación Validación

5 Emuladores Testeo en real en dispositivos reales y grupos de prueba. 4. Maquetación para tablets, ipad, y libros electrónicos Aspectos básicos Resoluciones de pantallas. Formatos con CSS Media Queries. Maquetación fluida vs maquetación fija. Viewport y audio. Multimedia con Html 5 Añadir vídeo. Añadir audio. Añadir gráficos. Geolocalización. Almacenamiento local. Diseño y animación con CSS3 Preparación de layouts para tablets. Efectos gráficos estáticos y animados. Transformaciones 2D y 3D. Animaciones. Efectos adicionales. Creación de contenidos multiplataforma y publicación Qué es una webapp. Cómo hacer un webapp. Demostración de webapp en emulador. Uso de la tipografía y efectos en medios multiplataforma. Overflow y frames. Gradientes, máscaras, reflection, transiciones y animaciones. Librerías Webapps. Eventos de Multitouch y de gesto. Baker Framework. Adobe Digital Publishing DPS. ebooks en formato EPUB de maquetación fija para ibooks Visualización en ipad. Safari extensions de iphone. MATERIAL A ENTREGAR A LOS ALUMNOS Carpeta curso, cuaderno y bolígrafo. Apuntes propios del profesor en formato papel y digital. Book de ejercicios a desarrollar en papel y formato cd Book de ejercicios resueltos para el desarrollo de la actividad del alumno. Páginas web relacionadas con el tema a tratar.

6 MEDIOS TÉCNICOS Aula espaciosa e iluminada con luz natural. Mesas y sillas en número suficiente para todos los asistentes. Un equipo informático instalado y configurado para cada asistente con conexión a Internet. Cada equipo informático dispone del software necesario para el desarrollo de la formación. Además, se podrá instalar software adicional a criterio del ponente. Un equipo informático, pizarra y cañón de proyección para el ponente o los ponentes. Equipos adicionales con las mismas condiciones que los anteriores para cubrir cualquier incidencia. Sala MAC o PC según el desarrollo del curso así lo necesite. Todas nuestras salas disponen de Pantallas TFT de entre 19 y 20 pulgadas. Aula Taller a disposición de aquellas partes del temario que lo requieran donde los alumnos de forma práctica podrán desarrollar las partes teóricas aprendidas durante la exposición del curso. Las aulas están dotadas con Proyector Multimedia conectado al equipo del profesor que permite a los alumnos seguir visualmente las explicaciones del mismo, así como todo el material visual necesario para uso del ponente (vídeo, DVD, proyector de transparencias ). Todas nuestras aulas tienen sistemas de impresión a color y B/N, scanner y grabación conectados en red. Las aulas también disponen de aire acondicionado ajustable en temperatura de forma independiente. MEDIOS HUMANOS Coordinadora : Verónica Lolas Profesor: Juan Carlos Castillo, Víctor Vergel, Miguel López Todo el personal colaborador del centro

7 MEJORAS PROPUESTAS La escuela dará un teléfono y un de contacto a todos los participantes para poder atenderlos en la etapa de puesta en marcha y adaptación de los conocimientos adquiridos. También podrán disponer de bibliografía de consulta y del aula de prácticas durante el desarrollo de la actividad formativa. Los alumnos dispondrán de prensa diaria, de revistas relacionadas con el curso y de cualquier otro material que así se disponga por las partes. Los alumnos dispondrán de una versión de prueba de los programas estudiados durante el desarrollo del curso. También dispondrán de la asistencia Post-Formation gratuita que ofrecemos a nuestros alumnos una vez finalizado el curso. Podrá resolver dudas y ampliar información sobre los temas propuestos. Uno de los puntos que consideramos más importante en estos momentos es, la inserción y seguimiento de los alumnos que lo necesiten en nuestro departamento de orientación laboral, donde les guiaremos y les asesoraremos hasta relacionarles con empresas del sector en las que puedan presentar su curriculum vitae, les ayudaremos en el desarrollo de sus entrevistas de trabajo y les tutorizaremos hasta su posible inserción laboral.