En el episodio de hoy respondo a vuestras preguntas, pero antes déjame que os recuerde que Tenolitas.com es un servicio de asesoramiento low cost donde podéis contratar vuestro plan de asesoramiento tecnológico por el precio de un par de cafés y hacer vuestras preguntas para poder contar con mi ayuda y poner en marcha vuestro negocio digital.
Esta semana Juan Carlos me ha preguntado que cómo podría convertir un documento PDF en uno de estos libros que se ven en un navegador web y que pasan las páginas así como si fuera un efecto de 3D, como si cogieras la hoja desde una esquina y la voltearas curvando un poco la hoja como se hace en la realidad con un libro.
Bueno pues estos libros o este efecto, esta técnica de convertir documentos en este tipo de libros se llama Flipping Book y realmente hubo una primera herramienta hace ya unos cuantos años que estaba bastante de moda desarrollada en Flash que es una tecnología que a día de hoy ya está descontinuada, obsoleta y que no hay soporte para Adobe Flash, por lo tanto la herramienta de Flipping Book que en su día era en Flash pues ya está en desuso y se usa en muy pocos sitios porque Flash tenía unos problemas de seguridad que no se podrían resolver fácilmente.
Ahora mismo hay ya otras herramientas, otras librerías, incluso plugins para WordPress que hacen Flipping Book en HTML5 que es realmente lo que nos interesa.
Y cómo funciona esto de Flipping Books, pues realmente hay que coger el documento PDF, subirlo a una de estas herramientas, hay algunas herramientas en la web que dejaré en las notas del programa o el plugin de WordPress que es la opción que yo le he ofrecido a Juan Carlos porque necesitaba una gestión de varios documentos y libros que me parecía mejor que era ordenarlos dentro de un gestor de contenidos como WordPress y que así el propio cliente pudiera subir sus libros y convertirlos y hacer las configuraciones del libro como más le guste, por lo tanto la opción que voy a explicar en este episodio es la opción de este plugin para WordPress.
Pero vamos a ver un poco la dinámica de todas estas herramientas, ya sea el plugin o las herramientas que hay online te van a permitir subir el libro y una vez que lo subes hacen la conversión de las páginas a lo que es el Flipping Book que es una animación en HTML5 pero lo bueno es preservando toda la capacidad del texto del libro, por lo tanto puedes buscar en el libro o incluso seleccionar parte del texto, copiarlo y pegarlo en otro documento así que el libro digamos que es como funcionar 100%.
Como os digo es importante que la tecnología sea HTML5 y no Flash que es una tecnología descontinuada y en desuso y que ya no tiene soporte y la mayoría de aplicaciones que he visto que están utilizando esta nueva herramienta en HTML5 para dar este efecto de volteo de página usan una librería en JavaScript que se llama ZoomJS, Zoom de girar o pasar página y en realidad esta librería pues tiene el efecto de curvar las superficies planas para dar este efecto de vuelta de hoja.
Concretamente el plugin que he utilizado para responder a esta pregunta es 3D Flipbook que podéis encontrar en 3DFlipbook.net, os dejo el enlace en las notas del programa y que existe como un plugin jQuery por si queréis implementarlo directamente en página HTML en vuestra web HTML5 que no sea WordPress o una aplicación que esté hecha en PHP y que tengáis la necesidad de mostrar estos libros con estas características de paso de página pues podéis utilizar el plugin jQuery y implementarlo vosotros mismos o bien montar un WordPress y montar el plugin de WordPress.
También hay una versión para VPBakery que es un PageBuilder para WordPress, un PageBuilder es un maquetador visual de páginas para WordPress, esto tendría sentido quizá en las versiones anteriores de WordPress donde el maquetador de página era un poco precario y teníamos que hacer prácticamente con HTML y pues el uso de Elementor y VPBakery y otros maquetadores visuales tenía bastante más justificación que ahora que Gutenberg pues ya te deja maquetar las páginas pues prácticamente como estos maquetadores visuales y podéis utilizar VPBakery si queréis usar un PageBuilder que no os lo recomiendo porque luego estos PageBuilder tienen otras connotaciones negativas a la hora de migrar el tema o de cambiar el tema de la web pues porque tienen bastante locking y generan una serie de códigos de shortcuts dentro de WordPress que vais a ir arrastrando pues seguramente en cualquier migración que queréis hacer del tema, esto lo trataremos seguramente en otro episodio específico de este tipo de maquetadores.
Podéis usar directamente el plugin de WordPress y lo que hace este plugin es crearos un nuevo post type dentro de WordPress que sería el libro y le dais a añadir, os permite subir un PDF, una vez que lo habéis subido pues tendréis una serie de configuraciones si queréis que la página pase plana, si queréis que se curve, que colores queréis para las pastas del libro, la portada, el fondo, de tal manera que podéis hacer una personalización del visor y lo que va a hacer este plugin dentro de WordPress es que para cada uno de los libros que subáis va a crear una página con este visor que va a poder enseñaros cada uno de los libros.
La ventaja de usar este plugin que no hay que implementar nada si buscas esta tecnología para añadirsela a tu programa y sois programadores pues podéis usar directamente librerías como TuneJS o cualquier otra librería gráfica que permita este efecto, pero si queréis digamos mostrar los PDFs con un poquito más de gracia visual que podría ser este efecto del libro pues no tenéis que implementar nada, ponéis el plugin tenéis la potencia de todo el CMS por detrás de esta herramienta de visualización y es muy fácil de gestionar la biblioteca de libros porque subes los PDFs y ya está y cada PDF te va a hacer una página y para eliminar los PDFs que no quieras que se sigan viendo pues eliminas la página, la mandas a la papelera o la eliminas definitivamente para eliminar el libro de tu web y puedes como te digo controlar pues muchos aspectos de las propiedades estéticas del libro, colores de fondo, bordes, el nivel o el porcentaje de página que se curva o que no se curva cuando quieres hacer un paso de página tienes también la capacidad de que los usuarios puedan imprimir o descargar el libro o puedes evitar que lo impriman y lo descarguen por lo tanto que tengan que visitar tu página web para ver el libro y esto realmente es uno de los atractivos de esta forma de visualizar libros que si quieres tener la gracia de tener un libro como aparentemente eres un libro en la vida real pues a lo mejor te interesa desactivar la opción de descarga y de impresión para que el usuario pues no coja el PDF y lo lea pues en un lector de PDF normales sin ninguno de los efectos visuales que aporta este este producto y bueno pues espero que si alguno tiene la necesidad de tener este libro como ha tenido Juan Carlos pues pueda disponer de del plugin, instalarlo y veréis que es todo todo muy fácil.
En este episodio también quiero hablaros de que he implementado una serie de microservicios dentro de Tecnolitas para todos aquellos ingeniosos de sistemas que se quieran preocupar y un poco esto viene a raíz del episodio del otro día de local que hay ingeniosos que os queréis ocupar exclusivamente de la implementación WordPress del diseño de la programación y no queréis andar instalando migrando un WordPress de un sitio a otro haciendo mantenimiento de los servidores virtuales de los vps en el hosting pues se ha agregado una serie de microservicios de muy bajo coste dentro de del tecnolitas.com en el que puedes contratar la instalación de tu WordPress, me das el acceso a tu vps y yo te lo instalo.
La ventaja es que te lo voy a instalar por consola ssh con línea de comandos y no tienes que contratar el Plesk o el cpanel dentro de tu hosting virtual.
Un cpanel que es un panel de control de configuraciones que te da acceso a la base de datos, a crear los directorios web, asociar el dominio y todo eso que yo hago a través de línea de comando tiene un coste mensual que por lo tanto incrementa el coste mensual o anual dependiendo del contrato que tengas con tu hosting de tu vps.
Si hacemos este servicio pues una instalación de WordPress que se hace por línea de comando no tienes que pagar el cpanel o el panel de control que utilice cada uno de los hostils, hay varios modelos de este tipo de paneles de control y te vas a ahorrar ese coste además de tener más controlada la instalación.
También he añadido un servicio de migraciones por si queréis cambiar un sitio WordPress de un hosting a otro y también un servicio de mantenimiento WordPress que se puede contratar mensual o anualmente de forma recurrente porque es un mantenimiento, es un servicio que se da a lo largo del tiempo pues si no te quieres preocupar de las actualizaciones, de las herramientas, de tu vps, de las actualizaciones de los plugins de tu WordPress, de hacer copias de seguridad y prefieres que me encargue yo de estas tareas tediosas pues puedes ir a la página web en www.tenolitas.com en el apartado de servicios microservicios y aquí verás un poco la descripción de estos servicios y su coste.
¡que tengas un Ingenioso dia!
—
