zebden.fr :: Anthony Lombard Alias zebden :: Blog, Life & PHP

Commentaires de nouveau ouverts

J'ai remis les commentaires avec un système de Captcha comme à l'époque, j'avais pas mal d'idées et d'envies qui partaient de tous les côtés mais faute de temps bah rien.. Plus tard donc !

B.A de la journée : Association Matthieu Carrere "Un enfant, un rêve" .

Parce que j'ai fait le site (Pas le design, ni les animations bien sur) mais l'idée générale est de moi et évidemment le côté technique hein (vu que c'est mon job).

Mon côté égocentrique à part, cette association, basée en Lorraine et plus précisément à Épinal, réalise les rêves/envies d' enfants hospitalisés atteints de cancers ou de maladies assimilées (leucémie par exemple) et qui pour une partie, soyons cru, décède malheureusement...
Je fais donc un peu de publicité pour ce site où vous trouverez un formulaire pour envoyer un don, adhérer à l'association ou bien vous faire connaitre car vous avez des contacts intéressants qui permettraient de les aider à réaliser les rêves de ces enfants.
Le site étant évidemment mal référencé et pour le moment peu visité, j'espère à travers mon blog aider à trouver de nouveaux foyers de don par le biais de ce nouveau site.

Vous pouvez, de votre côté, passer l'information ou simplement l'URL de ce site, ça ne vous coutera qu'un peu de temps mais chaque action est importante qu'elle soit d'ordre financière ou simplement soutien moral.

En vous remerciant !

L'URL du site : http://www.matthieucarrere.fr/

zebden.fr : Multi-version

Version Skyblog : Kikoo lol ptdr (Merci Lupus !!)
Version ch'ti : mon ch'ti blog biloute
Version Geek : normal quoi

Si vous en avez d'autre marrant ^^.

SWFObject 2.0

Petite news pour annoncer la sortie de SWFObject 2.0 et que du coup un nouveau tutoriel est en cours d'écriture car pas mal de choses ont changés, en fait tout. Bref :

http://code.google.com/p/swfobject/

Pas très crédible...

C'est bizarre mais j'ai un doute, je sais pas pourquoi ...

Je ne suis pas graphiste mais..

Je soutiens :

L'affaire mariejulien.com et Wilogo

Anti Spam : Spam 1 - zebden 0

J'ai de nouveau du spam, j'avais déj� ce spam bizarre (manuel je pense) qui copie/colle des commentaires soit du blog soit d'ailleurs, mais j'ai de nouveau du vieux bon spam avec des urls de partout.

Donc résultat : 2 sécurités mises � mal par les robots de Spam. En même temps, je pensais que ça aurait détourné plus vite.

Bref, je vais mettre en place dès que possible d'autres sécurités auxquelles j'ai pensées dont une que je garderais secrète ! Parce que programmer un robot, c'est pas si difficile que ça quand on connait les différentes sécurités. Même les CAPTCHA sont contournés avec une reconnaissance de caractères de plus en plus poussée, mais je doute qu'ici j'en sois victime. Elles seront probablement testées sous Dotclear pour le moment.

Projet pour le Blog, ça va faire mal

J'avais dit il y a peu que j'allais changer le moteur Dotclear par un WordPress dû aux failles de sécurité. Mais en fait Non, je vais faire mieux que ça !

J'ai mon moteur basé sur mon framework bientôt couplé avec le Zend Framework, alors je ne réinvente pas la roue puisque je l'ai déjà développé et donc bientôt j'aurais le blog 100% Maison et donc avec une totale liberté dans mes actions et avec beaucoup plus de sécurité. Le but n'étant pas de faire mieux évidemment mais aussi bien et pourquoi pas innover dans ce secteur, puisque ça me servira aussi de laboratoire pour lancer de nouvelles applications.

bref à voir ! En plus, il faudrait qu'un ami graphiste soit charitable ! Vincent ou Max si vous m'entendez ! :-D

Uniquement pour être indexé.

Juste pour que le site soit indexé plus rapidement.

Syndicat Départemental d’Assainissement Autonome

Euh no comment sur le site.

Comment bien utiliser SWFObject ! (remonté).

SWFObject est, pour rappel, un objet javascript qui permet de détecter la version de flash de l'utilisateur et pouvoir si la version est antérieure à celle voulue, et ainsi proposer à l'utilisateur d'updater sa version automatiquement. Ici nous allons nous interresser à la méthode automatique ou vont s'entremeler Flash, Js, HTML et PHP pour mettre simplement et rapidement cette méthode en place.

Côté PHP :

Vous allez me dire que ça n'a pas vraiment d'utilité ici d'utiliser un langage serveur puisque tout se passe côté client... Eh bien on peut, en tant que programmeur, plutôt que de se farcir des copiés/collés, générer une belle petite fonction pour mettre en place notre Objet SwfObject.

Voici une fonction pour mettre en place le code voulu (à vous de la perfectionner si vous en avez envie)

Code de la fonction :

<?php
/**
loadSwfObject()
@author Lombard Anthony
@desc Met en place le code HTML/JS pour SwfObject
@param string $flash (chemin vers l'anim flash)
@param string $id id pour placer le flash avec JS
@param integer/string $width largeur de l'anim
@param integer/string $height hauteur de l'anim
@param array $att FlashVars que vous pouvez faire passez à votre anim
@param array $param Paramètres de l'animation
@param string $version Version de votre animation.
@param string $couleur background-color de l'anim
*/
function loadSwfObject($flash, $id, $width, $height, $att = array(), $param = array('quality' => 'high'), $version = '8', $couleur = '#FFFFFF') {
	 
	 // HTML
	 $return  = "\n\n". '<div id="'. $id .'">';
	 $return .= 'Votre navigateur ne supporte pas le plugin flash';
	 $return .= '</div>'. "\n";
	 
	 // JS 
	 $return .= '<script type="text/javascript">' . "\n";
	 $return .= '// <![CDATA[' . "\n";
	 
	 // Appel de l'objet js : SWFObject
	 $return .= "\t" . 'var swfobject = new SWFObject("' . $flash . '", "flashy", "' . $width . '", "' . $height . '", "'.$version.'", "'.$couleur.'", true);' . "\n";
	 
	 // Paramètres
	 if($param && is_array($param)) {
	 	
	 	foreach($param as $cle => $value) {
			$return .= "\t" . 'swfobject.addParam("' . $cle . '", "' . addslashes($value) . '");' . "\n";
			}
	 	}
	 
	 /// FLASHVARS.
	 if($att && is_array($att)) {
	 	
		// Variables encodées en amont.
	 	foreach($att as $cle => $value) {
			$return .= "\t" . 'swfobject.addVariable("' . $cle . '", "' . addslashes($value) . '");' . "\n";
			}
	 	}
	 
	 $return .= "\t" . 'swfobject.write("' . $id . '");' . "\n";
	 $return .= '// ]]>' . "\n";
	 $return .= '</script>' . "\n\n";
	 
	 return $return;
	 }
?>

Voilà nous avons une belle petite fonction pour générer le code afin d'utiliser au mieux l'objet SwfObject, maintenant on va voir ce qu'il faut faire côté client afin d'y installer notre update de flash.

Côté JS :

Rien de bien compliquer ici, nous avons juste à inclure le fichier javascript fourni entre les balises <head> soit (méthode simplifiée) :

<html>
<head>
<script type="text/javascript" src="chemin/vers/swfobject.js"></script>
</head>
<body>
// Notre code
</body>
</html>

Le code complexe étant déjà fourni ! :)

Côté Flash :

Si vous n'êtes pas flasheur dans l'âme ou vous n'avez pas vraiment de notion, il est toujours possible pour vous d'utiliser les méthodes au-dessus mais de ne pas renseigner le dernier paramètre de l'objet javascript swfobject qui est par défaut à false, on aura alors en visuel le texte alternatif que vous avez choisi de mettre et ainsi mettre un lien pour mettre à jour la version de flash. Sur le site, ce sont les deux premiers exemples.

En revanche, vous pratiquez bien flash alors on va pouvoir installer sur une frame le code à mettre pour installer d'une part le bouton qui permettra une update automatique et d'autre installer le code à mettre (Aucune différence avec le site officiel).

En gros le but est de stopper l'animation à notre frame si la version est antérieure à celle attendue ... Vous aurez besoin aussi du fichier expressinstall.as fourni avec le package pour compiler votre flash.

Donc voici le code du site lui-même à mettre :

#include "expressinstall.as"
 
// initialize the ExpressInstall object
var ExpressInstall = new ExpressInstall();
 
// if the user needs to upgrade, show the 'start upgrade' button
if (ExpressInstall.needsUpdate) {
 
	// this is optional, you could also automatically start the 
	// upgrade by calling ExpressInstall.init() here instead of the following lines
 
	// attach the custom upgrade message and center it
	var upgradeMsg = attachMovie("upgradeMsg_src", "upgradeMsg", 1);
	upgradeMsg._x = Stage.width / 2;
	upgradeMsg._y = Stage.height / 2;
 
	// attach the button actions that will start the ExpresInstall updater
	upgradeMsg.upgradeBtn.onRelease = function() {
		// the ExpressInstall.init() method is what kicks off the actual update
		ExpressInstall.init();
	}
	// if expressinstall is invoked, stop the timeline.
	stop();
}

Ok un peu compliquer comme ça à première vue, donc on va simplifier la méthode mais aussi le traduire pour les non anglophones.

Donc premièrement créons un clip ou nous allons afficher notre message si la version n'est pas celle voulue que l'on va nommer upgradeMsg (originalité quand tu nous tiens) et ajoutons une nouvelle frame où vous le souhaitez.

Ici, nous allons placer le code et aussi les éléments graphiques sur la seconde frame.

La nous avons notre clip que nous avons nommé upgradeMsg ayant donc le txt et un bouton que nous appellerons upgradeBtn pour lancer l'installation.

Alors une fois tout les éléments mis en place, nous allons en fait caché le clip upgradeMsg par défaut et là grâce au fichier .as nous pouvons tester la version de flash du client. Ainsi si nous avons besoin d'une version supérieur, nous stoppons l'animation avec stop(); et nous rendons visible notre clip pour que le client puisse sans efforts, upgrader sa version flash.

 
// On inclut le fichier .as
#include "expressinstall.as"
 
// Nous rendons invisible notre clip, si la version est bonne de toute façon, nous passons à la frame suivante.
upgradeMsg._visible = false;
 
// Commence alors notre test
 
// On déclare l'objet ExpressInstall 
var ExpressInstall = new ExpressInstall();
 
// Si nous avons besoin d'update alors nous rentrons dans cette condition et nous stoppons sur cette frame
if (ExpressInstall.needsUpdate) {
 
	// On rend visible notre clip pour updater.
	upgradeMsg._visible = true;
 
	// On attribue l'action d'update lorsqu'on appuie sur le bouton.
	upgradeMsg.upgradeBtn.onRelease = function() {
		ExpressInstall.init();
	};
	
        // L'animation est stoppé si nous sommes rentré dans la condition.
	stop();
}

Voilà c'est un peu plus simple à mettre en place pour les flasheurs !

Conclusion :

Flash n'est pas par définition un outil accessible à tous. Grâce à ceci, vos sites flashs qui nécessitent les dernières versions seront accessibles ! Et d'autre part, cela à aussi l'avantage de ne plus cliquer (pour IE) pour activer l'ActiveX flash.

DES LIENS !!!!!!

Le site officiel : Vous y trouverez des exemples et toutes les sources dont vous aurez besoin
Une traduction en français du site officiel
Plugin pour mac et PC pour pouvoir switcher vos versions de flashs et ainsi tester swfobject tranquillement sans avoir à tout desinstaller

Sur ce bon courage et bonne prog !!!