SmartCampus2014/Tutoriels - Revision history

Donsez: /* Leaflet */

2015-01-23T09:06:32Z

Leaflet

← Older revision		Revision as of 09:06, 23 January 2015
Line 518:		Line 518:
	----		----

	== Leaflet ==		== [[Leaflet]] ==

	[[File:Leaflet_logo.png \| 200px\| left]]		[[File:Leaflet_logo.png \| 200px\| left]]

Calmant: /* Subscribe */

2014-03-25T15:51:57Z

← Older revision		Revision as of 15:51, 25 March 2014
Line 86:		Line 86:
	----		----
	<big><source lang="java">		<big><source lang="java">
	Number Temperature_GF_Corridor "Temperature [%.1f °C]" <temperature> (Temperature, GF_Corridor) { mqtt="[mosquitto:temperature:state:default]" }		Number Temperature_GF_Corridor "Temperature [%.1f °C]" <temperature> (Temperature, GF_Corridor) { mqtt="<[mosquitto:temperature:state:default]" }
	</source></big>		</source></big>
	----		----

Laurene.Guelorget at 13:44, 21 March 2014

2014-03-21T13:44:48Z

← Older revision		Revision as of 13:44, 21 March 2014
Line 595:		Line 595:
	----		----

			<!--
	= Installation d'un OS basé sur Linux (LSB - Linux Standard Base) sur Intel Galileo =		= Installation d'un OS basé sur Linux (LSB - Linux Standard Base) sur Intel Galileo =

Line 652:		Line 653:
	* Lancer openhab : "sh start.sh"		* Lancer openhab : "sh start.sh"
	* Après l'affichage de "started classic UI at /openhab.app", vous pouvez accéder à http://@ipGalileo:8080/openhab.app?sitemap=demo		* Après l'affichage de "started classic UI at /openhab.app", vous pouvez accéder à http://@ipGalileo:8080/openhab.app?sitemap=demo
			-->

	=Création d'une route personnalisée avec Express (framework node.js) =		=Création d'une route personnalisée avec Express (framework node.js) =

Simon.Planes: /* Google Maps */

2014-03-17T09:46:58Z

Google Maps

← Older revision		Revision as of 09:46, 17 March 2014
Line 441:		Line 441:
	#map-canvas { height: 100% }		#map-canvas { height: 100% }
	</style>		</style>
	<script type="text/javascript"		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	src="http://maps.google.com/maps/api/js?sensor=false"></script>
	</script>
	<script type="text/javascript">		<script type="text/javascript">
	</source>		</source>
Line 519:		Line 517:
	</source></big>		</source></big>
	----		----


	== Leaflet ==		== Leaflet ==

Simon.Planes: /* Leaflet */

2014-03-17T09:25:28Z

Leaflet

← Older revision		Revision as of 09:25, 17 March 2014
Line 548:		Line 548:
	var map = L.map('map').setView([45.19091427, 5.76828361], 14);		var map = L.map('map').setView([45.19091427, 5.76828361], 14);
	L.tileLayer('http://{s}.tile.cloudmade.com/ec5901144ac74caeb0bf17aeaeea442f/997/256/{z}/{x}/{y}.png', {		L.tileLayer('http://{s}.tile.cloudmade.com/ec5901144ac74caeb0bf17aeaeea442f/997/256/{z}/{x}/{y}.png', {
	attribution: '~~Map data~~ © <a href="http://~~openstreetmap~~.org">OpenStreetMap</a> contributors,		attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
	<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>,
	Imagery © <a href="http://cloudmade.com">CloudMade</a>',
	maxZoom: 18		maxZoom: 18
	}).addTo(map);		}).addTo(map);

Simon.Planes: /* Leaflet */

2014-03-17T09:05:18Z

Leaflet

← Older revision		Revision as of 09:05, 17 March 2014
Line 537:		Line 537:
	<meta charset="utf-8" />		<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />		<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
	</head>		</head>
	<body>		<body>

Simon.Planes: /* Prérequis */

2014-03-12T16:59:45Z

Prérequis

← Older revision		Revision as of 16:59, 12 March 2014
Line 661:		Line 661:

	==Prérequis==		==Prérequis==
	* nodejs et Express ~~installs~~		* nodejs et Express installés
	Installer nodejs et npm. [http://nodejs.org/]		Installer nodejs et npm. [http://nodejs.org/]
	Ensuite :		Ensuite :

Simon.Planes: /* Création d'une route personnalisée avec Express (framework node.js) */

2014-03-12T16:59:29Z

Création d'une route personnalisée avec Express (framework node.js)

← Older revision		Revision as of 16:59, 12 March 2014
Line 661:		Line 661:

	==Prérequis==		==Prérequis==
	* nodejs et Express ~~installé~~		* nodejs et Express installs
	~~installer~~ nodejs et npm. [http://nodejs.org/]		Installer nodejs et npm. [http://nodejs.org/]
	Ensuite :		Ensuite :
	npm install express		npm install express
Line 668:		Line 668:
	== Introduction ==		== Introduction ==

	Express est un framework ~~node~~.js MVC.		Express est un framework Node.js MVC.
	Il s'organise autour de trois dossiers principaux routes, views et public.		Il s'organise autour de trois dossiers principaux : routes, views et public.
	* views : regroupe l'ensemble des vues, dans notre présentation une simple page ~~html~~.		* views : regroupe l'ensemble des vues ; dans notre présentation une simple page HTML.
	* routes : le modèle où l'on définit les ~~fonctionnalité~~ de chaque "route"		* routes : le modèle où l'on définit les fonctionnalités de chaque "route"
	* public : rassemble les éléments statiques (js, css,...)		* public : rassemble les éléments statiques (js, css, ...)

	~~une~~ route désigne une adresse adresse:port/une/route/~~personnalise~~.		Une route désigne une adresse adresse:port/une/route/personnalisee.

	Le fichier principal fait office de contrôleur.		Le fichier principal fait office de contrôleur.
Line 701:		Line 701:

	== Organiser le routage ==		== Organiser le routage ==
	L'ensemble des routes ~~peuvent~~ être ~~décrite~~ dans le fichier principal serveur.js. Cependant pour plus de clarté les routes sont généralement définies dans le dossier /routes.		L'ensemble des routes peut être décrit dans le fichier principal serveur.js. Cependant pour plus de clarté les routes sont généralement définies dans le dossier /routes.

	serveur.js		serveur.js

Thomas.Nunes: /* Création d'une route personnalisée avec Express (framework node.js) */

2014-03-11T13:51:35Z

Création d'une route personnalisée avec Express (framework node.js)

← Older revision		Revision as of 13:51, 11 March 2014
Line 719:		Line 719:
	</source></big>		</source></big>
	----------------		----------------

			/routes/index.js
			----------------
			<big><source lang="javascript">

			exports.hello = function(req, res) {
			res.send("<h1>Hello World !</h1>");
			};
			exports.unepage = function(req, res) {
			res.render('une_page.html');
			}
			exports.exjson = function(req, res) {
			res.json(200, {message: "Welcome in our site !"});
			};

			</source></big>
			----------------

			views/une_page.html
			----
			<big><source lang="xml">
			<!DOCTYPE html>
			<html>
			<head>
			<title>Leaflet Example</title>
			<meta charset="utf-8" />
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			</head>
			<body>
			Une simple page
			</body>
			</html>
			</source></big>
			----

Thomas.Nunes: /* Création d'une route personnalisée avec Express (framework node.js) */

2014-03-11T13:41:24Z

Création d'une route personnalisée avec Express (framework node.js)

← Older revision		Revision as of 13:41, 11 March 2014
Line 676:		Line 676:
	une route désigne une adresse adresse:port/une/route/personnalise.		une route désigne une adresse adresse:port/une/route/personnalise.

			Le fichier principal fait office de contrôleur.
	== Un hello world avec Express==		== Un hello world avec Express==
			Un simple hello world avec Express.

			serveur.js
	----------------		----------------
	<big><source lang="javascript">		<big><source lang="javascript">

	var express = require('express');		var express = require('express'); // include express
	var app = express();		var app = express(); // lance l'application

	app.get('/', function(req, res){		app.get('/', function(req, res){ // définit la route racine
	res.send('hello world');		res.send('hello world');
	});		});

	app.listen(~~3000~~);		app.listen(4242); // ecoute sur le port 4242

			</source></big>
			----------------

			Pour lancer l'application
			nodejs serveur.js
			Allez sur http://localhost:4242/

			== Organiser le routage ==
			L'ensemble des routes peuvent être décrite dans le fichier principal serveur.js. Cependant pour plus de clarté les routes sont généralement définies dans le dossier /routes.

			serveur.js
			----------------
			<big><source lang="javascript">

			var express = require('express'); // include express
			var routes = require('./routes');
			var app = express(); // lance l'application

			app.get('/', routes.hello); // définit la route racine
			app.get('/json', routes.exjson);
			app.get('/unepage', routes.unepage);

			app.listen(4242); // ecoute sur le port 4242

	</source></big>		</source></big>