background preloader

Create MultiTouch Presentations And More Without Coding

Create MultiTouch Presentations And More Without Coding

http://www.intuilab.com/

Related:  intuilab

Narrable. Creer un diaporama sonore en ligne Narrable est un nouvel outil web2 qui va faire parler vos images. Narrable permet de faire des diaporamas sonores très facilement. Narrable se présente lui même comme un outil de storytelling. Il s’agit de vous permettre de raconter une histoire en images, mais aussi avec votre voix. Le service vous propose ainsi d’enregistrer vos commentaires sur vos images grâce au micro intégré à votre ordinateur. L’utilisation de Narrable est on ne peut plus simple. Slidebean : replacez le contenu au centre de vos présentation Slidebean fait partie des services Web que vous devez avoir dans vos favoris. Fondé en 2013, cette jeune startup située au Costa Rica réinvente et d’une façon originale la création des présentations en ligne et cela en quelques clics. L’équipe est composée de 4 personnes, à la tête de cette startup Jose Cayasso (@cayajose) CEO de slidebean et TEDx Speaker. Leur démarche soulève des points qui sont fondamentaux dans les usages et les outils aujourd’hui : « Qu’est-ce qui est essentiel dans une bonne présentation ?

Modèles de présentations HTML5 pour remplacer PowerPoint - Le blog de NicoLargo Suite à mon track sur la supervision lors de la première journée de SophiaConf 2012, j'ai eu pas mal de question par mail sur le logiciel utilisé pour concevoir mon support. J'ai en fait utilisé une présentation 100% HTML5 basée sur l'outil Impress.js, lui même inspiré de Prezi. Je ne trouve que des avantages à ce type de présentation. En effet, en mettant de coté le dynamisme et l'aspect "fun", on manipule un format standard, lisible sur n'importe quel navigateur digne de ce nom (je dois avouer que Impress.js, fonctionne beoucoup plus fluidement sur Chromium que sur Firefox). Nous allons dans ce billet découvrir un panel de solutions équivalentes permettant, moyennant une bonne connaissance du langage HTML et de CSS, de concevoir des présentations originales sans avoir à installer aucun logiciel sur votre machine mis à part un éditeur de texte et un navigateur Web. Bref une solution 100% libre, basée sur des standards !

Comment créer un diaporama : Conception et scénarisation réussie Créer un diaporama, est-ce vraiment si simple ? Dans un processus d’apprentissage comprenant cet apport numérique, comment ne pas fatiguer l’apprenant et comment soutenir son attention pour faciliter l’apport de compétences et de connaissances ? François Jourde, enseignant de philosophie dans le secondaire, propose un dossier utile : Conceptualiser et scénariser un diaporama pour l’enseignement (59 pages, à voir ci-dessous). Réaliser un diaporama pour faciliter les apprentissages Réalisé pour les enseignants et les étudiants de l’Université Lyon 1, cette séquence pédagogique basée sur l’expérience de l’enseignant délivre une méthode pour réaliser un diaporama facilitant les apprentissages.

Bootstrap Slider - Bootstrap Basic Linear Sample Basic Linear Transition & Bootstrap Style Bootstrap slider Ce slider au design propre et moderne se marierait parfaitement à un site conçu avec Boostrap. Il n'utilise que du blanc (mais on peut changer ce paramètre aisément avec WOWSlider), et il marche très bien avec les images sombres et rentre-dedans. Ce slider n'utilise pas de bordure ou d'effet d'ombre, et les images apparaissent donc de façon précise et propre, avec une petite couche sombre sur les côtés, qui permet aux éléments UI de se démarquer et donnent un aspect tranchant à l'ensemble. Ce slider commence son diaporama immédiatement, mais on peut le mettre en pause en passant le curseur sur une diapo. Le diaporama recommence quand vous sortez du slider ou interagissez avec les UI.

25 diaporamas et galeries d’images flexibles et gratuits De plus en plus d'internautes consultent le web sur des appareils mobiles : smartphones et tablettes tactiles. Il convient donc d'adapter les blogs et les sites internet à ces nouveaux médias, afin d'offrir à leurs utilisateurs un réel confort de navigation. Deux solutions s'offrent à vous : soit créer une mise en page spécifique pour chaque support, soit adopter un design responsif, dont la mise en page varie selon la taille de l'écran. L'un des éléments-clé d'une page d'accueil réussie est un diaporama constitué de quelques images, textes ou vidéos en défilement automatique, qui apporte à votre page animation et de dynamisme.

PhotoSwipe: La galerie d'images moderne et complète à connaître PhotoSwipe est une bibliothèque Javascript open source permettant de créer des galeries photos avec une ergonomie recherchée et des fonctionnalités modernes. Les usages et technologies évoluent, et les galeries photos aussi ! Qu'est-ce qu'une bonne galerie photo Javascript aujourd'hui ? Une galerie Responsive, légère pour un chargement optimal, avec des contrôles intuitifs (souris, clavier, molette...), compatible mobile et tactile, facilement partageable sur les réseaux sociaux, lightbox et zoom sur images, avec des animations subtiles... Voici en gros un résumé de PhotoSwipe, un nouveau venu parmi les galeries photos Javascript.

Réaliser et publier de courtes animations avec Tellagami Les outils numériques facilitent la mise en œuvre des « quatre C » pédagogiques (pensée Critique, Collaboration, Créativité et Communication) et permettent de varier les séquences pédagogiques. Les applications mobiles de créations audio-visuelles peuvent en ce sens s’intégrer de multiples façons dans les séquences de cours. Tellagami en est excellent exemple. Tellagami est une application très simple d’utilisation, fonctionnant sur les terminaux mobiles (ordiphones et tablettes iOS et Android), gratuite à ce jour. Tellagami permet de synchroniser un enregistrement vocal aux mouvements d’un personnage virtuel (d’aspect configurable avec quelques options), dans un décor choisi. La vidéo finale peut être directement publiée en ligne (sur le site de l’application) ou sauvegardée dans la bibliothèque de l’appareil mobile (puis exportée).

Related: