{"id":158,"date":"2009-05-13T12:18:48","date_gmt":"2009-05-13T10:18:48","guid":{"rendered":"http:\/\/blog.kodono.info\/wordpress\/?p=158"},"modified":"2009-10-06T12:43:31","modified_gmt":"2009-10-06T10:43:31","slug":"installer-linux-dans-windows-et-tester-ainsi-les-navigateurs-linux-web-design","status":"publish","type":"post","link":"https:\/\/blog.kodono.info\/wordpress\/2009\/05\/13\/installer-linux-dans-windows-et-tester-ainsi-les-navigateurs-linux-web-design\/","title":{"rendered":"Installer Linux dans Windows et tester ainsi les navigateurs Linux [Web Design]"},"content":{"rendered":"

[niveau: interm\u00e9diaire]<\/p>\n

Linux est un syst\u00e8me d’exploitation qui \u00e9tait r\u00e9serv\u00e9 au geek<\/i>, mais depuis plusieurs ann\u00e9es les distributeurs font en sorte que cet OS soit plus facile \u00e0 installer et \u00e0 utiliser. Linux appara\u00eet d’ailleurs de plus en plus comme une alternative \u00e0 Windows.<\/p>\n

Il y a donc plusieurs raisons qui pourraient vous pousser \u00e0 installer Linux:
\n– tester pour voir \u00e0 quoi \u00e7a ressemble
\n– regarder les applications disponibles
\n– comprendre comment il est configurable
\n– tester les navigateurs<\/b> pour vos sites web<\/p>\n

Pour entrer dans le monde merveilleux du Pingouin (qui en est la mascotte), vous avez principalement trois solutions:<\/p>\n

    \n
  1. l’installation pure et dure du syst\u00e8me en parall\u00e8le de Windows, c’est-\u00e0-dire que vous choisissez l’un ou l’autre au d\u00e9marrage de la machine<\/li>\n
  2. l’utilisation d’un LiveCD<\/a> qui offre la possibilit\u00e9 de d\u00e9marrer sur un CD (ou une cl\u00e9 USB) qui contient Linux et ainsi de le tester sans rien installer sur l’ordinateur<\/li>\n
  3. virtualiser Linux (\u00e0 l’instar de ce que je vous ai montr\u00e9 l’autre fois pour tester les IE<\/a>)<\/li>\n<\/ol>\n

    Je vais ici vous expliquer le dernier cas. En effet, je connais d\u00e9j\u00e0 bien Linux, et l’int\u00e9r\u00eat majeur pour moi de l’installer est de pouvoir tester Firefox, Epiphany, et autres navigateurs afin de m’assurer du design d’un site web.<\/p>\n

    Virtualiser Linux dans Windows est simple. Si la derni\u00e8re fois<\/a> nous avons utilis\u00e9 VirtualPC c’est parce que Microsoft fournissait des images d\u00e9j\u00e0 pr\u00eates pour leur logiciel. Mais cette fois-ci, nous allons plut\u00f4t utiliser VirtualBox<\/a>. Pourquoi ? Parce que si vous installez Linux (et ici ce sera Ubuntu) dans VirtualPC, alors vous allez avoir une r\u00e9solution d’\u00e9cran de 800×600, ce qui n’est pas franchement pratique. Les d\u00e9marches pour passer en une r\u00e9solution sup\u00e9rieure sont compliqu\u00e9es et risqu\u00e9es, alors qu’avec VirtualBox il suffit de quelques commandes !<\/p>\n

    La premi\u00e8re chose \u00e0 faire est donc de t\u00e9l\u00e9charger VirtualBox<\/a> (j’utilise dans cet exemple la version “VirtualBox 2.2.2 for Windows hosts”). Ensuite, il vous faut t\u00e9l\u00e9charger une distribution Linux. Il en existe des centaines de versions… Plusieurs sites essaient de vous guider, comme Comment \u00e7a marche<\/a>. Pour notre cas pratique nous prendrons Ubuntu<\/a> qui est l’une des plus utilis\u00e9es.
    \nIl vous faut r\u00e9cup\u00e9rer l’image ISO d’Ubuntu (\u00e0 l’heure o\u00f9 j’\u00e9cris ces lignes le fichier est     ftp:\/\/ftp.crihan.fr\/releases\/9.04\/ubuntu-9.04-desktop-i386.iso<\/a>).<\/p>\n

    Une fois t\u00e9l\u00e9charg\u00e9, ouvrez VirtualBox (que vous aurez d\u00e9j\u00e0 install\u00e9). Cliquez sur “Nouveau” :
    \n\"20090413_vbox1\"
    \nPour le nom inscrivez “Ubuntu”, et pour syst\u00e8me d’exploitation prenez “Linux” et la version “Ubuntu” :
    \n\"20090413_vbox2\"
    \nContinuez avec les options par d\u00e9faut.<\/p>\n

    Une fois fini vous devriez avoir cela :
    \n\"20090413_vbox4\"<\/p>\n

    Maintenant cliquez sur “Lancer” afin d’activer l’assistant de premier lancement. Celui-ci vous demande ce que vous voulez installer. Choisissez “Disque Optique” et “Fichier Image” en s\u00e9lectionnant le fichier iso que vous avez t\u00e9l\u00e9charg\u00e9 pr\u00e9c\u00e9demment (“ubuntu-9.04-desktop-i386.iso”) ;
    \n\"20090413_vbox5\"
    \n\"20090413_vbox6\"<\/p>\n

    L’\u00e9cran d’installation d’Ubuntu va d\u00e9marrer. Vous n’avez plus qu’\u00e0 choisir “Fran\u00e7ais” (avec les fl\u00e8ches) puis de prendre “Installer Ubuntu” :
    \n\"20090413_vbox7\"<\/p>\n

    Laissez les options par d\u00e9faut propos\u00e9es. Apr\u00e8s plusieurs clics et quelques minutes vous vous retrouvez sous Ubuntu ! Malheureusement vous remarquez que vous \u00eates en r\u00e9solution 800×600… Voil\u00e0 un probl\u00e8me de r\u00e9solution d’\u00e9cran qui est simple \u00e0 r\u00e9gler.<\/p>\n

    Tout d’abord, v\u00e9rifiez que vous n’avez aucune image CD charg\u00e9e. Pour cela, votre bureau Ubuntu doit \u00eatre vide de toute ic\u00f4ne. Si vous voyez une ic\u00f4ne en forme de CD avec un nom qui commence par Ubuntu, alors faites un clic droit dessus puis “Ejecter”. Une fois fait, sortez de la machine virtuelle (en appuyant sur la touche “Ctrl” de votre clavier, mais celle qui se trouve \u00e0 droite), puis aller dans P\u00e9riph\u00e9riques > Installer les Additions invit\u00e9…<\/em> :
    \n\"20090413_vbox7bis\"
    \n\"20090413_vbox8\"<\/p>\n

    Devrait alors apparaitre une ic\u00f4ne avec un CD sur le bureau :
    \n\"20090413_vbox12\"
    \n(si ce n’est pas le cas, allez dans Machine > Red\u00e9marrage<\/em> pour red\u00e9marrer la machine virtuelle)<\/p>\n

    Maintenant, dans Ubuntu, allez dans Applications > Accessoires > Terminal<\/em>. Une fen\u00eatre au fond blanc s’ouvre. Vous allez y taper les commandes suivants :
    \nsudo su
    \n\/* entrez votre password d\u00e9fini durant l'installation *\/<\/i>
    \ncd \/media\/cdrom0
    \n.\/VBoxLinuxAdditions-x86.run<\/code>
    \nApr\u00e8s quoi le syst\u00e8me vous indique qu’il doit red\u00e9marrer. Ce qui doit donner :
    \n\"20090413_vbox13\"<\/p>\n

    Pour red\u00e9marrer, allez dans Machine > Red\u00e9marrage<\/em>. Une fois le boot termin\u00e9, vous verrez Ubuntu avec une r\u00e9solution d’\u00e9cran \u00e9quivalente \u00e0 la v\u00f4tre !<\/p>\n

    Vous n’avez plus qu’\u00e0 lancer Firefox pour d\u00e9couvrir le rendu de votre site, et vous pouvez installer d’autres navigateurs pour les tester.<\/p>\n","protected":false},"excerpt":{"rendered":"

    [niveau: interm\u00e9diaire] Linux est un syst\u00e8me d’exploitation qui \u00e9tait r\u00e9serv\u00e9 au geek, mais depuis plusieurs ann\u00e9es les distributeurs font en sorte que cet OS soit plus facile \u00e0 installer et \u00e0 utiliser. Linux appara\u00eet d’ailleurs de plus en plus comme une alternative \u00e0 Windows. Il y a donc plusieurs raisons qui pourraient vous pousser \u00e0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","hide_page_title":"","footnotes":""},"categories":[1,16,13,26,8],"tags":[161,154,152,157,148],"class_list":["post-158","post","type-post","status-publish","format-standard","hentry","category-divers","category-navigateur","category-niveau-intermediaire","category-web-design","category-windows","tag-linux","tag-navigateur","tag-niveau-intermediaire","tag-web-design","tag-windows"],"_links":{"self":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":11,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts\/158\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}