1.
FortgeschritteneFortgeschrittene
Techniken fürTechniken für
erfolgreicheerfolgreiche
SprachanwendungenSprachanwendungen

2.
Ralf Eggert
CEO Travello GmbH
Alexa Partner Agentur
AWS Certified Alexa Skill Builder
Alexa Champion

3.
Portfolio

4.
Wer ist hier?
Entwickler?
Designer?
Weder noch?

5.
Prolog

6.
7 Projektphasen
1. Kickoff Phase
3. Konzeptionsphase
5. Implementationsphase
7. Betriebsphase
2. Prototyp Phase
4. Designphase 6. Testphase

7.
Realität
1. Kickoff Phase
3. Konzeptionsphase
5. Implementationsphase
7. Betriebsphase
2. Prototyp Phase
4. Designphase
6. Testphase

8.
Betriebsphase
Für professionelle
Sprachanwendungen die
wichtigste Phase

9.
PrototypingPrototyping

10.
Prototyping
Grundlegende Ideen
ausprobieren
Paper & Pencil kann reichen
Tools!

11.
Voiceflow
Grafisches Tool für
Prototyping und Betrieb von
Sprachanwendungen
https://www.voiceflow.com/

12.
VoiceApps
Weiteres grafisches Tool zum
Erstellen und Publizieren von
Alexa Skills
https://voiceapps.com/

13.
Adobe XD
Ganzheitliches Tool zum
Design, Prototyping und
Freigabe von User Experiences
https://www.adobe.com/de/products/xd.html

14.
Weitere Tools
Empfohlen von Amazon für
diverse Zwecke
https://developer.amazon.com/de/alexa/agencies-and-tools/tools-design

15.
Vorsicht!
Storyline und Nachfolger
Invocable schon am Ende.
Live Einsatz grafischer Tools im
Vorfeld genauestens abwägen
=>
Stichwort: Komplexität

16.
Voice DesignVoice Design

17.
Voice Design
Auch Entwickler sollten
Grundlagen kennen
Und Designer sollten mit
Entwicklung vertraut sein
Stetiger Austausch

18.
Situational Design
1. »Be adaptable«
2. »Be personal«
3. »Be available«
4. »Be relatable«
https://developer.amazon.com/docs/alexa-design/get-started.html

19.
Situational Design
1. »Sei anpassungsfähig«
2. »Sei persönlich«
3. »Sei verfügbar« (Menüs)
4. »Sei beziehungsfreudig«
https://developer.amazon.com/docs/alexa-design/get-started.html

20.
Flow Charts ungeeignet
Überraschung: Nutzer halten
sich nicht an Flow Charts!
Tatsache: Nutzer wird Intents
in jeder Situation anstoßen

21.
Dialogskripte
Bilden meist Happy Path ab
Komplexe Dialoge
Interaktive Dialoge

22.
Storycards
Beispiel Utterance
Welche Situation?
Was ist zu tun?
Antwort
Prompt
Display als Bonus

23.
Storyboard
Reagieren auf
unterschiedliche Situationen
Storycards kombinieren

24.
Tools von Amazon
Templates in Adobe XD
Beispiele auch als PDF
https://github.com/alexa/alexa-cookbook/tree/master/tools/
situational-design

25.
ArchitekturArchitektur

26.
Beispiel
Template »Adventure Game«
Alle Handler & Funktionen in
einer einzigen Datei
https://github.com/alexa/skill-sample-nodejs-adventure-game

27.
Architektur
Die Wiederauferstehung des
gemeinen Spagetti Monsters
Oder »One file fits all«
Oder »Aufräumen machen wir
dann später™«

28.
Monolithe waren gestern!
Bitte keine VeNGMs bauen
(Voice-enabled Next-
Generation-Monoliths)
Architektur

29.
Modularität
Kapselung
Wiederverwendbarkeit
Versionierung

30.
Beispiel MOBROG Skill
Modul für Skill Handling
Modul für FAQ
Modul für Quiz
Modul für Schätzspiel
Modul für Umfragen
Modul für Profilabruf

31.
Schicht für Schicht
Content und Funktion trennen
Request und Response trennen
Geschäftslogik vom Rest
trennen

32.
Beispiele für Layer
Request verarbeiten
Inhalte aufbereiten
Datenbank abfragen
Response vorbereiten

33.
Frameworks / Libraries
Jovo für Node.js
phlexa für PHP
Alexa.NET für Dingens

34.
KontextKontext

35.
Kontext bewahren
Jederzeit Herr der Lage sein
Merken, was über die Nutzer
Intention bekannt ist
Sessionübergreifender Kontext

36.
Kontextebenen
Session Attribute
Caching (Memory, Filesystem)
Datenbank

37.
Sonderfall Modus
Aktuellen Modus merken
Modus als Session-Attribut
sichern
Für Request & Response

38.
Komplexerer Kontext
Nicht als Session-Attribute
Komplexere Struktur
(Objekt/Array) verwenden
Cache und (!) Datenbank

39.
Beispiel Kontext im Quiz
Aktuelle Quizfrage als Session-
Attribut speichern
Aktueller Quiz-Stand als
Objekt im Cache ablegen
Für Neustart des Skills
Quiz-Stand in DB sichern

40.
Intents First!Intents First!

41.
Kern der Sprachanwendung
Nutzer lösen Intents aus
Jeder Intent soll alle
Situationen meistern können
Jeder Intent soll nur eine
Aufgabe erfüllen

42.
Bezug zum Design
Situational Design erleichtert
Intent Implementierung
Storycards auf
Intents mappen

43.
Intents: eine Klasse für sich
Pro Intent eine Klasse / Datei
Erleichtert Navigation im Code
Erleichtert Unit Testing

44.
Fat vs. Slim Intents
Alles auslagern, was nicht
zum Intent gehört
Erleichtert
plattformübergreifende
Wiederverwendbarkeit
Übersichtlichkeit

45.
Beispiel Cancel Intent
Bricht laufende Umfrage ab
Bricht laufendes Quiz ab
Beendet ansonsten den Skill

46.
Beispiel Cancel Intent
namespace MobrogIntent;
class CancelIntent extends AbstractIntent
{
public function handle(): AlexaResponse
{
$this->initCacheContainer();
$this->trackVisit();
if ($this->getMode() === self::MODE_POLL && $this->getCacheContainer()->hasPoll()) {
return $this->handlePollCancellation($this->getCacheContainer()->getPoll());
}
if ($this->getMode() === self::MODE_QUIZ && $this->getCacheContainer()->hasQuiz()) {
return $this->handleQuizCancellation();
}
$this->clearMode();
$this->clearQuestionId();
return $this->handleCancellation();
}
}

47.
Beispiel Yes Intent
Kann in insgesamt 9
verschiedenen Situationen
aufgerufen werden
Antwort auf Ja/Nein Fragen
Jede dieser Situationen wird
individuell behandelt

48.
BackendBackend

49.
Backend
Content-Pflege hat
oberste Priorität
Anwender müssen Content
pflegen können
Nicht der Entwickler in
verteilten JSON Dateien

50.
Content
Content aufbereiten (!!!)
Sprachwiedergabe ist anders
Keine Tabellen, Listen, Links, ...
Bilder & Videos eingeschränkt

51.
Individuelles Backend
Nutzer kann Inhalte pflegen
Betrifft Utterances
Betrifft Output Speeches
Betrifft Display

52.
PlattformenPlattformen

53.
Relevante Plattformen
Amazon Alexa
Google Assistant
(Siri)
Cortana

54.
Saubere Trennung
Architektur
Intents
Backend
=>
Alle Plattformen bedienen

55.
Fazit

56.
BitteBitte
nichtnicht
so!so!

57.
BesserBesser
so!so!

58.
Letzte Worte

59.
EineEine
SprachanwendungSprachanwendung
ist niemals fertig!ist niemals fertig!

60.
Danke!
Kontakt: ralf@travello.audio
Web: www.travello.audio