Les cours du BTS SIO

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== Cartographie avec Leaflet et OpenStreetMap ======

===== Présentation =====
Ressource : https://pixees.fr/informatiquelycee/

**Leaflet** (http://leafletjs.com/) est une **bibliothèque JavaScript**, **open source**, permettant d'afficher des **cartes interactives** dans une page web. 

Pour cette activité, tu vas utiliser ce que tu as appris sur les langages **HTML et de CSS** avec Code.org ainsi que sur le langage **JavaScript** découvert avec Code.org et CodeCombat.com.

**Openstreetmap (OSM)** d'après Wikipédia est un projet qui a pour but de constituer une **base de données géographiques libre** du monde (permettant par exemple de créer des cartes sous licence libre), en utilisant le système GPS et d'autres données libres. L'utilisation d'Internet permet la **collaboration** de tout utilisateur volontaire. OpenStreetMap relève de la **géomatique 2.0** et est aussi une contribution à ce qui est appelé la **néogéographie**, dont les outils composent le **GeoWeb**.
===== Comment réaliser l'activité =====
  * Tu **crées un dossier** appelé **cartographie**.
  * dans ce dossier, tu **crées trois fichiers** avec les noms suivants:
    * **index.html** qui sera ta **page HTML**,
    * **style.css** qui est le fichier des **styles CSS**,
    * **script.js** qui contiendra le **programme javascript**. 

Pour **modifier** ces fichiers, utilise un **éditeur de texte** comme le **Bloc-notes** (notepad.exe) ou Notepad++. 

Pour visualiser le résultat de ton travail **ouvre la page index.html** avec le **navigateur Internet** : 
  * tu **modifies** les fichiers **index.html, style.css et script.js** en suivant les indications des fiches d'activités. Tu peux **copier-coller** les exemples des fiches dans tes fichiers.
  * tu **réactualises** la page **index.html dans le navigateur** pour visualiser les **modifications** faites dans ces 3 fichiers (touche F5).

===== Les activités =====
Accède à la page suivante et suis les 4 activités proposées : 
  * **URL courte** : http://unil.im/ICNleaflet
  * URL complète : http://www.ac-grenoble.fr/disciplines/informatiquelycee/leaflet_a1.html
==== Les activités ... ====
<WRAP center round info >
[[icn:2nde:accueil|Je reviens à la liste des activités.]] 
</WRAP>

Les cours du BTS SIO

Outils pour utilisateurs

Outils du site

Outils de la page