Java: Embeber un Jnlp a HTML

Luego de haber creado un Jnlp, este se puede agregar a un HTML. Es una forma de agregar una aplicación de JavaFX a un HTML. Oracle provee una librería de Javascript que nos permite cargar la aplicación dentro de una página web. Esta librería se puede descargar en el siguiente enlace o en los recursos de Oracle.

Para que nuesto Jnlp pueda correr en un ambiente web es importante que este certificado. De no contar con una institución certificadora se puede realizar un certificado propio que tiene duración limitada. Para realizar este certificado abrimos una linea de comandos o consola y ejecutamos las siguientes instrucciones en el directorio del archivo:

keytool -genkey -keystore tracker2.ks -alias tracker2 

keytool -selfcert -alias tracker2 -keystore tracker2.ks 

jarsigner -keystore tracker2.ks C:\Jars\tracker2.jar tracker2 

 

Luego de esto nuestro jnlp ya esta listo para ser cargado desde un ambiente web. Si siguieron el post que esta al inicio de la página, al ejecutar el comando javafxpackager se debió de haber creado un archivo .html. Este archivo tiene la siguiente estructura.

Se puede observar que lo primero que se hace es importar la librería de Javascript. Luego tenemos 2 funciones. La primera es lanzarlo como webstart y la segunda embeberlo en la página. La información necesaria es la ubicación del Jnlp, si esta en una maquina local puede ser el directorio pero en este caso se subio a un site de Google. Lo siguiente es el Base64 del archivo Jnlp. Si realizamos un cambio es necesario recalcular este Base64. Para calcular esto pueden usar la siguiente página. Luego solo ingresamos la version de JavaFX. En el caso de la función para embeberlo es necesario indicar en que <div> se colocara y datos de altura y anchura. Al final tendremos nuestra aplicación de JavaFX en Html como se ve en la siguiente página.

Javascript: Cifrar cadena a SHA

Existen varias formas para obtener el hash SHA en alguna de sus versiones usando varios lenguajes de programación. En el caso de Javascript existe una implementación, jsSHA, que nos permite obtener las versiones SHA-1, SHA-224, SHA-256, SHA-384 y SHA-512 de un cadena de texto. 

Pueden obtener el script de jsSHA en el siguiente enlace <-click, o pueden descargarlo directamente de su pagina en GitHub.

El siguiente código muestra como utilizar jsSHA dentro de un html.

Como se puede observar se debe incluir el script. Esta dirección varia según la estructura de los directorios o puede ser una dirección web. La función simplemente obtiene el texto de un input, obtiene el hash del texto y lo muestra en otro input.

El constructor de jsSHA necesita el texto a cifrar y su codificación que puede ser texto plano, base64 o hexadecimal. El método getHash necesita la version de SHA y la forma de salida que puede ser base64 y hexadecimal.

Al final se obtendrá algo como lo siguiente, un cifrado sha512 online, en este caso:

Dibujar dentro de un Google Map

El API Javascript de Google Maps permite mas que solo mostrar un mapa exprorable de cualquier parte del mundo. También ofrece un conjunto de utilidades que permiten dibujar figuras, realizar calculos, determinar lugares, etc.

 

En el siguiente ejemplo se demuestra el funcionamiento de los dibujos en los mapas. Lo principal es agregar la librería cuando se llama al script de google:

 

src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing"  type="text/javascript"

El código anterior define como las opciones del mapa, descritas en el siguiente post: Agregar GoogleMap. Lo importante viene luego al definir las acciones que deseamos que el DrawingManager de Google Maps realice. Definimos la posición del panel, las posibles opciones (rectangulo esta comentado, si se descomenta permitirá usar esa opción) y lo agregamos al mapa. También se definen las propiedades que tendran las figuras disponibles.

 

Al final tendremos lo siguiente:

Agregar GoogleMaps (v3) en una página web

Google Maps ofrece una amplia matriz de APIs que permiten al usuario insertar las funciones más completas y la utilidad diaria de mapas en un sitio web y en aplicaciones, así como agregar sus propios datos sobre ellas. Entre los APIs que ofrecen estan:

• JavaScript API
• Flash API
• Google Earth API
• Static Maps API
• Servicios Web
• Maps Data API

Para el siguiente ejemplo se usará el API de JavaScript, el cual nos permite configurar un Mapa indicando los parametros iniciales y las funciones que incluira dentro del mapa. El siguiente script se encarga de ello.

 

 

 

 

Con el codigo que se observa hacemos la llamada al script de google que maneja los mapas, luego empezamos a definir la funcion el la cual tendremos la información necesaria para incializar el mapa. Primero definimos la posición incial del mapa, luego las funciones básicas del mapa y finalmente buscamos un elemento HTML en este caso un div para agregarlo. Luego se da un lector de eventos y tenemos lo siguiente:

 

 

Un Mapa de Google que usa la configuración para ser manipulado.