Interessant für Sie?
Marcel Mattern
Webdevelopment
SPA
WEB-TECHNIK MAL ANDERS - AUCH OFFLINE.

Mit individuellen Anwendungen von PAGE AND PAPER

Normale Websites sind nicht immer das Mittel der Wahl. Manchmal muss eine Anwendung agiler, weniger träge oder auch offline verfügbar sein.

Hier schlägt die Stunde der Single Page Application (SPA), die dem Nutzer das Gefühl gibt, er arbeite mit einer Desktopanwendung.

SPA'S

Das ist drin:

Offline Friendly

SPAs bieten die Möglichkeit, Anwendungen auch offline zu bedienen - sowohl im Browser als auch als Desktop-App.

Geschwindigkeit

Verteilte Auslastung zwischen Server und User. Daten werden nur nachgeladen, wenn sie benötigt werden.

User Experience

Wenn der Anwender klickt, werden nur die benötigten Inhalte schnell nachgeladen. Der Zeitverzug zum Neuladen einer kompletten Seite, wie man sie bei Websites kennt, entfällt.

Single Page Applications

So wird's gemacht.

Briefing und Konzeption

Sie geben die Funktionswünsche und das Anwendungsziel für Ihre Applikation vor. Anschließend dokumentieren wir gemeinsam mit Ihnen die Rahmenparamter: Wer soll das Tool wann und wo einsetzen? Welche Daten werden wie verarbeitet? Online und offline? Welche Fremdsprachen, etc.

Design

Damit sich die Anwender möglichst intuitiv in der Bedienung der Applikation zurechtfinden, erstellen die Usability Experten einen "Click Dummy".
Hierbei handelt es sich um eine simulierte Benutzeroberfläche, bei der alle Szenarien - sogenannte User-Journeys - durchgespielt werden können, um die Schaltflächen und Eingabefelder so anzuordnen, das alle Elemente ideal zusammenspielen.

Umsetzung(en)

In der Umsetzungsphase werden Design und Funktion miteinander verschmolzen. Auch der für den Anwender unsichtbare Pflegebereich für Stammdaten ("Backend") muss angelegt werden. Für den Fall, dass die Anwendung auch offline verwendet werden soll, kommen zusätzliche Tools und Frameworks zum Einsatz. Auch das Fremdsprachenhandling muss jetzt koordiniert werden.

GoLive, Hosting und Updating

Erst wenn die umfangreichen Funktionstests abgeschlossen sind, wird die Live-Schaltung vorbereitet. Für die Offline-Anwendung werden zusätzliche Installationsroutinen vorbereitet, die auch ein späteres Updating möglich machen.

Single Page Applications

Tools & Frameworks
Frontend-Framework

Angular, react

Backend-Framework

Laravel

Hilfs-Frameworks/Tools

Electron

CSS-Framework

Bootstrap

CMS

WordPress, TYPO3

CRM

Oracle, SalesForce

Projekte

Snacks & Bites!

Hunger nach Wissen? Hier finden Sie regelmäßig neue Denkanstöße aus der digitalen Welt.

Zum Blog
Ebenfalls interessant