1. santiagoapie.cl Pamela Martínez Fuentes [email_address] http://multimedia.uoc.edu/~pmartinezfu/santiago/html/

2. El proyecto El proyecto considera el desarrollo e implementación de un sitio web de carácter informativo orientado a satisfacer la necesidad de información de potenciales turistas nacionales y extranjeros, respecto a lugares turísticos de la ciudad de Santiago de Chile. La finalidad del proyecto es presentar a los usuarios información sobre circuitos turísticos característicos y alternativos de Santiago, potenciando e incentivando el recorrido de la ciudad a través de caminatas y recorridos auto-guiados . No es la finalidad del proyecto ser un medio para la difusión de agencias de turismo, o empresas que ofrezcan servicios de guía turístico.

3. Objetivos Diseñar y desarrollar un sitio web con información de los sitios turísticos característicos y menos conocidos de Santiago de Chile, presentándose como una alternativa de turismo que se orienta a la autoguía y autogestión por parte del usuario. El objetivo principal del proyecto: Entregar a los usuarios del sitio información detallada sobre los lugares turísticos de Santiago de Chile para que puedan planificar sus visitas autoguiadas a la ciudad. Los objetivos secundarios: - Hacer una web participativa a través de la incorporación de herramientas web 2.0 - Hacer que los usuarios interactúen a través del blog y recomienden sus lugares favoritos de la ciudad para que otros usuarios puedan obtener información para organizar su visita a la ciudad.

4. Perfil de la audiencia Se ha considerado que los usuarios del sitio son hombres y mujeres cuyas edades se encuentran entre los 18 y 40 y podemos organizar en los siguientes grupos: - Extranjeros que planifican su viaje a Santiago - Chilenos que residen en regiones, y planifican una visita a la ciudad de Santiago - Chilenos que residen en Santiago y planifican un recorrido por la ciudad

5. confección de páginas elaboración de bases de datos pruebas técnicas Fases del trabajo y organización En un principio, el proyecto surgió como una idea para ser desarrollada como proyecto de uno de los laboratorios del Master, por lo que su concepción y primeras propuestas vienen desde hace algún tiempo. En esta nueva versión del proyecto se han incorporado los nuevos conocimientos adquiridos en el desarrollo de aplicaciones web y que sin duda han potenciado el diseño y construcción del sitio web. El proceso en general se desarrolló en las siguientes etapas: santiagoapie concepción de la idea 1 diseño estructura de contenidos 4 diseño de imagen e interfaz 5 desarrollo de aplicación 6 diseño del proyecto 2 definición de contenidos 3

6. Estructura del contenido HOME INFORMACIÓN (moneda-horarios-clima) AGENDA CULTURAL (conciertos-festivales) GALERÍA FOTOGRÁFICA CIRCUITOS AUTOGUIADOS (BLOG) planos interactivos museos parques y museos imperdibles 1er nivel 2º nivel 3º nivel contacto versión en español versión en inglés versión en portugués la ciudad cómo llegar clima información útil historia de la ciudad eventos del mes infórmanos santiago hoy santiago a través del tiempo

7. Diseño gráfico: imagen La marca o imagen del proyecto ha sido trabajada basándose en la iconografía más representativa de las calles de la ciudad, es por esto que se ha utilizado como imagen fuerte del proyecto el ícono del peatón que figura en los semáforos de la ciudad. Esta imagen es acompañada del texto SANTIAGOAPIE.CL que es el nombre del proyecto. Se propone la utilización de colores planos y tipografías de palo seco, para de esta forma comunicar un mensaje fresco y moderno a los usuarios. Imagen del sitio Tipografía Accidental Presidency para diseño de logotipo Tipografía Trebuchet para textos de la web Paleta de colores utilizada en el sitio

8. Diseño gráfico: interfaz El layout o estructura general del sitio tiene los siguientes componentes: - viñeta superior con imágenes de la ciudad(diferente para cada contenido del sitio) - Acceso a home, contacto y selección de idioma - Fecha - Botonería principal que está presente en todo el sitio - Submenú o subcategorías (corresponde a 3º nivel de contenidos) - Pie de página

9. Diseño gráfico: interfaz Botonería principal presente en todo el sitio: según la estructura de los contenidos corresponde al 2º nivel de información Botón que indica el contenido en el cual se encuentra el usuario Botón en estado de reposo Botón con efecto rollover para indicar al usuario que es un botón que indica acción

10. Diseño gráfico: interfaz Desglose de los contenidos, submenú: según la estructura de los contenidos corresponde al 3º nivel de información

11. Evolución del proyecto Como información complementaria, indico a continuación la evolución del diseño del proyecto, recordemos que este proyecto surgió como idea para uno de los laboratorios del master y ha evolucionado a través del tiempo de acuerdo a la experiencia y conocimientos adquiridos en los cursos. Primeras propuestas de diseño

12. Evolución del proyecto Segunda propuesta de diseño y botonería

13. Evolución del proyecto Propuesta definitiva para Santiagoapie

14. Tecnología Gran parte del sitio posee páginas estáticas que han sido desarrolladas con lenguaje xhtml y CSS (páginas de estilo) 2 partes importantes serán desarrolladas con tecnología PHP para la conexión de bases de datos creada con MySQL: uno de estos contenidos es la agenda de eventos (contenido desarrollado), y el otro es el área del blog (para la presentación de este proyecto se utilizó un registro en un blog externo, ya que por conocimientos y tiempo fue imposible realizarlo)

15. Conclusiones: dificultades Principalmente se presentaron dificultades en el desarrollo de los contenidos dinámicos, ya que es un lenguaje que personalmente considero muy difícil de comprender. Con mucho esfuerzo finalmente se pudo realizar la base de datos requerida para el desarrollo de esta etapa del proyecto. Otros problemas de este aspecto se presentaron en el momento de configurar el sitio y para finalmente subir el sitio al servidor y conectar las páginas dinámicas alojadas en el servidor proporcionado. Para cumplir con cada una de estas etapas se realizaron muchas pruebas de ensayo-error hasta finalmente poder publicarlo correctamente. Otros aspectos de dificultad, mucho menor a las comentadas en el punto anterior, ha sido el desarrollo de los contenidos para el sitio. En este momento las fotografías y los textos han sido copiados de otros sitios (esto es sólo para el desarrollo del prototipo, en caso de lanzar el sitio se desarrollarán los propios contenidos) y requieren una realización propia.

16. Conclusiones: ¿qué se ha aprendido? Se ha reforzado la metodología de trabajo para el planteamiento y desarrollo de un proyecto, lo mismo para la aplicación multimedia. Se ha potenciado mucho el trabajo práctico en el desarrollo de sitios web, repasando contenidos y ejercicios trabajados en cursos anteriores: Configuración de sitios, trabajo con estándares CSS, diseño, composición y diagramación. Se potenció el trabajo con páginas dinámicas y la elaboración de Bases de datos, en mi caso particular estos conceptos no fueron comprendidos en profundidad en el curso que se trabajó este tipo de tecnologías, y en este punto del Master fue sumamente necesario tener una base sólida o al menos más interiorizada en esta materia.

17. Conclusiones: mejoras Sin duda todo proyecto es mejorable, pero hay aspectos que deben ser trabajados en profundidad: 1. Desarrollo de blog propio en el cual puedan registrarse los usuarios y elaborar sus propias entradas al blog y describir sus propias rutas para visitar la ciudad. Este es un aspecto que se debe potenciar si se desea que sea un elemento diferenciador. 2. Desarrollo de galería de imágenes, en este momento es sólo una galería que es gestionada por el administrador. La idea es dar la instancia para que los mismos visitantes del sitio publiquen sus fotografías tomadas en los paseos por la ciudad. 3. Planos interactivos, pata esta parte del proyecto no han sido desarrolladas esta herramienta. 4. Agenda de eventos, este contenido requiere que se desarrolle una interfaz para el administrador donde se solicite su clave de acceso para que pueda ingresar la información. En este contenido también se debe agregar un calendario con las fechas destacadas de los eventos organizados por mes, y además un buscador.

18. fin de la presentación