Warning: UPDATE command denied to user 'michelon01'@'10.0.86.43' for table 'drupal_cache' query: UPDATE drupal_cache SET data = 'a:451:{s:13:\"theme_default\";s:7:\"garland\";s:13:\"filter_html_1\";i:1;s:18:\"node_options_forum\";a:1:{i:0;s:6:\"status\";}s:17:\"menu_primary_menu\";i:2;s:19:\"menu_secondary_menu\";i:2;s:15:\"install_profile\";s:7:\"default\";s:17:\"node_options_page\";a:1:{i:0;s:6:\"status\";}s:12:\"comment_page\";s:1:\"0\";s:18:\"drupal_private_key\";s:64:\"b4e640288de05f522bbe6b032bdd5e965244625713cbf8cf2021d99f2fe3072a\";s:19:\"file_directory_temp\";s:9:\"files/tmp\";s:19:\"file_directory_path\";s:5:\"files\";s:14:\"file_downloads\";s:1:\"1\";s:21:\"date_default_timezone\";s:4:\"7200\";s:22:\"configurable_timezones\";s:1:\"1 in /home/michelon/www/olivier/blog/includes/database.mysql.inc on line 174

Warning: Cannot modify header information - headers already sent by (output started at /home/michelon/www/olivier/blog/includes/database.mysql.inc:174) in /home/michelon/www/olivier/blog/includes/bootstrap.inc on line 569

Warning: Cannot modify header information - headers already sent by (output started at /home/michelon/www/olivier/blog/includes/database.mysql.inc:174) in /home/michelon/www/olivier/blog/includes/bootstrap.inc on line 570

Warning: Cannot modify header information - headers already sent by (output started at /home/michelon/www/olivier/blog/includes/database.mysql.inc:174) in /home/michelon/www/olivier/blog/includes/bootstrap.inc on line 571

Warning: Cannot modify header information - headers already sent by (output started at /home/michelon/www/olivier/blog/includes/database.mysql.inc:174) in /home/michelon/www/olivier/blog/includes/bootstrap.inc on line 572

Warning: INSERT command denied to user 'michelon01'@'10.0.86.43' for table 'drupal_watchdog' query: INSERT INTO drupal_watchdog (uid, type, message, severity, link, location, referer, hostname, timestamp) VALUES (0, 'php', '<em>Cannot modify header information - headers already sent by (output started at /home/michelon/www/olivier/blog/includes/database.mysql.inc:174)</em> in <em>/home/michelon/www/olivier/blog/includes/common.inc</em> on line <em>141</em>.', 2, '', 'http://olivier.michelon.me/blog/?q=category/tag/langage-informatique/javascript', '', '54.167.202.184', 1508363799) in /home/michelon/www/olivier/blog/includes/database.mysql.inc on line 174

Warning: INSERT command denied to user 'michelon01'@'10.0.86.43' for table 'drupal_watchdog' query: INSERT INTO drupal_watchdog (uid, type, message, severity, link, location, referer, hostname, timestamp) VALUES (0, 'php', '<em>UPDATE command denied to user &amp;#039;michelon01&amp;#039;@&amp;#039;10.0.86.43&amp;#039; for table &amp;#039;drupal_cache_browscap&amp;#039;\nquery: UPDATE drupal_cache_browscap SET data = &amp;#039;O:8:\\&amp;quot;stdClass\\&amp;quot;:2:{s:9:\\&amp;quot;useragent\\&amp;quot;;s:1:\\&amp;quot;%\\&amp;quot;;s:4:\\&amp;quot;data\\&amp;quot;;s:609:\\&amp;quot;a:25:{s:7:\\&amp;quot;browser\\&amp;quot;;s:15:\\&amp;quot;Default Browser\\&amp;quot;;s:7:\\&amp;quot;version\\&amp;quot;;s:1:\\&amp;quot;0\\&amp;quot;;s:8:\\&amp;quot;majorver\\&amp;quot;;s:1:\\&amp;quot;0\\&amp;quot;;s:8:\\&amp;quot;minorver\\&amp;quot;;s:1:\\&amp;q in /home/michelon/www/olivier/blog/includes/database.mysql.inc on line 174
JavaScript | MICHBlog

JavaScript

  • warning: Cannot modify header information - headers already sent by (output started at /home/michelon/www/olivier/blog/includes/database.mysql.inc:174) in /home/michelon/www/olivier/blog/includes/common.inc on line 141.
  • user warning: UPDATE command denied to user 'michelon01'@'10.0.86.43' for table 'drupal_cache_browscap' query: UPDATE drupal_cache_browscap SET data = 'O:8:\"stdClass\":2:{s:9:\"useragent\";s:1:\"%\";s:4:\"data\";s:609:\"a:25:{s:7:\"browser\";s:15:\"Default Browser\";s:7:\"version\";s:1:\"0\";s:8:\"majorver\";s:1:\"0\";s:8:\"minorver\";s:1:\"0\";s:8:\"platform\";s:7:\"unknown\";s:5:\"alpha\";s:0:\"\";s:4:\"beta\";s:0:\"\";s:5:\"win16\";s:0:\"\";s:5:\"win32\";s:0:\"\";s:5:\"win64\";s:0:\"\";s:6:\"frames\";s:0:\"\";s:7:\"iframes\";s:0:\"\";s:6:\"tables\";s:0:\"\";s:7:\"cookies\";s:0:\"\";s:16:\"backgroundsounds\";s:0:\"\";s:10:\"javascript\";s:0:\"\";s:8:\"vbscript\";s:0:\"\";s:11:\"javaapplets\";s:0:\"\";s:15:\"activexcontrols\";s:0:\"\";s:8:\"isbanned\";s:0:\"\";s:14:\"ismobiledevice\";s:0:\"\";s:19:\"issyndicationreader\";s:0:\"\";s:7:\"crawler\";s:0:\"\";s:10:\"cssversion\";s:1:\"0\";s:10:\"aolversion\";s:1:\"0\";}\";}', created = 1508363799, expire = 0, headers = '' WHERE cid = 'CCBot/2.0 (http://commoncrawl.org/faq/)' in /home/michelon/www/olivier/blog/includes/database.mysql.inc on line 174.

Peut-on faire du webmapping en HTML5?

HTML 5 révolutionne en apportant notamment un certain nombre de nouvelles balises. On a bien sur la balise <video> qui a déjà fait parler d'elle, mais on a aussi une nouvelle balise <canvas> permettant d'afficher des éléments graphiques, voir même de les animer à coup de Javascript.
Le canvas va permettre en fait de définir une zone dans la page dans laquelle il va être possible de dessiner des formes, à l'image du SVG. L'avantage alors? c'est standard et natif (rien à ajouter de plus). L'inconvénient? c'est le client qui génère le rendu vecteur, et ça va se ressentir sur les machines vieillissantes...

Cette technique est aujourd’hui pleinement maitriser pour des animations de sites dynamiques (Doodle de Google, animation de l'Apple Store...). Pourquoi ne pas l'utiliser pour afficher des cartes et s'y balader?
C'est chose faite avec le framework Cartagen.

Une balise <canva>, c'est quand même plus propre qu'un <div>? Et ça présente l'avantage d'être compatible tout navigateur!

Un SIG pour les satellites

Je viens de tomber par hasard sur un excellent site Japonnais nommé Satellite Tracker 3D:
http://mada.la.coocan.jp/sat/index.htm

Ce site, full SVG/JS, propose une représentation cartographique en "3D projetée" des satellites et débris principaux gravitant autour de notre terre. A l'aide d'une interface peu intuitive, on peut voir l'état du ciel au dessus de notre tête, et surtout, l'état de la constellation satellite GPS. Pour vos faire gagner un peu de temps, voici le résultat centré au dessus du fuseau horaire GMT + 1:
http://mada.la.coocan.jp/sat/index.htm?c=0&cr=70051&es=1&et=0&gn=0&gr=0&ll=25.718890137074563%2C22.305242522843287&n=1&o=0&sd=0&si=0&sl=0&sm=16777216&sn=0&sp=0&ss=463.45&ta=20177&v=0.

Le résultat est impressionnant. La 3D est très bien faite, le déplacement intuitif, la projection est impeccable mais la distance des serveurs rend la navigation peu fluide... Les dalles sont intéressantes elles aussi car elles sont triangulaires : les transformations de rotation/mise à l'échelle/masque sont effectuées avec SVG.

Saluons quand même le travail réalisé et le choix de la technologie!

Do you know JavaScript?

Je ne suis pas certain que vous connaissiez toutes les capacités de JavaScript!

Il nous avait déjà surpris avec l'Ajax : Google map, Openlayers ou les autres clients web de cartographie montraient déjà sa fluidité. L'ancienne version full JS de Street view n'était pas en reste.

Syndiquer le contenu