JMiur [E]

Apture es un sistema que nos permite mostrar ventanas modales con contenidos diversos que nosotros definimos (vídeos, música, artículos de referencia, documentos, mapas) y que podemos integrar a cualquier sitio incluyendo Blogger, TypePad, MovableType, WordPress, Drupal, etc.

¿Qué significa esto? Que agrega un ícono a textos que seleccionamos y cuando pasamos el cursor del ratón sobre él, se muestra una ventana modal con ese contenido que nosotros definimos. Como hay que verlo para entenderlo, esta es una página donde podemos verlo en funcionamiento.

¿Qué podemos mostrar?
  • videos de YouTube, Google, hulu, Reveer, Blip.tv, metacafe, veoh, espn o imeem
  • imágenes de flickr o wikimedia
  • artículos de la Wikipedia, IMDb, Amazon
  • documentos de alojados es Scribd
  • mapas de Google, podcasts, archivos MP3
  • páginas web en general
  • archivos multimedia que tengamos en nuestra PC
El servicio es gratuito pero para usarlo hay que registrarse con una dirección de mail. Una vez que lo hacemos, podemos agregar tantos sitios como queramos y cada uno de ellos será independiente. Si todo es normal, en cuanto coloquemos la URL de nuestro sitio, detectará el servicio donde lo tenemos alojado y nos abrirá la página de instalación correspondiente.

En Blogger se hace agregando un elemento que no es otra cosa que un script:
<script id="aptureScript" charset="utf-8" 
src="http://www.apture.com/js/apture.js?siteToken=XXXX" type="text/javascript"></script>
Lo único a tener en cuenta es que debe estar después de los posts así que si tenemos una sidebar izquierda, mejor lo colocamos en el footer o copiamos el código y lo ponemos manualmente antes de </body>. Terminado este paso, conviene que hagamos click en el botón Check Apture Script para verificar que hemos hecho las cosas bien.

A partir de este momento las opciones son realmente muchísimas y las podemos probar entrando en nuestro blog. Como es la primera vez que se ejecuta, aparecerá un video explicativo que podemos marcar para que no se reproduzca automáticamente cada vez que entremos en la página:


Al mismo tiempo aparecerá el editor que también podemos cerrar y controlar mediante una combinación de teclas que por defecto es CTRL+E. Con ese editor es con el que iremos agregando los enlaces.


Seleccionamos un texto o hacemos click entre párrafos para que se abra la ventana de selección y allí buscamos dentro de los contenidos predeterminados o usamos las herramientas dsiponibles:

Permite buscar contenido en la web.

Permite agregar enlaces o incrustar código de blogs, sitios web, video o multimedia.

Permite subir un archivo personal desde nuestra PC.

Crea un enlace.

También podemos usar las pestañas del panel para explorar los diferentes tipos de contenido.


Apture crea enlaces en cualquier parte de la página pero si queremos podemos limitarlo colocando las zonas donde funcionará entre dos etiquetas:
<span id="aptureStartContent"></span>
<span id="aptureEndContent"></span>
También es posible transformar los enlaces para que automáticamente usen el sistema, agregando una clase CSS:

class="aptureAutolink" activa el sistema automático para ese enlace
class="aptureNoAutolink" desactiva el sistema automático para ese enlace

Para realizar cambios o agregar enlaces lo que debemos hacer es entrar en nuestra cuenta de Apture y luego, usar el editor directamente en nuestro blog pero también podemos invitar a otros usuarios y darles cierto permisos para que ellos puedan agregar, editar o eliminar esos enlaces.

He estado haciendo algunas pruebas y realmente no sé que pensar; por un lado me parece una herramienta muy completa y original que en muchos casos puede facilitarnos el trabajo y amplia las posibilidades de una manera increíble; por otro, no me gustaría que se transformara en un nuevo juguete de esos que hacen que las páginas sean insoportables o que tengamos que colocar el mouse fuera de la pantalla para evitar tropezarnos con ventanitas intrusivas a cada rato.

es un video de YouTube.
es un MP3 seleccionado de Imeem.
es una página de la Wikipedia.
es una imagen que subí desde mi PC.
es una página web que indiqué específicamente.

Si es útil o inútil dependerá del uso que le demos pero creo que no pueden dejar de probarlo porque la experiencia vale la pena.

20 comentarios:

La Blogueria  

Hola! la verdad que tiene su punto de interés, sobre todo me ha gustado el poder escuchar la música directamente; pero este tipo de cosas, aplicadas a todos los enlaces, me parece intrusivo, hace incómodo el texto, marea.

Me ha dado la idea de crear tooltips con reproductor para los enlaces de música. Es lo que más me ha gustado. Pero no pondría algo así por defecto en el blog, y no me gusta encontrarlo cuando leo (será que sigo traumatizada por el snapshots).

Quizá, si la ventana fuese más ligera...

Saludos!

Responder
JMiur  

Este tiene una ventaja, no se coloca por defecto en ningún enlace a menos que uno quiera hacerlo, al contrario, hay que crear los enlaces uno por uno así que en una página pude haber uno, dos mil o ninguno.

Responder
La Blogueria  

¡Perfecto! Así, sí. Entonces una vez más, nos cargamos de opciones... ¿no duermes nunca?

Responder
JMiur  

Suelo dormir cuando escribo en el blog ¿no se nota? :D

Responder
Aretino  

Me esta dando cacao como decimos por aca. Me gusta sobretodo por el control que uno mantiene en el. Voy a seguir cacharreando, si no te pregunto...

Responder
Aretino  

ya le cogi el mani

Responder
Aretino  

Pero veo que solo funciona en post publicados. En los que estamos creando no. O estoy equivocado?

Responder
Ampa Almoradux  

Una pregunta.
Los enlaces a la wikipedia por ejemplo, me salen en ingles.
¿Hay alguna manera de que sean en español?
Gracias.

Responder
JMiur  

ARETINO:
parecería que funciona en post publicados, por lo menos esa es la forma de colocar los enlaces que probé. Sé que hay una manera de automatizar las cosas pero no la he probado.

Almoradoux:
Imagino que sí pero la verdad no te sabría contestar . Por ahora sigo investigando.

Responder
Aretino  

Almoradux:
si das clic en la wikipedia y resultados te da una ventana con los diferentes idiomas. Escoge el que creas conveniente

Responder
JMiur  

Muy bueno, Aretino, no lo había visto :)

Responder
Anónimo  

Si fuera al hacer click, y no al pasar el cursor sobre el enlace ... no lo pensaría 3 veces (sí, 3).

Me pareció interesante la primera vez que lo vi y hoy me decidí a probarlo. Creo que para evitar que se convierta en un jueguito lo más obvio sería usarlo en mesura.

No imagino cada link con este sistema. O_O

Responder
JMiur  

Es mi duda, me gusta pero ... no me decido. Como dijiste en un comentario, si sólo sirviera para la Wikipedia ya mismo lo estaría usando :D

Responder
Unknown  

hola, a mi me ha gustado mucho, lo he estado probando y hay opciones para el usuario, entre ellas la de de abrir la ventana solamente al hacer clic

al lado del logotipo de Apture en la ventana hay una "ruedecita" picas y surgen las opciones.

yo lo estoy poniendo en el blog, en su justa medida esta muy bien.

Responder
JMiur  

Gracias por la información, Ribhu. Es cierto, tiene muchas opciones y me parece que sin abusar es una excelente herramienta.

Responder
Anónimo  

Me gusta mucho jmiur, pero sabes, estoy mucho más interesado en el sistema que usaste acá:

http://vagabundia.blogspot.com/2008/07/jugando-con-la-geografa.html

----------------

y acá usaste otro similar:

http://vagabundia.blogspot.com/2008/07/ilias-sounas.html

-----------------

Cómo puedo lograr ese efecto de click and show flash?

Respecto a lo de amplificar el ancho del formulario comments, estoy trabajando en eso cuando tenga todo lo que sé listo y resumido te paso el dato.

Gracias por la excelente comunidad, salutes :p

Responder
JMiur  

Eso puedes mirarlo AQUÍ

Responder
Anónimo  

Gracias !!!

Responder
Dj's Club  

holas amigos, nose porq no aparece en mi blog, un abrazo http://thdjsclub.blogspot.com

Responder
JMiur  

En tu sitio se ven varios errores en los scripts así que cualquiera de ellos podría ser el causante. Por ejemplo, no puedes usar jQuery y Prototype+Scriptaculous juntos, son incompatibles asi que debes quitar uno de ellos.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR