background preloader

Modèles de présentations HTML5 pour remplacer PowerPoint

Modèles de présentations HTML5 pour remplacer PowerPoint
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. 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. Les commentaires sont bien sûr là pour compléter cette liste et nous faire partager vos expériences sur le sujet ! Démonstration GitHub C'est par cet outil que j'ai découvert les alternative possible à la grande maladie des entreprises du 21em siècle: PowerPoint. L'exemple fourni sur le GitHub permet de bâtir simplement un jeu de slide. Démonstration GitHub Démonstration

Internet, la révolution virtuelle Date de diffusion : 1er mai 1982 Avant que l'Internet tel que nous le connaissons n'apparaisse, d'autres expériences avaient été réalisées vers la fin des années 1970 au Canada et ailleurs pour permettre aux gens de communiquer en réseaux, par le biais de leur télévision ou de leur ordinateur, un mariage baptisé télématique. Au Canada, explique Michel Cartier dans le cadre de l'émission Aujourd'hui la science, le projet Télidon fut un des premiers du genre. Télidon, qui avait Antiope-Minitel (France Télécom) en France et Prestel (British Telecom) en Grande-Bretagne comme féroces concurrents, n'a pas réussi à s'implanter auprès de la population. Les clients ont plusieurs réserves : il y a trop peu de contenu, le système est trop lent et la technologie est trop chère (le décodeur coûte entre 1000 $ et 2000 $ au début des années 1980). Le gouvernement canadien cesse de financer le projet Télidon en 1985. Avant Internet, il y avait... • Arpanet est le réel ancêtre d'Internet. Média : Radio

Utiliser Prezi à l'école - LeWebPédagogique Il y a quelques années, un drôle de mot avait fait vibrer ma fibre de pédagogue. Ce mot, simplexité, est un concept mis en avant par Alain Berthoz (professeur au collège de France) dans un livre paru en 2009. Dans plusieurs domaines, on s’est emparé de ce terme (sciences, design, marketing, …) issu de la contraction entre « simplicité » et « complexité ». La simplexité consiste à rendre simple ce qui est compliqué sans en perdre pour autant sa richesse. Pour l’enseignant, c’est l’art de faire comprendre à ses élèves quelque chose de compliqué. Mais faire simple n’est jamais facile. Prezi, le petit éditeur qui monte, qui monte… En mai 2012, un article du site vousnousils (« Enseigner avec Prezi pour dynamiser ses cours ») pointait l’intérêt de recourir à cet outil pédagogique : « La majo­rité des ensei­gnants a aujourd’hui rem­placé les vieux rétro­pro­jec­teurs à trans­pa­rents par des Powerpoint vidéoprojetés. Qu’est-ce que Prezi ? Utiliser Prezi à des fins pédagogiques #1 : Restez sobre.

Le professeur, le diaporama et la classe Nous arrivons au terme de notre série d'articles consacrés à la présentaiton orale avec support visuel. Dans un premier article, nous avons passé en revue tout ce qu'il ne fallait pas faire dans un diaporama: Dans le deuxième, nous avons au contraire mis en valeur les bonnes pratiques et le renouvellement du support de cours sur diapos. Il nous reste cette semaine à aborder la question de l'attitude de l'enseignant lui-même, élément capital sur lequel repose au moins 80 % du succès de sa séquence. Faites l'expérience suivante : Préparez un magnifique diaporama de support de cours, programmez le défilement en mode automatique, lancez-le... et quittez la salle. Restez derrière la porte et écoutez ce qui se passe : après quelques minutes, vos élèves ou étudiants vont commencer à parler, à bouger; aussi bonnes vos diapos soient-elles, elles ne retiendront pas longtemps l'attention du groupe. Cette expérience peut paraître consternante de stupidité. Soignez le fil narratif Commencez fort ! ...

Meograph. Creer des histoires multimedia Meograph est un outil tice en ligne qui permet de créer des histoires multimédia facilement. Meograph est un outil de « storytelling » qui met à la portée d’un enseignant ou d’un élève la création d’un clip qui associe du son, une frise chronologique, une carte, et des illustrations qui peuvent être des photos ou des vidéos. C’est pour cela que Méograph se présente comme créateur d’histoires en quatre dimensions. Le principal atout de cet outil gratuit, c’est sa simplicité d’utilisation. Pas besoin d’un mode d’emploi compliqué, l’interface et la table de montage de votre histoire multimédia sont d’une ergonomie et d’un usage simples et faciles. On crée une histoire en suivant un pas-à-pas proposé par la plateforme. Méograph vous propose un enregistrement directement depuis son interface, mais vous pouvez aussi uploader un Mp3. Dans la classe. Meograph pour l’éducation est gratuit et mérite amplement que vous le testiez. Lien : Meograph. Sur le même thème

Cours XSS - Tutoriaux Hack - Apprendre le hacking La fonction echo() de PHP permet l'affichage de texte. Ce texte peut être représenté par une variable qui sera définie lors de l'appel de la page via une chaine de requête : Sur la page 4.php inclue dans casimir.php du site www.victime.net, on aura à l'emplacement du titre ce code :<?php echo $titre ? Au bout du compte, cette page aura pour titre "Recette du Goubli-Boulga". Changez maintenant l'URL dans la barre d'adresse : La page aura donc maintenant pour titre "Recette du Poulet au chocolat bleu". Vous avez donc pus écrire vous-même sur la page de la victime. Pour vérifier si le Webmaster n'a pas pensé à sécuriser son code, voici comment faire : Si la page affiche une boite de dialogue avec inscrit "C'est du billard", c'est que c'est du billard :), vous vous êtes trouvé une victime ! - Comment sécuriser tout ça ?

Pearltrees : la bibliothèque aux 100 milles curateurs Lorsqu’on lui demande quel est son parcours, il pousse un soupir “j’ai fait pas mal de choses” : ingénieur, chercheur en sociologie, consultant en stratégie dans les médias…. L’idée de Pearltrees lui serait venue alors qu’il publiait un papier dans la revue française de sciences politiques en 2006 sur la théorie des réseaux mais qui “n’avait rien à voir avec le web”. A l’époque, on se demandait si des initiatives comme Wikipedia et Youtube allaient fonctionner. Deux ans plus tard, Pearltrees, est “un petit projet dans un appart en 2008”. Il part de ce constat simple : il y a énormément de contenu sur le Web, comment laisser l’internaute se l’approprier en l’organisant à sa guise ? Une bibliothèque augmentée Tout d’abord Pearltrees permet d’organiser le contenu que vous visitez sur le Web. Le pearltrees de TedX Paris Rajoutez y une pointe de curation et l’on obtient cette nouveauté qui fait mouche. « Organiser le contenu comme une bibliothèque, mais ouverte .»

12 Tools To Create Powerful Presentations About two weeks ago, I wrote an article about representing information in form of an infographic. You can read the article here: 17 Fantastic Infographic Generators! Today, in this article I would write about another form of representing information i.e. through a presentation. Presentations have an important place in the corporate world. Apart from the corporate world, presentations are used in education as well. While its hard to replace professional presentation designers, here is a list of some powerful tools that would help you to create interactive presentations in case of the absence of professional help. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. ejfox/sStory Forum Info PC

Related: