Sincronizza diapositive di presentazione basate sul Web con Impress.js e Impressr [Quicktip]

Ho tenuto discorsi sullo sviluppo Web e WordPress in alcune università e scuole e un problema comune che mi viene in mente durante una presentazione è che il pubblico vicino al retro della folla difficilmente può vedere le mie diapositive. Ci ho pensato: come posso rendere più chiare le diapositive della presentazione, ma mantenere l'oratore e i partecipanti sulla stessa pagina?

Ho trovato una soluzione che consente al pubblico di guardare le diapositive della presentazione sul proprio dispositivo e un modo per sincronizzare i contenuti delle diapositive sui propri dispositivi, con quello che voglio passare mentre sono sul palco. Ecco come farlo.

Creare le diapositive

Per fare ciò, invece di Keynote o PowerPoint, dobbiamo invece creare la diapositiva con Impress.js.

Impress.js ti consente di creare diapositive di presentazione basate sul Web e include effetti di animazione più impressionanti di quelli che puoi trovare su Keynote o PowerPoint. In effetti, se sei una persona esperta di CSS3, puoi creare la tua animazione personalizzata (prova la demo qui).

"Ma cosa succede se non capisco CSS, JavaScript e HTML?"

Quindi, puoi utilizzare Strut, un'applicazione basata sul Web per creare le tue diapositive Impress.js con la GUI . L'app è ancora in beta al momento, ma funziona bene. È possibile inserire testo, immagini o video trascinandoli, come Keynote o PowerPoint. Puoi anche cambiare lo sfondo, i colori, la famiglia di caratteri e le sue dimensioni.

Dopo aver creato le diapositive della presentazione, puoi fare clic sul grande pulsante verde sul lato destro che dice Impress . Quindi premere Comando + S (Ctrl + S in Windows) per salvare le diapositive.

Sincronizzazione di diapositive

Ora faremo sincronizzare le diapositive. L'idea di usare Impress.js per costruire le diapositive è di consentire l'accesso alle diapositive su laptop o dispositivi mobili. Il pubblico può anche avere una visione ravvicinata e persino interagire con le diapositive. Mentre scorri tra le diapositive, le modifiche apportate alle diapositive (come il passaggio alla diapositiva successiva) si rifletteranno sui loro dispositivi in ​​tempo reale.

Per fare ciò, hai bisogno di una libreria JavaScript chiamata Impressr.js. Questa biblioteca è stata pubblicata due anni fa. Anche così funziona ancora bene ed è molto facile da usare. Scarica la libreria, quindi aggiungi il seguente all'interno del tag head .

Quindi, aggiungere quanto segue per inizializzare Impressr.

 $ ("# slide-container"). impressionR ({proxyName: 'presentation'}); 

Assicurati di selezionare l'elemento corretto che avvolge immediatamente le diapositive. L'opzione proxyName può essere impostata su qualsiasi cosa purché sia ​​una stringa (testo normale).

Ora la diapositiva dovrebbe sincronizzarsi in tempo reale su ogni dispositivo con la tua presentazione aperta. Si noti che tutti i dispositivi richiedono di essere connessi alla stessa rete . Per testarlo, puoi aprire la diapositiva in due diversi browser. Qui, ad esempio, ho aperto la diapositiva in Chrome e Firefox.

Puoi anche provarlo su dispositivi mobili.

Suggerimenti e trucchi avanzati per una migliore privacy e sicurezza online

Con i social network e un sacco di posti per trascorrere del tempo online è importante essere consapevoli delle misure di sicurezza che è possibile adottare e quali sono le insidie ​​da evitare . Con la configurazione di riserva predefinita dei tuoi sistemi e browser, dovresti essere sicuro, ma se sei abbastanza sicuro dipende da quanto seriamente prendi la tua sicurezza e privacy online.La ne

(Consigli tecnici e di design)

Effetto positivo dello spazio negativo in fotografia

Lo spazio negativo può dare alla tua fotografia un'atmosfera completamente diversa rispetto all'altra fotografia dello stesso soggetto. L'assenza di contenuto non significa l'assenza di interesse. In effetti, lo spazio negativo aggiunge spesso interesse in quanto può porre un'enfasi più forte sul soggetto e può evocare efficacemente le emozioni . Lo

(Consigli tecnici e di design)