psi-slides · zurück zur Startseite · This page in English
Im Raum
Die Vorlesung läuft, der Saal ist voll, und an der Wand steht die Datei, die heute Morgen gebaut wurde. Das hier ist die Stunde von hinter dem Laptop aus: was passiert, und was man drückt, wenn es passiert.
Das hier ist nicht die Tastenliste. Die trägt die Vorlesung selbst, auf ?, nach Aufgaben sortiert und mit den Mausgesten neben den Tasten. Sie entsteht beim Bauen und ist deshalb nie veraltet. Was sie nicht sagen kann, ist, wonach man greift, wenn es im Saal still wird – und davon handelt diese Seite.
Nichts davon braucht einen Server oder ein Netz. Die beiden Fenster finden sich im Browser; die Uhr, die Notizen, der Stand der Vorlesung und alles Getippte bleiben auf dem Rechner, an dem man steht. Eine Vorlesung vom USB-Stick, in einem Raum ohne WLAN, verhält sich wie diese hier – bis auf das eine, was hinausgreift: ein eingebettetes Video von einem Hoster.
Zwei Fenster
Die Projektion geht an die Wand. Mit S öffnet man das Cockpit in einem zweiten Fenster; das bleibt auf dem Laptop. Was man in einem der beiden drückt, kommt in beiden an.
Die beiden reden über den Nachrichtenkanal des Browsers, zwischen dem Fenster, das geöffnet hat, und dem, das geöffnet wurde. Kein Server, kein Port, kein Kopplungscode – und darum läuft es von einem Stick.
Die eigene Notiz zu dieser Folie steht unter dem
Spiegelbild der Projektion, in einer Größe, die man mit den zwei Knöpfen in
ihrer Ecke einstellt. Sie kommt gefüllt aus den > note:-Zeilen
der Quelle; Shift-N lässt sie während des Vortrags
umschreiben, nur für einen selbst.
Was kommt, steht in der Leiste am Rand: die nächsten Folien, vollständig aufgedeckt, damit man sieht, wo eine landet, bevor man dort ist. Ihre Kante lässt sich ziehen; wer sie lieber als Spalte hätte, schiebt sie an den rechten Fensterrand.
Die Uhr sitzt über der Ecke des Spiegelbilds, groß genug zum Lesen ohne Vorbeugen. Sie läuft, seit das Fenster offen ist – zehn Minuten zu früh, wenn man früh da war; ein Klick stellt sie auf null. Pausieren kann sie nicht: Eine pausierte Uhr geht nach einem vergessenen Klick den Rest der Stunde falsch.
Ein Druck nach dem anderen
Eine Vorlesung bewegt sich in Schritten, nicht in Folien. Mit Space bringt man die Folie einen Schritt weiter; erst wenn auf dieser nichts mehr übrig ist, geht der Druck zur nächsten Folie. Von Folie zu Folie kommt man mit den Pfeiltasten, von Teil zu Teil mit Shift und einem Pfeil.
Woher die Schritte kommen
Eine Zeile aus genau drei Strichen, allein stehend, öffnet einen Schritt. Was danach steht, wartet, bis man es abruft, und was der Saal schon gesehen hat, bleibt, wo es war.
Eine Zeichnung zählt genauso: Eine Abbildung mit Schritten läuft auf derselben Taste, und ein Schritt in einer Spalte, einer Karte oder einer Zeile kommt in der Reihenfolge, in der er in der Datei steht.
## example: The handshake | four messages {.wide #tls}
**It opens with a client hello.** The client
names the versions and the ciphers it can speak.
---
**The server answers with a certificate.** Which is
where the rest of the hour is going to be spent.
> note: Ask who has ever looked at one of these.Mit C tauscht man die kurze Folie gegen den ganzen Text. Der Saal sieht normalerweise den ersten Satz jedes Absatzes und die fett gesetzten Wendungen – der Rest der Prosa steht im Handout. Drücken, wenn eine Frage den weggelassenen Satz braucht, und noch einmal drücken, um zurückzugehen. Beide Fenster folgen.
Auf # entscheidet man, was mit einer zu großen Folie passiert. Drei Zustände, ein Druck nach dem anderen: den Rahmen füllen, verkleinern nur dann, wenn die Folie sonst hinausliefe, oder sie bei der selbst gewählten Größe lassen. +, - und 0 machen dasselbe von Hand, für die letzte Reihe.
Das andere Cockpit, für einen ausgeschriebenen Vortrag
Ein Wort für Wort ausgeschriebener Vortrag, mit fast nichts auf den Folien, wird anders gehalten als eine Vorlesung, und K richtet das Fenster dafür ein: die Projektion klein in der Leiste links, die eigenen Notizen als Karten auf einer Spur rechts. Das ist ein Modus, in den man wechselt und in dem man bleibt, keine Klappe, die man aufmacht – und er ändert, was Space tut.
Man geht Karte für Karte weiter, und erst wenn die Karten
dieses Schritts aufgebraucht sind, klickt der Druck den Projektor weiter.
Unten stehen vier Drücke auf einer Folie, je eine Aufnahme. Auf dieser Folie
steht eine Zeichnung mit eigenen Schritten, und drei ihrer Karten benennen den
Druck, zu dem sie gehören, mit > note: from 1,
from 2 und from 3: Zwischen den Schritten einer
Zeichnung steht keine Drei-Strich-Zeile, hinter die eine Notiz passen
würde.
wenn die Folie aufgeht
Die Karte, die gerade gesagt wird, steht groß. Darunter in Grau, was noch kommt; dazwischen die Rauten, eine je Klick auf den Projektor.
ein Druck
Die Karte darüber ist grau geworden, der Druck hat den Projektor erreicht, und ein Kasten der Zeichnung ist verblasst.
zwei
Die nächste Karte, und die beiden Kästen, um die es auf ihr geht, sind in der Zeichnung angekommen. Ein Druck hat beides bewegt.
drei
Die letzte der an einen Schritt gehefteten Karten. Was gesagt ist, steht über dem Punkt, was übrig ist, darunter.
Ein Absatz in einer Notiz wird zu einer Karte, seine Fettungen
werden zu ihren Stichpunkten. Fett gehört, was man sehen will, nicht, was man
betonen will. Ein Absatz ohne Fettung steht ganz da, in kleinerem Schriftgrad,
und eine ####-Überschrift darüber gibt der Karte einen Titel.
Wo die Notiz steht, entscheidet, wann sie gesagt wird. Eine Notiz über der ersten Drei-Strich-Zeile gehört zu dem Schritt, mit dem die Folie aufgeht, eine darunter zu dem Schritt, den diese Zeile öffnet. Nichts muss von Hand zugeordnet werden, und eine ältere Vorlesung zeigt ihre Notizen auf dem ersten Schritt, wie zuvor.
@12:30 am Anfang einer Karte ist der
Zeitpunkt, zu dem man dort sein wollte. Das Cockpit zeigt dann neben der
Uhr, wie weit man davon entfernt ist, auf zehn Sekunden gerundet und rot,
wenn man hinterher ist.
Eine Vorlesung ohne solche Marken zeigt dort nichts – die Marke hält
sich also heraus, bis man sie will.
Eine Frage zu Folie vierzig
Jemand fragt nach etwas von vor einer halben Stunde. Zwei Wege dorthin, beide über der Projektion selbst, und beide lassen einen mit Esc wieder dort stehen, wo man war.
Mit O legt man die ganze Vorlesung als Tafel aus, in beiden Fenstern zugleich: Der Saal sucht mit, statt beim Scrollen zuzusehen. Die Suche auf / bleibt im Cockpit, bis man einen Treffer auswählt.
Wenn die Folie nicht der Punkt ist
Die halbe Vortragskunst besteht darin, die Aufmerksamkeit von der Wand zu nehmen und wieder hinzulenken. Drei Tasten und eine Mausgeste tun das, und keine davon ändert, wo man in der Vorlesung steht.
Die Projektion friert man mit V ein. Die Wand behält ihre Folie, während man woanders nachsieht – drei Folien weiter, in einem weggeklappten Detail, wo auch immer die Antwort steht. Noch ein Druck, und der Saal kommt in einem Schritt dorthin, wo man jetzt ist.
Die Anzeige ist der Knopf: In der Fußzeile des Cockpits steht live oder frozen, und ein Klick darauf tut dasselbe wie die Taste.
Mit B macht man die Projektion schwarz. Die Wand geht aus, und der Saal schaut stattdessen einen selbst an. Das geht auch, während die Projektion eingefroren ist: Es ist eine Anweisung an den Projektor, keine Absprache zwischen den Fenstern.
Der Laserpunkt hat keine Taste. Man bewegt die Maus über das Spiegelbild im Cockpit, und an derselben Stelle der Wand erscheint ein Punkt – man zeigt auf die Folie auf dem eigenen Bildschirm, in der Größe, die sie dort hat, und der Saal sieht, wohin.
Für eine Live-Demo auf der Projektion drückt man D. Man wählt ein Fenster oder einen Bildschirm des eigenen Rechners aus, und es füllt den Rahmen, bis man wieder D drückt – das Terminal, in dem man gerade tippt, kann also an der Wand stehen, ohne die Bildschirme zu spiegeln und auf dem Rückweg die Fensterpositionen zu verlieren.
Auf einem Mac scheitert die erste Aufnahme, während macOS nach der Freigabe für die Bildschirmaufnahme fragt; ein zweiter Druck auf D läuft dann. Besser einmal vor dem Vortrag ausprobieren als vor dem Saal.
Auf die Folie schreiben
Mit N öffnet man ein Feld, das den Rahmen füllt, und was man tippt, ist die Folie, während man tippt. Ein Wort steht groß und mittig, mehrere Zeilen als Block, ASCII-Grafik behält ihre Spalten.
Steht eine Adresse darin, erscheint über den Worten ein QR-Code, in der Seite selbst gezeichnet: Der Saal nimmt den Link mit dem Telefon mit, statt ihn abzuschreiben.
Ein Link in einer Vorlesung öffnet keine Seite. Er legt die Adresse mit ihrem QR-Code auf beide Bildschirme, gezeichnet beim Bauen der Vorlesung, und man redet weiter. Nichts lädt, und der Tab mit den eigenen Mails bleibt, wo er war.
Ein Video läuft im Rahmen, aus der Datei selbst, und beide Fenster bleiben bei Abspielen, Pause und Position im Gleichschritt. Nur ein YouTube- oder Vimeo-Embed muss einen Dritten erreichen, und dafür muss die Vorlesung über einen Server laufen statt als Datei geöffnet zu werden.
Was im Saal geschrieben wurde, kommt zurück in die Quelle
Die Notizen, die an der Wand getippt wurden, sind Entwürfe und liegen im Browser, je Vorlesung. Sie sind es wert, aufgehoben zu werden: Was ein Saal einen aufschreiben lässt, ist meistens das, was der Folie fehlte.
Zwei Schritte, nach der Stunde
Shift-E im Cockpit drücken: Jede an der Wand getippte Notiz geht als markierter Block in die Zwischenablage, danach die Frage, ob die Entwürfe gelöscht werden sollen. Sagt man nein, bleiben sie – eine blockierte Zwischenablage kostet also nie den Text.
Den Block ans Ende von source.md einsetzen und
einmal bauen. Jede Notiz wandert unter die Folie, auf der sie geschrieben
wurde, und die Markierung verschwindet; was sich nicht zuordnen ließ, bleibt
am Ende stehen.
# was Shift-E in die Zwischenablage legt, ans Ende von source.md gesetzt
<!-- annotations:start -->
### why-playwright
> annot: The ninety-second demo lands better than the paragraph.
### async-await
> annot: Ask who has hit this in a real script.
<!-- annotations:end -->
# und dann, einmal
node build.js lectures/my-lecture/source.md --integrate-annotationsWo es weitergeht
- Was psi-slides ist Die Startseite: eine Vorlesung, wie der Saal sie sieht und wie der Leser sie bekommt, und warum das dieselbe Datei ist.
- Loslegen Die App und die Kommandozeile, und wie man das Tutorial auf einem Rechner baut, auf dem nichts installiert ist.
- Die Tutorial-Vorlesung Eine Vorlesung über das Schreiben von Vorlesungen. Öffnen, S drücken, und die Tasten dieser Seite liegen unter den Händen.
- Figures you write Die Begründung für die Abbildungssprache, und das Handbuch, das eine Abbildung Zeile für Zeile aufbaut und jede Anweisung auflistet.