SlideShare una empresa de Scribd logo
1 de 6
¿Qué es un diagrama de flujo en programación? 
El diagrama de flujo o diagrama de actividades es la representación 
gráfica del algoritmo o proceso. Se utiliza en disciplinas 
como programación, economía, procesos industriales y psicología cognitiva. 
En Lenguaje Unificado de Modelado (UML), un diagrama de actividades 
representa los flujos de trabajo paso a paso de negocio y operacionales de los 
componentes en un sistema. Un diagrama de actividades muestra el flujo de 
control general. 
En SysML el diagrama de actividades ha sido extendido para indicar flujos 
entre pasos que mueven elementos físicos (p.ej., gasolina) o energía (p.ej., 
presión). Los cambios adicionales permiten al diagrama soportar mejor flujos 
de comportamiento y datos continuos. 
Estos diagramas utilizan símbolos con significados 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. 
¿Identifica los principales elementos de un diagrama de flujo (dibújalo y 
defínelos)
¿Realiza un diagrama de flujo para (realizarlos en ms Word (formas – 
diagrama de flujo ) 
Inicio 
Prendo la pc 
Espero que cargue 
por completo 
Doy clic a 
google 
Luego escribe 
en el buscador 
facebook 
Espero a cargue la 
pagina y le doy clic 
a Facebook y 
espero que cargue 
1 
1 
Luego de que 
haya cargado la 
pagina escribo 
mi correo 
Luego 
contraseña y le 
doy clic en iniciar 
sesión y listo 
fin
inicio 
Primero salgo de 
la casa 
Cojo el tras 
milenio me bajo 
en centro en 
mayor 
Voy a la taquilla 
del cine compro 
la boleta de la 
película que 
quiero ver 
Después 
compro 
palomitas 
1 
1 
Y dentro a ver la película y ya 
fin
PAGINA WEB 
El hipertexto es una herramienta de software con estructura no secuencial que permite crear, 
agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.La 
forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas 
automáticas que van a otros documentos (lexías). Si el usuario selecciona un hipervínculo, el 
programa muestra el documento enlazado. Otra forma de hipertexto es el stretchtext que consiste 
en dos indicadores o aceleradores y una pantalla. El primer indicador permite que lo escrito pueda 
moverse de arriba hacia abajo en la pantalla. 
HTML 
HTML, siglas de HyperText Markup Language , hace referencia al lenguaje demarcado para 
la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de 
páginas web en sus diferentes versiones, define una estructura básica y un código 
(denominado código HTML) para la definición de contenido de una página web, como texto, 
imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización 
de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e 
interpretación. Es el lenguaje con el que se definen las páginas web.
¿Qué necesitamos para crear un documento en html? 
para crear un achivo html, pero una de las formas mas faciles es desde 
alguno de los programas de Microsoft office, ejemplo Word o Excel. En Word 
puedes crear un documento con imágenes, diferentes tipos y colores de 
letras, etc y cuando lo vas a guardar te aparece el cuadro donde vas a colocar 
el nombre del documento y debajo aparece "Tipo" alli selecciona "Pagina 
web (*.html, *.htm)" y le das guardar. Ahora ese documento lo puedes abrir 
desde Internet Explorer y así habrás creado tu archivo html 
¿Qué es una etiqueta? 
El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos 
de texto destacado de una forma especial que permiten la definición de las 
distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto 
como las distintas estructuras del lenguaje. A estas marcas las 
denominaremos etiquetas y serán la base principal del lenguaje HTML. En 
documento HTML será un fichero texto con etiquetas que variarán la forma 
de su presentación. 
¿Estructura básica de una página web? 
Una estructura HTML se empieza con la etiqueta <html> y acaba con 
</html>. Todo lo que esté en medio será la página web. Dentro de 
<html></html> se encuentran 2 partes diferenciadas. 
La primera <head></head> es la cabecera de la página. Aquí irán cierta 
información que no es directamente el contenido de la página. Aquí se pone 
el título de la página, los metadatos, estilos, código javascript (todo esto se 
estudiará en capítulos venideros). La primera que se suele estudiar es 
<title></title>, que indica el título de la página (lo que el navegador pone en 
la parte superior izquierda).
¿tres etiquetas básicas? 
<html> 
<head> 
<title>Headings</title> 
</head> 
¿Copiar un ejemplo sencillo en donde se usen estas tres etiquetas? 
<html>.luislopezdemesa.<head>/<html>ejemplos

Más contenido relacionado

La actualidad más candente (17)

Html y xml
Html y xmlHtml y xml
Html y xml
 
Lenguaje de marcas html
Lenguaje de marcas htmlLenguaje de marcas html
Lenguaje de marcas html
 
Html 000 fundamentos web - bib lioteca
Html 000   fundamentos web - bib liotecaHtml 000   fundamentos web - bib lioteca
Html 000 fundamentos web - bib lioteca
 
Producto 4
Producto 4Producto 4
Producto 4
 
TRABAJO DE PAQUETES
TRABAJO DE PAQUETESTRABAJO DE PAQUETES
TRABAJO DE PAQUETES
 
Pagina web 1
Pagina web 1 Pagina web 1
Pagina web 1
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
HTML: Una introducción.
HTML: Una introducción.HTML: Una introducción.
HTML: Una introducción.
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
Manual intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
Abraham
AbrahamAbraham
Abraham
 
Rollllll
RollllllRollllll
Rollllll
 
8 Xml
8 Xml8 Xml
8 Xml
 
Html
HtmlHtml
Html
 
HTML
 HTML HTML
HTML
 
Access
AccessAccess
Access
 
Html5
Html5Html5
Html5
 

Destacado (10)

Algoritmos y programacion
Algoritmos y programacionAlgoritmos y programacion
Algoritmos y programacion
 
Diagrama de flujo (programacion)
Diagrama de flujo (programacion)Diagrama de flujo (programacion)
Diagrama de flujo (programacion)
 
Algoritmos y programacion
Algoritmos y programacionAlgoritmos y programacion
Algoritmos y programacion
 
Diagramas de flujo programación
Diagramas de flujo programaciónDiagramas de flujo programación
Diagramas de flujo programación
 
Algoritmos y clase
Algoritmos y claseAlgoritmos y clase
Algoritmos y clase
 
algoritmo y programacion
algoritmo y programacion algoritmo y programacion
algoritmo y programacion
 
Algoritmos y programacion
Algoritmos y programacionAlgoritmos y programacion
Algoritmos y programacion
 
Diagrama de flujo y programacion
Diagrama de flujo y programacionDiagrama de flujo y programacion
Diagrama de flujo y programacion
 
FLUJOGRAMAS
FLUJOGRAMASFLUJOGRAMAS
FLUJOGRAMAS
 
Simbolos diagrama de flujo
Simbolos diagrama de flujoSimbolos diagrama de flujo
Simbolos diagrama de flujo
 

Similar a Qué es un diagrama de flujo en programación 2 (20)

Diagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitragoDiagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitrago
 
Access
AccessAccess
Access
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Programación para web
Programación para webProgramación para web
Programación para web
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Html
HtmlHtml
Html
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
Clase 1
Clase 1Clase 1
Clase 1
 
Nenene
NeneneNenene
Nenene
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 

Qué es un diagrama de flujo en programación 2

  • 1. ¿Qué es un diagrama de flujo en programación? El diagrama de flujo o diagrama de actividades es la representación gráfica del algoritmo o proceso. Se utiliza en disciplinas como programación, economía, procesos industriales y psicología cognitiva. En Lenguaje Unificado de Modelado (UML), un diagrama de actividades representa los flujos de trabajo paso a paso de negocio y operacionales de los componentes en un sistema. Un diagrama de actividades muestra el flujo de control general. En SysML el diagrama de actividades ha sido extendido para indicar flujos entre pasos que mueven elementos físicos (p.ej., gasolina) o energía (p.ej., presión). Los cambios adicionales permiten al diagrama soportar mejor flujos de comportamiento y datos continuos. Estos diagramas utilizan símbolos con significados 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. ¿Identifica los principales elementos de un diagrama de flujo (dibújalo y defínelos)
  • 2. ¿Realiza un diagrama de flujo para (realizarlos en ms Word (formas – diagrama de flujo ) Inicio Prendo la pc Espero que cargue por completo Doy clic a google Luego escribe en el buscador facebook Espero a cargue la pagina y le doy clic a Facebook y espero que cargue 1 1 Luego de que haya cargado la pagina escribo mi correo Luego contraseña y le doy clic en iniciar sesión y listo fin
  • 3. inicio Primero salgo de la casa Cojo el tras milenio me bajo en centro en mayor Voy a la taquilla del cine compro la boleta de la película que quiero ver Después compro palomitas 1 1 Y dentro a ver la película y ya fin
  • 4. PAGINA WEB El hipertexto es una herramienta de software con estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos (lexías). Si el usuario selecciona un hipervínculo, el programa muestra el documento enlazado. Otra forma de hipertexto es el stretchtext que consiste en dos indicadores o aceleradores y una pantalla. El primer indicador permite que lo escrito pueda moverse de arriba hacia abajo en la pantalla. HTML HTML, siglas de HyperText Markup Language , hace referencia al lenguaje demarcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.
  • 5. ¿Qué necesitamos para crear un documento en html? para crear un achivo html, pero una de las formas mas faciles es desde alguno de los programas de Microsoft office, ejemplo Word o Excel. En Word puedes crear un documento con imágenes, diferentes tipos y colores de letras, etc y cuando lo vas a guardar te aparece el cuadro donde vas a colocar el nombre del documento y debajo aparece "Tipo" alli selecciona "Pagina web (*.html, *.htm)" y le das guardar. Ahora ese documento lo puedes abrir desde Internet Explorer y así habrás creado tu archivo html ¿Qué es una etiqueta? El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación. ¿Estructura básica de una página web? Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas. La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).
  • 6. ¿tres etiquetas básicas? <html> <head> <title>Headings</title> </head> ¿Copiar un ejemplo sencillo en donde se usen estas tres etiquetas? <html>.luislopezdemesa.<head>/<html>ejemplos