allégé : TepWeb


Tepweb est une version allégée de TracenPoche permettant l’insertion d’une figure dynamique dans une page web.

Téléchargement : tepweb.zip (2,9 Mo) version 3.43 : l’archive contenant les fichiers tepwebxy.swf (voir ci-après), un fichier HTML (exemple.htm) et une fichier script text (script.txt).

La page d’accueil montre un exemple d’utilisation. En voici un autre très basique :

L’intérêt de tepweb réside dans sa taille : tepweb.swf ne fait que 131 Ko (contre 256 pour Tracenpoche.swf), ce qui permet un chargement rapide même la 1ère fois.

Une fois ce fichier swf placé dans le répertoire de la page web, il suffit d’y placer les scripts TeP et de les appeler convenablement.

NB pour FireFox : pour assurer une compatibilité maximale, il faut aussi placer les fichiers base.tep et macros.tep fournis avec Tepweb (il y a un bug dans le plugin Flash).

Par défaut Tepweb est en 300 pixels par 300 pixels.
Mais plusieurs TepWeb sont disponibles :


- tepweb150150
- tepweb200200
- tepweb (300300)
- tepweb400300
- tepweb400400
- tepweb450450
- tepweb500500
- tepweb600600
- tepweb900300
- tepweb900500

Le code HTML permettant d’intégrer une figure script1.txt dans la page ressemble à ce qui suit :


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"        codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0"
       width="300" height="300" align="middle">
       <param name="allowScriptAccess" value="sameDomain"/>
       <param name="quality" value="high" />
       <param name="bgcolor" value="#99cccc" />
       <param name="SRC" value="tepweb.swf?script=script1.txt">
       <embed src="tepweb.swf?script=script1.txt" width="300" height="300"
              align="middle" quality="high" bgcolor="#99cccc" swLiveConnect=true
              id="script1" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
              pluginspage="http://www.macromedia.com/go/getflashplayer" />        
</object>

Repérer les 2 paires width= et height= ainsi que les 2 tepweb.swf?script=script1.txt : ils apparaissent 2 fois !

Si vous utilisez par exemple tepweb500500, alors il faut penser à modifier le fichier htm comme ci-dessous :


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"        codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0"
       width="500" height="500" align="middle">
       <param name="allowScriptAccess" value="sameDomain"/>
       <param name="quality" value="high" />
       <param name="bgcolor" value="#99cccc" />
       <param name="SRC" value="tepweb500500.swf?script=script1.txt">
       <embed src="tepweb500500.swf?script=script1.txt" width="500" height="500"
              align="middle" quality="high" bgcolor="#99cccc" swLiveConnect=true
              id="script1" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
              pluginspage="http://www.macromedia.com/go/getflashplayer" />        
</object>

Les fichiers TeP chargés par TepWeb doivent être configurés comme suit :

 @options ;
    les options
 @figure ;
   le script de la figure
 @config ;
   couleurfonddessin=0xFEFDDE ;
   boutons=animation ;

On ne peut donc changer que la couleur du fond à l’aide du paramètre couleurfonddessin et éventuellement afficher le bouton d’animation. Ces 2 configurations sont npon obligatoires.

L’applet peut être partagée par plusieurs dossiers, sans avoir à la copier dans chaque dossier.

Il suffit de mettre le chemin relatif d’accès à tepweb.swf par rapport au dossier contenant la page HTML :


...
<param name="SRC" value="../flash/tepweb.swf?script=script1.txt">
<embed src="../flash/tepweb.swf?script=script1.txt" width= ...
...

Dans cet exemple, la page HTML est dans un sous-dossier Documents et l’applet est dans un autre sous dossier de même niveau nommé Flash :


   |
   --- {flash}
   |     |
   |     --- tepweb.swf
   |
   --- {documents}
         |
         --- presentation.htm
         --- exemples.htm

Quelques astuces pour bien faire passer une figure TeP dans TepWeb :


- activer le repère à la souris par le bouton dans TeP
- modifier la position de l’origine du repère de TeP dans repereortho(...) de la section @options ; du script :
si vous centrez comme dans le fait TeP par défaut, il suffit de vérifier que les 2 premiers paramètres du repère correspondent aux coordonnées du centre du rectangle d’affichage de Tepweb :
avec Tepweb400300, ce sera (200,150,...) : on divise les dimensions par 2.
On peut aussi déplacer la figure avec le bouton .
- modifier ensuite l’échelle de l’unité : par défaut, TeP travaille avec 30 pixels par unités, il suffit de le corriger dans le script, c’est le 3ème paramètres : repereortho(xO,yO,u, ...) ; En général 15 convient.
- rendre le repère invisible à la souris en recliquant sur le bouton .