LibreDA : JavaScript pour un logiciel administratif

Transcription

1 LibreDA : JavaScript pour un logiciel administratif Le retour de JavaScript Louis Martin Martin Simoneau 2 avril 2015

2 1 Objectifs 2 Le fureteur 3 JavaScript 4 Écosystème de développement 5 NoSQL 6 Exemples 7 Conclusion

3 Objectifs Développer et maintenir des systèmes modernes et performants : Indépendants des systèmes d exploitation Respectant les meilleures pratiques du génie logiciel Pouvant être déployés de façon flexible Utilisant des composants libres Permettant des gains de productivité

4 Excellent!

5 Le fureteur : client universel Le fureteur : client universel Omniprésence sur toutes les plateformes Environnement virtuel d exécution nous isolant du système d exploitation Abandon des plugiciels plugins Séparation des aspects separation of concerns CSS3, HTML5, JavaScript Application web monopage Web adaptatif

6 Le mobile Le mobile protéiforme Téléphones Tablettes Phablettes Montres Téléviseurs (hors compétition) Internet des objets (hors compétition)

7 Le mobile Mobile versus poste de bureau pour 2013 http ://

8 Le mobile Le mobile dominant http ://

9 Le mobile Temps passé par type d appareil aux États-Unis http ://searchenginewatch.com/article/ /mobile-now-exceeds-pc-the-biggest-shift-since-the-internet-began

10 Le mobile Fureteurs les plus populaires aux États-Unis http ://marketingland.com/report-googles-chrome-android-browser-edge-microsoft-ie-lead-market-share-86443

11 Les débuts JavaScript : la création Apparu en 1995 LiveScript Conçu en une semaine par Brendan Eich de Netscape Communications Corporation Influencé par Self, Scheme, Perl, C, Java, Python

12 Les débuts JavaScript : les caractéristiques Langage de script léger Principalement connu comme le langage de script des pages web Utilise le concept de prototype, dispose d un typage faible et dynamique Permet plusieurs paradigmes de programmation : fonctionnelle, impérative et orientée objet.

13 Les débuts JavaScript : les défauts Incompatibilité entre les fureteurs Lenteur Spaghetti avec le code HTML Utilisé pour les effets visuels Difficile à tester Inapte pour du développement professionnel

14 La transformation JavaScript : la transformation Ajax The Good Parts JQuery AngularJS CSS DOM vers une prise en charge par les cadriciels Node.js JavaScript sur le serveur JSON remplacement de XML

15 La transformation The Good Parts

16 La transformation JSON JavaScript Object Notation "dossier": { <dossier> "personne": { <personne> "nom": "Einstein", <nom>einstein<nom> "prénom": "Albert" <prénom>albert</prénom> }, </personne> "adresse": { <adresse> "nocivique": "1234", <nocivique>1234</nocivique> "rue": "Notre-Dame", <rue>notre-dame</rue> "ville": "Montréal", <ville>montréal</ville> "codepostal": "H3C3P8" <codepostal>h3c3p8</codepostal> } </adresse> } </dossier>

17 Aujourd hui Nombre de modules pour certains dépôts http ://

18 Aujourd hui Évolution des dépôts sur GitHub http ://redmonk.com/dberkholz/2014/05/02/github-language-trends-and-the-fragmenting-landscape/

19 Les meilleures pratiques Les meilleures pratiques Structures normalisées pour les projets Utilisation d un gestionnaire de version pour le code source Normes de codification Tests unitaires Construction/intégration continue Déploiement automatisé test, pré-production, production Pilotage des points précédents

20 Les meilleures pratiques Java vs JavaScript Outil Java JavaScript Construction Ant, Maven, Graddle Grunt, Gulp, Brunch Codification Checkstyle JSLint, JSHint Tests unitaires JUnit Unit.js, Jasmine, mocha Intégration Jenkins, CruiseControl Jenkins, React, Yoeman

21 Écosystème de développement Normes de codification JSHint

22 Écosystème de développement Gestionnaire de sources GIT

23 Écosystème de développement Serveur d intégration Jenkins

24 Écosystème de développement Couverture de tests Istanbul

25 Écosystème de développement Couverture de tests Istanbul

26 Écosystème de développement Tableau de bord Jenkins

27 Écosystème de développement Tableau de bord Jenkins

28 Écosystème de développement Tableau de bord Jenkins

29 Écosystème de développement Tableau de bord Jenkins

30 Écosystème de développement Tableau de bord Jenkins

31 Écosystème de développement Tableau de bord Jenkins

32 Écosystème de développement Suivi de projet Trello

33 Qu ont-ils en commun? Google Facebook Twitter LinkedIn Amazon

34 NoSQL 150 BD NoSQL http ://nosql-database.org/ Particularités : Sous licence libre Pour des volumes extrêmes Avec une forte résilience Supporte des modèles de données multiples Orientées : Colonne Document Clé valeur Graphe

35 Simplicité JavaScript associé à MongoDB Exemple de trois types de représentation des données versus un seul

36 Abstraction Choix du bon niveau d abstraction

37 Le portail mobile de l UQAM Le portail mobile de l UQAM Petit vidéo du portail mobile de l UQAM

38 Productivité accrue Productivité accrue JavaScript est un langage puissant L écosystème JavaScript est très évolué et en pleine croissance Node.js (entre autres) permet d utiliser JavaScript sur le serveur Plusieurs types de BD acceptent le format JSON (ex. MongoDB et PostgreSQL) Il est possible d utiliser JavaScript de bout en bout pour plusieurs types d application Des gains de productivité appréciables sont possibles