IV. Chapitre 4 : Conception et Réalisation d'un
application de géolocalisation
Cette performance élevée s'explique par une
conception asynchrone (modèle non bloquant) permettant d'éviter
les attentes. Ainsi, plusieurs requêtes peuvent être lancées
en parallèle. [37]
? NPM (Node Package Manager)
NPM est le gestionnaire de paquets officiel de Node.js ou
l'ensemble des modules de ce dernier. Il est automatiquement installé
par défaut, depuis la version récente de Node.js disponible
gratuitement.
Les modules sont des librairies JavaScript qui peuvent
être ajouter dans le projet pour plus de fonctionnalités.
? Framework ReactJS
ReactJS est un Framework JavaScript open source, qui est de
plus en plus utilisé aujourd'hui afin de faciliter la création
d'application web monopage.
ReactJS permet notamment d'entrer en interaction avec les
utilisateurs et donc de proposer un outil final plus performant avec un temps
de réponse et de chargement réduit. En effet, la page Web
générée grâce à ReactJS étant
organisée sous forme de briques de composants qui contrôlent leur
propre état, lors de l'interaction de l'utilisateur final avec la page,
si par exemple une modification a été faite, seul le composant
impacté par la modification sera rafraîchi. [47]
Concernant l'environnement de développement, celui-ci
reste plutôt classique puisqu'il ne nécessite pas de logiciel
dédié. Un ordinateur, un navigateur (Chrome conseillé), un
éditeur de texte (Atom) et une console pour lancer la commande qui
permet de générer le projet ReactJS suffisent.
Le premier avantage de ReactJS est la disposition d'une boite
à outils complète, et optimisée. [48]
Le second avantage notable de ReactJS est qu'il a en sa
possession une grande communauté active et enrichie quotidiennement.
Cette dernière est un réel soutien pour les développeurs
car anomalies et bugs sont aujourd'hui assez connus et un développement
sans trop de difficultés est au rendez-vous. [48]
31
IV. Chapitre 4 : Conception et Réalisation d'un
application de géolocalisation
On note également une intégration rapide pour
les plateformes mobiles ainsi qu'une utilisation du JSX comme moteur de
templating. L'utilisation du Virtual DOM permettant des mises à jour
directement dans le Shadow DOM, est également un avantage non
négligeable offert par ReactJS. [48]
Figure 10 : Logo de ReactJS
? JSX
Le JSX, est une extension de syntaxe JavaScript. Nous l'avons
utilisé pour décrire l'apparence de l'interface utilisateur
durant la conception de notre application. JSX possède des traits de
ressemblance avec des langages de modèle tels que le XML ou le HTML,
mais il est doté de toute la puissance du JavaScript. [49]
IV.4.1. Mise en place de l'environnement de
développement
Pour mettre en place l'environnement nécessaire de
développement ReactJS, nous avons utilisé un ordinateur de marque
HP et de modèle ProBook 450 G2 possédant Windows 10 de 64 bits
comme système d'exploitation et ayant un processeur Intel®CoreTM de
la génération i5. L'installation de Node.js, ainsi que des
packages associés, sur notre machine était inéluctable
pour avoir accès à des fonctionnalités couvrant à
peu près tous nos besoins.
Un CRA (Create React App) est tout simplement, un outil qui
nous a permis de facilement développer notre application Web .IL
génère automatiquement après, l'ajout
supplémentaire d'une commande à la suite de son installation, un
squelette de fichiers utiles qui est facilement ajustable et plus
compréhensible. [48]
32
| 
