proyecto diseño de medios interactivos por iván darío cerón ramos… · proyecto diseño de...
TRANSCRIPT
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.