Proyecto Diseño de Medios Interactivos Por Iván Darío Cerón Ramos… · Proyecto Diseño de...

12
Asignatura Datos de Alumno Fecha Arquitectura de la Información Apellidos: Cerón, Cuadros, Piedrahita 16 de septiembre de 2016 Nombre: Iván Darío, Juan José, Juan David Proyecto Diseño de Medios Interactivos Por Iván Darío Cerón Ramos, Juan José Cuadros y Juan David Piedrahita 23 de septiembre de 2016 La página de diseño de medios interactivos realizo un workflow para estudiantes, profesores y egresados sectorizando por color y región como cada uno de ellos utiliza la plataforma para una tarea en específica que cumple ese perfil dentro de la página.

Transcript of Proyecto Diseño de Medios Interactivos Por Iván Darío Cerón Ramos… · Proyecto Diseño de...

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

Proyecto Diseño de Medios Interactivos

Por Iván Darío Cerón Ramos, Juan José Cuadros y Juan David

Piedrahita

23 de septiembre de 2016

La página de diseño de medios interactivos realizo un workflow para estudiantes, profesores y

egresados sectorizando por color y región como cada uno de ellos utiliza la plataforma para una

tarea en específica que cumple ese perfil dentro de la página.

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

Proceso de ingreso a la página de diseño de medios interactivos por parte de los usuarios.

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

USUARIOS VISITANTES

Cuando un usuario no está registrado queremos que el contenido esté a disposición de él, sea

llamativo y sea demasiada información sin saturar, solo la necesaria. Usamos un slider de fotos

que muestra eventos y actividades desarrolladas en la carrera, los fichemos muestran en cada

pestaña la información de la carrera desde lo superficial, a lo más profundo si se desea continuar

explorando cada ficha. A medida que avanza de izquierda a derecha la información es más

específica e igualmente dentro de cada ficha de arriba abajo la información a encontrar por el

visitante es más profunda.

En caso de que la persona

que entre a la página este

registrado en la

universidad al dar click

sobre el login aparecerá

el menú de acceso

permitiéndole acceder

por diferentes medios

vinculados a su perfil. Se

puede ingresar por

código y clave de

estudiante, por Facebook

si el perfil está asociado y

por correo electrónico

como tercera opción.

Login

Slider con imagenes de eventos o noticias sobre la carrera

Página Home Visitante

Acerca de� la carrera

Opcion 2 Opcion 3 Opcion 4 Opcion 5

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

USUARIOS ESTUDIANTES

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

Si eres un estudiante luego de hacer Log in el diseño de interfaz que veras será esta.

Destacando el rol del usuario lateral a la foto o imagen de perfil, el slider que le mostrara eventos

y noticias de la carrera además de los ficheros para acceder a las diferentes plataformas y temas

de interés por parte del estudiante como lo es el servicio de matrícula, moodle, correo y

calendario.

Variante botones laterales dentro de los ficheros para la selección de cursos en el semestre que

implementen entregas o la plataforma de la página.

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

Cuando los estudiantes tienen entregas pendientes, al ingresar a la plataforma e ingresar el al

curso, podrá observar la descripción de la tarea a realizar con el respectivo botón de entrega

pendiente si no se ha realizado ninguna entrega. Si se realizó una entrega este botón se cambiara

por editar entrega.

Este es el menú que aparece cuando se desea subir una entrega, se debe cargar un archivo tipo

pdf, doc o zip, una vez cargado el archivo se debe guardar para que quede consignado.

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

USUARIOS EGRESADOS

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

Wireframe de la página home para egresados, luego de ser logeados.

La página cuenta con el slider de noticias e imágenes sobre la carrera, eventos entre otros. En el

fichero para los egresados se encuentra información sobre la carrera, especializaciones y

maestrías para que continúen sus estudios o bolsa de empleo.

En la sección de bolsa de empleo los egresados podrán encontrar oportunidades de trabajo,

dentro de cada casilla en la cuadricula de oportunidades, con la información de contacto para

poder enviar sus portafolios o realizar consultas, si se desea tener más información de la oferta

el egresado deberá darle doble click a la oferta y lo llevara a una ficha que tendrá más detallada

la oferta

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

En el fichero de noticias los egresados estarán en contante actualización acerca de las ofertas y

oportunidades, eventos, alianzas y demás para utilizar en su vida productiva o continuar

estudiando. También el slider, remitirá a los egresados que den click sobre la imagen al fichero

en la sección de noticias, a la noticia que seleccionaron.

Y si el egresado está interesado en continuar sus estudios en la universidad, podrá acceder a la

pestaña de educación continuada donde está la información de los posgrados maestrías y

especializaciones que la universidad le ofrece para ampliar sus conocimientos. Al seleccionar

una categoría con los botones aparecerá la información básica de cada programa de educación

superior con una breve descripción que puede ser ampliada si el usuario se remite al boto de

más información.

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

USUARIOS PROFESORES

Para los Profesores la sección del workflow que corresponde está enfocada a la creación de

ejercicios edición y publicación de los mismos, para ello desarrollamos unas propuestas de

wireframes que buscan facilitar los procesos planteados.

Profesor

Crear un Ejercicio

Editar un ejercicio Publicar un Ejercicio

Guardar como borrador

¿Que quiere hacer?

Publicar

Termino el ejercicio

Seleccionar Ejercicio

¿Que quiere hacer?

Publicar

Termino de editar

Seleccionar archivo

Publicar

No

Si

Subir Archivo

PDFDOC .zip

Redactar

Log out

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

Cuando la persona ingresa a la plataforma y hace log in y está registrado en la plataforma como

profesor, la página será la siguiente.

El perfil de usuario se ubicara

en la esquina superior derecha

junto con la foto de perfil y el

título de profesor. También

hay un slider con las noticias

sobre la carrera e imágenes de

eventos para actualizar al

profesor. En la parte inferior se

tiene destinado un fichero con

cinco opciones, la idea es que

el profesor pueda acceder a

estas etiquetas ya sea para

crear ejercicios, visitar su

tablero de ejercicios, subir

notas, hacer comunicados y

programar actividades.

Añadimos botones laterales

dentro de cada fichero, en el

caso de que el profesor dicte

varios cursos, tenga claridad de

para qué curso está realizando

cada actividad, también dos

opciones extra en el caso que

quiere mezclar actividades para

dos cursos o más (en el caso

que sean de la misma

asignatura y tenga dos grupos)

y también una tercera opción

para cursos que implementen

laboratorio para programar

exámenes y actividades.

Profesor

Slider con imagenes de eventos o noticias sobre la carrera

Página Home Profesor

Opcion 2Académico Opcion 3 Opcion 4 Opcion 5

Slider con imagenes de eventos o noticias sobre la carrera

Pagina Cursos Profesor

Opcion 2Académico Opcion 3 Opcion 4 Opcion 5

Cursos

Opcion 2

Opcion 3

Asignatura Datos de Alumno Fecha

Arquitectura de la Información

Apellidos: Cerón, Cuadros, Piedrahita

16 de septiembre de 2016

Nombre: Iván Darío, Juan José, Juan David

El profesor tendrá un tablero

de archivos que ha subido o

que ha creado como material

para la clase y está

organizado y disponible para

usarse cuando el profesor lo

disponga, si desea agregar

más archivos. Basta con

arrastrar al tablero para

agregarlos o también

cargarlos dando click en los

cajones, hay desplegara un

menú de subir archivos.

Cuando se va a subir un

archivo, el profesor debe

cargarlo al tablero, y

guardarlo asi quedara

almacenado en la pataforma

y podra ser compartido a los

estudiantes, ademas que

cuando se sube un archivo

este no se publica sino que

espera a que el profesor

asigne un tiempo de

publicacion en el

cronograma o a que

publique el documento junto

con una tarea.