Practica #3 – Herramientas de Dibujo. Word a pesar de ser un procesador de texto cuenta con diversas herramientas para la creación de distintos tipos de gráficos. Desde gráficos sencillos como los son rectángulos, círculos y diversas formas geométricas; distintos tipos de diagramas como organigramas y diagramas de flujo; hasta formas de figuras predefinidas. En el desarrollo de esta práctica vamos a utilizar las diversas herramientas con las que cuenta Word para incluir dibujos en nuestros documentos. Barra de Dibujo. La forma más sencilla de incluir dibujos en nuestro documento es a través de la barra dibujo, que se muestra en la siguiente figura:

Normalmente aparece en la parte inferior de la ventana de Word, en dado caso que no apareciera la puede activar dando clic en un área en blanco de su barra de herramientas y seleccionamos la barra de herramientas dibujo (para mas información sobre cómo activar las diversas barras de herramientas consulte el folleto del curso) :

Por ejemplo si queremos dibujar un rectángulo en nuestro documento damos clic sobre el botón rectángulo de la barra de dibujo:

Aparecerá un área donde nos dice que podemos crear nuestro dibujo, a esta área se le conoce como lienzo de dibujo, y nos aparecerá también la barra de herramienta de dicho lienzo:

Como ya tenemos seleccionado el botón de rectángulo, ponemos nuestro cursor en donde queremos que empiece el rectángulo y, sin soltar el cursor, arrastramos el cursor hasta lograr el tamaño deseado del rectángulo. El tamaño y demás características del rectángulo pueden ser modificadas luego, por lo tanto no hay problema si el rectángulo no nos queda del tamaño que nosotros habíamos deseado en un principio. Luego de soltar el cursor tendremos una ventana como la siguiente:

Podemos modificar el tamaño del rectángulo al seleccionar uno de los círculos que tiene el rectángulo en su periferia, dependiendo de hacia donde queremos agrandar o empequeñecer nuestro rectángulo. Podemos cambiar varios aspectos del rectángulo que acabamos de dibujar, entre los cuales están su color de relleno, su color de línea, su color de fuente (texto), seleccionar si queremos que tenga sombra y de que tipo, y también si queremos que tenga estilo 3D. Para hacer que el rectángulo tenga un color de relleno azul damos clic en el submenú que se encuentra junto al botón Color de Relleno en la barra de dibujo:

Seleccionamos el color Azul oscuro, y de esa forma cambiará automáticamente el color de relleno de nuestro rectángulo:

Podemos cambiar luego el color de la línea periférica del rectángulo, dando clic en el menú desplegable que se encuentra junto al botón Color de Línea de la barra de dibujo, seleccionamos el color amarillo:

Y veremos que la línea cambia al color asignado:

Para agregar texto dentro del circulo, damos un clic derecho sobre el circulo, se abrirá un menú y seleccionamos la opción Agregar Texto:

Se pondrá un cursor de escritura dentro del rectángulo y por lo tanto podemos teclear información dentro de él.

El texto tecleado dentro del dibujo se le puede dar formato como a cualquier otro texto tecleado en alguna otra parte del documento. Por ejemplo puede cambiar el tipo de fuente, el tamaño de la fuente y su color. Ejercicio: Realice un circulo, cambie el color de relleno y de línea y teclee su nombre dentro de él. Cambie además el formato de la línea de texto de su nombre.

Otra forma de combinar líneas de texto con gráficos es por medio del botón Cuadro de Texto de la barra de herramientas dibujo. Comience por crear un rectángulo. Luego de clic en el botón de Cuadro de Texto y seleccione el área donde va a ir el texto:

Tecleamos lo siguiente en el cuadro de texto: “Este es un cuadro de texto”

Le cambiamos el tipo de fuente a Verdana y tamaño 20. Como podemos observar el texto fue formateado, pero aún así el cuadro de texto tiene un color de relleno (blanco) y un color de línea (negro). Para remover estas dos opciones damos clic derecho sobre el cuadro de texto y seleccionamos la opción Formato de Cuadro de Texto.

Se abrirá una ventana similar a la siguiente, seleccionamos la pestaña Colores y Líneas:

En la opción Relleno, Color, seleccionamos Sin Relleno. En la opción Línea, Color, seleccionamos Sin Línea. Nuestra imagen quedará similar a la de la figura:

Podemos por ultimo mover el cuadro de texto, para hacer que el texto se encuentre dentro del rectángulo. Se prefiere trabajar con cuadros de texto para que estos texto se puedan mover de figura geométrica según se requiera y para tener mayor flexibilidad en donde y como se posición las líneas de texto.

Autoformas Las autoformas nos permiten insertar formas geométricas adicionales al rectángulo y al circulo, como lo son triángulos, rombos, cubos, etc. Además de formas variadas como signos, flechas, cuadros de dialogo (llamadas), etc. En ese ejercicio veremos el uso de formas básicas y diagramas de flujo. Se deja a ejercicio del alumno el usar los demás tipos de autoformas. Para abrir el menú de autoformas, damos clic en el menú Insertar, seleccionamos el submenú imagen, y damos clic en la opción Autoformas. Se abrirá el siguiente menú:

En el podremos elegir el tipo de autoformas según las necesitemos. Formas Básicas Las formas básicas nos proveen de modelos predefinidos de dibujos que podemos utilizar en nuestro documento.

Por ejemplo, para la creación de un signo de no fumar como el de la figura, seleccionamos primero el signo de prohibición:

Luego seleccionamos el lugar donde vamos a poner la figura, así como su tamaño.

Seleccionamos ahora el color de relleno rojo. Luego utilizamos un cuadro de texto para poner la linea “FUMAR”, seleccionamos un tipo de fuente y tamaño que sean convenientes, y por último centramos la línea de texto.

El resultado será como el de la figura:

Ejercicio: Utilizando autoformas realice el siguiente gráfico:

Utilizando autoformas y WordArt realice el siguiente gráfico:

CH

FUMARFUMARFUMARFUMAR

Diagramas de Flujo Los diagramas de flujo son una forma muy útil de plantear un programa antes de realizar la codificación. Nos muestran cual será el flujo del programa, donde inicia, cuando hace cierto proceso, cuando le pide información al usuario, cuando finaliza, etc.

En la ventana de autoformas seleccionamos la familia de formas de diagrama de flujo, si colocamos el cursor sobre cada una de las formas nos dirá que representa cada figura. En este ejemplo utilizaremos la forma de proceso alternativo para indicar el inicio del programa.

Utilizaremos la forma de proceso para indicar aquellos procesos que realice el programa sin interacción con el usuario.

Utilizaremos la forma de entrada manual para indicar cuando el usuario deba de ingresar datos al programa.

Utilizaremos la forma pantalla para indicar cuando el programa nos muestra algo en la pantalla de nuestra computadora.

res = sum1 + sum2

El usuario ingresa el valor de las variables: sum1, sum2

Inicio

Muestra en pantalla el resultado: res

Utilizaremos también la forma decisión cuando el programa realice una comparación o una condición con una o varias variables.

Por último unimos las diversas formas a través de líneas en forma de flecha:

Ejemplo 1: Programa que realiza la suma de dos números.

.

Inicio

Se declaran las variables: sum1, sum2, res

El usuario ingresa el valor de las variables: sum1, sum2

res = sum1 + sum2

Fin

Muestra en pantalla el resultado: res

Cal1 > 70

SI

NO

Ejemplo 2: Programa que resuelve si la calificación de un alumno es aprobatoria.

Ejercicio: Realice dos diagramas de flujo más. El primero será de un programa que, luego de que el usuario teclee dos números, obtenga el promedio de esos dos números. El segundo será un programa que, luego de que el usuario teclee dos calificaciones, nos diga cual calificación es la mayor.

Inicio

Declaración de las variables: Cal1

El usuario ingresa el valor de Cal1

Aprueba Reprueba

Fin

Cal1 > 70

SI

NO

Organigramas El organigrama, también conocido como gráfica de organización, es un diagrama que muestra la estructura de una organización y el rango de de relaciones de sus posiciones o empleos. Una gráfica de organización de una empresa comúnmente muestran los administradores y subalternos que la conforman. Muestra también la relación entre los miembros de la empresa, la cual puede ser de los siguientes tipos:

• Línea: Relación directa entre superior y subordinado. • Lateral: Relación entre miembros del mismo nivel de jerarquía.

Un ejemplo de una gráfica de organización es la estructura en la cual se organiza un ejercito. Un ejercito cuenta con generales, los cuales toman las decisiones más importantes en su regimiento. El general a su vez tiene a su cargo a coroneles que comandan sus propios batallones. El coronel tiene a su cargo varios sargentos que comandan sus propias tropas que están compuestas por una cierta cantidad de soldados. Para insertar un organigrama, damos clic en el menú Insertar, seleccionamos el submenú Imagen y damos clic en la opción Organigrama:

Nos aparecerá un organigrama estándar con un campo superior y tres subordinados:

Realizaremos un ejercicio sobre el (hipotético) H. 5to. Regimiento del Ejercito Nacional. El regimiento tiene un solo General. El General tiene a su mando dos Coroneles. Uno de los Coroneles tiene a su cargo dos Capitanes. El otro Coronel no tiene a nadie bajo su mando. Uno de los Capitanes tiene a su mando dos Sargentos. El otro Capitán no tiene a nadie bajo su mando. Ambos Sargentos comandan a tres soldados respectivamente.

El campo superior corresponderá al campo del General. Dos de los campos subordinados corresponderán a los dos Coroneles. Como en el organigrama tenemos tres subordinados entonces tendremos que eliminar uno. Para eliminarlo damos clic derecho sobre el campo que queremos eliminar y seleccionamos la opción eliminar.

Por lo tanto nos quedarán un campo superior con dos subalternos de la siguiente manera:

Como uno de los coroneles tiene dos capitanes a su mando, entonces se agregaran dos campos subordinados. Para hacer esto damos clic derecho sobre el campo que tendrá los subordinados, y seleccionamos la opción subordinado. Hacemos esto una vez más para completar los dos subordinados. En este caso, los dos Capitanes. Realizamos lo mismo para los sargentos. Y por último ingresamos tres subordinados a cada uno de los sargentos. Terminaremos con un organigrama similar al de la figura:

H. 5to. Regimiento Nacional

Ejercicio:

General López Urrutia

Francisco

Coronel García del León

Joel

Coronel Gutiérrez Satou

Gastón

Capitán Contreras Valdez

Fernando

Capitán Kermit Lozano

Joel

Sargento Duran Flush

Joseph

Sargento Jiménez Hernández

Mauricio

Soldado Francois Yunez

Felipe

Soldado Casas Wine

Dante

Soldado Cervantes Sol

José Guadalupe

Soldado Yediyah Salah

Ibrahim

Soldado Altamirano Díaz

Jorge

Soldado Krauz Norrion

Miguel

Realice la gráfica de organización de una empresa. Inicie con el dueño, el cual contrato a dos gerentes. Uno de los cuales tiene a su cargo a tres supervisores. Dos de los supervisores revisan el trabajo de 3 empleados cada uno. Invente el nombre de la empresa así como el nombre de los empleados de ésta.