WASHINGTON SCHOOL PROYECTO TISG Profesora: Verónica Rapella Producto: Desarrollo multimedia Opción seleccionada: Página Web Cliente: Romina Poumpino Alumna: María Belén Monteagudo Curso: 6 sr IB Año: 2012 CRITERIO A: Investigación inicial TISG Producto Desarrollo Multimedia Opción Página web Solución de TI: Desarrollo página web: Mi proyecto consistió en hacer una página web para publicar trabajos de los chicos de primaria del colegio que hacen en un Taller que se llama “Recursos Literarios”. Para cumplir mi objetivo decidí diseñar un título para esa página que fuese creativo y atractivo para los chicos y que por otro lado resultase interesante para las familias y que el colegio pudiese aprovechar para establecer un nuevo lazo de comunicación con las familias. Así también, diseñé los botones que iba a tener mi página web usando el efecto roll over en el programa Dreamweaver. Diseñé el sitio web para ser navegado en 4 páginas distintas a las cuales se accede por links. Esas plantillas se iban a llamar HOME, QUE HACEMOS, TALLERES, UBICACIÓN. Lamentablemente, por falta de tiempo, tuve que sintetizar algunos pasos utilizando como plataforma de desarrollo la siguiente página, que es una plantilla predeterminada que permite editarla de modo tal que uno puede llegar al objetivo que uno quiere www.wix.com Para comenzar a utilizar ésta plantilla, primero creé un usuario en gmail, después seleccioné algunas imágenes relacionadas con el tema de la escritura como ser lápices de colores, plumas, libros cuadernos y fundamentalmente edité fotos que les tomé a los chicos produciendo material similar al del taller. Estas imágenes sirvieron para ilustrar el fondo del sitio, la ventana principal de acceso y hacer efectos en cada una de las 4 páginas. El HOME presenta el taller en líneas generales, a modo de resumen contando la actividad que hacen los chicos. La solapa de TALLERES presenta el contenido de cada uno de los talleres, la plantilla QUE HACEMOS se ven los chicos a la hora de producir sus trabajos y lo que les trasmite la actividad y es en cierta forma una invitación a que participen más chicos del colegio, por eso utilicé en una de las imágenes una pregunta transversal: ¿Te animás a escribir? Y la cuarta y última plantilla UBICACIÓN nos muestra de manera gráfica y atractiva como llegar al colegio donde se dictan los talleres en la solapa muestra la ubicación del colegio para poder localizarlo rápidamente. Es una imagen tomada de Google Maps. Como pie de página me pareció importante usar el logo del colegio, con el claim, los teléfonos y datos útiles y los íconos de las redes sociales para que sea más dinámico y moderno y que si Romina (maestra a cargo del taller) está interesada en desarrollar los accesos directos a estas redes sociales tenga los tenga ya habilitados. "El mejor niño, para el mejor hombre, para un mundo mejor" Resumen del problema La profesora de Recursos Literarios de la primaria del Washington School, Romina Poumpino, da clases de lengua a los chicos de EGB 1 y 2 y tiene a cargo un taller literario extracurricular donde se realizan diferentes proyectos. Por ahora, no tiene ni tiempo ni las herramientas suficientes para difundir estos proyectos y actividades que los chicos realizan en el taller, y no sabe como agregarle sonido a los power points que ha realizado para difundir. Romina considera que su taller tendría más prestigio si se difundiese entre todas las familias del colegio y si se pudiese crear una página web donde se puedan subir todos los trabajos de los chicos y al mismo tiempo poner este link en el sitio web del colegio para que tenga acceso público. Explicación de las insuficiencias de la situación actual Como dijo Romina, al realizarse dos veces por semana el taller, y ella estar dando clases todos los días, le resulta imposible encontrar tiempo de dedicación para poder aprender técnicas para mejorar los power points para subir a la web, y desde ya, no tiene manera de poder crear el sitio web. Ella espera una ayuda, y yo se la voy a brindar ya que tengo la voluntad y el tiempo necesarios. CRITERIO B : Análisis Especificación de requisitos Justificación de la solución propuesta La profesora Romina, está muy entusiasmada con la propuesta que se le hizo para brindarle ayuda para la difusión de sus Power Points que muestran los trabajos que hacen los chicos. Romina me envió un Power Point vía mail para brindarme toda la información sobre sus actividades y así yo tener una idea de cómo son los trabajos que hacen los chicos y cuál es la idea que ella tiene para difundirlos en una primera etapa, por eso una vez que pude organizar mis ideas y ver cuales son las habilidades que tengo y que le puedo brindar voy a empezar a volcar esas ideas en primeros resultados. Entonces mi próximo paso a seguir será reunirme con Romina y comunicarle las ideas que tengo en mente para llegar a un acuerdo y establecer una pauta de trabajo en conjunto, luego será importante obtener y recopilar los trabajos de los chicos por si los mismos son manuscritos, así puedo comenzar a transcribirlos y pasarlos a la computadora y buscarle un diseño atractivo para que cuando a los padres de la Comunidad Washington School les lleguen los mails se vean interesados por saber que hicieron los chicos en la hora del taller. Requisitos que tiene que tener página web Imágenes de los chicos trabajando Información general del taller Ubicación del colegio Preguntas para el usuario: 1) ¿Se entiende de forma clara la información brindada en la página? 2) ¿Es atractiva la página? 3) ¿Cumple tus expectativas? CRITERIO C: Calendario de planificación del proyecto Gantt Project Criterio D: Diseño del producto Para graficar el Diseño del producto decidí realizar un power point a modo de story board porque es un programa que permite visualizar de un modo muy claro y real los contenidos desarrollados en mi proyecto. Para ello realicé captura de pantalla de las cinco diapositivas que produje para contar el story board y aquí abajo las inserté. En cada una de ellas se muestra el paso a paso del diseño y guión del proyecto Página Web. Criterio E Desarrollo del producto cumpliendo condiciones de complejidad Las técnicas avanzadas utilizadas para garantizar que los requisitos para la elaboración de una tarea compleja para el desarrollo del producto multimedia del Proyecto TISG sean cumplidas fueron: 1. Integración avanzada de los diferentes elementos multimedia. Se editaron imágenes fotográficas tomadas a los alumnos durante la actividad del Taller de Recursos Literarios. Se seleccionaron de Google imágenes relacionadas con la escritura y la producción literaria (Mafalda con una pluma; una mano con un lápiz; libros apilados en una biblioteca ) que luego se usaron para ilustrar como plantillas de fondo del sitio web – con el objetivo de generar inspiración literaria - y como imágenes de fondo de cada página del sitio, se insertó un mapa de Google Maps para señalizar la localización del Taller en la página de Ubicación, se incorporó un tema musical para que el sitio tenga la opción de sonido y así resulte más atractivo para los chicos. 2. Incorporación de Sonido, creación de Video tutorial; Animación original y creación de gráficos Gantt Project. Se incorporó el tema musical Color esperanza de Diego Torres por ser un tema muy alegre, con un mensaje muy positivo y cargado de emociones que sirven como un disparador para incentivar la creatividad necesaria en un taller literario. Se grabó un video tutorial y se lo subió a Youtube y luego a la página. Se creó un Gantt Project con los datos del desarrollo del Proyecto TISG para hacer un seguimiento al estilo tablero de control y ver el estado del proyecto. 3. Navegación por medio de marcos y botones personalizados. Se decidió crear cuatro páginas para la navegación porque Se realizó el link a la página del colegio. Se eligieron colores primarios por ser más atractivos, alegres y llamativos para los chicos. El color verde en sus distintas gamas fue el seleccionado para unificar los botones y cuadros de texto de cada página. Este color tiene atributos tales como: significa vida. Abundante en la naturaleza, el verde significa crecimiento, renovación, la salud y el medio ambiente. El verde es un color de descanso. Dicen que el tiempo pasa más rápido en una sala con las paredes verdes. Es el color de la esperanza, de la primavera, y junto con el rojo representa la fiesta de la navidad. Con un efecto de calentamiento y enfriamiento, el verde significa equilibrio, armonía y estabilidad. Su combinación con el azul puede evocar la naturaleza, simbolizar un nuevo resurgimiento o una renovación. El verde es el logotipo de los ecologistas, de los productos sanos y naturales, se relaciona también con el dinero. 4. Integración de componentes por medio de funciones y opciones avanzadas de otras aplicaciones. Se integraron imágenes, se aplicaron como slide show, se integraron sonidos, links a otros sitios web, se grabaron videos, 5. Integración avanzada de una serie de elementos diferentes como imágenes digitalizadas; sonidos, videos, textos, edición de formas y líneas, desarrollo de contenido aplicando las diferentes aplicaciones de edición de diseño. 6. Uso de técnicas avanzadas o códigos facilitados por el sitio como inserción de sonido, inserción de imágenes, inserción de textos, inserción de mapas interactivos, inserción de links a otros sitios. Criterio F: Evaluación del producto y futuro desarrollo del producto Aún no he podido tener un intercambio con mi cliente debido a que el último mes estuve completamente abocada a la preparación de mis exámenes IB. Espero poder tener dicha entrevista en el transcurso de esta semana y así luego poder formular las propuestas para las futuras mejoras del producto en el caso que mi cliente las considerase oportunas. Conclusión: A modo de conclusión puedo decir que me resultó muy interesante y positivo como hecho simbólico dejar un legado para el colegio en esta etapa que es mi cierre de Ciclo escolar. En cierto modo es una manera de trascender y de devolverle al colegio todo lo que me llevo de lo que aprendí y lo conocimientos incorporados a lo largo de estos últimos 12 años. Siento que fue un ejercicio que valió la pena realizar.