L’interconnexions des apps
Ma première mission était de concevoir et créer un outil de référence pour les interconnexions entre les SI. Je devais appréhender les problématiques fonctionnelles pour les intégrer dans la conception. Tout d’abord il fallait effectuer une étude de conception des évolutions de l’outil en collaboration avec les acteurs et partenaires des projets. En premier lieu, j’ai effectué des développements techniques. Puis j’ai réalisé des prototypes techniques comme étant développeur full stack JS, diagnostiqué et suivi les problèmes des environnements de tests.
Ce besoin répond à la problématique suivante :
– Un manque de visibilité sur les environnements, les connectivités et les versions.
Plus de visibilité permettrait d’éviter les redondances de données (doublons), le manque de maitrise des données (suppression, ajout, modification) et permettrait surtout la traçabilité de la donnée (modifiée par.., créée par.., supprimée par..).
Comment devenir développeur full stack ?
Suite à ma première mission, qui était principalement du cadrage et de la documentation, j’ai participé aux activités de l’équipe intégration pour la mise en place des nouvelles versions applicatives des SI. Sur cette mission, j’ai principalement travaillé auprès de développeurs.
Ce sujet avait déjà été développé par un précédent stagiaire. Malheureusement, par rapport aux nouveaux besoins, il fallait tout reconstruire. Voici donc ce qui a été réalisé et ce que j’ai appris durant ces 6 mois de stage:
- En amont, j’ai rassemblé toutes les données de l’architecture pouvant être nécessaires à son prochain déploiement;
- Puis, une période d’analyse et un examen détaillé ont été réalisés. De nombreux développements on été effectués sous Angular 7;
- J’ai pu maîtriser des nouveaux concepts de la vue finale à la ligne de code du serveur web NodeJS tout en Javascript;
- Par ailleurs, j’ai pu avoir une expérience dans la programmation orientée objet et comprendre son fonctionnement et son utilité;
- J’ai pu réaliser en autonomie les concepts sur la création d’un environnement de travail et d’un espace de test ainsi que la configuration d’un débuggeur;
- Cependant, l’apprentissage du langage de programmation tel que le Type-Script a nécessité de l’aide;
- Enfin, j’ai pu étudier de nombreuses notions d’ingénierie logicielle.
La conception de cet outil de référencement a été une grande étape dans mon stage. J’ai beaucoup appris auprès de chef de projet concernant le bon déroulé d’un projet. J’ai pu découvrir le vocabulaire propre à la gestion de projet interne de l’entreprise (comme DAT : Dossier d’Architecture Technique ou DEX : Dossier d’exploitation Applicative) ou encore la façon de rédiger certains documents.
Techniquement, j’ai effectué des développements côté back-end et front-end. Ces développements et le fait d’avoir élaboré toute la partie avant-projet avec des analyses de document, m’ont permis de réaliser des prototypes techniques, mais également de surmonter des problèmes lors des tests (grâce aux études de cas et à l’état de l’art réalisé).
Découvrez le salaire développeur full stack
Full Stack JS
Enedis est une entreprise de service public qui exploite le réseau de distribution d’électricité le plus important d’europe avec plus de 1,3 million de kilomètres de lignes à haute et basse tension, desservant 35 millions de clients. Enedis est à la fois une jeune entreprise et l’héritière des grandes traditions de sa maison-mère : EDF.
Enedis recrute de nombreux collaborateurs du CAP au bac+5 pour contribuer au renouvellement de ses compétences. Mon stage a été réalisé au sein de l’équipe « intégration » du département DIRECT (faisant partie du pôle ICAM de la DSI d’Enedis).
J’ai participé à une étude de cas où l’on a échangé sur les besoins, les problématiques et les solutions que nous avons retenues, en restant au maximum dans le contexte. À mon avis, je pensais rentrer directement dans la pratique sur une technologie et au fur et à mesure comprendre et apprendre sur les besoins et/ou problématique. Contrairement à ma pensée, j’ai fait un état de l’art sur les technologies pour avoir une vision plus large sur le choix des outils technologiques. L’avant-projet a été la partie la plus concrète, car j’ai pu avoir un cadrage de ce projet.
Après avoir défini le projet, j’ai fini par les DAT et les DEX. Ces documents recouvrent l’intégralité des informations sur les différentes applications. Nous avons le contexte et les enjeux, le commanditaire et les acteurs, les rédacteurs ainsi que leurs vérificateurs. Dans ces longues pages d’information, je devais comprendre l’intérêt du projet pour faire une description succincte pour chacune des applications.
Mon but était de regrouper toutes les données des applications avec l’option de filtrer sur leurs noms pour plus de simplicité. Ils devaient appartenir tous au même pôle.Pour ce qui est de la pratique, j’ai commencé par rassembler toutes les données des différentes applications sur les DAT.
J’ai eu la possibilité d’essayer de nombreuses méthodes de développement. Malheureusement, par manque de temps, je n’ai pas exploité en profondeur les différentes technologies. Le développement a été le plus long dans l’élaboration du projet. La possibilité de faire quelques tests a été lucrative pour la suite. Du côté back-end, la création d’un serveur web et d’une base de données ont été mes seules tâches au niveau système.
J’ai eu la chance de travailler sur une machine conçue et déjà utilisé pour ce projet, grâce aux installations déjà faites j’ai eu un premier rendu de ce que l’on attendait de moi. J’ai réalisé de nombreuses installations supplémentaires sur cette machine. À commencer par la base de données (MongoDB) en passant du serveur web (nodeJS)[…] Mes installations ont été automatisées par des scripts à la demande d’un collègue pour éviter toutes erreurs redondantes et faciliter les procédures d’installation. Bien différents du frontend, le choix de la base de données et du serveur web ont été liés (développeur full stack JS).
J’ai pu apprendre énormément sur cette technologie frontend (AngularJS) qui était totalement nouvelle pour moi. Par la liaison de la base de données dans les fichiers de configuration du serveur web, nous avions une plus grande homogénéité et une intégration sans erreur. De plus, cette méthode permettra une meilleure qualité de réponse aux requêtes envoyées par les différents clients.
Cette mission m’a permis d’apprendre à cadrer un projet et de réaliser des priorités en fonction du besoin. J’ai appris du vocabulaire avec l’état l’art et l’étude de cas. J’ai pu gagner en autonomie puisque j’ai passé la plupart de mon temps seule pour sa réalisation.
J’ai progressé en développement grâce à Angular avec beaucoup de Javascript. (création d’application, liaison avec la couche back-end..)
J’ai pu découvrir une nouvelle architecture (Architecture REST, SOAP Architecture MVC, MVVM, MVP).
J’ai pu m’approprier les outils de développement sur le navigateur avec la touche F12. Il affiche le code source de la page en cours. C’est un document qui sert aux développeurs informatiques à voir comment une page web est structurée. Il est disponible sur tout navigateur web (google chrome, Mozilla, Safari)
Au niveau réseau, j’ai amélioré ma connaissance sur requête envoyée à un serveur avec différentes méthodes.
Quelle formation pour développeur full stack ?
Définition :
DAT : Dossier d’Architecture Technique
DEX : Dossier d’exploitation Applicative1.1.
Etude de cas : C’est étude et la description d’un projet. (Les problématiques auxquelles elle répond, les solutions retenues..)
Etat de l’art : Prendre connaissance d’un sujet à l’instant présent. (en architecture, en ingénierie..)
JSON: JavaScript Object Notation
HTTP: Hypertext Transfer Protocol
API: Application Programming Interface
Angular : Basé sur le Javascript, Angular a pour langage le TypeScript. C’est un framework basée sur du MVC. J’ai pu apprendre à créer des applications (appelé single-page) en stage. Il contient de façon native des modules de routing, animation, formulaire ou des test unitaire et debug. Il s’annonce très riche et complet.
Grâce à mon école, le développement comme le côté système ont été un avantage pour la compréhension du sujet de ma mission. Notamment utilisé en entreprise le Javascript est le langage par excellence. Il est un des langages incontournables, durant la conception de cette IHM. Abordé en semestre un puis revu volontairement en projet en semestre quatre avec Nosql et Expressjs, le côté asynchrone au niveau backend comme frontend a séduit plus que les membres de mon équipe mais le monde informatique dans sa globalité.
Son succès n’est pas resté à ce niveau car il est aussi utilisé dans tous les IHM ou site internet. Grâce à ces bases acquises en classes, j’ai pu aborder le sujet de la base de données en JSON de façon facile vu qu’il a été vu en première année et revu dans ma filière. La création d’un serveur a été la partie la plus rapide dans la création de l’outil de référencement grâce à ma spécialité Système et Réseau. Cela inclut également toutes les commandes linux de base, j’ai pu aborder différents sujets techniques.
.
Devenir développeur full stack JS
Tout savoir sur le développeur full stack JS
