Français:Visualisation

From bab-tec.de wiki

Jump to: navigation, search

Retour

Contents

Résolutions Optimale

Ici, vous trouverez la résolution optimale pour différents dispositifs de visualisation

iPad

Affichage plein écran, démarré à partir de l'écran d’accueil (pas de barre d'adresse)

1024x748 (Avec écran retina)
1021*746 (Sans écran retina)

Web Container

Le Web Container peut afficher le contenu d'autres pages Web à l'intérieur de la visualisation ajax. Il vous suffit de créer un nouveau conteneur Web dans l'éditeur et et copiez les lignes de code ci-dessous dans la configuration de la zone de saisie pour le code HTML.

Radar météorologique

<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>

Widget Wetter.info

La meteo de Dortmund (générée par weather.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>

Créer des pages coulissantes

En construction !

Curseur

Redimensionnement du curseur (Version 0.11.8)

Slider scaled.png

Depuis la version 0.11.8 et plus récentes, le curseur peut être mis à l'échelle pour s'adapter à la mise en page définie par l'utilisateur et avoir un meilleur contrôle pour régler la valeur. 

Le thème image (160 pixels de hauteur / largeur) est divisée en pixels 60-40-60. La portion de 40 pixels est mis à l'échelle, donc si vous voulez créer un thème il faut s'assurer qu'il ne contient pas de texte ou un autre information non-évolutive.


Visualisation Ajax

La visualisation ajax a été développé pour les tablettes internet comme l'iPas d'Apple, la Galaxy Tab Samsung, etc. Il peut également être utilisé sur les téléphones Android ou iPhone.

Vous pouvez également utiliser la visualisation ajax avec votre navigateur de bureau (Firefox, Google Chrome, Safari, etc.)

Visualisation ouverte, sans donner de nom d'utilisateur / mot de passe

Si vous ne voulez pas de remplir le nom d'utilisateur et le mot de passe chaque fois que vous ouvrez la visualisation ajax, connectez-vous une seule fois, sélectionnez le projet (si vous avez plus d'un) et définissez un signet pour ouvrir la visualisation.

Visualisation comme "application" (raccourci vers l'application)

Une façon d'avoir une visualisation avec un temps de démarrage très court est de mettre un raccourci vers l'application (uniquement disponible pour le navigateur Google Chrome). Il suffit d'ouvrir la visualisation ajax et sélectionnez "Options" => "Outils" => "Créer des raccourci vers des application ...». Vous obtenez une icône de bureau que vous pouvez placer dans votre zone de démarrage rapide de votre barre des tâches.

Un autre avantage de cette fonctionnalité est que la visualisation sera affichée sans barre d'adresse comme une application réelle.

Page coulissante lente sur les appareils Apple

Le mécanisme par défaut pour déplacer les pages coulissantes est le positionnement absolu. Cela fonctionne bien sur la plupart des appareils en raison de l'"accélération matérielle.

Sur l'iPad, le déplacement des pages coulissantes est très lent (environ ~ 2 images par seconde). Le positionnement absolu n'est pas accelerée par le matériel. Dans la version 0.11.8, nous avons intégré un nouveau type d'animation qui fait appel à des animations 3D de CSS3. C'est la seule possibilité pour obtenir accélération matérielle sur les iPads.

Si vous commencez à la visualisation de la version 0.11.8 ajax ou plus récents, il vous sera demandé si les pages coulissantes devraient utiliser le positionnement par défaut ou animations CSS3. Vous pouvez modifier ce paramètre avec l'icône dans le coin inférieur droit, qui est affiché pendant 10 secondes après le démarrage de la visualisation.

Visualisation HIC

Vous pouvez ajouter une icône pour le HIC sur l'écran d'accueil de votre iPhone. Lancer safari et tapez http://IPeibPort/web/hic. Après le démarrage de la visualisation sélectionner "ajouter à l'écran d'accueil". Une icône sera placé. Lorsque vous appuyez sur cette icône, HIC démarre immédiatement en plein écran.

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox