BacASable
nuage des amis
<script > var donnees; //appel de la liste des utilisateurs $.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Utilisateur-5D-5D/-3F-23-2D/-3FTh%C3%A8me/limit%3D150/searchlabel%3D/format%3Djson",
function(data) {
donnees=data.items;
$.each(data.items, function(i,item){
// L.marker([item.latt, item.long]).addTo(cartofab).bindPopup("<a href="+item.site+" target=\"_blank\">"+item.label+"</a>
"+item.intitulé+"
"+item.structures);
//alert( item.thème);
});
document.getElementById("debug").innerHTML = "Il ya actuellement "+data.items.length+" utilisateurs renseignés sur cette page";
});
</script>
<script src="extensions/processingjs/processing-1.3.6.min.js"></script>
<script type="text/processing" target="processing-canvas-nuage">
float x[] = new float[0];
float y[] = new float[0];
float vitesseX[] = new float[0];
float vitesseY[] = new float[0];
float directionX[] = new float[0];
float directionY[] = new float[0];
void setup(){ size(600,400);
if(donnees!=null){
x = expand(x, donnees.length); y = expand(y, donnees.length); vitesseX = expand(vitesseX, donnees.length); vitesseY = expand(vitesseY, donnees.length); directionX = expand(directionX, donnees.length); directionY = expand(directionY, donnees.length);
for (int i=0; i<donnees.length; i++) {
x[i] = random(width);
y[i] = random(height);
vitesseX[i] = random(-2, 2);
vitesseY[i] = random(-2, 2);
directionX[i] = 1;
directionY[i] = 1;
}
}
}
void draw(){
background(2);
//text(donnees[0].thème,100,100);
if(donnees!=null){
//println(donnees.length);
for(int i=0; i<donnees.length; i++){
String [] s = split(donnees[i].label, "Utilisateur:");
text(s[1], x[i], y[i]);
if(x[i] < 0 || x[i] > width){
directionX[i] *= -1;
}
if(y[i] < 0 || y[i] > height){
directionY[i] *= -1;
}
x[i] += vitesseX[i] * directionX[i]; y[i] += vitesseY[i] * directionY[i]; }
//text(donnees[0].label,mouseX,mouseY+20); //text(donnees[0].thème,mouseX,mouseY);
//println(donnees.items[0].label); }
}
</script>
<canvas id="processing-canvas-nuage"> </canvas>
afficher une image
TestDoc Profil
widget leaflet
pour afficher des cartes
widget Processingjs
arbre des categories
Semantic mediawiki
requete avec show
{{#show: Machines:FraiseuseCNC | ?taille#cm}}
la FraiseuseCNC peut travailler sur X
requete avec Ask
{{#ask: |?materiaux=matières | ?taille#cm = surface de travail | ?Modele }}
une autre
arbre des catégories
http://www.google.fr/intl/fr_ALL/images/logos/images_logo_lg.gif
ProcessingJS
{{#processingjs:line(0,10,100,110);}} Extension:processingjs
<processingjs>
/*
PROCESSINGJS.COM - BASIC EXAMPLE Delayed Mouse Tracking MIT License - Hyper-Metrix.com/F1LT3R Native Processing compatible
- /
// Global variables float radius = 50.0; int X, Y; int nX, nY; int delay = 16;
// Setup the Processing Canvas void setup(){
size( 600, 200 ); strokeWeight( 10 ); frameRate( 15 ); X = width / 2; Y = width / 2; nX = X; nY = Y;
}
// Main draw loop void draw(){
radius = radius + sin( frameCount / 4 ); // Track circle to new destination X+=(nX-X)/delay; Y+=(nY-Y)/delay; // Fill canvas grey background( 120 ); // Set fill-color to blue fill( 0, 12, 184 ); // Set stroke-color white stroke(255); // Draw circle ellipse( X, Y, radius, radius );
}
// Set circle's next destination
void mouseMoved(){
nX = mouseX; nY = mouseY;
}
</processingjs>
http://www.slideshare.net/baojie_iowa/a-short-tutorial-to-semantic-media-wiki-smw
http://semantic-mediawiki.org/wiki/SMWCon_Spring_2011_-_Tutorials
http://semantic-mediawiki.org/wiki/Help:%C3%89diter