all html : Le portail des webmaster

Article publié le lundi 29 mars 2004 par ALL HTML.
Cet article est classé dans les catégories « SMIL »

A propos de SMIL Composer

SMIL Composer est un logiciel élaboré par Sausage qui permet de composer des présentations SMIL. Il est excellent pour intégrer les éléments multimédias, et pour mettre en place la mise en page et le timing de votre animation SMIL. Son seul défaut : Il ne prend pas en compte toutes les options possibles de SMIL, comme les liens par exemple.
Le mieux est donc de faire la composition spatiale et temporelle sur Smil Composer, et d'ajouter ensuite dans le code source, toutes les options souhaitées à l'aide d'un éditeur de texte. A noter que SMIL Composer est un freeware (gratuit). Ce logiciel est disponible dans la zone téléchargement d'ALL HTML.

L'environnement de travail

Nous allons détailler point par point l'environnement de travail (menus, zones...) de SMIL Composer afin de meiux l'appréhender par la suite.

1) Barre de menu
2) Intégration des éléments
3) Zone de séquences
4) Zone de Code
5)Zone d'options
6) Fenêtre de mise en forme

Vue d'ensemble du logiciel SMIL Composer

http://www.allhtml.com/gifdata/html106.gif />

1) Barre de menu

http://www.allhtml.com/gifdata/html107.gif />
La barre de menu est composée de 4 onglets :
File: Permet d'ouvrir, de fermer et d'enregistrer un document.
Insert: Permet d'intégrer les éléments dans la présenation.
View: Permet de d'apercevoir le document dans un lecteur SMIL, de visualiser le code SMIL, et de donner les informations de base.
Help: Aide, exemples et didacticiels sur le logiciel SMIL Composer.

2) Intégration des éléments

Intégration des élémentsCe menu permet d'intégrer différents fichiers multimédias à vos documents SMIL.

Il est composé de plusieurs icônes :

Add Audio Clip : Intègration de son.
Add Video Clip : intègration de vidéo.
Add Text Clip : Intègration d'un flux de texte.
Add Image Clip : Intègration d'image.
Add RealFlash Clip: Intègre d'animation Flash (swf).
Add Sequential Block: Ajoute une séquence (les éléments s'éxécutent les uns après les autres).
Add Parallèle Block: Permet une lecture parallèle des éléments.
Add Switch Block : Ajoute un switch (variation de la présentation selon la configuration).

http://www.allhtml.com/gifdata/html108.gif />

3) Zone de séquences

http://www.allhtml.com/gifdata/html109.gif />
Cette fenêtre indique l'ordre dans lequel les éléments s'exécutent et leur propriétés.

Move Up : Spécifie l'ordre d'exécution des éléments (au-dessus).
Move Down : Spécifie l'ordre d'exécution des éléments (au-dessous).
Delete : Suppression d'un élément.
Check : Vérification des éventuelles erreurs de code.

4) Zone de Code

http://www.allhtml.com/gifdata/html110.gif />
Cette fenêtre permet seulement de visualiser le code Smil, il n'est pas possible de le modifier.

5) Zone d'options

Propriétés d'une région

a) Propriétés d'une région

Cette fenêtre définie avec précision les propriétés d'une zone d'affichage :
- Nom
- Position
- Dimensions
- Couleur de Fond

Fit offre 4 possibilités d'affichage des objets.

http://www.allhtml.com/gifdata/html111.gif />
b) Propriétés d'un bloc

Cette fenêtre est valable pour les éléments par et seq. On peut parametrer la langue, le taux de transfert, le nombre d'exécution de la séquence, ou la fin de la lecture parallèle.

http://www.allhtml.com/gifdata/html112.gif />
c) Propriété d'un clip

Cette fenêtre décrit les propriétés de l'objet :

- Nom
- Région
- Langue
- Taux de transfert
- Temps d'affichage
- Nombre d'exécutions

Disposal indique si l'objet doit disparaître ou non lorsque sa lecture est terminée.

http://www.allhtml.com/gifdata/html113.gif />

Fenêtre de mise en forme

http://www.allhtml.com/gifdata/html114.gif />
C'est par le biais de cette fenêtre, que la mise en forme est définie (emplacement des régions, dimensions).

Add Region : Permet d'ajouter une nouvelle région.
Delete region : Suppression d'une région.
Set Z-Order : Modifie la position chronologique d'un élément.
Move to back : Placement en arrière-plan.
Move to front : Placement au premier plan.