Archive pour septembre 2013
veille techno web UI – en vrac…
Posté par D.E.S. dans capitalisation, GEEK, Informatique le 27 septembre 2013
http://blog.alien109.com/2009/03/17/gzip-your-javascript/
http://getbootstrap.com/css/#grid-offsetting
http://designinstruct.com/roundups/html5-frameworks/
ou http://www.bestdesigntuts.com/10-best-html5-frameworks-that-help-speed-up-web-development
+ http://modernizr.com/download/
http://www.javacodegeeks.com/2012/05/javafx-2-vs-html5-for-ria.html
http://stackoverflow.com/questions/277414/how-does-javafx-compare-to-flash-and-flex
l’HIF1 « découverte » au Japon – la fin de l’ostéoporose ?
Article :
http://www.bulletins-electroniques.com/actualites/73932.htm
Ce bulletin est redigé par l’Ambassade de France au Japon et est diffusé gratuitement par l’ADIT
– Bonne lecture ! Cordialement
En Inde : l’eau potable à 130 roupies (1,5 euros) par an
Article : http://www.bulletins-electroniques.com/actualites/73938.htm
Pour en savoir plus,
Contacts : T. Pradeep, Professor, DST Unit of Nanoscience and Thematic Unit of Excellence, Indian Institute of Technology Madrashttp://www.dstuns.iitm.ac.in/t-pradeep.php
Code brève : ADIT : 73938
Sources : http://www.nature.com/nindia/2013/130429/full/nindia.2013.57.html
Rédacteurs : Marine Ridoux, Eloïse Layan
Origine : BE Inde numéro 54 (16/09/2013) – Ambassade de France en Inde / ADIT – http://www.bulletins-electroniques.com/actualites/73938.htm
Host JS Object (Navigateur) vs manipulation d’objet sandard – définition de sources d’images
Posté par D.E.S. dans capitalisation, Informatique le 17 septembre 2013
Une application doit produire un fichier HTML sans dépendance externe avec des images à positionner dans un tableau selon les valeurs de certains indicateurs.
Ces indicateurs sont associés à des images intégrées en base64 dans le fichier (http://chez.david-scherrer.info/html-embedded-images/).
Le type et la valeur de chaque indicateur est traduit par une combinaison de classes CSS positionnée sur la balise « img » de l’indicateur en question.
ex. <tr><td class="texte">mon indicateur A à pour valeur 3 <img alt="mon image associée" class="image a3" src=""></td>
A chaque type et valeur d’indicateur correspond une image qu’il faut pouvoir placer sur chaque itération de cette même combinaison (eg. a3) dans le tableau.
Pour cela, avec JavaScript, on liste l’ensemble des éléments disposant des classes CSS « image a3 » pour définir la source à leur associée.
La difficulté est que la liste construite n’aura pas forcément le même format en fonction du navigateur et de sa version et que les méthodes implémentées pour la récupérées varient également. Ceci est illustré notamment dans les échanges et articles suivants :
- http://stackoverflow.com/questions/7410949/javascript-document-getelementsbyclassname-compatibility-with-ie
- http://stackoverflow.com/questions/17396271/ie8-array-prototype-slice-this-is-not-a-javascript-object
- http://stackoverflow.com/questions/2143848/ie-only-javascript-error-with-getelementsbytagname
- http://www.alsacreations.com/article/lire/1445-dom-queryselector-queryselectorall-selectors-api.html
Voici un exemple de code qui devrait être compatible avec tous les navigateurs :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
/* méthode permettant de récupérer un array d'objets dans le DOM à partir d'un élément de celui-ci ou à défaut, à partir de la racine source : http://stackoverflow.com/questions/7410949/javascript-document-getelementsbyclassname-compatibility-with-ie */ function getArrayByClassNames(classes, pa){ if(!pa) pa= document; var C= [], G; if(pa.getElementsByClassName){ G= pa.getElementsByClassName(classes); for(var i= 0, L= G.length; i<L; i++){ C[i]= G[i]; } } else{ classes= classes.split(/\s+/); var who, cL= classes.length, cn, G= pa.getElementsByTagName('*'), L= G.length; for(var i= 0; i<cL; i++){ classes[i]= RegExp('\\b'+classes[i]+'\\b'); } classnameLoop: while(L){ who= G[--L]; cn= who.className; if(cn){ for(var i= 0; i<cL; i++){ if(classes[i].test(cn)== false) { continue classnameLoop; } } C.push(who); } } } return C } /* méthode permettant d'assigner une même src à une liste (nodeList) ou un array d'objet*/ function assignImageToAnHostObjectImgList(class_being_looked_for, src_img){ var hostObjectImgList; var JSarray; if (document.getElementsByClassName){ hostObjectImgList = document.getElementsByClassName(class_being_looked_for) } else if (document.querySelectorAll){ hostObjectImgList = document.getElementsByClassName(class_being_looked_for) } // méthodes natives si elles existent et ont donné un résultat if (hostObjectImgList){ var JSarray = new Array(hostObjectImgList.length); for (var i=0; i < hostObjectImgList.length; i++) { JSarray[i] = hostObjectImgList[i] JSarray[i].src=src_img; } // sinon méthode } else { var JSarray = getArrayByClassNames(class_being_looked_for); for (var i=0; i < JSarray.length; i++) { JSarray[i].src=src_img; } } } assignImageToAnHostObjectImgList("image a3", src_adher); |
« Enjeux d’énergie »
Un des principaux challenges de notre humanité est l’optimisation de la production, du stockage (court ou long, à émission rapide ou non), de la conversions (…) et de la récupération d’énergie (surtout renouvelable!).
Cela pourrait permettre de :
- conserver un environnement « vivable » pour les générations à venir (limiter les émissions de CO2, la déforestation, le réchauffement de la planète, etc.)
- assurer une qualité de vie accessible pour le plus grand nombre (eau potable, sécurité médicale, réseaux de communication)
Les défits sont :
- technologiques (les solutions existent, beaucoup sont à un stade expérimental plus ou moins avancés. Par exemple)
- les enjeux de pouvoir : les intérêts des états, entreprises et autres « lobby«
- le respect de l’homme et de la planète au niveau individuel comme collectif (entre autres : rationaliser nos consommations et optimiser les usages en fonction de l’efficacité énergétique et non du gain financier)
Quelques resources intéressantes :
- Débat national sur l’énergie : http://www.transition-energetique.gouv.fr/
- Une solution noimmée hydrogène ? : http://www.gizmodo.fr/2013/05/08/hydrogene-jules-verne-avait-raison.html
- Projet européen : http://www.bulletins-electroniques.com/actualites/72599.htm
(Sources reprises de : http://chez.david-scherrer.info/nouveaux-materiaux-nouvelles-proprietes-applications-ou-perspectives/)
html « embedded images »
Posté par D.E.S. dans capitalisation, GEEK, Informatique le 5 septembre 2013
Source (English): http://www.techerator.com/2011/12/how-to-embed-images-directly-into-your-html/
Principe: convertir les images en base 64
Implémentation (exemple):
1. Convertir les images en base64 et les mettre dans une variable JavaScript chacune en les préfixant bien du type de data eg. « data:image/png;base64, », par exemple :
<script> var imgContent = « data:image/png;base64,monimagePNGencodeeenbase64 »; < /script>
2. Placer une balise image dans la page HTML, par exemple :
<img id= »imageTest » />
3. Assigner avec JavaScript la source de l’image sur l’élément image (balise img)contenant les images, par exemple :
<script> document.getElementById(« imageTest »).src=imgContent; < /script>
Nouveaux matériaux, nouvelles propriétés, applications ou perspectives
Posté par D.E.S. dans capitalisation, Pertinent le 3 septembre 2013
Un peu en vrac… avant de réorganiser tout ça (peut-être)
Graphène & Disulfure de molybdène :
En résumé : « 2 structures nano 2D aux propriétés semblables mais qui pour l’électronique requièrent un dopage du graphène alors que le Disulfure de molybdène dispose des couches électroniques nécessaires stables pour créer des transitions avec conversion photon/électricité ou inversement et proposer des propriétés de semi-conducteur naturellement. »
Applications : électronique, photovoltaïque, affichages transparents, capteurs photosensibles à large spectre, catalyse
http://web.mit.edu/newsoffice/2012/graphene-molybdenum-disulfide-flat-materials-0823.html (recherches sur le Disulfure de molybdène au MIT)
www.academie-sciences.fr/activite/conf/exposeMontambaux_290211.pdf (propriétés du graphène)
Hydrogène :
Atome le plus commun de l’univers, le gaz H2 est lui rare à l’état naturel. Il présente une possibilité de stockage propre de l’énergie (2 H2 + O2 => 2 H2O) avec une forte densité énergétique (environ 4 fois celle du gaz naturel) moyennant une captation ou une production propre. De nombreuses recherches sont en cours sur les possibilités de production (à partir d’énergie propres et à différentes échelles) et de stockage de (sous pression, dans des structures nano)
> Article soulevant les enjeux et problématiques : http://www.gizmodo.fr/2013/05/08/hydrogene-jules-verne-avait-raison.html
> Projet européen : http://www.bulletins-electroniques.com/actualites/72599.htm
(Débat national sur l’énergie : http://www.transition-energetique.gouv.fr/)