ANALISIS DEL MANEJO DE LA IMAGEN VIRTUAL

PAGINA WEB UNIVERSIDAD TECNOLOGICA DE PEREIRA

SONIA AMPARO DAZAUNIVERSIDAD COOPERATIVA DE COLOMBIA ESPECIALIZACION DOCENCIA UNIVERSITARIA

PAGINA PRINCIPAL

• NOMBRE: Universidad Tecnológica de Pereira• TIPO ESPACIO : Sitio Web – Pagina Web• DIRECCION: http://www.utp.edu.co/• FECHA CAPTURA IMAGEN : 30 agosto 2014• INFORMACION PAGINA: El sitio Web da a conocer a la población

general las ofertas académicas, información de misión visión y organigrama de la Universidad Tecnológica de Pereira,

• MOTIVO DE ELECCION DEL ESPACIO : Conozco la pagina , y soy docente de la Universidad y tengo acceso a diferentes sitios de la misma.

ICONOS

ELEMENTOS VISUALES DE LA PAGINA

FOTOGRAFIA

PAGINAS INTERACTIVAS

LOGOS

V IDEOS

ANIMACIONESBLOGS

PAGINAS INTERACTIVAS

ELEMENTOS VISUALES DE LA PAGINA

• COLOR PREDOMINANTE : blanco y azul• ELEMENTOS DE SONIDO : La pagina de inicio no presenta ningún

sonido, las diferentes entradas como la UTP online tiene conexión con videos de YouTube, la entrada a la emisora Universitaria Estéreo con acceso a música

• DISTRIBUCION DE IMÁGENES : la pagina Web principal presentauna imagen principal que representa la imagen que quiere mostrar la universidad .Imagen en el rectángulo superior que demarca la pagina ,algunas fotografias pequeñas en los contenidos , los textos son cortos puntuales.

• ELEMENTOS VISUALES : elementos predominantes ninguno, existe un equilibrio entre las imágenes fotografia, iconos, menus de acceso, textos ,todas las paginas estan encabezadas con el logo de la universidad mas el eslogan de la universidad « Bienvenido a un mundo de inagotables experiencias vívela.»

ESTRUCTURA DEL SITIO WEB

• Estructura con diseño sensible• Consta de unas Pagina web estándar • Menú de navegación combinada superior ,lateral izquierda con

submenús horizontal• Un pie de pagina con acceso directo a las diferentes paginas del

sitio web , información general de la universidad ,aviso legal• Estructura de la pagina principal en bloques rectangulares, con

un bloque superior predominante fijo constituido por imágenes interactivas ,y la presentación del menú de trabajo, el resto constituido por bloques rectangulares simétricos

• Las siguientes paginas del sitio web constituidas por un bloque rectangular superior donde nos aparece el nombre del sitio y el menu, en la parte inferior el resto del contenido en texto

CARACTERISTICAS DE PAGINA PRINCIPAL

FOTOGRAFIA PRINCIPAL

MENU PRINCIPAL CONEXIÓN

REDES SOCIALES

MENU LATERAL

CONEXIÓN REDES EXTERNAS

CONTENIDO

CARECTERISTICAS DE PAGINASDE LOS MENUS

SUBMENUS

BLOQUE SUPERIOR

MENU LATERAL

COMPARTIR

CONTENIDOS VISUALES ANALISIS DE IMAGEN

LOGO UNIVERSIAD

ALEGRIASOCIALIZAR

TRANQUILIDAD

Imagen principal fotografia centrada en parte superior de la pagina principal que muestra , vende bienestar, tranquilidad, cordialidad fiabilidad, seguridad , de un entorno universitario.

CONTENIDOS VISUALES ANALISIS DE IMAGEN

• Tipos de imagen objetos 3 jovenes 1 hombre y una mujer en el campus universitario , el logo de la univeridad plasmado en el piso.

• Los jovenes se muestran en un momento de descanso compartiendo animadamente.

• La fotografia nos muestra el confort de los estudiantes en el sitio donde se encuentran, el campus universitario, representando el bienestar del estudiante en el medio universitario.

• En la imagen no se muestra el medio estrictamente academico.• La imagen nos muestra el comportamiento del estudiante en el

campus univeristario donde puede acceder tanto al componente academico , compaginado con un ambiente de cordialidad y bienestar donde convive y socializa con el resto de sus compañeros.

• La imagen esta dirigida a todas las personas que accedan a la pagina y muestra la cara amable de la universidad para sus estudiantes.

CONTENIDOS VISUALES VIRTUALES ANALISIS DE CONTENIDOS VISUALES

PORTAL INFANTIL

PORTAL INFANTIL

MENU

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

CONICIENDO EL MEDIO

CAMPUS UNIVERSITARIO

SUBMENUS

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

ZONA ESCOGIDA DEL CAMPUS

INGRESO A JARDIN

BOTANICO

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

DA A CONOCER EL SITIO DIDACTICAMENTE

CON JUEGOS

SITIOS DE ENTRADA

ANALISIS DE CONTENIDOS VISUALESPORTAL INFANTIL

JUEGOS A REALIZAR

ANALISIS DE CONTENIDOS VISUALES VIRTUALES

• Las imagines representadas hacen parte del portal infantil de la universidad en donde se realiza la presentación de la universidad y lo que se puede encontrar en ella.

• Son un grupo de imágenes didácticas representadas en dibujos animados que permiten en forma progresiva llevar a quien ingrese al sitio a realizar un aprendizaje sobre la universidad su logo, su coro y sobre el campus universitario mediante la mediante la interacción de un grupo de niños de paseo a través del sitio y mediante la realización de juegos infantiles.

• Las imágenes dan la probabilidad de interactuar con ellas , pudiendo escoger el sitio de entrada y las actividades a realizar ,pero no nos permite realizar modificación de las mismas , ni asumir algún tipo de identidad virtual.

DEL ESPACIO DE LOS ELEMENTOS

VISUALES DE LOS CONTENIDOS VISUALES DE LOS CONTENIDOS VISUALES VIRTUALES ANALISIS

sitio WEB UTP, con un diseño clásico , imagen

centrada, con un menú en parte suprior y laterales , barra adicional de menú

en pie de pagina

utiliza fotografias,videos,imagnes interactivas, iconos, logos ,audio y blog

La imagen de la pagina principal muestra de forma sencilla el ambiente agradable del campus universitario para el estudiante, presentación sencilla que por su ubicación impacta desde el ingreso.

Los iconos tienen acceso directo a los diferentes espacios de informacion.La pagina es informativa no nos da la opción de personalizarla, ni de participar activamente en su contenido

Nos encontramos en una sociedad dominada por el mundo de la

imagen , las imágenes tiene un lenguaje ,transmiten mensajes , configuran nuestra cultura ,la sociedad y los valores que la

sostienen , debemos aprender a conocer su naturaleza ,los

mecanismos de significación ,sus funcionamientos y posibilidades .

Los alumnos de hoy antes que aprender a leer o escribir, aprenden

a ver imágenes, o mejor dicho, están habituados a verlas y

consumirlas. Teniendo en cuenta esto y con el avenimiento de las TICs y el facil

acceso a la informacion se ha vuelto necesario para las instituciones

educativas actualizarse , brindando informacion por este medio a la

poblacion general ,sobre sus realidades las ofertas educativas de una forma rapida clara y utilizando

todas las ayudas para lograr impactar en las personas.

alineación de la estructura : presentación clásica : rectángulo principal fijo centrado, rectángulos secundarios distribuidos en el resto de pagina

la imagen de la pagina principal muestra el bienestar del estudiante en el medio universitario

colores uniformes en todo el sitio WEB predominan azul ,blanco

la pagina del portal infantil utiliza imágenes interactivas, móviles que les dan ha conocer de forma sencilla dirigida a los niños los recursos de la universidad

presentación clásica en bloques rectangulares, con divisiones hechas por cambios de color

colores predominantes de todo el sitio WEB

blaco y azul,los iconos de otras redes con sus

distintivos propios

barras de navegación con iconos correspondientes fácilmente identificables

el espacio virtual le da a la universidad una imagen propia de cordialidad, seguridad y de tener un ambiente educativo seguro y amable para todos

cumple con la característica de usabilidad es fácil de comprender y de interactuar

logos ubicados en toda la pagina , de tamaño equilibrado con el

resto de la presentación

rutas de navegación claras y distribuidas de acuerdo a lo que se requiere

BIBLIOGRAFIA

• www.lawebera.es/diseno-web/diseno-visual-de-una-pagina-web.php#

• http://www.xn--guiadiseo-s6a.com/07_adaptacion_principal.php

• http://www.desarrolloweb.com/articulos/19.php• Htttp://www.educaplay.com• http://www.virtualeduca.org/documentos/

manual_del_contenidista.pdf