Unter Multiscreen versteht man – vereinfacht gesagt – die Umsetzung eines Projektes unter Betrachtung der verschiedenen Screens im jeweiligen Nutzungskontext. Klingt kompliziert, muss es aber nicht unbedingt sein. In einem praktischen Beispiel demonstrieren wir, wie das aussehen kann und präsentieren Ihnen Ideen für Ihr Projekt.
In unserem Beispiel zeigen wir, wie eine Webseite über ein Smartphone in Echtzeit ferngesteuert und bedient werden kann – jeweils optimiert auf den jeweiligen Bildschirm und dessen Nutzungskontext. Auf der Webseite wollen wir Informationen lesen, die Steuerung und das Scrolling erfolgt über das Smartphone. Mit einem Klick auf den Kontakt-Button auf dem Smartphone öffnet sich auf der Website automatisch ein Kontaktformular – zeitgleich erscheint auf dem Smartphone ein Anruf-Button.
Die Kommunikation der beiden Geräte erfolgt in Echtzeit über sogenannte Websockets. Über den QR-Code auf der Website erhält das Smartphone einen Link auf eine entsprechend zum Desktop-Browser zugeordnete Client-Webseite.
Online-Demo
Eingesetzte Technologien:
- HTML5 und Websockets
- Javascript / jQuery / socket.io
- Node.js als Socketserver in der Amazon Cloud
Ideen und Einsatzgebiete für diese Technolgien gibt es etliche:
- Chat oder Live-Support im Browser
- Multiscreen Browser-Games
- Interaktive und fernsteuerbare Präsentationen
- “Verschieben” von Inhalten von Smartphone zu Destop und umgekehrt (“Devive Shifting”)
- …
Weitere Informationen von der App-Agentur
Weitere Informationen zum Thema Multiscreen finden Sie auf der Webseite
oder direkt über unser Kontaktformular unter