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.
10 comentarios
Viernes, 16 de Mayo de 2008
Siento mi torpeza, pero me surgen dos problemas:
Para empezar, la página que me sale con solo instalar Apache es distinta, negra con un iphone, y luego al sustituir esos archivos de la carpeta por pdf me da error y no me deja abrirlos, que puedo estar haciendo mal? Muchas gracias David!
Viernes, 16 de Mayo de 2008
Por si alguien tiene mi problema, ya lo solucioné. El problema era que el apache es incompatible con tener instalado el Lighttpd, nada más. Un saludo
Domingo, 18 de Mayo de 2008
I Love You Parasaiiiiii!!!!
Ja ja ja, a pesar de que no me ha valido para el propósito principal (varios pdf de unos 25 MB cada uno) me encanta!! Me lo quedo!!!
Anda que no voy a fardar yo de semejante pijería.
Mil gracias por la paciencia demostrada.
Domingo, 18 de Mayo de 2008
Estupendo!! que buena!! Felicidades!!
Voy a ponerlo en practica a ver que tal.
La duda que me sale es que entonces cada pdf que metes debes de editr su enlace en codigo html en el idnex no?, so es un poco coñazo pero el resultado final es muy bueno y como eso si.
Aunque digo yo que como aparece en la segunda imagen ya podemos clickear sobre los arcivos y verlos no? es una vision mas cutre pero asi no tenemos que agregar enlaces al html…lo ideal seria que cada vez que agregues un pdf al direcorio, el index se autoactualice con los arcchivos que hay en su directorio, seguor que hay algun modo de hacerlo a base de implementar codigo
yo tengo idea pero basica.
Cualquier idea: grhosso@hotmail.com
Domingo, 18 de Mayo de 2008
Sí, rhoss, me temo que por cada documento que añadamos tendremos que referenciarlo en el index.html… (y digo documento porque podemos abrir cualquier archivo que se trague Safari, como imágenes o documentos de Word).
En cuanto descubra una forma mejor de leer PDFs en el iPhone os la cuento
Lunes, 19 de Mayo de 2008
La verdad que esta manera esta muy bien, no hace falta instalar app ni nada, lo malo es eso, seria lo suyo buscar una solucion para q el index actualizara la lista de documentos, pero eso es cuestion de buscar codigo en php, es cuesiton de buscar un poco e implementar…
Por cierto tengo una problema y es que cuando edito el index.html coloc el codigo que das en el articulo pero no me aparece el entorno grfico del iphone, como en la imagen, sino que aparece to cutre como una pagina web… me explico? me hace falta instalar algo, algun plugin o algo?
Gracias.
saludos!
Lunes, 19 de Mayo de 2008
Pero una solución como la que comentáis que actualice el directorio ayudaría a consumir mas batería.
Una pregunta si instalas Apache el proceso esta abierto permanentemente no? Lo digo porque también se resentirá la batería no?
Lunes, 19 de Mayo de 2008
Pues no sé hasta que punto puede resentirse, pero yo aún no he notado nada… si así fuera podríamos probar con lighttpd, que es más liviano.
Jueves, 4 de Septiembre de 2008
Hola!
Yo no lo consigo! tengo un problema con el apache, y cuando escribo http://localhost/ en el safary, me dice que no encuentra el servidor.
lo he probado a instalar y desinstalar muchas veces. pero no lo consigo. k puedo hacer??
Jueves, 4 de Septiembre de 2008
¿Y si pones http://127.0.0.1?
Dejar un comentario en “Cómo crear un visor de PDFs para iPhone e iPod Touch”
Por favor, intenta que tu comentario esté relacionado con la entrada. Procura escribir de manera clara y haciendo uso de signos de puntuación, de forma que los demás participantes puedan leerte sin problemas. Respeta todas las opiniones y no caigas en el insulto o la agresión.
Además, puedes utilizar las etiquetas HTML más comunes para dar formato al texto o incluir enlaces a otros sitios, así como los símbolos más extendidos para emoticonos.