Vagrant Lab for Postgres

Since a few days ago I’ve played (wink, wink) with Play, Lagom and Reactive Systems, I’ve found in the need of trying Some Scala  and implement a REST API to access a Postgres Database, so instead of downloading, installing and configuring a database in my local machine I’ve felt tempted to use Vagrant instead.

Vagrant you say?

Vagrant is a tool for building and managing virtual machine environments in a single workflow. This tools “packages” our special box which is a small VM. A remarkable aspect is Vagrant relies on “providers” for virtualization. In this case, we’ll proceed first to install both Vagrant AND Virtualbox.

The beauty of Vagrant is that several boxes with preconfigured OSs, tools and services are ready to be implemented. Just search here for a Vagrant box of your needs.

Prerequisites:

• Vagrant.
• VirtualBox

sudo apt install virtualbox-qt

sudo apt install vagrant

Let’s get to it!

Get Postgres Vagrant box.

Open a Terminal. Create a directory in which you will download and place your Vagrant Machine.

The previous image comprises the following actions we have performed:

1. Create a Postgres_Vagrant directory
2. Download our Vagrant box.
3. Open Vagranfile for this box.

Uncomment the following line of Vagrantfile

 config.vm.network "private_network", ip: "192.168.33.10"

Add

 config.vm.network "forwarded_port", guest: 5432, host: 5432, host_ip: "127.0.0.1"

Save and close the Vagrantfile. Go back to your terminal and execute

vagrant up

This command will start the vm for this exercise.

Now we open VirtualBox and effectively our vm is ready.

 

El pase de diapositivas requiere JavaScript.

That’s all! Now we can focus our effort on building our REST API to access a database, but that’s for another day).

Edit!

Since I’m now in Russia, the Postgresql locale was set to «ru_RU.UTF-8», but it’s necessary to change it to support locale to match my language «en_US.UTF-8».

Change it like this

Thanks faqforge!

Clipmarks: Copia lo que quieres que otros lean

Clipmarks es un servicio para tomar notas (literalmente copiar fragmentos) de páginas.

Ya instalado, creamos un clipmark pulsando un botón, y pasamos a modo clip. Ahora los párrafos sobre los que pasemos con el ratón se resaltarán con un borde naranja. Para añadir al clipmark nos ponemos sobre el párrafo y hacemos click. Quedará marcado de color verde para diferenciarlo. También podemos añadir al clipmark texto seleccionado.

Una vez creado, podemos asignarle etiquetas. También podemos enviarlo por mail, o directamente a nuestro blog para que se publique. Por último tenemos la opción de hacerlo público o privado. La ventaja de hacerlo público es que pasamos a un sistema de comentarios, votos, etc. propio de las modernas aplicaciones web.

Para firefox instala este add-on.

Su web oficial nos muestra este corto video.

Rendera: Editor HTML5 Online

Rendera es un sencillo editor web de HTML5 y CSS3 que nos permite ver el resultado de todo el código que incluyamos, permitiendo exportar y ver ejemplos de aplicaciones.

Su manejo es bastante sencillo simplemente escribir el código HTML para verlo renderizado en tiempo real (presionando Enter o la barra superior), posteriormente darle estilo con CSS.

Rendera permite utilizar cualquiera de las etiquetas de HTML 5 o CSS3 que soporte nuestro navegador.

Interesante es que no requiere registro.

StYLiD: A publicar Linked Data

Buscando por allí, alternativas para la publicación de Linked Data he encontrado a StYLiD, que me pareció muy interesante. Se basa en RDFa para generar conceptos, que son visualizables en su nube de conceptos (quizá su característica más remarcable).

Bueno aquí hay un video:

Necesaria la creación de una cuenta, y bueno a escribir conceptos…

Yahoo! Seachmonkey

Yahoo! desde el primer trimestre del 2008 cuenta con SearchMonkey, un framework para la creación de pequeñas aplicaciones que mejoren los resultados de búsqueda con datos y estructura adicional, como imágenes, pares clave/valor y enlaces adicionales. Estos resultados serán mostrados basados en dos templates:

1. Infobar. Resultado “sencillo”, difiere de la manera tradicional de mostrar los resultados con la presencia de un panel expandible con información adicional.
   
2. Enhanced Result. Un resultado más elaborado, que esta limitado a un conjunto de elementos específicos: título Title, resumen Summary, imagen Image, enlace Link que debe pertenecer al sitio para mayor información o para alguna acción posterior que el usuario desee hacer. El componente final es Dict, que es un par clave/valor que provee información concisa y estructurada tal como revisiones, especificaciones técnicas u horas de operación. Puede contener 4 dicts como máximo.

Los beneficios de SearchMonkey para los usuarios del buscador:

• Mejora de los resultados de búsqueda de sitios y marcas establecidas.
• Personalización de la experiencia de búsqueda, permitiéndoles añadir aplicaciones opcionales.
• Proveer enlaces relevantes y datos estructurados, para agilizar las tareas efectuadas.

Para el propietario del site, los beneficios incluyen:

• La explotación de las anotaciones semánticas incluidas en sus páginas, exponiendo esa información a una audiencia masiva.
• Incrementar la cantidad y calidad del tráfico, suministrando mejor información y ayudando a los usuarios  a determinar la relevancia de las páginas.

Una aplicación SearchMonkey consta de dos partes:

• Data Services uno o más servicios de datos, que le provee información estructurada para mostrar como resultado en las búsquedas.
• presentation application, que define como deben ser mostrada. Esto es definido mediante funciones PHP que serán almacenadas en el servidor de Yahoo.

Más a fondo en la Guía:

http://developer.yahoo.com/searchmonkey/smguide/index.html

RDFa Bookmarklets

Un bookmarklet es un marcador que, en lugar de apuntar a una dirección URL, hace referencia a una pequeña porción de código JavaScript para ejecutar ciertas tareas automáticamente.

Este apartado ha sido considerado pues existen algunos bookmarklets desarrollados para trabajar con RDFa. Los principales han sido detallados en la tabla 1.

Tabla 1. Bookmarklets para RDFa y su utilidad.

Bookmarklet	Descripción.
CC license	Detecta y presenta la Licencia Creative Commons presente en dicha Web.
RDFa Highlight	Quizás el más atractivo, resalta el texto con RDFa y permite visualizar las tripletas contenidas al apuntar el contenido.
GetCal	Resalta y permite exportar un evento a Google Calendar.
GetN3	Obtiene las tripletas en notación N3.
License Checker	Evalúa la presencia de una licencia.
RDFa Clipboard	Permite copiar texto con RDFa incluido.

Texto resaltado en una página con RDFa

Mayor información:

[1] RDFa Clipboard: http://www.w3.org/2006/07/SWD/RDFa/impl/js/rdfa-clipboard/

[2] A RDFa Calendar: http://www.w3.org/2006/07/SWD/RDFa/impl/js/rdfa-calendar.html

[3] RDFa and JavaScript  Bookmarklets. How to: http://www.w3.org/2001/sw/BestPractices/HTML/rdfa-bookmarklet/howto

[4]  RDFa Bookmarklets: http://www.w3.org/2006/07/SWD/RDFa/impl/js/

Plugins Microformatos.

Debido al aumento en la presencia de microformatos en la Web, las últimas versiones de algunos navegadores ya poseen extensiones para el descubrimiento de microformatos en la páginas, en el caso de Mozilla Firefox tenemos Operator[1], Tails[2], Giftag[3] y BlueOrganizer[4] como los más significativos. De estos Operator es el más popular entre los usuarios, desarrolladores y publicadores de contenidos con microformatos; incluso Operator provee una arquitectura para el análisis de Microformatos (microformat parsing), el cual probablemente será integrado en futuras versiones del navegador. [3]

Como alternativa para Microsoft® Internet  Explorer se presenta Oomph[5], cuyas principales características son: encontrar – consumir, crear, y dar estilo a Microformatos, para lo cual cuenta con un set de estilos CSS y un plug-in para Windows Live Writer para insertar hCards.

SafariMicroformats[6] detecta Microformatos indicando su presencia mediante un ícono en la barra de direcciones, soporta hCard y hCalendar y facilitando su extracción o exportarlos a su agenda o Calendario.

---

---

[1] http://microformats.org/wiki/Operator

[2] http://blog.codeeg.com/tails-firefox-extension-03/

[3] http://www.giftag.com/

[4] http://www.adaptiveblue.com/

[5] http://oomph.codeplex.com/

[6] http://www.zappatic.net/safarimicroformats/index.html

Microbloggin Semántico

Esa es la propuesta de SMOB

SMOB desarrollado por  DERI, NUI Galway de Unit Social Software.

Mas información en:

• Microblogging: A Semantic Web and Distributed Approach (Paper at SFSW2008)
• A Distributed Semantic Microblogging Platform (Challenge submission SFSW2008)

http://smob.me/

Bueno a descargar y probarlo…

Publicar RDFa usando Dreamweaver

Buscando opciones para publicar HTML+RDFa encontré esta extensión para Dreamweaver 8 y +.

Aunque sólo es un beta ya facilita un poco la creación, edición y conversión de documentos con RDFa.

Documento HTML+RDFa

Más información y descarga:

RDFa extension for Dreamweaver. KNOL [Consultado a 5 de Mayo de 2010] [En línea]  http://knol.google.com/k/richard-kemp/rdfa-extension-for-dreamweaver-seo/wv5mzhzcowiw/9#

ACTUALIZACIÓN: Ahora disponible en:

Kemp Richard. RDFA EXTENSION FOR DREAMWEAVER – SEO Toronto: new extension for Dreamweaver supporting RDFa: [Internet]. Version 1. Richard Kemp SEO Expert Toronto Canada. 2010 Jan 25. Available from: http://seotorontocanada.wordpress.com/article/rdfa-extension-for-dreamweaver-seo-wv5mzhzcowiw-9/.

Rich Snippets para Productos

Propiedades de producto reconocidas, en paréntesis el nombre de la propiedad en el Microformato.

Propiedad	Descripción
brand	Marca del producto. Ej. ACME.
category	La categoría a la que el producto pertenece. Ej. «Books—Fiction», «Heavy Objects», o «Cars».
description	Descripcion del product
name (fn)	Nombre del product
price	Precio. Número flotante, también acepta formato moneda.
photo	URL de la foto del producto
url	URL de la página del producto.

Propiedades de producto reconocidas, en paréntesis el nombre de la propiedad en el Microformato.

Propiedad	Descripción
brand	Marca del producto. Ej. ACME.
category	La categoría a la que el producto pertenece. Ej. «Books—Fiction», «Heavy Objects», o «Cars».
description	Descripcion del product
name (fn)	Nombre del product
price	Precio. Número flotante, también acepta formato moneda.
photo	URL de la foto del producto
url	URL de la página del producto.