¿Qué es y Cómo funciona?

La página muestra un mapa (con Google Maps) centrado en nuestra posición mientras nuestro navegador permita enviar nuestra ubicación física.

Además con la etiqueta <audio> mostramos un reproductor para escuchar una canción.

 

Teoría

Normalmente HTML5 comprende la terna HTML - CSS3 - Javascript como estándar en el diseño de paginas web como se pude ver aquí y aquí.

HTML5 introduce nuevas etiquetas frente a HTML4 con nuevo valor semántico (ayuda al SEO) que estructuran la página correctamente (cabecera, pie, artículo, etc.), inserción de video, audio, cajas de un tipo dado, y dibujos y animaciones vectoriales.

Una "chuleta" con la sintaxis de las etiquetas en HTML5 se puede encontrar aquí

CSS3 introduce novedades frente a sus antecesores en campos como bordes, gradientes, degradados, animaciones, media queries (web responsivas), etc.

Un fantástico manual con todo lo que se puede realizar lo podemos encontrar aquí

Una "chuleta" con la sintaxis de todas las propiedades de CSS3 se puede encontrar aquí

Javascript, o el uso de JQuery si queremos obviar polyfills en navegadores no soportados, introduce nuevas APIs como manejo de atributos "data-", Drag&Drop, WebSockets, Base de Datos en Cliente, Transmisiones y gestión de audio y video, APIs de dispositivo movil como vibración, estado bateria, etc., Geolocalización, LocalStorage, etc.

Ejemplos de su utilización los podemos encontrar aquí

 

Configuración y Test

Se ha utilizado Visual Studio Express 2013 para Web y actualmente Visual Comunity 2015.
La programación se ha desarrollado con C#, Razor y acceso a Base de Datos por Entity Framework.

Las tablas mostradas en la aplicación se encuentran en un Microsoft® SQL Server® 2012 y actualmente en SQL de Azure

El alojamiento de las páginas se realizó en https://www.smarterasp.net con el plan .NET ADVANCE y actualmente se han movido a 2 Aplicaciones Web en Azure: una para este proyecto Web MVC y otra para un WCF usada en un ejemplo.

Se ha testeado con exito en diferentes navegadores y sistemas operativos, en pantallas de PC, tabletas y moviles.