Nos formations sont offertes à distance(en ligne): classe virtuelle (Synchrone), E-learning (asynchrone). Des sessions en classe physique à Montréal, Québec, Gatineau ou Ottawa

cours-website

Formation : cartographie web avec l’API JavaScript Leaflet

En ligne, classe virtuelle(à distance), Montréal, Gatineau , Québec, Sherbrooke, Toronto, Saguenay (Chicoutimi). Formation personnalisable en session privée.

Ce cours se veut avant tout une formation pratique. Il s’orientera autour d’un projet de création d’une interface cartographique permettant de visualiser différentes couches de données et différentes couches de base (« basemap »). Le cours prendra la forme de démonstrations de développement de fonctionnalité, entrecoupé de capsule magistrale. La première section du cours s’attardera à donner des bases de programmation web, aux participants du cours, puis nous rentrerons dans le vif du sujet en créant notre première carte web et différentes fonctionnalités géospatiales.

Besoins technologiques pour la formation en ligne: avoir un ordinateur connecté à internet et un microphone.

Détails du cours

image_pdfimage_print

Installation des outils de développement

  • Installation de Visual Studio Code;
  • Installation de QGIS;
  • Installation de XAMP;

Introduction à la programmation web

  • Comment fonctionne Internet;
  • Comment fonctionne un site web;
  • Front-End VS Back-End;

L’essentiel du HTML5 pour appréhender Leaflet

  • Créer un document HTML;
  • Head et Body;
  • Les titres;
  • Les paragraphes et les listes;
  • Les images;
  • Les liens;
  • Les formats;
  • Les tables;
  • Les bloques;
  • Les « Layouts »;
  • Les formulaires, les boutons, et les « inputs »;
  • Les commentaires;
  • Les ID et les classes;
  • Création de l’interface HTML;

L’essentiel du CSS3 pour appréhender Leaflet

  • Inclure un fichier CSS dans son document html;
  • Les sélecteurs;
  • Modifier le rendu du texte;
  • Modifier l’arrière-plan d’un élément;
  • Les largeurs et les hauteurs;
  • Le positionnement;
  • Les types d’affichages (display);
  • Les marges externes et internes;
  • Les bordures;
  • Les media query

L’essentiel de JavaScript pour appréhender Leaflet

  • Déclarer une variable et les types de données;
  • Les opérateurs;
  • Les opérateurs conditionnels;
  • Les boucles;
  • Les fonctions;
  • JavaScript et le DOM;
  • Le scope;
  • Le hoisting;

L’essentiel de JQuery pour appréhender Leaflet

  • Sélectionner des éléments avec JQuery;
  • Les évènements avec JQuery;
  • Les effets avec JQuery;
  • Modifier le DOM avec JQuery;
  • Sélectionner les parents et les enfants d’un élément;
  • AJAX

Les bases de Leaflet

  • Créer sa première carte avec Leaflet;
  • Changer les fonds de carte avec Leaflet;
  • Ajouter un marqueur à sa carte;
  • Ajouter un pop-up;

Le GeoJSON

  • Transformer une Shapefile en GeoJSON avec QGIS
  • La structure du GeoJSON;
  • Ajouter un GeoJSON a une carte Leaflet;
  • Styler les GeoJSON dans Leaflet;
  • Créer un pop-up avec les attributs du GeoJSON;
  • Interagir avec le tableau de bord en fonction d’évènement sur la carte

Centrer la carte sur la position de l’utilisateur

  • Utiliser l’API HTML de géolocalisation pour récupérer la position de l’usager;
  • Centrer la carte sur la position de l’utilisateur;
  • Créer un marqueur pour la position de l’utilisateur

Créer un géocodeur avec l’API Nominatim – Open Street Map

  • Créer le formulaire;
  • Récupérer la valeur du formulaire;
  • Passer la valeur à l’API Nominatim
  • Récupérer la position et centrer la carte sur celle-ci
  • Créer un marqueur pour la position de l’utilisateur

Pour aller plus loin

  • Les bases de données à référence spatiales
  • Les serveurs cartographiques
  • Générer des GeoJSON dynamiques côté serveur
  • Créer des applications transactionnelles

De Grandpré

En plus d’un diplôme en Géographie, M. De Gr...

Avantages :

  • Un support de cours pour chaque participant
  • Soutien du formateur après la formation
  • Nous vous offrons en session publique:
    • Thé, café
    • Stationnement( seulement dans certaines villes)
    • La connexion internet sans-fil

Préalables :

  • Connaître l’outil informatique

Objectifs :

L’objectif de ce cours est de donner une compréhension sommaire des technologies web nécessaire à la réalisation d’un interface cartographique web. À la fin de ce cours, l’étudiant aura en main une interface cartographique web réalisée à l’aide de l’API Leaflet qu’il sera en mesure de modifier afin de personnaliser le style, d’afficher différentes couches d’information, d’afficher différentes couches de base, etc. L’étudiant aura appris à récupérer la position de l’utilisateur final de la plateforme à l’aide de l’API HTML de géolocalisation. Il aura également appris à créer un géocodeur (transforme une adresse en coordonnées géographiques) à l’aide de l’API Nominatim d’Open Street Map.
NOS FORMATEURS
De Grandpré

En plus d’un diplôme en Géographie, M. De Gr...

Nos formations se font présentement en classe virtuelle(à distance), nous proposerons des formations en classe physique seulement si la situation sanitaire le permettra

Montréal :

30/11/2020 au 02/12/2020
07/12/2020 au 09/12/2020
28/12/2020 au 30/12/2020
04/01/2021 au 06/01/2021
18/01/2021 au 20/01/2021
22/02/2021 au 24/02/2021

Québec :

14/12/2020 au 16/12/2020
18/01/2021 au 20/01/2021
04/01/2021 au 06/01/2021

Gatineau / Ottawa :

07/12/2020 au 09/12/2020
28/12/2020 au 30/12/2020
18/01/2021 au 20/01/2021

Classe virtuelle (en ligne) :

30/11/2020 au 02/12/2020
07/12/2020 au 09/12/2020
28/12/2020 au 30/12/2020
04/01/2021 au 06/01/2021
18/01/2021 au 20/01/2021
22/02/2021 au 24/02/2021
Préférentiel*

1019 $

par participant.e

Durée : 3 jour(s), soit 21 heures.
Horaires : 9h-17h, 2 pauses café, dîner offert à 12h.

Voir le plan de cours en PDF

Lieux: Montréal, Gatineau / Ottawa , ville de Québec.

Voir les avis clients

Prix régulier: 1199 $

*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.

details_cours

Interessé par cette formation ?


Recevez cette formation dans votre entreprise

Formation pour entreprise

Soumission gratuite et sans engagement

Inscription avec paiement par carte de crédit

En relation avec la formation que vous consultez

details_cours
Formation: Introduction aux systèmes d’information géographique (SIG) avec ArcMaP
IntroductionIntroduction aux concepts de géomatique, système d’information géographique(SIG) et cartographie assistée par ordinateur (CAO) Présentation d’ArcGIS/ArcMap et des solutions d’ESRILes systèmes de référence spatiale
Formation Qgis | Cours Qgis
Se familiariser avec les concepts et les fondements des systèmes d’information géographique et avec l’environnement QgisComprendre les concepts de données vectorielles et matricielles et les différents standards de l’industrie pour la structuration de ces données ...
Formation PostgreSQL : bases de données à référence spatiale
Comprendre les fondements des bases de données relationnelles et le rôle d’un système de gestion de bases de données (SGBD)Comprendre et savoir appliquer certaines commandes de base du langage SQLConnaître les fondements de l’administration d’une base de...
Formation : cartographie web avec l’API JavaScript Leaflet
L’objectif de ce cours est de donner une compréhension sommaire des technologies web nécessaire à la réalisation d’un interface cartographique web. À la fin de ce cours, l’étudiant aura en main une interface cartographique web réalisée à l’aide de l’API Leaflet qu’il sera en mesure de modifier af...
Formation – Cours Geoconcept
Découvrir la conception de Systèmes d'information géographiqueFaire une présentation de données sur une carteAdministrer des Géodatabases

Populaire sur Doussou Formation

Formation Adobe Acrobat Pro: Formulaire et Signature Numérique
Créer des formulaires. Créer votre signature électronique. Protéger un fichier PDF.
Formation Microsoft Teams
Cette formation vous permettra d’apprendre à utiliser Microsoft Teams, partage de document et visioconférence dans l’environnement de travail Microsoft. Avec cette formation, vous apprendrez à utiliser cet outil de manière sécuritaire et efficace.
Cours – Formation Excel
Comprendre l’interface Excel, la structure d’un fichier et la gestion des onglets. D’utiliser de manière optimal les formules excel, les représentations par graphique. Créer et lire les tableaux & graphiques croisés dynamiques.
Formation – cours JavaScript
À la fin de la formation JavaScript, vous serez capable/en mesure de comprendre du code Javascript et dans quelle situation l’utiliser. Créer des événements dans une page Web. Utiliser les méthodes, les boucles, les objets & les fonctions...
details_cours
details_cours
Formation Wordpress, formateur expert
Créer un site WordPress ou un blog WordPress. De créer, modifier, supprimer des pages, articles, étiquettes et catégories dans un site Wordpress. D’importer et utiliser plusieurs types de médias (audio, vidéo, image) dans votre site Wordpress
FORMATION INITIATION: GÉRER LINKEDIN POUR PROFESSIONNELS
S’initier à LinkedIn. Comprendre les fonctionnalités de LinkedIn. Créer et configurer un compte LinkedIn d’entreprise. Développer et animer son réseau.
FORMATION GÉRER FACEBOOK POUR ENTREPRISE
Découvrir les fonctionnalités de Facebook. Créer les composantes Facebook (compte, page, groupe). Configurer un compte Facebook d'entreprise. Optimiser une page Facebook qui valorise votre entreprise.
Formation InDesign Initiation
À la fin de la formation, vous serez capable/en mesure de : Maîtriser à la fois les techniques, les termes spécialisés et les outils de base pour réaliser divers types de documents associant textes, illustrations, tableaux, monter une couverture, utiliser un modèle de page, réaliser un ...

Formation en ligne

Vidéos de formations sur les logiciels en bureautique

Mark Plouffe, Gouvernement du Canada/ Government of Canada

“ I want to thank you both for providing my resources some excellent training(Cobol) over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customised and personalised training course. We’ll look forward to continuing our partnership for future training needs. “

Maryse Duguay - Analyste fonctionnelle Base de donnée - Montréal

“J’ai grandement apprécié les méthodes d’enseignement du prof. Le fait que nous soyons un petit groupe a grandement facilité les apprentissages. Il s’adapte à son audience et les exercices sont formateurs. Je recommande fortement. “

Martin Côté - Analyste Assurance Qualité - Travailleur autonome – Montréal

“ Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité/Adaptabilité/Professionnalisme/Courtoisie. Merci!“