7/26/2019 Ayuda Diagramar
1/17
I
Manual de Usuario
7/26/2019 Ayuda Diagramar
2/17
II
INDICE
Introduccin I
Interfaz de Usuario I
1 - Panel de Herramientas IIBloques IIIComponentes III2 - Panel Diagrama de Bloques IV3 - Panel de Propiedades VII4 - Panel de Informacin Adicional IXPrueba de Escritorio IXCasos de Prueba IXLa Barra de Tareas X
Sintaxis, Operadores y Funciones XSintaxis XIExpresiones sin espacios en blanco XIMaysculas y Minsculas XI
Delimitadores XIOperadores XIIPrecedencia y asociatividad de los operadores XIIIFunciones definidas XIVDIV XIVMOD XIVTRUNC XVRAIZ XVABS XV
7/26/2019 Ayuda Diagramar
3/17
I
Introduccin
Diagramar es una potente herramienta de escritorio que permite crear, editar y
ejecutar diagramasN-S. Se trata de una aplicacin muy intuitiva y fcil de usar, su
interfaz enriquecida con iconos de aspecto profesional, permiten deducir elfuncionamiento de cada uno de ellos. As mismo la interfaz se encuentra divida en
paneles, bien diferenciados, donde cada uno de ellos tiene un papel importante en
el diseo y ejecucin de los diagramas de bloques.
Por otro lado, la aplicacin brinda la posibilidad de guardar, en un archivo con
extensin deb(Diagrama de bloques), el diagrama generado y/o exportarlo a un
formato grafico para permitir compartirlo con otros usuarios. De esta manera se
pueden obtener mejores resultados con mayor rapidez aprovechando el conjunto
de posibilidades que brinda Diagramar.
Interfaz de Usuario
La interfaz de usuario est orientada para propiciar un fcil manejo y aprendizaje,
de esta manera se puede explotar al mximo las funcionalidades con las que
cuenta la herramienta.
1
2
4
3
Fig. 1. Pantalla Inicial de Diagramar
7/26/2019 Ayuda Diagramar
4/17
II
En la pantalla inicial deDiagramares posible visualizar las distintas reas con las
que cuenta la aplicacin, ya sea al momento de crear un diagrama N-S o bien para
el seguimiento paso a paso durante la ejecucin de un diagrama. Estas reas, han
sido denominadas Paneles y cuentan con la particularidad de ser desplazados de
un lugar a otro, dentro de la pantalla principal, de acuerdo a las necesidades del
usuario.
A continuacin se procede a describir cada una de ellos.
1 - Panel de Herramientas
El panel se encuentra situado a la izquierda del Panel de Diagrama de Bloques, su
funcin principal es la de mostrar cada una de los bloques y componentes
disponibles para crear un diagrama N-S.
Fig. 2: Panel de Herramientas
Para diferenciar los bloques de los componentes, el panel est dividido en dos
secciones.
7/26/2019 Ayuda Diagramar
5/17
III
Bloques
Compuesto por cada uno de los bloques que conforman un diagrama N-S(Bloque
de Entrada, Asignacin, Salida, Alternativa, Ciclo Condicionado e
Incondicionado). Para seleccionar un bloque para su insercin, basta con hacerclic en el botn con la imagen correspondiente al bloque, de esta manera el botn
quedar con un aspecto diferente a los dems, dado que tendr la apariencia de
estar presionado. Luego de seleccionar el bloque, se podr proceder a insertarlo,
haciendo otro clic, en el rea de dibujo del panel de diagrama de bloques.
Fig. 3: Seleccin del bloque Alternativa
Componentes
Es una biblioteca de un conjunto de bloques predefinidos que cumplen una
funcin especfica y que se podr adaptar segn sus necesidades. Para facilitar su
bsqueda los componentes estn agrupados en tres categoras: Componentes
Simples, Componentes Vector y Componentes Matriz.
Cuando se realiza la seleccin de un componente, aparece el icono que representa
al componente seleccionado, esto es para indicar al usuario que componente ha
sido seleccionado.
7/26/2019 Ayuda Diagramar
6/17
IV
Nota: Cuando exista un bloque o un componente seleccionado en el panel de
herramientas, el puntero del mouse cambia al de una mano, de esta manera la
aplicacin le est indicando al usuario que donde haga un clic, all se realizar la
insercin.
2 - Panel Diagrama de Bloques
Es el panel central se encuentra situada una rea de dibujo donde se puede
visualizar el diagrama de bloques construido.
Para realizar la seleccin de un bloque en el diagrama que se encuentra dibujado,
basta con hacer un clic en cualquier parte dentro de l. ste queda resaltado,
pintado de color azul, esto es para permitir al usuario distinguir, visualmente, cul
bloque esta seleccionado. Una vez seleccionado se podr observar en el Panel de
Propiedades sus atributos.
Cuando se realiza la insercin de un bloque o un componente, ste se inserta en
una posicin anterior al del bloque donde se hizo clic. Si lo que se quiere es
insertarlo al final del diagrama, se debe hacer clic sobre el rectngulo pintado de
color celeste. Es til recordar que en caso de tratarse de bloques que puedenalmacenar dentro de ellos otros bloques, tal es el caso de los bloques Alternativa,
Ciclo Incondicionado y Ciclo Condicionado, cuando alguno de ellos es insertado
en el rea de dibujo, contendr un rectngulo pintado de color celeste, el cual
Fig. 4: Seleccin del Componente Determinacin Mayor
Icono delcomponenteseleccionado
7/26/2019 Ayuda Diagramar
7/17
V
permite realizar una insercin al final de todos los bloques que contiene dicho
bloque hasta el momento.
Ejemplo: Se quiere calcular la suma total de una lista de N nmero naturales.
Suponga que ya se ha construido el siguiente diagrama de bloques:
Fig. 5: Diagrama de Bloques construido
Ahora hay que insertar un bloque de asignacin para poder ir acumulando los
valores que se van ingresando dentro del ciclo. Este bloque debe ir al final del
ciclo incondicionado donde se realiza el ingreso de los datos, por lo cual se debe
hacer clic en el rectngulo pintado de color celeste contenido en dicho ciclo.
De esta manera al hacer clic sobre el rectngulo celeste como se observa en la
figura anterior, el bloque de asignacin se inserta al final de todos los bloques que
contiene hasta el momento dicho ciclo.
Fig. 6: Insercin del Bloque de Asignacin
7/26/2019 Ayuda Diagramar
8/17
VI
De manera anloga, cuando haya que insertar el bloque de salida para mostrar el
resultado de la sumatoria, este debe ir al final del diagrama por lo cual se deber
hacer clic sobre el rectngulo celeste que esta al final del todo el diagrama de
bloques construido.
Como se observa en la Fig. 7, una vez seleccionado el bloque de salida, al
moverse por el panel Diagrama de Bloques el puntero del mouse cambia al de una
mano, y haciendo clic en el rectngulo celeste que esta al final del diagrama, el
bloque de salida se inserta al final de todo el diagrama.
Nota: Cuando se empieza un nuevo diagrama, se puede observar en el rea de
dibujo un rectngulo con un relleno de color celeste, para empezar a realizar la
insercin de un bloque o un componente. Se debe hacer clic sobre ste rectngulo
Fig. 8: Diagrama final
Fig. 7: Insercin del Bloque de Salida
7/26/2019 Ayuda Diagramar
9/17
VII
para poder insertar. Siempre que se desee realizar una insercin, se debe hacer clic
sobre el diagrama que se encuentra dibujado.
Fig. 9: Nuevo Diagrama
3 - Panel de Propiedades
Se encuentra situado a la derecha del Panel de Diagrama de Bloques. Una vez
que el diagrama cuenta con algunos bloques, si se hace clic sobre alguno de ellos,
ste queda seleccionado y se puede visualizar sus atributos en el Panel de
Propiedades (ver Fig.10), desde all el usuario puede editar los atributos del
bloque seleccionado.
Cabe aclarar que casi todos los bloques tienen un solo atributo, como es el caso de
los Bloques: Entrada, Asignacin, Salida, Alternativa y Ciclo Condicionado.
Este tiene una etiqueta con la leyenda expresin y en l se coloca el contenido
segn corresponda:
I.
En el caso de tratarse de un bloque de entrada, se colocan el nombre de la/s
variable/s cuyo ingreso de dato se solicita. Por Ejemplo Acum,N,A[i;j].
Si se quiere solicitar el ingreso de varias variables en un mismo bloque,
stas deben estar separadas por una coma ,.
II.
Si se trata de una asignacin se pondr la expresin de asignacin.
Ejemplos: a=b+c, cont=0.
III.
Para el caso de un bloque de salida, se puede poner una variable o bien unmensaje, para este ltimo se deber encerrar entre comillas dobles el texto
a mostrar.
IV.
En el caso de un bloque de Alternativa o Ciclo Condicionado, se coloca
una expresin de tipo lgica. Por ejemploa>=N,bb)&(a>c).
7/26/2019 Ayuda Diagramar
10/17
VIII
Fig. 10: Propiedades del bloque de asignacin seleccionado
El Bloque Ciclo Incondicional es distinto porque posee cuatro atributos:
A.
Variable:Nombre de la variable que controla el ciclado.
B. Paso: La cantidad en que se va a incrementar o decrementar la variable
que controla el ciclo en cada iteracin.
C. Valor Inicial: Indica el valor con el cual se inicializa la variable que
controla el ciclo.
D.
Valor Final: Determina el valor final para la iteracin.
Fig. 11: Propiedades del bloque selecto Ciclo Incondicional
7/26/2019 Ayuda Diagramar
11/17
IX
4 - Panel de Informacin Adicional
Por ltimo, est el Panel de Informacin Adicional, que se encuentra situado en la
parte inferior de la pantalla del software.
Este panel se encuentra dividido en tres secciones:
Prueba de Escritorio
Desde este panel se puede visualizar la prueba de escritorio resultante de la
ltima ejecucin que se haya realizado del diagrama de bloques. Una de las
principales funcionalidades del panel es la de permitir al usuario entender cmo se
fueron desarrollando los cambios en las distintas variables que estn presentes en
el diagrama de bloques construido en el rea de dibujo. Este a su vez se sub-divide
en dos partes, una grillaen la cual se listan cada una de las variables simples que
aparecen en el diagrama y un panelque permite visualizar todas las salidas que
ocurriesen en el diagrama durante la ejecucin del mismo.
Casos de Prueba
En esta seccin se encuentra una serie de recomendaciones para que el usuariopractique diferentes caminos de ejecucin del diagrama.
Documentacin
Esta seccin tiene la finalidad que el usuario escriba algunas acotaciones que se
crean necesarias, relativas al diseo del diagrama.
Fig. 12: Panel de Informacin Adicional
7/26/2019 Ayuda Diagramar
12/17
X
La Barra de Tareas
En la barra de tareas, se visualizan una serie de iconos de acceso rpido, cada uno
de los cuales permite realizar una accin especfica. A continuacin se describen
cada uno de ellos:
Fig. 13: Barra de Tareas
I. Nuevo: Permite limpiar la pantalla del rea de dibujo para empezar un
nuevo diagrama.
II. Abrir:Brinda la posibilidad de abrir un diagrama que se haya guardado
con anterioridad.III. Guardar:Permite guardar el diagrama.
IV. Guardar Como: Si se tiene abierto un archivo, permite guardarlo con otro
nombre para no sobrescribir los cambios en el archivo original.
V. Eliminar: Permite eliminar el bloque seleccionado. Si se trata de un
bloque que contiene otros bloques en su interior estos tambin sern
eliminados.
VI. Retardo:Permite especificar un retardo en milisegundos, el cual va a estar
implcito en cada ejecucin de las estructuras del bloque. Este parmetrosolo se tiene en cuenta cuando la ejecucin no se hace paso a paso.
VII. Ejecutar:Inicia la ejecucin del diagrama de bloques dibujado.
VIII. Ejecutar Paso a Paso: Permite realizar una ejecucin paso a paso de todo
el diagrama de bloques. De esta manera cada vez que el usuario haga clic
en este botn se ejecuta un bloque del diagrama, segn corresponda.
IX. Detener Ejecucin: Este botn permite al usuario detener la ejecucin del
diagrama ya sea que se est realizando una ejecucin paso a paso o de todo
el diagrama.
Sintaxis, Operadores y Funciones
La aplicacin cuenta con una sintaxis propia y un conjunto de operadores que
merecen ser descritos, para permitir al usuario aprovechar al mximo todas las
funcionalidades que proporcionaDiagramar.
7/26/2019 Ayuda Diagramar
13/17
XI
Sintaxis
Al igual que otros lenguajes de programacin, Diagramar tiene una serie de
restricciones a la hora de especificar la sintaxis correcta que se deben tener en
cuenta al momento de escribir las expresiones para los bloques que componen undiagrama N-S.
Expresiones sin espacios en blanco
Las expresiones no deben tener ningn espacio en blanco, a excepcin de las
cadenas de texto. Es decir que si se quiere escribir la siguiente expresin x = x *
10, la misma debe ser escrita sin los espacios en blanco, quedando de la siguiente
manera x=x*10.
Si se tratase de una cadena de texto, sta s podr contener los espacios en blanco,dado que se puede escribir la siguiente expresin frase=Este es un texto con
espacios en blanco.
Maysculas y Minsculas
El evaluador de Diagramar diferencia entre maysculas y minsculas. Esto quiere
decir que para el evaluador no es lo mismo ACUMque Acum, sino que se trata
de dos identificadores distintos. Esta regla se aplica tambin a las palabras clave
de la aplicacin, tales es el caso de los nombres de las funciones que deben serescritas siempre en maysculas, porque de lo contrario el evaluador las
interpretara como identificadores corrientes.
Es importante tener en cuenta estos detalles, dado que el evaluador de Diagramar
puede indicar un error si cambiamos una mayscula por una minscula, o
viceversa, al no reconocer un cierto identificador.
Delimitadores
En cuanto a los delimitadores, vamos a hacer mencin a los smbolos que se usanpara separar las sentencias, los parmetros de una funcin y la definicin de los
ndices en el caso de variables de tipo vector o matriz.
o
,-Se usa la coma, para separar las sentencias que aparecen en un mismo
bloque. Este delimitador no se coloca si se trata de una sola sentencia en el
7/26/2019 Ayuda Diagramar
14/17
XII
bloque. Se debe tener en cuenta que al momento de ingresar una cadena de
texto, esta no debe contener en su interior una coma, ya que el evaluador
lo interpretara como si se tratara del final de una sentencia y el inicio de la
otra.
o ()-Los parntesis, como es habitual, se pueden utilizar para fijar el orden
de operacin en una expresin tanto aritmtico como lgica.
o [] -Con los corchetes se delimitan los ndices para las variables de tipo
vector o matriz, como por ejemplo vector[i]o matriz[i;j]. Tambin se los
usa cuando se trata de especificar los parmetros de una funcin, por
ejemploRAIZ[25].
o ; - El punto y coma, se usa para separar los ndices en el caso de las
matrices ya que requieren que se especifiquen dos; y en el caso de tenerque especificar ms de un parmetro en una funcin, tal es el caso de la
funcin MOD[a;b].
o -Las comillas dobles, sirven para indicarle al evaluador que se trata de
una cadena de texto lo que se encuentra encerrada entre ellas.
A medida que se vaya interactuando con la construccin de los diagramas de
bloques en Diagramar, el usuario se ir acostumbrando rpidamente tanto a estos
delimitadores como al correcto uso de las maysculas y minsculas.
Sencillamente, se trata de una cuestin de hbito.
Operadores
En Diagramar las expresiones se van a construir a partir de operandos y
operadores. Los operadores de una expresin nos indican qu operaciones se
aplicarn a los operandos. Entre los ejemplos de operadores se incluyen +, -, *, / y
^.
A continuacin se muestran las tablas con los operadores que admite la
aplicacin.
Operadores Aritmticos
Operador Descripcin
* Multiplicacin
7/26/2019 Ayuda Diagramar
15/17
XIII
/ Divisin
^ Potencia
+ Suma
- Resta
Operadores de Comparacin
Operador Descripcin
= Igual a
> Mayor que
>= Mayor o igual que
< Menor que
>=<
7/26/2019 Ayuda Diagramar
16/17
XIV
= Operador de comparacin Igual a, Distintode
& AND lgico
| OR Lgico
Cuando un operando se encuentra entre dos operadores con igual grado de
prioridad, la asociatividad de los operadores controla el orden en que se ejecutan
las operaciones.
Todos los operadores binarios son asociativos por la izquierda, lo que
significa que las operaciones se realizan de izquierda a derecha. Por
ejemplo, x + y + z se evala como (x + y) + z.
La precedencia y asociatividad pueden controlarse mediante el uso de parntesis.
Por ejemplo, x+y*z primero multiplica y por z y despus suma el resultado a x,
pero (x+y)*z primero suma x e y, y despus multiplica el resultado por z.
Funciones definidas
Diagramar cuenta con una serie de funciones preestablecidas, para permitir
extender la funcionalidad de la aplicacin. Todas la funciones deben estar escritas
en maysculas y sus parmetros encerrados entre corchetes, para separar los
parmetros se deber hacerlo a travs de un punto y coma ;.
A continuacin se describir brevemente, cada una de ellas:
DIV
Esta funcin permite calcular el cocienteenterode una divisin entera entre dos
nmeros.
Sintaxis:DIV[A;B]
Parmetros:A: dividendo.B: Divisor.
Valor Devuelto: Cociente de la divisin entera entreAyB.
MOD
Permite obtener el restode una divisin entera entre dos nmeros.
Sintaxis:MOD[A;B]
7/26/2019 Ayuda Diagramar
17/17
XV
Parmetros:A: dividendo.B: Divisor.
Valor Devuelto: Resto de la divisin entera entreAyB.
TRUNC
Devuelve la parte entera de un nmero con parte fraccionaria.
Sintaxis:TRUNC[A]
Parmetros:A: nmero que se desea truncar.
Valor Devuelto: Parte entera deA; es decir, el nmero entero que resulta despus
de eliminar los dgitos fraccionarios.
RAIZ
Retorna la raz cuadrara de un nmero.
Sintaxis:RAIZ[A]
Parmetros:A: nmero al que se le quiere sacar la raz cuadrada.
Valor Devuelto: raz cuadrada deA; el valor positivo de la raz cuadrada.
ABS
Devuelve el valor absoluto de un nmero.
Sintaxis:ABS[A]
Parmetros:A: nmero del cual se quiere obtener el valor absoluto.
Valor Devuelto: Valor absoluto deA.