Representación de diagramas

Expresión gráfica
Tema 14
 Tipos de diagramas
• Diagramas de flujo
• Diagramas de bloques
– De modelo matemático
– De procesos de producción
• Lenguaje Unificado de Modelado (UML)
• Diagramas electrónicos
• Muchos otros
 Diagramas de flujo
Una representación gráfica de un algoritmo o proceso

Inicio o fin de programa Conector de página

Pasos o procesos Líneas de flujo

Operaciones de entrada y salida Anotación

Toma de decisión o ramificación Salida de datos por display

Conector para unir el flujo a Salida de datos en papel

otro punto del diagrama
 Diagramas de bloques
• De modelo matemático
– Suelen representar modelos físicos reales con «cajas» con
elementos simplificados mediante un modelo matemático.
– La unión de estas produce elementos de mayor
complejidad
 Diagramas de bloques
• De procesos de
producción
– Representan un proceso
de elaboración o
producción de cierto
producto.
– Se especifica desde la
materia prima, distintos
procesos, explicaciones
en los procesos, etc.
 UML (Lenguaje Unificado de
Modelado)
• Diagramas de modelado de sistemas software
• 13 tipos de diagramas, entre ellos:
– Diagramas de clases/estructuras
– Diagramas de actividad
– Diagramas de comportamientos o casos de uso
 UML (Lenguaje Unificado de
Modelado) Diagrama de actividad
Diagrama de clases
 Diagramas electrónicos
• Representa un circuito
eléctrico real.
• Cada componente
tiene una DC

representación. 15V
100k
R1 R2
10k

• Las líneas representan T1

una conexión entre los C1 R3

BC548

distintos AC
1uF 47k

R4 R5 C2
componentes. 100k 1k 1uF
 ®
Microsoft Office
®
Visio
• Información general: ¿Qué tienen de especial las formas de
Visio?

• Introducción a las formas

• Cómo obtener formas

• Posicionamiento de formas

• Crear nuevas formas o símbolos

Información general: ¿Qué tienen de especial las formas de Visio?

Las formas son la base de cualquier diagrama de

Visio.

Podemos usar formas para representar objetos,

acciones e ideas y después de organizarlas y
conectarlas.
 Objetivos
• Identificar los dos tipos de formas de Visio: 1D y 2D.

• Ver el comportamiento de las formas 1D y 2D.

• Buscar las formas que necesita.

• Posicionamiento de formas

• Creación de nuevas formas o símbolos

Introducción a las formas
 Introducción a las formas
¿Qué es una forma?

Podemos usar formas básicas como rectángulos y rombos

para un diagrama de flujo. Pero también podemos utilizar
formas con muchos detalles.

Además las formas de Visio son interactivas. Es decir,

cuando se trabaja con ellas, reaccionan de una
determinada forma.
 Dos tipos de formas
Cuando trabajamos con
formas de Visio, podemos
ajustar su tamaño, girarlas,
aplicarles formato y
moverlas.

Pero ¿cuál es el
comportamiento de las
formas cuando lo que hace
depende del tipo de
forma?
Hay dos tipos de formas en Visio: formas unidimensionales
(formas 1D) y formas bidimensionales (formas 2D).

Cada tipo de forma se comporta de una manera

determinada.
 Formas 1D
Las formas 1D son
formas que, cuando se
seleccionan, tienen un
punto inicial y un
punto final .

Las formas 1D suelen

parecer líneas.

¿Cómo funcionan las formas 1D cuando se trabaja con ellas?

Si mueve el punto inicial o el punto final, sólo cambia una
dimensión: la longitud.

Pero la característica más eficaz de las formas 1D es su

posibilidad de conectar dos formas.
 Formas 2D
Una forma 2D es una
forma que, cuando está
seleccionada, no tiene ni
punto inicial ni final.

En su lugar, una forma

2D tiene ocho
controladores de
selección .
¿Cuál es el comportamiento de las formas 2D? Cuando
hacemos clic y arrastramos un controlador de selección
situado en una esquina, puede cambiar dos dimensiones: la
longitud y el ancho.

No podemos usar formas 2D para conectar otras formas. Sólo

las formas 1D tienen esa función.
 Formas 2D
Las formas 2D se suelen
usar para representar
algo, ya sea un concepto
general como un paso
en un diagrama de flujo
o un objeto específico
como una fábrica o la
pieza de un equipo.

Como el equipo portátil y el bloque que se muestran aquí, el

dibujo de algunas formas 2D tiene un aspecto tridimensional.

Aún así, Visio considera estas formas como formas 2D. Se

sabe por los ocho controladores de selección.
 1D o 2D ¿Cómo estar seguro?
A primera vista, algunas
formas parecen
bidimensionales (2D) pero
son realmente
unidimensionales (1D), y
viceversa.

Para evitar confusiones,

seleccionemos siempre la
forma.

Por ejemplo, la forma de flecha de la parte superior de esta

imagen parece que es bidimensional porque tiene espesor.

Pero cuando la seleccionamos, se ven sus puntos inicial y

final; por tanto, es 1D sin lugar a dudas. En vez de representar
un concepto o un objeto, esta flecha se usa para conectar
otras formas.
 1D o 2D ¿Cómo estar seguro?
Por una parte, la forma
de curva parece ser
unidimensional (1D).
Después de todo, su
aspecto es el de una
línea.

Pero cuando se selecciona, se ven los ocho controladores de

selección que indican que es 2D.

Por tanto, esta curva representa el concepto de una curva con

forma de campana de Gauss, pero la línea que crea la curva
no se puede conectar a otras formas.
 Formas con un comportamiento especial
Todas las formas de
Visio son 1D o 2D, en
función de su
comportamiento.

No obstante, algunas formas tienen algún otro

comportamiento que es exclusivo de ellas y que no depende
de que sean unidimensionales (1D) o bidimensionales (2D).
 Formas con un comportamiento especial
Por ejemplo, algunas
formas tienen
controladores amarillos
que permiten
interactuar con ellas.

En esta ilustración, la forma Puerta tiene un controlador que

permite girarla para abrirla y cerrarla. ¿Rozará la mesa?

Parece que no. Lo mejor será buscar una mesa más pequeña
o realizar otros ajustes con el mobiliario para que este
problema no se presente en la realidad.
 Cualquier cosa es una forma
Cuando trabajemos con
Visio, es probable que
deseemos agregar texto,
fotografías o imágenes.

Por tanto, tengamos

presente que cualquier
cosa es una forma en
Visio, incluidos imágenes
y texto.

Si escribimos texto en una parte vacía de la página, ese texto

será una forma 2D y tendrá ocho controladores cuando la
seleccione. Si selecciona una imagen importada, también
tendrá estos controladores.
Cómo obtener formas
 Cómo obtener formas

Hay seis maneras de obtener formas.

Aunque el número de maneras de obtener formas no es

tan abundante como el número de las propias formas,
basta con seis. Es por ello que cada método es apropiado
para un fin distinto.
 Debe recordar esto
Antes de hablar sobre
cómo se obtienen
formas, es importante
que comprendamos tres
términos.

1 Ventana Formas. Esta ventana contiene galerías de símbolos.

2 Galerías de símbolos. Las galerías de símbolos no son formas. Es

importante saberlo. Las galerías de símbolos contienen formas.
Formas. Las formas son cualquier dibujo en Visio.
3
 Obtener formas con plantillas
Una forma de obtener
formas es elegir una
plantilla, que es una de
las opciones de tipo de
dibujo que ve al iniciar
Visio.

Cuando elegimos una plantilla, las galerías de símbolos y las formas de esa
plantilla aparecerán en la ventana Formas, listas para trabajar con ellas.

La ventaja de usar una plantilla es que proporciona muchas formas

relacionadas organizadas para un fin específico.
 Obtener formas buscando
Si necesitamos más
formas que las que nos
proporciona una
plantilla, puedemos usar
el cuadro Buscar formas
para buscarlas.

Por ejemplo, si trabaja en un diagrama de red, puede que

desee utilizar una flecha más grande que las flechas de la
galería de símbolos de la plantilla.
Obtener formas examinando
Dibujar sus propias formas
Si no puedemos
encontrar la forma que
necesita en Visio,
siempre podemos
dibujar la nuestra
propia.
 Obtener formas de otras personas
Puede ocurrir que otras
personas hayan creado
formas que deseemos
utilizar.

Podemos cargar nuevas galerías de símbolos, ya sean

compradas o creadas por un tercero.
Insertar imágenes
Posicionamiento de formas
 Posicionamiento de formas
Una de las principales
razones para crear un
diagrama es que son
mucho más eficientes
para comunicar una idea
que un parrafo de texto.

Pero pueden no conseguir su objetivo, simplemente por la

posición de sus formas.
Usar flechas de autoconexión
Uso de rejilla y reglas
 Uso de guías

Arrastrar el ratón desde las reglas creará una nueva guía

Las guías no se muestran al imprimir

Posición y alineamiento de formas
Distribución de formas
Crear nuevas formas o simbolos
 Crear nuevas formas o símbolos
• Lo primero es crear una nueva Galería de
símbolos.
1. Desplegaremos el menú «Más formas» y
seleccionaremos «Nueva galería de símbolos»
2. Aparecerá una nueva galería vacía en el menú de la
izquierda.
3. Sobre la zona vacía, abriremos el menú contextual y
crearemos un «Nuevo Patrón»
4. Le daremos un nombre
5. Aparecerá el nuevo patrón (vacío) en el menú de
símbolos.
6. Si realizamos doble click sobre el nuevo símbolo,
podremos editarlo.