Géolocalisation

window.onload = function(){

	//Si on a l'autorisation de géolocaliser
	if(navigator.geolocation){
		function succesGeo(position){
			var infopos = 'Ma position => ';
				infopos += 'Latitude: '+position.coords.latitude+' - ';
				infopos += 'Longitude: '+position.coords.longitude;
				document.getElementById('position').innerHTML = infopos;

				//instancier un objet coordonnée google maps selon l'API
				var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

				//option pour centrer la carte sur notre position
				var optionsGMaps = {
					mapTypeControl: false,
					center: latlng,
					navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
					mapTypeId: google.maps.MapTypeId.ROADMAP,
					zoom: 15
				};

				//initialiser la carte selon nos paramêtres
				var map = new google.maps.Map(document.getElementById('mapGoogle'), optionsGMaps);

				//ajout d'un 'flag' sur notre position
				var marker = new google.maps.Marker({
					position: latlng,
					map: map,
					title: 'Votre emplacement !'
				});
		}

		//requête de géolocalisation
		navigator.geolocation.getCurrentPosition(succesGeo);
	}
}

Introduction

La géolocalisation est devenu omniprésente dans nos vies ces dernières anneés. L’arrivée des technologies mobiles et les connexions Internet de accessible dans de nombreux endroits incitent de plus en plus les gens à partager des lieux afin de faire savoir où ils sont, où ils vont, etc.
Cela demande une infrastructure, des outils et des connaissances conséquentes, mais au final pas tant que ça grâce aux outils HTML5, OpenLayer, OpenStreetMap, Google Map ou tout autres possibilités qu’elles soient libres ou non.

La composante géographique de la géolocalisation est basée sur 3 notions: Continuer la lecture de « Géolocalisation »

Captcha de vérification de formulaire

Introduction

Prévenir des entrées de robots dans vos formulaires n’est pas toujours une tâche facile, mais pourtant une technique efficace est le captcha à saisir.
Le concept
utilisateur est simple, lire un code et le retranscrire afin de prouver que c’est bien
un humain qui a réalisé la saisie. Le concept technique pour des débutants en développement peut être plus difficile à mettre en place et c’est pourquoi j’ai fait un petit tutoriel afin de savoir comment cela fonctionne. Continuer la lecture de « Captcha de vérification de formulaire »

Redirection De Pages Web

Introduction

Il se peut que vous deviez effectuer une redirection à partir d’une de vos page web vers une autre. Cela peut être soit car la page solicitée a été déplacée, soit car vous changer d’adresse votre site, etc…

La redirection permet donc au visiteur d’être automatiquement renvoyé vers une autre adresse afin qu’il ait accès au contenu souhaité, sans qu’il ne doive lui-même interagir.

Technique

Il existe plusieurs techniques de redirection. Celles-ci sont choisies en fonction du type de la page web (extension *.html, .*php, …), ou du paramétrage de la redirection (direct ou après un certain temps…). En voici quelques-unes :

En HTML

Une balise meta donne des infos sur la page, mais permet aussi de rediriger la page courante vers une autre. Pour cela, il faut insérer dans le <head> du fichier le code suivant :
<meta http-equiv="refresh" content="nbr de seconde(s); URL=http://l'url.vers.la.page">
Exemple:
<meta http-equiv="refresh" content="1; URL=http://www.maNouvellePage.com/maPage.html">
Dans la balise content, on peut parametrer le temps en seconde qui s’écoulera avant la redirection, ainsi que la page vers laquelle la redirection se fera.

Une URL semblable à la page courante équivaut donc à un rafraichissement de la page.

En PHP

Le code php suivant permet une redirection vers la page que vous voulez. Son avantage sur l’exemple précèdant est qu’il peut faire parti d’une condition if/else et donc de rediriger la page que dans certains cas. Par contre il n’implémente pas de fonction de temps avant la redirection.

<?php header("Location: http://www.monsite.com/maPage.html"); ?>

Afin que le code PHP soit exécuté correctement, il faut évidemment que l’extension du fichier contenant ce code soit ‘*.php’. L’extension du fichier cible n’a pas d’importance.

Le fichier htaccess

Sur un serveur apache, il est possible de créer un fichier .htaccess dans un dossier (pour plus d’information voir l’article consacré à htaccess). Celui-ci pourra contenir du code permettant une redirection a l’aide du mot clé « RedirectPermanent » suivi de la page nécessitant une redirection (lien relatif !) et l’adresse de la nouvelle page (adresse absolue !).
RedirectPermanent /index.htm http://www.newsite.com/ma-new-page.htm

Cette dernière technique a l’avantage d’être mieux acceptée par l’indexation des moteurs de recherche, car ceux-ci ne sont pas friand des redirections dans le code et risquerai donc de donner à votre page un mauvais ranking si celui-ci utilise de nombreuses redirections à l’aide de code dans ses pages.