From version < 17.1 >
edited by Jean-Yves Dupertuis
on 25-07-2014, 11:11
To version < 19.2 >
edited by Jean-Yves Dupertuis
on 25-07-2014, 11:21
< >
Change comment: modification des images en texte

Summary

Details

Page properties
Content
... ... @@ -25,7 +25,11 @@
25 25  
26 26  (% height="656" width="809" %)
27 27  |=|=
28 -|Le premier programme que j’ai écrit, commu01.py, est un programme
28 +|(((
29 +== **__Première fenêtre__** ==
30 +)))|
31 +|(((
32 +Le premier programme que j’ai écrit, commu01.py, est un programme
29 29  qui m’a aidé à réaliser des zones dans la fenêtre. Ce programme
30 30  dispose de 3 zones. Une zone pour le titre, une pour l’image et la
31 31  dernière n’est pas utilisée. J’utilise aussi la zone de l’image pour
... ... @@ -34,22 +34,33 @@
34 34  j’ai décidé d’afficher la position du commutateur en dessinant une ligne
35 35  du point commun au canal actif. Pour quitter le programme, l’utilisateur
36 36  utilisera la touche q du clavier.Le code du programme est annexé
37 -à la fin du document.\\|[[image:http://212.74.133.122:81/xwiki/bin/download/Hardware/SwitchAntenna/com_1.jpg?width=1580||alt="com_1.jpg"]]
41 +à la fin du document.\\
42 +)))|[[image:http://212.74.133.122:81/xwiki/bin/download/Hardware/SwitchAntenna/com_1.jpg?width=1580||alt="com_1.jpg"]]
43 +|(((
44 +== **__Utilisation de la fenêtre__** ==
45 +)))|
38 38  |La première modification que j’ai faite dans mon programme est la modification du canal sélectionner sur l’image. J’ai donc choisi, qu’à l’aide du clavier, l’utilisateur pourra faire bouger la sortie. Pour le faire,
39 39  il pourra utiliser les touches a, b, c et d du clavier. La fenêtre en elle-même n’a pas changé. Pour faire bouger le commutateur, j’utilise Pygame pour dessiner des lignes. Il demande un point de départ, un point d’arrivée et une épaisseur. J’ai donc noté les coordonnées des points A, B, C et D lors de la création de l’image et j’ai finalement utilisé ces coordonnées dans le programme. Une fois une touche pressée, je
40 -supprime l’ancienne ligne en affichant l’image pardessus et je redessine la nouvelle ligne aux nouvelles coordonnées. Le code du programme (commu02.py) est annexé à la fin du document.| [[image:com_2.jpg]]
41 -|Comme le changement de canal fonctionne, j’ai décidé d’ajouter une zone d’aide. Cette zone contiendra les différentes commandes que l’utilisateur peut utilisé. J’ai placé cette zone sur la droite de l’image ce qui m’a fait redéfinir l’emplacement de l’image dans la zone centrale et la position des lignes à afficher. Le code du programme (commu03.py) est annexé à la fin du document.|
48 +supprime l’ancienne ligne en affichant l’image pardessus et je redessine la nouvelle ligne aux nouvelles coordonnées. Le code du programme (commu02.py) est annexé à la fin du document.|[[image:com_2.jpg]]
49 +|(((
50 +== **__Zone d’aide__** ==
51 +)))|
52 +|Comme le changement de canal fonctionne, j’ai décidé d’ajouter une zone d’aide. Cette zone contiendra les différentes commandes que l’utilisateur peut utilisé. J’ai placé cette zone sur la droite de l’image ce qui m’a fait redéfinir l’emplacement de l’image dans la zone centrale et la position des lignes à afficher. Le code du programme (commu03.py) est annexé à la fin du document.|[[image:com_3.jpg]]
53 +|(((
54 +== Boutons d’indication ==
55 +)))|
56 +| L’étape suivante dans l’amélioration de mon programme est d’afficher sur des « boutons » l’état de chaque sorties. Ces « boutons » sont représentés par des carrés noirs. Une sortie active a un vu vert dans son carré alors qu’une sortie inactive a une croix rouge.J’appel ces indicateurs « boutons » car, prochainement, l’utilisateur pourra utiliser la souris pour activer une sortie. Pour le moment, les commandes se font encore au clavier. Le code du programme (commu04.py) est annexé à la fin du document.
57 +\\\\Après avoir utiliser les boutons comme indicateurs, j’ai décidé de rendre possible le changement d’état à la souris. Maintenant, il est donc possible de cliquer sur une case pour l’activer. Le code du programme (commu05.py) est annexé à la fin du document.|[[image:com_4.jpg]]
58 +| |
42 42  
60 +== Finalisation ==
43 43  
44 44  
45 45  
46 -[[image:ZoneAide.jpg]]
47 47  
48 48  
49 49  
50 -[[image:BoutonIndication.jpg]]
51 51  
52 -
53 53  [[image:ClassGpio.jpg]]
54 54  
55 55  
com_4.jpg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Dupertuis
Size
... ... @@ -1,0 +1,1 @@
1 +13.2 KB
Content