Diseño Metáfora, Monumento Nacional Guayabo

METÁFORA GRÁFICA

para la Portada Aula Virtual de La Escuela de Ecuménica y Ciencias de la Religión (EECR) de la Universidad Nacional

UNIVERSIDAD NACIONAL

Escuela de Arte y Comunicación Visual Enfasís Diseño Gráfico Práctica Supervisada Profesor: M.A. Carlos Castro Vindas

Ana Ruth Rivera García -JUNIO 2015-

AGRADECIMIENTOS A mi Dios, mi familia.

Y agradezco el tiempo de trabajo, la calidez y la gran atención que me brindó la antropóloga Ana Cecilia Arias Quirós.

Lo que pido de Dios, lo que más deseo, es el privilegio de meditar en su templo, vivir en su presencia cada día de mi vida y deleitarme en su perfección y gloria.

Allí estaré yo cuando sobrevengan las tribulaciones. Él me esconderá en su santuario, Él me pondrá sobre alta roca… “Salmos 27:4

3

INDICE

ANTEPROYECTO...8

I Capítulo Desarrollo del aula virtual...16

II Capítulo Significado de la metáfora para el aula virtual de la Escuela Ecuménica... 28

III Capítulo Desarrollo y análisis del diseño gráfico metafórico para el aula virtual de la Escuela Ecuménica... 34

IV Capítulo Conclusiones... 56

4

5

INTRODUCCIÓN El siguiente proyecto está inspirado en el libro Una historia escrita en piedra, ya que toma de la naturaleza una forma visual creando un diálogo de imágenes que continuamente está latiendo en nuestro alrededor y es conocido como el espiral, para así crear una metáfora gráfica que se basa en los petroglifos del Monumento Nacional Guayabo, que está ubicado en Turrialba, Costa Rica.

El espiral aparece en la naturaleza y en la ciencia: describe la rotación del universo, los movimientos de las estrellas. Se encuentra en las galaxias, en el sistema solar, en el código universal de la vida, en la religión y en el arte de todas las culturas humanas.

“El espiral simboliza el proceso de crecimiento y evolución.

Representa el proceso de volver al mismo punto una y otra vez, pero en un nivel diferente, de modo que todo se ve con una nueva luz.”

-Angeles Arrien-

El interés de tomar como elemento representativo a la forma espiral en este proyecto virtual es porque va ligado a las religiones y parte de la Escuela Ecuménica es vital la integración espiritual en las culturas, si bien es cierto en todas las culturas antiguas, según Angeles Arrien el espiral es la forma natural del desarrollo y movimiento, y ha sido un símbolo del viaje hacia la vida eterna.

La forma espiral se utilizó como símbolo místico de la búsqueda del alma, representando el camino que girando iba al centro de lo divino.

Tal vez por ello, dicha forma se convirtió desde tiempos remotos en uno de los símbolos más universales de la humanidad y se encuentra en todas las civilizaciones como un ícono de la vida.

6

7

ANTEPROYECTO

DEFINICIÓN DEL PROBLEMA

Metáfora Gráfica

El Programa UNA VIRTUAL, como parte de su estrategia por llevar las Tecnologías de Información y Comunicación a todos los ámbitos de la vida académica de la UNA, ha creado a disposición de la comunidad universitaria un portal académico. En el cual dentro de las distintas secciones se puede encontrar información de la educación. Además se accede a un Centro de Recursos, en el cual hay vínculos a sitios, software educativo, artículos, entre otros relacionados con cada uno de las unidades académicas.

para la Portada Aula Virtual de La Escuela de Ecuménica y Ciencias de la Religión de la Universidad Nacional

ANTECEDENTES 1. La Universidad Nacional es una de las instituciones más representativas de la Educación Superior costarricense, no solo por ser la segunda casa de estudios universitarios creada en el país, sino porque, desde sus orígenes, ha construido un proyecto educativo, científico, cultural y social integral, inclusivo y sobre todo, al servicio de la sociedad costarricense. Esta misión la ha emprendido mediante el desarrollo de dos importantes tareas: la formación de profesionales de alto nivel y el intercambio con la sociedad civil, de conocimientos y saberes en sus más variadas expresiones, por medio de la investigación y la extensión social.

2. La historia de la Universidad Nacional se remonta a la creación de la Escuela Normal de principios del siglo veinte y a la Normal Superior de los años sesenta.

3. Obtuvo el carácter de Universidad Nacional de Costa Rica en 1973, gracias al esfuerzo de un grupo importante de ciudadanos encabezado por Benjamín Núñez, primer rector de esta casa de estudios. Su fortaleza institucional se ha forjado día tras día en estas cuatro décadas con las aportaciones de sus académicos, administrativos y estudiantes, al punto de recibir reconocimiento por la comunidad nacional e internacional.

4. En ella se han formado y han desarrollado actividades académicas muchos ilustres personajes de la ciencia, la cultura, las humanidades y las artes de Costa Rica.

8

5. La Escuela de Ecuménica y Ciencias de la Religión (EECR) de la Universidad Nacional es un centro teológico académico de reflexión, investigación, producción de conocimiento, aprendizaje y extensión sobre las espiritualidades y lo religioso, en diálogo con los nuevos paradigmas de la ciencia y la interculturalidad, dentro del contexto latinoamericano, que aporta a la transformación constante del lenguaje religioso y sus símbolos, comprometida con la sociedad en la dignificación del ser humano, la naturaleza y en la construcción de relaciones de paz.

La intención del portal virtual de la Escuela Ecuménica, es realizar una metáfora que sea virtual que represente la temática del Monumento Nacional Guayabo, utilizando símbolos como camino, el caminar, la caminata… para que de esta manera el usuario pueda acceder a una página web que represente la esencia de lo que representa la Escuela Ecuménica, y reflejar visualmente una comunidad que abarca el desarrollo humano y social fundamentadas en la espiritualidad, donde aporta a la transformación constante del lenguaje religioso y sus símbolos, comprometida con la sociedad en la dignificación del ser humano, la naturaleza y en la construcción de relaciones de paz.

6. La EECR es un espacio latinoamericano de formación académica en teología, sabiduría e interculturalidad en diálogo y en una interacción productiva con las culturas y las ciencias que propicia un conocimiento de las espiritualidades como una dimensión profunda de la vida, desde la cual se relee y replantea lo humano, las relaciones vitales entre las personas, las culturas, la humanidad y la naturaleza.

9

OBJETIVO

JUSTIFICACIÓN

• Hacer el diseño gráfico metafórico para la Portada del Proyecto Aula Virtual de La Escuela de Ecuménica y Ciencias de la Religión (EECR) de la Universidad Nacional.

La creación de personalizar una Metáfora para el portal del aula virtual de la Escuela Ecuménica, es importante porque a través del diseño gráfico se puede representar visualmente una página web que refleje la esencia misma de la Escuela Ecuménica.

Este es un aporte para el portal de Aula Virtual de la Escuela Ecuménica de Ciencias de la Religión. Con las metáforas relacionadas con el Monumento Nacional Guayabo -especialmente con la metáfora de la espirales que se encuentran en los petrograbados- se quiere contribuir a generar creatividad, participación, autonomía y colaboración en los procesos educativos.

10

OBJETIVO ESPECÍFICOS • Poner en práctica los conocimientos adquiridos del Énfasis del Diseño Gráfico.

• Indagar en los manejos técnicos de la web de la Universidad Nacional de Costa Rica • Reconocer los símbolos iconográficos de la cultura Guayabo.

• Fortalecer la imagen gráfica para el Portal Aula Virtual de la Escuela de Ecuménica y Ciencias de la Religión (EECR) de la Universidad Nacional

11

ALCANCE Y LIMITACIONES

UNA: La Universidad Nacional, es el medio por el cual el portal interactivo de la Escuela Ecuménica se dará a conocer. La Universidad es la responsable, pues es la que financia el proyecto interactivo.

Estudiantes de Ecuménica: Este es el público el cual va dirigido el proyecto interactivo. Estos son quienes van a interactuar con el programa.

Profesores de Ecuménica: Además de los estudiantes, los docentes forman parte del público meta, ya que estos son quienes brindan la información para el enriquecimiento del estudiante.

Medios de comunicación: Se compone de periódicos nacionales como la Nación, y los periódicos universitarios que distribuyen en las universidades, seguidamente, está el internet, a través de la página de la Universidad, incluso informar digitalmente el anuncio y entregar aquellas universidades que existe convenios. Por otra parte está los afiches que se pueden distribuir a por los campus universitarios.

Iglesias: Informar a las autoridades en Iglesias como Pastores, Curas, Padres, a todas las instituciones, que estén interesadas en todo el área ecuménica. Pastorales, Conventos y demás.

PROCEDIMIENTO

1. Analizar la interacción de la página virtual de la Escuela Ecuménica, con relación a los temas que hay, la correspondencia que existe de estudiantes con los profesores. Y el manejo de respuestas, y facilitación de información en todo el sitio.

2. Investigar el tema de usabilidad web.

3. Hacer entrevistas o encuestas al personal que se encarga de difundir la información al sitio web, también hablar con estudiantes y profesores para conocer su opinión de que piensan del sitio, qué le gusta, conocer las necesidades que hay para así dar una solución gráfica al sitio y que al mismo tiempo sea funcional.

4. Investigar por medio de páginas web y visitas a bibliotecas, todo lo relacionado al Monumento Nacional Guayabo.

5. Ir al Monumento Nacional Guayabo y hacer fotografías del lugar para comenzar hacer el proceso gráfico del proyecto virtual. Y hacer entrevistas con guardaparques.

6. Realizar bocetos, lluvia de ideas, unir conceptos para comenzar hacer el proceso gráfico del proyecto virtual.

7. Crear el concepto de la imagen metafórica del Monumento Nacional Guayabo.

8. Revisión del proceso gráfico, y visitas al director del Proyecto para supervisar el concepto final.

9. Diseñar el concepto metafórico con sus respectivos cambios y propuestas finales.

12

13

FORTALEZAS

OPORTUNIDADES

Dinámico: Esto apoya a mejorar la enseñanza de los alumnos facilitando el acceso a recursos educativos a cualquier hora del día.

Distribuir información: Al tener acceso a múltiples fuentes de datos el alumno puede comprender, indagar y averiguar para aprender.

Interactivo: Al diseñar una interfaz gráfica que optimice la información y genere más interés para el usuario a nivel visual.

Cobertura: Hay una gran flexibilidad en el acceso a materiales, en cualquier lugar y hora, siempre y cuando se requiera una conexión de internet con buen ancho de banda.

Exclusivo: La idea es un portal abierto para estudiantes y funcionarios, que estén interesados en el tema de la Ecuménica, donde el tema principal es la integración.

Innovador: El proyecto parte de crear una página interactiva, tomando en cuenta la Metáfora, de encuentros, basándose en el Monumento Nacional Guayabo, de Costa Rica.

Participación individual: Los estudiantes y funcionarios pueden acceder a materiales para la clase en cualquier momento y lugar, siempre que se cuente con una conexión a Internet.

Facilitar colaboración y contactos: Adaptar a diferentes estilos de aprendizaje sobre información que se puede leer, escuchar, ver y discutir en la pantalla de la computadora.

Compartir trabajos: Hay una mejoría a la hora de presentar exámenes y proyectos, en donde estudiantes y docentes pueden interactuar y compartir información para enriquecer el conocimiento adquirido en clase.

Motiva la curiosidad: Esto genera un interés en donde los estudiantes y profesores puedan ver más que una clase, un enriquecimiento reciproco y a la vez una nueva experiencia de aprendizaje.

DEBILIDADES

Internet no garantiza la calidad de los recursos que usa: esto quiere decir que depende mucho de las plataformas de sistemas operativos del usuario, ancho de banda para acceder a las páginas interactivas.

Usabilidad: Hay que tomar en cuenta que el código pueda ser reconocido y entendido por cualquier usuario.

Puede ser lento si hay conexión baja: Se tiene que verificar que los recursos en línea son de la calidad y veracidad que necesita para las clases.

Capacitación: Algunos no están familiarizados con el uso de tecnologías, tanto profesores como alumnos es sumamente necesario que sepan utilizar el manejo de internet y usos, para acceder sin problemas.

Plagio: Se debe contar con un sistema, en donde los estudiantes no utilicen trabajos de otros, (tomando de internet) y realmente sea

considerado su trabajo como suyo

aprendizaje sobre información que se puede leer, escuchar, ver y discutir en la pantalla de la computadora.

14

15

I CAPÍTULO

Desarrollo del aula virtual

¿Qué es la Escuela Ecuménica de la Universidad Nacional?

La Escuela de Ecuménica y Ciencias de la Religión (EECR) de la Universidad Nacional es un centro teológico académico de reflexión, investigación, producción de conocimiento, aprendizaje y extensión sobre las espiritualidades y lo religioso, en diálogo con los nuevos paradigmas de la ciencia y la interculturalidad, dentro del contexto latinoamericano, que aporta a la transformación constante del lenguaje religioso y sus símbolos, comprometida con la sociedad en la dignificación del ser humano, la naturaleza y la construcción de relaciones de paz.

La EECR es un espacio latinoamericano de formación académica en teología, sabiduría e interculturalidad en diálogo y en una interacción productiva con las culturas y las ciencias que propicia un conocimiento de las espiritualidades como una dimensión profunda de la vida, desde la cual se relee y replantea lo humano y las relaciones vitales entre las personas, las culturas, la humanidad y la naturaleza.

Con las carreras que ofrece, la Escuela Ecuménica de Ciencias de la Religión contribuye a la formación de profesionales de la Teología y de la Enseñanza de la Religión para que sean personas innovadoras, proactivas y emprendedoras, capaces de aplicar conocimientos y perspectivas de desarrollo humano y social fundamentadas en la espiritualidad, la interculturalidad y la equidad de género.

(Extraído de la página https://www.youtube.com/watch?v=_wmgNN8FOuc)

16

17

Aula Virtual de la Escuela EcumĂŠnica

18

19

¿Qué es UNA Virtual?

Es un programa de la Universidad Nacional de Costa Rica, responsable de promover la innovación académica mediante la integración crítica, reflexiva, creativa y propositiva de las Tecnologías para la información y la comunicación.

USABILIDAD WEB

Productos: • Aula Virtual

La “usabilidad” se refiere a la facilidad con la que un usuario puede navegar y conseguir lo que busca en una interface web. Hay que tomar en cuenta que cuantos menos pasos le requiera y menor sea el tiempo que le lleve encontrar lo que busca, mejor usabilidad tendrá. Actualmente la importancia de la usabilidad web no se puede descuidar, más aún en la era de los móviles y el mundo digital, y las costumbres de los usuarios que están constantemente evolucionando.

Cuando tenemos en mente desarrollar cualquier proyecto para la “web” o “mobile”, se debe tener en cuenta unos importantes puntos para una usabilidad eficaz:

• Sitio Web del Académico •Centro de Educativos Digitales

Recursos

• Mapas Conceptuales • Portafolio Digital • Capacitaciones en TIC para la academia

• Un diseño de calidad que aporte confianza (https://www.facebook.com/UNAVIRTUAL/info?tab=page_info)

Un diseño gráfico y web elegante, logotipo atractivo, estructuración de contenidos sencilla y uso de paleta de colores coherente, hace que un diseño se vea agradable, además de dar confianza a los usuarios y visitantes de la misma.

• Botones de llamadas a la acción (Call to action) Se recomienda utilizar colores cálidos como el naranja, rojo, escarlata. Estos colores incitan a la acción. Además de los colores, es importante cuidar que el mensaje de llamada a la acción sea lo más claro y sencillo posible.

Características de usabilidad web

• Menor número de clicks Esto significa no tener que hacer muchos clicks para lograr acceder a todas las secciones de la página web y sus respectivos contenidos. Normalmente un usuario que entre a una web para buscar información y tenga que hacer más de 3 o 4 clicks, probablemente se canse y se vaya frustrado.

• Menú de navegación: “Calidad antes que cantidad” En la mayoría de los casos, se recomienda presentar una web con un menú de navegación razonable, antes de tener cientos de menús,sub-menús y sub-submenús, los cuales normalmente hacen que visitantes se desorienten en la navegación.

En síntesis, es mejor presentar un menú de navegación de calidad (con la información más importante y relevante), antes que un menú interminable.

Tomado de la página: (http://www.adrenalina.es/) mejorar-usabilidad-web/)

20

21

REFERENTES VISUALES •One Page Web Design • Single Page Websites

22

23

Páginas con Diseño web de una sóla página CARACTERÍSTICAS

ONE PAGE WEB DESIGN

Diseño web de una sóla página Un sitio web con diseño “One Page” o de una sola página consiste en una web básica de presentación de servicios o información.

Consiste en una sola página vertical con menú o sin él, que permite presentarse, hacer un listado de servicios, añadir imágenes, localización, formulario, etc.

Algunas ventajas del diseño One Page: 1. Se ve toda la información que se quiere presentar de un solo vistazo 2. Facilita la lectura y asimilación de la información.

3. Facilita la indexación en los motores de búsqueda.

4. La navegación en dispositivos móviles es muy amena 5. Es amigable con dispositivos táctiles.

6. Ahorra tiempo de carga.

Diseño web de una sóla página

Tomado de la página: http://marketingweb.endeos.com/desarrollo-web/ desarrollo-web-one-page

24

25

DATOS DEL PROYECTO

Metáfora para el portal del aula virtual 1. El Programa UNA VIRTUAL, como parte de su estrategia por llevar las Tecnologías de Información y Comunicación a todos los ámbitos de la vida académica de la UNA, a creado a disposición de la comunidad universitaria un portal académico.

2. Dentro de las distintas secciones podrá encontrar información de la educación. Además se accede a un Centro de Recursos, en el cual encontrará vínculos a sitios, software educativo, artículos, entre otros relacionados con cada uno de las unidades académicas.

3. El programa UNA Virtual le da la bienvenida a la comunidad universitaria al Sistema de Aula Virtual Institucional.

4. Para ingresar a este sistema debe ser docente o estudiante de la Universidad Nacional y estar inscrito en un curso virtual, bimodal o presencial con apoyo de tecnologías.

5. El usuario y contraseña es el mismo que utiliza para ingresar al sistema de matrícula. La contraseña debe ser de un máximo de 6 caracteres.

6. La intención del portal virtual de la Escuela Ecuménica, es realizar una metáfora del camino, el caminar, la caminata… en un espacio que propicia cierta mística…

26

27

II CAPÍTULO Significado de la metáfora para el aula virtual de la Escuela Ecuménica

METODOLOGÍA

“ En el libro Una historia escrita en piedra, habla de que el ser humano es una extraordinaria combinación de pensamiento, de células multifuncionales, de espíritu; los petrograbados que complementan las construcciones en Guayabo de Turrialba, nos hablan de una dinámica socio-cultural de gran envergadura, de una base económica sólida que permitió la construcción y la reflexión acerca del mundo de la luz y de la oscuridad, de lo que se ve y de aquellos que no vemos pero que sabemos que ocurre, de la salud y de la enfermedad, de lo material y de lo inmaterial: Guayabo de Turrialba es todo eso y más, mucho más, en el puente que descubrimos hacia el pasado y hacia el futuro, es una historia escrita en piedra.

El Sitio Arqueológico Guayabo de Turrialba es reconocido por los estudiosos como un lugar sacro, un sitio ceremonial en donde sus pobladores realizaban funciones propias de su oficio y los chamanes transmitían sus conocimientos a un grupo de privilegiado de discípulos quienes deseaban seguir los pasos de sus maestros. Este ambiente mágico religiosos correspondía a una élite que ejercía gran poder en la organización socio-económica y sagrada de estos pueblos ancestrales.

Los petrograbados son imágenes grabadas en piedra, cuyos diseños están realizados en líneas incisas de cierta profundidad, casi siempre curvas en forma de surcos o de canales más o menos profundos; algunas veces muestran oquedades y texturas punteadas en alto o bajo relieve y entre ellas se encuentran formas de espiral (la más abundante), serpentinas, óvalos y círculos que plasmas estructuras de carácter orgánico; otras veces muestran conjuntos de formas semejantes que se agrupan en organizaciones más complejas.

28

29

Los antepasados utilizaron estas formas para comunicar, en lenguaje simbólico y abstracto, una realidad. El símbolo representa rasgos asociados con esta realidad, en virtud de una convención socialmente aceptada.

Estas imágenes dibujadas en piedra tuvieron gran importancia debido a la cantidad así como a su ubicación en el Sitio alrededor del montículo principal. Estos petrograbados debieron comunicar información básica e importante, en donde se desarrollaron funciones de carácter especial, quizá ceremonial.

El lenguaje utilizado en los petrograbados por los habitantes del Sitio para comunicar sus ideas, valores, conocimientos, se reconoce como simbólico, sacro, arcaico y sintético.

A la Luz del arte contemporáneo podemos también, conferirle la acepción de abstracto, al cual se le atribuye, según los teóricos del arte, varios orígenes, a saber: 1. Imágenes reales que evolucionan a lo abstracto a partir de la simplificación.

2. Imágenes geométricas que evolucionan a la abstracción.

3. Imágenes automáticas de donde las formas pasan del cerebro a la mano llegando a la abstracción inconsciente; por ejemplo, el garabato.

Las formas de los petrograbados parecen estar sometidas a una organización que proviene de su contenido simbólico y ancestral producto de la relación con la naturaleza, que les da unidad, coherencia, armonía y una modalidad estilística. Desgraciadamente, no tenemos, en la actualidad, el código que dio vida a esos símbolos; no sabemos cuál fue su significado primigenio.

Con respecto a los petrograbados, aunque no se conoce la razón exacta de sus imágenes, ni el momento histórico en que aparecieron, se supone que no fueron realizados en una sola época y que se dieron en periodos diferentes.

Este lenguaje abstracto-simbólico sacro y sintético de los petrograbados pareciera tener relación con formas estructurales existentes en el cosmos y en la naturaleza; son símbolos ancestrales a los que se les confiere significados semejantes en el nivel universal.”

(Extraído del Libro: Una historia escrita en piedra/ Ana Cecilia Arias Quirós, Floria Castrillo Brenes, Grace Herrera Amighetti. –San José, CR: Sección impresión de SIEDIN, 2012 Páginas 3,4,5,6,7,8.)

30

31

EL USO DE LA METÁFORA Y LA ESPIRAL

Para el siguiente Proyecto Virtual, la Escuela Ecuménica utiliza la metáfora de la espiral que se inspira en toda la naturaleza y se manifiesta intensamente en los petroglifos que se encuentran en el Monumento Nacional Guayabo.

La forma de la espiral es natural, propicia cierta mística y está frecuente en el reino vegetal, y en todas las culturas se encuentra esta figura cargada de significaciones simbólicas. La espiral es un motivo simple: se trata de una línea que se enrolla sobre sí misma, a imitación quizás de las numerosas espirales que se encuentran en la naturaleza, sobre las conchas por ejemplo.

Según el libro “Una Historia escrita en piedra”, menciona que nuestros antepasados vivieron en íntima relación con la naturaleza, en la que abunda la forma espiral en la vegetación, en los caracoles, en los remolinos del agua, en los tornados, en las serpientes, para nombrar solo algunos de ellos.

Es probable, por ello, que la abundancia de esta forma los influenciara y la utilizaran como símbolo para comunicar algunas de sus ideas. No siempre la dibujaban igual, pues en los petrograbados se encuentran muchas variaciones de ésta.

32

Guayabo es lugar de la diversidad en ella confluyen elementos de influencia mesoamericana y suramericana. Cada etapa del ciclo sería una etapa del recorrido, con un punto de partida, aunque sin un punto de llegada común. Dentro de esta gran metáfora, se puede explorar un gran universo simbólico.

El sitio arqueológico Guayabo de Turrialba fue un importante lugar sagrado, un centro ceremonial, y un espacio de encuentro de personas y de confluencia de saberes y espiritualidades. Evoca armonía, entusiasmo, compañía; invita a caminar, a sentir, a oir, a tomar la palabra.

El centro ceremonial: Lugar de encuentro y conversacionesación.

El sistema de acueductos Espacios donde se recoge las sabidurías (textos, vídeos…)

Los petroglifos (jaguar y lagarto) Indicaciones y orientaciones para el curso.

Las lajas (material de construcción) Expresión de la creatividad y producción.

33

III CAPÍTULO Desarrollo y análisis del diseño gráfico metafórico para la portada virtual de la Escuela Ecuménica.

La página Virtual Ecuménica consta de 7 Departamentos de trabajo virtual y se dividen de la siguiente manera.

1.Información 2.Lecturas 3. Recursos 4. Conversación 5. Tutoría 6. Producción 7. Tutoría

34

35

0. Periodo Lectivo 1.Información 2.Lecturas 3. Recursos 4. Conversación

5. Tutoría 6. Producción 7. Evaluación

5. Tutoría 0. Periodo lectivo La iconografía de la espiral es la representación del ciclo lectivo que usan los usuarios que estén cursando la Licenciatura. El color de la espiral está sin acabar para representar todo el largo camino que ha recorrido el estudiante y que falta poco para cerrar el ciclo y completar la fase de su aprendizaje y sabiduría a lo largo de la travesía.

1. Información Aquí se encuentra orientaciones detalladas sobre las actividades que se realiza en el aula virtual. Es importante conocer con claridad las actividades que se deben realizar, las fechas y las entregas de evaluación. Si hay dudas se debe consultar a las personas tutoras.

En esta área, se ubican los tres “Escritorios” de las personas facilitadoras, donde se puede pedir información y asesoría. Aquí las personas facilitadoras podrán colocar otros materiales que ayudarán a desarrollar el ciclo desde un enfoque particular.

Se sugiere que cada estudiante del ciclo, realice un “Acuerdo de acompañamiento” con una de las personas facilitadoras, según su interés particular.

La idea de “acuerdo” sugiere la posibilidad de que ambas partes asuman compromisos y definan estrategias de colaboración en el aprendizaje.

El foro de cada “escritorio” será el canal para establecer el acuerdo y dar seguimiento al trabajo durante el ciclo.

6. Producción

2. Lecturas Aquí se encuentra a disposición los documentos que se deben leer para completar las actividades propuestas durante el ciclo. Estas lecturas guardan estrecha relación con los foros y con otras actividades del ciclo.

3. Recursos Aquí se encuentra recursos adicionales para el proceso de aprendizaje. Aquí se encuentra archivos, fotos, enlaces, texto.

4. Conversación Aquí están las herramientas que permiten comunicarse con las otras personas que participan en este curso y establecer con ellas una dinámica de cooperación en los procesos de aprendizaje.

36

Aquí están las indicaciones para la realización de las diversas actividades propuestas. Desde acá se puede enviar los trabajos en las fechas establecidas.

Además se puede dar un vistazo al calendario que se encuentra en el área de información. Es muy conveniente imprimir y tener en un lugar visible el calendario, de manera que no se olviden las fechas importantes en las cuales se deben entregar trabajos, iniciar lecturas o participar en foros.

7. Evaluación Desde esta mesa de evaluación donde hay acceso a las herramientas de evaluación que se utiliza en diferentes momentos del ciclo. La información obtenida mediante estas herramientas es confidencial y se utilizará únicamente en función de la mejora de esta experiencia educativa.

37

ELEMENTOS LINEALES:

ICONOGRAFÍA

PETROGLIFOS

Se utiliza elementos gráficos que representen visualmente de que se trata los temas que trata el aula virtual.

El diseño lineal de los petroglifos se utiliza alrededor de la página virtual, esto con el fin de generar movimiento visual, equilibrio, transparencias, y así enfatizar el elemento espiral que representa el ciclo de la vida, la constante evolución, crecimiento y expansión.

El uso de la gráfica es lineal y levemente cargada de ciertos elementos para enfatizar algunos detalles del icono. Se utiliza a dos colores con el fin de que cuando el usuario pase sobre el ítem, este pueda cambiar de color y así pueda darle click en la opción y así llevarlo a la mesa de trabajo que seleccionó.

La idea de representar la forma orgánica de la línea gráfica de los petroglifos, la naturaleza, la sencillez y el equilibrio es para mostrar un concepto que se vea de piedra, como lo fue en un pasado que fue un pensamiento de construcción al utilizar la piedra como medio de expresión de ideas y símbolos.

Los colores son contrastes para así llamar la atención del usuario y que sea utilizable en el menú de trabajo del aula virtual.

De la misma manera la Escuela Ecuménica usa esa reflexiónde petroglifos para comunicar y expandir su conocimiento a otros y simbolizar interconexión, comunidad e interdependencia.

ICONOGRAFÍA

1.Información

2.Lecturas

3. Recursos

4. Conversación

1.

5. Tutoría

38

6. Producción

7.Evaluación

2.

3.

0. Periodo Lectivo

39

LA IMPORTANCIA DEL COLOR

El color es sensorial e individual, subjetivo por tanto. La psicología clasifica sus percepciones adjudicándole significados, y atendiendo a las funciones que en él se aprecian, que, como dice J.C. Sanz, serían de adaptación y de oposición.

Se han realizado estudios sobre el simbolismo cromático en diferentes culturas, sociedades y civilizaciones, y así mismo sobre su lectura e influencia en campos como la religión, la ciencia, la ética, el trabajo, etc. El color influye sobre el ser humano, y también la humanidad le ha conferido significados que trascienden de su propia apariencia. Sus efectos son de carácter fisiológico y psicológico, pudiendo producir impresiones y sensaciones de gran importancia, pues cada uno tiene una vibración determinada en nuestra visión y por tanto en nuestra percepción.

El color es capaz de estimular o deprimir, puede crear alegría o tristeza. Así mismo, determinados colores despiertan actitudes activas o por el contrario pasivas. Con colores se favorecen sensaciones térmicas de frío o de calor, y también podemos tener impresiones de orden o desorden. Se identifica al color con lo masculino y con lo femenino, con lo natural y con lo artificial, con lo romántico y con lo clásico, con la popularidad, la exclusividad y con la colectividad.

El color, por tanto, no sólo es sensación, sino que básica y principalmente es emoción. Sus atributos como significantes son apreciados no solamente por los artistas, sino también por publicistas, diseñadores, decoradores, científicos, educadores, políticos y agentes sociales y laborales, etc.

40

41

R: 89 G: 81 B: 33

C: 55 WEB: #595121 M: 52 Y: 100 K: 40

R: 113 C:49 G:100 M:47 B: 42 Y: 98 K: 27

WEB: #71642A

Tierra PALETA DE COLOR

Igualdad Significado del color El café és un color masculino, severo, confortable. Es evocador del ambiente y da la impresión de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.

R: 144 C: 43 WEB: #908231 G:130 M: 39 B: 49 Y: 100 K: 12

Humanidad

WEB: #EC9F21 R: 236 C: 5 G:159 M: 42 B: 33 Y: 100 K: 0

Renovación

R: 255 C: 0 G:255 M:0 B:255 Y: 0 K: 0

Purificación

42

WEB: FFFFFF

El naranja simboliza entusiasmo y acción. Por otra parte se relaciona con ciertas religiones orientales, y algunos de sus significados tienen que ver tanto con lo terrenal.

El verde: Es el color más tranquilo y sedante. Evoca la vegetación, el frescor y la naturaleza. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Cuando algo reverdece suscita la esperanza de una vida renovada. El verde que tiende al amarillo, cobra fuerza activa y soleada. El verde es además un color tranquilizante, y de la humanidad. Representa esperanza y el equilibrio emocional El blanco: El blanco generalmente tiene lecturas positivas como la pureza, la limpieza, la paz y la virtud. También es un valor latente capaz de potenciar los otros colores vecinos. El blanco puede expresar paz, soleado, feliz, activo, puro e inocente; crea una impresión luminosa de vacío positivo y de infinito.

El blanco es el fondo universal de la comunicación gráfica.

Extraído De la página web: http://www.eartvic. net/~mbaurierc/materials/20%20Selectivitat/Psicologia%20del%20color.pdf

43

TIPOGRAFÍA

El uso de la tipografía

Frutiger ABCEDEFGHIJKMNOPQRSTUVWXYZ abcdefghijkmnopqrstuvwxyz 0123456789

AR CARTER

ABCEDEFGHIJKMNOPQRSTUVWXYZ abcdefghijkmnopqrstuvwxyz 0123456789

AR CARTER ABCEDEFGHIJKMNOPQRSTUVWXYZ abcdefghijkmnopqrstuvwxyz 0123456789

44

Frutiger: Se usa la tipografía de la Universidad en cuanto al manejo de uso de textos extensos y documentos con índole de evaluación, entrega de escritos como proyectos, seminarios, convocatorias y demás.

AR CARTER: Esta es la tipografía que solamente se usa para títulos que visualmente representen el concepto de la metáfora del aula virtual. La idea es usar una tipografía que se vea manual y que de la idea que fue hecha con cincel. Cabe destacar que solamente para los diseños metafóricos será utilizada.

Constance: Esta tipografía al igual que la tipo AR CARTER, se usa para el diseño de la metáfora del aula virtual. Esto con el fin de no romper la identidad visual de la universidad. Por otra parte otra característica de esta tipografía es que es de borde grueso para que tenga una mejor lectura para aquellos usuarios que les gusta leer con el uso de la negrita en los textos. Ya que no sólo público joven se maneja la página, sino también personas no videntes, otros con poca visibilidad y personas adultas mayores que le es más funcional leer tener altos contrastes y letra más negra Nota importante: La tipografía Frutiger ya está comprada y tienen los derechos para ser uso en universidad, y las otras dos tipografias tienen el derecho de uso común, es decir se pueden usar pues están aprobadas por el autor simpre y cuando no sean para uso de diseño de ventas y comercio.

45

PRUEBAS DISEÑO WEB

Pruebas diseño web Al principio se quería hacer un diseño de página que tuviera un menú, pero se tuvo que desechar el concepto porque la idea era también agregar un menú desplegable pero el problema fue a la hora de que era lenta la carga y en los dispositivos móviles en algunos no cargaba la página al ser pesada por las imágenes y con la carga de presentación desplegable de algunas fotografías.

Por otra parte algunos usuarios no sabía cómo usar la página, se volvía un poco tedioso el estar dando muchos clicks para llegar a la información deseada.

En cuanto al diseño, se volvía aburrido y no comunicaba un lenguaje como un centro ceremonial y la espiral no estaba integrada al diseño total.

46

47

1

2

PRIMERAS PROPUESTAS 1-2

Propuesta 1 y 2 Se trabajó con el diseño web de una sola página, esto con el fin de sintetizar la información y mostrar de qué se trata el aula virtual de la Escuela Ecuménica con una sóla mirada.

Se utiliza fotografías que fueron parte de la investigación para así reconocer elementos esenciales del lugar, como los colores que hay, elementos visuales como el uso de la línea que son parte vital de los petroglifos que están dentro del Monumento Guayabo.

Los primeros bocetos no son aceptados porque no tienen una lectura agradable pues visualmente está segmentada y no se ve un diseño unificado sino más bien dividido y desordenado.

Se utiliza el color verde porque está presente en todo el sitio arqueológico, no obstante el color verde es complementario del color rojo y rompe el diseño de imagen institucional de la Universidad.

Además el uso excesivo de las fotografías agota al usuario y la lectura se vuelve cansada.

48

49

3

4

PROPUESTAS 3Y4

Propuesta 3 y 4 En la propuesta 3 y 4 se trabajó el diseño de una sola página, el uso de la fotografía se trabajó con transparencias y se usa de la misma manera los diseños petroglifos para generar movimiento y dinamismo en el diseño.

Mientras que la propuesta 4 se elimina la fotografía pero el color verde al igual que las primeras propuestas, al tener toda la atención en cuanto al diseño, este color no se puede usar ya que el color rojo es parte del diseño institucional de la Universidad y rompe la imagen de tal. A nivel visual no se ve agradable y no comunica el valor simbólico de la espiral y el tema de los petroglifos dentro del Monumento Nacional Guayabo que son el eje de la metáfora gráfica.

50

51

PROPUESTA FINAL

Propuesta elegida El diseño final se eligió porque es bastante limpio, ordenado y con una secuencia más intuitiva En cuando al manejo de las formas, se usa las fotografías de un monolito que representa una versión estilizada de un lagarto de un lado, y de un jaguar vuelto cabeza arriba en el otro, tiene forma de cuña y está enterrado a un metro de profundidad para anclarlo. A nivel simbólico se cree que representa el hecho de que Guayabo fue un tipo de puente cultural y religioso entre las civilizaciones pre-colombinas del norte y el sur.

Además el uso de las espirales está continuamente presente y los agregados fotográficos se usan de una manera que refuerza el significado de los petroglifos, el uso visual de la línea y la textura en piedra que simboliza el medio por el cual se comunicaban en nuestros antepasados y para la Escuela Ecuménica las metáforas relacionadas con el Monumento Nacional Guayabo -especialmente con la metáfora de la espirales que se encuentran en los petrograbados- se quiere contribuir a generar creatividad, participación, autonomía y colaboración en los procesos educativos.

52

Fotografía del Monolito Jaguar y lagarto Dualidad- Foto de trabajo de Campo.

Al mismo tiempo lo colores no rompen la imagen institucional de la Universidad, sino más bien, los colores simbolizan la tierra, una manera de representar de lo que es el ser humano, polvo en el universo.

Por otra parte los contraste de color como el naranja, sobresalen en los títulos para que los usuarios el den click y puedan ingresar a las áreas del portal virtual y de esa manera tener una interfaz que será utilizada para el segundo ciclo lectivo del 2015, aquellos usuarios que estén en el nivel de Licenciatura.

53

IV CAPÍTULO Conclusiones

La creación de una Metáfora Gráfica para la portada Virtual de la Escuela de Ecuménica y Ciencias de la Religión de la Universidad Nacional, ha demostrado ser un diseño con interface amigable y sencilla donde le facilita al usuario confianza en el portal aula virtual, lo que produce que éste lo use regularmente y cumpla con el fin para el cual fue creado que es contribuir a generar creatividad, participación, autonomía y colaboración en los procesos educativos.

El portal aula virtual de la Escuela Ecuménica, representa para la Universidad Nacional una valiosa fuente de información y comunicación bastante amplia y se convierte en un centro teológico académico de reflexión, investigación, producción de conocimiento, aprendizaje y extensión sobre las espiritualidades y lo religioso, en diálogo con los nuevos paradigmas de la ciencia y la interculturalidad, dentro del contexto latinoamericano, que aporta a la transformación constante del lenguaje religioso y sus símbolos, comprometida con la sociedad en la dignificación del ser humano y la naturaleza y en la construcción de relaciones de paz para los usuarios que lo visiten, pues éstos serán los beneficiados en cuando al valor del contenido y de la información que ofrece.

Este diseño metafórico es una gran herramienta visual en la web, las ventajas que ofrece es convertirse en una interfaz gráfica, ser una fuente de información y una fuente de comunicación.

En cuanto a la metodología empleada para el desarrollo de la Metáfora Gráfica para la Portada Virtual de La Escuela Ecuménica, se puede decir que el concepto de los petroglifos y el simbolismo de la espiral expuestas en el libro Una historia escrita en piedra por las autoras Ana Cecilia Arias, Floria Castrillo y Grace Herrera, las propuestas dadas por estas autoras fueron los aspectos fundamentales para crear las bases sólidas que sustentan un diseño eficiente para el portal aula virtual.

54

Con respecto al diseño como referentes del estilo de one page web design o single page websites, cabe destacar que es una buena herramienta para mostrar de qué se trata el portal del aula virtual de la Escuela Ecuménica, de una manera rápida y accesible para así generar una metáfora del sitio arqueológico Guayabo de Turrialba y además generar un diseño que refleje un lugar sagrado, un centro ceremonial, y un espacio de encuentro de personas y de confluencia de saberes y espiritualidades. Donde evoca armonía, entusiasmo, compañía; invita a caminar, a sentir, a oir, a tomar la palabra.

El diseño metafórico abre un lenguaje visual a los usuarios y genera cambios positivos para la Escuela Ecuménica ya que con las metáforas relacionadas con el Monumento Nacional Guayabo, el diseño final es ordenado, limpio y claro. La lectura es rápida, y legible.

El uso de las espirales está continuamente marcado y la fotografía se usan de una manera que refuerza el significado de los petroglifos, el uso visual de la línea y la textura en piedra que simboliza el medio por el cual se comunicaban nuestros antepasados dejando esa historia escrita en piedra.

55

BIBLIOGRAFÍA Dibujo de los petrograbados de Guayabo de Turrialba: Floria Castrillo Brenes Diseño, Fotografía y Diagramación: Ana Ruth Rivera

LIBRO: Una historia escrita en piedra/ Ana Cecilia Arias Quirós, Floria Castrillo Brenes, Grace Herrera Amighetti. –San José, CR: Sección impresión de SIEDIN, 2012.

INFORMACIÓN DE LA UNIVERSIDAD NACIONAL http://www.ciiee9.utp.ac.pa/Documentos/Trabajos%20CIIEE9/Estrategia_de_intervencion_en_la_ Universidad_Nacional_de_Costa_Rica_en_la_atencion_de_la_diversidad_de.pdf http://www.uvirtual.una.ac.cr/index.php/inicio/progra https://www.youtube.com/watch?v=_wmgNN8FOuc PETROGRABADOS DE GUAYABO: OTRA MIRADA INTERPRETATIVA http://www.experimenta.es/blog/petrograbados-de-guayabo-otra-mirada-interpretativa-3785 DESARROLLO DEL DISEÑO http://artesplasticascolores.wikispaces.com/Aspectos+Psicol%C3%B3gicos+y+Simb%C3%B3licos+d e+los+Colores http://marketingweb.endeos.com/desarrollo-web/desarrollo-web-one-page http://www.eartvic.net/~mbaurierc/materials/20%20Selectivitat/Psicologia%20del%20color.pdf CHARLA Monumento Nacional Guayabo ventana al pasado precolombino Rodolfo Tenorio Jiménez SINAC https://www.youtube.com/watch?v=dFgiRQ90p0A ENTREVISTA Antropóloga Ana Cecilia Arias Quirós UCR Rodolfo Tenorio Jiménez SINAC EL ESPIRAL: ARQUETIPO ESENCIAL DE NUESTRA PSIQUE https://elcielolatierrayyo.wordpress.com/2013/02/17/el-espiral-arquetipo-esencial-de-nuestrapsique/ 56

57

D i s e ñ o g ráf i c o • Foto g raf í a 58