Skip to content

Commit 9403309

Browse files
committed
Tutorial update and finished German translation
1 parent 211d862 commit 9403309

File tree

2 files changed

+27
-23
lines changed

2 files changed

+27
-23
lines changed

www/tutorial-de.html

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<div id="sepiaFW-frame-page-1" class='sepiaFW-frames-page sepiaFW-carousel-pane'>
55
<h3>Tutorial - Seite 1 von 5</h3>
66
<p>
7-
Willkommen zu der <a href="https://sepia-framework.github.io/" target="_blank">S.E.P.I.A.</a> app für Browser, iOS und Android! :-)
7+
Willkommen zu der <a href="https://sepia-framework.github.io/" target="_blank">S.E.P.I.A.</a> App für Browser, iOS und Android! :-)
88
In diesem kleinen Tutorial wirst du die <b>Grundlagen</b> lernen um direkt loslegen zu können mit deinem persönlichen Assistenten.
99
</p>
1010
Hier ein Überblick über die Steuerung:
@@ -27,13 +27,13 @@ <h3>Tutorial - Seite 2 von 5</h3>
2727
<p>
2828
Wenn du S.E.P.I.A. startest, landest du meist direkt in deinem persönlichen Startbildschirm alias: <b>'My-View'</b>.
2929
Diese Ansicht zeigt dir <b>persönliche Informationen</b> wie zum Beispiel Erinnerungen, selbst erstellte Buttons oder Empfehlungen basierend auf Ort und Tageszeit.
30-
Du kannst diese Ansicht auch mit Ergebnissen füllen, die du durch den Chat mit S.E.P.I.A. erhälst (mehr dazu später).
30+
Du kannst diese Ansicht auch mit Ergebnissen füllen, die du durch den Chat mit S.E.P.I.A. erhältst (mehr dazu später).
3131
</p>
3232
<div style="width:100%; text-align:center;">
3333
<img src="img/tutorial/swipe-views.png" alt="SEPIA swipe control" style="max-width:40%;">
3434
</div>
3535
<p>
36-
Es gibt 2 weitere Ansichten in denen du mit S.E.P.I.A. interagieren kannst, das <b>Chat-Fenster</b> und das <b>Ergebnis-Fenster</b>.
36+
Es gibt 2 weitere Ansichten, in denen du mit S.E.P.I.A. interagieren kannst, das <b>Chat-Fenster</b> und das <b>Ergebnis-Fenster</b>.
3737
Beide können über die die Kontrollen in der Navigationsleiste (Oben) erreicht werden oder durch <b>Swipen vom Rand des Bildschirms</b> (wie z.B. im iOS Browser).
3838
</p>
3939
<p style="display: block; text-align: right;">
@@ -72,11 +72,11 @@ <h3>Tutorial - Seite 4 von 5</h3>
7272
</p>
7373
<p>
7474
Items in deiner Liste können verschoben werden durch Aktivierung des Drag & Drop-Modus. Dies geschieht durch ein <b>press-and-hold auf den Check-Button</b> eines Items. Das Item blinkt dann kurz auf und bleibt leicht transparent.
75-
Nach der Freigabe kann der Button erneut benutzt werden <b>um das Item auf einen neuen Platz zu ziehen</b> oder in eine neu Liste zu schieben.
75+
Nach der Freigabe kann der Button erneut benutzt werden <b>um das Item auf einen neuen Platz zu ziehen</b> oder in eine neue Liste zu schieben.
7676
Nach 3 Sekunden Inaktivität schaltet sich der Drag & Drop-Modus automatisch aus.
7777
</p>
7878
<p>
79-
Änderungen an der Liste werden <b>nicht automatisch gespeichert</b> und können rückgängig gemacht werden durch ein einfaches Neuladen der Liste. Gibt es Änderungen in der Liste erscheint der <b>Save-Button</b> in der oberen, linken Ecke.
79+
Änderungen an der Liste werden <b>nicht automatisch gespeichert</b> und können rückgängig gemacht werden durch erneutes Laden der Liste. Gibt es Änderungen in der Liste erscheint der <b>Save-Button</b> in der oberen, linken Ecke.
8080
Ein Tap auf diesen Button speichert alle Änderungen permanent ab.
8181
</p>
8282
<p style="display: block; text-align: right;">
@@ -87,30 +87,32 @@ <h3>Tutorial - Seite 4 von 5</h3>
8787
<div id="sepiaFW-frame-page-3" class='sepiaFW-frames-page sepiaFW-carousel-pane'>
8888
<h3>Tutorial - Seite 5 von 5</h3>
8989
<p>
90-
There are many more things to discover in S.E.P.I.A. like chatting with users (group or private), playing radio music, teaching your own commands, using gamepads to trigger actions or changing skins (the look) so be sure to check out all the menus and play around with all the buttons :-).
91-
A good place to start is the <b>shortcuts menu</b> on the bottom-left (please note that this menu might not fully work in demo-mode yet).
90+
Es gibt noch viele weitere Dinge zu entdecken in S.E.P.I.A. wie zum Beispiel Chats mit Usern auf deinem Server (Gruppe oder privat), Audiostreams abspielen (z.B. Radiomusik), eigene Sprachbefehle definieren, verschiedene 'Skins' um den Look der App zu ändern und Gamepad Support um Aktionen auszuführen. Am besten guckst du dir in Ruhe die ganzen Menüs an und spielst einfach mit allen Buttons :-).
91+
Ein guter Ort um damit anzufangen ist das <b>Shortcuts Menü</b> unten links (<i>Hinweis: im Demo-Modus sind nicht alle Shortcuts Funktionen belegt</i>).
9292
</p>
93-
<p><u>Always-On mode:</u></p>
93+
<p><u>Always-On Modus:</u></p>
9494
<p>
95-
The always-on mode can be <b>activated via the shortcuts menu</b> or by a double-tap on the back-button (Android only).
96-
It is a special mode that shows only a very minimalistic interface and <b>prevents the screen from turning off</b> on mobile devices so that S.E.P.I.A. can keep running like a smart-speaker.
95+
Der Always-On Modus kann via <b>Shortcuts Menü aktiviert werden</b> oder mittels zweifach-Tap auf den Zurück-Button (in Android).
96+
Es ist ein spezieller Modus mit einem minimalistischen Interface, welches auf mobilen Geräten <b>verhindert, dass sich der Bildschirm ausschaltet</b>. Auf diese Weise kann S.E.P.I.A. dauerhaft aktiv bleiben und Befehle empfangen, ähnlich wie ein Smart-Speaker.
9797
</p>
98-
<p><u>Final steps:</u></p>
99-
<p><b>Please allow S.E.P.I.A. to access the microphone, show pop-ups (browser-version) and send notifications</b> so that every service can work as intended.
100-
You can test it using the following buttons:
98+
<p><u>Finale Schritte:</u></p>
99+
<p><b>Bitte erlaube S.E.P.I.A. den Zugriff auf dein Mikrophon, Pop-Ups (Browser Version) und Notifications</b>, so dass jedes Feature wie geplant funktionieren kann.
100+
Du kannst die Funktionalität testen mit folgenden Buttons:
101101
</p><p style="display: flex; justify-content: center;">
102-
<button id="tutorial-test-mic">Test Mic</button>
103-
<button id="tutorial-test-note">Test Note</button>
104-
<button id="tutorial-test-popup">Test Pop-Up</button>
102+
<button id="tutorial-test-mic">Mikrophon</button>
103+
<button id="tutorial-test-note">Notification</button>
104+
<button id="tutorial-test-popup">Pop-Up Test</button>
105105
</p>
106106
<p>
107-
Before you log-in make sure you are using the <b>correct S.E.P.I.A. server</b>. You can set it in the extended log-in menu itself (press the arrow at the bottom of the box) or go to:<br>
107+
Bevor du dich einloggst versichere dich, dass du den <b>richtigen S.E.P.I.A. Server benutzt</b>. Du kannst den Server im Log-In Menü einstellen (drücke dazu den Pfeil am Boden der Login-Box) oder in der App über:<br>
108108
</p><p style="display: flex; justify-content: center;">
109-
<span style="border:1px solid; padding:4px;">Settings menu &#8594; Page 2 &#8594; Hostname</span>
109+
<span style="border:1px solid; padding:4px;">Einstellungen &#8594; Seite 2 &#8594; Hostname</span>
110110
</p>
111111
<p>
112-
If you have any questions or want to learn how to install <b>your own, private, local S.E.P.I.A. server</b> please visit the <a href="https://github.com/SEPIA-Framework/sepia-docs" target="_blank">online help</a>.
112+
Wenn du Fragen hast oder mehr darüber lernen willst, wie man den <b>eigenen, privaten, lokalen S.E.P.I.A. Server</b> installiert schau mal in der <a href="https://github.com/SEPIA-Framework/sepia-docs" target="_blank">online Hilfe</a> vorbei
113+
oder im <a href="https://medium.com/sepia-framework" target="_blank">S.E.P.I.A. Framework Blog</a>.
113114
</p>
115+
<p>Viel Spaß mit deinem persönlichen Assistenten!</p>
114116
</div>
115117
</div>
116118
</div>

www/tutorial.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -87,13 +87,13 @@ <h3>Tutorial - Page 4 of 5</h3>
8787
<div id="sepiaFW-frame-page-3" class='sepiaFW-frames-page sepiaFW-carousel-pane'>
8888
<h3>Tutorial - Page 5 of 5</h3>
8989
<p>
90-
There are many more things to discover in S.E.P.I.A. like chatting with users (group or private), playing radio music, teaching your own commands, using gamepads to trigger actions or changing skins (the look) so be sure to check out all the menus and play around with all the buttons :-).
91-
A good place to start is the <b>shortcuts menu</b> on the bottom-left (please note that this menu might not fully work in demo-mode yet).
90+
There are many more things to discover in S.E.P.I.A. like chatting with users (group or private) on your server, playing audio-streams (e.g. radio music), teaching your own voice-commands, changing skins (the look of the app) or gamepad support to trigger actions, so be sure to check out all the menus and play around with all the buttons :-).
91+
A good place to start is the <b>shortcuts menu</b> on the bottom-left (<i>note: in demo-mode not all shortcuts functions might me available</i>).
9292
</p>
9393
<p><u>Always-On mode:</u></p>
9494
<p>
9595
The always-on mode can be <b>activated via the shortcuts menu</b> or by a double-tap on the back-button (Android only).
96-
It is a special mode that shows only a very minimalistic interface and <b>prevents the screen from turning off</b> on mobile devices so that S.E.P.I.A. can keep running like a smart-speaker.
96+
It is a special mode that shows only a very minimalistic interface and <b>prevents the screen from turning off</b> on mobile devices so that S.E.P.I.A. can keep running like a smart-speaker and wait for commands.
9797
</p>
9898
<p><u>Final steps:</u></p>
9999
<p><b>Please allow S.E.P.I.A. to access the microphone, show pop-ups (browser-version) and send notifications</b> so that every service can work as intended.
@@ -109,8 +109,10 @@ <h3>Tutorial - Page 5 of 5</h3>
109109
<span style="border:1px solid; padding:4px;">Settings menu &#8594; Page 2 &#8594; Hostname</span>
110110
</p>
111111
<p>
112-
If you have any questions or want to learn how to install <b>your own, private, local S.E.P.I.A. server</b> please visit the <a href="https://github.com/SEPIA-Framework/sepia-docs" target="_blank">online help</a>.
112+
If you have any questions or want to learn how to install <b>your own, private, local S.E.P.I.A. server</b> please visit the <a href="https://github.com/SEPIA-Framework/sepia-docs" target="_blank">online help</a>
113+
or check-out the <a href="https://medium.com/sepia-framework" target="_blank">S.E.P.I.A. Framework Blog</a>.
113114
</p>
115+
<p>Enjoy your personal assistent!</p>
114116
</div>
115117
</div>
116118
</div>

0 commit comments

Comments
 (0)