BOCETO DE INTERFAZ PROYECTO

Boceto de Interfaz Proyecto

GAES Multimedia 1 ficha 1749948

Christian Alexis Rodríguez Ruales,

Jessica Ríos Moncada, Jhonny Andrés Estrada García,
José Andrés Gracia Acosta, José Raúl Triana García,
Mónica Vanessa Ámbito Arias, Olga Patricia Hernández Prada

Centro de Logística y Promoción Ecoturística Regional Magdalena

SENA
Mayo 07 del 2019

Tecnología en Producción Multimedia, Profesor: Juan Ricardo Salas Zorro, instructor

principal

La correspondencia relacionada con este documento deberá ser enviada a: ancrivida@gmail.com

 1
BOCETO DE INTERFAZ PROYECTO
Tabla de contenido

Introducción .................................................................................................................................. 2

Requerimientos del proyecto multimedia ................................................................................... 3

Boceto de interfaz gráfica ............................................................................................................. 5

Acta de validación ......................................................................................................................... 7

Conclusiones .................................................................................................................................. 9

Bibliografía .................................................................................................................................. 10
 2
BOCETO DE INTERFAZ PROYECTO
Introducción

La implementación de medios tecnológicos se hace cada vez más importante y su uso se

ha expandido, llegando a tener una gran utilidad para trasmitir temas de interés. A su vez

enseñar, como es el caso de la Fundación Colombo Americano Ibagué, a quien se encuentra

dirigido el proyecto multimedia; donde se realizará la elaboración de la página web para

presentar a los usuarios toda la información actualizada, en la que se disponga de material de

aprendizaje, informe de los programas educativos, medios de contacto y demás temas de interés.

Con esto se da paso a la presentación del boceto para la interfaz gráfica, en el cual se

muestran los aspectos más completos y relevantes junto con la justificación y el porqué de cada

elección. Para ello se ha tenido en cuenta los sistemas de navegación multimedia y sus principios

básicos de usabilidad y accesibilidad, donde es claro que la presencia profesional y su

elaboración es de vital importancia para conseguir los resultados apropiados; permitiendo que el

usuario tenga un manejo satisfactorio de la página independiente de su habilidad, edad o cultura

y se sienta atraído por su contenido.

Por lo antes mencionado se ha elegido colores, botones, pestañas, accesos, textos, fuentes

y demás elementos visuales teniendo en cuenta estos principios. También se proyecta que el

usuario tenga a su disposición todos los elementos necesarios para que su experiencia en la

navegación cumpla con las expectativas y pueda tener los datos deseados. Es por eso que el

equipo Multimedia 1 creará una página web para la Fundación Colombo Americano de Ibagué,

la cual tendrá una apariencia dinámica con la presencia de hipermedia, sistema de menús y mapa

de navegación.
 3
BOCETO DE INTERFAZ PROYECTO
Requerimientos del proyecto multimedia

La Fundación Colombo Americano entre sus requerimientos, nos especifica que la página

web debe tener los siguientes componentes:

 Un espacio que muestre los diferentes cursos que hay disponibles

 Imágenes o videos que motiven e inviten a las personas a ser parte de la fundación

 chat en línea en el que las personas puedan resolver sus dudas en tiempo real

 Un lugar en el que se puedan ver los costos de los programas

 Una invitación a que nos contacten, dejando visible nuestros medios electrónicos y

puntos de contacto

 Un espacio en el que se cuente la misión y la visión de la fundación

 Que las personas puedan hacer una pre inscripción con nuestra fundación

 Acceso a la plataforma virtual.

 4
BOCETO DE INTERFAZ PROYECTO
Según los requerimientos del cliente se realizará una página que cuente con la siguiente estructura:

 En el momento que ingresamos a la página nos encontramos con una barra con 4 enlaces:

 En “inicio” nos encontramos con recibimiento, una invitación a estudiar con nosotros, un

espacio que da a conocer la variedad de cursos de la fundación; sección de anuncios,

acceso a la plataforma virtual, un enlace al comercial de la institución y por ultimo un

chat en línea.

 En “nuestra institución” encontraremos una breve reseña de la institución, además nos

encontramos con los costos y podemos ver los diferentes medios y puntos de contacto.

 En “comunidad” dejamos a la vista la misión y visión de la fundación

 En “pre inscripciones” vemos un pequeño formulario que podrán llenar los interesados, a

los que se les dará respuesta en su correo electrónico.

Color del fondo:

 Amarillo: El amarillo es el color del brillo del sol. Se asocia con la alegría, la felicidad, el

intelecto y la energía.

 Es el color produce un efecto de calidez, de buen humor, estimula la actividad mental y

genera energía muscular.

 5
BOCETO DE INTERFAZ PROYECTO
Boceto de interfaz proyecto
 6
BOCETO DE INTERFAZ PROYECTO
 7
BOCETO DE INTERFAZ PROYECTO
Acta de validación del boceto

ACTA 05

Fecha:15 de abril de 2019

Tema: Aprobación del boceto interfaz página Web

Hora de Inicio: 02:00 P.M.

Hora de Finalización: 03:00 P.M.

Lugar de la Reunión: Fundación Colombo Americano Ibagué – Gerencia

Objetivo de la Reunión: Se realiza la reunión para presentar el boceto de la interfaz gráfica para la
página Web que se realizará para la fundación Colombo Americano – Ibagué.

Se da explicación y justificación de cada elemento, posición, además de las dimensiones, colores, y

demás componentes de la página web.

Dar información del avance de los demás contenidos multimedia mencionados en el contrato (tarjetas
de presentación, vayas, volantes, cuña radial y aplicativo virtual).

ASISTENTES
N. NOMBRES Y APELLIDOSCARGOS

1.Germán Tello Lara Director Académico

________________________________________ ____________________

2.Olga Patricia Hernández Prada Líder de Proyecto

________________________________________ ____________________

3.José Andrés García Acosta Director de Arte

________________________________________ ________________

4.
________________________________________ ____________________

5.
________________________________________ ____________________

6.
________________________________________ ____________________
 8
BOCETO DE INTERFAZ PROYECTO

DESARROLLO DE LA REUNIÓN: Se realizó la presentación del boceto de interfaz gráfica

de la página web que se está desarrollando a la Fundación Colombo Americano Ibagué. Se informa

Y justifica la elección de cada uno de sus componentes, colores, dimensión, posiciones se detalla

la

importancia, uso y motivo por el cual se han escogido para incluirlos en la página web.

Se informó el estado actual de la elaboración del proyecto multimedia y se entregó detalles del

avance de los mismos.

A lo cual las partes interesadas aceptan y validan el Boceto de la interfaz gráfica para desarrollo de

La página Web. Acordando la entrega del siguiente avance para la próxima reunión.

PRÓXIMA REUNIÓN:
FECHA:10 de Mayo de 2019
LUGAR: Gerencia de la Fundación
HORA: 10:00 A.M.

Se firma la presente acta por quienes en ella intervinieron.

N. NOMBRES Y APELLIDOS CARGOS

1.
________________________________________ ____________________
2.
________________________________________ ____________________

3.
________________________________________ ____________________

4.
________________________________________ ____________________
 9
BOCETO DE INTERFAZ PROYECTO
Conclusiones

En el desarrollo del boceto de la interfaz del proyecto multimedia para la Fundación

Colombo Americano de Ibagué es fundamental porque provee los elementos necesarios para

hacer efectiva la comunicación del contenido audiovisual, para de esta forma generar la

confianza en los usuarios de los elementos multimedia y de esta forma crear la necesidad de

aprender una segunda lengua, es importante decir que los visualizadores en Internet nos dan por

defecto una interfaz que si bien se puede aprovechar, es conveniente diseñar la propia para cada

proyecto educativo, esto con el fin de proporcionarle el carácter visual necesario de acuerdo al

tema y que el contenido sea mejor expuesto para el tipo de usuarios al que vaya dirigido. Las

tendencias actuales son las de estandarizar para reutilizar y aprovechar los recursos ya

elaborados, lo cual es muy interesante, pero no debe implicar, desde nuestro punto de vista, el

perder la capacidad de tener un estilo visual propio, ni dejar de lado las necesidades de interfaz

gráfica propias de cada proyecto.

En relación a lo anterior, se confirma que se hace necesario implementar herramientas

audiovisuales y contenido de estilo, así como el uso de estándares web, que estructuren y definan

la presentación del sitio web presentado a la Fundación Colombo Americano Ibagué, con el fin

de obtener un rendimiento gráfico y audiovisual de la interfaz del proyecto multimedia en

función de los dispositivos (Computadores, portátiles, tablets y teléfonos móviles), mejorando

considerablemente la experiencia del usuario final.

También queremos concluir diciendo que en el desarrollo de cursos en línea como de

cualquier material educativo multimedia como lo es este caso, es muy importante seguir un

proceso ya que esto nos permite estar mejor organizados y comunicados con el usuario que es

quien finalmente va a ser atraído por la página web.

 10
BOCETO DE INTERFAZ PROYECTO
Bibliografía

SENA (2019). Material de formación. Sistemas de navegación

Metodología para la Creación y Desarrollo de Sitios Web (24 de octubre 2018). Recuperado de:
https://disenowebakus.net/metodologia-para-la-creacion-de-sitios-web.php
Imágenes:
(2019) Información. Recuperado de: https://informacion.unad.edu.co/
(2019) chat-en-vivo-para-el-Ecommerce.jpg Recuperado de:
http://www.tunegocioenlaweb.pe/blog/wp-content/uploads/2016/03/chat-en-vivo-para-el-
Ecommerce.jpg
(2019) Robot. Recuperado de: http://weknowyourdreams.com/robot.html

(Febrero 2018) Estudiar en el extranjero puede ser una gran decisión para tu futuro. Recuperado

de: https://noticias.universia.net.co/estudiar-extranjero/noticia/2018/02/27/1158125/mejores-

campus-universitarios-vivir-estados-unidos.html