Support de présentation
Certification Développeur Web - Web mobile
21 mars 2019
Présentation
- oGoXe
- Projets
- PublicMap
- Maquettage
- Modélisation
- Conception
- Réalisation
- Jeu d'essai
- Traduction
oGoXe
Créée en 2016
Sous entité de l'entreprise oGoXi
Startup environementale
Incubateur MétéoFrance GreenTech Verte (octobre 2018)
oGoXe
équipe
Guillaume Delai (CEO)
Aileen Roberts (hydrologue)
1 Stagiaire IA/Data Science
1 Stagiaire Analyste/Développeur
2 Stagiaires Communication/Marketing
Projets
Projet WordPress :
Site vitrine (oGoXi)
Commerce de thé en ligne
Projet PublicMap :
Projet principal (oGoXe)
Mise en valeur de données géo/météo
Vitrine WordPress
Site vitrine pour commerce de thé en ligne
2 semaines de développement
Projet non fini
Vitrine WordPress

Vitrine WordPress
Modification d'un thème
SiteOriginPage Builder
Simple Custom Css
Formulaire de Contact (Akismet)
PublicMap
Besoin initial
Développement d'une carte affichant des informations en temps réel concernant le risque de crues et d'inondations en France
PublicMap
Besoin initial
Projet de POC (Proof of Concept)
Libre dans mes choix techniques/technologiques
PublicMap
Missions
Trouver des sources d'information
Vérifier les possibilités d'utilisation
Exploiter les données obtenues
PublicMap
Contraintes
Temps de développement très court
Cycles de développement très rapides
Recherches parfois longues
Mise en production rapide d'une première version à l'issu de la période en entreprise
PublicMap
Choix techniques
Maquettes: Whimsical
Modélisation: LucidChart / draw.io
Gestion de versions: Git
Back-end: NodeJs/ExpressJs
Front-end: LeafletJs / GoogleChart / Ajax++
Optimisation: Gulp
Conception
Single page
Nombreuses fonctionnalités
Beaucoup de données à afficher : Lisibilité - Performance
Modèle

Maquettes

Maquettes
suite

Maquettes
mobile

Modélisation
tables initiales

Modélisation
tables modifiées

Gestion de versions
Git sur serveur privé
Branching pour essais
Branching pour features
Gestion de versions

Conception : back-end
Principe
Une route pour la view
puis
construit sur le principe d'API REST
Conception : back-end
Avantages
Facilite les échanges client/server
Optimisé pour le web
Permet isolement des features
Permet réutilisation par d'autres applications
Structure de l'API
réponse

Réalisation : back-end
Exemple

Réalisation : back-end
Exemple

Réalisation : back-end
Exemple

Conception : front-end
Principe
Nombreux appels ajax (axios) vers :
-
back-end
-
ressources en ligne
-
fichiers locaux
Utilisation massive de leafletJs et de plugins additionnels
Réalisation : front-end
Exemple

Réalisation : front-end

Réalisation : front-end
Exemple

Réalisation : front-end

Réalisation : front-end


Réalisation : front-end

Jeu d'essai
Fonction principale :
affichage des stations Vigicrues sur la carte
Jeu d'essai : back-end

Jeu d'essai : back-end

Jeu d'essai : front-end

Jeu d'essai : front-end

Jeu d'essai : front-end

Jeu d'essai : tests

Jeu d'essai : tests

Jeu d'essai : tests

Exemple de recherche sur un site anglophone
Recherche anglophone

http://esri.github.io/esri-leaflet/tutorials/introduction-to-layer-types.html
Synthèse/Conclusion
Apports
Autonomie
Première expérience pro de developpeur
Confiance
Synthèse/Conclusion
Limites
Manque de temps pour tester / adapter / refactoriser / gérer les erreurs
Travail d'équipe
Synthèse/Conclusion
Ouverture
Expérience formatrice
Découvertes
Contrat éventuel
Certification Titre Professionnel : Support de présentation orale
By djohn12
Certification Titre Professionnel : Support de présentation orale
- 629