Was ist Panorado JS?

|
panorado JS ermöglicht Ihnen die Gestaltung von
Websites mit interaktiven Panorama-Bildern oder anderen großen Bildern.
 |
Auch für Websites gilt: Ein Bild sagt mehr
als tausend Worte. Und ein Panoramabild auf Ihrer Website sagt mehr als ein
"gewöhnliches" Bild.
Mit Panoramabildern können Sie Orte dreidimensional präsentieren - und
gleichzeitig Ihre Website attraktiver machen.
|
< Internet-Galerie mit Popup-Viewer
(www.wag-berlin.de) |
|
Was ist das Besondere an diesem Viewer?

|
- panorado JS stellt ein großes Bild in einem
kleineren Fenster dar. Sie können den Bildausschnitt per Maus oder Tastatur
verschieben.
- Zum Vergrößern und Verkleinern können Sie das Mausrad
oder die Tastatur benutzen.
- Der Viewer liefert eine sehr ansprechende, fließende
Bilddarstellung mit Features wie SoftStart, SoftPan, SoftZoom, SoftFading.
- Als Bildquelle eignen sich ganz normale JPEG-, GIF- oder PNG-Dateien.
- Steuerelemente für die wichtigsten Funktionen können automatisch eingeblendet werden.
- Alternativ können diese außerhalb des Viewers völlig frei mit HTML-Elementen gestaltet werden.
- Eine Kompassskala kann eingeblendet werden.
- Für unterschiedliche Zwecke gibt es 2 Projektionsarten:
- flat - für flache Bilder mit extrem glatten und schnellen Bewegungen auch bei großem Bildausschnitt
- spherical - für sphärische Bilder mit 3D-Darstellung
- Der Viewer unterstützt Hotspots. Das sind Marken
innerhalb des Bildes, die auf Anforderung eingeblendet werden können, beim
Überfahren mit der Maus einen Text anzeigen und beim Draufklicken zu einer anderen
Seite führen.
- Integration: Der Viewer wird als <canvas>-Element mit zugehörigem
JavaScript-Code in das umgebende HTML5-Dokument eingebunden.
Er ist vielfältig von außen programmierbar. Mit etwas HTML- und JavaScript-Kenntnissen geht da sehr viel!
Technische Einzelheiten finden Sie hier.
|
Ein paar Beispiele?

|
Panoramabilder sind vielfältig einsetzbar:
- Websites im Tourismusbereich: Hotels, Ferienwohnungen,
touristische Einrichtungen
- Websites von Immobilienmaklern
- Websites von Museen, Galerien und Bildarchiven
- Für die Darstellung von großen Karten, Plänen
oder Grundrissen
- Für umfangreiche Virtual Tours mithilfe von
Hotspots
- Für interaktive CD- und DVD-Produktionen
Sicher fällt Ihnen noch mehr ein!
|

^ Tourismus-Seite mit integriertem Viewer
|
|
Welche Systemumgebung ist erforderlich?

|
Für die Darstellung von HTML-Seiten brauchen Sie natürlich einen Browser.
Panorado JS erfordert den aktuellen Standard HTML5.
Aber keinerlei Plugins or Add-Ons: Kein Flash, kein Java, kein Silverlight, kein WebGL!
Es läuft damit auf allen gängigen Browsern und auf allen gängigen Plattformen!
Insbesondere auf MS Internet Explorer (ab v.9), Firefox, Opera, Chrome und Safari.
(Die Performance des derzeitigen MSIE und von Firefox ist sehr gut, die von Opera gut, die der übrigen Browser noch verbesserungsfähig.)
Panorado JS verwendet den sog. 2D-Kontext des HTML5-Canvas-Elements.
Andere Panoramaviewer mit HTML5-Unterstützung setzen hingegen auf die experimentellen 3D-Kontexte einiger Browser,
wobei mit WebGL-Hardware-Unterstützung eine beachtliche Performance für kubische Panoramen erreicht werden kann.
Es gibt aber auch Hinweise auf potenzielle Sicherheitslücken dieser Technik, die es erlaubt, dass aus dem Internet
geladener Code direkten Zugang zur Grafikkarte erhält.
Aus diesem Grunde lehnt Microsoft eine derartige Browser-Implementierung ab
("WebGL Considered Harmful").
Die von Panorado JS verwendete 2D-Implementierung wird dagegen als sicher angesehen und steht auf allen Plattformen zur Verfügung.
|
Sie möchten den Viewer ausprobieren?

|
Dafür sind die folgenden Schritte erforderlich:
- Bilder aufnehmen. Das geht auch mit ganz gewöhnlichen
Digitalkameras, wenn Sie ein paar Dinge berücksichtigen.
Ein paar Hinweise finden Sie hier.
- Einzelbilder zu einem Panorama-Bild zusammenfügen
("Stitching"). Dazu gibt es spezielle Software; auch zu diesem Thema finden Sie Hinweise in
dem Hintergrundartikel. Links zu Anbietern von Stitching-Software
finden Sie hier.
- Panorado JS downloaden.
Klicken Sie einfach hier, und speichern Sie die kleine JavaScript-Datei
(Panorado_min.js, ca. 27 kB) ins gewünschten Zielverzeichnis.
- HTML-Rahmen schreiben und testen.
Auf der Technik-Seite finden Sie zwei Beispiele zum
Kopieren und Einfügen in Ihren HTML-Code.
Mit ein wenig Erfahrung können Sie den Code auch noch weitgehend modifizieren oder
erweitern.
- Alle Komponenten hochladen. Also HTML-Dokumente, Panoramabilder
und das Panorado JS-Skript auf den Webserver laden. Fertig!
|
Sie möchten ein Panorama auf Ihrer privaten Website?

|
Sie können das Viewer-Skript auf privaten (nicht-gewerblichen) Websites
kostenlos einsetzen!
Einzige Bedingung: Bitte platzieren Sie neben oder unter dem Viewer das panorado-Logo
oder einen Text-Link, der auf unsere Website verweist. Sie können
gerne eines der beiden unten stehenden Code-Schnipsel verwenden:
<a href="http://www.panorado.com" target="_blank">Panorado Bildbetrachter...</a>
<a href="http://www.panorado.com"
target="_blank"> <img src="http://www.panorado.com/Download/PanoradoJsLogo.gif"
title="Panorado Bildbetrachter..." style="border:none"></a>
Produktlogo downloaden
|
Sie haben eine Idee für den gewerblichen Einsatz?

|
Oder Sie haben ganz spezielle Anforderungen?
Andere Fragen?
Brauchen Sie Unterstützung bei der Entwicklung?
Möchten Sie einen Viewer als Teil einer Datenbank-gestützten Webserver-Anwendung einsetzen?
Kontaktieren Sie uns, und wir werden eine Lösung für Sie finden!
Der Einsatz des panorado JS-Skripts ist kostenlos auf privaten (nicht-gewerblichen) Websites.
Die Verwendung auf allen anderen Arten von Websites oder Publikationen erfordert eine
Lizenzvereinbarung, sobald Seiten mit dem Viewer-Skript veröffentlicht werden. Das gilt z. B.
für Firmen, Shops, Werbung, Unternehmen, Organisationen, Schulen und Universitäten.
Wir fassen das unter dem Begriff "gewerblich" zusammen.
Bitte fragen Sie an, wenn Sie an einer speziellen
Vereinbarung für eine Non-Profit-Organisation interessiert sind!
|