-
Notifications
You must be signed in to change notification settings - Fork 2
/
Cahier_des_Charges.txt
174 lines (141 loc) · 5.28 KB
/
Cahier_des_Charges.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
Google Map Full Viewport (- margin/padding)
Fonction plein ecran
Enlève les panneaux par un effet de fade OU declenche les animations de disparition
Zoom pour remettre à l'echelle
-------------------------------------------------------------------------------
8 panneaux:
1 maitre haut (TITLE)
1 maitre bas (FORM)
1 maitre gauche (BUTTONS)
1 maitre droite (TWITTER)
1 esclave haut-gauche (ISS POSITION)
1 esclave haut-droite (ISS LINKS)
1 esclave bas-gauche (USER POSITION)
1 esclave bas-droite (ISS PASS TIME)
Les panneaux esclaves ne peuvent disparaitre que si les DEUX paneaux maitres adjacents disparaissent
Sinon, les panneaux esclaves auront un cache
Les panneaux maitres peuvent tout le temps disparaitre
Tous les panneaux ont un bouton pour disparaitre/apparaitre (+/- ou flèche) (place au plus près du centre de la page)
L'animation de disparition des panneaux se fera en 3 etapes: Mouvement 1 + Stop + Mouvement 2
Mouvement 1 et Mouvement 2 auront la même duree
La duree totale doit être inferieure ou egale à 1s (eg: 0.45 + 0.1 + 0.45)
Mouvement 1 des maitres: rotation 3D
Mouvement 2 des maitres: translation 2D
Mouvement 1 des esclaves: transation 2D du cache
Mouvement 2 des esclaves: rotation 2D
Le Mouvement 1 se passe entièrement à l'ecran
Le Mouvement 2 fait sortir de l'ecran
L'animation d'apparition est inverse de l'animation de disparition
OR
Simple translation 2D 45°/90°
-------------------------------------------------------------------------------
IMPLEMENTATION
des classes en JS
Les fonctions CALLBACK servent de routeurs d'informations (que des appels de fonctions creees)
Les API ISS s'appellent avec un appendChild d'une balise <script> avec le jsonp en src (et un setInterval pour mettre à jour)
-------------------------------------------------------------------------------
FEATURES
A: google maps full viewport
B: Single User marker
C: Single ISS marker (update Interval)
D: record last ISS positions
E: Draw ISS path
F: click google maps marker + recenter User
G: clear User marker button for + recenter ISS
H: form google maps marker + recenter User
I: form select input villes + recenter User
J: daynight cycle google maps
K: twitter accounts: astronauts, iss, nasa
L: credits: portfolio, simplonmars, centrale marseille
M: ISS Pass time
N: ISS live position
O: User marker position
P: localStorage user marker, options
Q: Liens vers ISS Live camera, Nasa, ISS (other)
R: hidden (or out of place) map buttons
S: shrinkable title
T: style
-------------------------------------------------------------------------------
TASKS
A: google maps full viewport
A1: Doc google maps
Done A2: init google maps
Done A3: styler conteneur google maps
A4: definir A5-An
B: Single User marker
B1&C1: Doc google maps marker
B2: placer User marker google maps au click
B3: enlever marker au nouveau click
B4: enlever marker boutton clear
B5: rezoomer la map pouf afficher ISS User
C: Single ISS marker (update Interval)
C2: placer ISS marker appel script
C3: enlever marker rappel script
D: record last ISS positions
D1: enregistrer position appel script
D2: bloquer taille tableau (eg: 3600 points)
E: Draw ISS path
E1: Trouver techno dessin traits google maps
E2: dessiner sur la map
F: click google maps marker + recenter User
F1: recentrage au click
F2: creation du bouton de recentrage User
F3: recentrage au bouton User
G: clear User marker button for + recenter ISS
G1: recentrage au bouton clear
G2: creation du bouton de recentrage ISS
G3: recentrage au bouton ISS
H: form google maps marker + recenter User
H1: creation du formulaire (champs + submit)
H2: recuperation des valeurs des champs
H3: gestion du submit
H4: creation du boutton clear
I: form select input villes + recenter User
I1: creation du champ
I2: attribution de valeurs par defaut
J: daynight cycle google maps
J1: Doc google maps day/night cycle
J2: afficher le cycle jour/nuit
K: twitter accounts: astronauts, iss, nasa
K1: Recuperer comptes twitter
K2: afficher les infos (liens clicks)
L: credits: portfolio, simplonmars, centrale marseille
L1: Recuperer les infos de l'equipe
L2: afficher les infos (liens clicks)
M: ISS Pass time
M1: Affichage de l'heure estime
M2: affichage du compte à rebours
M3: bouton changement affichage horaire (12h/24h)
N: ISS live position
N1: Recuperer les coordonnees de l'ISS
N2: afficher les coordonnees
O: User marker position
O1: recuperer les coordonners de User
O2: afficher les coordonnees
P: localStorage user marker, options
P1: bouton clear localStorage
P2: stocker donnees User
P3: stocker options User
Q: Liens vers ISS Live camera, Nasa, ISS (other)
Q1: Recuperer les infos/sites
Q2: afficher les infos (liens clicks)
R: hidden (or out of place) map buttons
R1: Doc google Maps boutons
R2: enlever boutons google maps OU les deplacer
S: shrinkable title
S1: Définir la transformation à appliquer
S2: appliquer la transformation
T: style
T1: add reset css
T2: add structure html
T3: add particular style
-------------------------------------------------------------------------------
NOMMAGE
Branches git: [surnom_github]-[lettre_branche]-[nom_branche]
[lettre_branche] MAJUSCULE
[nom_branche] camel-case (pas d'espace)
Commits git: [fonctionnalite_branche] - [message]
[fonctionnalite_branche] MAJUSCULE et chiffre
[message] en Anglais
fichiers: nom cohérent
app.js INTERDIT