Interactividad aplicada: manuscrito, primera edición y texto

Interactividad aplicada a la lectura de un libro digital significa, entre otras cosas, implantar funciones que permitan al lector, interactuar con el texto del libro pulsando sobre enlaces a imágenes, notas a pie de página, palabras poco conocidas, nombres de personas, personajes históricos, ciudades o cualquier otra palabra que tenga un enlace incorporado. 
De nuevo trabajando sobre el libro La Dama Boba, de Lope de Vega (ver entrada), presento a continuación una interesante aplicación de funciones interactivas mediante Javascript con eventos popup.
Las siguientes ilustraciones muestran cómo visualizar las imágenes del manuscrito de la obra o de la primera edición, cuando el lector pulsa sobre las opciones correspondientes, simbolizadas por cajas en la parte superior de la pantalla. 
Pulsando en la caja ‘Manuscrito’, aparece una ventana con la imagen de la página correspondiente en el manuscrito. Pulsando de nuevo sobre la ventana, se cierra y se vuelve al texto original.



Si en lugar de pulsar en la ventana, se hace doble-click, aparece la imagen a pantalla completa. En el iPad esta imagen se puede ampliar a voluntad con el gesto de los dos dedos. Con un nuevo doble-click, se vuelve al texto.



Del mismo modo, pulsando en la caja ‘Primera Edición’, aparece una ventana con la imagen de la página correspondiente a la edición de 1617, Doze Comedias de Lope de Vega sacadas de sus originales por él mismo – Novena Parte. Pulsando de nuevo sobre la ventana, se cierra y se vuelve al texto original.



Si se pulsa sobre cualquier otra palabra resaltada como enlace (hyperlink), aparece una ventana con la descripción de dicha palabra. Pulsando de nuevo sobre la ventana, se cierra y se vuelve al texto original.



Implementing interactivity in epub for iBooks (English version of ‘Interactivity, that is the question’)

Following an example on the blog of Liza Daly, JavaScript and interactivity in iBooks, I realized that iBooks supports JavaScript-based interactivity in epub content. Liza’s article refers also to Nicholas Gallaguer’s blog, and the article Pure CSS speech bubbles
I am implementing some interactive features to my books in epub format, which I find very interesting indeed. Here are some of them taking as an example some pages of the book La Dama Boba, by Lope de Vega (see post). In this example, I added some JavaScript-based event handlers.
First, I give priority to the digitized text, as one would expect. Now images of the manuscript only appear as a pop-up when you click on the ‘Manuscrito’ box located at the top of the screen.

If you tap on the hyperlinked word ‘Manuscrito’, an image of the page will fade in as a popup. Tap on the image again to dismiss it and return to the original text.

If instead of tapping on the image, you double-click, the image is shown in full screen. With a new double-click, it returns back to text. 

Second, in the same way as explained above, this system of pop-ups can incorporate references to footer, notes, definitions of uncommon words, references to places, references to historical people, and so on. If you tap on the hyperlinked words in the text, an annotation will fade in as a popup. Tap on the annotation again to dismiss it and return to the original text.

I think this example opens up a world of possibilities for implementing interactivity to enhanced ebooks.

Interactivity, that is the question

Siguiendo un ejemplo publicado en el blog de Liza Daly, JavaScript and interactivity in iBooks, estoy implantando algunas funciones interactivas a mis libros en formato epub, que realmente me parecen muy interesantes. A continuación presento algunas de ellas tomando como ejemplo una página del libro La Dama Boba, de Lope de Vega (ver entrada).
En primer lugar, el hilo conductor en la lectura del libro es el texto digitalizado, como no podía ser menos. Ahora las imágenes del manuscrito sólo aparecen como una ventana pop-up cuando, a medida que se va leyendo el texto, el lector pulsa la opción ‘Manuscrito’ que se encuentra en la parte superior de la pantalla.

Pulsando en la palabra ‘Manuscrito’, aparece una ventana con la imagen de esa página en el manuscrito. Pulsando de nuevo sobre la ventana, se cierra y vuelves al texto original.

Si en lugar de pulsar en la ventana, se hace doble-click, aparece la imagen a pantalla completa. Con un nuevo doble-click, se vuelve al texto.

En segundo lugar, de la misma manera a la explicada anteriormente, mediante este sistema de pop-ups se pueden incorporar referencias a ‘pies de página’, notas, definiciones de palabras poco frecuentes, referencias de lugares, referencias a personajes históricos, etc.


Creo que esta sencilla prueba nos abre un mundo de posibilidades a la interactividad
Seguiremos por este camino, siempre confiando en que algún improbable lector pueda aportar alguna sugerencia en cuanto a funciones interesantes a incorporar, ideas sobre mejoras en interactividad, etc.