Erreurs 404

La réalité augmentée est une façon différente d'agrémenter une vidéo, le principe de ce systeme est de reconnaitre un motif en temps réel sur une vidéo et de position des objets 3D selon l'orientation et la position de ce symbol dans l'espace.

Voici quelques exemples bluffant de réalité augmentée :

Les vidéos

La présentation Alstom à l'occasion de la conférence "What's Hot" du 17/06/2009

La réalité augmentée pour un catalogue allemand de Mini Cooper

Les expériences

Testez par vous même certaines applications en flash

Matériel requis :

• Une webcam


• Une imprimante

GE : Ecoimagination

Imprimez en premier le tag spécifique : http://ge.ecomagination.com/smartgrid/ar/printme.pdf

Rendez vous sur les pages suivantes :

• Eoliennes: http://ge.ecomagination.com/smartgrid/ar/turbine.html?c_id=direct


• Energie solaire : http://ge.ecomagination.com/smartgrid/ar/solar.html?c_id=direct

Mix audio avec les chewing gum 5 de la marque Wrigley

Imprimez en premier le tag spécifique : http://www.5gum.fr/data/pdf/5gumsymbols.pdf

Rendez vous sur la page suivante :

• Dans la rubrique Mixer : http://www.5gum.fr

Pour les développeurs

Il existe différent projets open source de réalité augmentée, comme par exemple le projet FLARToolKit qui vous permet de créer vos propres marqueurs et d'animer comme vous le souhaitez vos modèles 3D dans un environnement Flash/AS 3

Exmeple de l'utilisation de FLARToolKit

Tout d'abord imprimez ce marqueur en forme de cube à fabriquer : http://flash.tarotaro.org/flaris/cube.pdf

Ensuite Ouvrer cette page realite_augmentee.swf

Vous pouvez maintenant vous amuser avec le personnage japonais Hachune Miku

Libellés : AS 3, FLARToolKit, Flash, réalité augmenté

# publié par Nico : 12:43:00   0 commentaires Liens vers ce message

Voici la liste des fonctions PHP que j'utilise régulièrement dans mes scripts PHP

Filtrage des données

Supprimer les accents

function supprimerAccents($texte) {
$caracteresAvecAccents= "áéíóúýÁÉÍÓÚÝàèìòùÀÈÌÒÙäëïöüÿÄËÏÖÜâêîôûÂÊÎÔÛåÅøØßçÇãñõÃÑÕ";
$caracteresSansAccents= "aeiouyAEIOUYaeiouAEIOUaeiouyAEIOUaeiouAEIOUaAoOscCanoANO";
return trim(strtr($texte, $caracteresAvecAccents, $caracteresSansAccents));
}

Confirmation d'origine des données d'un formulaire

Afin de garantir la sécurité de vos formulaires, il est indispensable de valider l'origine des données afin d'être sur quelles proviennent bien de votre formulaire.

Pour cela nous allons générer un TOKEN unique qui sera envoyé avec les données du formulaire puis vérifié avant le traitement des données.

<PHP?
// démarrage de la session
session_start();
// génération du token
$token = md5(uniqid(rand(), true));
// stockage du token dans la session
$_SESSION['token'] = $token;
?>


Nom :
Prénom :
Age :

Maintenant nous allons mettre en place la sécurité sur le script qui traitera les données.

<?PHP
// démarrage de la session
session_start();
// vérification de la différence du token stocké et envoyé
if($_POST['token']!=$_SESSION['token'])
// arrêt de l'exécution du script et affichage d'un message d'erreur
    die('Erreur : transmission des données incorrecte !');
// placer ici la suite du traitement
?>

Il vous suffit de placer ce code en début de fichier pour éviter les envois de données autrement que par votre formulaire

Nettoyage de sécurité des chaines de caractères

Cette fonction permet de supprimer les données non souhaitées d'une chaine de caractère

function securite($chaine)
{
    return stripslashes(htmlentities(addcslashes(strip_tags(trim($chaine)))));
}

Si vous souhaitez filtrer toutes les données envoyées avec votre formulaire, vous pouvez combiner le code précédent avec celui qui suit

foreach($_POST as $cle=>$valeur)
    $$cle=securite($valeur);

Ce code a pour effet de créer une variable php par champs HTML envoyé, par exemple si vous avez créé un champ de nom "toto" (name='toto') vous aurez une variable $toto qui contiendra les données du champ toto filtrées avec notre fonction.

Libellés : developpement web, fonctions PHP, PHP

# publié par Nico : 00:12:00   0 commentaires Liens vers ce message

Je viens tout juste de faire l'acquisition d'une clé USB Lacie de 4 Go, et lorsque je branche ma clé une icone apparait dans mon poste de travail avec une belle icône en forme de clé.

La première chose que j'ai fait a été de formater ma clé, et là : horreur l'icône n'apparaissait plus.

En fait tout s'explique, car l'image ainsi que le fichier permettant de faire apparaitre l'icône son contenu dans les fichiers accessibles de la clé et donc peuvent être supprimé facilement.

Si comme moi vous souhaitez remettre en place l'icône, je vais vous expliquer la marche à suivre.

Etape 1

Trouver l'icone que vous souhaitez faire apparaitre dans le poste de travail.

Voici un exemple de fichier que vous pouvez utiliser :
LacieUsbKeyIcon.ico

Ensuite placez l'icône à la racine de votre clé usb

Etape 2

Nous allons maintenant modifier ou créer le fichier autorun.inf à la racine de la clé usb.

Pour cela il vous suffit d'éditer le fichier autorun.inf avec le bloc note et d'y placer les lignes suivantes :

[autorun]
icon=LacieUsbKeyIcon.ico

Enregistrez le fichier puis éjectez la clé, si tout c'est bien passé, lorsque vous reconnecterez votre clé l'icone de votre choix apparaitra dans le poste de travail.

/!\Cette méthode fonctionne pour Windows et n'a pas été testé sous Linux ni sous Mac OS

Libellés : bidouillage, clé usb, icones, lacie, usb key

# publié par Nico : 18:20:00   0 commentaires Liens vers ce message

Lorsque vous développez une application utilisant une base de données, on se rend très rapidement compte que les SQL tient une place importante dans notre code.

Vous avez ainsi un grand nombre de requêtes SQL qui sont exécutées pour des opérations courantes et cela sans vous soucier du nombre de demandes que vous envoyez au serveur.

Il est simple de faire faire plusieurs actions au SGBDR en une seule requête, grâce à mon expérience je vais pouvoir partager avec vous quelques unes de ces requêtes SQL "magiques".

Création de Table

La requete de création de table en SQL est CREATE TABLE

Exemple :

CREATE TABLE erreurs404 (
 id tinyint(4) unsigned NOT NULL auto_increment,
 typeErreur varchar(80) NOT NULL,
 origine varchar(255),
 description varchar(255),
 PRIMARY KEY (id)
)

A partir d'une requete SQL

Dans certains cas vous pouvez avoir besoin de combiner les résultats de plusieurs requêtes SQL afin de les traiter ultérieurement et de façon régulière.

Pour cela vous pouvez créer et éxécuter plusieurs requêtes que vous combinerez avec PHP ou alors créer une table contenant le résultat combiné de ces requêtes.

CREATE TABLE erreurs404SurPages SELECT * FROM erreurs404 INNER JOIN erreursPages ON erreurs404.id=erreursPages.code

La table ainsi créée contiendra autant de champs que la requête en retourne.

Insertion et Mise à jour de tabla

Insertion sinon Mise à jour

Dans le cadre de statistiques, par exemple, vous pouvez avoir besoin d'insérer des informations dans la Base de données ou si celles-ci existe déjà, vous devez mettre à jour certains champs.

Dans cet exemple je vais vous montrer comment passer des 2 à 3 requetes SQL à une seule requete.

Creation de la table "visiteurs" :

CREATE TABLE IF NOT EXISTS `visiteurs` (
  `addrIP` varchar(20) NOT NULL,
  `jourVisite` date NOT NULL,
  `nombreVisite` int(11) NOT NULL DEFAULT '0',
  PRIMARY KEY (`addrIP`,`jourVisite`)
)

Chaque jour nous enregistrons le nombre de visites d'un internautes, l'internaute est identifié grâce à son adresse IP

A chaque visite, nous vérifions si le couple adresse IP/Jour existe dans la table, si non on l'ajoute autrement on met à jour le nombre de visite

INSERT INTO visiteurs
      (addrIP,jourVisite,nombreVisite) 
VALUES 
      ("127.0.0.1","2009-10-10",1) 
ON DUPLICATE KEY UPDATE nombreVisite=V nombreVisite+1;

/!\ la clause "ON DUPLICATE KEY" ne porte que sur les clés primaires

Libellés : astuces, developpement web, MySQL, SQL

# publié par Nico : 13:55:00   0 commentaires Liens vers ce message

Qui n'a jamais essayé l'outil de Google : Google Earth ?

Pour ceux qui ne connaitraient pas, Google Earth est un logiciel permettant de parcourir la Terre en 3D avec des cartes satellites ou aériennes provenant de différentes sources.

Les développeurs de Google améliorent régulièrement cet outil afin d'étendre notre vision de la planète Terre... et maintenant de la Lune et de Mars.

Google Earth intègre un simulateur de vol que vous pouvez dorénavant utiliser sur la Lune et sur Mars.

Voici la vidéo de mon expérience de vol sur la lune :

Voici la vidéo de mon expérience de vol sur Mars :

Pour télécharger Google Earth : Télécharger Google Earth

Libellés : google, google earth, lune, mars

# publié par Nico : 17:34:00   0 commentaires Liens vers ce message

Grâce à l'excellente API de Google Maps vous pouvez récupérer différentes informations d'un point de la carte.

Utilisation de l'API google Maps

Voici un premier exemple qui permet d'afficher une carte sur laquelle vous pouvez cliquer pour faire apparaitre la latitude et la longitude du point choisi.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>Google Map API > Afficher les coordonnees d un point</title>
       <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=votre clé google map"></script>
       <script type="text/javascript">
           // création de la fonction d initialisation
           function initialize()
           {
               // vérification de la compatibilite du navigateur
               if (GBrowserIsCompatible())
               {
                   // creation d'une carte Google Map dans la balise DIV portant l id "carte"
                   var map = new GMap2(document.getElementById("carte"));
                   // centrage de la carte sur le point correspondant à ces coordonnées (ville de Lyon)
                   map.setCenter(new GLatLng(45.75985868785574,4.84222412109375),8);
                   // ajout de la barre d'outil permettant de choisir le type de carte
                   map.addControl(new GMapTypeControl());
                   // ajout de la barre d'outil permettant de zoomer sur la carte
                   map.addControl(new GLargeMapControl());
                   // ajout d un observateur d'evenement pour l action click afin d afficher les coordonnées
                   GEvent.addListener(map, "click", function(overlay,point)
                   {
                       // vérification pour savoir si la variable point est vraie
                       if (point)
                       {
                           // affichage d une info bulle contenant les coordonnées à l emplacement cliqué
                           map.openInfoWindow(point, "Latitude : " +point.lat()+ "
                           Longitude : "+point.lng());
                       }
                   });
               }
           }
      
       </script>
   </head>
   <body onload="initialize()" onunload="GUnload()">
   <div id="carte" style="width: 500px; height: 400px"></div>
   </body>
</html>

Récupération de la l'altitude

L'API Google Map ne permet pas de récupérer l'altitude d'un point, par contre d'autres sites fournissent au format XML l'altitude d'un point à partir de sa latitude et longitude.

Pour cela nous allons utiliser la fonction GDownloadUrl qui permet de récupérer les résultats d'une page en ajax et de le traiter en javascript.

Etape 1 :

Créer un fichier PHP qui va générer un fichier XML contenant l'altitude à partir des coordonnées d'un point.Nous allons utiliser l'URL http://gisdata.usgs.gov/xmlwebservices2/elevation_service.asmx/getElevation afin de récupérer l'altitude.

Fichier : getAltitude.php

<?php
// récupération du parametre lat
$lat = $_REQUEST["lat"];
// récupération du parametre lng
$lng = $_REQUEST["lng"];
// définition de l'entete HTTP du document
header("Content-type: text/xml");
// récuperation et affichage du contenu de l'adresse suivante
echo file_get_contents("http://gisdata.usgs.gov/xmlwebservices2/elevation_service.asmx/getElevation?X_Value=" . $lng . "&Y_Value=" . $lat . "&Elevation_Units=METERS&Source_Layer=-1&Elevation_Only=true");
?>

Etape 2 :

Nous allons modifier la fonction initialize() créée dans la première partie :

Voici comment nous allons la tranformer :

  function initialize()
  {
   // vérification de la compatibilite du navigateur
   if (GBrowserIsCompatible())
   {
    // creation d'une carte Google Map dans la balise DIV portant l'id "carte"
    var map = new GMap2(document.getElementById("carte"));
    // centrage de la carte sur le point correspondant à ces coordonnées (ville de Lyon)
    map.setCenter(new GLatLng(45.75985868785574,4.84222412109375),8);
    // ajout de la barre d'outil permettant de choisir le type de carte
    map.addControl(new GMapTypeControl());
    // ajout de la barre d'outil permettant de zoomer sur la carte
    map.addControl(new GLargeMapControl());
    // ajout d'un observateur d'evenement pour l'action click afin d'afficher les coordonnées
    GEvent.addListener(map, "click", function(overlay,point)
    {
     // vérification pour savoir si la variable point est vraie
     if (point)
     {
      GDownloadUrl('altitude.php?lat=' +point.lat()+ '&lng=' +point.lng(), function(data)
      {
       // récuperation du résultat de la page au format XML
       var doc = GXml.parse(data);
       // extraction du contenu du fichier XML pour récuperer l'altitude
       var altitude = parseInt(GXml.value(doc));
       // affichage d'une info bulle contenant les coordonnées à l'emplacement cliqué
       map.openInfoWindow(point, "Latitude : " +point.lat()+ "
Longitude : "+point.lng()+"
Altitude : "+altitude);
      })
     }
    });
   }
  }

Nous avons modifié l'evenement "click" afin que lors de l'eéxuction de celui ci, le fichier getAltitude.php soit appelé en AJAX afin de fournir l'altitude du point sélectionné

Voir le résultat

Libellés : api google, google, google maps, google maps api, javascript

# publié par Nico : 14:54:00   0 commentaires Liens vers ce message

C'est avec stupeur que nous avons pu vivre les derniers instants du portail MSN qui, suite à la découverte d'un trou noir, a disparu ...

... Pour donner naissance au nouveau portail MSN

Un beau coup de Buzz marketing de la part de Microsoft

Libellés : Microsoft, mort de msn, portail msn

# publié par Nico : 13:38:00   0 commentaires Liens vers ce message

function ajax(url,method,idDiv,params)
{
var http;
try
{
 http = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e1)
{

 try
 {
  http = new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch(e2)
 {
  try
  {
   http = new XMLHttpRequest();
  }
  catch(e3)
  {
   alert('Votre navigateur est pourri');
   http=false;
  }
 }
}
http.onreadystatechange=function()
{
 if(http.readyState==4)
 {
  if(http.status==200)
   document.getElementById(idDiv).innerHTML=http.responseText;
  else
   document.getElementById(idDiv).innerHTML="Erreur : "+http.status;
 }
 else
  document.getElementById(idDiv).innerHTML="Chargement...";
};
http.open(method,url,true);
if(method=="post")
 http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send(params);
}

Libellés : AJAX, developpement web, erreurs AJAX, javascript

# publié par Nico : 00:15:00   0 commentaires Liens vers ce message

Libellés : developpement web, erreurs PHP, PHP

# publié par Nico : 00:06:00   0 commentaires Liens vers ce message

Libellés : 3d games, developpement web, jeux videos, unity 3d

# publié par Nico : 00:44:00   0 commentaires Liens vers ce message

Libellés : 3d games, developpement web, jeux videos, unity 3d

# publié par Nico : 02:21:00   0 commentaires Liens vers ce message