WebSocket con Java

WebSockets con JavaEn este art铆culo aprenderemos a implementar WebSocket con Java, ya que en el pasado ya hab铆a dado una completa Introducci贸n a los WebSocket y explicamos que estos fueron introducidos como una mejora en HTML5, pero tambi茅n dijimos que los WebSocket son ejecutados por el navegador, y estos requieren de dos partes, un WebSocket cliente (Navegador) y un WebSocket Server (Backend). Pues bien, ya hab铆amos platicado como es que los WebSocket funcionan del lado del navegador, es por eso que ahora hablaremos de la otra cara, los WebSocket Server.

 

Como el t铆tulo de este articulo lo dice, hablaremos de c贸mo implementar los WebSocket utilizado Java como BackEnd, pero cabe mencionar que todos los lenguajes de programaci贸n deber铆an de tener sus propias API鈥檚 para soportar conexiones del lado del servidor. 聽Los WebSocket fueron agregados a apartar de la versi贸n Java EE 7 bajo la especificaci贸n JSR 356, es por ello que todos los Application Server certificados para Java EE 7 deber谩n de tener una implementaci贸n est谩ndar de dicha especificaci贸n. Basta de charla y pasemos a c贸mo implementar un WebSocket con Java.

 

Implementando un WebSocket con Java

 

Para explicar c贸mo funcionan los WebSocket vamos a implementar un ejemplo muy simple, crearemos una barra de progreso la cual se cargar谩 del valor 0 al 100 simulando que un proceso se est谩 ejecutando en el BackEnd. En el formulario tendremos un bot贸n que iniciara el proceso, cuando el usuario presione el bot贸n, enviaremos un mensaje al BackEnd por medio del WebSocket, en ese momento, el BackEnd iniciara con un proceso de notificaciones el cual enviar谩 por medio del WebSocket un mensaje con las actualizaciones de la barra de progreso. Este ejemplo est谩 desarrollado con Java 8 y Wildfly 9.0.

WebSocket con Java (m谩s…)

Introducci贸n a los WebSocket

Introducci贸n a WebSocket

Los WebSocket fueron introducidos recientemente con la llegada de HTML5 y es sin duda una de las mejoras m谩s esperadas. Los WebSockets nos permite trabajar de forma bidireccional entre el navegador y el servidor, permitiendo enviar y recibir mensajes de forma simult谩nea (Full Duplex) y manteniendo siempre una conexi贸n activa con el servidor mediante Sockets TCP. (m谩s…)

Novedades de la etiqueta Table en HTML5

html51La etiqueta Table es sin duda la mejor opci贸n para representar elementos en formato tabular o en tabla, debido a que permite crear rejillas perfectas en las cuales color los datos como si se tratara de una hoja de Excel.

La etiqueta table ha venido cada vez m谩s en desuso con la llegada de HTML5 y CSS3, ya que anteriormente, esta etiqueta se utilizaba para maquetar toda la p谩gina y todas las secciones se representaban mediante una tabla. Hoy por hoy, las tablas se han limitado m谩s a la representaci贸n de datos y para esto siguen siendo la mejor opci贸n.

 

Con la llegada de HTML5 se agregan nuevas secciones a las tablas que permite personalizarlas de una mejor forma. Ahora es posible agregar una secci贸n para los encabezados, el cuerpo de la tabla y el pie de la tabla, adem谩s es posible vincular la tabla con una descripci贸n de forma sem谩ntica y agrupar columnas para aplicarles estilos personalizados.

(m谩s…)

La etiqueta figure de HTML5

html5La etiqueta <figure>聽 permite agregar contenido variado asociadas a una descripci贸n o t铆tulo, el cual es asociado sem谩nticamente a este, de tal forma que podemos agregar una imagen, ilustraci贸n, diagrama, o incluso c贸digo. Como regla general, el contenido que agreguemos debe de estar relacionado al texto principal de la p谩gina.

Un claro ejemplo donde se puede emplear <figure>聽 es para agregar im谩genes a un art铆culo, donde las im谩genes tienen por lo general una descripci贸n justo por debajo. Un claro ejemplo ser铆a cualquier art铆culo de Wikipedia, ya que este inserta a lo largo de todas sus secciones im谩genes que tiene que ver con el texto en cuesti贸n.

Actualmente <figure>聽 es m谩s utilizado para representar im谩genes, porque es lo m谩s com煤n en una p谩gina adem谩s del texto, pero es importante resaltar que se puede utilizar para representar cualquier contenido. La clave de <figure>聽 es que nos permite asociar cualquier cosa con una descripci贸n, de tal forma que son asociados sem谩nticamente.

La etiqueta <figure>聽 se utiliza en conjunto con la <figcaption>聽 para representar la descripci贸n del contenido. La etiqueta <figure>聽 puede tener cualquier contenido seguido de <figcaption>聽 o al rev茅s, <figcaption>聽 seguido de cualquier contenido. (m谩s…)

HTML5, antecedentes y novedades

html5

La historia de HTML ha sido larga, ya que desde su nacimiento al principio de los 90, ha evolucionado much铆simo, pasando de ser tan solo un simple sistema para compartir documentos, a ser la base completa de la WEB.

HTML fue desarrollado inicialmente por Tim Berners-Lee en 1980, que trabaja en aquel entonces en la CERN (Organizaci贸n Europea para la investigaci贸n Nuclear). El propuso un sistema de Hipertexto que permitiera compartir documentos de una manera m谩s f谩cil y eficiente. Pero no fue hasta que se uni贸 con Robert Cailiau para presentar su propuesta como la World Wide Web (W3), en un concurso para definir el sistema de hipertexto que se utilizar铆a para internet.

(m谩s…)