From version < 19.2 >
edited by Jean-Yves Dupertuis
on 25-07-2014, 11:21
To version < 17.1 >
edited by Jean-Yves Dupertuis
on 25-07-2014, 11:11
< >
Change comment: Ajout de l'image com_3.jpg

Summary

Details

Page properties
Content
... ... @@ -25,11 +25,7 @@
25 25  
26 26  (% height="656" width="809" %)
27 27  |=|=
28 -|(((
29 -== **__Première fenêtre__** ==
30 -)))|
31 -|(((
32 -Le premier programme que j’ai écrit, commu01.py, est un programme
28 +|Le premier programme que j’ai écrit, commu01.py, est un programme
33 33  qui m’a aidé à réaliser des zones dans la fenêtre. Ce programme
34 34  dispose de 3 zones. Une zone pour le titre, une pour l’image et la
35 35  dernière n’est pas utilisée. J’utilise aussi la zone de l’image pour
... ... @@ -38,33 +38,22 @@
38 38  j’ai décidé d’afficher la position du commutateur en dessinant une ligne
39 39  du point commun au canal actif. Pour quitter le programme, l’utilisateur
40 40  utilisera la touche q du clavier.Le code du programme est annexé
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 -)))|
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"]]
46 46  |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,
47 47  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
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 -| |
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.|
59 59  
60 -== Finalisation ==
61 61  
62 62  
63 63  
46 +[[image:ZoneAide.jpg]]
64 64  
65 65  
66 66  
50 +[[image:BoutonIndication.jpg]]
67 67  
52 +
68 68  [[image:ClassGpio.jpg]]
69 69  
70 70  
com_4.jpg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Dupertuis
Size
... ... @@ -1,1 +1,0 @@
1 -13.2 KB
Content