Archive pour septembre 2013

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

Pas de commentaire

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 :

Voici un exemple de code qui devrait être compatible avec tous les navigateurs :

/*
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);

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);

Pas de commentaire

« Enjeux d’énergie »

Posté par D.E.S. dans Energie le 10 septembre 2013

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/)

Pas de commentaire

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>

Un commentaire

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/)

Un commentaire