TECNOLOXÍAS DA INFORMACIÓN E DA COMUNICACIÓN

Transcripción

1 COLEXIO PLURILÍNGUE COMPAÑÍA DE MARÍA TECNOLOXÍAS DA INFORMACIÓN E DA COMUNICACIÓN BACH DESEÑO DE ALGORITMOS CON DIAGRAMAS DE FLUXO UTILIZANDO

2 DESEÑO DE ALGORITMOS CON DIAGRAMAS DE FLUXO UTILIZANDO INDICE 1 DESEÑO DE ALGORITMOS CON DIAGRAMAS DE FLUXO UTILIZANDO 3 2 CLICKCHARTS DESCARGA E INSTALACIÓN CREACIÓN DE NOVOS DIAGRAMAS DE FLUXO UTILIZACIÓN DOS MENÚS COMEZAMOS A TRABALLAR CUN DIAGRAMA O NOSO PRIMEIRO DIAGRAMA CON CLICKCHARTS 15 3 EXERCICIOS PREZO COCHE DIVISIÓN DE DOUS NÚMEROS OPERACIÓNS CON DOUS NÚMEROS ENTEIROS OPERACIÓNS CON TRES NÚMEROS TÁBOA DE MULTIPLICAR 22 2

3 1. DESEÑO DE ALGORITMOS CON DIAGRAMAS DE FLUXO UTILIZANDO Existen diferentes ferramentas que nos poden axudar no deseño de Diagramas de Fluxo: RFFtrial, Dia (gratuíto), ClickCharts (gratuíto e moi doado de utilizar), smartdraw, draw.io (online e gratuíta para google drive), Gliffy (online), PSeInt (permite ademáis pasar o algoritmo a pseudocódigo), Draw de Libre Office e un longo etc. Imos centrarnos na ferramenta: ClickCharts. Trataremos de ver as súas particularidades e algún exemplo. Deixaremos para o seguinte módulo o traballo con outra ferramenta imprescindible, PSeInt, que ademais nos vai permitir traballar con pseudocódigo. 3

4 2. CLICKCHARTS A ferramenta que imos coñecer e utilizar, é ClickCharts, da cal existe unha versión gratuíta. o Tal e como nos indica na propia páxina, este sinxelo programa é gratuíto, de rápida instalación e doado manexo. o Só está dispoñible en inglés. o Non existe aplicación baixo Linux. o Permite a creación de Diagramas de Fluxo e de UML (orientación a obxectos). Neste módulo trataremos de explicar algunhas das características e particularidades no uso de ClickCharts, pero se queres tamén podes acceder á axuda oficial que nos ofrece en: help.nchsoftware.com/help/en/clickcharts/win/help.pdf, e en DESCARGA E INSTALACIÓN O primeiro que temos que facer é acceder á páxina web dende onde poderemos facer a descarga: e descargar a aplicación dende o enlace download the free version here. 4

5 2.2. CREACIÓN DE NOVOS DIAGRAMAS DE FLUXO Xa estamos preparados para traballar con ClickCharts. A execución do programa abre a seguinte ventá, onde se nos invita a crear un novo arquivo ou abrir un xa existente: CREACIÓN NOVO DIAGRAMA Escollemos unha das seguintes opcións: OPCIÓN FLOWCHART Flowchart (Diagramas de Fluxo) para que nos ofreza un Diagrama de exemplo que podemos utilizar como plantilla para modificalo segundo as instruccións do noso algoritmo: 5

6 OPCIÓN BLANK DIAGRAM Ou podemos escoller a opción Blank Diagram que nos ofrece un documento baleiro 6

7 Neste caso, aínda que por defecto nos ofrece no menú da esquerda os elementos que precisamos para crear un Diagrama de Fluxo, recordemos que é posible cambiar de tipo de diagramas: ESCOLLER TIPO DE DIAGRAMA USO NON COMERCIAL Se nalgún momento ao arranque do programa nos pregunta se estamos a facer un uso comercial do programa dirémoslle que non, posto que, aparte de ser así, recordemos que é a condición para utilizar a versión free. 7

8 2.3. UTILIZACIÓN DOS MENÚS Imos agora ver as diferentes posibilidades que se nos ofrece ClickCharts a través dos menús (pestanas) superiores. MENÚ FILE A partir do menú File, podemos realizar tarefas tales como xerar un novo diagrama (New e New Blank Diagram), Abrir un xa existente (Open), Gardalo (Save e Save As), Exportalo como imaxe (Export Image), Exportalo como PDF, cambiar Options, Imprimir ou pechar a aplicación. 8

9 MENÚ HOME O menú Home ofrece dous tipos de opcións: o Por unha banda tarefas xenéricas a nivel de arquivo (crear, abrir, gardar... un diagrama). o Por outro lado, tarefas propias da edición do propio diagrama (punteiro, engadir texto, imaxes, liñas de fluxo...). Algunhas destas opcións están inactivas, posto que só se poderán utilizar cando se selecciona un elemento sobre o que podan actuar (verémolo máis adiante en detalle). MENÚ EDIT 9

10 Por último, sinalaremos que existe un menú que aínda non citamos Edit, e que nos permite realizar tarefas como: Cortar, Copiar, Pegar e Borrar un elemento, Desfacer ou Refacer a última acción realizada. 10

11 2.4. COMEZAMOS A TRABALLAR CUN DIAGRAMA Chegou a hora de comezar a facer un Diagrama, polo que teremos que coñecer os elementos cos que contamos. ELEMENTOS DIAGRAMA No menú da esquerda, como xa dixemos, atopamos todos os elementos que podemos precisar para a realización dun Diagrama de Fluxo. Só con pasar co punteiro sobre cada un deles, indícanos o seu nome ou función asociada. Para engadir un elemento, tan só temos que facer clic sobre el e arrastralo ao lugar que desexemos. ENGADIR TEXTO Para engadir texto no interior, podemos facer dúas cousas: o Pulsar na pestana de Texto e colocarnos sobre o elemento no que queremos engadir o texto, facendo un clic o Facer dobre clic sobre o elemento no que queremos engadir o texto. 11

12 OPCIÓNS ACTIVAS EN FUNCIÓN DO ELEMENTO SELECCIONADO Como podemos comprobar, se nos posicionamos sobre un elemento do diagrama, podemos facer varias tarefas como modificar o tamaño do propio elemento, engadir ou modificar texto e ademais actívanse opcións no menú superior, como Font (permite cambiar tipo e tamaño do texto), Fill (permite cambiar o color de recheo do elemento), Line (permite cambiar o tipo e ancho dos bordes). Estas opcións actívanse ou non dependendo do elemento seleccionado, por exemplo: o Se seleccionamos un conector, actívanse Line e Arrow, permitindo cambiar aspectos como ancho, color e tipo de liña. o Se seleccionamos un elemento do diagrama, poderemos cambiar a liña do borde (Line) ou o color de fondo do elemento (Fill). 12

13 CONETORES Imos agora supoñer que queremos determinar se o número que lemos é par ou impar. Precisamos engadir un elemento de decisión onde analizar a operación mod que determina se o resto da división dun número entre o valor 2 é 0, o cal significa que si é un número par. E chega o momento de explicar como engadir conectores. Se pulsamos na frecha que mostra as opcións de tipos de conectores, vemos que poden ser rectos, curvos ou ortogonais, polo que seleccionaremos o máis axeitado segundo o caso. 13

14 MÁIS SOBRE CONETORES Ademais, para seguir a traballar con conetores e as súas características, imos supoñer que seguimos pedindo que nos indiquen por teclado un número ata conseguir que se introduza un que sexa par, co cal faise necesario un bucle, e o diagrama final quedaría así: ELEMENTOS VÁLIDOS PARA INDICAR SAÍDA DE DATOS Tamén podemos ver que o símbolo escollido para mostrar o resultado é diferente no caso de par e impar, pero é tan só para mostrar que ambas formas son válidas, aínda que por suposto deberiamos ter escollido o mesmo tipo elemento nos dous casos. 14

15 2.5. O NOSO PRIMEIRO DIAGRAMA CON CLICKCHARTS Despois de ter traballado un pouco co noso primeiro diagrama de fluxo facendo uso da ferramenta ClickCharts, imos ver o resultado. SOLUCIÓN DENDE A FERRAMENTE CLICKCHARTS A solución definitiva proposta (incluíndo comentarios) para este problema en formato ClickCharts: SOLUCIÓN EXPORTADA A PNG Por último, imos ver a solución exportada a formato.png (opción que como recordamos, permite dende o menú File): 15

16 16

17 3. EXERCICIOS 3.1. PREZO COCHE O prezo dun automóbil novo para un comprador é a suma total do prezo do vehículo, da porcentaxe da ganancia do vendedor e dos impostos locais ou estatais aplicables (sobre o prezo de venda). Supón unha ganancia do vendedor do 12% en todas as unidades e un imposto do 6% e deseña un algoritmo para ler o prezo inicial do automóbil e imprimir o prezo final para o consumidor. Trata de entender ben o que indica o texto (análise), pensa nos pasos que darías para resolvelo e despois represéntao cun Diagrama de Fluxo. POSIBLE SOLUCIÓN 17

18 3.2. DIVISIÓN DE DOUS NÚMEROS Pide dous números por teclado e indica o resultado da división. Ten en conta que non se pode dividir por 0. Trata de entender ben o que indica o texto (análise), pensa nos pasos que darías para resolvelo e despois represéntao cun Diagrama de Fluxo. POSIBLE SOLUCIÓN 18

19 3.3. OPERACIÓNS CON DOUS NÚMEROS ENTEIROS Deseña un algoritmo ao que se introduzan como entradas dous enteiros e un carácter. O algoritmo deberá sumar (s), restar (r), multiplicar (m) ou dividir (d) os valores dos dous primeiros parámetros dependendo do código indicado no terceiro parámetro, e mostrar o resultado. Trata de entender ben o que indica o texto (análise), pensa nos pasos que darías para resolvelo e despois represéntao cun Diagrama de Fluxo. Fai uso de estruturas alternativas ou selectivas encadeadas para representar este algoritmo. POSIBLE SOLUCIÓN 19

20 POSIBLE SOLUCIÓN CON ESTRUTURAS ALTERNATIVAS CASO Intentaremos resolver o mesmo problema facendo uso de estruturas alternativas CASO: 20

21 3.4. OPERACIÓNS CON TRES NÚMEROS Deseña un algoritmo que lea tres números enteiros. Se todos son negativos, mostra o produto dos tres. Se algún é negativo pero non todos, mostra a suma dos tres. No caso de que todos sexan positivos, suma os dous primeiros e multiplica dita suma polo terceiro. Trata de entender ben o que indica o texto (análise), pensa nos pasos que darías para resolvelo e despois represéntao cun Diagrama de Fluxo. POSIBLE SOLUCIÓN 21

22 3.5. TÁBOA DE MULTIPLICAR Deseña un algoritmo que pida por teclado un número entre 1 e 12 e mostre a táboa de multiplicar dese número. Trata de entender ben o que indica o texto (análise), pensa nos pasos que darías para resolvelo e despois represéntao cun Diagrama de Fluxo. POSIBLE SOLUCIÓN 22