{"id":9950,"date":"2013-10-15T08:15:23","date_gmt":"2013-10-15T06:15:23","guid":{"rendered":"http:\/\/flaven.fr\/?p=9950"},"modified":"2013-10-27T12:52:25","modified_gmt":"2013-10-27T11:52:25","slug":"virtual-box-responsive-tablette-web-mobile-installer-virtual-box-pour-visualiser-et-tester-lexperience-utilisateur-ux","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2013\/10\/virtual-box-responsive-tablette-web-mobile-installer-virtual-box-pour-visualiser-et-tester-lexperience-utilisateur-ux\/","title":{"rendered":"Virtual Box, Responsive, Tablette, Web, Mobile – Installer Virtual Box pour visualiser et tester l’exp\u00e9rience utilisateur (UX)"},"content":{"rendered":"\n


\n\t<\/p>\n

Devant la fragmentation des plates-formes et des navigateurs, il devient de plus en plus difficile de tester chaque environnement (web, mobile, tablette et TV connect\u00e9). Un rem\u00e8de \u00e0 cela, c’est l’installation de VM<\/code> (Virtual Machine) \u00e0 l’aide de Virtual Box afin de pouvoir visualiser l’UX de vos cr\u00e9ations digitales dans un environnement appropri\u00e9 car vous n’aurez jamais sous la main l’ensemble des combinaisons OS + navigateur.<\/p>\n

On va donc montrer dans cet article comment installer Virtual Box qui rem\u00e9die en partie \u00e0 ce probl\u00e8me d’atomicit\u00e9 de plateformes. Bien \u00e9videmment, le meiux est quand m\u00eame de disposer du terminal ad\u00e9quat par exemple un PC avec IE8, une tablette Android…etc. mais bon votre budget n’est pas extensible \u00e0 l’infini. Faute de mieux, vous aurez sans recours \u00e0 ce type de logiciel qui permet d’\u00e9muler correctement les environnements les plus divers !<\/b><\/p>\n

Installer VirtualBox sur Mac<\/h4>\n

Une fois t\u00e9l\u00e9charg\u00e9 le logiciel, nous avons choisi cette version de VirtualBox, VirtualBox-4-2-18-88780-OSX.dmg<\/code>. Il ne vous reste plus qu’\u00e0 installer l’ensemble, rien de bien compliqu\u00e9 en somme bien que le t\u00e9l\u00e9chargement de l’ensemble soit long.<\/p>\n

Source : https:\/\/www.virtualbox.org\/<\/a><\/i><\/p>\n

\"Virtual<\/p>\n

\"Virtual<\/p>\n

\"Virtual<\/p>\n

Installer une VM avec VirtualBox<\/h4>\n

L\u00e0 cela devient tr\u00e8s l\u00e9g\u00e8rement plus complexe. On va installer un package qui comprend IE10 + Win7. On va d’ailleurs l’importer \u00e0 l’aide d’un fichier .ova<\/code> (Fichier > Importer une application virtuelle)<\/b>. Toutefois, avant cela, on va exp\u00e9dier les deux erreurs les plus couramment commises lorsque on s’attaque \u00e0 VirtualBox.<\/p>\n

    \n
  1. Vous n’avez pas les droits sur le r\u00e9pertoire Applications<\/code> de votre Mac<\/li>\n
  2. Vous ne parvenez pas \u00e0 cr\u00e9er un fichier .ova<\/code> depuis le fichier t\u00e9l\u00e9charg\u00e9 .sfx<\/code><\/li>\n<\/ol>\n

    1. .ova<\/code> bien ou bien<\/h4>\n

    Une fois que vous avez t\u00e9l\u00e9charg\u00e9 le fichier .sfx<\/code> qui contient comme dans notre exemple l’environnement IE10 + Win7. Il faut le transformer en .ova<\/code>.
    \nComme toujours, les explications que l’on trouve pour cette transformation sont g\u00e9n\u00e9ralement absconses.<\/p>\n

    En <\/b> <\/p>\n

    Pour cr\u00e9er un .ova<\/code> depuis un .sfx<\/code><\/p>\n

    \r\n  after downloading, give 'x' attribute for .sfx file and execute it and generate .ova file.\r\n  <\/pre>\n
    La commande un peu plus explicite \u00e0 passer dans la terminal Mac<\/b><\/p>\n
    \r\n  chmod +x \/chemin_vers_le_repertoire\/VMs\/IE8.Win7.For.MacVirtualBox.part1.sfx \/chemin_vers_le_repertoire\/VMs\/IE8.Win7.For.MacVirtualBox.part1.sfx\r\n  <\/pre>\n
    Vous allez \u00e0 la suite de cette commande, obtenir un fichier .ova<\/code> que vous allez pouvoir importer dans VirtualBox<\/b><\/p>\n
    2. Pas de droits, pas de chocolat<\/h4>\n
    Une erreur qui se produit classiquement, vos n’avez pas les droits sur le r\u00e9pertoire Applications<\/code> de votre mac de fait c’est l’\u00e9chec.
    \n\u00c9chec de l’ouverture de session pour la machine virtuelle windows_xp.<\/b><\/p>\n
    \r\n  Failed to load VMMR0.r0 (VERR_SUPLIB_WORLD_WRITABLE).\r\n\r\n  Code d'erreur : NS_ERROR_FAILURE (0x80004005)\r\n  Composant : Console\r\n  Interface : IConsole {db7ab4ca-2a3f-4183-9243-c1208da92392}\r\n<\/pre>\n
    La solution \u00e0 ce probl\u00e8me est chnager les droits sur le repertoire Applications<\/code> et l’application Virtualbox.app<\/code><\/b>
    \n
    \n  #sudo chmod 755 \/Applications
    \n  #sudo chmod 755 \/Applications\/Virtualbox.app
    \n<\/code><\/p>\n
    Une fois r\u00e9gl\u00e9 ces deux probl\u00e8mes r\u00e9gl\u00e9s, vous pouvez passer l’installation d’une VM. Cf. Les \u00e9tapes de la proc\u00e9dure d’installation d’un .ova<\/code><\/b><\/p>\n
    D’autres environnements comme Android par exemple<\/h4>\n
    Vous pouvez directement des .ova<\/code> pour \u00e9muler Android (mobile et tablette). Pourquoi s’en priver… Voici par exemple, les sources que vous pouvez utiliser pour simuler une tablette et un mobile sous Android, pratique non ?<\/p>\n