Universidad Mariano Gálvez de Guatemala

Facultad de Ingeniería en Sistemas de Información

Sistemas Operativos

Borrador del Proyecto

Marco Tulio Escobar Muñoz 0901 08 697

Gerson Antonio Boteo Tun 0901 08 10483

María Fernanda Quiñonez Zuleta 0901 08 972

Introducción

El punto de partida para realizar la investigación, fue el hecho de saber que hay una nueva
versión de HTML5, la cual logra hacer que los lenguajes de etiquetas HTML y XHTML se fusionen
en uno solo, en este caso como ya se ha mencionado  es el HTML5.  El desarrollo de este código
es regulado por el consorcio W3C.

“El Consorcio World Wide Web (W3C) es una comunidad internacional donde las  organizaciones
Miembro,  personal  a tiempo completo y el público en general trabajan conjuntamente para
desarrollar estándares Web. Liderado por el inventor de la Web Tim Berners-Lee y el Director
Ejecutivo (CEO)  Jeffrey Jaffe, la misión del W3C es guiar la Web hacia su máximo potencial.  ”

Tomado de http://www.w3c.es/Consorcio/

Aunque todavía se encuentra en fases de prueba, ya circula por la web que será una
nueva era del HTML, que revolucionará un lenguaje estático a algo mucho más dinámico.

Entre lo nuevo que trae esta versión además de fusionarse con el XHTML, es que ya no
necesita de Flash Player para poder hacer el streaming de video o audio. En vez de ello
implementa etiquetas como <video> y <audio>, que es el punto central de nuestra investigación así
como su compatibilidad con Mozilla FireFox.
¿Qué HTML 5 va a hacer por usted
Es probable que si estás en el negocio de desarrollo web todo, usted ha oído hablar de HTML 5.
Está siendo lanzada alrededor como la próxima gran cosa para golpear nuestras pantallas de
ordenador, añadiendo algunas funciones impresionantes sobre lo que era una lengua bastante
estática.
Mucha gente no sabe realmente lo que HTML 5 va a hacer por ellos, y yo voy a hacer un poco de
explicación de lo que HTML 5 puede realmente le permiten hacer. Es un lenguaje bastante
impresionante, y un montón de elementos no son compatibles con todos los navegadores, pero
esperamos que obtendrá la jist básica de lo que la web le permitirá hacer en los próximos años.

HTML 5.
Como es de imaginar, HTML 5 es el sucesor de HTML 4. Sin embargo, esto no significa que va a
sustituir a HTML 4, así como XHTML 1 no sustituir a HTML 4. HTML 5 sigue siendo el mismo
idioma antiguo que conocemos y amamos, sólo con algunas campanas y silbidos más en él que
antes. Algunas de las características que se han añadido son bastante badass, y pensé que sería
muy útil cuando se trata de la codificación.
HTML 5 que realmente simplifica el proceso de toma de aplicaciones web, para ayudar a los
desarrolladores sacar el máximo partido de su código.

HTML 5 formas (formularios Web 2.0)

Una de las partes más impresionantes de HTML 5 (y uno que sin duda nos ayudará popular
desarrollador) es la nueva manera en que maneja las formas. Es la misma idea básica como
siempre lo fue, sólo que tiene un barco de carga de las nuevas características que se pueden
agregar a ella. Actualmente Opera 9 + (y safari en algunos casos) es el único navegador que
soporte estas características.
Los diferentes tipos de entrada
Hay un montón de diferentes tipos de entrada de HTML 5 que permite que usted utilice. Ya no
estás limitado por el tipo de entrada "texto", pero se puede definir exactamente qué tipo de entrada
que es esto. Digamos que tiene una forma y que desea poner en un elemento de formulario que
permite al usuario seleccionar su cumpleaños. De vuelta en HTML 4 que habría tenido que hacer o
3 campos, o dejar que el usuario lo introduzca en un campo y validarlo. No sólo esto, pero no es el
dolor de cabeza que los diferentes países que figuran las fechas de otra manera. Bueno, no te
preocupes ya HTML 5 usuario! En HTML 5 se puede aplicar un tipo de fecha a una entrada de este
modo:

1 <forma>
 2      <de entrada tipo=fecha>

3 </forma>

De almacenamiento en Web
HTML 5 promete la idea de almacenamiento Web. De almacenamiento Web es básicamente añade
la funcionalidad de una base de datos SQL para su aplicación web. Una simple API continuación le
permite manipular o mostrar las filas de datos.
Se dará cuenta de que una gran cantidad de aplicaciones en la web se están convirtiendo en línea
disponibles. almacenamiento de bases de datos locales como la idea de almacenamiento Web
presentado por el W3C permitirá aplicaciones cada vez más a estar disponibles cuando usted no
tiene acceso a Internet. A medida que la red ha llegado a representar mucho más de nuestro uso
de las computadoras, las aplicaciones en línea se ha convertido en más importante, y esto
realmente ayudará a los usuarios.
Ha habido algunos argumentos en contra de almacenamiento Web, Principalmente dirigidas a la
API SQLite HTML que va a utilizar. Estoy seguro que sin embargo, con la período de tiempo el
W3C tiene previsto gastar en HTML 5, que va a ordenar algo.
Videos incrustados
Incorporación de videos siempre ha sido algo de una tarea laboriosa, en la mayoría de los casos en
función de flash para mostrar el video, porque no había ninguna alternativa real.
HTML 5 se presenta un fácil de usar para la visualización de vídeos, que todo se reduce a la
etiqueta <video>, y diablos, incluso youtube y movimiento diario se están sumando a la acción.
Probablemente va a ser un par de años antes de que con seguridad se puede utilizar la etiqueta de
vídeo por la web, sin tener que preocuparse acerca de la incompatibilidad con los navegadores, y
todo eso, pero al final se traducirá en una rápida y fácil de usar para obtener videos en la web, sin
dependencia de una tercera entidad parte (de Adobe).
Ahora se muestra el código de cómo implementar un video en HTML5:
<video width="320" height="224" poster="/images/vid/linkous.jpg" controls>
<source src="images/vid/linkous.ogv" type="video/ogg" />
<source src="images/vid/linkous.mp4" type="video/mp4" /><!--[if gt IE 6]>
<object width="320" height="224" classid="clsid:02BF25D5-8C17-4B23-BC80-
D3488ABDDC6B"><!
[endif]--><!--[if !IE]><!-->
<object width="320" height="224" type="video/quicktime" data="images/vid/linkous.mp4">
<!--<![endif]-->
<param name="src" value="images/vid/linkous.mp4" />
<param name="showlogo" value="false" />

<object width="320" height="224" type="application/x-shockwave-flash"

data="linkous.SWF?image=linkous.jpg&amp;file=images/vid/linkous.mp4">
<param name="movie" value="linkous.swf?
image=linkous.jpg&amp;file=images/vid/linkous.mp4" />
<img src="linkous.jpg" width="320" height="224" alt="Linkous"
title="No video playback capabilities, please download the video below" />
</object><!--[if gt IE 6]><!--></object><!--<![endif]-->
</video>
Trabajos Relacionados

HTML5, ¿mejor que Flash?

Rendimiento de Flash y HTML5 en Mac
Jan Ozer es experto en tecnologías de codificación de vídeos, ha trabajado con vídeo digital desde
1990 y es autor de trece libros relacionados con este mundo. Recientemente ha estado probando
el HTML5 frente a Flash en varios tests en máquinas tanto PC como Mac y en distintos
navegadores.
Los tests ejecutados en ordenadores Mac han dado los siguientes resultados:
 **Safari**: **HTML5** fue más eficiente, con un consumo de **CPU** de sólo el
**12,39%**. Con **Flash 10.0**, el consumo fue del **37,41%** y con **Flash 10.1**, del
**32,07%**
 **Chrome**: ambos reaccionaron de forma parecida, alrededor del **50%** de consumo de
CPU.
 **Firefox**: **Flash** fue un poco menos eficiente que en **Safari**, pero mucho más que
en **Chrome** (**40,25%** en la versión 10.0)
De esta forma, podemos destacar la grande mejora de HTML5 frente Flash en Safari, hecho que
haría que a medida que las páginas de vídeos vayan adaptándose a HTML5 mejoraríamos en
nuestra velocidad de navegación. No obstante, los usuarios de Chrome y Firefox no notarán tanto
el cambio. Además, el informe destaca que la reproducción de vídeos Flash en Safari para
Windows fue más eficiente que en su versión para Mac, con un uso de la CPU de sólo el 7,43% en
su versión 10.1.
El artículo original de Jan Ozer va todavía más allá, con declaraciones de responsables de Adobe y
comentarios al respecto, pero me ha parecido interesante destacar las diferencias entre Safari,
Chrome y Firefox utilizando ambos sistemas de vídeo. Por otro lado, recordar que Flash no sólo
nos permite reproducir vídeo, sino que nos permite muchas otras cosas (juegos, animaciones,
páginas web...), así que también tiene sus (grandes) ventajas.

Desarrolladores web prefieren HTML 5 a Flash

En el primer encuentro de twiteros #WebVe, realizado en el Sambil Caracas este miércoles se
abordaron las diversas ventajas del HTML 5 como plataforma integral de desarrollo web tanto en el
manejo de los elementos del diseño, como por las facilidades de incorporación de elementos
multimedios.
Este miércoles se realizó en el Sambil Caracas el primer encuentro de twiteros #WebVe en torno a
los tópicos actuales más importantes que afectan el desarrollo de sitios y aplicaciones para la web,
así como las oportunidades y los retos que enfrenta el desarrollo de aplicaciones para dispositivos
móviles.
Por: Froilan Fernández

HTML 5 y sus ventajas para el diseño de páginas web

En los últimos meses se ha hablado mucho de la nueva versión del lenguaje HTML. Se pueden
encontrar noticias en muchos portales de Internet que dicen que este lenguaje cambiará la manera
en la que se concibe el Internet y el diseño de páginas web, pero ¿qué es HTML 5?
Puede ser que la nueva versión del lenguaje HTML facilite las cosas para el diseño de páginas
web, programadores y demás gente involucrada con el desarrollo de Internet, pero también los
usuarios que no tienen que ver con este mundo se verán beneficiados por la todavía probable
estandarización de este lenguaje para la creación de páginas web.

¿Qué es HTML 5?
Hyper Text Markup Lenguaje es el lenguaje más popular para el diseño de páginas de Internet y se
usa para describir la estructura y el contenido de un sitio de Internet en forma de texto.
Por Eduardo Sánchez

¿Qué navegador se está preparando mejor para HTML5?

Si en la prueba Acid3 Test, Internet Explorer de Microsoft salía mal parado, la historia con el test
para ver la compatibilidad de las versiones futuras de los browsers más populares con HTML5 no
varía demasiado. El examen analiza si el software soporta el análisis, rendereo, arrastrar archivos,
los audios y videos incrustados a la manera de HTML5.
En una comparación realizada por Wired, Internet Explorer 9 Platform Preview quedó colista con
apenas 84 puntos y un punto extra, de un máximo de 300. El segundo peor resultado lo obtuvo
Opera 10.6 con 159 puntos y 7 bonos. A mitad de camino se encuentra Firefox 4 Beta 2, con 189 y
9.
Los líderes de este examen, realizado en un Mac, son los dos programas que se pelean el tercer
lugar del mercado global: el líder es Chrome (dev channel) con 217 points y 10 puntos extra,
seguido de Safari 5.01 con 208 puntos  y 6 bonos y que no está en una edición beta. De todas
maneras, este test todavía no es 100% fiel, ya que compara versiones finales con previews. Aun
así, muestra el interés de cada compañía por los estándares.
Por: Paulo Vanderlev
Conclusiones

 En esta versión, se introducen nuevas características para ayudar a los autores de

aplicaciones Web, se introducen nuevos elementos basados en la investigación sobre las
prácticas actuales de la edición, y se ha prestado especial atención a la definición de
criterios claros de conformidad para los agentes de usuario en un esfuerzo por mejorar la
interoperabilidad.
 La mayor parte de la manipulación de la etiqueta de tela se hace a través de Javascript, lo
que le permite realizar impresionantes animaciones o imágenes sin necesidad de software
especial.