Etiquetas de html

Etiqueta bgsound

La etiqueta bgsound sirve para insertar sonido de fondo en las páginas web. Su principal inconveniente es que sólo funciona con Internet Explorer, por lo que su uso es muy limitado. De todas maneras vamos a ver cuál es su forma y sus principales atributos:

<bgsound src="ruta_fichero" loop="numero" balance="b" volume="v"></bgsound>

Los valores de los atributos son los siguientes:

• src="ruta_fichero" : Indica la ruta donde está el archivo de sonido.
• loop="numero" : indica el número de veces que debe repetirse el fichero. si en lugar de un número escribimos el valor "infinite" el fichero se reproducirá indefinidamente.
• balance="b" : indica el balance del sonido entre los dos altavoces, es decir, la potencia con que se oirá en cada uno de ellos (derecho e izquierdo). Sus valores pueden estar entre -10,000 y +10,000; siendo el valor 0 un balance equilibrado entre los dos altavoces.
• volume="v" : indica el volumen al que se oirá el sonido, sus valores pueden variar entre -10,000 (mínimo) y 0 (máximo).

Como ya se ha dicho esta etiqueta suele ser muy poco usada ya que tiene las limitaciones de que sólo funciona con Internet Explorer, y además el usuario no puede controlar el sonido desde la página.

Etiqueta img

La etiqueta <img .../> que se usa normalmente para insertar imágenes también puede servir para insertar videos, sin embargo tiene sus limitaciones ya que sólo funciona con Internet Explorer y no con todos los tipos de archivo. De hecho sólo funciona con videos con extensión .avi, .mov, y .mpg. los atributos específicos para utilizar esta etiqueta para video son los siguientes:

• dynsrc="ruta_fichero" : Es el atributo usado para localizar el archivo de video que se quiere visualizar.
• loop="n" : Toma como valor un número entero que indica el número de veces que se reproducirá el video. Si ponemos un valor =-1 el video se reproducirá infinitas veces.
• start="fileopen/mouseover" : el valor fileopen es el valor por defecto e indica que el video empieza a reproducirse al acabar de cargarse la página. El valor mouseover indica que el video no empezará a reproducirse hasta que el usuario ponga el puntero del ratón encima de él.

Por lo demás se usan los mismos atributos de la etiqueta img es decir, height y with para el alto y el ancho de la consola, hspace y vspace para los márgenes de la consola. y también podemos usar la etiqueta src="ruta_imagen" para mostrar una imagen en el caso de que el navegador no pueda cargar el video.

Como ya se ha dicho el principal inconveniente de esta etiqueta es que sólo funciona el video en Internet Explorer, por lo que no es muy utilizada para este fin.

Etiqueta embed

La etiqueta embed sirve tanto para incrustar archivos de audio como de video en la página web. Esta etiqueta posee varios atributos, que pueden ser distintos en función del objeto que vayamos a mostrar en la pagina. su sintaxis general sería la siguiente.

<embed src="..." ...(atributos) ...></embed>

la etiqueta de cierre final es conveniente ponerla para que funcione correctamente, también podemos poner una barra inclinada al final de la etiqueta principal que sustituye a la etiqueta de cierre (<embed ... />), en todo caso nunca debemos dejar la etiqueta sin cerrar. A continuación vamos a ver cuales son los principales atributos de esta etiqueta y sus valores.

atributos referentes a vídeo y sonido

src="ruta_fichero"

Indica la ruta para acceder al archivo multimedia que queremos abrir.

loop="numero/true/false"

Define el número de veces que se reproducirá el fichero, como valor podemos poner un numero entero, o las palabras true (infinitas veces) o false (sólo una vez). Este atributo no funciona con todos los navegadores, especialmente con Internet Explorer en versiones antiguas. por lo que debemos complementarlo con el siguiente.

playcount="n"

Define el número de veces que se reproducirá el fichero en Internet Explorer.

autostart="true/false"

Define si el fichero debe empezar a reproducirse por si solo a la vez que la página (valor true), o debe necesitar la intervencion del usuario mediante la consola o código javascript para reproducirse (valor false).Tanto este atributo como los dos anteriores no funcionan con los archivos flash de video (extensión .swf), los cuales se muestran siempre al cargar la página y en número infinito de veces.

type="tipo_fichero"

Atributo importante que declara qué tipo de fichero estamos usando. El navegador buscará el plugin o programa necesario para abrirlo, teniendo preferencia el que hayamos indicado. dependiendo del tipo de fichero puede tomar distintos valores. los más habituales son:

• type="audio/wav" : para archivos de audio con extensión .wav.
• type="audio/midi" : para archivos de audio con extensión .mid.
• type="application/mpeg" : para archivos de audio o de vídeo del tipo mpeg. Archivos con extensiones.mp3 .mpg .mpeg .mp4 . También puede usarse con videos con extensión .avi, ya que también lo reproduce, y a veces el usuario no tiene instalado el plugin para videos avi. También podemos usar los valores type="audio/mpeg" o type="video/mpeg" según sea el archivo de audio o de video.
• type="application/mov" : para archivos de video con extensión .mov.
• type="application/wmv" : para archivos de video con extensión .wmv.
• type="application/x-shockwave-flash" : para archivos flash de video con extensión .swf.
• type="application/ogg" : Para archivos con extension ogg (audio o video) y ogv(video). También podemos emplear type="audio/ogg", para sonido o "type="video/ogg", para video.
• type="audio/webm" ; type="video/webm", para archivos en formato webm (recomendados por HTML5).

Lo que indica este atributo es lo que se llama el tipo MIME al que pertenece el objeto. Cada tipo de fichero pertenece a un tipo MIME distinto, hay que tener cuidado de poner para cada tipo de fichero el tipo que le corresponde o que sea compatible. En el siguiente enlace hay una lista con todos los tipos MIME aceptados, aunque la página está en inglés, creo que la tabla con los tipos se entiende bastante bien:

https://developer.mozilla.org/es/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Lista_completa_de_tipos_MIME

pluginspage="URL"

Este atributo indica en caso de ser necesario, el plugin que reproducirá el fichero, o la página web donde puede descargarse el mismo. Solo se activa en caso de que el navegador no pueda reproducir el fichero por sí mismo o no disponga del plugin adecuado.

name="nombre"

Al igual que en otros casos vistos anteriormente, podemos dar un nombre a la etiqueta, que servirá de referencia para trabajar con enlaces o con código javascript.

volume="v"

para archivos de sonido, indica el volumen al que debe reproducirse inicialmente el archivo. el valor es un número entre 0 y 100, siendo el valor por defecto 50 en plataformas PC y 75 en MAC.

atributos referentes a la consola.

hidden="true/false"

Este atributo es sólo para los archivos de sonido. El valor true permite no mostrar la consola de sonido. con lo cual si no hemos puesto el atributo autostar="false" el sonido se reproducirá al cargarse la página, sin que haya una consola para modificarlo. El valor hidden="false" en principio debe mostrar la consola, pero no funciona bien en todos los navegadores, por lo que es preferible no usarlo, ya que ésta se muestra por defecto.

width="w" height="h"

Indican el ancho (w) y el alto (h) visible de la consola en píxeles. Se entiende por consola la barra de comandos del audio o video. Debemos tener en cuenta que algunas consolas son de tamaño fijo, y por lo tanto debemos darle un espacio igual o mayor del que ocupan para que pueda verse entera.

align="left/center/right/..."

Define la alineación horizontal o vertical de la consola, respecto a los elementos de la página. Funciona igual que con la etiqueta img y tiene los mismos valores que ésta.

hspace="hs" vspace="vs"

Define la separación vertical y horizontal de la consola respecto a los otros elementos de la página. Funciona igual que en la etiqueta img. sin embargo tendremos los mismos problemas que con las etiquetas de imagen, por lo que se recomienda posicionar la consola (bien sea de audio o de video), mediante el código CSS.

Utilización de la etiqueta embed

Un ejemplo de etiqueta embed para sonido es el siguiente:

<embed src="sonido.mid" loop="1" playcount="1" type="audio/midi" autostart="false" width="200" height="50" />

Un ejemplo de etiqueta embed para video es el siguiente:

<embed src="http://mivideo.mov" type="application/mov" width="400" height="300" autostart="false" ></embed>

También se puede utilizar la etiqueta embed para mostrar en la página archivos de Adobe Reader (Texto en PDF).

La consola de la etiqueta embed tiene un comportamiento similar a la etiqueta img en cuanto a posicionamiento, por lo que admite los mismos atributos.

El problema de la etiqueta embed es que el usuario no siempre tiene instalado en su equipo los plugins necesarios para ver el archivo, por lo que se recomienda utilizar los formatos de archivo más usados. ya que suelen ser los formatos que soportan la mayoría de los navegadores. Otra opción es poner un enlace al archivo para que en caso de no poder verse, el usuario pueda descargárselo.

La etiqueta embed fue creada por el navegador Netscape, pero enseguida la fueron incorporando los demás navegadores, por lo que es posible que versiones antiguas de Internet Explorer no la reconozcan.

La etiqueta no es reconocida por el estándar oficial del HTML 4.01 y del XHTML 1.0 del W3C (World Wide Web Consortium), con lo cual la página no pasa el proceso de validación, (en temas posteriores veremos qué es esto) pero esto no impide que funcione en la mayoría de navegadores, siempre que se tengan los plugins adecuados para ver los archivos.

Sin embargo el nuevo HTML5 sí que reconoce ya la etiqueta embed, por lo que en HTML5 sí que se pasa el proceso de validación.

Recuperado de:

https://aprende-web.net/html/html10_2.php

Algoritmos en Pseint.

Algoritmos en Pseint.

¿Qué es Pseint?

Para entender mejor este concepto primero tenemos que tener claro que es un algoritmo y este lo podemos definir como:

Un conjunto de instrucciones que especifica la secuencia de operaciones a realizar, en orden, para resolver un problema específico; en otras palabras, un algoritmo es una fórmula para la resolución de un problema. 

Pseint es principalmente un intérprete de pseudocódigo, un pseudocódigo es un lenguaje de especificación (descripción) de algoritmos. Este programa fue creado como proyecto final para la materia Programación 1 de la carrera Ingeniería en Informática de la Facultad de Ingeniería y Ciencias Hídricas de la Universidad Nacional del Litoral, del en aquel momento estudiante Pablo Novara. 

http://odelys2003.files.wordpress.com/2011/10/pseint.pptx

¿Qué es un Pseudocodigo en Pseint?

El programa utiliza pseudocódigo, una descripción de un algoritmo computacional, cuya principal misión es que el programador pueda centrarse en los aspectos lógicos de la programación, dejando el apartado técnico para cuando se vea la sintaxis de un lenguaje de programación real.

Todo algoritmo en pseudocódigo de Pseint tiene la siguiente estructura general: 

Proceso SinTitulo 

accion 1;

 accion 1; 

. . . accion n; 

FinProceso 

Comienza con la palabra clave Proceso seguida del nombre del programa, luego le sigue una secuencia de instrucciones y finaliza con la palabra FinProceso. Una secuencia de instrucciones es una lista de una o más instrucciones, cada una terminada en punto y coma. Las acciones incluyen operaciones de entrada y salida, asignaciones de variables, condicionales si-entonces o de selección múltiple y/o lazos mientras, repetir o para.

Tipo de datos que utiliza Pseint.

• Tipos Simples: Numérico, Lógico, Carácter.

 • Estructuras de Datos: Arreglos. 

Los identificadores, o nombres de variables, deben constar sólo de letras, números y/o guión_bajo (_), comenzando siempre con una letra. 

Tipos de Datos Simples 

 Existen tres tipos de datos básicos:

 • Numérico: números, tanto enteros como decimales. Para separar decimales se utiliza el punto. Ejemplos: 12 23 0 -2.3 3.14

 • Lógico: solo puede tomar dos valores: VERDADERO o FALSO. 

• Carácter: caracteres o cadenas de caracteres encerrados entre comillas (pueden ser dobles o simples). Ejemplos 'hola' "hola mundo" '123' 'FALSO' 'etc' Los tipos de datos simples se determinan automáticamente cuando se crean las variables. 

Las dos acciones que pueden crear una variable son la lectura(LEER) y la asignación(<-). Por ejemplo, la asignación "A<-0;" está indicando implícitamente que la variable A será una variable numérica.

 Una vez determinado el tipo de dato, deberá permanecer constante durante toda la ejecución del proceso; en caso contrario el proceso será interrumpido. Estructuras de Datos: Arreglos Los arreglos son estructuras de datos homogéneas (todos sus datos son del mismo tipo) que permiten almacenar un determinado número de datos bajo un mismo identificador, para luego referirse a los mismo utilizando uno o más sub-índices. 

Los arreglos pueden pensarse como vectores, matrices, etc. Para poder utilizar un arreglo, primero es obligatorio su dimensionamiento; es decir, definir lo declarando los rangos de sus sub-índices, lo cual determina cuantos elementos se almacenarán y como se accederá a los mismos.

Diagrama de flujo en Pseint.

Un algoritmo como ya se menciono codifica,  siguiendo un lenguaje de programación es conocido como programa. Antes de aprender un lenguaje de programación es necesario aprender la metodología de programación, es decir la estrategia necesaria para resolver problemas mediante programas.

Como punto de partida se aborda la manera como es representado un algoritmo. Básicamente se puede analizar  de dos formas, la representación usando pseudocódigo y la representación usando diagramas de flujo.

Un diagrama de flujo es un diagrama que utiliza símbolos (cajas) estándar y que tiene los pasos del algoritmo escritos en esas cajas unidas por flechas, denominadas líneas de flujo, que indican las secuencia que debe ejecutar el algoritmo.

Por otro lado, el pseudocódigo es un lenguaje de especificación (descripción) de algoritmos. El uso de tal lenguaje hace el paso de codificación final (traducción al lenguaje de programacion) relativamente fácil, por lo que este es considerado un primer borrador de la solución del programa.

Estructura SI-entonces en Pseint.

La secuencia de instrucciones ejecutadas por la instrucción Si-Entonces-Sino depende del valor de una condición lógica.

Al ejecutarse esta instrucción, se evalúa la condición y se ejecutan las instrucciones que correspondan: las instrucciones que le siguen al Entonces si la condición es verdadera, o las instrucciones que le siguen al Sino si la condición es falsa. La condición debe ser una expresión lógica, que al ser evaluada retorna Verdadero o Falso. 

La cláusula Entonces debe aparecer siempre, pero la cláusula Sino puede no estar. En ese caso, si la condición es falsa no se ejecuta ninguna instrucción y la ejecución del programa continúa con la instrucción siguiente.

Estructura en Pseint de la condición SI-Entonces.

A continuación les dejo un enlace para profundizar mas en Pseint.

https://www.itson.mx/oferta/isw/Documents/guia_pseint_2016.pdf

Bibliografias:

Recuperado de :https://www.monografias.com/trabajos-pdf5/tutorial-pseint/tutorial-pseint.shtml

Recuperado de: http://gerbermonterroso.blogspot.com/

Recuperado de: https://www.itson.mx/oferta/isw/Documents/guia_pseint_2016.pdf

Tipos de Algoritmos.

¿Que son los Algoritmos?

Un algoritmo es una secuencia de pasos lógicos necesarios para llevar a cabo una tarea especifica, como la solución de un problema. Los algoritmos son independientes tanto del lenguaje de programación en que se expresan como de la computadora que los ejecuta. En cada problema el algoritmo se puede expresar en un lenguaje diferente de programación y ejecutarse en una computadora distinta; sin embargo el algoritmo será siempre el mismo.

Por ejemplo en una analogía con la vida diaria, una receta de un plato de cocina se puede expresar en español, ingles o francés, pero cualquiera que sea el lenguaje, los pasos para la elaboración del plato se realizaran sin importar el cocinero.

Los pasos a seguir en la solución de una ecuación de segundo grado.

Los pasos matemáticos para la solución de un número factorial.

Las instrucciones para la liquidación de una nomina.

Las acciones que se deben seguir para la obtención de una estadística.

Para llegar a la realización de un programa es necesario el diseño previo de un algoritmo, de modo que sin algoritmo no puede existir un programa.

Características de los algoritmos

Las características fundamentales que debe cumplir todo algoritmo son:

Un algoritmo debe ser preciso e indicar el orden de realización de cada paso.

Un algoritmo debe estar definido. Si se sigue un algoritmo dos veces, se debe obtener el mismo resultado cada vez.

Un algoritmo debe ser finito. Si se sigue un algoritmo, se debe terminar en algún momento; o sea debe de tener un número finito de pasos.

La definición de un algoritmo debe describir tres partes: Entrada, Proceso y Salida.

En el algoritmo citado anteriormente se tendrá:

Entrada ingredientes y utensilios empleados

Proceso elaboración de la receta de cocina

Salida terminación del plato (por ejemplo, cordero)

Un algoritmo exige que se tengan varias propiedades importantes:

Los pasos de un algoritmo deben ser simples y exentos de ambigüedades (diferentes significados), deben seguir un orden cuidadosamente prescrito, deben ser efectivos y deben de resolver el problema en un número finito de pasos.

El siguiente ejemplo muestra un algoritmo para cambiar un foco quemado.

Cambiar un foco quemado podría resumirse en dos pasos:
Quitar el foco quemado
Colocar un foco nuevo

Pero, si tuviera que entrenar un robot domestico para que efectúe esta tarea, tendrá que ser mas especifico y claro en los pasos a seguir, dar mas detalles (suponga que el foco se encuentra en el techo de una habitación):
Situar escalera bajo el foco quemado.
Elegir un foco de reemplazo (de la misma potencia que el anterior).
Subir por la escalera hasta alcanzar el foco.
Girar el foco contra las manecillas del reloj hasta que esté suelto.
Ubicar el foco nuevo en el mismo lugar que el anterior.
Enroscar en el sentido de las manecillas del reloj hasta que quede apretado.
Bajar de la escalera.

TIPOS DE ALGORITMOS

Les dejo un enlace y  espero y les funcione:

• http://ing.unne.edu.ar/pub/informatica/Alg_diag.pdfCualitativos

Existen dos tipos y son llamados así por su naturaleza:

 Son aquellos en los que se describen los pasos utilizando palabras. Lo ejecutan las personas

Ejemplo:

 1. Se dispone de un grifo de agua – jabón – papel y corriente de aire caliente.

 INICIO

Abrir el grifo de agua.

Mojarse las manos.

Aplicarse jabón.

Enjuagarse las manos.

Cerrar el grifo de agua.

Secarse las manos con papel.

Exponer las manos a corriente de aire caliente.

FIN

 2. Desarrolle un algoritmo que describa la manera en que su papá se levanta todas las mañanas para ir al trabajo en auto privado.

 INICIO

Levantarse de la cama.

Quitarse el pijama.

Ducharse.

Vestirse.

 Desayunar.

  Arrancar el auto para ir al trabajo.

FIN

 3. Algoritmo para leer las páginas de un libro:

Inicio.

1.Abrir el libro en la 1ª página.

2. Leer la página.

3. ¿Es la última que deseo leer?

Sí: Ve al paso 5.

No: Ve al paso 4

4. Pasar a la siguiente página.

5. Ve al paso 3.

Cerrar el libro.

• Cuantitativos: Son aquellos en los que se utilizan cálculos numéricos para definir los pasos del proceso.  Lo ejecuta el computador.

Ejemplo:

Problema

Calcular el área de un rectángulo.

Observación: Antes de resolver el problema se debe tener en cuenta: los datos que se requieren para resolver el problema (datos de entrada), cuales es el resultado que esperamos obtener (resultado deseado) y mediante cual método podremos lograr con esos datos de entrada producir esta salida.

Datos de entrada

• base

• altura

Proceso Algorítmico

(Algoritmo Cuantitativo)

1. Conocer la base y la altura del rectángulo.

2. Calcular el área utilizando la fórmula area = base * altura

3. Imprimir el resultado

Datos de salida

• área

Datos de entrada

• 8

• 4

Proceso Algorítmico

(Algoritmo Cuantitativo)

1. Conocer la base=8 y la altura=4 del rectángulo.

2. Calcular el área utilizando la fórmula area = 8 * 4

3. Imprimir el resultado.

Bibliográfica:

Recuperado de:

http://www.uacj.mx/CGTI/CDTE/JPM/Documents/IIT/proceprogra/tipos-de-algoritmos.html

https://aulatec.wordpress.com/algoritmos/

http://correo.uan.edu.mx/~iavalos/FP/FP1.html

Datos de salida

• 32