Un oeil sur le web

On pourraitse demander comment on peut parodier une chanson parodiant déjà les clips de rap mais apparement c’est possible et ce n’est d’ailleurs pas la première fois que “I’m on a boat” de The Lonely Island est détourné. Cependant ce n’est que très rarement aussi drole et il faut avouer que sur le coup les Pantless Knights ont fait du lourd.

Ci-dessous la version original feat T-Pain :

Tout bon internaute se doit de vouer un culte à Keyboard Cat, c’est un fait et on ne discute pas. C’est dans cette optique que je suis récemment parti à la recherche de la partition de piano pour tenter d’égaler mon maitre. Après un googlage d’environ 10 secondes je suis tombé sur quelque chose de pas trop mal que je partage donc avec vous.

Ça se déchiffre en 2 minutes, c’est drôle à jouer, profitez en ;)

source

Tonton Desmond qui s’est perdu sur une île

Les sous titres sont de plus en plus présents sur la toile, indispensables pour pouvoir regarder les films de vacances hebdomadaires étrangers. Cependant, il est souvent pratique de les incruster pour pouvoir les regarder sur un lecteur dvd qui ne les gère pas ou encore regarder les films sur son iPod (ou autre terminal).

Seulement voila, ce n’est pas si simple. Si vous aussi vous avez déjà cherché un logiciel rapide, simple et efficace pour effecteur cette tache, en particulier sous mac … vous n’avez très probablement rien trouvé de concluant. C’est pourquoi je partage aujourd’hui avec vous Submerge. Une application tout juste sensationnelle puisqu’elle permet d’incruster des sous titres en quelques secondes (20 secondes pour 1h30 de film) et de convertir sous le format que vous désirez sans perte de qualité.

L’appli est payante mais pour 9$ (6€) cela vaut vraiment le coup !

Même après environ 11 ans d’existence, Google n’arrête plus sa croissance et au lieu de ralentir, celle-ci tend plutôt vers une allure exponentielle. En effet après avoir dominé le milieu de la recherche sur internet, la société a continué de s’étendre avec des services comme Gmail, ou bien encore Adsense, surement la plus grosse régie publicitaire sur le web à l’heure d’aujourd’hui. Seulement voila, internet c’est bien joli mais le géant à encore faim et depuis quelques années maintenant il se prépare à sortir de ce domaine pour partir à la conquête d’un nouveau monde, celui du concret.

Vous n’avez surement pas loupé la grosse news de ces derniers jours avec la confirmation d’un téléphone fait par Google (construit par HTC) et surtout vendu par Google. Déjà qu’on trouvait qu’Apple faisait fort en vendant son téléphone avec des forfaits exorbitants pour le public visé (qui ne choquent plus personne aujourd’hui), Google fait encore plus fort en vendant lui-même, tout seul, sans aide des opérateurs, son propre téléphone. Mais qu’est-ce que cela veut dire ?

Pour comprendre, retour en Août 2005, une petite boite qui commence à faire parler d’elle est rachetée par Big Brother, son nom ? Android. Ce rachat sera à la base du développement acharné de l’OS “open-source” pour mobiles que l’on connait aujourd’hui. Ainsi, l’attaque massive de la téléphonie mobile par Google a bien été planifiée et au bout de 3 ans de préparations, le premier téléphone avec cette technologie voyait le jour, le G1 de HTC (encore eux ? tiens tiens …). A l’heure d’aujourd’hui c’est une bonne quinzaine de terminaux Android qui sont déjà disponibles et une grosse flopée prévue pour 2010. On peut d’ailleurs dire sans hésitation que les ventes de téléphones sous cet OS dépasseront largement celle de l’iPhone d’ici la fin de l’année prochaine. Cependant, distribuer un logiciel très ouvert aux fabricants de mobiles n’est en réalité que la partie visible de l’iceberg. Le but principal étant de petit à petit gagner leur confiance, gagner des parts de marché dans ce domaine et ensuite écraser toute cette vermine ! Le pire c’est que si certaines marques ne réagissent pas c’est bel et bien ce qui risque d’arriver car Google va entamer la deuxième partie de son processus de conquête et certains ne tiendrons pas.

En effet, la marque va lancer son propre téléphone qu’elle va vendre sans dépendre des opérateurs ou autres revendeurs et on parle bien du site le plus visité au monde, au point de vu impact publicitaire, on peut difficilement faire mieux, le succès sera très probablement au rendez vous. Contre cela, peu d’alternatives possibles, tout d’abord le “concurrent” (si on peut encore l’appeler comme ça) au niveau logiciel, Windows Mobile, va devoir faire de gros efforts pour s’aligner car à en voir leur rythme d’évolution, les fabricants ne vont pas les suivre longtemps préférant très probablement profiter du système Android  soutenu par une communauté de plus en plus grande et constituant un argument de vente de plus en plus solide. Mais malheureusement, je ne pense pas que cela pourra durer très longtemps et à moins de faire du très très bon matériel, des marques un peu faibles avec des moyens se réduisant peu à peu ont de fortes chances de disparaitre. Si par exemple Nokia continuent sur leur lancée, on est bien parti pour ne plus en entendre parler dans une petite dizaine d’année.

Néanmoins, pas de soucis à se faire pour certains comme Apple qui restera très probablement l’opposant principal pour un petit bout de temps, HTC qui a très vite su choisir son camp en devenant le constructeur privilégié de Google ou encore Blackberry qui sera difficilement indétrônable, surdominant la niche des smartphones professionnels.

Mais attention, croire que Google se contente de ça pour le moment et qu’il avisera ensuite n’est que pure illusion. Le maitre du web est déjà plus loin, visant toujours plus gros, se préparant à attaquer le domaine des ordinateurs. Et attention, aucune surprise ! Tout ce fera très probablement de la même manière qu’avec Android, un OS sortira, se développera, centralisera bien évidemment tout les services Google obligeant l’utilisateur à s’y inscrire et enfin, les premiers ordinateurs by Google verront le jour ce qui aura pour effet de faire trembler les constructeurs principaux, sauf le concurrent éternel, Apple qui, fidèle à son habitude, restera tranquille dans son coin sans réellement se soucier de ce qui se passe chez les autres.

Bien évidemment, tout ceci est une vision sur du long terme, mais je ne pense pas être trop loin de la réalité. Sur ce je vous donne rendez-vous dans dix ans (moins ?) pour l’ouverture du premier Google Store en France ;)

Tout comme son acolyte le HTML 5, le CSS 3 va déchirer, plus besoin de le démontrer. Dernièrement j’ai découvert une petite manip bien sympathique, merci Félix, pour créer un effet de relief sur des textes en utilisant le Cascading Style Sheet, (ça fait classe de le dire en entier :)).

Vous avez surement déjà remarqué les effets du style Photoshop ou Apple avec un ligne d’environ un pixel de couleur plus claire sous un texte donnant un effet “d’enfoncement”. Avant vous étiez obligé de faire une image ou de superposer deux textes avec un décalage d’un pixel (pas bon pour le ref !), mais maintenant avec la fonction “text-shadow“, plus besoin de tout ça. En une ligne de CSS vous avez un joli relief.

Ainsi placez votre texte sur un fond légèrement sombre, avec une couleur très sombre puis appliquez “text-shadow” sur le dit texte comme ceci :

 text-shadow: 1px 1px 0px #couleur;

Comment ça marche ? En gros la syntaxe de cette déclaration est la suivante “text-shadow : décalage-x décalage-y flou couleur”. Nous décalons donc d’un pixel vers la droite et vers le bas, n’appliquons pas de flou et utilisons une couleur plus claire que celle du texte. Le résultat est alors semblable à celui en entête de billet.

Ça fait longtemps que je n’avais pas blogué ici et en ce moment l’envie me reviens. J’ai donc décidé de vous faire un petit tuto expliquant comment créer à l’aide de l’API Feedburner un graphique de croissance du nombre d’abonnés.

Tout d’abord, je vous invite à lire la doc de l’Awareness API de Feedburner ainsi qu’à télécharger la librairie flash amcharts qui nous permettra de faire les graphiques.

Pour commencer on va créer un petit formulaire où l’utilisateur entrera le flux du blog et qui, uniquement s’il est validé, affichera le graphique :

	<? if(isset($_POST["Envoyer"])) //Vérifie si le formulaire est envoyé
    {
		}else{
	?>
<form action="http://<?= $_SERVER["SERVER_NAME"] . $_SERVER["SCRIPT_NAME"]; ?>" method="post"> <!-- Envoi du formulaire sur la même page -->
	<INPUT type="text"  name="flux1"> Flux du blog n1<br/>
	<INPUT type="submit" value="Envoyer" name="Envoyer">
</form>
<? }?>

Ensuite comme vous avez lu la doc de l’API feedburner, vous savez que pour récupérer un fichier XML avec le nombre d’abonnés feedburner, il va vous falloir une url sous ce format : “https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=Nom-Du-Blog&dates=yyyy-mm-dd,yyyy-mm-dd“. Il faut donc récupérer le nom du blog dans l’url qui nous a été donnée. Pour faire ça, un petit coup de explode et c’est dans la poche.

<? if(isset($_POST["Envoyer"])) //Vérifie si le formulaire est envoyé
    {
$nom1 = explode("/", $_POST["flux1"]); // on récupère le nom
$flux1 = "https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=".$nom1["3"]."&dates=2009-08-21,2009-09-21"; // on l'insère dans l'url
}else{
	?>
<form action="http://<?= $_SERVER["SERVER_NAME"] . $_SERVER["SCRIPT_NAME"]; ?>" method="post"> <!-- Envoi du formulaire sur la même page -->
	<INPUT type="text"  name="flux1"> Flux du blog n1<br/>
	<INPUT type="submit" value="Envoyer" name="Envoyer">
</form>
<? }?>

Maintenant pas de secret, il va falloir charger le fichier XML, le parser (le rendre “lisible”), récupérer ce que l’on veut pour ensuite l’adapter à la structure de la librairie Flash. Il faut donc que vous vous inspiriez des exemples disponibles dans le dossier que vous aurez télécharger précédemment. J’ai ici choisi le format XML, il y en a d’autres, à vous de choisir.

<? if(isset($_POST["Envoyer"])) //Vérifie si le formulaire est envoyé
    {
$nom1 = explode("/", $_POST["flux1"]); // on récupère le nom
$flux1 = "https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=".$nom1["3"]."&dates=2009-08-21,2009-09-21"; // on l'insère dans l'url
$feed1 = simplexml_load_file($flux1); // On charge et parse le fichier xml
		$series = "<series>"; // Préparation de variables pour restructurer un flux XML
		$subs1 = "</series><graphs><graph gid='0' title='".$nom1["3"]."'>"; // Idem que ci-dessus
		$compt = 0;
		foreach ($feed1->feed->entry as $entry) { /* Boucle où on récupère les données */
		$series = $series."<value xid='".$compt."'>".$entry['date']."</value>";
		$subs1 = $subs1."<value xid='".$compt."'>".$entry['circulation']."</value>";
		$compt++;
		}
		$chart = "<chart>".$series.$subs1."</graph></graphs></chart>"; // Fin de la restructuration, le flux XML est dans $chart
}else{
	?>
<form action="http://<?= $_SERVER["SERVER_NAME"] . $_SERVER["SCRIPT_NAME"]; ?>" method="post"> <!-- Envoi du formulaire sur la même page -->
	<INPUT type="text"  name="flux1"> Flux du blog n1<br/>
	<INPUT type="submit" value="Envoyer" name="Envoyer">
</form>
<? }?>

Notre nouveau flux XML est créé, il ne reste plus qu’à l’insérer dans un graphique. Pour cela, il faut insérer le code d’amcharts et charger les données :

<? if(isset($_POST["Envoyer"])) //Vérifie si le formulaire est envoyé
    {
$nom1 = explode("/", $_POST["flux1"]); // on récupère le nom
$flux1 = "https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=".$nom1["3"]."&dates=2009-08-21,2009-12-02"; // on l'insère dans l'url
$feed1 = simplexml_load_file($flux1); // On charge et parse le fichier xml
		$series = "<series>"; // Préparation de variables pour restructurer un flux XML
		$subs1 = "</series><graphs><graph gid='0' title='".$nom1["3"]."'>"; // Idem que ci-dessus
		$compt = 0;
		foreach ($feed1->feed->entry as $entry) { /* Boucle où on récupère les données */
		$series = $series."<value xid='".$compt."'>".$entry['date']."</value>";
		$subs1 = $subs1."<value xid='".$compt."'>".$entry['circulation']."</value>";
		$compt++;
		}
		$chart = "<chart>".$series.$subs1."</graph></graphs></chart>"; // Fin de la restructuration, le flux XML est dans $chart ?>
 
<!-- amline script-->
		  <script type="text/javascript" src="lib/amline/swfobject.js"></script>
			<div id="flashcontent">
				<strong>Imposible d'afficher le graphique, Flash n'est pas à jour sur votre ordinateur.</strong>
			</div>
 
			<script type="text/javascript">
				// <![CDATA[		
				var so = new SWFObject("lib/amline/amline.swf", "amline", "800", "400", "8", "#FFFFFF");
				so.addVariable("path", "lib/amline/");
		  	so.addVariable("chart_data", encodeURIComponent("<? echo $chart; ?>")); <!-- On charge les données -->
		    so.addVariable("chart_settings", encodeURIComponent("<settings><background><color>#FFFFFF,#FFFFFF</color><alpha>100</alpha></background><labels><label><y>24</y><width>800</width><align>center</align><text><![CDATA[<b>Nom Du Graphique</b>]]></text></label></labels></settings>"));
				so.write("flashcontent");
				// ]]>
			</script>
		<!-- end of amline script --> <?
}else{
	?>
<form action="http://<?= $_SERVER["SERVER_NAME"] . $_SERVER["SCRIPT_NAME"]; ?>" method="post"> <!-- Envoi du formulaire sur la même page -->
	<INPUT type="text"  name="flux1"> Flux du blog n1<br/>
	<INPUT type="submit" value="Envoyer" name="Envoyer">
</form>
<? }?>

Et voila, vous avez désormais un joli graphique affichant un flux feedburner ! Maintenant à vous de le personnaliser tant dans le design que dans les fonctionnalités ;)

PS : Le script ne marche pas sur tout les serveurs en raison de la fonction simplexml_load_file() car certains hébergeurs ne l’autorise pas. De plus tout les flux ne fonctionneront pas, seuls ceux ayant l’API Awareness fonctionnent (80%).

Google Wave … les invitations sont aussi recherchées que la joggeuse qui s’est faite kidnappée (blague de mauvais goût, en plus on l’a retrouvée …), tout le monde en veut une. Et bien le blogueur Marin a pris la bonne initiative d’en faire gagner quelques une sur son blog et ça, ça poutre les fesses de feu Rama Yade (source : BFM TV). Donc si vous voulez tenter votre chance c’est par là. ;)

Vous avez surement entendu parlé de la dernière grosse transaction en matière de noms de domaine. Jesus.net a été racheté pour la maudite somme de 124 000 euros par le leader des portails chrétien en ligne, topchretien.com. Même si ça peut paraitre inimaginable le site est vraiment énorme, souvent plus de 1000 personnes connectées, ça donnerai presque envie d’aller à la messe. On notera tout de même leur catégorie “Buzz” avec des sujets du type “Jésus va trouver une solution pour vous”. C’est dans ce genre de situation que le geek prépubère peut s’exprimer et dire “ZomgLoL tu peu trop pas test G-zu comen y roxX sa mère” bien que dans l’absolu Jésus n’a pas de maman …

Enfin bref, en apprenant la nouvelle du rachat, mon esprit dérangé toujours à l’affut de quêtes inutiles s’est dit que si Jesus.net et TopChretien.com étaient hébergés chez Amen, la coïncidence serait assez énorme. Je me suis donc rendu sur who.is en croisant les doigts et c’est à ma grande surprise que j’ai découvert The Big Thing, l’EPIC FAIL tout droit sorti du paradis accompagné de petits rôtis soufflant dans des trompettes ou plus communément appelés anges.

En effet, les deux nom de domaines sont hébergés chez GANDI ! Du coup moi je vais me convertir au boudhisme en espérant que c’est pas trop tard pour me réincarner en quelque chose de potable comme une otarie ou un dauhpin … ralala ! Qu’est-ce que j’aimerai être un dauphin !

Aujourd’hui j’ai décidé de vous faire un petit tuto (très simple) pour changer le nom de votre Livebox. Cela peut être plus amusant et plus facile pour identifier votre livebox si vous habitez dans un immeuble avec plusieurs réseaux WIFI.

Premièrement, connectez vous sur http://192.168.1.1/
Vous devriez tomber sur cette page :

Les identifiants sont normalement “admin” et “admin” à moins que vous les ayez changer lors d’une autre opération.

Une fois connecté, cliquez sur “Réseau sans fil”. Ensuite dans la partie “Paramétrage du réseau sans fil” changez le nom de votre Livebox et cliquer sur Configuration WEP.

Vous n’avez plus qu’à vous reconnecter et le tour est joué !

Bien sûr, profitez en pour être imaginatif et mettre un peu de lol dans votre voisinage comme mon tout nouveau réseau wifi fraichement renommé :