FICHA DIDÁCTICA DOCENTE MÁSTER Marketing, Creatividad y Digital Business Intensivo ASIGNATURA Open source y sistemas de pago, herramientas web, construcción de un blog con WordPress. DOCENTE Álvaro Gómez Velasco BREVE CURRICULUM Estudio fotografía en el WAES de Londres y en 2002 empiezo a trabajar como fotógrafo y retocador. En 2006 llego a Madrid y hasta 2009 trabajo como director de arte y animador flash para varias agencias de publicidad (RNL, Shackelton, Wunderman, BBDO). Desde 2010 dirijo mi propio estudio de desarrollo web especializado en WordPress, donde coordino un equipo de freelances especialistas en distintos campos: SEO/SEM, UX/UI, Branding, ilustración producción de audio/video, desarrolladores front y back, sysadmins. Soy parte del equipo organizador del MeetUp de WordPress Madrid así como del evento WordCamp Madrid 2017.
OBJETIVOS DE LA ASIGNATURA Estudiar a través de ejemplos y ejercicios prácticos cuáles son las tecnologías que hacen que la Web funcione. Al final del curso, cada alumno habrá adquirido un conocimiento práctico y teórico que le permitirá entender y dirigir los distintos aspectos técnicos de un proyecto web. CONTENIDOS Y ESTRUCTURA DE LA ASIGNATURA 1. Introducción: Dominios, alojamientos y navegadores: Opensource. Buscar, elegir, contratar y configurar dominios y hosting. Qué sucede en nuestro navegador y qué en el servidor: Backend VS Frontend. Plataformas y lenguajes cerrados VS Opensource. 2. Planificación y lanzamiento de un proyecto: Elección de la tecnología más adecuada según la dimensión del proyecto. Estrategia, planificación y etapas de desarrollo: Estructura de contenidos, arquitectura de datos, wireframing y diseño de interfaz gráfica, flujo de navegación, objetivos de conversión y puntos de salida. Desarrollo, testeo técnico, testeo de usuarios (A/B testing), iteraciones y mejoras. 3. El frontend: XHTML, CSS, JS y FTP El fundamento de la Web. Inspector y Firebug. La construcción de un sitio básico web estático con el editor de Sublime Text 2. Uso de herramientas online como CodePen para demos y pruebas. Por último, vamos a cargar el sitio en la Web a través del cliente FTP (FileZilla, FireFTP). 4. HTML5/CSS3 en dispositivos móviles Tendencias de uso de internet desde dispositivos móviles. Efecto del tráfico móvil en los estándares web, ejemplo de Adobe Flash. HTML5/CSS3 para construir una página web Responsive y por qué es superior a otras técnicas anteriores (redirección por detección de user agent). Consideraciones de rendimiento, ancho de banda y UI específicas para móvil. 5. Lenguajes de Backend y CMS (Content Management Systems) - WordPress Visión general del sistema de gestión de contenidos más popular de internet. Diferencias entre WordPress.com y WordPress.org. Tecnologías de los CMS
(PHP/MYSQL). Temás y plugins. Consideraciones de optimización y seguridad. Construcción de un site corporativo con una sección de noticias. 6. Sistemas de pago online Paypal, Stripe, Apple Pay, TPVs y sus operadores en España. Ventajas e inconvenientes. Comisiones y notificaciones. Pagos recurrentes. Requerimientos técnicos de cada plataforma. 7. Métricas y control de tráfico. Sesión de Google, cookies, retargeting. Display, Adsense, keywords. Facebook y segmentación. Pixel de Facebook. Introducción a Google Analytics. Implicaciones legales de la suspensión del Safe Harbour METODOLOGÍA Con el fin de alcanzar la competencia en la discusión de estos lenguajes y tecnologías, el enfoque tendrá tanto parte teórica (aplicaciones de cada lenguaje dentro de un proyecto) como parte práctica (ejercicios concretos con esos idiomas y lanzamiento de una web propia al final del curso). En todo momento se irán viendo ejemplos reales de aplicación de estas tecnologías para su mejor comprensión. Para las ejemplos y ejercicios de código básico utilizaremos la plataforma oinline CodePen que permite hacer pruebas en tiempo real y guardarlas en la nube. El proyecto final será una web que use WordPress como CMS de fondo pero en la que el alumno ya comprendido y modificado ejemplos de todos los lenguajes y tecnologías más habituales en la web (HTML, CSS, JS, PHP, MYSQL) CRITERIOS DE EVALUACIÓN Participación en clase (comentarios, preguntas) Participación en los ejercicios Valoración conjunta del proyecto final
BIBLIOGRAFÍA Code Academy CSS Tricks w3schools Mozilla Developer Network A List Apart Smashing Magazine Learnlayout.com Firebug/Inspector Codepen/jsfiddle Gmetrix Seositecheckup Who is hosting this? What CMS is this? Browserstack WordPress Codex Ayuda WordPress DASH (offline docs) MATERIAL NECESARIO DE TRABAJO Ordenador portátil y conexión a internet para todos los alumnos Proyector Disponer de una instalación de WordPress limpia por cada alumno en local o en remoto (aunque no tenga su propio dominio principal)