# App installieren

<p class="callout info">Diese Anleitung ist auf die Benutzerrolle "Fahrer:in" ausgelegt, da nur das *Fahrer-Interface* für Mobilgeräte optimiert ist. Denoch funktioniert die PWA-Installation für alle Benutzerrollen.</p>

Das *Driver Interface* ist als PWA (Progressive Web App) konzipiert. Das ist eine Website, die man installieren kann und sich dann wie eine eigenständige App verhält - technisch gesehen aber noch eine Website ist. Das bietet verschiedene Zusatzfunktionen und ist praktischer zu bedienen, als die Seite einfach im Browser zu öffnen. Für die Installation bedeutet das, dass es keine App im AppStore gibt, sondern ein paar klicks im Browser gemacht werden müssen.

<p class="callout warning">Diese Anleitung ist mit einem Test-System von Shuttle Conductor gemacht worden (SC Beta). Die Internetadresse (URL) in den Screenshots ist nicht die eures produktiven Systems.  
Ihr erhaltet für euer System eine eigene URL, unter der ihr ihr das System erreichen und installieren könnt.</p>

#### PWA-Installation: Android / Google Chrome

<table border="1" id="bkmrk-" style="border-collapse: collapse; width: 100%; height: 1470px;"><colgroup><col style="width: 72.738095%;"></col><col style="width: 27.142857%;"></col></colgroup><tbody><tr style="height: 490px;"><td style="height: 490px;">- Website im Browser (Google Chrome) öffnen. Am Besten noch nicht einloggen.
- Drei-Punkte-Menü öffnen

</td><td style="height: 490px;">[![pwa-chrome-1.PNG](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/scaled-1680-/9xdlOjXHmpOrgJre-pwa-chrome-1.PNG)](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/9xdlOjXHmpOrgJre-pwa-chrome-1.PNG)</td></tr><tr style="height: 490px;"><td style="height: 490px;">- "**Installieren und Verwalten**" wählen. Je nach Android-Version kann der Punkte auch "zum Startbildschirm hinzufügen" heißen

</td><td style="height: 490px;">[![pwa-chrome-2.PNG](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/scaled-1680-/jzmtB8LArAW60mDO-pwa-chrome-2.PNG)](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/jzmtB8LArAW60mDO-pwa-chrome-2.PNG)</td></tr><tr style="height: 490px;"><td style="height: 490px;">- "**Installieren**" wählen. Ggf. erscheint ein weiterer Dialog, in dem ihr den Namen der App ändern könnt.
- Website/Tab im Browser schließen. Zum **Home-Screen** zurückkehren. Shuttle Conductor sollte hier nun als **App-Icon** auftauchen. Diese öffnen und dort einloggen.

</td><td style="height: 490px;">[![pwa-chrome-3.PNG](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/scaled-1680-/wHzA31LHKkchrwkf-pwa-chrome-3.PNG)](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/wHzA31LHKkchrwkf-pwa-chrome-3.PNG)</td></tr></tbody></table>

#### PWA-Installation: Apple iOS / Safari

<table border="1" id="bkmrk-website-im-browser-%28" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 72.97619%;"></col><col style="width: 26.904762%;"></col></colgroup><tbody><tr><td>- Website im Browser (Safari) öffnen. Am Besten noch nicht einloggen.
- "**Teilen**" anklicken

</td><td>[![pwa-safari-1.PNG](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/scaled-1680-/lHeOzhi0dU2hKydt-pwa-safari-1.PNG)](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/lHeOzhi0dU2hKydt-pwa-safari-1.PNG)</td></tr><tr><td>- Teilen-Menu ganz öffnen (nach oben ziehen)
- "**Zum Home-Bildschirm**" wählen

</td><td>[![pwa-safari-2.PNG](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/scaled-1680-/evxh0711TH6QvkR6-pwa-safari-2.PNG)](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/evxh0711TH6QvkR6-pwa-safari-2.PNG)</td></tr><tr><td>- Ggf. den Namen der App nach Wunsch ändern. "**Als Web-App öffnen**" sollte aktiviert sein
- **Hinzufügen** klicken
- Website/Tab im Browser schließen. Zum Home-Screen zurückkehren. Shuttle Conductor sollte hier nun als App-Icon erscheinen. Diese öffnen und dort einloggen.

</td><td>[![pwa-safari-3.PNG](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/scaled-1680-/YP48tuv3v3UT0FG1-pwa-safari-3.PNG)](https://wiki.sc.maer.media/uploads/images/gallery/2026-07/YP48tuv3v3UT0FG1-pwa-safari-3.PNG)</td></tr></tbody></table>