RCX STORM ::
Ressources Conseils eXchanges pour apprendre à programmer

Categories

Accueil > SCRATCH > < Intégrer le viewer expérimental Flash de SCRATCH dans un site (...)

26 octobre 2011
chrisagon

Intégrer le viewer expérimental Flash de SCRATCH dans un site SPIP

La futur version de SCRATCH sera en Flash et non plus en SQUEAK avec un viewer en JAVA.
Mais pour l’instant, c’est à l’état expérimental et il ne propose pas d’inclure les projets SCRATCH avec le viewer Flash excepté sur leur site.
Je vais vous proposer dans cet article une solution pour pouvoir intégrer le viewer flash dans votre site SPIP.
Il semblerait que chaque CMS ai son propre système de filtre html et donc ce qui est valable pour l’un ne l’est pas forcément pour l’autre.
C’est après avoir testé les propositions lus dans les forums SCRATCH. je me suis rendu compte qu’elles ne fonctionnaient pas avec SPIP. Donc après moult tâtonnements et expérimentations voici ce que j’ai trouvé.

 Intégrer le futur environnement de programmation SCRATCH

Voici le code qu’il faut intégrer à votre article :

<iframe src ="http://scratch.mit.edu/static/experimental/Scratch.swf?owner=chrisagon&projectname=1346444" width="100%" height="100%" scrolling=yes allowfullscreen="true"> </iframe>

Remplacer 1346444 par le code de votre projet. Le code de votre projet : c’est celui qui s’affiche sur le site SCRATCH comme ceci : http://scratch.mit.edu/projects/chr...
Chrisagon est mon user Scratch.

OK c’est un peu petit. Bien que nous ayons mis comme paramètres WIDTH=« 100% » HEIGHT=« 100% » et allowfullscreen=« true ». Mais cela vous donne un aperçu de ce que sera la V3 de SCRATCH.

A priori pour l’avoir en « pleine écran », il ne faut pas utiliser SPIP. La preuve : http://www.scratchtests.co.cc/
C’est toujours en anglais. Pas moyen de changer la langue pour l’instant. :-(

Donc l’étape suivante, ce sera ...

 Intégrer le viewer flash de SCRATCH

Voici le code à intégrer :


<iframe src="http://scratch.mit.edu/static/misc/PlayerOnly.swf?project=../../static/projects/chrisagon/1346444.sb" height="387" width="482" frameborder="0"/>

Le chemin d’accès au programme SCRATCH est différent.
De la même façon :
Remplacer 1346444 par le code de votre projet. Le code de votre projet : c’est celui qui s’affiche sur le site SCRATCH comme ceci : http://scratch.mit.edu/projects/chr...
Chrisagon est mon user Scratch, donc vous remplacez chrisagon par votre user Scratch.

<iframe src="http://scratch.mit.edu/static/misc/PlayerOnly.swf?project=../../static/projects/chrisagon/1346444.sb" height="387" width="482" frameborder="0"/>

 Utiliser le ScratchTastic

En continuant mes recherches j’ai trouvé le site ScratchTastic.
Allez sur le site suivant http://labs.greenbush.us/scratch/ta...
Saisissez votre user Scratch et vous retrouvez vos projets Scratch. En cliquant dessus le site vous génère le html pour pouvoir insérer votre projet Scratch avec le viewer Flash.
Comme ceci :

<object width="483" height="387"type="application/x-shockwave-flash" data="http://labs.greenbush.us/scratch/ScratchDroid/PlayerOnly.swf">
<param name="allowScriptAccess" value="sameDomain"><param name="allowFullScreen" value="true">
<param name="flashvars" value="project=http://scratch.mit.edu/static/projects/chrisagon/1556745.sb?version=1">
</object>
<br><a href=http://scratch.mit.edu/users/chrisagon>Scratch project by chrisagon</a><br>

Sauf que cela ne marche toujours pas sur notre site SPIP, sans doute à cause de certains filtres.
Dommage...

P.-S.

Pour trouver d’autres ressources SCRATCH en français, allez sur http://scratchfr.free.fr/

Partager