entre graphisme et développement

Ce matin, petit post pour vous faire part d’un petit soft.
Pour ceux, qui comme moi, bossent sous mac et n’ont pas envie de faire tourner un pc toute la journée (pour débugger un site sous ie par exemple), le projet PlayOnMac est pour vous !
Ce soft, basé sur Wine permet aux utilisateurs mac d’installer des softs initialement prévus pour tourner sur un PC.
Une fois le téléchargement du logiciel effectué, et son installation sur votre mac terminée, vous allez avoir la possibilité d’installer un certain nombre de logiciel.
La liste des logiciels proposée est assez intéressante, elle va de Notepad++ à ie6 ou 7 en passant par quelques jeux comme Monkey Island 2 (pour les nostalgiques).
Bien sûr, il vous faudra avoir les licences des softs que vous souhaitez installer, mais pour les freewares type IE7 et Notepad++, pas de soucis.
Alors, il y a quand même un inconvénient, c’est pas super stable… J’ai pas testé avec un jeu, mais j’ai l’impression qu’il faudra faire des sauvegardes régulièrement pour pas perdre la partie en cours…
Déjà sous IE c’est bien capricieux alors sur Age Of Empire ou Assassin’s Creed Brotherhood, j’ai un peu peur…
Petit détail qui ne gâche rien, ce soft est gratuit !

Aujourd’hui j’ai entrepris une petite tâche qui pourra dans un avenir proche être bien bénéfique.
J’ai décidé de commencer la création d’une petite bibliothèque de class php.
Libre à vous de les copier, et les utiliser à votre convenance (envoyez moi juste un mail que je sache que vous les utilisez !).
On va donc commencer par une petite class toute simple permettant de récupérer un flux twitter, en POO.

class listingTweets {
  public function listeTweets($urlTwitter, $nbTweets){
    $flux	= '';
    $dom 	= new DOMDocument();

    if(!$dom ->load($urlTwitter)) {
      return die('Erreur de chargement du XML');
    }

    $itemList       = $dom->getElementsByTagName('item');
    $thisObjectName = get_class($this);
    $retour		= array();
    $i 		= 1;
    foreach($itemList as $item) {
      if($i<= $nbTweets ){
        $entree	        = new $thisObjectName();
        $entree -> post = $item->getElementsByTagName('title') -> item(0) -> nodeValue;
         $retour[] 	= $entree;
        $i++;
      }
    }
    return $retour;
    }
}

Et pour l’utilisation, c’est assez simple, vous faites un include de la class puis pour récupérer les 3 derniers tweets du flux $flux :

$listing 	= new listingTweets();
$liste		= $listing -> listeTweets($flux, 3);  // $flux : URL du flux twitter / 3 : nombre de posts à afficher
foreach ($liste as $tweet){
	echo $tweet -> post.'<br />'; // Jeu avec les post, ici, un simple retour à la ligne à chaque nouveau post
}

Nous avons donc vu comment monter un serveur de streaming Red5. Il reste donc à l’exploiter !
Pour cela, il va nous falloir un moyen d’envoyer un flux vidéo, qui sera retransmis via Red5, et également un moyen d’accrocher ce flux.

Envoi du flux vidéo
Red5 étant un serveur de type Flash Média Server nous allons utiliser FlashMediaLiveEncoder d’Adobe. Il va donc falloir le télécharger depuis le site d’Adobe. Le logiciel est gratuit.
Après l’installation, il va falloir le configurer : nous allons choisir le preset LowBandwidth (150 Kbps) – VP6.
Par défaut, le fux de votre webCam sera utilisé pour le streaming.
Reste donc à parametrer la cible du flux :
Cochez « Stream to Flash Media Server »
Dans le champ « FMS URL », indiquez l’adresse de votre FMS qui sera du type : rtmp://IP DE VOTRE SERVEUR/oflaDemo
enfin, indiquez le nom du stream dans le champ « Stream » (par ex: livestream).
Il ne vous reste plus qu’à cliquer sur « Connect » pour connecter le flux vidéo à votre serveur Red5.
Une fois le flux créé et le serveur Red5 connecté, il ne reste plus qu’à le lire.

Lecture du flux vidéo
Pour lire le flux vidéo live que nous avons appelé « livestream », nous allons développer un lecteur vidéo en AS3 sous flash.
Pour cela, on compile le script suivant :

var nomStream = "livestream";
var largeurVideo = 176;
var hauteurVideo = 144;

var nc:NetConnection;
var ns:NetStream;
var lecteurStream:NetStream;
var lecteurVideo:Video;

nc = new NetConnection();
nc.addEventListener(NetStatusEvent.NET_STATUS, onNetStatus);
nc.connect("rtmp://IP DE VOTRE SERVEUR/oflademo");

function onNetStatus(event:NetStatusEvent):void {
	if (event.info.code=="NetConnection.Connect.Success") {
		affichageStreaming();
	}
}

function affichageStreaming():void {
	lecteurStream =	new NetStream(nc);
	lecteurStream.play(nomStream);
	lecteurVideo = new Video(largeurVideo,hauteurVideo);
	lecteurVideo.attachNetStream(lecteurStream);
	addChild(lecteurVideo);
}

Normalement, vous avez tout ce qu’il faut pour streamer du live via Red5 !
Reste plus qu’à faire des tests pour savoir ce que va pouvoir encaisser votre serveur et surtout le nombre d’internautes simultanés que permettra votre bande passante…

Aujourd’hui, je vais vous parler de ce formidable Media Server qu’est Red5.
En effet, comme je vous l’ai expliqué dans cet article sur Subsonic, je stream de la musique via mon serveur en local.
Je me suis donc demandé, comment faire de même avec de la vidéo.
Après quelques recherches rapides, 2 possibilités :
soit on considère ça comme un investissement, et on débourse quelques centaines de dollars dans une solution type Flash Média Server (Adobe), WOWZA (wowza), etc.
soit on se rabat sur cette formidable technologie qu’est Red5.
Un grosse différence est à ce jour notable (hormis le prix). En effet, Flash Média Serveur d’adobe permet aujourd’hui de streamer pour des lecteurs flash, mais aussi pour plateformes mobiles (ipod, ipad…). Il en est de même pour Wowza, mais pas pour Red 5 qui ne permet que de faire du streaming via Flash.

Je me suis donc rabattu  sur cette version, en me disant que pour ipad, on verrait dans un second temps.

Après un téléchargement de la version compatible mac depuis le site, il faut installer le programme dans le dossier applications.
Ensuite, il faut absolument disposer de la version de JAVA adéquate, du coup, je suis allé la télécharger sur ce site.

Une fois ces 2 éléments installés, vous disposez de tout le nécessaire pour streamer.

Il faut donc lancer l’application Red5, puis, dans votre navigateur (depuis le serveur), vous entrez : http://localhost:5080
Vous tombez alors sur la page d’accueil de Red5.
Il ne reste plus qu’à installer le service de stream en cliquant sur Install (ou en entrant l’url suivante http://localhost:5080/installer).
Depuis cette page, vous choisissez le premier élement de la liste (oflaDemo), puis vous cliquez sur le bouton « Install » situé en bas du tableau.

Voilà votre serveur installé et pret à fonctionner.

Dans mon prochain billet, j’expliquerai comment streamer via flash ou Flash Média Encoder, puis accrocher un flux Live et une VOD.

Aujourd’hui, je vais vous présenter un travail que je viens de terminer, pour un site de e-commerce breton.
Le principe,est simple, c’est un site d’achat groupé à destination des rennais souhaitant bénéficier de tarifs intéressants dans les commerces locaux.
Ainsi,  vous pourrez aller chez votre coiffeur du coin, en profitant d’un tarif allant de -30% à -50%.
J’ai effectué le WebDesign et le développement du site pour la marque AbeilleBretonne.fr
Le paiement en ligne est sécurisé, et assuré par PayBOX.
N’hésitez pas à y faire un tour, régulièrement, les offres changent très souvent !

Site d'achat groupé à Rennes

Bon, comme j’ai beaucoup de travail en cette fin d’année, je n’ai pas énormément de temps pour écrire des articles… Mais promis, je vais essayer d’être plus régulier…
Aujourd’hui, un petit projet du blog Display:inline qui va vous permettre de gagner du temps dans la génération de dégradés en CSS. Ce projet se trouve à cette adresse.
L’intérêt de  ce module est la génération à la volée du dégradé en CSS, mais aussi en png, le tout pour permettre une compatibilité sur un maximum de navigateurs…

Cette semaine, je vais vous montrer un petit boulot que j’ai réalisé pour le blog de couture Lalouandco.fr.
En effet, le blog souhaitait s’habiller aux couleurs d’Halloween et réaliser un concours pour faire gagner des badges.
J’ai donc réalisé un template WordPress en reprenant le template d’origine, mais aux couleurs de la fête des citrouilles.
J’ai également réalisé 2 badges.

Voici les photos de ces petits travaux réalisés la semaine dernière, qui ponctuent les gros travaux en cours, dont je vous parlerai dès que je pourrai les publier…

Aujourd’hui, petit article sur un outil bien pratique qui va vous permettre de remplir vos bases de données pour tester vos applications web.
En effet, une fois votre projet élaboré, votre base de données montée, vous allez devoir développer l’interface de votre site web.
Pour effectuer des tests, peaufiner vos requêtes SQL, il est préférable de travailler avec des tables biens remplies.
Je vous présente donc generatedata.com.
L’application est sous licence GNU et est téléchargeable ce qui va vous permettre de l’installer sur votre serveur.

Ce matin, un petit billet « cadeau ». En effet, lors de développements en JavaScript, je perdais pas mal de temps à encoder à la main mes caractères accentués pour des « Alert(); » par exemple. J’ai donc décidé d’en perdre un peu plus hier, mais pour en gagner beaucoup demain…
J’ai développé un petit module d’encodage de caractères accentués en Octal (exploitable en javascript)…
Le module est basé sur des array() et un simple string_replace() en Php… Simple mais efficace.
Vous le trouverez à cette adresse, pour que, comme moi, vous arrêtiez de perdre du temps avec ce genre de détails,  pour vous consacrer aux choses plus importantes dans un développement !

Aujourd’hui, je vais vous parler d’un logiciel gratuit vous permettant d’accéder à votre musique, ou que vous soyez.
J’ai nommé SubSonic.

Le principe, pour ceux qui souhaiteraient s’y mettre, n’est pas très compliqué :

Il va vous falloir un serveur, ou une vielle machine faisant office de serveur. Quand je dis serveur, c’est plutôt dans le sens stockage, mais avec une DNS Dynamique pour vous y connecter de l’extérieur de votre réseau. Donc une vielle machine, sur une box par exemple, fera très bien l’affaire.

Ensuite, vous téléchargez la version correspondante à votre OS (Mac, Windows, Ubuntu, Red Hat, etc.) sur le site du projet.
Pour ma part, j’ai testé sur un serveur mac, et un Ubuntu, et tout roule pour l’installation.

Ensuite, vous renseignez  deux trois paramètres comme : le dossier de stockage de votre musique, les utilisateurs pouvant se connecter à votre dossier, etc.

Enfin, vous pouvez vous  connecter à une interface utilisateur via un navigateur et bénéficier de tout les petits goodies qu’offrent les Deezer & autres GrooveShark. Avec un gros plus : PAS DE PUB !

Il est à noter que des players .air, des gadgets windows sont disponibles pour accéder à votre musique sans passer par votre navigateur.
De plus, pour les plus gourmands, vous pourrez via la création de dossier symbolique rediriger votre dossier contenant votre musique vers un NAS bien costaud.

Maintenant, reste à vous parler de la déception du projet, les versions iPad / iPhone. En effet, c’est bien pratique de pouvoir écouter sa musique où que l’on soit (si tant est que vous ayez une connection 3G ou Wifi), mais sur votre iPhone ou Ipad, c’est encore mieux.
Et là, grosse déception, puisque l’application est payante ! Je ne sais pas ce qu’il en est de la version sous Android.

J’avoue que le projet est extrêmement intéressant (hormis les 5 euros que coûte l’application iPad) si comme moi, vous travaillez dans plusieurs endroits, vous pouvez toujours bosser en musique.

Pour terminer, je vous ferai juste un petit rappel sur les droits en matière de musique, puisque tout ceci n’est légal que si la musique que vous stockez vous appartient (achat ou encodage de disque).