Une boisson bien nommée pour rappeler certaines bonnes pratiques aux développeurs …

Pour les graphistes, on peut apprécier la mise en page et l’oeuvre typographique de Charles Williams.

Une affiche de qualité vraiment très complète ! (développeur, intégrateur, designer)

Ce qu’il y a dedans…

Tout d’abord, il faut comprendre les grandes lignes de la structure d’un thème basique, le plus simple possible et sans fonctionnalités particulières. Dans le dossier d’un thème WordPress vous trouverez la liste des fichiers suivants et un dossier nommé « images ». Un dossier de thème peut contenir en plus quelques autres fichiers comme category.php, author.php, si le créateur du thème utilise certaines fonctionnalités d’affichage particulières (page biographique des auteurs, graphisme différents selon les catégories, page d’erreur 404 personnalisée…etc). Nous n’utiliserons pas le Twentyten fourni avec WordPress, car il est sous certains aspects  trop complexe pour débuter. Mais, vous  retrouverez à l’intérieur de celui-ci la plupart des fichiers de base cités ci-dessous.

Liste des fichiers, que je qualifierai de « base » :
- archive.php (affichage de la liste des articles des catégories)
- comments.php (affichage et enregistrement des commentaires)
- footer.php (pied de page du thème)
- functions.php (contient les scripts de certaines fonctionnalités du thème)
- header.php (en-tête du thème)
- index.php (affichage des articles en page d’accueil)
- page.php (affichage du contenu des pages fixes)
- search.php (page gérant l’affichage des résultats de recherche)
- searchform.php (formulaire de recherche)
- sidebar.php (menu)
- single.php (affichage du contenu d’un article)
- screenshot.png (screenshot, aperçu du thème afficher dans l’administration des thèmes de votre blog)
- style.css (feuille de style)

Habillez le squelette avec des css !

Maintenant, voyons le squelette d’un thème. Celui-ci se compose généralement de 5 zones (voir plus selon la complexité de l’interface, le nombre de menus…etc). Il y a tout d’abord :
- la zone « page » contenant l’interface du blog
- la zone « header » ou en-tête
- la zone « content » ou contenu
- la zone « sidebar » ou « menu »
- la zone « footer » ou le pied de page.
La couleur, la taille, la police de caractère, bref l’aspect graphique de ces zones et leurs emplacements, sont gérés par la feuille de style, c’est à dire le fichier « style.css ».

Voilà, ce sera tout pour aujourd’hui !  La suite prochainement….
En attendant si vous voulez approfondir allez jeter un œil dans le Codex francophone WordPress, mais aussi le site de Fran6art avec un excellent tuto pour créer son 1er thème soi-même.

1.Prenez un Antivirus

Ne croyez pas que parce que vous ne surfez pas ou peu sur Internet, que votre machine n’est pas exposée aux virus. De même, si votre F.A.I vous fournit un anti-virus sur vos comptes-mails, ne croyez pas que cela protège votre ordinateur. Un Antivirus est un logiciel installé sur votre machine, qui vous protégera des virus du web, joint aux e-mails ou provenant d’échanges de fichiers avec vos proches via C.D, D.V.D, clé USB ou disque dur externe, bref de toutes attaques externes. Le prix d’un antivirus ne reflète pas forcément son efficacité.

2. Pensez aussi à un anti-spyware

Un spyware est un mouchard. C’est à dire un fichier qui s’installe dans votre pc. Il a pour objectif de collecter et transférer des informations sur l’ordinateur dans lequel il s’est installé, très souvent sans que l’utilisateur en ait connaissance. Leur inconvénient majeur est qu’ils ne sont bien souvent pas détecter par l’antivirus. Un exemple de spyware, les barres qui s’ajoutent à votre navigateur sans que vous les ayez demandées. Ce genre de spyware est très visible, mais son but est de collecter des informations sur les sites que vous visités, vos habitudes de navigation ou la liste de vos programmes installés. Le but est de mieux connaître votre ordinateur, soit pour repérer des failles pour faciliter l’arriver d’un virus, soit pour renseigner une firme à des fins de ciblage marketing. Comment s’en débarrasser ? Et bien avec un logiciel anti-spyware qui fera le ménage, par exemple le logiciel Spybot, qui a l’avantage de « vacciner » votre ordinateur contre de nouvelles intrusions.

3. Faites les mises à jour de votre système d’exploitation

Votre système d’exploitation n’est pas inviolable. Certaines failles permettent de contourner les anti-virus, mais celles-ci sont fréquemment corrigées par l’éditeur de votre système d’exploitation. Les mises à jour ne sont donc pas facultatives. En effet, sans même visiter un site web, votre ordinateur peut être trouvé par des pirates sur le net de façon automatisée (scan) et aléatoire, afin de tester les différentes vulnérabilités connues de votre système. Si cette explication n’est pas claire dans votre esprit, imaginez un petit robot qui se ballade sur la toile en permanence, testant adresse après adresse (IP), jusqu’à trouver une porte ouverte …

4. Mettez votre navigateur et ses plugins à jour

Tout comme votre système, votre navigateur n’est pas infaillible et peut se révéler être une porte d’entrée possible vers le contrôle de votre ordinateur. Des mises à jours régulières et gratuites sont proposées par les éditeurs afin qu’il ne devienne pas une passoire. Prêtez particulièrement attention au plugin Flash, pour lequel des mises à jour de sécurité sont indispensables. La plupart des navigateurs ne mettent pas Flash à jour, seul Chrome le fait de façon automatique en même temps que les siennes.

5. Pas de mot passe facile, ni enregistré

Pour mémoriser facilement vos mots de passe, il vous est sûrement déjà venu à l’idée d’utiliser un prénom de proche, d’animal de compagnie ou une date de naissance. Sachez que les différentes méthodes pour trouver un mot de passe sont les suivantes :
- « Brute force », comprendre la méthode bourrine. Elle teste toute les combinaisons de caractères une par une. Cette méthode rend particulièrement vulnérable les mots de passe courts (entre 1 et 6 caractères).
- « Dictionnaire », comme son nom l’indique cette méthode utilise une liste de mots. Elle cible particulièrement les mots de passe présents dans les dictionnaires nationaux et les mots de passe fréquemment utilisés (banane, soleil, milou, azerty).
- « Social engineering », c’est la méthode personnalisée. Par exemple quelqu’un qui cherche votre mot de passe de boite e-mail, va visualiser votre page Facebook et y trouver votre date de naissance, le nom de vos enfants ou celui du chien, qui se trouve malheureusement être votre mot de passe. Cette méthode englobe aussi les cas de fishing, qui consiste à vous envoyer un mail vous demandant de vous connecter via un lien sur votre compte bancaire pour récupérer sur une fausse page imitant celle de votre banque vos codes d’accès.

De plus, le fichier qui stocke vos mots de passe enregistrés par le navigateur est facile d’accès pour tout pirate, qui s’introduit sur votre pc. Si une personne utilise votre pc, comme un voisin ou un collègue, il peut aussi récupérer ceux-ci via l’interface du navigateur.

6. Ne cliquez pas n’importe où

L’adage dit de tourner sept fois sa langue dans sa bouche avant de parler, cela peut aussi s’appliquer pour votre doigt sur le clic de la souris. La meilleure protection restera toujours de ne pas cliquer n’importe sans réfléchir. Méfiez-vous des publicités aux slogans trop gros pour être vrai (gagner un millions, la blonde chaude aux gros seins …), qui clignotent, elles peuvent vous emmener vers des sites nuisibles pour votre pc. La barre de statut indique en général les destinations que le lien cible (pas toujours vrai à cause de Flash et du Javascript). Réfléchissez à où va vous menez le lien avant de cliquer dessus.

7. N’exécuter pas n’importe quoi

C’est le moment de faire appel à votre « bon sens » ! Un fichier qui s’appelle azerty.exe, n’ait surement pas fait pour vous apprendre à vous servir d’un clavier. Il est très fortement conseiller d’afficher les extensions des fichiers sur votre pc. L’extension est ce qui permet sous windows de savoir avec quel programme, le fichier doit être lu.Par exemple, le fichier photo.exe est un programme exécutable, contrairement à photo.jpg qui est une image. Sans l’extension d’afficher, vous ne pouvez pas faire la différence avant de cliquer dessus (le moment où vous crierez : « Merdeeee… trop tard »).

8. E-mails

Vérifiez toujours l’expéditeur. Soyez attentif aux noms de domaine, par exemple :
- wow-europe.com (site officiel du jeu World of Warcraft)
- w0w-europe.com (appartient à Oversee Domain Management, LLC à Los Angeles)
- wow-europee.com (appartient à une société à Shangai)
Les urls se ressemblent, mais nous avons à faire à trois sites totalement différents. Les deux derniers dans notre exemple sont à supprimer sans même y jeter un œil. Elles cherchaient à tromper l’utilisateur par la proximité de leur nom avec le domaine officiel de WOW enregistré par la société Blizzard, sur l’identité de l’expéditeur du mail. Pour vérifier un nom de domaine, vous pouvez utiliser un service WHOIS tel que celui de raynette.fr.

Pour tous les mails de chaînes, des héritages de diplomates africains, les adolescents disparus, les pétitions pour sauver le soldat Ryan, … cessez de transférer à tous votre carnet d’adresses avant d’avoir vérifier sur Hoaxbuster.com la véracité des propos tenus dans le mail. Simple, rapide et permet à vos amis de ne pas vous maudire pour vos transferts de spams.

9.  Sur les réseaux sociaux ne faites pas n’importe quoi !

Le réseau social actuellement en vogue étant Facebook, je ne donnerai que des exemples concernant celui-ci. Il faut savoir, que les applications que vous utilisez, peuvent avoir accès à certains renseignements de votre profil, ainsi que ceux de vos amis. Cela, même si vous avez rendu privées certaines de ces données. Les applications acquièrent des droits d’accès à vos données au moment où vous cliquez sur « autoriser l’application à faire xxxx ». Depuis quelques temps, il traine aussi sur Facebook des pages racoleuses avec des titres chocs du genre «Les 10 pires petits amis du monde, regardez ce qu’ils font à leur copine » ou encore «Vidéo : découvrez pourquoi cette femme s’est suicidé après le mariage ». Ces saloperies vous demandent de cliquer sur par exemple des carrés de couleurs, soi-disant filtre « anti-spam » ou autre, qui dissimulent en faite les actions de confirmation d’ajout d’application, de pages et de droits sur votre profil. N’hésitez pas à vérifier vos paramètres de confidentialité.

10. Suivez un peu l’actualité informatique

Enfin, comme il vaut mieux prévenir que guérir. Consulter régulièrement quelques sites ou blogs sur l’actualité de l’informatique vous permettra d’anticiper les problèmes. Je citerai par exemple l’excellent zataz.com, qui propose une information concise sur tous les sujets relatifs à la sécurité informatique.

Crédit photo morguefile.com

- un fichier css, js ou flash que l’on a modifié, qui doit obligatoirement remplacer l’ancien.
- une image qui porte toujours le même nom de fichier mais qui change tous les jours (par exemple les modules « photo du jour »)

Il y a bien la méthode de la balise meta « pragma no-cache », mais son efficacité varie en fonction du navigateur. La seule façon fiable d’éviter un cache est en faite toute bête, il suffit de rajouter des arguments derrière l’extension du fichier ! En plus de fonctionner partout, elle permet une gestion précise du cache. Contrairement aux balises META et autres options du Header (cf  améliorer les temps de chargement d’un site), vous n’empêchez la mise en cache que de l’élément voulu, et non de la totalité de ses éléments.

Quelques exemples pour mieux comprendre

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

Voici l’appel classique d’une feuille de style, dans ce cas le fichier style.css est mis en cache par le navigateur. Si la page est rechargée, le fichier ne sera pas téléchargé. Imaginons que vous mettiez à jour ce fichier, il faudrait attendre que le navigateur décide de vérifier la validité de son cache, ce qui varie énormément en fonction du navigateur.

href="style.css?1"

En rajoutant simplement "?1" vous ciblez toujours le même fichier (style.css) sur votre serveur, mais les navigateurs considéreront que « style.css » et « style.css?1″ sont 2 fichiers obligatoirement différents et créera donc un cache pour ce nouveau fichier.

Ainsi, vous ne forcez la mise à jour du cache que lorsque vous le souhaitez ! Les avantages sans les inconvénients !

Voici les exemples pour divers formats :

<img src="toto.jpg?1" alt="toto" />
<script type="text/javascript" src="/site.js?1"></script>
<object data="monflash.swf?1" width="300"height="120"></object>

Vous n’êtes pas obligé de mettre des numéros, mais ils ont l’avantage de ne pas trop rallonger l’url et de pouvoir être incrémenter facilement (?1 puis une mise à jour => ?2 etc).

Pour empêcher complètement la mise en cache d’un fichier, la fonction php mktime() est votre ami ! Le nombre qu’elle retourne correspond au nombre de secondes qui se sont écoulées depuis le 1er Janvier 1970. Ce nombre change donc toutes les secondes … Exemple d’utilisation :

<img src="toto.png?<?= mktime(); ?>" alt="" />

Ce qui nous donnera quelque chose comme : <img src="toto.png?1290884333" alt="" /> et sera différent à chaque seconde sans jamais pouvoir être identique à une ancienne version.

Au passage, <?= $toto ?> est la forme courte de <? echo $toto ?>.

FACEBOOK compte autour de 19 millions d’utilisateurs français fin octobre 2010 (source frencheweb.fr, article « Facebook: synthèse des chiffres et usages 2010 »), dont 51,6% de femmes et 48,4% d’hommes.

Cependant, de même que pour un blog, créer une page FACEBOOK pour son entreprise ne va pas encore de soi pour tous les dirigeants et dirigeantes d’entreprise. Pourtant, cet outil peut s’avérer un support de communication efficace et peu onéreux, si il est créé et géré intelligemment. Car même si l’outil est « tendance »,  comme tout projet de communication (site internet, blog, campagne de pub radio, télé, affichages…), il doit être bien pensé avant d’être lancé.

Pourquoi créer une page FACEBOOK pour votre entreprise ?

1. Pour améliorer votre notoriété, c’est à dire faire connaître via le bouche à oreille et les échanges sur le réseau FACEBOOK le nom votre entreprise et ce qu’elle fait. L’adhésion de fans à votre page vous permet de créer une communauté d’utilisateurs sensibles à vos actualités, qui relaieront vos messages auprès de leurs réseaux ou amis sur Facebook.
2. Pour améliorer le référencement de votre site Internet institutionnel, en effet les pages fan de Facebook sont visitées régulièrement par les moteurs de recherches. Ceux-ci indexeront votre présence et permettront aux internautes de vous trouver sur ce réseau en faisant des recherches selon votre activité, vos produits ou votre nom.
3. Pour mieux connaître votre clientèle et ses attentes, en faisant des mini-sondages sur votre page via les applications de Facebook. Vous pourrez aussi noter leurs réactions. En cas de bad-buzz (mauvaise réputation) vous pouvez répondre directement aux interrogations de vos clients et dissiper les effets de rumeurs négatives. La meilleure façon d’anticiper une mauvaise e-réputation consiste en effet à occuper le terrain avant vos détracteurs et vous donner les moyens de répondre.
4. Contrôler ce qui se dit sur vous, car si vous n’êtes pas sur Facebook, vos clients ou vos concurrents y sont probablement déjà et parlent probablement de vous ! Être présent sur le réseau vous permet de garder un œil sur ce qui se dit et de proposer une page officielle pour votre communication, que vous maîtrisez.
5. Fidéliser sa clientèle en proposant sur votre page des avis, des conseils, des jeux-concours ou des promotions exclusives, autant de petits plus qui vous rende plus attractif et donnent envie de parler de vous, de suivre votre actualité régulièrement.

Vous n’avez pas le temps de créer une page ou pas les connaissances pour ?

Beaucoup de prestataires de création de sites web, webmarketing ou référencement proposent aujourd’hui un accompagnement dans la création et animation de page Facebook à  moindres frais. Vous pouvez donc demander un accompagnement si vraiment vous ne maîtrisez pas l’outil ou le faire inclure dans une prestation de référencement. Cela peut vous permettre de gagner du temps et d’être très rapidement opérationnel. En effet, ces professionnels connaissent les applications (outils) à ajouter sur votre page pour lui donner un aspect pro (page personnalisée, formulaire de contact, sondage, visuels attractifs, suivi du trafic…etc).

Pour toutes demandes d’informations à ce sujet, n’hésitez pas à me contacter.

Sources des données :
- Observatoire Ifop des réseaux sociaux (Vague 5)
- FRENCHWEB – Facebook: synthese des chiffres et usages-2010

Tout ça pourquoi ?

Dans WordPress, les fonctions ressortants les liens des menus (wp_list_pages(), wp_list_categories() et wp_list_bookmarks()) collent automatiquement des ordered list … Sans parler du design pattern MVC dont WP se contre-fout il pourrait y avoir un argument pour contrôler les ajouts, mais non. Il y a bien un début dans ce sens dans la fonction wp_list_categories() avec l’argument « style » que l’on peut définir à « none » au lieu de « list » par défaut. Bon ils ont quand même craqué et ça ajoute un « <br /> » à la fin de chaque lien … Donc nous allons créer 3 fonctions, qui suppriment les <li> et <br />. Pourquoi ne pas éditer directement la classe qui pond ce code ? Car en cas de mise à jour de WordPress, les modifications risquent très probablement de sauter. De plus elles ne doivent s’appliquer que à votre thème. Si vous décider un jour d’installer un thème « plug & play », ces modifs risquent de le casser. Dans chaque thème WordPress il y a un fichier functions.php dans lequel il faudra placer les fonctions ci-dessous. Ce fichier est chargé automatiquement, pas besoin de l’include.

Le code à placer dans fonction.php

function wp_list_pages2($args = '') {
    $r = wp_list_pages($args.'&echo=0');
    $r = str_replace('</li>', '', $r);
    echo preg_replace('@<li class="[A-Za-z0-9 \-\_]+">@u', '', $r);
}

function wp_list_bookmarks2($args = '') {
    $r = wp_list_bookmarks($args.'&echo=0&categorize=0');
    echo preg_replace('@</?li>@', '', $r);
}

function wp_list_categories2($args = '') {
    $r = wp_list_categories($args.'&echo=0');
    echo str_replace('<br />', '', $r);
}

Le code … en détails

Chaque fonction lance celle de base avec l’argument echo=0 qui permet de recevoir le résultat dans une variable (return) au lieu d’être envoyé directement sur la page (echo). Nous récupérons donc ce résultat dans la variable $r puis on supprimer les caractères qui fâchent, via les fonctions str_replace et preg_replace (il faut toujours préférer str_replace quand il n’y a pas besoin d’expression régulière, car il consomme bien moins de ressource que preg_replace).

Usage

wp_list_pages2('title_li=');
wp_list_categories2('title_li=');

/* Vous pouvez utiliser les arguments comme avant à quelques exceptions près. */
wp_list_bookmarks2('title_li=&category_orderby=name');
wp_list_categories2('title_li=&orderby=name&include=3');

A vous la création de menu débridé ! Et bon appétit bien sûr.

- Un dossier du journal du Net : « Les étapes clés d’une campagne d’e-mailing réussie »
Si l’e-mailing semblait à une époque une façon simple et peut onéreuse de faire connaitre ses produits, avec le temps se servir de cet outils de façon pertinente est devenu plus complexe. Les internautes sont de plus en plus exigents, dégoutés aussi du spam et les annonceurs sont plus nombreux.

- Le blog Axet-net est réputé pour la qualité de ses articles sur le SEO. Dernièrement son auteur a publié un article « Le SEO ne fait pas tout, travaillez votre notoriété » très intéressant, qui rappelle de ne pas tout miser sur son référencement dans Google pour faire connaitre son site.

- Le blog référencement d’Abondance propose 20 conseils pour réussir son référencement  : http://referencement.abondance.com/

- Chiffres sur les parts de marchés des différents moteurs de recherches : http://barometre.secrets2moteurs.com/

Blogs et tendances de consommation

Si il était à l’origine un simple journal de bord, il est devenu pour les entreprise et les marques un support de marketing virale. Sur ces espaces, les internautes s’échangent des avis et des informations, suceptibles d’orienter leur décision avant un achat. Certains blogueurs, qui exerçaient à titre personnel, sont devenus des personnalités populaires et influentes, véritables prescripteurs d’achats auprès des visiteurs de leur site. Je citerai par exemple les avis éclairés de Korben (www.korben.info) ou le Journal du Geek (www.journaldugeek.com) dans le domaine informatique/high-tech. L’hiver dernier 6 blogueuses mode (Violette, Miss Glitzy, Ballibule, Coline, Walinette et Mimnor) ont été conviées par la marque de chaussures André à créer des modèles pour la marque. Cet été, c’est Miss Pandora qui a été choisie par « Comptoir des cotonniers » pour figurer sur ses visuels publicitaires.

Pourquoi cet intérêt ?

Les internautes accordent un intérêt différent à l’avis d’un blogueur par rapport à celui d’un journaliste ou d’un publicité. Le blogueur est plus proche de lui, car il/elle peut être un monsieur ou madame « Tout-le-monde ». Le visiteur peut se reconnaitre dans ses propos. Contrairement à la publicité, il est moins suceptible d’être partisan, dans la mesure où il n’est pas rémunéré pour témoigner de son vécu. Cependant, le phénomène actuel de monétisation des blogs via des partenariats avec les marques ou des agences de mise en relation blogueurs/annonceurs, tend à rendre cet argument moins pertinent, qu’il y a quelques années. Il y a quelques polémiques à ce sujet.

Blog et image de marque

Si le blog fut à ses débuts surtout un support de communication de type « site personnel ». Le monde professionnel s’en est emparé pour en faire un véritable outils de communication et de dialogue. L’institut de beauté nantais Bellavispa a ouvert son blog « Centre de beauté » animé par son égérie Bella (www.centre-de-beaute.com). La marque Comptoir des cotonniers communique auprès de sa clientèle via un blog de tendance appelé « Brève de styles » (www.brevesdestyle.com). Le fondateur de la webagency Axe-Net anime un blog d’expert sur le thème de la création de site web et du référencement, très suivi et apprécié pour ses avis pertinents.

Que-ce que peut apporter un blog à la communication d’une entreprise ?

1. Il permet de cultiver une bonne image de marque, car le blog est un moyen de communication récent, innovant et interactif.

2. Vous assure un meilleur référencement grâce à la publication régulière d’articles pertinents par rapport à votre domaine d’activité. De plus, la qualité de vos articles peut suciter du bouche à oreille autour de votre blog et inciter d’autres sites à faire des liens vers le votre gratuitement ou les internautes à s’échanger vtre adresse.

3. Elaboration d’un meilleur dialogue avec les clients par la publication de conseils, la démonstration de votre expertise, la présentation des nouveaux produits et le recueil de témoignages, d’avis.

4. Pour cultiver et valoriser les compétences de son équipe. En effet, un projet de type blog peut motiver certains de vos employés, dans le sens qu’il valorise leurs savoir-faire dans leur domaine de compétence. Ils sont reconnus comme porteur d’une expérience et d’idées intéressantes, dignes d’être publiées. Trouver des idées pour l’animer ou écrire des articles est aussi un bon exercice pour stimuler la créativité et aborder sa profession sous un autre angle.

5. Stimule la veille informative, car pour écrire il ne suffit pas de s’appuyer sur ses propres connaissances et expériences, mais aussi de se tenir au courant de ce qui bouge dans votre secteur d’activité.

6. Générez facilement une newsletter en vous basant sur les sujets, que vous traitez déjà pour votre blog. Vos recherches alimentent ainsi deux supports de communication.

Le dilemme

Y en a pour qui le choix est vite fait, mais dans mon cas c’était un peu comme choisir entre un arrachage de la jambe gauche ou de la droite. D’un coté Windows 7 pour les jeux, dépanner les potes avec l’assistance de Msn, la qualité de l’interface utilisateur. Et de l’autre Ubuntu pour bosser avec les dossier FTP sur le bureau, l’accès SSH via le terminal, le serveur php/mysql local et plein de petits trucs, qui te font gagner du temps. Le problème du dual Boot classique (choix entre plusieurs système au démarrage de l’ordinateur), c’est qu’il faut … redémarrer. Et ça pour utiliser quelque chose qui doit te permettre de gagner en temps et en confort … c’est quand même balot. Sans parler des mails que tu dois dl 2x en laissant les copies sur le serveur pour les consulter sur linux et sur win …

Et un jour … la solution

Et des fois en se baladant sur le net tu trouves des trucs de geek, qui parle de virtualisation. Kesako ? Pour faire simple, c’est créer une machine virtuelle (fictive) avec un clavier, une souris, un processeur, une carte graphique. Le programme qui se charge de ça c’est VirtualBox.

L’installation

Perso j’installe sur un Windows, mais on peut faire l’inverse ce que je déconseille. Le système principal (appelé hôte) est celui qui disposera le plus des ressources, surtout au niveau de la carte graphique, donc comme Windows sert surtout à jouer …

Trêve de blabla les choses sérieuses commencent !

En premier, on télécharge Virtualbox pour Windows ici :
http://download.virtualbox.org/virtualbox/3.2.8/VirtualBox-3.2.8-64453-Win.exe

Et l’iso de Ubuntu là :
http://www.ubuntu-fr.org/telechargement

L’installation, c’est surtout à base de suivant, suivant, suivant … j’ai déjà installé et supprimé l’installeur donc si y a besoin de plus d’infos dites le en com’ je rajouterai.

Une fois installé, on lance VirtualBox.exe et la suite en image :

N’oubliez pas de sélectionner le bon système d’exploitation !

Ici vous choisissez la mémoire qui sera réservée à la machine virtuelle. J’ai 4 Go de dispo donc 1 Go permets à Ubuntu de tourner sans soucis et de jouer à Crysis sur Windows en même temps.

Maintenant on créé le disque dur ‘fictif » de la machine, cela permet que le système invité (la machine virtuelle) n’ai aucun lien avec le système actuel. Ce disque n’apparaitra pas non plus dans le « Poste de travail » de Windows. Il faut mettre minimum 8 Go, mais après si vous installer des applications je conseillerai de voir un peu plus large (genre 30). Un truc sympa à savoir, c’est que l’on peut donner accès au système invité à des dossiers du système hote (par exemple votre collection de mp3 ou le dossier où vous stockez vos sites web). Pour le type de conteneur il vaut mieux mettre Image de taille variable car la place sera ainsi consommé petit à petit.

A présent on va configurer le lecteur CD …
Nous allons donc créer un lecteur virtuel (faire croire au système qu’un fichier du disque dur est dans le lecteur) qui contiendra le fichier ISO de Ubuntu télécharger au début de l’article, ce qui permettra de booter dessus pour lancer l’installation.

Début de l’installation !
Là pas de doute vous pouvez formater le disque entier, au nom et au volume on voit bien que ce disque fictif correspond à celui créé précédemment donc aucun risque. A la fin de l’installation cliquez sur … Redémarrer maintenant !

Maintenant Ubuntu redémarre et vous demande d’éjecter le CD avant d’appuyer sur entrée. Pour éviter de boot sur le CD d’install alors qu’on veut le système il faut donc retirer l’image du CD du lecteur virtuel. Décocher donc ubuntu-xxxxx.iso puis appuyer sur entrée.  Bienvenue sur votre machine virtuelle !

Voilà c’est quasi finit ! La dernière étape est d’installer des add-ons de Virtualbox qui permettrons au système invité de mieux utiliser les périphérique virtuel de Virtualbox (comme par exemple de comrpendre que l’écran peut avoir une résolution supérieur à 800*600 …). Donc on clique sur périphérique puis « Installer les Additions invité ». La virtualbox charge dans un lecteur CD qui apparaitra sur le bureau. Si le CD n’apparait pas redémarrer Ubuntu.

Créer un dossier « pilotes » par exemple dans votre /home et copier les fichiers du « CD » dedans. Puis faire clic droit sur le fichier   »VBoxLinuxAdditions-x86.run » et cocher dans l’onglet permissions « Autoriser l’exécution du fichier comme un programme ». Et la un petit passage par le terminal pour se rappeler qu’on est bien sur Linux
Ouvrez un terminal puis taper :

sudo -s

Cette ligne vous donne les privilèges administrateur (root)

Puis taper votre mot de passe

/home/toto/pilotes/VBoxLinuxAdditions-x86.run

Toto c’est mon nom d’utilisateur ! Remplacez par le votre …

Vous devez maintenant redémarrer Ubuntu.
A présent il suffit de cliquer sur « Machine » puis « Passer en mode plein écran » !
Si vous avez l’écran avec du noir autour, allez dans Ubuntu dans Systeme/préférence/écran et sélectionnez la bonne résolution.