FluxRSS FlickR Twitter

Maxime Gaillard

DESCARTES : Je pense, donc je blog !

26 août 10

Choisir la bonne technologie

Posté dans Internet | Tags :, | Pas encore de commentaire »


Avoir une idée c’est bien. Alors avoir une bonne idée c’est encore plus rare. Mais le plus dur reste à faire !

Après avoir eu l’idée, il faut travailler pour que votre business puisse prendre. Donc vous êtes partis dans la folle joie de l’entreprenariat. Mais je ne vais pas vous faire un speech sur ça, tout du moins aujourd’hui. Je voudrais juste partager avec vous ma vision des choses quant au choix de la ou des technologies dans la réalisation de votre projet (oui votre idée est maintenant un projet, suivez voyons !).

Généralement vous n’êtes pas le seul à travailler sur votre projet. Je dis « généralement », parce qu’il y a des fous partout ! Ainsi vous allez devoir faire avec les compétences de chacun(e) afin de choisir la bonne technologie. Je vous vois déjà venir avec votre petite idée de technologie révolutionnaire dont vous avez entendu parler sur twitter ou dans une soirée de blogueur branchouille. Bien entendu vous avez testé cette technologie quelques heures et elle est révolutionnaire. Tout est mieux avec elle, évidemment. Vous allez pouvoir lancer votre projet dans la semaine tellement ce Framework est révolutionnaire. Ah, j’ai dit le mot qui fache ? Framework…Prenez du recul sur ce mot. Encore un peu…voilà c’est mieux. Rappelez-vous toujours que ce n’est pas le framework qui fait la technologie. Le framework est juste là pour mettre des conventions. Et justement dans un gros projet (si si, tous les projets sont gros), les conventions sont obligatoires.

Et justement les conventions sont les choses les plus dures à avoir. Le cerveau humain aime avoir des habitudes et déteste les changer. C’est long et ça demande beaucoup d’énergie, pour un résultat pas toujours très bon. Donc avant de choisir votre technologie (et donc votre façon de penser), regardez avec qui vous allez travailler. Car ce sont bien des personnes physiques qui feront de votre projet une réussite. Et pour que se soit une réussite, la première étape est de sortir votre projet. Le web va vite. Vous vous devez d’aller vite.

Donc ne choisissez pas votre technologie à la légère, il faut que ce choix soit basé sur les compétences disponibles et non pas sur des rumeurs/modes. Il y a trop de projet qui n’avancent pas à cause d’un choix qui n’est pas basé sur les compétences disponibles. Préférez toujours quelque chose d’ancien (qui a dit PHP ?) mais qui permet d’aller vite, quitte à vous former sur une autre technologie en parallèle (pour la V2 par exemple), que de vous former pendant le développement.

Allez, maintenant il faut bosser !

23 jan 10

Proxmox : faire des sauvegardes en mode snapshot

Posté dans Tutoriaux | Tags :, , , | 16 Commentaires »


Après quelques posts sur Proxmox qui dans l’ensemble ne rentraient pas tellement dans le vif du sujet, je vais ici vous expliquer comment faire un backup (dump) complet de vos machines virtuelles en mode snapshot.

Pourquoi le mode snapshot d’abord ? Pour savoir pourquoi il est mieux que les autres il faut savoir ce qui existe comme autre mode de backup et quels sont leurs particularités. En fait en tout il y a 3 modes de dump. Le premier, simple à comprendre est le mode « stop ». Il fait un « tar » de votre machine qui est à l’arrêt. Rien de plus simple ! Le second est le mode « suspend ». Il n’arrête pas complètement votre VM pendant la sauvegarde mais l’arrête quand même. Ce qui à la fin du mois fait que votre VM est down 20 minutes si vous faites un backup par jour. Ce qui est pas un problème si c’est sur un serveur perso. Mais si dessus vous avez un SLA, le client risque de venir gueuler. Pour les connaisseur « suspend » utilise simplement la commande rsync.

Le troisième mode est le mode snapshot. Et c’est le mieux ! Il permet de faire une sauvegarde complète de votre machine virtuelle en fonctionnement sans l’arrêter. Le problème est que le mode snapshot doit obligatoirement se faire sur des partitions en LVM. En fait ce mode utilise simplement une particularité du LVM, qui est, je vous le donne en mille émile, les snapshots.

Ce qui suit est une explication assez simple de comment créer des partitions LVM à l’installation de votre machine en passant par le manager d’OVH. L’idée finale est d’avoir ça :

Je m’explique. La partition 1 est la partition qui aura votre système. 10Go c’est suffisant. Sauf si vous êtes sur Windows…La partition 2 c’est la swap. 2Go c’est une habitude. De toute façon on a tellement de Ram maintenant que la swap est très rarement utilisée. La partition 3 est une partition LVM qui va comprendre toutes les données de Proxmox. En effet tout est stocké dans /vz (qui est la même chose que /var/lib/vz). La partition 4 est aussi une partition LVM qui va vous permettre de faire vos dumps entre la partition 3 et celle ci. La partition 5 faite là, je vous explique quelques lignes après à quoi elle sert.

Maintenant que vous avez votre partitionnement fait. Lancez l’installation.

Je vais donc vous expliquer à quoi sert cette partition 5. En fait ce post le fait mieux. Mais je vais quand même faire rapidement un résumé. Pour faire la copie des données entre la partition 3 et 4 il faut un espèce de cache. Dans le post c’est noté qu’il faut 512Mo de place. J’ai testé mais vzdump me demande 1024Mo. Dans un esprit de « je prends large on sait jamais » j’ai mis 2Go…

De toute façon une fois votre système installé vous avez juste à faire ça :

umount /var/freespace
lvremove /dev/pve/freespace

Maintenant vous pouvez tester, le mode snapshot de vzdump marche. Et c’est magnifique ! Je dis ça parce que j’en ai particulièrement chier pour le faire marcher (2 jours c’est long ?).

Petit test :

vzdump --snapshot 101

et dans /vz/dump vous avez le dump de votre VM 101. Et n’oubliez pas de mettre d’autres options à vzdump. Comme –mailto et –compress.

Bonnes sauvegardes !

20 jan 10

Proxmox : migration de VM

Posté dans Tutoriaux | Tags :, , , | 3 Commentaires »


Quand on utilise un système de virtualisation pour héberger des serveurs, à un moment donné il faut migrer les VM sur un autre serveur physique. La virtualisation doit permettre un down du serveur minime et une administration faible. Je vais donc vous expliquer comment faire avec Proxmox.

La première étape est d’avoir au moins 2 machines. Sous Proxmox c’est assez simple. Je ne vais pas vous refaire toute la documentation officielle du site. Il suffit d’aller ici : Cluster Proxmox

N’oubliez pas que votre nouveau serveur est votre Master dans le cluster. Sauf si vous comptez garder vos 2 serveurs.

Une fois votre cluster opérationnel, il suffit d’aller dans la liste de vos machines virtuelles et de simplement cliquer sur « Migrate ». Selectionnez ensuite vers quelle machine physique vous voulez réaliser l’opération et il ne vous reste plus qu’à attendre. D’après mon expérience, comptez 1h d’attente pour 50Go de données.

Une fois que la migration physique est faite, il va falloir re-router l’ip de vos VM vers votre nouvelle machine (là débrouillez-vous !). Ensuite tout est beau et magnifique. Vous pouvez maintenant profiter de la vie et plus faire des réinstallations en série. Elle est pas belle la vie ?!!

29 déc 09

iMac 27″ Core i7 : il est finalement arrivé

Posté dans Perso | Tags :, , | 4 Commentaires »


imac_27_i7_test

Après pas loin d’un mois d’attente ( :/ ), j’ai reçu le nouvel iMac 27″ Core i7 (8Go de Ram et 1To de DD). L’attente est apparemment causée par un problème de pénurie de composants ou de carte graphique. Mais c’est Apple, donc on n’en sait rien. Tant que le produit commandé marche, c’est l’essentiel !

En tout état de cause il est maintenant là. Et comme on m’a demandé plusieurs fois de faire un retour sur la bête (et aussi parce que j’aime me la péter…ou pas). La première question que beaucoup se posent c’est l’écran. Ecran qui je dois bien l’avouer est sacrément immense. C’est une sacrée belle bête ce LG (oui l’écran est un LG…). Outre la taille (oui c’est un 27″), la luminosité et le contraste sont impressionnants. Le problème avec une dalle de grande taille c’est que pour avoir une luminosité uniforme c’est la galère. Là c’est parfait. Idem pour le contraste. De côté, les écrans LCD sont une vraie catastrophe. Il est très difficile de voir quelque chose. Idem, ici c’est assez dingue on voit (à peu près) de n’importe quel angle. Parfait pour travailler à plusieurs ou faire une séance cinéma. En parlant de cinéma et vu la résolution qui est de 2560×1440, les films en Full HD (1080p) sont plus petits que l’écran. Chose qui n’est pas gênante, mais assez drôle (je m’amuse avec un rien). Je me suis d’ailleurs employé à re-regarder des films en Full HD, juste pour tester l’écran (ou pas).

On m’a demandé sur Twitter, si travailler avec un écran aussi grand n’est pas contre productif. Je dois bien avouer que passer de l’écran d’un Macbook Pro (avec un 22″ à côté) au 27″ c’est assez déroutant la première journée. Il m’a fallu un temps d’adaptation. Mais une fois qu’on a de nouveaux repères on gagne en productivité. Par exemple pour coder il est facile de mettre d’un côté de l’écran Coda (ou tout autre logiciel, mais Coda reste un must-have !) et de l’autre votre navigateur afin de voir le résultat. Dans la même idée, votre navigateur ne prend pas tout l’écran. Vous avez donc de la place à côté pour faire ce que vous voulez. C’est un confort impressionnant.

Niveau performances, je vais vous le dire tout de suite, je n’ai pas fait de benchmark. Je laisse aux sites spécialisés le soin de le faire. Et puis bon, quand c’est puissant, savoir si c’est encore plus puissant, je m’en tape un peu. Tant que tout marche…rapidement, c’est tout ce que je demande. Et c’est très rapide ! Que se soit sur Mac ou Windows (pour les jeux, rassurez-vous !). Je vais simplement vous parler de COD6 (ou Modern WarFare 2) qui, joué en 2560×1440 sur ce magnifique écran est des plus fluide. Hawk aussi est magnifique. Le Core i7 et la 4850 d’ATI font un formidable travail ! C’est vraiment impressionnant de voir la puissance qui peut se cacher derrière un matériel si fin (oui tout est dans l’écran).

Il y a d’autres petits trucs qui font dire qu’Apple a particulièrement soigné son ordinateur de divertissement grand public. Les enceintes sont d’une très bonne qualité, les ventilateurs sont silencieux, la finitions est exemplaire, les vis pour accéder à la RAM ne sont pas trop serrées (c’est rien mais ça peut devenir être très très chiant).

La seule chose chiante c’est la sortie audio qui est (comme toutes les prises derrière l’écran) et pour mettre mon casque je suis obligé de faire quelques acrobaties. Rien de bien gênant, mais mettre une sortie audio en dessous du lecteur cd serait pas mal.

Bref, je suis comme un gamin devant son nouveau joué. Ce qui, en réfléchissant est le cas.

La galerie Flickr

21 déc 09

Cacher les emails aux robots de spam

Posté dans Tutoriaux | Tags :, , , | Pas encore de commentaire »


Quand on fait un site, il est très important que les gens puissent vous contacter facilement. Encore plus si vous vendez vos services, comme par exemple dans une agence web ;)

Mais le problème, si vous affichez le mail en clair c’est que les robots des enc**és de spammeurs vont ajouter votre mail à leurs listes. Ce qui est assez chiant, vous en conviendrez…On peut passer par un formulaire associé à un captcha, mais certaines personnes préfèrent connaître le mail et ça fait plus sérieux de l’avoir, par exemple en footer. Mais comment faire pour afficher le mails qu’aux vrais visiteurs ? Le javascript mon cher ami !

Dans votre code HTML, à l’endroit où vous voulez afficher le mail il suffit de mettre ça :

<span class="contact_mail mail">vousdevezutiliser lejavascript pourvoir le mail</span>

Et maintenant le Javascript (n’oubliez pas d’ajouter jQuery pour que ça marche):

$(document).ready(function()
{
var debut = 'vousdevezutiliser';
var at = / lejavascript /;
var milieu = 'pourvoir';
var dot = / le /;
var fin = 'mail';
$('span.mail').each(function () {
var addr = $(this).text().replace(debut,"contact").replace(at,"@").replace(milieu,"naeka").replace(dot,".").replace(fin,"fr");
$(this).after('<span class="contact_mail">'+ addr +'</span>');
$(this).remove();
});
}
);

Si vous n’êtes pas trop un rigolo en JS, vous aurez certainement compris ce que fait le script ce dessus. Pour les autres quelques explications :
Le script va chercher tout le code qui a un « span » avec une « class » mail. Ensuite il va remplacer « vousdevezutiliser » par « contact. Et ainsi de suite. Au final vous remplacez tout et le visiteur voit votre mail. Et vous pouvez mettre autant de mail à cacher par page.

Bien entendu changez le script en fonction de vos besoins ;)

93 pages




Agence Web Grenoble Django

Articles récents

Nuage de Tags

Articles les plus populaires


Catégories


Articles Aléatoires