SandRock.getBlog();

WP7 app for Windows Phone 7 about to be released

SandRock — Tue, 04 Jan 2011 21:21:00 +0100

Hi people.

I've been working since half November on a WP7 application. It's called "Betaseries WPC" and is linked with Betaseries.com.

Betaseries.com permits to manage a list of TV shows that you are watching. You can set the last episode you've seen for each show. And you can share with your friends. I like the place because it's pretty friendly and the website is ad-free and well realized.

My application does basic stuff: you start by logging-in with your account, then some information show up. You can see the next episode to watch for each show you follow. You can also see a small description of episodes. You've got friends updates (what they watch, what they do). Finally some statistics about you and an small "About" page.

Here are some screenshots:

This is gonna make more things in future. I'd like to publish as soon as possible on the marketplace. Once it's done, sources will be opened. I'm also helped by a few friends which will show up later.

As you understood, the application is not yet available. I'm waiting for my publisher account to be ready. But here are some links:

* Project home
* Screenshots

A .NET/Silverlight library will be set under a GNU GPL license for those who want to create more stuff with betaseries.

My main profile is albator, but you might prefer to look at srktest which is specific for the application (and public btw).

Take screenshots by code in your Windows Phone 7 application with auto-upload to your machine

SandRock — Mon, 20 Dec 2010 20:39:00 +0100

Hello there,

Here a simple code I tried to make to take screenshots inside a Windows Phone 7 application. This works in the emulator. I'm pretty sure it will work with a phone.

I found this article to take screenshots with few lines of code: Screen Capture on Windows Phone 7.

The issue here is that you only have a Bitmap image in the phone's memory. What I did is:

a simple web application for IIS able to receive a screenshot (you may host it on your local IIS)
a class for your WP7 application to send screenshots to the web server

You will find an attached file named Wp7Screenshots.rar. It contains a Visual Studio 2010 solution to build & publish on your local IIS (or anywhere you like).

If you look at the code, you will find a simple IHttpHandler. It's main goal is to detect files in a HTTP POST query and to save them on your hard drive.

After publishing, make sure the web application contains a Files folder and verify IIS have permission to create files into it.

Now, let's see you WP7 application. This only apply to Silverlight projects. So if you are using XNA, perhaps this blog entry is not for you.

The only configuration you have to do is to set the URL of your deployed HttpHandler. You can do this anywhere.

Tools.ScreenshotSender.UploadUrl = "http://172.24.1.32/wp7/Upload.ashx?key=fvkjorejv";

Then, you have to call the magic method to take the screenshot. You need a reference to a PhoneApplicationPage. Here is a code to take a screenshot 5 seconds after the application startup. You can of course use any event to take more screenshots (mouse click, navigation event, timer...).

public partial class MainPage : PhoneApplicationPage {
        public MainPage() {
            InitializeComponent();
 
            Tools.ScreenshotSender.UploadUrl = "http://172.24.1.32/wp7/Upload.ashx?key=fvkjorejv";
 
            // go off-thread to wait
            ThreadPool.QueueUserWorkItem(r => {
                Thread.Sleep(5000);
                var dispatcher = r as Dispatcher;
 
                // go on the UI thread to take a screenshot
                dispatcher.BeginInvoke(new Action(() => {
                    Tools.ScreenshotSender.TakeAndSend(this);
                }));
            }, Deployment.Current.Dispatcher);
        }
    }

Don't forget this code was made from scratch. It is NOT ready for production. I wrote this to take screenshots for documentation purpose. If you want to use this in a published application, you might want to read the whole code file (for the silverlight application). And the server code IS INSECURE: anyone can upload any file to your webserver. The only simple protection is a hard-coded key. So again, sample insecure code here. You are free to enhance (and optionally post your own code).

Here is my C:\inetpub\wwwroot\wp7\Files folder with screenshots from the emulator.

Hope this can help. I'm still searching how to take a screenshot of a whole panorama control...

Mail notification for subversion repository

SandRock — Tue, 14 Sep 2010 23:33:00 +0200

I was searching for a little script able to email my collaborators and myself when someone commits something to my SVN repositories.

There seem to be a popular perl script commit-email.pl. But I had several errors when implementing it. This is why I decided to make one. Because it's useful and easy to configure, I'll share my entire script here.

Download commit-email.php

As you can see, there is a little configuration section.

<?php
 
// CONFIGURATION
$svnlook = '/usr/bin/svnlook';
$globaladdress = 'someone+logs@gmail.com';
$repoaddress = array(
  'repoAAA' => 'user1@aaa.com, user2@aaa.com',
  'repoBBB' => 'user1@b.com, user2@b.com',
);
$from = 'svn-noreply@svn-hosting.lol';
$replyto = 'admin@svn-hosting.lol';
//

Nothing fancy here. $svnlook is the path where the svnlook command can be run. $globaladdress is a email address where all commit will be notified. $repoaddress is a field for specific repositories to add email addresses. $from and $replyto are what they are.

It's following the svn postcommit hook. My SVN repos are located in /home/svn. You can create a hook in /home/svn/repoX/hooks/post-commit containing:

#!/bin/sh
 
REPOS="$1"
REV="$2"
 
/usr/bin/php /home/svn/commit-email.php "$REPOS"

Don't forget to place my script in /home/svn and to install php5-cli.

Deletion confirmation with ASP.NET MVC

SandRock — Sat, 12 Jun 2010 15:26:00 +0200

Here is my approach for deleting stuff with ASP.NET MVC 2.

As mentioned here, the default Delete view isn't quite correct. What I wanted is a deletion solution that:

is powered with Ajax for a better user experience
- we will make a HTTP DELETE on /Items/Delete/12 to delete item #12
is accessible for non-JS enabled browsers (we need a confirmation form)
- when confirmed, the deletion occurs with HTTP POST on /Items/Delete/12 to delete item #12

With those specifications, we can write the following (wrong) controller code:

public class ItemsController : Controller
    {
        [HttpGet]
        public ActionResult Delete(int id) {
 
            ViewData.Model = new ConfirmFormModel { 
                Id = id.ToString(),
                BackAction = "Index"
            };
 
            return View();
        }
 
        [HttpDelete]
        [HttpPost]
        public ActionResult Delete(ConfirmFormModel model) {
            ViewData.Model = model;
 
            // business action here
 
            // if we use Ajax, backaction will be null and have
            // to prevent a secondary GET request
            return model.BackAction == null ? null : RedirectToAction(model.BackAction);
        }
 
    }

/// <summary>
    /// Simple model class to store the Id for a confirmation form.
    /// </summary>
    public class ConfirmFormModel {
 
        /// <summary>
        /// Item's ID
        /// </summary>
        public string Id { get; set; }
 
        /// <summary>
        /// Confirmation message.
        /// </summary>
        public string Message { get; set; }
 
        /// <summary>
        /// The controller action to redirect to if the user wants to cancel.
        /// </summary>
        public string BackAction { get; set; }
 
    }

A created a little model class to store the confirmation message and the item ID; this way I can use it all over my project. You can notice the [HttpDelete] and [HttpPost] on the second Delete() method. Obviously this won't work as asked here. You have to create your own attribute.

So I created the related views with (not-included) javascript. Here is the index:

<!-- Index page -->
 
    <ul>
    <% for (int i = 0; i < 10; i++) { %>
        <li><%= Html.ActionLink("Delete #" + i, "Delete", new { id = i }, new { @class = "deleteLink" })%></li>
    <% } %>
    </ul>

The delete page where I include a generic partial-view:

<!-- Delete page -->
 
    <h3>Confirmation</h3>
 
    <% Html.RenderPartial("ConfirmForm", Model); %>

Finally, the partial view:

<!-- Delete form in a partial view -->
 
<% Html.BeginForm();  %>
    <fieldset>
        <legend>Confirmation</legend>
 
        <p><%= Html.Encode(Model.Message ?? "Are you sure you want to delete this?")%></p>
 
        <p>
            <%= Html.HiddenFor(m => m.Id) %>
            <%= Html.HiddenFor(m => m.BackAction) %>
            <%= Html.ActionLink("Cancel", Model.BackAction ?? "Index") %>
            <input type="submit" name="Continue" value="Continue" />
        </p>
    </fieldset>
<% Html.EndForm(); %>

Now we have a working solution to confirm some action on a website. Sources attached...

Test de VS.PHP 2010

SandRock — Thu, 07 Jan 2010 23:33:00 +0100

Bonjour à tous.

Dans le but de créer un petit projet perso en PHP + ZF, j'ai décidé de tester pour de bon VS.PHP 2010 actuellement en développement. Le test est réalisé sur le build 2.8.1.6090.

VS.PHP est une extension pour Microsoft Visual Studio conçue pour écrire des applis PHP. Je m'attend globalement à la même expérience qu'avec Netbeans 6.5+. VS.PHP 2008 coûte $99.99 ou €73.99. Notez que Visual Studio existe sous une forme gratuite ; si vous n'êtes pas développeur .NET, VS.PHP ne nécessitera pas de version payante de VS.

A noter que je ne connais presque pas le logiciel, je pars à sa découverte.

Installation

Depuis le site de dev, récupérez l'installateur le plus récemment compilé. L'installateur est un web install.

Première utilisation

Quelle surprise de voir qu'un projet de type 'Zend MVC Project' m'est proposé ! Effectivement, dans le fenêtre de nouveau projet, on peut créer un projet classique ou un projet ZF. Ca tombe bien, c'est mon framework préféré !

En plus de tout ça, je vais utiliser AnkhSVN pour versionner mon projet...

Voilà mon projet PHP+ZF créé. La structure de fichiers proposée ne me convient déjà pas. Le template de projet crée quelques malheureux fichiers. Rien de transcendant... De plus, la colorisation syntaxique est très mal intégrée...

Impossible de trouver les options de colorisation pour le code PHP. Une recherche sur le web m'indique qu'elles devraient s'afficher avec VS démarré en administrateur... Même pas... Petite restructuration de l'appli :

Un mini server web de debug est inclus. J'imagine que le but est de fournir un debug pas-à-pas. Très bon point.

Malheureusement, de nombreux bugs surviennent avec cette version beta. Actuellement VS a gardé un lock sur le fichier .phpproj et n'arrive pas à sauvegarder la structure du projet (cette action est nécessaire pour démarrer l'appli).

Néanmoins, l'IntelliSense est au rendez-vous. Vous pouvez dans un premier temps définir un include_path pour spécifier l'emplacement de votre framework.

Par la suite, l'IDE affichera un IntelliSense digne de celui que l'on a en developpement .NET : le meilleur.

Conclusion

Le bug cité ayant détruit mon projet ; considérons qu'il est trop tôt pour tester cette version. D'ici quelques jours je ferai un test avec VS 2008 si j'arrive à négocier l'extension de la durée d'évaluation...

SUPINFO, le point

SandRock — Mon, 30 Nov 2009 12:29:00 +0100

Me voilà en 4ième année à SUPINFO en tant que STA .NET.

Tout à commencé en 2006 lorsque je suis entré en B1. Ayant découvert SUPINFO assez tôt, la JPO à laquelle je suis allé m'a motivé à avoir mon BAC. J'ai donc bossé de mon mieux pour entrer dans cette école. Le coucours d'entrée était encore exigé. Je pense d'ailleurs que c'est grâce à SUPINFO que j'ai eu mon BAC.

L'année de B1 était fantastique. J'ai découvert des gens tous passionnés et ouverts avec un niveau général satisfaisant. Les cours était excellents, on en profitait pour bien se marrer. C'était vraiment un renouveau pour moi qui venait d'une campagne profonde du Nord. Je remercie au passage les directeurs régionaux, les assistantes de direction et les SCT pour leur excellent travail.

L'année de B2 ressemblait fortement à la précédente. C'est pourtant durant celle-ci que les petits problèmes ont commencé à arriver. Il faut dire qu'à SUPINFO, les étudiants sont les beta-testeurs constants des nouvelles pratiques que l'on ne cesse d'instaurer. Le SGES qui crash pendant l'éval de maths qui me semblait impossible à valider, c'était le pied ! Malgrès tout l'ambiance restait la même, les petits problèmes étaient et resteraient petits...

Ensuite vient la difficile année en B3. Le site de SUPINFO Lille ayant ouvert, la moitié de ma promo à Valenciennes a déserté et nous nous sommes retrouvés dans une promo de 15 étudiants. Durant l'année, j'ai entendu des feedbacks douteux concernant ce site de Lille. Mais ici à Valenciennes on ne s'en souciait pas, on était dans une sorte de bulle où tout était toujours correct (ou presque). Pourtant les communications commençaient à se faire rares, les ressources vitales du bâtiment n'était plus renouvelées. Une sorte de crise quoi. Je salue une seconde fois notre DR qui s'est impliqué au maximum pour faire tourner la baraque. C'est d'ailleurs sont implication qui lui a valu sa démission. On constatait des soucis auprès des SCT. Pourtant les SCT sont le cœur de l'enseignement à SUPINFO.

Ensuite vint les vacances d'étés façon zéro-comm' (le fait qu'il n'y ait pas de communication était en fait une forme de communication). De la dernière comm' annoncant les infos pour les conventions de stages jusqu'à la rentrée, les mails n'ont pas vraiment circulé. On était pourtant habitué à beaucoup de mails ! Les romans d'Alick que personne n'arrivait à lire jusqu'à la fin... Les mails divers de l'administration. Les avertissements pour "contenu non pédagogique sur le dossier éphémère". Les campagnes d'inscription aux pôles ! Les réunions de délégués, les communications blagues comme "Installation de caméras de surveillance sur tous les sites". Bref, on rigolait bien au début et tout fonctionnait bien ; jusqu'à cet été.

De plus cet été, la grande arrivée des français sur twitter a amplifié le phénomène de non-comm' par un phénomène de rumeur-à-gogo. Voilà toutes les conneries qu'on pouvait voir sur twitter ! Des gens qui tentaient de couler SUPINFO avec des articles de blogs bidon... Des étudiants demandant des infos... Des infos totalement bidon... Bref, je n'ai pas du tout apprécié tout ça. J'aimais mon école, je l'aime toujours et je souhaite y être impliqué à jamais ! C'est elle qui m'a sorti de ma rue de campagne sans avenir, c'est elle qui m'a fait bien rire durant des années. Je salue au passage toute ma promo (et même ceux qui se sont cassés à Lille), mais surtout Etienne, Flavien, François, Hugo, Geoffroy, Alex, Jonathan, Augustin, Bertrand.

Je constatait que beaucoup de monde tentait de casser l'école dans laquelle ils étudiaient ! Que ce soit par les sites de news en ligne ou via des réactions de profs de FAC. SUPINFO voulait se faire l'image d'une grande école au TOP niveau de la technologie. Et c'était le cas ! Et ça sera toujours le cas ! Pourtant beaucoup de monde a perdu espoir et s'est abaissé à envoyer des skuds gratuits sur les réseaux sociaux. Tous ces gens qui ont descendu l'école m'ont dégoutté. Lorsqu'on paie 5 K€ par an et que l'on a un enseignement des plus efficace de France, on n'aide pas le bateau à couler lorsqu'il y a des brèches dans la coque ! L'administration trop fière pour appeler à l'aide a juste occulté toute info. J'aurai apprécié un petit mail du style "On galère un peu. On répare tout. Vous inquiétez pas, on revient.". Je pense qu'un énorme travail de fond s'est fait durant cet été. La restructuration complète pour permettre le franchisage. Le chamboulement de tout ce qui existait (les SCT/STA, la nouvelle façon de donner cours, tout...). Malheureusement 4 mois étaient insuffisants pour tout changer, la rentrée 2009 fût donc très hésitante.

Dans tout ça, je me posais des questions. Non pas sur l'avenir de SUPINFO -car je crois qu'avec les revenus des étudiants, cette boite ne peut pas couler-, non. Mais sur le mien. Des centaines de gens -stupides pour la plupart- étaient en train de faire tomber notre réputation et de compromettre notre diplôme. M1 étant le meilleure année pour devenir SCT, j'ai donc opté pour cette option, dans l'espoir de participer un peu. Je salue au passage mes collègues qui on su me motiver et me montrer qu'un avenir magique s'ouvrait à moi avec cette école.

Me voilà donc STA en Microsoft .NET le 27 Octobre 2009. Malheureusement la procédure s'est fait tardivement. Enfin ce n'est pas grave, tout se passe pour le mieux. Ce statut va me permettre de travailler mes capacités de formateur, c'est carrément super.

En tout cas l'organisation du coté du labo .NET et Microsoft est exemplaire, des gens motivés ont repris les rennes. Mon Full Prof exige beaucoup et c'est pas plus mal. Je le remercie au nom de l'école pour le travail qu'il apporte : il s'implique beaucoup et les STA sont bien dirigés.

Me voilà donc à mon premier cours à Lille en face des M1. Certains M1 ayant quitté Valenciennes d'ailleurs. J'ai heureusement été bien accueilli.

Nous voilà donc au jour de la rédaction de ce billet. C'est assez impressionnant de raconter 4 ans sur 1 seul billet ! Bref, je me sentais dans l'obligation de faire le point sur mon école.

A tous ceux qui souhaitent intégrer l'école : SUPINFO c'est bien ! Beaucoup de gens motivés mais aussi des gens chiants à qui il ne faut cesser de prouver qu'on peut avancer ! A ceux qui on raconté de la merde sur l'école : oui, SUPINFO galère un peu mais c'est pas une raison pour empirer les choses. Pensez à la valeur de votre diplôme. A toi lecteur : merci d'avoir lu mon roman médiocrement objectif. Je tenterai de faire mieux à l'avenir.

PS : Je vous prie de pardonner l'apparence plutôt moche de mon blog,

Nouveautées de Silverlight 3

SandRock — Tue, 21 Jul 2009 20:15:00 +0200

Silverlight 3 étant sortit il y a quelques jours, je vais vous en parler un petit peu.

Je vous rapelle que Silverlight est un plugin pour navigateur ressemblant (du point de vu utilisateur) à Adobe Flash et est développé par Microsoft. Les principaux atouts de Silverlight sont les suivants :

C'est un format ouvert (XAML) donc théoriquement compatible avec n'importe quel OS et toutes architectures (x86, x64...).
Des logiciels de développement gratuits existent (Visual Studio Express). Le XAML étant un format XML, un éditeur de texte suffit presque à créer un composant.
L'utilisation du XAML permet à l'application d'être portée sous forme de fenêtre grâce à WPF. (Flash le permet via Adobe Air mais il est difficile de trouver une version x64 pour GNU/Linux... (en fait, il n'y en a pas))

Je vous invite à consulter le web pour plus de détails.

Au passage, voici un White paper édité par Julien Dollon regrouppant les nouveautées de la version 3.

Télécharger vidéo et musique sur un flux Windows Media depuis linux

SandRock — Mon, 13 Apr 2009 12:29:00 +0200

Alors que cela est un calvaire sous Windows, il est possible de récupérer simplement un fichier vidéo Windows Media hébergé sur un serveur de streaming mms:// avec la commande mplayer.

Exemple : mplayer "mms://.../....wmv" -dumpstream -dumpfile "Ma Vidéo.wmv"

Simple et efficace

Meilleures images d'Hapudopi

SandRock — Fri, 10 Apr 2009 20:08:00 +0200

Firewall Spécial Hadopi

HADOPI : erreur 404

Criminel en puissance

Erreur 404, Députés non trouvés

Ne télécharge plus à l'adresse IP indiquée
Signé les Travailleurs Du Web

Contenu non autorisé

Hadopi Pwned

Les liens du dimanche - Office Hacks & Hadopi

SandRock — Sun, 05 Apr 2009 12:57:00 +0200

Comme il m'est un peu difficile d'entretenir un blog, je vais démarrer une petite saga des liens du dimanche, ça sera toujours mieux que rien ! Alors c'est partit !

Ce blog s'adressant surtout à des développeurs, et un développeur étant souvent assis devant son pc, voici quelques liens permettant d'entretenir sa santé et sa concentration :

Top 10 Home Office Hacks
How Changing my Posture Transformed my Life
Le petit outil permettant de bien arranger votre bureau (un lien permet d'utiliser des unités métriques)
Beyond Life Hacks: Reusable Solutions to Common Productivity Problems

Le sujet du moment en France est bien Hadopi, ~~cette loi a fait couler beaucoup de...~~ cette loi a fait sauter beaucoup de touches de claviers... Beaucoup de gens critiquent directement la loi car ce sont des pirates qui n'en veulent pas. Voici quelques articles qui prennent un peu plus de recul que d'autres :

Hadopi, la fin Hadopi, frein au téléchargement illégal dans un premier temps, gros problème économique dans un second !
France to Block The Pirate Bay, Disconnect File-Sharers Un point de vue extérieur... What struck us most is that the people who get to decide on these issues have no clue about file-sharing at all. Many of them don’t know what BitTorrent is, or how it works. Yet, they decide the fate of hundreds of thousands of Internet users.
A peine votée, Hadopi pose des problèmes Est-ce aux consommateurs de sauver une industrie en déclin parce qu'elle n'a pas su s'adapter à la nouvelle donne technologique et élaborer un nouveau modèle économique ?

Dans Hadopi, ce que je trouve le plus grave est que des députés peuvent passer n'importe qu'elle loi par "triche". Comment se fait-il qu'une loi puisse être votée avec 16 personnes présentes sur plus de 600 ? Les vrais pirates ne seraient-ils pas les 12 députés à être restés si tard le soir ? Je vous invite donc à utiliser tous vos protocoles de communication habituels dans leur variante sécurisée HTTPS, SMTP(S), IMAP(S), BitTorrent(S)... Seule le chiffrement pourra nous sauver de cet état en carton. =)

Bon week end à tous.

Orange, fournisseur de non-accès à Internet

SandRock — Sat, 14 Feb 2009 17:28:00 +0100

Mais que nous fait donc notre FAI Orange adoré ? Bah oui, après l'après midi et la nuit de vendredi sans Internet (je vous explique pas l'épreuve de survie), voilà qu'une nouvelle curiosité apparait sur le réseau : l'accès à google et ses services sont bloqués...

Des bugs vraiment bizarres chez Orange...

Mettez votre flux RSS à jour !.

SandRock — Sun, 08 Feb 2009 10:20:00 +0100

J'aurai du faire cela avant l'ouverture du blog... Le flux RSS pour mes billets passe désormais par Feedburner. Merci de mettre à jour vos agrégateurs/readers et co.

Nouveau feed : http://feeds2.feedburner.com/Sandro...

Bonne journée à tous

Nouvel Helper qui change la vie

SandRock — Sun, 08 Feb 2009 10:11:00 +0100

Vous connaissez tous Zend_View_Helper_Url qui permet de créer une url rapidement dans une view. La syntaxe est la suivante : $this->url(array('controller' => 'index', 'action' => 'about', 'arg0' => 'value'));. Il faut avouer que c'est assez sympatique. Mais il est laborieux d'écrire systématiquement la balise <a />. Voici donc un helper très basique reprennant les arguments de url(). La seule modification est l'ajout du premier argument. Celui-ci contiendra la texte à mettre dans la balise <a />

<?php
 
/**
 * An helper to create xhtml links quickly
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Foobar.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author SandRock <antoine.sottiau@gmail.com>
 * @see Zend_View_Helper_Url
 */
class App_View_Helper_Link extends Zend_View_Helper_Abstract {
 
	/**
	 *
	 * @param  string  $text       the contents of the link
	 * @param  array   $urlOptions Options passed to the assemble method of the Route object.
	 * @param  mixed   $name The name of a Route to use. If null it will use the current Route
	 * @param  bool    $reset Whether or not to reset the route defaults with those provided
	 * @param  boolean $encode
	 * @return string  a xhtml link like '<a href="url">text</a>"
	 */
	public function link($text, array $urlOptions = array(), $name = null, $reset = false, $encode = true) {
		$router = Zend_Controller_Front::getInstance()->getRouter();
		$url = $router->assemble($urlOptions, $name, $reset, $encode);
		return '<a href="'.$url.'">'.$text.'</a>';
	}
 
}

Exemple :

<?php
echo $this->link('A propos de...', array('controller' => 'index', 'action' => 'about', 'arg0' => 'value'));?>
<a href="/index/about/arg0/value">A propos de...</a>

Comparaison IDE PHP

SandRock — Sat, 17 Jan 2009 15:14:00 +0100

Bienvenue sur ce nouvel épisode de la Grotte de SandRock. Aujourd'hui, nous allons tenter de comparer différents IDE (Environnement de Développement Intégré) pour coder en PHP. Pour chacun des éditeurs, on tentera de lister les fonctionnalités indispensables (auto-complétion objet, colorisation...), et les accessoires sympa comme l'intégration d'outils de versionning. Les logiciels seront présentés dans l'ordre dans lequel je les ai découvert.

Pour raison de sécurité, les screenshots seront légèrement censurés pour protéger certains projets top secrets

Zend Studio 5 (payant, non maintenu)

Le premier éditeur sympa que j'ai testé était Zend Studio 5, qui ne semble plus être disponible sur le site de l'éditeur.

Une auto complétion puissante (malgrès quelques bugs), des fonctionnaltiés bizzares liées aux produits Zend. C'était sympa mais c'est mort, merci, à bientôt.

Zend Studio for Eclipse 6 (payant)

Voilà un logiciel plus sérieux, développé par Zend. Il existe en 2 version (99€ ou 400€), j'utilisais encore récemment la pro en démo. On y trouve la surpuissance de l'IDE bien connu Eclipse, couplé à un moteur PHP très avancé. La précomplétion est très efficace, autant pour le php, les fonctions, les objets mais aussi pour l'xml et l'xhtml.

Cet IDE comprend un outil très sympa qui permet d'ouvrir n'importe quel fichier en cherchant une class ou une function par son nom. C'est vraiment génial pour ne pas se tapper des recherches dans le filesystem local (vous remarquerez que j'utilise du vocabulaire technique anglais dans mes articles en français, mais c'est normal, je le trouve plus précis).

Comme c'est basé sur eclipse, il y a des perspectives disponibles ; entendre par là des sorte d'outils. La perspective MVC Outline semble sympa dans le cas d'un développement ZF mais je n'ai jamais réussit à l'utiliser. De même que la perspective SVN Repository Exploring qui ne propose pas d'intégration concrète à un projet.

Un très bon IDE donc mais qui ne semble pas intégrer correctement le versionning. Je pense cependant que des plugin peuvent être trouvés sur internet.

Zend Studio Standard
Zend Studio Pro

Netbeans 6.5 (libre)

J'ai remarqué cet IDE pour la première fois lors de mes cours Java à SUPINFO. Voyant qu'ils avaient intégré des projets de type PHP, RoR (Ruby on Rails), et C++, cela a attiré ma curiosité mais pas assez. C'est mon ami Ajite qui m'a dit de tester car ça en vallait le coup. J'ai donc tenté et découvert cet éditeur suprême. Tentons un petit coup de précomplétion :

On trouve une précomplétion bien au dessus de celle de ZSE avec plus d'infos/docs. La touche tab permet même de passer d'un argument à un autre d'une fonction.

Du coté versionning, j'ai été très impressionné par toutes les fonctionnalités. Pour commencer, Netbeans supporte 4 moteurs de versionning, à savoir : Local, CVS, Subversion et Mercurial. Mais le plus intéressant reste l'intégration du versionning qui est très aboutie ; en effet, on la retrouve partout. Dans l'explorateur de fichiers, une colorisation est appliquée aux noms de fichiers (vert = nouveau fichier, bleu = fichier modifié, rouge = conflit). Mais voici le meilleur : dans l'éditeur de code, des petits rectangles colorés affichent les modifications apportées localement aux fichiers. Un outil de diff est même intégré.

Un outil de recherche est disponible comme dans ZSE, peut être bien qu'il est plus complet, je viens seulement de le trouver.

Si vous cherchez plus d'outils, un système de plugin existe tout comme dans eclipse (mais c'est beaucoup plus user-friendly).

Bref, un IDE très prometteur, et libre !

Site officiel de Netbeans

MS Visual Studio / PHP (cher)

Non, j'installerai pas ça sur mon pc. Peut être d'ici quelques mois je lui reserverai un article.

Aurais-je oublié un IDE ? Vous utilisez lequel ?

Utilisation de SSH avec clés RSA

SandRock — Sat, 25 Oct 2008 14:34:00 +0200

De nos jours, je vois beaucoup de jeunes geeks (et des vieux aussi) se connecter en ssh à leur server unix avec un mot de passe faible... Avec les polonais, les marocains, les roumains qui prolifèrent sur le net à la recherche de serveurs vulnérables, il faut se protéger d'une façon plus importante. Voilà de quoi mettre en place un login via une paire de clés RSA. Et en bonus : comment configurer sshd pour refuser le login par mot de passe !

Créez vos clés RSA

Pour commencer, il faut générer une paire de clés RSA. En ligne de commande, c'est très simple :

$ ssh-keygen -t rsa -b 2048
Generating public/private rsa key pair.
Enter file in which to save the key (/home/SandRock/.ssh/id_rsa): 
Enter passphrase (empty for no passphrase): xxxxxxxxxx
Enter same passphrase again: xxxxxxxxxx
Your identification has been saved in /home/SandRock/.ssh/id_rsa.
Your public key has been saved in /home/SandRock/.ssh/id_rsa.pub.
The key fingerprint is:
xx:xx:xx:xx:xx:xx:xx:x:xx:x:x:x:x:x:x:x SandRock@Titan

$ ls ~/.ssh
id_rsa
id_rsa.pub

Le fichier nommé id_rsa est la clé privée et le id_rsa.pub est la clé publique. Il est indispensable de garder la clé privée en sécurité (sur une partition chiffrée par exemple).

Sous Windows, un utilitaire est disponible avec PuTTY, nommé PuTTYGen. Il permet de générer les même clés (mais le format des fichiers est différent du format obtenu avec ssh_keygen). Ne pas oublier de bien choisir une clé de type RSA avec 2048 bits.

Utilisation

Maintenant que votre paire de clés est prête, il faut déclarer sur les machines distantes quelles clés sont autorisées à se connecter. Pour cela, un fichier nommé ~/.ssh/authorized_keys contiendra les clés publiques (1 par ligne) au format du fichier id_rsa.pub (ça commence par 'ssh-rsa AAAA...'). Quelques commandes pour faire ça facilement :

$ echo "ssh-rsa AAAxxxxxxx" >> ~username/.ssh/authorized_keys // ajoute une clé au fichier par copié/collé dans une console
$ cat ~/.ssh/id_rsa.pub | ssh you@example.com "cat - >> ~/.ssh/authorized_keys"  // ajoute une clé via ssh (mot de passe distant requis)

Désormais, la simple commande ssh me@exemple.com vous authentifiera automatiquement (la passphrase de votre clé privée sera demandée) sans mot de passe. Sous Windows avec PuTTY, il faut spécifier dans les options l'emplacement de votre clé privée dans la page Connection/SSH/Auth (il faut un fichier .pkk généré par PuTTYGen).

Interdire le login par mot de passe sur vos serveurs

Attention, procéder à une telle configuration empèchera le login par mot de passe ! Si vous perdez vos clés privées, il faudra intervenir de façon physique sur le serveur pour configurer une nouvelle clé ! Prennez donc la précaution de posséder une double paire de clés stockées dans des emplacements différents. Testez aussi le bon fonctionnement du login par clé avant de faire cette manipulation.

Ouvrez simplement le fichier /etc/ssh/sshd_config avec votre éditeur favori. Cherchez la ligne commençant par PasswordAuthentication (cette ligne peut ne pas exister ou peut être commentée).

# Change to no to disable tunnelled clear text passwords
PasswordAuthentication no

Voilà qui est fait. Tout brute-force de mot de passe sera impossible.

$ ssh root@exemple.com
Permission denied (publickey).
Disconnected: No supported authentication methods available.

Zend_View_Helper_HeadStyle amélioré

SandRock — Thu, 25 Sep 2008 17:21:00 +0200

Le Zend_View_Helper_HeadStyle de Zend Framework a un bug non corrigé depuis très longtemps, à savoir ZF-3406. Le bug en question empèche la création d'une balise <style> avec un attribut media contenant une liste de différents médias.

$this->headStyle()->captureStart(Zend_View_Helper_Placeholder_Container_Abstract::APPEND, array('media' => 'screen'))
// Displays <style type="text/css" media="screen">
 
$this->headStyle()->captureStart(Zend_View_Helper_Placeholder_Container_Abstract::APPEND, array('media' => array('screen', 'projection', 'tv')))
// Should display <style type="text/css" media="screen projection tv">
// But displays <style type="text/css">

Donc, voici un nouvel helper modifié qui fait son job :

<?php
 
require_once 'Zend/View/Helper/HeadStyle.php';
 
/**
 * HeadStyle helper
 *
 * @uses helper Zend_View_Helper
 */
class App_View_Helper_HeadStyle extends Zend_View_Helper_HeadStyle {
 
	/**
	 * Convert content and attributes into valid style tag
	 * 
	 * @param  stdClass $item Item to render
	 * @param  string $indent Indentation to use 
	 * @return string
	 */
	public function itemToString(stdClass $item, $indent) {
		$attrString = '';
		if (!empty($item->attributes)) {
			foreach($item->attributes as $key => $value) {
				if (!in_array($key, $this->_optionalAttributes)) {
					continue;
				}
				if ('media' == $key) {
					if (is_string($value) && preg_match('/^[\w ]+$/', $value)) {
						$value = explode(' ', $value);
					}
					if (is_array($value)) {
						$stringValue = '';
						$separator = '';
						foreach ($value as $mediaType) {
							if (!in_array($mediaType, $this->_mediaTypes)) {
								continue;
							}
							$stringValue .= $separator.$mediaType;
							$separator = ' ';
						}
						$value = $stringValue;
					} else {
						if (!in_array($value, $this->_mediaTypes)) {
							continue;
						}
					}
				}
				$attrString .= sprintf(' %s="%s"', $key, htmlspecialchars($value));
			}
		}
 
		$html = '<style type="text/css"' . $attrString . '>' . PHP_EOL 
			. $indent . '<!--' . PHP_EOL . $indent . $item->content . PHP_EOL . $indent . '-->' . PHP_EOL 
			. '</style>';
 
		return $html;
	}
 
}

On spécifier au Broker de le charger de préférence à celui de zf :

$this->view->setHelperPath(Zend_Registry::get('conf')->paths->views.'helpers/', 'App_View_Helper');

Et ça s'utilise de cette façon :

$this->headStyle()->captureStart(Zend_View_Helper_Placeholder_Container_Abstract::APPEND, array('media' => array('screen', 'print', 'projection', 'tv')));
$this->headStyle()->captureStart(Zend_View_Helper_Placeholder_Container_Abstract::APPEND, array('media' => 'screen print projection tv'));

MusicTracker pour Pidgin

SandRock — Wed, 24 Sep 2008 15:39:00 +0200

Utilisant pidgin quel que soit mon OS, j'ai cherché et comparé divers plugins pour afficher la musique courrament écoutée (sous Winamp ou Amarok). Mon préféré est MusicTracker. Statut personnalisable, fonctionne avec MSN est XMPP. Parfait ! :D

Sinon voici un lien sympatique (mais c'est un vieux wordpress, beurk) référençant la plupart des plugins du genre.

CSS, medias, IE...

SandRock — Tue, 26 Aug 2008 12:09:00 +0200

Un petit article pour résumer les bonnes pratiques rapides à mettre en place sur un site web au niveau des CSS adaptés aux différents médias existants.

Pour rappel, il est possible (et même fortement recommandé) de créer des feuilles de styles CSS pour différentes médias tels que les ordinateurs (screen), les appareils mobiles (handheld), les vidéoprojecteurs (projection) et les imprimantes (print). Pour cela, 2 méthodes sont possibles.

<style type="text/css" media="all">
	@import "/css/global.css";
</style>
<style type="text/css" media="print">
	@import "/css/print.css";
</style>
<style type="text/css" media="handheld">
	@import "/css/handheld.css";
</style>

Dans cet exemple, on définit un css général (mise en page, couleurs) pour tous les médias et on surcharge ensuite 2 fichiers pour l'impression et les appareils mobiles. Dans certains cas, il est aussi intéressant de ne pas utiliser de fichier global pour certains médias :

<style type="text/css" media="screen print projection tv">
	@import "/css/global.css";
</style>
<style type="text/css" media="print">
	@import "/css/print.css";
</style>
<style type="text/css" media="handheld">
	@import "/css/handheld.css";
</style>

Dans ce cas, le CSS pour appareils mobiles peut être indépendant des autres fichiers pour un controlle plus important. A noter que dans cette configuration, le media all n'apparait pas ; d'après les normes, cela n'est pas grave mais MS Internet Explorer 6 et 7 ne reconnaitront pas le media screen. Il faudra donc recourrir à des commentaires conditionnels (merci Microsoft :D).

<style type="text/css" media="screen print projection tv">
	@import "/css/global.css";
</style>
<style type="text/css" media="print">
	@import "/css/print.css";
</style>
<style type="text/css" media="handheld">
	@import "/css/handheld.css";
</style>
<!--[if IE]>
<style type="text/css" media="all">
	@import "/css/global.css";
</style>
<![endif]-->

Il est aussi possible d'utiliser des selecteurs à l'intérieur d'un fichier css :

@media print {
	body{font-size:10pt;}
}
@media screen {
	body{font-size:12pt;}
}
@media screen, print {
	body{line-height:1.2;}
}

Référence : http://www.yoyodesign.org/doc/w3c/css2/media.html

Codes PHP en vrac...

SandRock — Wed, 06 Aug 2008 18:58:00 +0200

App_Form_Element_DateWithJdatepicker

Un Zend_Form_Element utilisant le datepicker de jQuery françisé :

class App_Form_Element_DateWithJdatepicker extends Zend_Form_Element_Xhtml {
 
	public function init() {
		$this->addValidator('Date')
			->setAttrib('class', 'datepicker');
	}
 
}

$(".datepicker").datepicker({
		clearText: 'Effacer', clearStatus: '', closeText: 'Fermer', closeStatus: 'Fermer sans modifier', prevText: '&lt;Préc', prevStatus: 'Voir le mois précédent', nextText: 'Suiv&gt;', nextStatus: 'Voir le mois suivant', currentText: 'Courant', currentStatus: 'Voir le mois courant', monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin', 'Juillet','Août','Septembre','Octobre','Novembre','Décembre'], monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun', 'Jul','Aoû','Sep','Oct','Nov','Déc'], monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année', weekHeader: 'Sm', weekStatus: '', dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'], dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'], dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'], dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD d MM', dateFormat: 'dd/mm/yy', firstDay: 0, initStatus: 'Choisir la date', isRTL: false,
		dateFormat: "yy-mm-dd",
		firstDay: 1,
		showStatus: true,
		showOn: "both",
		buttonImage: "<?php echo $front->getBaseUrl() ?>/js/lib/jquery-ui-1.5.2/images/calendar.gif",
		buttonImageOnly: true
	}
);

Un FlashMessenger personnalisé

...Pour inclure un type aux messages (typiquement une class css pour un affichage personnalisé pour les erreurs, les confirmations, les alertes...).

class App_Controller_Action_Helper_FlashMessenger extends Zend_Controller_Action_Helper_FlashMessenger implements IteratorAggregate, Countable {
 
    /**
     * addMessage() - Add a message to flash message
     *
     * @param  string $message
     * @return Zend_Controller_Action_Helper_FlashMessenger Provides a fluent interface
     */
    public function addMessage($message, $class)
    {
    	$message = array(
    		'message' => $message,
    		'class' => $class);
 
        if (self::$_messageAdded === false) {
            self::$_session->setExpirationHops(1, null, true);
        }
 
        if (!is_array(self::$_session->{$this->_namespace})) {
            self::$_session->{$this->_namespace} = array();
        }
 
        self::$_session->{$this->_namespace}[] = $message;
 
        return $this;
    }
 
}
 
// Un Zend_Controller_Action personnalisé
 
class App_Controller_Action extends Zend_Controller_Action {
 
 
 
	/**
	 * FlashMessenger
	 *
	 * @var Zend_Controller_Action_Helper_FlashMessenger
	 */
	protected $_flashMessenger = null;
 
	/**
	 * Class constructor
	 *
	 * @param Zend_Controller_Request_Abstract $request
	 * @param Zend_Controller_Response_Abstract $response
	 * @param array $invokeArgs Any additional invocation arguments
	 * @return void
	 */
	public function __construct(Zend_Controller_Request_Abstract $request, Zend_Controller_Response_Abstract $response, array $invokeArgs = array()) {
		$this->setRequest($request)
			 ->setResponse($response)
			 ->_setInvokeArgs($invokeArgs);
		$this->_helper = new Zend_Controller_Action_HelperBroker($this);
 
		//$this->_flashMessenger = $this->_helper->getHelper('FlashMessenger');
		$this->_flashMessenger = new App_Controller_Action_Helper_FlashMessenger();
		$this->view->flashMessenger = $this->_flashMessenger;
 
		$this->init();
	}
 
}

Exemple d'utilisation :

$this->_flashMessenger->addMessage('Les calculs ont été mis à jour.', 'notice');
$this->_flashMessenger->addMessage('Impossible d\'effectuer l'opération demandée.', 'error');

<!-- layout.phtml -->
<div id="messenger">
<?php
if (is_object($this->flashMessenger)) :
	$messages = $this->flashMessenger->getMessages();
	foreach ($messages as $m) {
		if (is_array($m)) {
			echo "\t",'<p class="',$m['class'],'">',$m['message'],'</p>',"\n";
		} else {
			echo "\t",$m,"\n";
		}
	}
endif;
?>
</div>

Les fourberies liées à l'abandon d'un nom de domaine

SandRock — Wed, 06 Aug 2008 17:20:00 +0200

Voilà quelques semaines que j'ai abandonné le domaine sandrockmp4.com et divers mails me sont parvenus. Le plus intéressant est celui que j'ai reçu de trvdomaindiscovery.com :

Recently, SANDROCKMP4.COM expired and went into a domain name auction. We acquired it and, since you own the .net version of this domain name, we wanted to provide you with the opportunity to own the preferred .com version.

Our company specializes in recovering preferred expiring domains and either selling them to individuals such as yourself or building out our own web presence on those valuable domains.

Une introduction similaire aux précédents mails déjà reçu. Mais la suite contient une argumentation que j'ai trouvé assez ~~marrante~~ fourbe :

SANDROCKMP4.COM is a pretty darn good domain name and, the truth is, the .COM is a far stronger version of the name than the .NET is.

* .Com is the strongest brand on the internet. When people think of a website, they intuitively think '.com'. Odds are people trying to get to your website are inadvertently going to SANDROCKMP4.COM because they assume that's where they can find you.

* .Com conveys Professionalism that .net & .org cannot match.

Globalement, la société explique qu'un domaine en .com inspire plus confiance, est plus fort, est plus professionnel qu'un domaine en .net ou .org. Il est vrai que pour des sites commerciaux ou professionnels (e-commerces, technologies propriétaires, entreprises), les .com est le plus populaire. En revanche, je préfère prévilégier le .org pour des projets libres, le .net pour un site web lié à un réseau et les extensions nationales (.fr, .co.uk, ...) lorsqu'un site web n'est pas dédié à une audience mondiale.

If you'd like to own SANDROCKMP4.COM, you can buy it now by covering our acquisition costs and a modest profit.

If you have any interest I encourage you to act quickly because this domain name will only be offered for sale for a limited time.

http://trvdomaindiscovery.com/buy.php?domain=SANDROCKMP4.COM&template=first

Finalement, me revendre mon domaine pour 557 USD me semble quelque peu abusif. Ne perdez pas vos domaines !