Taller de Periodismo Digital (PE 53) Cronograma: Proyecto Portafolio Multimedia 2011 - 02 Daniel Flores Bueno (pcpedflo@upc.edu.pe; danielfloresbueno@gmail.com) 993048710 Alberto Mejía Manrique (alberto.mejia@upc.edu.pe; albertomejiamanrique@gmail.com) 997550850
Semana
01
02
Sesión 01 – AM Martes (5 a 7) 16 de agosto Presentación del Curso Nuevos Formatos Nuevas Interacciones 23 de agosto Introducción a Flash Animación Básica (graphic symbol) 30 de agosto
03
04
05
06
07
08
06 de setiembre Secuencia de Imágenes Mapa de Imágenes (Laboratorio 02 – AM) 13 de setiembre Scrolling (botones, scripts de botón, scripts de frame, movie clips) Publicación (formato fla, swf, html, ejecutable para PC, ejecutable para MAC) 20 de setiembre Armado del Portafolio (desarrollar ejemplo para cada alumno con los diferentes tamaños necesarios y programar su armado) 27 de setiembre Mapa Interactivo Construcción de un Intro (máscaras, interpolación de forma, línea guía) Asesoría para el Portafolio (pruebas de navegación) Asesoría para el Portafolio (preparación para publicación) (03 de setiembre) (04 de setiembre)
Sesión 02 – DF Miércoles (7 a 9)
Sesión 03 – AM Jueves (4 a 6) 18 de agosto
17 de agosto Portafolio Grupal en Wix
24 de agosto Portafolio Grupal en Wix (Laboratorio 01 – DF) 31 de agosto Portafolio Grupal en Wix (Trabajo – DF) 07 de setiembre Introducción Portafolios Digitales
25 de agosto (Laboratorio 02 – DF) Secuencia de Imágenes (animaciones secuenciales usando fade in y fade out) 01 de setiembre Mapa de Imágenes (botones, scripts de botón y movie clips) 08 de setiembre Mascaras (Efecto obturador, ventana del tren y efecto cortina para mostrar fotos)
14 de setiembre Asesoría para el portafolio (P1 – P2 – P3) (Laboratorio 03 – DF)
15 de setiembre Plantilla para Portafolio (deconstrucción de portafolios, carga de películas modo reemplazo, modo inclusión, medidas del portafolio)
21 de setiembre Asesoría para el portafolio (P4) (Laboratorio 04 – DF)
22 de setiembre Inserción de Sonido Inserción de Video Asesoría para el portafolio (pruebas de navegación) (P4) (Laboratorio 04 – AM)
28 de setiembre Asesoría para el portafolio (P5) (Laboratorio 05 – DF)
29 de setiembre Asesoría para el Portafolio (preparación para publicación) (P5) (Laboratorio 05 – AM)
Publicación de la versión final de cada portafolio en el servidor beta (05 de setiembre) 5 a 10 pm
Página 1 de 6
Presentación y exposición del Portafolio (jueves 06 de octubre) 7 a 10 pm
Lista de chequeo para el armado del portafolio personal
El Proyecto del Portafolio se realiza parcialmente en las horas de clase, una buena parte del proyecto se realiza en un espacio personal del estudiante fuera del aula. Cada estudiante contará con un tiempo limitado para asesoría, consultas y revisión de sus propuestas de parte de los profesores
•
Recopilar todos los trabajos que se consideren representativos de cada estudiante y que formaran parte del portafolio. Recopilar de manera especial los trabajos publicados en Internet desarrollados para empresas (clientes externos o internos) 1. Realizar la búsqueda de trabajos desarrollados para la UPC en la página web de la facultad.
•
Estos trabajos pueden ser documentos (los que deberán ser convertidos en formato PDF), audios (los que deben ser convertidos en formato MP3), videos (los que deben ser convertidos en formato AVI, MPEG, MOV o FLV) los videos no deben se muy extensos, ni el tamaño del cuadro muy grande. Si alguien tiene infografías, deberían ser convertidas en formato PDF si las graban en formato JPG se pierden los detalles. En el caso de las infografías de todas formas se necesitan imágenes JPG para poder ser enlazadas a los documentos PDF.
•
(P1) Definir una metáfora (o recurso visual alternativo) que articulará gráfica y funcionalmente todo el Portafolio. Se sugiere que esta metáfora sea encontrada por medio de una lluvia de ideas personal. Durante la exposición del Portafolio la metáfora debe tener una conexión natural con el propietario del Portafolio. (Esta metáfora deber ser aprobada por DF)
•
(P2) Definir la estructura de navegación y la estructura de información del Portafolio, es decir de que forma se interactuará con la Interfase (como se navegará por sus diferentes partes) - cuales son los contenidos que se colocarán y cuales serán los nombres de las diferentes partes del Portafolio. (La estructura de navegación debe ser aprobada por AM y la estructura de información por DF)
•
En el punto anterior es importante mantener la simplicidad (no confundir este concepto con presentar propuestas poco elaboradas). La estructura de navegación debe intentar mantenerse en el marco de la Plantilla del Portafolio presentada en clase la cual proporciona suficiente flexibilidad pero que al mismo tiempo limita la complejidad innecesaria en este primer proyecto.
•
(P3) Presentar una propuesta gráfica de la página de inicio (home) que tome en cuenta la metáfora aprobada por DF y la pantalla típica de una de las opciones tomando en cuenta la estructura de navegación aprobada por AM.
•
(P4) Presentar la película menu.fla (que contiene el home) y las películas que contienen a cada una las opciones de la estructura de información si se decide utilizar la primera opción de armado, en el caso de utilizar la segunda opción de armado solo es necesario la película menú.fla. En todos los casos deben estar insertadas los elementos gráficos básicos, no el contenido final y todas las películas deben estar programadas de tal forma que se pueda navegar por todo el portafolio. Conectar la película intro.fla 2 (de existir un intro) con la película menu.fla.
•
Una vez que todo esta conectado los estudiantes podrán ingresar la información de manera independiente en cada película sin temor a “desconectar” los módulos.
•
Recuerde la optimización
3
por la que debe someterse a todo el material gráfico.
1
Estos trabajos se pueden enlazar con el comando getURL o copiarlos en el CDROM donde se grabará el portafolio, generalmente estos trabajos (si son impresos) se deben tener en formato PDF. Recuerde que el Intro no debe quitarle protagonismo al portafolio en si, no debe convertirse en un competidor del contenido del proyecto. 3 La optimización consiste en que todas la imágenes que se publicaran en el portafolio deben ser importadas a Flash en su tamaño real, con las cuales serán utilizadas. En Photoshop se deben cambiar la resolución a 72 ppp y al grabarlas en formato jpg seleccionar una de los 12 niveles de compactación (12 mas alto, 01 mas bajo la selección final depende de la calidad esperada de la foto, puede empezar con 05) 2
Página 2 de 6
•
(P5) Preparación del material a ser copiado en el CDROM (generación del proyector, archivos fla, archivos swf) – Preparación del material a ser publicado (generación de los archivos html y fla) en Internet. 4
•
Finalmente dentro de los criterios de calificación existen varios rubros que deben ser atendidos uno de ellos esta relacionado con que al postear en FB la dirección de su portafolio se muestre una imagen (como en el caso del portafolio de Marina García Burgos www.marinagarciaburgos.com) la limitación que tiene es que no se muestra un detalle de su contenido. ¿Cómo consiguió este efecto? Ella coloco antes de su portafolio construido en flash una pagina estatica con una imagen que es la que FB captura y coloca en el muro, si colocas mas de una foto, entonces FB te permite seleccionar un thumbnail.
•
Observe que hay una diferencia cuando postean la dirección del web de http://www.emol.cl o el site del profesor Michal Wesch http://ksuanth.weebly.com/wesch.html que muestran un título, una imagen y una descripción. ¿Cómo consiguió este efecto? En este caso usa un site donde la pagina es estática y en este caso se puede hace uso de los llamados metatags:
<title>Wesch - Anthropology Program at Kansas State University</title> <meta property='og:description' content='Michael Wesch Associate Professor of Cultural Anthropology Coffman Chair for Distinguished Teaching Scholars 206 Waters Hall Kansas State University Manhattan, KS 66506 785-370-4329 mwesch@ksu.edu...' /> <meta property='og:image' content='http://ksuanth.weebly.com/uploads/1/5/4/0/1540374/2941993.jpg?165x123' /> <meta property='og:url' content='http://ksuanth.weebly.com/wesch.html' />
•
4
Lo que permite colocar el titulo, colocar una descripción, asignar una foto y mostara el URL. Para hacer estos ajustes es necesario hacer uso de Adobe Dreamweaver editor de paginas web.
La presentación será en ambos formatos: por medio de un CDROM y se publicara en web para ser visionado el día de la presentación y exposición de los portafolios y para ser visionado y comentado por un jurado externo.
Página 3 de 6
Pรกgina 4 de 6
•
Finalmente estas son las medidas sugeridas para diagramar sus propuestas gráficas (la columna Layout efectivo) se sugiere tomar la opción 04 ó 05, si ninguna de esas los satisface, utilizar otra proporcional u otra que se ajuste mejor a su metáfora visual.
Opción 01 02 03 04 05
Tamaño de Pantalla (maximizada) 640 x 480 pixeles 640 x 480 pixeles 800 x 600 pixeles 832 x 624 pixeles 1024 x 768 pixeles
Layout efectivo Tamaño de la película en Flash 536 x 196 pixeles 600 x 300 pixeles 760 x 420 pixeles 795 x 470 pixeles 955 x 600 pixeles
Películas interiores tamaño tamaño tamaño tamaño tamaño
variable variable variable variable variable
Formula de Evaluación: •
La fórmula para obtener la nota final de la asignatura era:
PF = LB1(0,05) + LB2(0,05) + TRABAJO (0,15) + LB3(0,05) + LB4(0,05) + LB5(0,05) + TRABAJO PARCIAL (0,20) + LB6(0,05) + LB7(0,05) + LB8(0,05) + TRABAJO FINAL (0,40) Donde: TR: Trabajo (Portafolio Grupal con Wix) : 15% TP: Trabajo Parcial (Portafolio): 20% (usando criterios de calificación que son entregados) TF: Trabajo Final (Reportaje Multimedia): 25% (usando criterios de calificación que son entregados)
En este caso se rendirán 8 laboratorios calificados cada uno tendrá un peso del 5%. Es decir los 8 laboratorios juntos pesaran: 40%. 2 estarán sólo a cargo de DF, 2 estarán sólo a cargo de AM y 4 estarán a cargo de DF y AM. En cuanto a las notas de los Trabajos, el primero estará sólo a cargo de DF y los dos últimos tienen nota compartida de DF y AM.
LB01: Control DF del Trabajo LB02: Laboratorio Calificado de Flash AM TR: Trabajo (Portafolio Grupal con Wix) : 15% LB03: Avance del Portafolio DF LB04: Avance del Portafolio DF - AM LB05: Avance del Portafolio DF - AM TP: Trabajo Parcial (Portafolio): 20% LB06: Laboratorio Calificado de Flash AM LB07: Avance del Reportaje Multimedia DF - AM LB08: Avance del Reportaje Multimedia DF - AM TF: Trabajo Final (Reportaje Multimedia): 25%
Página 5 de 6
No se admitirán presentaciones de proyectos incompletos. En caso de que la complejidad y elaboración técnica de alguno de los proyectos sea mayor a la realizada durante clase queda bajo el criterio de los profesores tomar una evaluación adicional que confirme que el proyecto ha sido desarrollado por los autores. Reglamento de Estudios Art. 38: “Si un alumno comente alguna falta grave contra la probidad académica es cualquier evaluación, recibe la calificación de 99 equivalente a 0, en la asignatura, además de la aplicación de las sanciones correspondientes” “La calificación de las faltas contra la probidad de la evaluación esta a cargo de la persona asignada para controlar su desarrollo”. “Si la falta se descubre al momento de corregir la evaluación, la calificación de la falta está a cargo del profesor de la asignatura”. En ambos casos, se presenta a la Secretaria Académica la prueba junto con un informe” Los criterios de calificación tanto del Portafolio como del Reportaje Multimedia serán entregados con anticipación.
Página 6 de 6