Category: interactividad

Leonardo interactivo

Los esfuerzos de la Biblioteca Nacional de España (BNE) van, paso a paso, produciendo algunos frutos de gran interés. Aquí presentamos el Leonardo interactivo, uno de los dos únicos libros interactivos que, junto al Quijote interactivo, ha publicado hasta ahora la BNE.

El Leonardo interactivo permite ver los Códices Madrid I y II del genial Leonardo da Vinci, con las siguientes funciones interactivas: imágenes legibles de izquierda a derecha (página espejo, flip horizontal), transcripciones en italiano y español, visualizaciones en video de algunos diseños, páginas más destacadas, índice, búsquedas, navegador de miniaturas, compartir en redes sociales, imprimir y una interesantísima sección de ‘Saber más’.

Aprovecho para añadir los enlaces a algunos proyectos digitales relevantes de la BNE:

  • Biblioteca Digital Hispánica: colecciones. La Biblioteca Digital Hispánica es la biblioteca digital de la Biblioteca Nacional de España. Proporciona acceso libre y gratuito a miles de documentos digitalizados, entre los que se cuentan libros impresos entre los siglos XV y XIX, manuscritos, dibujos, grabados, folletos, carteles, fotografías, mapas, atlas, partituras, prensa histórica y grabaciones sonoras.
  • Biblioteca Nacional Escolar. La BNEscolar es una colección de más de 8.500 recursos digitales, seleccionados de entre la colección de Biblioteca Digital Hispánica por su interés para docentes y educadores.
  • Biblioteca Digital del Patrimonio Iberamericano.  Proyecto de la Asociación de Bibliotecas Nacionales de Iberoamérica (ABINIA) que tiene como objetivo la creación de un portal que permita el acceso desde un único punto de consulta a los recursos digitales de todas las bibliotecas participantes. Hasta el momento el diseño y la creación del portal ha recaído en manos de la Biblioteca Nacional de España (BNE).
  • Hemeroteca Digital. Forma parte del proyecto Biblioteca Digital Hispánica, que tiene como objetivo la consulta y difusión pública a través de Internet del Patrimonio Bibliográfico Español conservado en la Biblioteca Nacional de España. Proporciona acceso público a la colección digital de las revistas y prensa histórica española que alberga la BNE.

Inicio de publicaciones en la iBookstore de Apple

Inicio de publicaciones en la iBookstore de Apple

El libro La Aldehuela, de Lope de Vega ya se encuentra disponible en la tienda Apple iBooskstore por tan solo 0,99 euros. 
Puedes acceder al libro en la iBookstore a través de este enlace:
http://itunes.apple.com/es/book/la-aldehuela-lope-de-vega/id477666819?mt=11&ls=1
o haciendo clic sobre la imagen 

La Aldehuela, Lope de Vega

La Aldehuela, Lope de Vega 
Presentamos un libro clásico en formato EPUB interactivo, fixed-layout. Se trata de la edición del profesor Ricardo Serrano Deza de la comedia de Lope de Vega titulada ‘La Aldehuela’.
En ‘La Aldehuela’, Lope de Vega nos presenta, con brillantez, un episodio de la España de finales del siglo XVI en clave de comedia: los amoríos del Duque de Alba y una aldeana de La Aldehuela, en Ávila, desarrollados en el atractivo marco de la España Imperial.

Américo Castro en ‘De la edad conflictiva’ dice: “El español del siglo XVI se sintió lanzado de golpe a una vida en escala mayor, y brincó desde su estrechez aldeana hasta los últimos límites del “teatro del mundo”. Al éxito seductor se arribaba por vía del merecimiento personal o de la proeza súbita, no por la mutación despaciosa de las cosas y de las ideas, sin conexión directa con las virtudes de la persona. Se solicitaban mercedes de Dios, del rey o del gran señor. El ámbito de lo merecible y la conciencia de ser merecedor iban dilatándose a medida que avanzaba el siglo XVI.”
En ‘La Aldehuela’, Lope muestra que el éxito no tenía conexión directa con las virtudes de la persona, sino con la cuna o las decisiones del gran señor, otorgando mercedes o quitando haciendas a su antojo.
La introducción y notas del profesor Ricardo Serrano Deza hacen que la lectura de esta obra sea una experiencia amena y divertida, además de muy enriquecedora para toda persona que le guste el teatro clásico español.

En este enlace os podéis descargar una versión preliminar de la misma donde podréis apreciar alguna función interactiva sobre EPUB que he incorporado para acceder a las notas mediante ventanas emergentes (popups).

Si alguno de los improbables lectores de este blog tiene interés en el libro, lo podrá encontrar completo en la Apple iBookstore, para su descarga, por el módico precio de 0,99 euros. 
Como siempre, cualquier comentario será bienvenido.

Five steps to produce interactive epub books for children

The following basic steps can be useful if you want to produce epub books for children:
  1. Download Calibre application and convert your book from pdf to epub format. Do not expect a nice result after conversion. It will be just a starting point from which you have to work on
  2. Download Sigil and open your epub book to clean it up, add images, text, etc.
  3. Learn how to zip/unzip epub files, work with xhtml files inside an epub, and zip it again.
  4. Add interactivity using JavaScript. For instance, tapping on any word from the text, the associated image fades in as a popup, tapping on the image again to dismiss it. Same effect with audios and videos.
  5. Add other EPUB3 and HTML5 functionalities. For instance, objects moving around when you change your iPad orientation, etc.
Enjoy!

Appstore vs. iBookstore

Recientemente me han preguntado si mis libros epub interactivos eran aplicaciones para la appstore o bien eran libros epub para la iBookstore.

Los libros de la appstore son aplicaciones informáticas tan espectaculares y sofisticadas como los antiguos CD-ROM Multimedia. Sin embargo, ambos adolecen del mismo defecto: son juegos para iPad o para PC cuyo hilo conductor no es el texto, sino la interacción con el usuario a través de múltiples acciones que sólo están relacionadas con la lectura del libro de forma marginal.

Por el contrario, los libros epub de la iBookstore se centran en el texto y apenas ofrecen al lector otras opciones que mejoren la experiencia de leer un libro. Por defecto, pulsando sobre la pantalla del iPad se pueden marcar páginas, buscar palabras en el libro, consultar el diccionario (por el momento sólo en inglés), búsquedas externas (que por ahora te hacen salir de la lectura del libro si, por ejemplo, quieres buscar en Google), accesos a enlaces… y poco más.
Los libros epub interactivos en los que estoy trabajando, algunos de cuyos ejemplos muestro en este blog, tratan de recoger lo mejor de ambos mundos. En primer lugar, el hilo conductor del libro es el texto, como parece lógico. En segundo lugar, el libro adapta contenidos digitales al formato epub incluyendo funciones interactivas (video, sonido, imágenes, referencias, búsquedas…) que enriquecen la experiencia del lector.



En resumen, los libros epub interactivos se dirigen a lectores que buscan seguir el texto como hilo conductor y que quieren utilizar las posibilidades que les ofrece la tecnología para interactuar con el libro de forma no intrusiva. El objetivo es enriquecer la experiencia del lector incorporando al texto funciones interactivas que complementen su lectura, sin interrumpirla ni obstaculizarla, incluso cuando el lector decide buscar la explicación detallada de un término, escuchar un sonido o contemplar un video incluido en el libro.

Interactive epub books for children… with video

The following images show how to implement interactivity on epub books. This example is illustrated with some pages from children’s classic picture book Where the Wild Things Are, by Maurice Sendak.

When the reader tap on any word from the text, the associated image of the page will fade in as a popup. Tap on the image again to dismiss it.


If instead of tapping on the image, you double-tap, the image is shown in full screen. With a new double-tap, it returns back to text.
And now, showtime…
I have added a very nice video of the book, found on Youtube, to the epub file. Video works on iBooks on iPad and the outcome is really, really cool.


Libros interactivos en el iPad para niños

Una nueva prueba de concepto: un libro epub para niños que incorpora funciones que permiten interactuar con el libro de una manera novedosa.
Las siguientes ilustraciones muestran cómo visualizar las imágenes del libro Where The Wild Things Are, de Maurice Sendak, a medida que el lector pulsa sobre el texto en su iPad. 

Pulsando en el texto de cada página, aparece una ventana con la imagen del libro relacionada. 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.


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.