OlivierPillods < Stages

Tags: , view all tags

Stage d'Olivier Pillods - IUT Schuman Illkirch - [13/04/15 au 19/06/15]

Important : cette page est réservée au suivi du stage, merci de ne pas la modifier

Informations générales pour les stagiaires

Pour toute information concernant ce stage : contacter Gilles

Stage d'Olivier Pillods - IUT Schuman Illkirch - [13/04/15 au 19/06/15]
Sauvegardes
Travail post stage éventuel
- - Liste des améliorations à envisager
  - Bugs connus

Sujet

Proposition de stage

Documents de travail

Stage (avril - juin 2015)

Avril

Lundi 13:
- accuei, présentation des lieux
- présentation détaillée du sujet par mon tuteur
- début de tests avec angular.js, en suivant le tutoriel sur w3schools (http://www.w3schools.com/angular)

Mardi 14:
- ajout de bootstrap.css
- suite des tests angular.js
- tutoriel d'angular.js sur w3schools terminé
- affichage d'un tableau à partir d'un fichier json
- mise en place d'un filtre pour rechercher dans les résultats
- limitation du nombre de lignes maximales affichées par 10, 25 ou 100
- présentation par mon tuteur de l'organisation des base de données autour de vizier

Mercredi 15:
- tutoriel de css avec bootstrap terminé (http://getbootstrap.com/css)
- coloration des lettres correspondant au filtre
- crossdomain sur chrome pour pouvoir faire des $html.get()
- url générée dynamiquement en fonction de la requête sql
- possibilité de modifier la requête et d'exécuter à nouveau
- spinner pendant le chargement (inspiré de celui-ci : http://css-spinners.com/#/spinner/whirly)

Jeudi 16:
- résolution d'un problème de type au niveau de l'affichage
- mise au point avec mon tuteur
- réorganisation du controlleur, réunion de variables et de fonctions en objets
- ajout de commentaires dans le controlleur
- mise en place d'un nouveau programme de test utilisant les DataTables

Vendredi 17:
- recherche sur les DataTables
- présentation en amphi sur le "Gravitational lending"
- problème avec les metadata du json avec l'utilisation de DataTables
Lundi 20:
- recherches sur les moyens de modifications et d'initialisation du contenu des datatables
- recherches sur des moyens de traiter le json avant de l'affecter
- mise en place de la génération dynamique du tableau : fonctionnelle mais une seule fois par exécution de page pour l'instant
- discussion avec mon tuteur sur les différentes façons de mettre en place notre controlleur, et le MVC
- début de mise en place du MVC "maison" pour le controlleur
Mardi 21:
- la structure du controller.js est prête et fonctionnelle
- je vide le tableau à chaque requete pour pouvoir faire plus que juste une requete
- ajout du spinner fait maison en utilisant js avec jquery
- résolution des derniers bugs css des datatables
- ajout de commentaires dans le controlleur (en anglais à partir de maintenant)
Mercredi 22:
- mise au point avec mon tuteur de la structure du model.js et view.js
- finition des trois js du mvc pour le programme avec les DataTables
- recherches sur les services et factory, via un tutoriel vidéo (https://www.youtube.com/watch?v=mg_UTcBhIaQ)
- mise en place du mvc dans le programme avec Angular.js, en utilisant deux factory pour diviser le controlleur de base
Jeudi 23:
- recherches et tutos sur les formulaires via Angular.js
- mise au point avec le tuteur
- modifications sur le mvc dans le programme avec Angular.js
Vendredi 24:
- conférence Infusion sur les design patterns et singletons
- ebauche visuelle de l'interface
- mise au point avec le tuteur, pour toute la semaine suivante, car il ne sera pas la
Lundi 27:
- remise en forme
- ajout des logo
- affichage des résultats : type ,collection, bouton de telechargement (pour l'instant pas fonctionnel), bouton d'affichage de détail
- les détails sont affichés sous forme de grande popup bootstrap
Mardi 28:
- première mise en page du formulaire
- résolution du probleme de telechargement du fits
- quelques modifs sur la disposition des sections
- affichage du sql en léger, et désactivation du bouton recherche tant qu'il n'y a pas de réponse
Mercredi 29:
- Réorganisation de l'affichage des détails, toutes les caractéristiques sont affichées maintenant
- Mise en évidence du nom de l'objet plutot que son catalogue
- Bouton "Manual ADQL" pour écrire sa propre requête, dans un popup
Jeudi 30:
- Filtre pour les spectres
- Filtre pour les images
- Modification sur les fonctions qui génèrent la requête sql

Mai

Lundi 4:
- Modification dans l'affichage des résultats
- Mise au point avec le tuteur de toute la semaine précédente
- Modification des en-têtes du tableau
- ajout de liens
- lien download corrigé
- bouton de sql rétréci

Mardi 5:
- Ajout de l'introduction et remise en forme de celle-ci
- Mise au point avec le tuteur
- Ajout du header
- Remise en forme des critères de recherche
- Ajout d'images dans les résultats

Mercredi 6 (Malade)

Jeudi 7:
- Modification du css pour ressembler un peu plus à celui de vizier
- Recherche par position maintenant fonctionnelle
- Ecriture d'un filtre qui efface le texte lorsque la valeure est nulle
- Mise au point avec le tuteur
- Modifications dans le popup de details : les mots de la description ne se cassent plus
- Ajout d'un selecteur pour choisir si le rayon (dans la recherche par position) est en degrés, minutes ou secondes
- Ajout d'une icone pour le ObsTAP Query, et gestion des retours à la ligne dans la requête entrée
- Recherche par bande min/max maintenant fonctionnelle
- Dans les détails j'ai ajouté un bouton qui permet d'afficher ou pas les lignes qui ont une valeur nulle

Lundi 11:
- Ajout du lien vers Saada
- Ajout d'Aladin Lite
- Changements sur le css pour aligner un peu mieux les gros blocs, et j'ai centré verticalement le contenu des résultats
- Mise en place d'une aide simple pour l'ObsTAP Query avec une selection parmi des mots clés
- Au bout de 5 secondes de chargement, j'affiche une erreur, au cas où, et je réactive le formulaire de recherche
- Alignement du bloc d'intro à gauche
- Lors de l'ouverture de la fenêtre ObsTAP Query le sql est généré en fonction du formulaire de base et pas juste "select * from.."
- Pareil pour le bouton "reset" de la fenêtre

Mardi 12:
- Modification du css, ajout d'un media queries à 1200px fait moi même pour que tout se place en une colonne
- Résolution de contradictions css dûes au header CDS
- L'icone vizier je l'ai forcé à rester dans l'écran, et le reste du header aussi, même à 300px le minimum possible sur mon navigateur
- Changement de "spectrum" en "spectrum / time series" partout
- Ajout d'un menu déroulant pour choisir si les bandes min/max sont en anstrom, m ou nm
- Radius par défaut à 1 degré, pour pas que la valeure soit vide au cas où
- Modification dans l'ObsTAP Query, pas fini

Mercredi 13:
- Message d'erreur si le rayon n'est pas entré
- Dans l'ObsTAP Query le select contient toutes les colonnes, et ajout d'un bouton "add" pour éviter certaines erreurs
- J'ai changé la position de base pour Aladin

Vendredi 15:
- J'ai fait des recherches sur comment trier par colonne le tableau, pour l'instant j'ai pas pu suivre les tutoriels classique parce qu'on utilise des listes avec des numéros en indice et pas du texte, et aussi l'affichage est très personnalisé
- Ajout du bouton Sesame
- J'ai rencontré des problemes de crossdomain lors du GET de ce bouton

Lundi 18:
- Mise au point avec le tuteur
- Ajout du bouton fits meta
- Correction du lien sur la colonne ObjectName
- Le bouton qui fait la requête sur Sesame pour la position fonctionne maintenant
- Changement de ce bouton en image simbad
- J'ai enlevé la fenêtre ObsTAP pour faire à la place des onglets

Mardi 19:
- Mise au point avec le tuteur
- Remise en ordre des fonctions et attributs pour respecter le MVC
- Pour les fonctions "internes" je mets maintenant un underscore devant
- J'ai enlevé le bouton sesame, et fait pour que la requete se fasse automatiquement, il reste encore un probleme : il faut taper une touche de plus, ducoup entrée fait l'affaire pour l'instant. Et seulement après la conversion, l'icone sesame s'affiche
- Finalement j'ai réglé le problème, tout est bon pour sesame
- Ajout d'une fonction "initData" qui est exécutée au démarrage de la page, permettant de récupérer les colonnes à l'avance
- Finition de la partie "add constraint" dans l'onglet ObsTAP

Mercredi 20:
- Quelques changements sur l'affichage des résultats
- Le tri est maintenant inversible, par contre j'arrive pas à afficher les carets bootstrap
- Ajout du µ à la place de l'angstrom
- Pour l'instant j'enlève la zone d'ajout de contrainte, je laisse juste le bouton "refresh"
- J'ai replacé partout pour qu'il y ait "obscore" en entrée, je le transforme en "obscore2" dans la fonction ParseSql

Jeudi 21:
- Lorsqu'on trie la page ne se déplace plus
- Affichage des données fits, avec envoi de la requete au moment du clic
- Affichage de t_min et t_max

Vendredi 22:
- Ajout du formulaire de recherche par data temporel
- J'ai remis l'angstrom pour la recherche pas bande spectrale
- Mise au point avec le tuteur
- Correction au niveau de l'url pour les catalogues contenant un "+" en replaçant par "%2b"
- Tests sur aladin lite, avec mon tuteur on a affiché quelques points pour voir

Mardi 26:
- Création de la factory aladin
- Ajout de la fonction "actualize" dans aladin, qui permet d'afficher tous les résultats de la requete
- Initialisation des catalogues d'aladin par ceux de la recherche (actuellement on en à 5) et donc création d'un objet contenant ces cataloges pour pouvoir donner une couleur différente à chaque catalogue à l'affichage
- Changement du css d'aladin en fullscreen pour qu'on ne noit plus la page derrière quand on dézoome
- Amélioration du css pour l'affichage des résultats sur écran réduit
- Mise au point avec le tuteur
- Rapide visite en salles machines, mon tuteur devait redémarrer un serveur de Vizier

Mercredi 27:
- Changement pour la conversion sesame : s'effectue maintenant quand on perds le focus
- Résolution de bugs dans la lecture des nombres (gère les espaces en trop)
- Modifications pour la génération des catalogues d'aladin
- J'ai mis le fond légèrement plus clair pour que l'on voit mieux la shpère d'aladin
- J'ai enlevé l'indicateur grisé qui affiche le sql en direct, on en a plus trop besoin maintenant
- Mise au point avec le tuteur
- Correction d'une erreur par rapport à la position des points dans aladin, maintenant on les voit bien à l'intérieur du cercle en recherche par position

Jeudi 28:
- Réunion avec mon tuteur ainsi que celui de l'iut
- Ajout d'un champ permettant de limiter le nombres d'entrées directement sur la requête (avec TOP)
- Ajout d'un bouton pour chaque ligne permettant de se déplacer sur aladin à la position donnée
- J'ai implémenté un déplacement fluide pour aladin à la place du déplacement instantané

Vendredi 29:
- J'ai tenté de faire une interaction dans l'autre sens pour Aladin, mais j'ai pas réussi
- Ajout des flèches indicatrices pour les deux colones triables
- On affiche les bandes min et max en µm
- Ajout des boutons de téléchargement csv et votable
- Quelques changements de dispositions dans le form
- Mise au point avec le tuteur
- Mise en place de l'interaction inverse avec Aladin, avec déplacement au point cliqué et isolation de celui-ci dans le tableau

Juin

Lundi 1:
- Affichage MJD
- Le filtre est maintenant vidé lors d'une requête pour éviter un confusion de l'utilisateur
- Modification du css partout, pour gagner de l'espace
- J'ai appliqué de l'alpha pour l'icone du bouton ObsTap
- Présentation de l'observatoire virtuel par André
- Présentation de VizieR par Gilles

Mardi 2:
- Présentation Aladin par Thomas
- Résolution d'un bug d'indexation lors d'un tri, pour résoudre le problème, j'ai ajouté une colonne ID au data pour être sur d'avoir le bon id
- Ajout de constantes js et de constantes angular pour rendre plus lisible le code
- Le clic dans Aladin change aussi le fov (s'il est renseigné)
- Log plus clairs et en couleur dans la console web
- Pour la recherche par catalogue on utilise maintenant le mot clé LIKE pour simplifier la recherche à ceux qui ne connaissent pas le nom exact des catalogues
- Le tableau est maintenant triable par bande spectrale et data temporel
- Ajout du Hz pour la recherche par bande spectrale
- Mise au point avec le tuteur
- Discussion sur Saada

Mercredi 3:
- Présentation au planétarium avec Skybot3D
- J'ai réglé des problèmes par rapport au bouton Meta, mais de temps en temps la requête vers Saada me renvoie un objet avec une erreur dedans, que j'affiche dans les logs
- Possibilité de faire une requête avec autre chose que * sans que ça affiche n'importe quoi : j'affiche juste les colonnes demandées et rien d'autre

Jeudi 4:
- Rédaction du rapport de stage

Vendredi 5:
- Rédaction du rapport de stage
- Conférence sur les aurores boréales et les phénomènes météorologiques associés
- Résolution d'un bug laissant les points sur aladin quand on fait une requête spéciale (sans le *)
- Résolution d'une erreur générée par angularJS par rapport aux boucles ng-repeat qui ne sont pas censées être actives
- Changement du contenu du bouton meta par classlevel.aaData

Lundi 8:
- Rédaction du rapport de stage
- Ajout de commentaires un peu partout (en anglais), et j'ai enlevé ceux qui étaient en francais
- Il restait quelques lignes du controleur qui n'avaient pas lieu d'être, que j'ai déplacé dans les bonnes factory
- Ajout de KHz MHz et GhZ pour la recherche par bande spectrale