Synchroniser les diapositives de présentation Web avec Impress.js et Impressr [Quicktip]

J'ai donné des conférences sur le développement Web et WordPress dans quelques universités et écoles, et un problème courant auquel je suis confronté lors d'une présentation est que le public à l'arrière de la foule peut difficilement voir mes diapositives. J'y ai réfléchi: comment est-ce que je peux clarifier les diapositives de la présentation, tout en gardant le conférencier et les participants sur la même page?

J'ai trouvé une solution, qui permet au public de regarder les diapositives de présentation sur leur propre appareil, et un moyen de synchroniser le contenu des diapositives sur leurs appareils, avec ce que je veux traverser sur scène. Voici comment faire.

Créer les diapositives

Pour ce faire, au lieu de Keynote ou PowerPoint, nous devons créer la diapositive avec Impress.js à la place.

Impress.js vous permet de créer des diapositives de présentation basées sur le Web et des effets d'animation plus impressionnants que ceux que vous pouvez trouver sur Keynote ou PowerPoint. En fait, si vous êtes un expert en CSS3, vous pouvez créer votre propre animation personnalisée (essayez la démo ici).

"Mais, et si je ne comprends pas CSS, JavaScript et HTML?"

Ensuite, vous pouvez utiliser Strut, une application Web pour créer vos diapositives Impress.js avec GUI . L'application est encore en version bêta pour le moment, mais elle fonctionne bien. Vous pouvez insérer du texte, une image ou une vidéo par glisser-déposer, similaire à Keynote ou PowerPoint. Vous pouvez également modifier l'arrière-plan, les couleurs, la famille de polices et sa taille.

Une fois que vous avez créé vos diapositives de présentation, vous pouvez cliquer sur le gros bouton vert sur le côté droit qui indique Impress . Appuyez ensuite sur Commande + S (Ctrl + S dans Windows) pour enregistrer les diapositives.

Synchronisation des diapositives

Nous allons maintenant synchroniser les diapositives. L'idée d'utiliser Impress.js pour créer les diapositives est de permettre aux diapositives d'être accessibles sur des ordinateurs portables ou des appareils mobiles. Le public peut également avoir une vue rapprochée et même interagir avec les diapositives. Lorsque vous parcourez vos diapositives, les modifications apportées aux diapositives (comme passer à la diapositive suivante) sont répercutées sur leurs appareils en temps réel.

Pour ce faire, vous avez besoin d'une bibliothèque JavaScript appelée Impressr.js. Cette bibliothèque a été publiée il y a deux ans. Même si cela fonctionne toujours bien et est très facile à utiliser. Téléchargez la bibliothèque, puis ajoutez ce qui suit dans la balise principale.

Ensuite, ajoutez ce qui suit pour initialiser Impressr.

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

Assurez-vous que vous sélectionnez l'élément correct qui enveloppe immédiatement les diapositives. L'option proxyName peut être définie sur n'importe quel élément tant qu'il s'agit d'une chaîne (texte brut).

Maintenant, la diapositive devrait se synchroniser en temps réel dans chaque appareil avec votre présentation ouverte. Notez que tous les périphériques doivent être connectés au même réseau . Pour le tester, vous pouvez ouvrir la diapositive dans deux navigateurs différents. Ici, à titre d'exemple, j'ai ouvert la diapositive dans Chrome et Firefox.

Vous pouvez également l'essayer sur des appareils mobiles.

50 beaux thèmes Tumblr triés sur le volet

Tumblr est l' une des plateformes de médias sociaux les plus intéressantes et accueille des personnes créatives qui aiment partager leurs pensées et leurs idées avec des personnes de même intérêt. Cependant, pour attirer plus de visiteurs sur votre blog, vous avez besoin d'un thème Tumblr attrayant que vous pouvez également personnaliser - et c'est ce sur quoi porte cet article.Dans ce p

(Conseils techniques et de conception)

5 façons d'être productif (même lorsque vous êtes à la pige)

La carrière freelance typique, illustrée, ressemblerait probablement à une vague. Il a des «crêtes», où vous avez plus que suffisamment de travail pour vous aider à continuer, et des «creux», où vous avez peu ou pas de travail dans votre assiette.Pendant les périodes «creux» - ou «périodes de famine», si vous voulez - vous devez être très prudent car c'est quand vous êtes le plus vulnérable à être contrarié, désespéré, et prêt à prendre n'importe quel travail, peu importe comment dégradant le travail et / ou le salaire, aussi longtemps que vous pouvez vous en sortir. Mais tu sais quoi?

(Conseils techniques et de conception)