Deutsch:Visualisierung

From bab-tec.de wiki

Jump to: navigation, search

Zurück

Contents

optimale Auflösungen

Hier finden Sie die optimale Auflösungen für die unterschiedlichsten Endgeräte

iPad

Voll flächig vom Home Bildschirm gestartet (ohne Adresszeile)

1024x748 (mit Retina Display)
1021*746 (ohne Retina Display)

Web Container

Innerhalb der Ajax Visualisierung kann der Web Container Inhalte anderer Webseiten darstellen. Erstellen Sie dazu einfach einen neuen Web Container im Editor und kopieren die Codezeilen unterhalb in das Konfigurationsfeld für HTML Code.

Regenradar

<div>
<img style="position: absolute; top: 0px; left: 0px;" width="194" height="215" src="http://www.wetter.info/imgs/radarani194_back.jpg" alt=""> 

<img style="position: absolute; top: 0px; left: 0px;" width="194" height="215" src="http://data.wetter.info/data/teaser/radar_de.gif" alt="">

<img style="position: absolute; top: 0px; left: 0px;" width="194" height="215" src="http://www.wetter.info/imgs/teaserdeutschland_borders.gif">
</div>

Wetter.info Widget

Das Wetter für Dortmund (erzeugt auf wetter.info):

<!-- von wetter.info generierter Code //-->
<div class="wetterinfo" style="background-color:#FFFFFF;">
<link href="http://wiga.t-online.de/wetter/webgadget/css/wetterboxen.css" rel="stylesheet"type="text/css" />
<div id="BigCity" class="Day"><a href="http://www.wetter.info/wetter-deutschland/nordrhein-westfalen/wetter-dortmund/17756040" target="_blank">Wetter Dortmund</a></div>
<div id="wetterinfo_data">
 
</div>
<script language="javascript" src="http://wiga.t-online.de/wetter/webgadget/getWetterinfoTemplate.php?uni=K05913000&sView=Big&Region=Germany&sFormat=HTML&sSearch=false&Box=1">
</script>
<div class="BigWetterLogo">
<a target="_blank" href="http://www.wetter.info">
<img alt="Wetter" title="Wetter" height="18px" width="94px" id="wetterLogoBild" src="http://wiga.t-online.de/wetter/webgadget/images/wetter_info.gif"/>
</a>
</div>
</div>

Flip Seiten erstellen

under construction!

Slider

Skalieren des Sliders (Version 0.11.8)

Slider scaled.png

Seit der Version 0.11.8 kann das 'Slider' Element skaliert werden um ein Benutzerdefiniertes Layout und eine bessere Kontrolle zum Setzen des Wertes zu erreichen.  Das Theme image (160 pixel hoch / breit) wird in 60-40-60 pixel unterteilt. Der 40-pixel Teil wird skaliert, wenn also ein Theme erstellt werden soll, ist darauf zu achten dass dieser weder Text noch andere nicht-skalierbare information enthält.

Ajax Visualisierung

Die Ajax Visualisierung is für Tablet PCs wie dem Apple iPad, dem Samsung Galaxy Tab u.ä. entwickelt worden. Außerdem kann sie für Android Telefone oder dem iPhone genutzt werden. Auch für die herkömmlichen Desktop Browser (Firefox, Google Chrome, Safari etc.) kann die Ajax Visualisierung verwendet werden.

Die Visualisierung öffnen ohne nach Benutzername / Kennwort gefragt zu werden

Möchten Sie nicht jedesmal den Benutzernamen und das Kennwort eingeben wenn Sie die Ajax Visualisierung öffnen, melden Sie sich einmal an, wählen das gewünschte Projekt aus (wenn Sie mehrere angelegt haben) und erstellen ein Lesezeichen von der geöffneten Visualsierung.

Visualisierung als "Applikation" (Application Shortcut)

Ein Weg um eine schnelle Startzeit für die Visualisierung zu erreichen ist einen sog. Application Shortcut ("Applikations Verknüpfung") zu setzen (nur möglich mit Google Chrome). Öffnen Sie dazu die Ajax Visualisierung and wählen "Optionen" => "Tools" => "Erstelle eine Application Shortcut...". Dadurch wird ein Desktop Symbol erzeugt welches im Schnellstart Bereich Ihrer Taskleiste platziert werden kann. Ein weiterer Nutzen dieses Feature ist es, dass die Visualisierung ohne Adresszeile, wie eine richtiges Programm dargestellt wird.

Lagsame Flip Seiten auf Apple Geräten

Der Standard mechanismus um die Flip Seiten zu bewegen ist "Absolutes Positionieren" (Absolute Positioning). Auf den meisten Geräten funktioniert dies ohne Probleme dank Hardware Beschleunigung. Auf dem iPad läuft das Bewegen der Flip Seiten sehr langsam (ungefähr ~2 frames pro Sekunde). Das "Absolute Positionieren" wird nicht Hardware beschleunigt. In der Version 0.11.8 haben wir einen neunen Typ Animation integriert welches sich der 3D Animationen von CSS3 bedient. Das ist der einzige Weg Hardware Beschleunigung auf iPads zu bekommen. Daher werden Sie, wenn Sie eine Ajax Visualisierung der Version 0.11.8 oder jünger starten, gefragt ob die Flip Seiten "Absolutes Positionieren" oder CSS3 Animationen benutzen sollen. Diese Verhalten kann mit dem Symbol in der unteren rechten Ecke geändert werden, welches für 10 Sekunden bei jedem Visualisierungsstart eingeblendet wird.

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox