QUE ES?

Un diagrama de flujo es una representacin grfica de un algoritmo. Se utiliza en disciplinas como

la programacin, la economa, los procesos industriales y la psicologa cognitiva. Estos diagramas
utilizan smbolos con significados bien definidos que representan los pasos del algoritmo, y
representan el flujo de ejecucin mediante flechas que conectan los puntos de inicio y de trmino o
Contenido

Caractersticas

Un diagrama de flujo siempre tiene un nico punto de inicio y un nico punto de trmino. Adems,
todo camino de ejecucin debe permitir llegar desde el inicio hasta el trmino.

Las siguientes son acciones previas a la realizacin del diagrama de flujo:
Identificar las ideas principales a ser incluidas en el diagrama de flujo. Deben estar presentes el
dueo o responsable del proceso, los dueos o responsables del proceso anterior y posterior y de
otros procesos interrelacionados, otras partes interesadas.
Definir qu se espera obtener del diagrama de flujo.
Identificar quin lo emplear y cmo.
Establecer el nivel de detalle requerido.
Determinar los lmites del proceso a describir.

Los pasos a seguir para construir el diagrama de
flujo son:

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.
Identificar y listar las principales actividades/subprocesos que estn incluidos en el proceso a
describir y su orden cronolgico.
Si el nivel de detalle definido incluye actividades menores, listarlas tambin.
Identificar y listar los puntos de decisin.
Construir el diagrama respetando la secuencia cronolgica y asignando los correspondientes
smbolos.
Asignar un ttulo al diagrama y verificar que est completo y describa con exactitud el proceso
elegido.
Ventajas de los diagrama de flujo
Favorecen la comprensin del proceso a travs de mostrarlo como un dibujo. El cerebro humano
reconoce fcilmente los dibujos. Un buen diagrama de flujo reemplaza varias pginas de texto.
Permiten identificar los problemas y las oportunidades de mejora del proceso. Se identifican los
pasos redundantes, los flujos de los re-procesos, los conflictos de autoridad, las responsabilidades,
los cuellos de botella, y los puntos de decisin.
Muestran las interfaces cliente-proveedor y las transacciones que en ellas se realizan, facilitando a
los empleados el anlisis de las mismas.
Son una excelente herramienta para capacitar a los nuevos empleados y tambin a los que
desarrollan la tarea, cuando se realizan mejoras en el proceso.

Tipos de diagramas de flujos

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 informacin que se considere
necesaria, segn su propsito.
Formato horizontal: En l, el flujo o la secuencia de las operaciones, va de izquierda a derecha.
Formato panormico: El proceso entero est representado en una sola carta y puede apreciarse de
una sola mirada mucho ms rpido que leyendo el texto, lo que facilita su comprensin, aun para
personas no familiarizadas. Registra no solo en lnea vertical, sino tambin horizontal, distintas
acciones simultneas y la participacin de ms de un puesto o departamento que el formato
vertical no registra.
Formato Arquitectnico: Describe el itinerario de ruta de una forma o persona sobre el plano
arquitectnico del rea de trabajo. El primero de los flujo gramas es eminentemente descriptivo,
mientras que los utilizados son fundamentalmente representativos.

Como hacer un diagrama de flujo

Vamos a ver cmo realizar un diagrama de flujo, vamos a mostrar a un nivel bsico, con algunos
elementos.

SECUENCIAL

1_ Programa que muestra la suma de 2 nmeros solicitados (pedidos al usuario).




























Operacin aritmtica que consiste en reunir varias
cantidades en una sola; se representa con el signo +.
5
Suma
2
5+2
7
FIN
SUMA











PAGINA WEB
Una pgina web o pgina electrnica,
1
es un documento o informacin electrnica capaz de
contener texto, sonido,vdeo, programas, enlaces, imgenes, y muchas otras cosas, adaptada
para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta
informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar
navegacin (acceso) a otras pginas web mediante enlaces de hipertexto. Las pginas web
frecuentemente tambin incluyen otros recursos como ser hojas de estilo en
cascada, guiones (scripts), imgenes digitales, entre otros.
Las pginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El
servidor web puede restringir el acceso nicamente a redes privadas, por ejemplo, en
una intranet corporativa, o puede publicar las pginas en la World Wide Web. El acceso a las
pginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo
de transferencia de hipertexto (HTTP).
Caractersticas[editar]
Una pgina web est compuesta principalmente por informacin (slo texto y/o mdulos
multimedia) as como por hiperenlaces; adems puede contener o asociar hoja de estilo, datos
de estilo para especificar cmo debe visualizarse, y tambin aplicaciones embebidas para as
permitir interactividad.
Las pginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar
e insertar hiperenlaces, generalmente HTML.
El contenido de la pgina puede ser predeterminado (pgina web esttica) o generado al
momento de visualizarla o solicitarla a un servidor web (pgina web dinmica). Las pginas
dinmicas que se generan al momento de la visualizacin, se especifican a travs de
algn lenguaje interpretado, generalmente JavaScript, y la aplicacin encargada de visualizar
el contenido es la que realmente debe generarlo. Las pginas dinmicas que se generan, al
ser solicitadas, son creadas por una aplicacin en el servidor web que alberga las mismas.
Respecto a la estructura de las pginas web, algunos organismos, en especial el World Wide
Web Consortium (W3C), suelen establecer directivas con la intencin de normalizar el diseo,
y para as facilitar y simplificar la visualizacin e interpretacin del contenido.
Una pgina web es en esencia una tarjeta de presentacin digital, ya sea para empresas,
organizaciones, o personas, as como una tarjeta de presentacin de ideas y de informaciones
y de teoras. As mismo, la nueva tendencia orienta a que las pginas web no sean slo
atractivas para los internautas, sino tambin optimizadas (preparadas) para los buscadores a
travs del cdigo fuente. Forzar esta doble funcin puede, sin embargo, crear conflictos
respecto de la calidad del contenido.





HTML
HTML, siglas de (lenguaje de marcas de hipertexto), hace referencia al lenguaje de
marcado para la elaboracin de pginas web. Es un estndar que sirve de referencia para la
elaboracin de pginas web en sus diferentes versiones, define una estructura bsica y un
cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web, como
texto, imgenes, etc. Es un estndar a cargo de la W3C, organizacin dedicada a la
estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo referente a su
escritura e interpretacin. Es el lenguaje con el que se definen las pginas web.

El lenguaje HTML basa su filosofa de desarrollo en la referenciacin. Para aadir un elemento
externo a la pgina (imagen, vdeo, script, etc.), este no se incrusta directamente en el cdigo
de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento mediante
texto. De este modo, la pgina web contiene slo texto mientras que recae en el navegador
web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la pgina final.
Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier pgina web escrita
en una determinada versin, pueda ser interpretada de la misma forma (estndar) por
cualquier navegador web actualizado.




Mi primer documento HTML
1. Abre el Bloc de Notas de Windows mediante: Inicio > Todos los programas >
Accesorios > Bloc de Notas. En Ubuntu puedes utilizar el procesador de textos
mediante: Aplicaciones > Accesorios > Procesador de textos.
2. En un documento nuevo escribe el siguiente texto:
<html>
<head>
<title>Mi primera pagina</title>
</head>
<body>
Hola mundo
</body>
</html>

3. Selecciona Archivo > Guardar como. Se mostrar este cuadro de dilogo.

4. En la lista desplegable Guardar en: , elige la carpeta donde desees guardar este
documento.
5. Introduce el nombre del archivo aadindole la extensin .htm
Ejemplo: prueba.htm
6. Pulsa en el botn Guardar.
7. Cierra la ventana del Bloc de Notas.
8. Elige Inicio > Mis Documentos para situarte en esta carpeta donde has guardado
tu archivo HTML. Encontrars un archivo con el icono de un documento HTML con el
nombre que has elegido.

9. Haz doble clic sobre el icono de este archivo y se abrir el navegador configurado
por defecto en tu equipo mostrando el contenido de esta pgina HTML.
10. Observa que en la barra de ttulo del navegador aparece el texto que has
encerrado entre las etiquetas<title> </title> y en el documento en blanco el
texto que has incluido entre <body></body>

Qu es una etiqueta?
Las etiquetas son una forma de categorizacin colaborativa de los artculos cuales permiten ir clasificndolos
y poder hacer un seguimiento de las conversaciones relacionadas a un tema.
Cuando escribes un artculo en Bligoo, puedes escribir etiquetas que lo describan, por ejemplo si escribes un
articulo sobre tus vacaciones en Chile, puedes adjuntar las etiquetas vacaciones, chile. Cuando otras
personas usen esas etiquetas en sus artculos, ellos podrn descubrir lo que tu escribiste.
Las buenas etiquetas son aquellas que permiten con una palabra entender de que trata el articulo sin
necesidad de leerlo.
Usa etiquetas genricas, piensa como otras personas describiran lo que estas escribiendo. Etiquetas
como Msica, Chile o Tecnologa son generalmente mejores que Mi banda favorita, yadubi! o mi mejor
momentoya que describen globalmente.
Esto permitir a los artculos que escribes aparecer en las nubes de etiquetas. Una nube de etiquetas es una
representacin visual de las etiquetas o palabras clave usadas en un sitio web. Generalmente este listado
de palabras se ordena alfabticamente; las etiquetas ms utilizadas se representan con un tipo de letra de
tamao mayor que el resto.

Etiquetas HTML Bsicas

Etiquetas de formato de texto

Salida Etiquetas requeridas
El texto en negritas.
El <B>texto</B> en
negritas.
El texto en itlicas.
El <I>texto</I> en
it&aacute;licas.
El texto en formato teletipo.
El <TT>texto</TT> en
formato teletipo.
El texto en 2 tamaos ms
grandes y en rojo. El tamao
puede ser un valor absoluto en el
rango 1..7.
El <FONT SIZE = +2 COLOR = "RED">
texto </FONT> en 2
tama&ntilde;os m&aacute;s
grandes y en rojo. El tama&ntilde;o
puede ser ...
Utilizar la direccin de e-mail
claudio@acm.org
para contactarme.
Utilizar la
direcci&oacute;n
de e-mail <ADDRESS>
claudio@acm.org </ADDRESS>
para contactarme.

Etiquetas de encabezamientos



Salida Etiquetas requeridas
Encabezado H1
<H1>Encabezado H1<\H1>
Encabezado H3
<H3>Encabezado H3<\H3>
Encabezado H6
<H6>Encabezado H6<\H6>
Las etiquetas de encabezado generan automticamente un fin de lnea.

Salida Etiquetas requeridas
Justo antes del encabezado.
Un encabezado H2
Justo despus del encabezado.
Justo antes del
encabezado.
<H2>Un encabezado
H2<\H2>
Justo despu&eacute;s del
encabezado.


Prrafos, fin de lnea y comentarios

Salida Etiquetas requeridas
ltima oracin del prrafo.
Primera oracin del nuevo prrafo.
&Uacute;ltima
oraci&oacute;n ...
<P>
Primera oraci&oacute; del
...
Una oracin
sobre otra.
Una oraci&oacute;n
<BR>
sobre otra.

Observar que estas etiquetas no son bilaterales.
Los comentarios dentro de un archivo HTML se delimitan del siguiente modo:
<!-Este texto no ser analizado por el visualizador->

Un ejemplo de pgina WEB

El siguiente ejemplo es el contenido del archivo eje2.htm en el directorio
corriente:

<HTML>
<HEAD>
<TITLE>P&aacute;gina de ejemplo</TITLE>
</HEAD>
<BODY>
<H2> Encabezado </H2>
<P>Primer p&aacute;rrafo debajo del encabezado.</P>
<H3> Un encabezado <BR> en dos renglones </H3>
<P>P&aacute;rrafo con partes <B>en negrita</B> </P>
</BODY>
</HTML>
Ver el ejemplo.

Etiquetas de formato lgico


Salida Etiquetas requeridas
La siguiente es una cita.
La siguiente es <CITE>una
cita</CITE>.>
Representa un listado de
computadora.
<CODE>Representa un
listado
de computadora.</CODE>
Una secuencia decaracteres
literales.
Una secuencia de<SAMP>
caracteres
literales.</SAMP>
Nota:
Esta es una cita de algn texto.
Nota: <BLOCKQUOTE> Esta
es
una cita de alg&uacute;n
texto.</BLOCKQUOTE>
La siguiente es una definicin.
La siguiente es <DFN>una

definici&oacute;n.</DFN>
El siguiente texto est enfatizado.
El siguiente <EM> texto
</EM>
est&aacute; enfatizado.
Caracteres de teclado.
<KBD>Caracteres de
teclado.</KBD>
El siguiente texto est fuertemente
enfatizado.
El siguiente <STRONG>
texto
</STRONG> est&aacute;
fuertemente
enfatizado.
El siguiente nombre es una variable
de programa.
El siguiente <VAR> nombre
</VAR>
es una variable de
programa.