Diagrama de casos de uso

Balsamiq Mockups

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 04 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
 2

Tabla de contenido

Introducción ..................................................................................................................... 3

Desarrollo prototipo funcional ........................................................................................ 4

Acta de acuerdo................................................................................................................ 8

Conclusiones ....................................................................................................................10

Bibliografía ......................................................................................................................12
 3

Introducción

En la actualidad la maquetación y la creación de prototipos funcionales de proyectos

multimedia se ha vuelto imprescindible.

Se ha creado la necesidad de bocetar con programas libres de navegación y

maquetación web.

Entre estas herramientas de maquetación se encuentra Balsamiq Mockups, gracias a

esta herramienta la maquetación nos permite crear desde bocetos a productos finales.

Por eso la gran importancia en la elaboración de prototipos funcionales en Balsamiq ya que

cuenta con muchas opciones de modelado de la estructura web, desde botones asta iconos

de conversación.

Por eso la implementación del desarrollo del prototipo funcional para la fundación

Colombo Americano Ibagué, en el cual después de haber creado bocetos de diseño y

maquetación, se vio la necesidad de presentar el modelado completo del cual va a quedar

creada la página web en un producto final.

 4

Prototipo funcional
5
6
7
 8

Prueba funcional prototipo

ACTA 08

Fecha:26 de Mayo de 2019

Tema: Prueba funcional del prototipo multimedia de la Fundacion Colombo Americano Ibagué.

Hora de Inicio: 09:00 A.M.

Hora de Finalización: 11:00 A.M.

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

Objetivo de la Reunión: Se realiza esta reunión para presentar la prueba funcional del prototipo del
proyecto multimedia de la página Web que se realizará a la fundación Colombo Americano –Ibagué
la cual se realiza a traves de Balsamiq Mockups, para asi dar inicio a la elaboración de la
ágina web con sus respectivos componentes.

Informar y justificar la elección de cada uno de los elementos que componen 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
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.
________________________________________ ______________________________________

Acta de acuerdo
 9

Prueba funcional prototipo

DESARROLLO DE LA REUNIÓN: Se realizó la presentación la prueba funcional del prototipo

funcioanal del proyecto multimedia la realización de la página web que se hará a la Fundación
Colombo Americano Ibagué. Se muestra de manera detallada el prototipo funcioanl de la página
web además se explica la elección de cada uno de sus componentes, su importancia,
uso
cualysemotivo por el para incluirlos en la página web.
han escogido

Se entregan detalles de cada una de las págins y subpagina de la misma, el estado actual del
desarrollo del proyecto multimedia entre otros.
Por lo cual las partes interesadas aceptan y validan el prototipo funcional,
para el desarrollo de la página web.
Quedando pendiente la entrega del siguiente avance para la próxima reunión.

PRÓXIMA REUNIÓN:
FECHA: 15 de Junio de 2019
LUGAR: Gerencia de la Fundación
HORA: 03:00 P.M.

Se firma la presente acta por quienes en ella intervinieron.

N. NOMBRES Y APELLIDOS CARGOS

1. ________________________________________ ____________________

2. ________________________________________ ____________________

3. ________________________________________ ____________________

4. ________________________________________ ____________________
 10

Conclusiones

Los wireframes son una parte importante del trabajo de diseño de productos

digitales. Cualquier duda o malentendido relacionado con la estructura o flujo que pueda

ocurrir durante el proyecto puede ser resuelta volviendo al punto de partida del mismo,

los wireframes. Además, superada la parte de un primer acercamiento a la estructura visual

del contenido, la parte de diseño pura es más fácil y rápida.

En el desarrollo de este informe, demostramos como se puede interpretar la

información presente en los diseños realizados por medio de Balsamiq Mockups, para

posteriormente, ser utilizados como fuente de información para la codificación de una

pantalla real. También se puede ver que dicha información es suficiente para poder

implementar una pantalla gráfica, a través de diferentes lenguajes de programación

específicos, como son el caso de HTML y Java.

Cuando iniciamos la aplicación o accedemos a su interfaz web podemos ver como

disponemos de una hoja en blanco donde se puede ir añadiendo los diferentes elementos

que formarán parte de la interfaz, bien sea una página web, una App o aplicación para

iPhone, etc. podremos ir añadiendo elementos como barra de dirección, mensajes de alerta,

etc. Todo de una manera muy rápida y sencilla por lo que podríamos decir que sería tan

rápido como dibujar con lápiz en una hoja. Pero con la ventaja de las herramientas digitales

que ofrece puesto que podremos compartir el trabajo, esperar revisión o anotaciones del

cliente o de otros compañeros, así como incluso disponer de dos modos de vista: uno tipo

esbozo y otro más cuidado con líneas bien representadas para enseñar a al cliente o ver un

aspecto final más acorde a la realidad.

 11

En definitiva, creemos que Balsamiq Mockups es una gran herramienta que puede

ser utilizada para generar borradores de manera rápida a la vez que bastante profesional de

nuestra aplicación web o apps. Otras herramientas similares pueden ser encontradas aquí.
 12

Bibliografía

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

Balsamiq Mockups, recuperado de:
https://senaintro.blackboard.com/bbcswebdav/institution/SENA/Tecnologia/228101/Contenido/
OVA/AP4/Introduccion_a_Balsamiq/docs/introduccion_balsamiq.pdf

SENA (2019). Material de formación. Sistemas de navegación, Diseño de interfaces

utilizando herramienta web Balsamiq Mockups. Autor: ubuntulife.wordpress.com (s.f.),
Balsamiq Mockups, creando Prototipos o diseños de Interfaces gráficas – 2010, Recuperado de
https://ubuntulife.wordpress.com/2010/01/31/balsamiq-mockups-creando-prototipos-o-
disenos-de-interfaces-graficas/

Eduardo Felipe [EDteam]. (2017, Enero 23). Minicurso de Balsamiq Mockups (1) -

Los wireframes y la interfaz Recuperado

de https://www.youtube.com/watch?v=4WqfxF1QjTM

Eduardo Felipe [EDteam]. (2017, Enero 24). Minicurso de Balsamiq Mockups (2) -

La libreria de elementos Recuperado

de https://www.youtube.com/watch?v=mmjLcW68w24

Eduardo Felipe [EDteam]. (2017, Enero 26). Minicurso de Balsamiq Mockups (3) -

Assets y simbolos Recuperado de https://www.youtube.com/watch?v=oMMwi7F1YoM

Eduardo Felipe [EDteam]. (2017, Enero 26). Minicurso de Balsamiq Mockups (4,

final) - Presentar el proyecto Recuperado de

https://www.youtube.com/watch?v=ek3dtaN9iyI