Développement web avec JQuery

Emetteur SELFadvert
Contact : P. Rolland [E-mail visible pour les membres Pro]
Phone 33 (0) [Téléphone visible pour les membres Pro]
Interface HTML, Js, PHP
Urgent : A faire dès que possible,
Fin : avant le 10 Octobre 2012.
Durée estimée : 3/4 jours homme.
Date 19/9
Version 1.1

A partir de fichier d’une carte SD sur PC, on génère 2 fichiers: data.js et un fichier html.

Voir le PDF avec l'image de l'interface.
Figure 1Exemple de l’interface à réaliser

L’interface est en deux parties : Actuellement et Project

Corformation des zones :
« Liste des fichiers carte sd » Sur la gauche une fenêtre illustrant le contenu de la carte sd,
on peut choisir d’afficher le fichier html de son choix, le contenu du fichier html s’affiche à droite : la carte de température et ces zones

Une zone (maximum 10) :
Son calcul est soit passage >5s, passage <5s et entrées/sortie ; chacun de ces modes impliques : un nom à ces champs et un mode de calcul propre.
Soit n’est pas visible
Soit le calcul est manuel dans ce cas : en tout 40 variables Z1a, Z1b, Z1c, Z2a, Z2b,….
On doit pouvoir le calcul à souhait : Z1a=2*Z1a+Z2b ;
On doit pouvoir dessiner une zone à souris, lui donner un nom (zone1, etc.)

« Image de fond »On doit choisir l’image de fond pour générer les données data.js, cela fait un parcourir sur la carte sd, l’image sera utilisé dans la génération du data.js et html. Elle s’affiche dans la partie « projet de mesure »
« Efface data » On peut retirer des données : on clique sur « efface data » cela permets de sélectionner une ou plusieurs zone sur la carte de chaleur, chaque zone, est un rectangle, cela efface l’équivalent dans la matrice des datas. Sur l’image ces rectangles d’effacement sont illustrer par des rectangles rouges par exemple opacité de 50%, une croix permets de les supprimer eux même, ont dois pouvoir les redimmensionner et les déplacer.
« View project » : affiche dans la partie verte « project » …. L’image de fond plus, les zones que l’on vient de spécifier avec le résultat des calculs et des noms de chaque champs, mais aussi repositionne les zones si elles ont été modifiées.

Sur la partie verte : Projet de mesure
On affiche l’image de fond sélectionnée
On voit les nouvelles zones, celle créé ou celle simplement modifiée
On voit aussi les zones d’effacements de data en rouge densité 50% par exemple.
Pour chaque zone on voit la 1, 2 ou 3 données, ainsi que sont rectangle sur l’image de fond.
La case à cocher : lisser les données, guillaume donnera les calculs à faire, après le lissage on affiche les nouvelles données des zones (les rectangles ne bougent pas) si on décoche ca réaffiche les anciennes données.

Le bouton masquer nb people indiquent qu’il ne faudra pas mettre dans le data.js le nb de personnes général
Idem pour le temps moyen generate data.js genere les « bons » fichier.

Toute cette interface est logée dans un fichier texte, ou chaque clic est dater avec heure minute, et l’opération avec chaque valeur.
Ce mode doit être assez verbeux pour debugger.
Le fichier de log est créé un par jour.