• Titre : vMap pour les développeurs
  • Organisation : Sur site ou à distance
  • Durée : 2 jours
  • Objectif : Personnaliser vMap avec JavaScript et créer des ressources API REST

Description

La formation est dédiée aux personnes connaissant déjà bien l’application vMap notamment sur la création de cartes, couches, etc., voulant monter en compétences sur les fonctionnalités d’interrogation des données par le biais d’impressions, rapports et objets métiers.

La formation se déroule sur deux journées et se compose principalement d’ateliers où les stagiaires mettront en place les différentes fonctionnalités sur une instance installée au préalable sur un serveur ou sur leurs postes.

Prérequis

  • Un poste connecté à Internet
  • Savoir utiliser les langages HTML et CSS
  • Connaître les notions de base du lanage JavaScript
  • Chaque stagiaire devra être muni d’une machine sur laquelle devra être installé Filezilla ou Winscp, Google Chrome et SublimeText ou Atom

Public

  • Développeurs d’applications web
  • Chefs de projet applications web
  • Administrateurs du logiciel vMap

Conditions

  • Sur site
    • 6 participants au maximum
    • 1 personne par machine au maximum
  • A distance
    • Formation individuelle

Support de cours

  • documentation AngularJS
  • documentation du logiciel vMap

La formation repose sur une participation importante des stagiaires. De nombreux exercices appliqués sont proposés aux stagiaires. Ceux-ci ont la possibilité d’apporter leurs propres jeux de données.

Plan général de la formation

1ère journée

Introduction à AngularJS

  • Les bons outils
    • Chrome
    • Batarang
    • SublimeText/Atom
  • Explications sur le fonctionnement du framework
  • Création d’un espace de travail: directive, vue, contrôleur
  • Découverte de la variable $scope
  • Utilisation d’AngularJS dans les vues HTML
    • Balises affichant des variables
    • Effectuer des boucles avec ng-repeat
    • Afficher/cacher les DOM avec ng-show et ng-if
    • Modifier le style des DOM en fonctions des valeurs des variables avec ng-class et ng-style
    • Notions optionnelles
      • ng-model
      • ng-value
      • ng-options
      • ng-click

Création d’un modèle d’impression

  • Utilisation des variables disponibles
  • Mise en place d’images
  • Pagination

Mise en place de styles d’impression

  • Modification de la couleur d’un élément
  • Modification du logo
  • Modification du texte d’un élément

Modification du style de l’application

  • Modification des couleurs de l’application
  • Modification du logo de la page de connexion
  • Notions optionnelles
    • Masquage de certains boutons
    • Modification des icônes de l’application

2ème journée

Création d’un rapport objet métier

  • Création d’un rapport affichant les données de l’objet séléctionné
  • Inégration d’une carte dans le rapport
  • Création d’un rapport sur plusieurs éléments
  • Notions optionnelles
    • Jointures des données avec une table de la base de données
    • Rapport au format .doc

Édition JavaScript d’un objet métier

  • Concaténation de valeurs
  • Modification de valeurs avant et après l’envoi du formulaire (ex: rgb -> rgba -> rgb)
  • Mise en place d’un bouton sur le formulaire permettant de modifier les données

Utilisation des événements pour faire du temps réel

  • Mise en place d’une carte collaborative permettant de voir en direct les modifications des autres utilisateurs

Documentation

  • Mise en place d’une documentation personnalisée
  • Contribution à la documentation

Ce plan est sujet à modification sans avis préalable. Ce programme peut être adapté pour répondre aux besoins des utilisateurs. Merci de nous contacter.

Prise en charge de votre formation

Veremes est un organisme de formation référencé par Datadock (www.data-dock.fr). Répondant aux 21 indicateurs et 6 critères de qualité de la base de données Datadock, les formations de Veremes peuvent être prises en charge par votre OPCA ou OPCACIF.