Comment faites-vous des diapositives pour des discussions de programmation? [fermé]


22

J'ai donné quelques conférences récemment et je n'ai pas trouvé un bon moyen de faire des diapositives. Voici quelques caractéristiques souhaitables pour la programmation de diapositives:

  • Ce sont des diapositives. Un tampon emacs standard ne le fera pas.
  • Ils ont une coloration syntaxique pour le code.
  • Ils prennent en charge la mise en forme de base , comme la taille et la couleur de la police et les puces.
  • Aucune animation de fantaisie requise. La seule animation que je désire est une apparition une à une des balles.
  • EDIT: Il devrait être facile de passer alternativement du terminal aux diapositives sans détruire la séquence / position de présentation.

Jusqu'à présent, j'ai considéré:

  • Microsoft Office - hors de question pour les utilisateurs Linux.
  • OpenOffice.org - trop pour mes besoins, le formatage / surlignage du code doit être fait en externe et collé. Du côté positif, il prend en charge les puces, l'animation puce par balle et la mise en forme des polices. À ma connaissance, il n'y a aucun moyen de contourner le fait que l'alt-tab du terminal détruit le mode et la position de présentation.
  • Emacs - Prend en charge tout le formatage du code mais je n'ai pas trouvé de mode diapositives qui me permette de passer d'un morceau à un autre.
  • HTML5 - J'ai déjà fait des diapositives en utilisant html5rocks comme modèle. Il prend tout en charge, mais est trop difficile et prend trop de temps pour «rassembler» quelques diapositives avant un discours mineur. De plus, les fonctionnalités html5 uniquement peuvent ne pas fonctionner sur le navigateur installé de l'ordinateur podium.

Avez-vous des suggestions de programmes / techniques pour faire des présentations centrées sur le code?

EDIT: Je pense que S5 et Latex sont plus dans l'esprit de ce que je recherche, mais cela ne veut pas dire que les autres suggestions (y compris ne pas utiliser du tout de diapositives) sont "mauvaises".



La prise en charge d'Open Office à peu près tout ce que Power Point générerait. Combien d'ordinateurs de présentations n'ont pas de fenêtres en cours d'exécution?
Ramhound

Mon commentaire sur les ordinateurs podium était uniquement pour HTML5. Je suis d'accord que OpenOffice.org n'a pas de problème de portabilité sérieux avec les ordinateurs de podium.
Yuvi Masory

Réponses:


7

LaTeX est bon pour faire des diapositives et est très pratique pour les personnes qui savent programmer. Il y a quelques packages de diapositives, comme décrit par exemple sur /tex/16204/which-package-to-use-for-presentations-beamer-prosper-or-other . La coloration syntaxique est également disponible .


2
Certaines personnes ne jurent que par le beamercolis. Et ils vont trébucher sur eux - mêmes pour vous aider avec elle à plus tex.se .
Andrew Arnold

Pour ceux qui n'y sont pas habitués, le latex peut être très problématique. La courbe d'apprentissage pour le latex est beaucoup plus élevée que pour le bureau.
apoorv020

@ apoorv020: Vrai, mais LaTeX n'est pas très compliqué, pour les programmeurs. Avec LaTeX, vous obtenez une flexibilité que les traitements de texte ne fournissent pas; le fait que la source ressemble presque à un petit programme (par opposition à un format compliqué) est également un avantage.
Eric O Lebigot

Et pour les graphiques dans vos diapositives Beamer, je recommanderais d'utiliser Tikz: texample.net/tikz/examples
SK-logic

Le lien est rompu
teivaz

4

La chose importante à propos du code sur les diapositives est qu'il y en a très peu, donc la police peut être grande. Comme peut-être une ligne ou deux lignes, pour que les gens puissent se souvenir du nom de la méthode. La meilleure façon d'afficher du code au-delà d'une ou deux lignes est dans une démo, puis parfois après la démo j'ai une diapositive qui répète les lignes de code vraiment importantes pour que la syntaxe (ou autre) soit renforcée.

Une fois que vous vous en rendez compte, vous disposez de tonnes d'options. Le plus rapide est probablement de prendre une capture d'écran dans votre éditeur de la ligne ou des deux qui comptent, et de coller la photo recadrée dans votre diapositive. Je sais que cela signifie que les gens ne peuvent pas copier et coller directement à partir de leur copie de vos diapositives dans leur éditeur de texte. Si c'est un problème, donnez-leur le code (ou un fichier d'extraits) à télécharger.


4

Pour être honnête, je pense que la plupart des programmeurs veulent aller droit au but sans trop de fantaisie. Je pense que faire un diaporama Open Office rapide ne serait vraiment pas si mal. Cela n'a vraiment pas besoin d'être compliqué.


3

Avez-vous essayé de ne pas utiliser de diapositives pour la présentation?

Bien qu'il puisse être difficile de s'y adapter, même s'il convient de noter que les diapositives n'ont pas été aussi longues, cela pourrait mieux servir vos présentations si vous supprimez simplement les diapositives et que vous vous concentrez à vous assurer que les participants ont une copie à jour du code avant la présentation afin qu'ils puissent suivre. Ensuite, vous pouvez concentrer toutes les diapositives sur celles nécessaires aux informations à grande échelle (par exemple, les diagrammes de base de données) et vous assurer que les participants auront leur propre copie du code à suivre.


Pourquoi le vote négatif?
rjzii

2
Je soutiendrai l'abandon des diapositives en faveur de la discussion. Toutes les meilleures discussions que j'ai eues ont été complètement sans diapositives ou n'ont utilisé que des diapositives sans texte. Le cerveau humain est terrible à lire et à énumérer en même temps; par conséquent, montrer du texte tout en parlant divise l'attention du public et réduit ainsi la compréhension et la rétention.
smithco

1
+1 De plus, lorsque je parle à un petit public (3 à 6 personnes), j'imprime simplement du code / UML / des schémas ou tout ce qui serait utile pour illustrer mon propos sur des feuilles de papier au format A3. Nous nous asseyons autour d'une table et tout le monde peut annoter les grandes "diapositives" imprimées.
mouviciel

3

Logiciel pour les présentations centrées sur le code

Pourquoi vous souciez-vous du logiciel à utiliser pour créer vos diapositives? Comme vous n'avez pas besoin d'animations fantaisistes, vous pouvez choisir ce que vous voulez.

La plupart de mes présentations ont été réalisées avec Microsoft Word. Parce que je ne comprends pas ce que PowerPoint m'apportera. Parce que je ne veux pas passer dix minutes à installer PowerPoint. Sur mes diapositives, il y a du texte et un arrière-plan. C'est facile à faire avec Microsoft Word ou toute autre application similaire.

Pour éviter la situation où Microsoft Office n'est pas installé sur la machine que j'utiliserai pour afficher les diapositives et pour rendre les choses un peu plus élégantes, je convertis un document Microsoft Word en PDF et définit les options pour le démarrer en plein écran mode, une page à la fois.

Le seul problème est que si le ratio d'écran n'est pas le même que le ratio de taille de page que j'ai défini, il y aura une bordure noire, ce qui est moche. PowerPoint ou des applications similaires peuvent probablement résoudre ce problème.

Techniques pour les présentations centrées sur le code

Le seul point majeur: utilisez toujours la coloration syntaxique. Tout simplement parce que cela rend votre code plus facile à lire. N'inventez pas non plus votre propre coloration syntaxique. Si vous montrez code C # pour les développeurs Windows, int doit être bleu, et Int32 doit être sarcelle, parce qu'il est par défaut système Visual Studio, utilisé par la plupart des gens. Le jaune pour intet le vert pour Int32sur l'écran noir peuvent être agréables pour vous, mais vous ne faites pas la présentation pour vous, mais pour d'autres personnes.

Si je peux donner quelques conseils, mettez plus de code que de texte. Pour un développeur, c'est ennuyeux d'avoir beaucoup de texte dans une présentation centrée sur le code, surtout quand un locuteur parle de code. C'est comme pour un biologiste de parler d'une espèce nouvellement découverte et de ne jamais en montrer d'image ou de photo.

C'est aussi un peu ennuyeux de regarder des diapositives pendant deux heures. Si vous le pouvez, faites des démos en direct. Écrivez du code ou copiez-collez du code. Bien sûr, si vous faites cela, cela nécessite une énorme préparation: échouer complètement une démo de Hello World devant des centaines de développeurs à cause d'une stupide erreur de compilation que vous ne comprenez pas n'est pas la plus jolie chose à avoir.

Enfin, regardez comment les autres développeurs font des présentations. Microsoft PDC par exemple est un grand événement pour cela. Je suis sûr que dans le monde non-Microsoft, vous pouvez également trouver de nombreux événements similaires.


+1 pour la conversion en pdf à partir de MS Office. Sérieusement, c'est comme ça que tout le monde le fait à mon collège, et je n'ai entendu parler d'aucun problème.
apoorv020

Je déteste les présentations avec beaucoup de texte. Le public est là pour vous écouter, pas pour pratiquer une lecture synchrone en groupe. Si vous devez vraiment afficher les extraits de code, les retirer de toutes les choses non pertinentes jusqu'à une forme de pseudocode et utiliser des moyens graphiques pour souligner votre point - c'est-à-dire des flèches, des animations, etc. Je ne sais pas comment faites cela dans Word. Beamer en latex + Tikz vous permet de faire exactement cela, sans aucun effort.
SK-logic

0

En fait, la technologie ne devrait pas vraiment avoir d'importance, mais je suis partial pour les présentations Google Documents

Donnez-vous des aperçus ou des présentations détaillées sur la façon de taper?

Pour les aperçus, n'oubliez pas de garder les diapositives courtes et précises. Le contenu doit provenir de ce que vous dites et les diapositives doivent être des indices / aides visuels limités. (Clés à retenir / Graphiques / Graphiques / etc.)

Pour les trucs pratiques, j'utilise rarement des diapositives . Je m'assure qu'il y a quelque chose à dessiner avec (chevalet / tableau blanc) et j'enseigne par l'exemple (c'est-à-dire: projetez votre écran et racontez-le pendant que vous codez).


0

1) J'ai créé une page de présentation en ligne pour mon partage hier: les
étapes sont ici: http://ru05team.blogspot.com/2011/02/using-jekyll-hyde-and-heroku-for.html

ce sont les joyaux rubis pour générer la page Web des diapositives, en utilisant la syntaxe de démarque.
pratique que vous créez une fois, et vous pouvez l'utiliser pour le présenter et le partager après l'événement.
et je les ai déployés sur heroku, hébergement gratuit.

2) pour une présentation centrée sur le code.
- citez votre code avec <pre> <code>.
- ou ... partagez votre extrait de code dans github. puis inclure l'essentiel dans vos fichiers de présentation.
ils présenteront joliment et toujours disponibles pour que les gens google et le voient.


désolé d'avoir raté une raison importante pour laquelle je les ai utilisés et pourquoi j'aime la présence sur le Web. J'écris Ruby pour ma vie et la plupart de mes applications sont des applications Web. et le programme pour générer les diapositives que j'ai mentionné est un joyau rubis. ce qui a également ajouté une certaine réputation. et je voulais créer une fois, et ensuite ça pourrait être partagé immédiatement avec le public. j'ai donc choisi cette solution de page Web. vous avez peut-être quelque chose de similaire dans votre langage de programmation préféré?
3dd13

voici le site officiel: jekyll et hyde github et une démo: diapositives de présentation dont vous n'avez pas besoin d'écrire de code. il vous suffit de taper le contenu
3dd13

0

Envisagez d'écrire une entrée de blog dans un moteur de blog approprié, puis imprimez-la simplement dans un fichier PDF à l'aide du zoom et du mode paysage.

De nombreux moteurs de blog prennent en charge la coloration syntaxique et les images, etc. Peut-être pourriez-vous simplement écrire une très longue question Stackoverflow et l'imprimer :)

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.