Flowcharts

An algorithm is a sequence of steps that must be performed to solve a problem.

A flowchart is a way to represent a process or algorithm in a visual, structured and organized way. It is a very useful tool to organize and structure a programming task before jumping directly into the code.

Example of flowchart:

AunqueAlthough existenthere diversosare programasvarious informáticoscomputer paraprograms lafor realizacióncreating deflowcharts, diagramasin dethis flujo,course enwe estewill cursouse utilizaremos una funcionalidad dea PSeInt quefunctionality lothat permite.allows Noit. obstante,However, yand atendiendotaking into account the increasingly abundant scientific evidence in this regard, we recommend that flowcharts be addressed with students first with paper and pen, and if appropriate in a lacollaborative cada vez más abundante evidencia científica al respecto, recomendamos que los diagramas de flujo se aborden con el alumnado en primer lugar con papel y boli, y si es pertinente de forma colaborativaway, dejandoleaving parait elto the software simplementeto susimply ediciónedit finalthem parafinally incluirto comoinclude documentaciónas delprogram programa.
documentation.

Elements of a flowchart

UnA diagramaflowchart deis flujofundamentally estámade formadoup fundamentalmenteof porthe losfollowing siguientes elementos:
elements:

• LíneaFlowline: o flechasShows delthe flujo:process's Indicaorder laof instrucciónoperation. queIt se vais a realizar,line ocoming lafrom direcciónone delsymbol flujoand delpointing proceso.at Muestra el carácter secuencial del programa.another
  
• Terminal o inicio y final: EsIndicates lathe formabeginning enand laending cualof sea indicaprogram elor “iniciosub-process. delRepresented proceso”as yan “finaloval delor proceso”rounded (fillet) rectangle. SuThey iconousually suelecontain serthe unword rectángulo"Start" conor las esquinas redondeadas."End"

• Asignación/ definiciónProcess: PermiteRepresents asignara unset valorof ooperations definirthat unachanges variable,value, dondeform, seor almacenanlocation losof datosdata. queRepresented seas necesitana para resolver el problema. Suele representarse con un rectángulo.rectangle.
  

• DatosInput de entradadata: IndicaIndicates lathe recepciónreception deof datosdata enat lathe entrada.input. SeIt representais conrepresented unby recuadroa conrhomboid lasand esquinasan inclinadasinward y una flecha hacia dentro. arrow.

• DatosOutput de salidadata: IndicaIndicates laprinting impresióndata deon datosoutput. enIt lais salida.represented Seby representaa conrhomboid unand recuadroan conarrow laspointing esquinas inclinadas y una flecha hacia fuera. out.

• DecisiónDecision: IndicaShows quea desdeconditional eloperation puntothat endetermines quewhich nosone encontramos,of puedethe habertwo máspaths dethe unprogram caminowill paratake. seguir,The segúnoperation lais condicióncommonly dada.a Enyes/no estequestion casoor setrue/false usatest. unRepresented rombo.as a diamond.

• OtrosOther: ComoLike algunossome tipostypes deof bucles,loops, loswe iremoswill viendosee másthem adelante.later.
  

EjemplosSimple sencillosexamples deof diagramas de flujoflowcharts

EjemploExample 1: DiagramaFlowchart de flujo de un programa queof a partirprogram dethat dostakes númerostwo losnumbers, sumaadds ythem muestraand elshows resultadothe enresult pantallaon the screen

SOLUCIÓN:SOLUTION:

• SalidasOutput: tieneIt quemust pedirask losfor dosthe númerostwo anumbers sumar,to yadd, luegoand tienethen queshow mostrarthe el resultado.result.
  
• EntradasInput: losthe dostwo númerosnumbers ato sumar.add
  
• AlmacenamientoStorage: dostwo variables queto almacenenstore losthe númerostwo a sumarnumbers (num1 y num2) , yand unaa tercerathird queone almaceneto elstore resultadothe result (resultado)result)
• OperaciónProcessing: suma.Addition.

Diagrama de flujo:Flowchart

EjemploExample 2: DiagramaFlowchart de flujo de un programa queof a partirprogram dethat doscompares númerostwo comparanumbers cuálwhich esis mayorlarger yand lodisplays muestrait enon pantalla.
the screen.

• SalidasOutput: tieneit quemust pedirask losthe dostwo númerosnumbers ato comparar,compare yand luegothen tieneshow quethe mostrarresult elof resultadothe de la comparación.comparison.
• EntradasInput: losthe dostwo númerosnumbers ato comparar.compare
  
• AlmacenamientoStorage: dostwo variables queto almacenenstore losthe númerosnumbers ato compararcompare (num1 y num2) 
  
• OperaciónProcessing: comparaciónlogic lógica.comparison.
  

Diagrama de flujo:Flowchart:

{{@5685}}