Tags:
create new tag
, view all tags

Stage de Lilian Hollard - IUT Reims - [3/04/18 au 8/06/18]

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 Thomas, André

Sujet

Stage (Avril - Juin 2018)

Avril

  • 3, arrivée, présentation des locaux et des logiciels existant - Lecture du cours udemy sur vue.js - Quelques exercices on été réalisé (voir git)
  • 4, Objectif de la matinée : travailler sur les tutoriaux et exemple proposé par vuejs - Fait
  • 4, Objectif de l'après midi :
    - travailler sur les animations css html disponible et utilisable avec vuejs - Fait
    - (revoir le cours sur transition et animation de vuejs)
    - Intérêt : rendre la PWA plus agréable à utiliser et surtout la faire resembler le plus possible à une application native
  • 5, Objectif: Ayant assimilé plusieurs concept de vuejs, nous allons maintenant suivre le cours udemy sur les PWA
  • 5, Objectif de l'après midi:
    - tester une simple PWA réalisé ce matin 5 Avril sur un téléphone Android
    - Revoir certaines bases d'HTML et CSS en particulier les notions de design responsive.
  • 6, créer une simple PWA en mettant en application les connaissance acquises durant la semaine.
  • 9, séminaire d'accueil
    Après-midi : - Compréhension des templates vuejs
  • 10, utilisation de sesame pour afficher la position d'un objet entré par l'utilisateur dans la PWA
  • 11, - affichage d'information sur l'objet selectionné par l'utilisateur à l'aide de NED et Simbad
    - création d'un template de base pour la future PWA
  • 12, Creation d'un template PWA permettant d'avoir un score lighthouse le plus élevé possible avant de commencer le développement.
  • 13, Mise au point sur ce qui serais possible de faire, ce qui va être fait, et creation d'un prototype (incomplet)
  • 16, Création de l'interface de l'application
  • 17, Amélioration de l'interface et ajout de fonctionnalités
  • 18, Ajout des onglets Simbad et Ned pour la recherche par nom d'objet
  • 19, Amélioration de l'interface avec OsenUI
  • 20, Correction de bug - proposition d'interface
  • 23, Prototype d'interface pour Aladin Lite,
    - (Corrigé)Bug à corriger : Affichage des magnitudes Simbad(Corrigé)
    - Correction d'un bug dans le Service Worker, le plugin pagepiling ne fonctionne pas dans le SW car redondant
  • 24, Correction de certains affichages dans l'onglet Aladin,
    - Ajout des Surveys et de la possibilité de modifier l'affichage
    - garde en "mémoire" les 3 dernières préférences de Survey
    - possibilité de chercher par nom ou par position.
  • 25, Ajout de la recherche par position, l'onglet propose le même principe que la recherche par position du portail cds.
  • 26, Ajout de fonctionnalités :
    - L'utilisateur a la possibilité de choisir le rayon de sa recherche d'objet par position.
    - Mise au point sur l'existant et pour le futur de l'application.
  • 27, Correction de bugs :
    - correction d'un bug d'affichage pour quelques images preview de l'onglet Aladin.
    - correction d'un bug empêchant l'utilisateur d'obtenir des informations suplémentaire sur les objets environnant l'objet recherché.
    - correction du bug empêchant le service worker d'utiliser pagepilling.
    - correction d'un bug empêchant l'utilisateur d'observer un objet sur Aladin après l'avoir cherché dans un autre onglet.

    Suppression de l'onglet recherche par position, maintenant il est possible de chercher un objet avec un nom ou une position sur le même onglet.

    Amélioration de l'interface de l'onglet Aladin.
  • 30, Correction de bug
    Ajout de fonctionnalités :
    - Quand l'utilisateur cherche un objet avec une position, il obtient des informations sur simbad et ned avec l'objet le plus proche en plus d'avoir les objets au alentour de la position donnée.

Mai

  • 2, Amélioration de l'interface
    - Ajout d'une barre verticale pour naviguer entre les différents onglets
    - Animation de cette barre verticale
    - Changement de certaine couleurs pour un contraste moins "aggressif"
    Amélioration du code javascript
    - Ajout d'un fichier constante.js permettant de stocker de nombreux tableau
    - Ajout d'un fichier main.js ayant des méthodes communes à plusieurs onglet pour éviter la redondance
    - Ajout de commentaire
  • 3, Onglet Aladin,
    - quelques modifications
    - Correction de bugs
    Onglet Search :
    - Modification de la page pour la rendre utilisable en offline (quelques options reste néanmois encore inutilisable (ned))
    Offline :
    Ajout du cache first, le service worker va d'abord accéder au cache, si il ne trouve pas la ou les informations nécéssaire, il utilisera le réseau.
  • 4, Onglet Aladin,
    - détection de bug existant (à corriger) :
    - les deux PanSTARRS n'affiche pas les bon survey !
    - DECaPS dr1 color n'affiche pas les bon survey !
    Ajout:
    Ajout de l'onglet History permettant d'obtenir les derniers objets recherché (ATTENTION ! les recherches ne restent qu'une heure en mémoire, à voir si on laisse comme ça ou si on laisse les cookies plus longtemps mais on les limites à 10 par exemple)
  • 7, Onglet Aladin,
    - amélioration de l'interface
    - correction d'un bug qui n'affichait pas correctement la position demandé par l'utilisateur.
    - Voir pour réduire la consomation de données mobile s'il est possible de réduire la qualité de l'image et de proposer à l'utilisateur de ce mettre en Wifi plutôt que d'utiliser sa 4g par exemple.
    Onglet History,
    - amélioration du javascript
    - l'historique n'affichera plus plusieurs fois le même objet si l'utilisateur l'a cherché à plusieurs reprise.
    - amélioration du design
    Onglet Search,
    - vérification du cache only, à chaque recherche le site utilisera bien les requêtes conservé dans le cache si l'utilisateur à déjà fait la recherche, même si il est online. (À surveiller)
    Ajout:
    Onglet Login,
    - Prototype d'une page/design
  • 9, Onglet login
    - Finalisation de l'interface
    Onglet Aladin
    - Detection de bugs (listé au début du Twiki)
  • Mise au point sur les modifications à mettre en place (listé au début du Twiki)
  • Application : Mise en place d'un serveur https
  • 11, Mise en place du site sur le serveur https cdsportal.u-strasbg.fr/pwa/
    - Correction de bug d'affichage, changement des chemins de redirection de pages
    - Changement d'interface :
    Page d'accueil -> Les positions sont affiché en dessous de la barre de recherche au lieu d'être en dessous des boutons
    Toutes les pages -> ajout d'un titre et réduction des espaces vide
    Découverte :
    L'application une fois installé sur téléphone ne récupère pas les nouvelles version du site et ne prend pas en compte les changement effectué, la seul solution trouvé à ce jour est de supprimer l'historique de navigation pour que l'application récupère la version la plus récente.
    Test: La bannière pour installer l'application semble ne pas marcher pour certaines personnes, à méditer
  • 14, Mise en place de l'onglet Bibliography,
    - Il permet d'obtenir 5 articles, pour un objet donnée, avec son bibcode, son titre et sa date de parution.
  • Correction de bug de redirection
  • Correction d'un bug qui bloquait l'affichage des résultats Simbad et Ned sur le serveur https
  • 15, onglet Bibligraphy,
    - possibilité d'utiliser l'onglet en offline
    - ajout de l'option abstract, permettant d'afficher l'abstract d'un article
    Onglet menu,
    - possibilité d'optenir les positions j2000d et Galactic en offline
    Correcton de bug à effectuer : afficher correctement la position j2000
    Amélioration à effectuer : optimiser la requête simbad pour qu'elle ne propose que les éléments demandé (alléger les données mobile)
    Mise en place d'un plan pour le rapport de stage
  • 16, L'application marche entiérement en offline à part NED (voir pourquoi ?) (sauf erreur de ma part)
    Mise en place d'un logo pour la page d'accueil (Merci Mathieu Bigard)
    Ajout d'un onglet pour y mettre simWatch
    Modification de CooConversion et de querySimbad pour parfaitement correspondre à mes besoins
  • 17, Bug sur téléphone seulement: l'onglet Aladin ne fonctionne pas correctement.
  • 18, Onglet PocketSimWatch,
    Ajout d'objet :
    - Un objet déjà ajouté ne sera pas ajouté, l'utilisateur en sera prévenu
    - Le nom de l'objet ajouté correspondra à l'id simbad de ce dernier (ex : m81 deviendra M 81)
    - Un objet non présent dans Simbad ne sera pas ajouté
    - Tout les objets ajouté par l'utilisateur avec succès serons enregistré dans un cookie du nom de obj sous la forme de idObj1#idObj2#etc
    Correction de bug (recherche par position)
    À corriger : recherche par position impossible en offline !
  • 22, Correction d'un bug empêchant l'affichage des bibliographies
    Amélioration de l'ajout d'objet dans pocket SimWatch.
    Ajout de l'onglet preview pour pocket SimWatch.
    Possibilité de visionner les différentes références pour les objets favoris (À finir : problème avec Simbad TAP durant le développement EDIT: FAIT)
    Prototye d'un nouveau pocket Aladin, design proche de google maps sur téléphone, à tester
    Ajout de commentaire sur le code effectué durant le stage
  • 23, preview SimWatch, ajout des dernières références pour les objets favoris de l'utilisateur (avec scroller infini)
    Ajout d'un quickview de l'image et le type d'un objet (comme dans simWatch) (Ajouter quelques informations supp et/ou changer le design ?)
    À faire: corriger un bug concernant les bibliographies ! (pour l'instant aucune idée de pourquoi ça ne marche plus... certainement les modifications de SImbad TAP)
  • 24, Bibliography :
    - Correction du bug ci-dessus
    - Affichage des 10 papiers les plus récents
    - Modification du système de recherche (la requête ne demande plus tout les objets mais seulement les 10 premiers (alègement des données mobiles)
    - ajout de la recherche par Bibcode
    Général :
    - Modification du Titre
    Preview pocket SimWatch :
    - Correction du titre
    - Limitation du nomre d'auteurs à 10
    - Proposition de redirection vers l'onglet recherche si on clique sur un objet
    - Proposition de redirection vers l'onglet bibliography si on clique sur un Bibcode
    Login :
    - Ajout de la possibilité d'avoir un mail si mdp oublié à l'aide d'un username
    Git :
    - Readme.md mise à jour (Français et Anglais)
    Search :
    - Correction d'un bug d'affichage (Simbad & Ned)
    Bug connu à ce jour :
    Historique : affichage d'objet incorrect
  • 28,29 Écriture du rapport de stage (status : 3/4) + amélioration de l'onglet history

Juin

  • 1-5 : préparation de la soutenance
  • 6 : Pré-soutenance - correction du diapo et du rapport
  • 7 : Possibilité d'ajouter et/ou de suprrimer des objets à notre compte simwatch depuis pocket simwatch + amélioration du diapo de soutenance.
    pocket simwatch : Ajout des magnitudes

Liens

Versions testables

Documentation

  • Rapport : pdf
  • Soutenance : pdf

Travail post stage éventuel

  • ...

Liste des améliorations à envisager

  • Code JavaScript de pocket Aladin
  • Minifier les script JavaScript comme querySimbad / Ned / Biblio etc pour réduire le temps de chargement de la page web
  • utiliser HTTP/2 pour toutes les resources
  • Proposer à l'utilisateur d'activer sa Wifi si on detecte que ce dernier utilise uniquement ces données mobiles dans l'onglet Aladin

Bugs connus

  • Pocket Aladin : conflit avec certaines image en http
  • NED : ned est inutilisable en offline
  • BIbliographie : besoin de refresh parfois pour avoir les derniers papiers d'un objet

Attachments Attachments
Topic attachments
I Attachment Action Size Date Who Comment
PDFpdf CDS-template_K09.pdf manage 5780.6 K 2018-07-03 - 06:58 AndreSchaaff  
PDFpdf Rapport_de_Stage.pdf manage 4194.8 K 2018-07-03 - 06:45 AndreSchaaff  
Edit | Attach | Print version | History: r56 < r55 < r54 < r53 < r52 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r56 - 2018-07-03 - AndreSchaaff
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback