Software de diagramación

Universidad Continental – Informática II

Lic. Leonardo Machuca Llanos Página 1

TEMA N° 1

FUNDAMENTOS DE HERRAMIENTAS DE DIAGRAMACIÓN

Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquización (importancia) buscando funcionalidad del mensaje (fácil lectura) bajo una apariencia estética agradable (aplicación adecuada de tipografías y colores).

El presente Capitulo explica los fundamentos de la diagramación y el proceso de Trabajar en Visio; proporciona los conocimientos generales para usar las Plantillas de formas que integran sus diversas Categorías, y aplicarlos en la presentación de ideas, procesos y conjuntos complejos de información en una página de dibujo.

Una vez finalizado esta unidad, el alumno conocerá y desarrollará las siguientes tareas:

Describir con precisión la Diagramación en la Arquitectura de la Información.

Administrar archivos y plantillas de diagramas en la vista Backstage de Visio

Encontrar en la cinta de opciones los comandos que se necesitan para realizar tareas habituales en Visio.

Mostrar los paneles de tareas y las vistas que se necesitan para crear un dibujo.

Usar la ventana Formas para administrar galerías de símbolos y agregar formas a un dibujo.

Aplicar formato a un dibujo.

Crear Diagramas utilizando cada una de las plantillas de Visio 2010.

La Diagramación en la Arquitectura de Información

1.1 INTRODUCCIÓN

El primer paso en el diseño de objetos o procesos es la representación mediante diagramas de su estructura, funcionamiento y comportamiento, concretando así las primeras ideas abstractas. En el caso de productos interactivos con interfaz, como por ejemplo los sitios web, esta interfaz también es objeto de diagramación, especificando cuál será la organización y estructuración visual de los diferentes elementos.

Los diagramas se deben realizar a partir de la información recogida durante las etapas de investigación de la audiencia, en las que se estudia a los usuarios con el objetivo de crear un producto que satisfaga sus necesidades.

1.2 EN QUÉ CONSISTE LA DIAGRAMACIÓN

La diagramación, a la cual nos referimos, consiste en la representación de los contenidos que tendrá un producto digital, y las relaciones entre dichos contenidos.

Desde sus orígenes los seres humanos representaron escenas de caza, danzas rituales y otros aspectos de su vida. La representación forma parte de la naturaleza cognitiva humana, y es lógico que el hombre, en su devenir histórico, haya usado esta capacidad para plasmar en algún soporte, ideas concebidas mentalmente.

La representación se ha usado desde los comienzos del diseño de software, en forma de organigramas, diagramas de flujo de datos, árboles de decisión, etc. Al evolucionar las interfaces gráficas de usuario, las labores de representación se ampliaron con los llamados guiones de navegación



y guiones de interacción, los cuales consistían en diagramas que representaban el funcionamiento de los productos electrónicos que se generaban en ese momento.

La evolución de los productos digitales, unida al crecimiento geométrico de la información que soportan, ha originado la necesidad de ampliar estas formas de representación con otras nuevas, o de enriquecer las existentes. Es por esto que se ha generalizado el uso de los esquemas de representación entre arquitectos de información, enfocados a los aspectos organizativos y representativos de la información.

Hay que señalar que durante el proceso de Arquitectura de Información se usan otras formas de representación, con diferentes objetivos. Por ejemplo, en la aplicación de la técnica de Card Sorting se pueden generar dendogramas y gráficos de escalamiento multidimensional; otro ejemplo serían las representaciones de las estructuras mentales de los usuarios tras una tormenta de ideas (brainstorming); o los organigramas de la empresa por la cual se crea el producto digital.

Los diagramas a los que se refiere este artículo son los que se usan en arquitectura de información para proponer cómo será el producto final. Esencialmente se refieren a la organización de los contenidos del producto, al funcionamiento básico del mismo, y la ubicación que tendrán estos contenidos en la interfaz.

Los autores angloparlantes, pioneros en los temas del diseño y representación del software, dividen estos diagramas en 2 tipos:

Blueprints

Wireframes

Como sustituto del término Blueprint a veces se usa el de Architecture Map, que significa Mapa de Arquitectura.

También como término similar a Wireframe se usan otros términos como mockup y prototype (maqueta y prototipo). (Rosenfeld & Morville, Wodtke, Snyder)

El primer grupo de diagramas (blueprints), tiene como objetivo representar "las principales áreas de organización y rotulado" (Rosenfeld & Morville), y están enfocados a los aspectos estructurales y de funcionamiento del producto. Generalmente se representan con textos, cajas y flechas.

Estos planos o blueprints parten de lo general a lo particular, de lo abstracto a lo concreto. Su función es explicitar iterativamente las decisiones de diseño, con el objetivo de comunicar dichas decisiones al resto de miembros del equipo de desarrollo, o al cliente final.

Christina Wodtke conceptualiza los Blueprint como: "Un plano de diseño es justamente una buena idea llevada a la realidad a través de la escritura".

El segundo grupo de diagramas (wireframe, mockup o prototype) tienen el objetivo de "mostrar el contenido de las páginas" (Rosenfeld & Morville), concretando los elementos que se plantearon en los primeros planos (blueprints) y ubicándolos en las páginas o pantallas del producto final.

Este segundo grupo de diagramas están comprendidos como prototipos de baja fidelidad, ya que se realizan en "blanco y negro" y no muestran el diseño gráfico del producto ni la funcionalidad de sus códigos de programación.

Los niveles de prototipos son:



Prototipos de baja fidelidad o estáticos (wireframes, mockup)

Prototipos de fidelidad intermedia (diseño gráfico)

Prototipos de alta fidelidad o dinámicos (Web, HTML)

Figura 1: Representación de la diagramación

Estos tipos de diagramas se realizan también de forma interactiva con el usuario y demás miembros del equipo de desarrollo.

Aunque para la realización de estos diagramas existen aplicaciones software especializadas, también es posible realizarlos en papel (paper prototype).

Figura 2: Fotografía de realización de diagramas manuscritos.

1.3 SOFTWARE PARA HACER DIAGRAMAS

Existen diferentes aplicaciones software que se utilizan para la confección de diagramas. Para una mejor comprensión de los mismos se han clasificado en 2 grupos: los que originalmente fueron ideados para hacer diagramas, y los que originalmente no fueron pensados para diagramación, pero que también pueden usarse con este objetivo ya que son poderosas herramientas de diseño gráfico.

Algunas aplicaciones software que fueron ideadas para hacer diagramas:



SmartDraw (http://www.smartdraw.com)

Microsoft Visio (http://www.microsoft.com)

iGrafx Flowcharter (http://www.igrafx.de)

DENIM & Silk. (http://guir.berkeley.edu/projects/denim/)

Mindmanager (http://www.mindjet.com)

Freemind (http://freemind.sourceforge.net/)

OmniGraffle (OSX) (http://www.omnigroup.com)

Aplicaciones software que no fueron ideadas específicamente para hacer diagramas:

Corel Draw (http://www.corel.com)

Adobe [antes Macromedia] Freehand (http://www.adobe.com)

Adobe Illustrator (http://www.adobe.com)

1.4 SISTEMA DE DIAGRAMACIÓN DE LO GENERAL A LO CONCRETO

Un sistema de diagramación con una notación que va de lo general a lo concreto, es planteado por Ronda León, Rodrigo, que está conformada por figuras ampliamente utilizadas por los creadores de productos digitales desde tiempos pasados.

Se proponen tres tipos de diagramas de acuerdo a las funciones principales que cumple un arquitecto de información en el diseño de un producto digital:

Diagramas de organización. (planos - blueprints)

Diagramas de funcionamiento. (planos avanzados - blueprints)

Diagramas de presentación. (maquetas - wireframes)

Esta clasificación no significa que estos diagramas sean excluyentes. Debe existir una interrelación entre los mismos, de manera que cada diagrama creado complemente al anterior, y se convierta en apoyo de los siguientes. Igualmente la división por grupos de estos diagramas no significa que haya que hacer rígidamente tres.

Además, esta propuesta no excluye a ningún otro modelo de diagramación. Perfectamente podría complementarse con el vocabulario visual de Garret, con la propuesta de Dan Brown, o cualquier otro modelo de los anteriormente mostrados.

1.4.1 Propuesta de iconos

Para hacer los diagramas de organización se proponen una serie de iconos simples, iguales que los que propone Garret. Se basan en cajas y flechas o conectores.

Figura 3: Iconos para realizar diagramas de organización

Para hacer los diagramas de funcionamiento y los diagramas de presentación se proponen otros iconos más trabajados visualmente, con el objetivo de representar el comportamiento interactivo del producto.

http://www.omnigroup.com/



Figura 4: Iconos para realizar diagramas de funcionamiento

y diagramas de presentación

1.4.2 Propuesta de diagramas

Los diagramas de organización consisten en la representación de los grupos organizados, y de los elementos básicos que contienen, siendo el diagrama básico para entender la estructura general del producto.

Figura 5: Diagrama de organización

El diagrama de funcionamiento es la representación de las estructuras con los flujos de navegación. Este diagrama tiene un nivel de acabado superior al anterior y complementa al mismo. Debe ser el que muestre los niveles de navegación así como los tipos de navegación en el producto.

Figura 6: Diagrama de funcionamiento

El diagrama de presentación es el que debe mostrar las formas de organización visual de los



contenidos en las páginas principales, por ejemplo: la página inicial, las páginas interiores, páginas de productos, etc. Este diagrama no pretende representar el diseño gráfico o diseño visual en detalle, sino especificar el esqueleto organizativo de la interfaz.

Figura 7: Diagrama de presentación

1.5 CONCLUSIONES DE LA DIAGRAMACIÓN

Los diagramas son mecanismos esenciales en la arquitectura de información de sitios web, libros electrónicos, sistema de información, etc.

Esta técnica alivia el coste de producción, al ser más fácil y económico rectificar un diseño sobre el "papel" que sobre el producto implementado.

Aunque existen formas de diagramación desarrolladas por diversos autores, la propuesta de nuevas formas complementa las anteriores y contribuye a la creación de formas futuras.

1.6 SOFTWARE DE DIAGRAMACIÓN MICROSOFT VISIO 2010

Es un programa de la familia de Microsoft Office 2010 que facilita la visualización, análisis y

comunicación de Información de sistemas y procesos complejos. Con diagramas de aspecto profesionales se puede mejorar los aspectos señalados.

Se encuentra disponible en la versión 2010 en 3 Ediciones: Standard, Professional y Premium. Los diagramas se pueden crear a partir de Plantillas o de forma manual con las formas.

Microsoft Visio es un programa de creación de diversos diagramas técnicos y empresariales, y

los requisitos mínimos para su instalación son:

Procesador: 500 Mhz Memoria RAM mínima: 256 MB Espacio en el disco duro: 1.5 GB Unidad de Lectura: DVD Resolución de Pantalla: 1024 x 768 pixeles Sistema Operativo: Windows XP (SP3), Windows Vista (SP1) ó Windows 7 Los requisitos pueden variar en función al sistema operativo y su configuración

1.6.1 Iniciar Microsoft Visio.

Tenemos 2 Métodos

Método 1: Clic en el menú Iniciar / Todos los Programas / Microsoft Office / Microsoft Visio 2010



Método 2: Presionamos al mismo tiempo las teclas Windows y R, en la ventana que aparecerá escribimos Visio y a continuación presionamos Enter.

1.6.1. Elegir una categoría de Diagramas

En la zona Categoría de Plantillas e puede apreciar un listado con las categorías de diagramas que ofrece Visio, Por ejemplo elegiremos la categoría Diagrama de Flujo, y dentro de las plantillas Diagrama de flujo de trabajo.



Al elegir una plantilla se configura el entorno de trabajo en Visio, mostrando los conjuntos de símbolos o formas a utilizar.

1.6.2. DESCRIPCION DE LA INTERFAZ DE MICROSOFT VISIO 2010

1.6.3. Trabajando con Visio

Trabajar en Visio es bastante sencillo ya que cada una de las formas que nos interesen se podrá

utilizar con sólo ser arrastradas al área de trabajo tal como veremos más adelante.

Las formas de Visio pueden ser: unidimensionales o 1D y bidimensionales o 2D.

Formas 1D

Son líneas o conectores unidimensionales, con un punto de inicio y un punto final, al arrastrar

Cinta o Fichas de Agrupamiento

Listado de galería de Formas

Área de Trabajo

Ventana Formas

Páginas del

documento



cualquiera de estos dos puntos las formas cambian en su longitud. Estas formas pueden conectar otras dos formas iguales o diferentes.

Formas 2D

Es un formato bidimensional como rectángulos, cuadrados, círculos, etc. que tienen ocho controladores de selección, un controlador de giro, con un controlador de excentricidad. Algunas formas tienen un controlador amarillo que permite interactuar en la misma forma.

Las formas 2D no tienen punto de inicio ni punto final, pueden variar sus dimensiones en forma proporcional a su volumen original o en su largo y alto indistintamente. Estas formas no pueden conectar otras dos formas iguales o diferentes. Algunas formas están dibujadas en forma tridimensional, pero MS Visio las considera como formas 2D.

Formas con comportamiento especial

Algunas formas que tienen controladores amarillos, tienen un comportamiento que no dependen de sin 1D o 2D. Por ejemplo en la imagen inferior se tiene dos controladores amarillos, el primero ubicado en el lado izquierdo permite ajustar el ancho de los brazos, y el segundo ubicado en la parte inferior permite cambiar el ancho del trazo vertical. Un vértice es un controlador con forma de rombo que aparece entre segmentos de una forma con varios segmentos, o bien al final de un segmento.

a. Utilizar las formas de Microsoft Visio

Para utilizar cualquiera de las formas o símbolos que proporciona Microsoft Visio se debe llevar

el puntero del Mouse sobre el símbolo requerido mantener presionado el botón izquierdo y

arrastrar hacia la zona de trabajo. Por ejemplo: Insertaremos el símbolo Círculo.



b. Agregar más galerías de formas.

Por ejemplo: Clic en Más Formas / elegir la opción Extras de Visio / Anotaciones

c. Agregar texto a una forma

Basta con efectuar doble clic sobre la forma en la cual se desea agregar texto. Por ejemplo

vamos a agregar el texto de la idea principal de nuestro Primer modelo.

Escribir el texto Clic fuera de la forma

d. Conectar las formas

Se puede realizar empleando los conectores dinámicos, es deseable que estos conectores no

sólo se encuentren intersecando a las formas sino que además se encuentren unidos por los



puntos de Unión que posee cada forma.

Se elige la herramienta Conector del grupo de Herramientas de la Ficha Inicio. Luego se uno

los puntos conectores de cada forma.

Así mismo si se desea otro tipo de conectores se pueden emplear las herramientas: línea o Lápiz que se encuentran dentro de la Ficha Inicio, grupo Herramientas. Su uso es muy similar al de los conectores dinámicos.

e. Duplicar formas

Para obtener una copia de una forma cualquiera, seleccionamos la Herramienta Puntero,

mantenemos presionada la tecla Ctrl y arrastramos el objeto que deseamos duplicar.

Mantener presionado y arrastrar hasta lograr la copia

3



f. Modificar el color de relleno de las formas

Seleccionamos la forma y luego con un clic en el icono de Relleno abrimos las opciones para elegir un color de relleno. De preferencia colores claros.

g. Modificar el grosor de los conectores / líneas de contorno de la formas.

Elegimos la forma o la línea del conector de la forma, luego elegimos el icono línea del grupo forma. Seguidamente elegimos grosor y un grosor para la línea de contorno de la forma o para la línea del conector de la forma.

h. Hacer zoom a la hoja de trabajo

La herramienta Zoom que se ubica en la cinta Vista, permite establecer el nivel de

acercamiento de la hoja de trabajo. Pero también podemos utilizar el zoom que se encuentra

en la parte inferior derecha de la hoja de trabajo.



i. Alineación y espacios automáticos

Para realizar esta operación requerimos seleccionar todas las formas para ello basta con

presionar las teclas CTRL y A al mismo tiempo y luego elegir la opción que se encuentra en el

grupo organizar.

j. Añadir un texto al conector

Consiste en hacer doble clic sobre el conector para luego escribir un texto sobre el cuadro de

dialogo mostrado.



k. Guardar o Salvar un Diagrama

Esta operación permite almacenar el diagrama previamente creado en Visio en una Unidad de

Almacenamiento que puede ser el Disco duro o una unidad extraíble.

Proceso

1. Clic en la Ficha Archivo 2. Clic en la opción Guardar 3. Ubicar la Unidad donde se almacenará la información 4. Se escribe un nombre para el archivo. 5. Clic en botón Guardar.

1.7. PRACTICAS DE EJEMPLO:

1. Utiliza el Microsoft Visio y realiza el diagrama de flujo que permita sumar dos números: Plantilla Diagrama de Flujo / Diagrama de Flujo Básico

- Inicio - Declarar Suma=0, A=0 y B=0 - Ingresar A, Ingresar B - Procesar: A+B=SUMA - Resultado: SUMA - Fin



2. Utiliza el Microsoft Visio 2010 y realiza el siguiente diagrama de flujo:

Plantilla Diagrama de Flujo / Diagrama de Flujo Básico

3. Utiliza el Microsoft Visio 2010 y convierte el diagrama anterior en un diagrama de Flujo de Trabajo.



Práctica de Laboratorio N° 1

Ejercicio N° 01: Desarrolle el diagrama utilizando el Programa Microsoft Visio 2010

PLANTILLA A UTILIZAR: Diagrama de Flujo/Diagrama de Flujo Básico.

Guarde el ejercicio con el nombre de “Ejercicio1"

Ejercicio N° 02: Desarrolle el diagrama utilizando el Programa Microsoft Visio 2010.

PLANTILLA A UTILIZAR: Negocios/Organigrama


Constructora Nombre_Alumno Organigrama de la Empresa


PLANTILLA A UTILIZAR: Red/Diagrama detallado de red.





PLANTILLA A UTILIZAR: Mapas y planos de Planta/Diseño de Oficinas.




TEMA N° 2

DIAGRAMAS Y PLANTILLAS DE MICROSOFT VISIO 2010

2.1 INTRODUCCIÓN

El presente tema explica el proceso de iniciar el Visio; proporciona los conocimientos generales para usar las Plantillas de formas que integran sus diversas Categorías, y aplicarlos en la presentación de ideas, procesos y conjuntos complejos de información en una página de dibujo.

2.2 CATEGORÍAS Y PLANTILLAS DE VISIO

Para elegir un tipo de dibujo, Visio cuenta con 8 Categorías, cada una de las cuales agrupa un conjunto de Plantillas que suman 65; cada plantilla dispone de múltiples grupos de Formas, las cuales pueden utilizarse al arrastrarlas con el mouse y soltarlas en la página de dibujo.

Para iniciar un diagrama de Microsoft Office Visio, se abre una plantilla. Con ella se abren una o varias galerías de símbolos a la izquierda de la página de dibujo. Las galerías de símbolos contienen las formas necesarias para crear el diagrama.

2.2.1 Categoría Diagrama de Flujo

Contiene 7 plantillas para crear diagramas de flujo:



2.2.2 Categoría General

Contiene 3 plantillas para crear diagramas básicos y de bloque

2.2.3 Categoría Ingeniería

Contiene 8 plantillas para crear diagramas relacionados con la ingeniería de sistemas, mecánica, eléctrica e Industrial.

2.2.4 Categoría Mapas y Planos de Planta

Contiene 14 plantillas para crear diagramas de diseño relacionadas con la arquitectura e Ingeniería Civil.



2.2.5 Categoría Negocios

Contiene 14 plantillas para crear diagramas relacionados con la administración y marketing.

2.2.6 Categoría Programación

Contiene 4 plantillas para crear diagramas relacionados con los proyectos y calendarización.



2.2.7 Categoría Red

Contiene 5 plantillas para crear diagramas relacionados con la estructura de Redes: Hardware y software.

2.2.8 Categoría Software y Base de Datos

Contiene 10 plantillas para crear diagramas relacionados con la estructura del software y base de datos



2.3 VENTANA FORMAS, GALERÍA, DE SÍMBOLOS Y FORMAS

La ventana Formas contiene la Galería de símbolos y las Formas. La Galería de símbolos contiene las formas de una categoría. La ventana muestra las Formas para organigramas. Para ver las formas de cualquiera de las otras dos galerías de símbolos (Bordes y títulos y Fondos) solo debe hacer clic en su nombre.

2.4 INSERTAR ELEMENTOS EN DIAGRAMA DE VISIO

Microsoft Visio tiene con una Ficha llamada INSERTAR que cuenta con 5 grupos de iconos: Páginas, Ilustraciones, Partes de Diagrama, Vínculos y texto. Desde estos grupos tenemos iconos que permiten insertar elementos y objetos en el diagrama que se está realizando.

2.4.1 Insertar Página en blanco.

Esta opción de Visio permite agregar una página en blanco o una página de fondo al diagrama.

2.4.2 Insertar Ilustraciones

Desde el grupo de ilustraciones de la ficha Insertar podemos insertar en el diagrama elementos como: imágenes externas al programa, Imágenes de la Galería de prediseñadas de Microsoft Office, Gráficos estadísticos y dibujos realizados con un programa CAD.



2.4.3 Insertar Partes de un Diagrama

Desde el grupo Partes de un diagrama de la ficha Insertar podemos insertar en el diagrama elementos propios del Diagrama como: un contenedor de partes del diagrama y llamadas de texto para indicar partes importantes.

2.4.4 Insertar Vínculos

Permite insertar o vincular elementos de un diagrama con otro diagrama o con documentos externos al diagrama como páginas web u otro diagrama de Visio.

Elegir la forma que contendrá el hipervínculo

2.4.5 Insertar Texto

Permite insertar elementos de texto en el diagrama. Como por ejemplo un cuadro de texto.

2.5 EL DISEÑO DE UN DIAGRAMA DE VISIO

Microsoft Visio tiene con una Ficha llamada DISEÑO que cuenta con 4 grupos de iconos: Configurar página, Temas, Fondos y Diseño. Desde estos grupos tenemos iconos que configurar el



diseño del diagrama como: el tipo de hoja que contendrá el diagrama, el conjunto de colores y detalles para las formas, establecer un fondo o imagen de fondo para el diagrama y poder redistribuir los elementos en la página.

2.5.1 Configurar Página

Sirve para establecer las medidas del papel y la orientación de la página que contendrá al diagrama que se ha de realizar.

2.5.2 Temas

Permite elegir un tema para el diagrama que se está realizando. Cada tema contiene un conjunto de colores y efectos para cada una de las formas del diagrama.

2.5.3 Fondos

El grupo Fondos de la ficha Diseño del programa permite agregar un fondo, bordes y título para el diseño del diagrama.



2.5.4 Diseño

El grupo Diseño de la ficha Diseño del programa permite redistribuir las formas y conectores del diagrama que previamente ya se ha realizado.

2.6 LA FICHA VISTA

Esta ficha del programa consta de 6 grupos de iconos, que permiten configurar la forma como se observa la interfaz del programa cuando se está realizando el diagrama. En el grupo mostrar podemos activar y desactivar las reglas, cuadrícula, guías y saltos de Página. También podemos visualizar el documento en pantalla completa desde el grupo vistas.



2.7 ESCALA DE DIBUJO

La escala de dibujo es un detalle muy importante cuando se realizan diagramas de mapas y planos de planta, asimismo cuando se realizan diagramas de Ingeniería.

Para configurar la Escala de dibujo se hace clic en la Ficha Diseño, luego clic en la esquina inferior derecha del grupo Configurar página. También se puede presionar Shift + F5.

Luego el programa entregará una ventana donde elegimos la pestaña Escala de Dibujo y establecemos la escala que necesitamos para nuestro diagrama.

2.8 AGREGAR UNA COTA A LA FORMA

Las cotas son indicadores de medida que pueden agregarse a algunas formas del diseño de mapas y planos de planta. También puede agregarse a algunas formas en el tema de ingeniería. Es importante previamente configurar la escala del dibujo.

Para configurar agregar una cota a una forma se hace clic derecho sobre la forma y se elige agregar cota. Con los tiradores y puntos de conexión se puede realizar las modificaciones necesarias.



Práctica de Laboratorio N° 2


PLANTILLA A UTILIZAR: Negocios/Diagrama de causa y efecto.



PLANTILLA A UTILIZAR: Mapas y planos de Planta/Diseño de Oficinas.

Utilizar la Escala de Dibujo necesaria para el diseño y agregar los datos solicitados.





PLANTILLA A UTILIZAR: Mapas y planos de Planta/Plano de Vivienda.

Utilizar la Escala de Dibujo necesaria para el diseño y agregar los datos solicitados.



Tamaño de Hoja A-4 / Orientación: Vertical

Utilizar fondo y bordes y título para el diseño

PLANTILLA A UTILIZAR: Mapas y planos de Planta/Mapa de direcciones 3D.


Education

Software de diagramación