Mitten drin!

Startseite
   Neues!
      Hintergrund
Panorado 4.0
   Panorado JS 1.0
      Panorado Flyer 1.2
Galerie
   Links
      Kontakt/Impressum
   

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!