Cómo crear un visor de PDFs para iPhone e iPod Touch

Guías, iPhone / iPod Touch — By David Durán on Mayo 16, 2008 at 3:22

No suelo utilizar el iPhone para leer archivos PDF, pero a raíz de la consulta de una lectora he pasado la tarde investigando la forma más cómoda de visualizarlos, ya que nunca me convenció enviármelos por correo para visualizarlos con Mail o instalar PDFViewer. Y finalmente puedo decir que he dado con la solución casi perfecta. En mi caso, va a cambiar de forma radical mi relación con los PDFs y el iPhone.

Para que os hagáis una idea de lo que vamos a hacer, la clave reside en Safari y la posibilidad de acceder a los archivos que tenemos en nuestro dispositivo a través de él. No obstante, esta funcionalidad viene capada de serie, por lo que tendremos que realizar alguna instalación adicional. Por último, configuraremos un par de detalles que elevarán la tonta idea inicial a la cota de aplicación.

En primer lugar, y para que todo lo demás sea posible, es imprescindible que instaléis Apache (un servidor web) a través del Installer. Gracias a esta aplicación podríais servir páginas web alojadas en vuestro iPhone o iPod Touch a todo aquel que conociera la dirección IP del dispositivo. La mejor forma de saber si se ha instalado correctamente es abrir Safari, teclear http://localhost en la barra de direcciones y comprobar que se muestra el mensaje de bienvenida:

 

 

Al escribir localhost en Safari, lo que estamos haciendo es explorar el contenido del directorio /Library/WebServer/Documents de nuestro iPhone o iPod Touch, aunque por el momento sólo hay un par de archivos que la instalación de Apache ha colocado por nosotros. De hecho, nada nos impide acceder a ese directorio a través de SSH, borrar su contenido, copiar algunos archivos PDF y disfrutar de un rudimentario visor. Desde luego, es la solución más rápida, pero quizá carece del estilo que tiene el resto de la interfaz de Apple:

 

 

Llegados a este punto, lo ideal sería que cada uno hiciera gala de sus conocimientos de HTML y CSS para crear una página de acceso a los PDFs un poco más digna. No obstante, si no sabéis programación web o simplemente no os apetece, a continuación os doy los recursos necesarios para perfeccionarlo.

 

1. iUI

Se trata de un pequeño paquete publicado por Joe Hewitt (uno de los creadores de Firefox) e incluye archivos CSS y JavaScript que imitan el aspecto y facilitan la creación de aplicaciones web para la plataforma táctil de Apple. Para instalarlo, basta con descomprimir el archivo y copiar la carpeta iui en el directorio donde copiaremos los PDFs (/Library/WebServer/Documents).

 

2. index.html

Este es el archivo HTML que debéis abrir y modificar para listar los PDFs que habéis copiado al iPhone o iPod Touch. No os asustéis, porque realmente se trata de un archivo muy sencillo y donde solamente se siguen dos reglas principales:

- Para crear un separador que agrupe un conjunto de elementos de la lista hay que utilizar la línea <li class=”group”>Nombre del grupo</li>

- Para crear un elemento de la lista (esto es, un enlace a un PDF), basta con escribir <li><a href=”Ruta del archivo” target=”_top”>Nombre del documento</a></li>. Por ejemplo: <li><a href=”MacworldMayo.pdf” target=”_top”>MacWorld (mayo)</a></li>

Al final, esto es lo que se consigue. ¿Increíble, verdad?

 

 

3. Webclip

Por último, ¿no sería fantástico poder acceder a este listado directamente desde el escritorio como si de una aplicación más se tratara, en lugar de guardarlo como un favorito de Safari? Para ello os ofrezco la siguiente imagen (que tenéis que guardar con el resto de archivos bajo el nombre de apple-touch-icon.png para que sea la escogida a la hora de crear el webclip en el escritorio.)

 

 

Y nada más. Espero vuestros comentarios.

Tags: PDF, visor