HTML5 bietet bei der Entwicklung von mobilen und stationären Web-Anwendungen eine Vielzahl neuer Möglichkeiten.

In einer Machbarkeitsanalyse sollte die Fähigkeit von HTML5 gezeigt werden, in Echtzeit auf Serverereignisse zu reagieren. Üblicherweise löst eine Benutzeraktion am Browser das Neuladen von Information auf der Webseite aus. Was aber, wenn die dargestellte Information beispielsweise aufgrund einer Preisänderung oder geänderter Messdaten ungültig geworden sind? In herkömmlichen Webseiten stellt das ein Problem dar. HTML5 versetzt das Backend System in die Lage, Informationen an den Browser zu senden. Die dort dargestellte Seite kann ohne das Zutun des Anwenders aktualisiert werden.

Das unten dargestellte Tank-Portal zeigt die Lösung: Die vom MDM gelieferen Treibstoffpreise einer im Kartenausschnitt dargestellten Region werden aktuell gehalten. Es ist ebenso möglich, die Preisänderungen zu verfolgen, so dass der Kartenausschnitt den günstigeren Preisen folgt.

Einbettung von interaktiven Karten (OpenLayers) in die HTML5-Seite.

Information zu den eingesetzten Tools

HTML5, CSS, JavaScript, OpenLayers, WebSockets (Spring-Framework), RESTful Services, MySQL, Java, Apache Tomcat