tag:blogger.com,1999:blog-33725510419553570312024-03-14T08:14:19.396-07:00diagramaneterickhttp://www.blogger.com/profile/02851960947659537153noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-3372551041955357031.post-69848493518386353392012-06-17T08:54:00.000-07:002012-06-17T08:54:37.107-07:00<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9agdf81AI_iSsTA43HyIs-NIGBNXZxWzQlupai5jX2rCGNeX4JynefH32AEy6HdRNMh3tSM-P5ncb0nhJIMBmJxwpiP-fEtLhyphenhypheneAbGP0panRxEd3v51ZIbYjU_jHjeYbSQg_CA604wU8/s1600/diagrama+de+flujo+de+produccion+de+cerveza+de+bavaria.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9agdf81AI_iSsTA43HyIs-NIGBNXZxWzQlupai5jX2rCGNeX4JynefH32AEy6HdRNMh3tSM-P5ncb0nhJIMBmJxwpiP-fEtLhyphenhypheneAbGP0panRxEd3v51ZIbYjU_jHjeYbSQg_CA604wU8/s320/diagrama+de+flujo+de+produccion+de+cerveza+de+bavaria.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGckD4xvBJPNFkcCzO_mCcAb749ocVTMiq4vgvapfZPRFNJvgZj-NHv5Ydy7IAn-EhBb6kqcvvwemF9YwFC0WmgWThPV3p91piCjFuBTpCSizVR1yn9ia3q-qa-LDfYQr31eXFgc66QSE/s1600/diagramadeflu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGckD4xvBJPNFkcCzO_mCcAb749ocVTMiq4vgvapfZPRFNJvgZj-NHv5Ydy7IAn-EhBb6kqcvvwemF9YwFC0WmgWThPV3p91piCjFuBTpCSizVR1yn9ia3q-qa-LDfYQr31eXFgc66QSE/s320/diagramadeflu.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjbUrWZt71R5OrMJ9SDeZeCgLwsBb0QjsVJblfwjIg1VnTJqE-RJ3oQE-sT5-toy3GfACngVHyrMkTJNC2Sosg5fB0TFKfywawa08AaKFYvNr7Smnqn-uoFa-QpoSPpHHoa2oY-sFwCE/s1600/flujo12.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjbUrWZt71R5OrMJ9SDeZeCgLwsBb0QjsVJblfwjIg1VnTJqE-RJ3oQE-sT5-toy3GfACngVHyrMkTJNC2Sosg5fB0TFKfywawa08AaKFYvNr7Smnqn-uoFa-QpoSPpHHoa2oY-sFwCE/s320/flujo12.gif" width="320" /></a></div>
<br />erickhttp://www.blogger.com/profile/02851960947659537153noreply@blogger.com0tag:blogger.com,1999:blog-3372551041955357031.post-74807830892235770722012-06-17T08:45:00.001-07:002012-06-17T08:45:54.003-07:00<div class="separator" style="clear: both; text-align: center;">
<object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://2.gvt0.com/vi/U2kd_2B9fvY/0.jpg"><param name="movie" value="http://www.youtube.com/v/U2kd_2B9fvY&fs=1&source=uds" />
<param name="bgcolor" value="#FFFFFF" />
<param name="allowFullScreen" value="true" />
<embed width="320" height="266" src="http://www.youtube.com/v/U2kd_2B9fvY&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<a href="http://www.youtube.com/watch?v=u4Czdus_YCM">diagrama de flujo 'video'</a>erickhttp://www.blogger.com/profile/02851960947659537153noreply@blogger.com0tag:blogger.com,1999:blog-3372551041955357031.post-54551759182996556232012-06-17T08:38:00.003-07:002012-06-17T08:38:57.702-07:00DIAGRAMAS DE FLUJO<span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">El </span><b style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">diagrama de flujo</b><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;"> es la </span><a href="http://es.wikipedia.org/wiki/Gr%C3%A1fica" style="background-color: white; background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19px; text-decoration: none;" title="Gráfica">representación gráfica</a><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;"> del </span><a href="http://es.wikipedia.org/wiki/Algoritmo" style="background-color: white; background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19px; text-decoration: none;" title="Algoritmo">algoritmo</a><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;"> o proceso. Se utiliza en disciplinas como la </span><a href="http://es.wikipedia.org/wiki/Programaci%C3%B3n" style="background-color: white; background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19px; text-decoration: none;" title="Programación">programación</a><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">, la </span><a href="http://es.wikipedia.org/wiki/Econom%C3%ADa" style="background-color: white; background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19px; text-decoration: none;" title="Economía">economía</a><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">, los procesos industriales y la </span><a href="http://es.wikipedia.org/wiki/Psicolog%C3%ADa_cognitiva" style="background-color: white; background-image: none; color: #0b0080; font-family: sans-serif; font-size: 13px; line-height: 19px; text-decoration: none;" title="Psicología cognitiva">psicología cognitiva</a><span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;">. Estos diagramas utilizan símbolos con significados bien definidos que representan los pasos del algoritmo, y representan el flujo de ejecución mediante flechas que conectan los puntos de inicio y de fin de proceso</span>
<br />
<span style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px;"><br /></span><br />
<br />
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
Un diagrama de flujo siempre tiene un único punto de inicio y un único punto de término.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
Las siguientes son acciones previas a la realización del diagrama de flujo:</div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;">Identificar las ideas principales a ser incluidas en el diagrama de flujo. Deben estar presentes el dueño o responsable del proceso, los dueños o responsables del proceso anterior y posterior y de otros procesos interrelacionados, otras partes interesadas.</li>
<li style="margin-bottom: 0.1em;">Definir qué se espera obtener del diagrama de flujo.</li>
<li style="margin-bottom: 0.1em;">Identificar quién lo empleará y cómo.</li>
<li style="margin-bottom: 0.1em;">Establecer el nivel de detalle requerido.</li>
<li style="margin-bottom: 0.1em;">Determinar los límites del proceso a describir.</li>
</ul>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
Los pasos a seguir para construir el diagrama de flujo son:</div>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;">Establecer el alcance del proceso a describir. De esta manera quedará fijado el comienzo y el final del diagrama. Frecuentemente el comienzo es la salida del proceso previo y el final la entrada al proceso siguiente.</li>
<li style="margin-bottom: 0.1em;">Identificar y listar las principales actividades/subprocesos que están incluidos en el proceso a describir y su orden cronológico.</li>
<li style="margin-bottom: 0.1em;">Si el nivel de detalle definido incluye actividades menores, listarlas también.</li>
<li style="margin-bottom: 0.1em;">Identificar y listar los puntos de decisión.</li>
<li style="margin-bottom: 0.1em;">Construir el diagrama respetando la secuencia cronológica y asignando los correspondientes símbolos.</li>
<li style="margin-bottom: 0.1em;">Asignar un título al diagrama y verificar que esté completo y describa con exactitud el proceso elegido.</li>
</ul>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="editsection" style="-webkit-user-select: none; float: right; font-size: 13px; margin-left: 5px;">[<a href="http://es.wikipedia.org/w/index.php?title=Diagrama_de_flujo&action=edit&section=2" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Editar sección: Ventajas de los diagramas de flujo">editar</a>]</span><span class="mw-headline" id="Ventajas_de_los_diagramas_de_flujo">Ventajas de los diagramas de flujo</span></h2>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;">Favorecen la comprensión del proceso al mostrarlo como un dibujo. El cerebro humano reconoce muy fácilmente los dibujos. Un buen diagrama de flujo reemplaza varias páginas de texto.</li>
<li style="margin-bottom: 0.1em;">Permiten identificar los problemas y las oportunidades de mejora del proceso. Se identifican los pasos, los flujos de los re-procesos, los conflictos de autoridad, las responsabilidades, los cuellos de botella, y los puntos de decisión.</li>
<li style="margin-bottom: 0.1em;">Muestran las interfaces cliente-proveedor y las transacciones que en ellas se realizan, facilitando a los empleados el análisis de las mismas.</li>
<li style="margin-bottom: 0.1em;">Son una excelente herramienta para capacitar a los nuevos empleados y también a los que desarrollan la tarea, cuando se realizan mejoras en el proceso.</li>
<li style="margin-bottom: 0.1em;">Al igual que el pseudocódigo, el diagrama de flujo con fines de análisis de <a href="http://es.wikipedia.org/wiki/Algoritmo" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Algoritmo">algoritmos</a> de <a href="http://es.wikipedia.org/wiki/Programaci%C3%B3n" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Programación">programación</a> puede ser ejecutado en un <a class="mw-redirect" href="http://es.wikipedia.org/wiki/Ordenador" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Ordenador">ordenador</a>, con un <a href="http://es.wikipedia.org/wiki/Entorno_de_desarrollo_integrado" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Entorno de desarrollo integrado">Ide</a> como Free DFD.</li>
</ul>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="editsection" style="-webkit-user-select: none; float: right; font-size: 13px; margin-left: 5px;">[<a href="http://es.wikipedia.org/w/index.php?title=Diagrama_de_flujo&action=edit&section=3" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Editar sección: Tipos de diagramas de flujo">editar</a>]</span><span class="mw-headline" id="Tipos_de_diagramas_de_flujo">Tipos de diagramas de flujo</span></h2>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;">Formato vertical: En él, el flujo o la secuencia de las operaciones, va de arriba hacia abajo. Es una lista ordenada de las operaciones de un proceso con toda la información que se considere necesaria, según su propósito.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;">Formato horizontal: En él, el flujo o la secuencia de las operaciones, va de izquierda a derecha.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;">Formato panorámico: El proceso entero está representado en una sola carta y puede apreciarse de una sola mirada mucho más rápido que leyendo el texto, lo que facilita su comprensión, aún para personas no familiarizadas. Registra no solo en línea vertical, sino también horizontal, distintas acciones simultáneas y la participación de más de un puesto o departamento que el formato vertical no registra.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;">Formato Arquitectónico: Describe el itinerario de ruta de una forma o persona sobre el plano arquitectónico del área de trabajo. El primero de los flujogramas es eminentemente descriptivo, mientras que los utilizados son fundamentalmente representativos.</li>
</ul>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="editsection" style="-webkit-user-select: none; float: right; font-size: 13px; margin-left: 5px;">[<a href="http://es.wikipedia.org/w/index.php?title=Diagrama_de_flujo&action=edit&section=4" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Editar sección: Simbología y significado">editar</a>]</span><span class="mw-headline" id="Simbolog.C3.ADa_y_significado">Simbología y significado</span></h2>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b><a href="http://es.wikipedia.org/wiki/%C3%93valo" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Óvalo">Óvalo</a></b> o <b><a href="http://es.wikipedia.org/wiki/Elipse" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Elipse">Elipse</a></b>: Inicio y término (Abre y/o cierra el diagrama).</li>
<li style="margin-bottom: 0.1em;"><b><a href="http://es.wikipedia.org/wiki/Rect%C3%A1ngulo" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Rectángulo">Rectángulo</a></b>: Actividad (Representa la ejecución de una o más actividades o procedimientos).</li>
<li style="margin-bottom: 0.1em;"><b><a href="http://es.wikipedia.org/wiki/Rombo" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Rombo">Rombo</a></b>: Decisión (Formula una pregunta o cuestión).</li>
<li style="margin-bottom: 0.1em;"><b><a href="http://es.wikipedia.org/wiki/C%C3%ADrculo" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Círculo">Círculo</a></b>: Conector (Representa el enlace de actividades con otra dentro de un procedimiento).</li>
<li style="margin-bottom: 0.1em;"><b><a href="http://es.wikipedia.org/wiki/Tri%C3%A1ngulo" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Triángulo">Triángulo</a> boca abajo</b>: Archivo definitivo (Guarda un documento en forma permanente).</li>
<li style="margin-bottom: 0.1em;"><b>Triángulo boca arriba</b>: Archivo temporal (Proporciona un tiempo para el almacenamiento del documento).</li>
</ul>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="editsection" style="-webkit-user-select: none; float: right; font-size: 13px; margin-left: 5px;">[<a href="http://es.wikipedia.org/w/index.php?title=Diagrama_de_flujo&action=edit&section=5" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Editar sección: Cursograma">editar</a>]</span><span class="mw-headline" id="Cursograma">Cursograma</span></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
Se trata de la más común y práctica entre todas las clases de flujogramas. Describe el flujo de información en un ente u organización, sus procesos, sistemas administrativos y de control. Permite la impresión visual de los procedimientos y una clara y lógica interpretación.</div>
<h3 style="background-color: white; background-image: none; border-bottom-style: none; font-family: sans-serif; font-size: 17px; line-height: 19px; margin: 0px 0px 0.3em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="editsection" style="-webkit-user-select: none; float: right; font-size: 13px; font-weight: normal; margin-left: 5px;">[<a href="http://es.wikipedia.org/w/index.php?title=Diagrama_de_flujo&action=edit&section=6" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Editar sección: Simbología y normas del cursograma">editar</a>]</span><span class="mw-headline" id="Simbolog.C3.ADa_y_normas_del_cursograma">Simbología y normas del cursograma</span></h3>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>Círculo</b>: Procedimiento estandarizado.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>Cuadrado</b>: Proceso de control.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>Línea ininterrumpida</b>: Flujo de información vía formulario o documentación en soporte de papel escrito.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>Línea interrumpida</b>: Flujo de información vía formulario digital.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>Rectángulo</b>: Formulario o documentación. Se grafica con un doble de ancho que su altura.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>Rectángulo Pequeño</b>: Valor o medio de pago (cheque, pagaré, etcétera).Se grafica con un cuádruple de ancho que su altura, siendo su ancho igual al de los formularios.</li>
</ul>
<ul style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; list-style-image: url(data:image/png; list-style-type: square; margin: 0.3em 0px 0px 1.6em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>Triángulo (base inferior)</b>: Archivo definitivo.</li>
<li style="margin-bottom: 0.1em;"><b>Triángulo Invertido (base superior)</b>: Archivo Transitorio.</li>
<li style="margin-bottom: 0.1em;"><b>Semi-óvalo</b>: Demora.</li>
<li style="margin-bottom: 0.1em;"><b>Rombo</b>: División entre opciones.</li>
<li style="margin-bottom: 0.1em;"><b>Trapezoide</b>: Carga de datos al sistema.</li>
<li style="margin-bottom: 0.1em;"><b>Elipsoide</b>: Acceso por pantalla.</li>
<li style="margin-bottom: 0.1em;"><b>Hexágono</b>: Proceso no representado.</li>
<li style="margin-bottom: 0.1em;"><b>Pentágono</b>: Conector.</li>
<li style="margin-bottom: 0.1em;"><b>Cruz de Diagonales</b>: Destrucción de Formularios.</li>
</ul>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
Según la normativa, el flujo presupuesto es de izquierda a derecha y de arriba hacia abajo, siendo optativo el uso de flechas. Cuando el sentido es invertido (de derecha a izquierda o de arriba hacia abajo), es obligatorio el uso de la flecha.</div>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="editsection" style="-webkit-user-select: none; float: right; font-size: 13px; margin-left: 5px;">[<a href="http://es.wikipedia.org/w/index.php?title=Diagrama_de_flujo&action=edit&section=7" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;" title="Editar sección: Historia">editar</a>]</span><span class="mw-headline" id="Historia">Historia</span></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
La paternidad del diagrama de flujo es en principio algo difusa. El método estructurado para documentar graficamente un proceso como un flujo de pasos sucesivo y alternativos, el "proceso de diagrama de flujo", fue expuesto por Frank Gilbreth, en la Sociedad Americana de Ingenieros Mecánicos (ASME), en 1921, bajo el enunciado de "Proceso de Gráficas-Primeros pasos para encontrar el mejor modo". Estas herramientas de Gilbreth rápidamente encontraron sitio en los programas de ingeniería industrial. Al principio de los 30, un ingeniero industrial, Allan H. Mogensen comenzó la formación de personas de negocios en Lake Placid, Nueva York, incluyendo el uso del diagrama de flujo. Art Spinanger, asistente a las clases de Mogesen, utilizó las herramientas en su trabajo en Procter & Gamble, donde desarrolló su “Programa Metódico de Cambios por Etapas”. Otro asistente al grupo de graduados en 1944, Ben S. Graham, Director de Ingeniería de Formcraft Standard Register Corporation, adaptó la Gráfica de flujo de procesos al tratamiento de la información en su empresa. Y desarrolló la Gráfica del proceso de múltiples flujos en múltiples pantallas, documentos, y sus relaciones. En 1947, ASME adoptó un conjunto de símbolos derivados de la obra original de Gilbreth como Norma ASME para los gráficos de procesos (preparada Mishad, Ramsan y Raiaan).</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
Sin embargo, según explica Douglas Hartree fueron originalmente Herman Goldstine y John von Neumann quienes desarrollaron el diagrama de flujo (inicialmente llamado "diagrama") para planificar los programas de ordenador. Las tablas de programación original de flujo de Goldstine y von Neumann, aparecen en un informe no publicado, "Planificación y codificación de los problemas de un instrumento de computación electrónica, la Parte II, Volumen 1 "(1947), reproducido en las obras completas de von Neumann. Inicialmente los diagramas de flujo resultaron un medio popular para describir algoritmos de computadora, y aún se utilizan con este fin. Herramientas como los diagramas de actividad UML, pueden ser considerados como evoluciones del diagrama de flujo.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 0.5em; margin-top: 0.4em;">
En la década de 1970 la popularidad de los diagramas de flujo como método propio de la informática disminuyó, con el nuevo hardware y los nuevos lenguajes de programación de tercera generación. Y por otra parte se convirtieron en instrumentos comunes en el mundo empresarial. Son una expresión concisa, legible y práctica de algoritmos. Actualmente se aplican en muchos campos del conocimiento, especialmente como simplificación y expresión lógica de procesos, etc.</div>erickhttp://www.blogger.com/profile/02851960947659537153noreply@blogger.com3