• L'équipe de développeur de Samurize pour cet excellent logiciel
• Bubka pour les nouvelles balises et les conseils de mise en page
• Madness : correcteur et béta testeur officiel
• Tous les autres membres de la team CXP

Bienvenue dans ce troisième tutorial consacré à Samurize. Nous allons enfin entrer dans le vif du sujet puisque nous allons enfin réaliser notre première config : c'est celle que nous avons affiché dans le précédent tutorial (cf. Image1).

Image1

Le but de cette leçon sera double puisqu’en plus de la réalisation de la config, il faudra aussi apprendre à utiliser l’éditeur.

a) Mise en route

Tout d’abord, il faut lancer l’éditeur de config, pour ce faire allez dans le menu démarrer => tous les programmes => Serious Samurize 1.64 => Config Tool. La fenêtre suivante apparaît (cf. Image 2) :

Image2 (Cliquez pour agrandir)

L’interface se compose des éléments suivants :

1. Le menu et la barre d’outil en haut
2. La liste des contrôles (vide pour le moment) à gauche
3. L’aire de dessin au centre
4. Un panneau Outils et Paramètres à droite
5. Un panneau en bas (pour l’instant partiellement masqué)

b) Quelques réglages

Avant de commencer, nous allons voir quelques réglages qui peuvent être utiles pour la suite. Ceux-ci sont disponibles via le panneau en bas de l’écran (cf. Image3).

Image3

A gauche, les deux nombres (par défaut 10 et 10) permettent de régler la taille horizontale et verticale de la grille. Celle-ci est matérialisée par les points noirs sur l’aire de dessin. La case à cocher située juste à côté permet quand à elle d’activer ou de désactiver l’alignement sur la grille.

Lorsque cette option est activée, le déplacement d’un contrôle se fait d’un nombre de pixel correspondant à la taille de la grille alors que si elle est désactivée, le déplacement se fait pixel par pixel.

A droite de ce panneau, se trouve une icône et une liste déroulante représentant le niveau de zoom (par défaut la valeur affiché est de 100%). Un clic sur la liste déroulante permet de changer le niveau de zoom (très utilise pour pouvoir positionner précisément un contrôle). Un clic sur l'icône permet de revenir au niveau de zoom par défaut (100%).

c) Réglages avancées

D’autres options sont disponibles dans ce panneau mais nous devons tout d’abord les afficher en cliquant sur les deux chevrons dirigés vers le haut.

Le panneau agrandi permet d'accéder à d'autres options (cf. Image4).

Image4

Tout à gauche se trouve une case à cocher Utiliser une image de fond. Cette option permet d'afficher une image dans l'aire de dessin ce qui rend le positionnement des contrôles plus aisé.

Après avoir cliqué dessus, il y a deux façons de choisir l'image de fond :

• En cliquant sur le bouton ... juste en dessous, puis en choisissant une image.
• En cliquant sur le bouton Capture d'écran. (Cette possibilité est la plus simple et la plus rapide pour afficher son fond d'écran dans l'aire de dessin).

En décochant la case, l'image de fond disparaît.

A droite, se trouvent trois cases à cocher :

• La première Recouvrement du bureau ne sert strictement à rien (ou alors, je n'ai pas trouvé son utilisation!)
• La deuxième Encadrer les contrôles permet d'afficher un cadre autour de vos contrôles (cela peut être utile lorsque l'on a des contrôles vides).
• Enfin la troisième case Afficher les contours de la config affiche un cadre autour de la config ce qui permet de visualiser sa taille totale.

Conseil : Si ce cadre est vert pas de problème par contre s'il est rouge, alors la config est trop grande et risque de consommer beaucoup de mémoire. Il vaut mieux dans ce cas diviser sa config en deux ou plus.

Enfin le bouton en dessous de ces cases permet de changer la couleur du fond de l'aire de dessin.

Information : L’utilisation ou non des ces options est une question de goût et de situation. L’affichage du fond d’écran est utile lors du positionnement des contrôles mais pas forcément le reste du temps, c’est la même chose pour les autres options.

En cliquant à nouveau sur les chevrons (qui sont maintenant dirigés vers le bas) le panneau se referme. Cela permet de laisser un plus grand espace pour l’aire de dessin

a) Partie supérieure : la date

i) Ajout du contrôle

Nous allons commencer la config par la partie supérieure

Cette partie est composée de deux éléments :

• un contrôle (la date)
• un élément graphique (le cadre arrondi transparent)

Pour ajouter le contrôle, il faut faire un clic avec le bouton droit sur l'aire de dessin. Et choisir dans le menu Ajouter Date/Heure. Le contrôle apparaît à l'endroit où vous avez cliqué. Vous pouvez le déplacer en faisant du glisser/déposer.

Image5

Lorsqu'un contrôle est sélectionné, des réglages sont disponible dans le panneau Outils et Paramètres en dessous de Ajouter contrôle (cf. Image5).

• Dans l'onglet Général se trouvent les réglages de positions, de taille et beaucoup d'autres choses qui ne seront pas détaillées pour le moment.
• Dans l'onglet Source, on peut modifier des informations propres au contrôle sélectionné. Pour le contrôle que nous avons ajouté, ce sont des réglages pour déterminer ce que celui-ci affiche (uniquement la date, uniquement l'heure, etc...).
• Dans l'onglet Affichage, on a la possibilité de choisir la police, la couleur de l'écriture, ...
• Enfin, dans l'onglet Entrée, on peut associer une action à effectuer lors d'un clic de la souris sur le contrôle.