Sincronizar diapositivas de presentación basadas en web con Impress.js e Impressr [Quicktip]

He dado charlas sobre Desarrollo Web y WordPress en algunas universidades y escuelas y un problema común que enfrento durante una presentación es que la audiencia que está cerca de la multitud apenas puede ver mis diapositivas. Puse un poco de reflexión en esto: ¿cómo puedo tomar las diapositivas de la presentación más claras, sin embargo, mantener al orador y los asistentes en la misma página?

Encontré una solución, que permite al público ver las diapositivas de presentación en su propio dispositivo y una forma de sincronizar los contenidos de las diapositivas en sus dispositivos, con lo que quiero pasar mientras estoy en el escenario. He aquí cómo hacer esto.

Creando las diapositivas

Sin embargo, para hacer esto, en lugar de Keynote o PowerPoint, necesitamos crear la diapositiva con Impress.js.

Impress.js te permite crear diapositivas de presentación basadas en web y viene con efectos de animación que son más impresionantes que lo que puedes encontrar en Keynote o PowerPoint. De hecho, si eres una persona experta en CSS3, puedes crear tu propia animación personalizada (prueba la demostración aquí).

"Pero, ¿y si no entiendo CSS, JavaScript y HTML?"

Luego, puede usar Strut, una aplicación web para crear sus diapositivas Impress.js con GUI . La aplicación todavía está en beta en este momento, pero está funcionando bien. Puede insertar texto, imagen o video arrastrando y soltando, similar a Keynote o PowerPoint. También puede cambiar el fondo, los colores, la familia de fuentes y su tamaño.

Una vez que haya terminado de crear sus diapositivas de presentación, puede hacer clic en el gran botón verde en el lado derecho que dice Impress . A continuación, presione Comando + S (Ctrl + S en Windows) para guardar las diapositivas.

Sincronización de diapositivas

Ahora haremos que las diapositivas se sincronicen. La idea de usar Impress.js para construir las diapositivas es permitir que las diapositivas sean accesibles en la computadora portátil o dispositivos móviles. El público también puede tener una vista cercana e incluso interactuar con las diapositivas. Mientras recorre las diapositivas, los cambios que realice en las diapositivas (como pasar a la siguiente diapositiva) se reflejarán en sus dispositivos en tiempo real.

Para hacer esto, necesita una biblioteca de JavaScript llamada Impressr.js. Esta biblioteca fue publicada hace dos años. Aún así, funciona bien y es muy fácil de usar. Descargue la biblioteca, luego agregue lo siguiente dentro de la etiqueta principal.

Luego, agregue lo siguiente para inicializar Impressr.

 $ ("# contenedor-diapositiva"). impressR ({proxyName: 'presentation'}); 

Asegúrese de seleccionar el elemento correcto que envuelve inmediatamente las diapositivas. La opción proxyName se puede establecer en cualquier cosa, siempre que sea una cadena (texto sin formato).

Ahora la diapositiva debe sincronizarse en tiempo real en cada dispositivo con su presentación abierta. Tenga en cuenta que todos los dispositivos requieren estar conectados a la misma red . Para probarlo, puede abrir la diapositiva en dos navegadores diferentes. Aquí, como ejemplo, abrí la diapositiva en Chrome y Firefox.

También puedes probarlo en dispositivos móviles.

YouTube ingresa al espacio de la televisión con YouTube TV

YouTube está a punto de hacer su primera jugada en el negocio de la televisión ya que la compañía ha revelado que lanzará un nuevo servicio en los próximos meses: YouTube TV.Disponible exclusivamente en los Estados Unidos, YouTube TV es el primer intento de la compañía de proporcionar un servicio similar a la televisión. En el l

(Consejos de tecnología y diseño)

15 fuentes gratuitas para aprender el lenguaje de programación Swift

Si todavía no lo sabe, Apple ha introducido un nuevo lenguaje de programación llamado Swift en la WWDC de este año, junto con el nuevo Mac OS X Yosemite. Swift tiene como objetivo simplificar los códigos utilizados en las plataformas Apple iOS y OS X. A pesar del nuevo nombre, Swift es compatible con las raíces de predecesores como C, Objective-C y el marco Cocoa Touch.Si h

(Consejos de tecnología y diseño)