Borne Internet Seniors EPN WELLIN
Sommaire Introduction... 5 I Recherches...6 II Achat... 9 III Procédure d'installation de la borne...11 A Ubuntu... 11 B Installation et configuration de Google Chrome...15 1. Pourquoi Google chrome?...15 2. Installation... 15 IV Configuration de la borne...16 A Configuration de l'écran de veille...16 B Configuration de la barre de défilement de Google Chrome...16 C Installations des extensions sous Google Chrome...18 D Suppression des boutons fermer, réduire, agrandir...19 E Démarrage de Chrome...20 F Configuration affichage Ubuntu plein écran...21 1. Ne pas afficher les barres de tâches haut et bas du bureau...21 2. Supprimer l'affichage des applications...21 G Fermeture de la borne...22 H Configuration des tableaux de bords...22 Annexes...24 3
Introduction La réalisation d'une borne d'accès à Internet est un projet mené par Valérie MARTIN de l'espace Publique Numérique de la Haute-Lesse Wellin. L'idée était de proposer un accès libre et facile aux résidents du Home «Val des Seniors» de Chanly, avec le plus faible budget possible. L'équipe de travail a été vite mise en place. Celle-ci est constitué de : Valérie MARTIN Responsable et animatrice de l'epn de Wellin Adrien RAMI Expert TIC, FLOSS & WEB Sylvain DENIS Expert TIC, FLOSS & WEB Le budget est minime : +/- 1000 Malgré la faiblesse du budget, la borne doit être de bonne qualité pour un usage journalier. 4
I Recherches Avant de se lancer dans ce projet et de faire des investissements, nous nous sommes attelés à la recherche de matériels, logiciels, etc, qui pouvaient nous aider à réaliser cette borne. En faisant quelques recherches, nous sommes tombés sur des bornes déjà existantes. Ordimemo1 Un bon concept, mais un prix assez élevé. (écran 23 1499 ) Ensuite ordissimo2 1 - http://ordimemo.fr/ 2 - http://www.ordissimo.com/ 5
Borne Internet Seniors > Recherches Encore un autre bon concept, cette fois-ci dans nos prix (999 ) mais nous n'avons aucun contrôle sur le système en lui-même. De plus, il faut respecter une certaine ergonomie demandée via notamment le meuble dans lequel la borne sera installée. Nous sommes partis de ces plans : 6
Borne Internet Seniors > Recherches Le bureau doit avoir un espace suffisamment dégagé sous le plan de travail afin d'y passer aisément avec un fauteuil roulant (environ 80 cm de large), et une profondeur minimale de 65 cm. Nous avons fait le choix de prendre un OS Libre. Cela permet de réduire les coûts et donc de réduire le budget. Après différents tests, de différents OS, nous avons sélectionné le système Ubuntu (qui est largement connu et qui possède une communauté très active. Très utile pour les dépannages éventuels via les forums) Après de multiples discussions sur les diverses fonctionnalités que la borne devait fournir, force est de constater qu'il fallait mettre la main dans le cambouis afin de fournir les outils désirés. Heureusement, comme nous n'utilisons que des services web, il ne fallait que de bonnes notions en html pour réaliser les différentes pages (pour les lancements des services). 7
II Achat Voici donc la liste du matériel que nous avons acheté pour la réalisation de cette borne. Cette liste de matériel est exhaustive. Elle peut bien évidemment être modifiée. PC de bureau BASIC Core G530 2X2.4 Ghz 3Mb L2 LGA1155 Box 1X 500 GB Seagate ST500DM002 16 Mb 7200TRS SATA3 1X 2048 Mb DDR3 1333Mhz CL9 Elixir LC Power Boitier ATX 420 Watts LC 648B Asus P8H61/USB3 1155 Intel H61 DDR3 USB3 REV B3 LG GH22NS70 22X Multiformat +/- Double Couche SATA Noir 312 TVAC Vo ic i la c o n figu r a tion de la c a r te m èr e Carte mère : Asrock H61M/U3S3 Bénéficiant des technologies les plus en pointes, la carte mère Asrock H61M/U3S3, à été élaboré pour la conception de configurations ultra performante sur la base du jeux de chipsets Intel H61 permettant l'optimisation des nouveaux processeurs Intel Core i7 / i5 / i3 au format LGA1155. La conception de cette carte mère à été axé pour un objectif de grande fiabilité et de performance maxi ce qui lui confère un excellent rapport qualité prix. Condensateurs à base de polymère haute qualité ASRock DuraCap, de fabrication 100% japonaise Compatible avec les processeurs débloqués Intel K-Series Compatible avec la mémoire Double Canal DDR3 1333 jusqu'à 16 Go Supporte la vidéo HD Intel intégrée 2000/3000 Options de sortie multi-affichage: D-Sub, DVI-D et HDMI 2 x USB 3.0, 2 x SATA3 Supporte XFast USB, AXTU, UEFI, Instant Boot, Instant Flash, APP Charger, SmartView Matériel Coût PC de bureau BASIC carte mère pour 2 écrans 312 TVAC/pc Iiyama ProLite Touch T2250MTS-B 272 TVAC/pc 22P Iiyama ProLite E2208HDD-B1 137 TVAC/pc 8
Borne Internet Seniors > Achat Logitech Webcam C210 19,5 TVAC/pc Logitech S120 Noir 9,9 TVAC/pc Gigabyte GM-M6880 Laser 14,9 TVAC/pc Kensington Orbit Optical Trackball 27,9 TVAC/pc Allonge USB 2.0 1.80m m/f 2 x 4,9 TVAC/pc BLOC MULTIPRISES surtension Micro sur pied 3.5mm Jack 7p Logitech Protection 19,9 TVAC/pc Analogique 13,90 TVAC/pc Hub usb 7 ports mstech lu-207 16,90 TVAC/pc Sennheiser Casque HD-201 20,90 TVAC/pc Livraison 10 Total 896,50 9
III Procédure d'installation de la borne A Ubuntu In sta lla tio n Ubu n tu 12.0 4 ou 12. 10 Suivre la procédure classique pour installer Ubuntu sur le disque complet. (http://doc.ubuntu-fr.org/installation) Lors de l'installation, Ubuntu vous demande un compte administrateur avec mot de passe. Ne l'oubliez pas, il est très important. TIPS : Pour copier des lignes de commande dans ce document utiliser (CTRL+C), dans le Terminal pour coller (CRTL+SHIFT+V) Mise à jou r du systè m e Ouvrir le terminal (raccourci clavier : Ctrl+Alt+T) sudo apt-get install update sudo apt-get upgrade In sta lla tio n s de s co de c s, etc... Ces codecs seront utiles pour les lectures des animations flash ou encore les MP3 ou les vidéos sudo apt-get install ubuntu-restricted-addons sudo apt-get install ubuntu-restricted-extras In sta lla tio n de gno m e- se ssio n - fa llba c k Ceci permettra de démarrer la borne sous le mode Ubuntu Classic sans effet 3D (nous n'avons pas besoin de Unity ni des effets 3D). 10
Borne Internet Seniors > Procédure d'installation de la borne sudo apt-get install gnome-session-fallback Fermer la session. Vous voyez la différence avec le bouton avec un logo en forme d'empreinte. Choisir l'environnement GNOME Classic (No effects). (Vous pouvez faire l'opération pour le compte administrateur et le compte utilisateur, comme cela vous vous retrouverez avec les mêmes apparences des deux côtés) Cr éa tio n d' u n c o m pte u tilisa te ur sa n s m o t de pa sse a ve c c on n ex io n au to m a tique En haut à droite, cliquez sur l'engrenage 11
Borne Internet Seniors > Procédure d'installation de la borne Cliquez sur Paramètres système... Cliquez sur Comptes utilisateur 12
Borne Internet Seniors > Procédure d'installation de la borne Pour le compte utilisateur, donnez un nom (ici utilisateur), éventuellement une photo, mais pas obligatoire. Choisir le type de compte Normal. Cliquez à côté de «mot de passe» (capture écran) et choisir aucun mot de passe Cliquez sur le bouton connexion automatique. Cette dernière opération aura pour but de démarrer la machine directement sur la bonne session. Fermer la session et tester le démarrage sur le mode utilisateur en mode Gnome Classic Revenir sur la session Administrateur 13
Borne Internet Seniors > Procédure d'installation de la borne B Installation et configuration de Google Chrome 1. Pourquoi Google chrome? Nous avons moins de souci avec chrome qu'avec Firefox au niveau de la lecture du Flash. Même si Flash va disparaître dans les années à venir au profit de HTML5, ce n'est pas pour tout de suite. De plus les manipulations que l'on va effectuer sont plus faciles sous chrome. Cela doit être possible sous d'autres navigateurs. N'hésitez pas à communiquer si vous passez par un autre navigateur. 2. Installation Voici donc les étapes détaillées pour passer à Google Chrome sur la dernière version d'ubuntu: - Ouvrir le Terminal (en appuyant sur Ctrl + Alt + T) et rentrez les lignes suivantes : wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub sudo apt-key add sudo sh -c 'echo "deb https://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list' sudo apt-get update sudo apt-get install google-chrome-stable Vous pouvez vous déconnecter et lancer la session utilisateur. 14
IV Configuration de la borne A Configuration de l'écran de veille afin de le désactiver et de ne pas bloquer l'écran avec un mot de passe via engrenage >> paramètres système>> luminosité et verrouillage (en encodant dans l'outil de recherche, écrire luminosité) Éteindre l'écran si inactif sur JAMAIS Verrouiller : nous devons voir un O Demander un mot de passe lors de la sortie de veuille : décocher B Configuration de la barre de défilement de Google Chrome Pour la configuration de la barre de défilement, il va falloir créer un fichier de configuration. Grâce à ce fichier, nous allons pouvoir élargir la barre de défilement, ce qui sera plus pratique avec l'écran tactile. Nous pourrons aussi changer la couleur si nous le voulons. Nous allons donc ouvrir le nouveau fichier de configuration avec la commande suivante : gedit ~/.config/google-chrome/default/user\ StyleSheets/Custom.css Dans la fenêtre qui s'affiche, collez le texte ci-dessous : ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; } 15
Borne Internet Seniors > Configuration de la borne ::-webkit-scrollbar{ width:8px; height:8px; } ::-webkit-scrollbar-thumb{ height:50px; background-color:#999; -webkit-border-radius:4px; outline:2px solid #fff; outline-offset:-2px; border: 2px solid #fff; } ::-webkit-scrollbar-thumb:hover{ height:50px; background-color:#9f9f9f; -webkit-border-radius:4px; } Pour modifier la largeur, cela se fait dans la section : ::-webkit-scrollbar{ width:8px; height:8px; Modifiez la taille en changeant la valeur du width (largeur). Faites des tests pour la valeur afin de trouver la largeur souhaitée. Vous pouvez mettre 40 au lieu de 8. Cela devrait être bon pour la majorité des personnes. Sauvez le fichier puis rechargez vos pages internet sur Google Chrome pour voir les changements. 16
Borne Internet Seniors > Configuration de la borne C Installations des extensions sous Google Chrome voici deux extensions à installer dans Google Chrome : Last Tab Keepalive (https://chrome.google.com/webstore/detail/last-tabkeepalive/pekhngokoehglkdkciedpimjddpbkcod?hl=fr) cliquer sur «ajouter à chrome» puis «ajouter» Cette extension ouvre à nouveau un nouvel onglet si vous fermez le dernier (cela empêche malgré lui, la fermeture de Google Chrome) New Tab Redirect! (https://chrome.google.com/webstore/detail/new-tabredirect/icpgjfneehieebagbmdbhnlpiopdcmna?hl=fr ) cliquer sur «ajouter à chrome» puis «ajouter» Cette extension va démarrer le nouveau onglet sur la page html souhaitée Co m me n t in sta ller le s ex ten sio n s? Cliquez sur les 3 petites barres en haut à droite de Google Chrome Cliquez sur Paramètres 17
Borne Internet Seniors > Configuration de la borne Vous pouvez déjà définir qu'au démarrage : Continuer là où je m'étais arrêté et dans Apparence et pourquoi pas ouvrir une page au démarrage index.html? Cocher Afficher le bouton Accueil. Dans modifier, mettez le lien de votre page de démarrage (ici avec index.html) Cliquer sur le carré pour ouvrir un nouvel onglet (à côté de l'onglet actif), configurer «new Tab Redirect» pour ouvrir l'onglet www.google.be ou index.htm? Cliquez enfin sur Extensions, où vous pourrez rechercher les extensions et les installer. 18
Borne Internet Seniors > Configuration de la borne Lorsque vos extensions sont installées, vous devriez avoir la fenêtre ci-dessous. (Vous pouvez avoir d'autres extensions mais on ne va pas trop en mettre. Éventuellement, rajoutez AdBlock, pour supprimer la publicité non demandée) 19
Borne Internet Seniors > Configuration de la borne D Suppression des boutons fermer, réduire, agrandir Nous allons supprimer les boutons Réduire, Agrandir et Fermer de Google Chrome. Cela évitera de modifier l'apparence de la borne et empêchera de revenir sur le bureau par accident. gconftool-2 --set "/apps/metacity/general/button_layout" --type string " " No te : Po u r r e sta ur e r pa r dé fa u t: gconftool-2 --set "/apps/metacity/general/button_layout" ":minimize,maximize,close" --type string E Démarrage de Chrome Nous allons maintenant faire le nécessaire pour démarrer Google Chrome au démarrage automatique en plein écran. Dans les programmes au démarrage Applications >> Outils système >> Préférences >> Application au démarrage Ajouter l'application et l'option pour démarrer chrome en plein écran«-startmaximized» cliquez sur ajouter dans commande, et mettre dans commande le raccourci suivant : /opt/google/chrome/google-chrome %U -start-maximized F Configuration affichage Ubuntu plein écran 1. Ne pas afficher les barres de tâches haut et bas du bureau Dans le compte administrateur Installer dconf-tools (Terminal) sudo apt-get install dconf-tools 20
Borne Internet Seniors > Configuration de la borne Dans le compte utilisateur Lancer le logiciel en tapant dconf-editor Dans le menu de gauche org >> gnome >> gnome-panel >> layout >> toplevels >> bottom-panel : cocher autohide puis org >> gnome >> gnome-panel >> layout >> toplevels >> top-panel : cocher autohide pour fermer clic droit > fermer (ou cliquer sur la croix) 2. Supprimer l'affichage des applications dans un terminal (Ctrl+Alt+T), tapez : alacarte ou bien dans outils >> système >> Préférences >> Menu principal Vous n'avez plus qu'à tout décocher. Le menu application apparaît toujours mais il n'y plus rien dedans. ne vous inquiétez pas, nous n'avons rien supprimer, nous les cachons seulement. Pour le remettre, lancez alacarte et recochez ensuite les applications que vous souhaitez voir(par exemple les jeux) Décocher tous les programmes. Lorsque vous irez ensuite sur Applications, vous vous retrouverez dans un menu vide G Fermeture de la borne Pour fermer la borne, mettre la souris dans le coin supérieur droit et lorsque la barre d'outils apparaît, cliquez sur le petit engrenage. Dans les options, cliquez finalement sur Éteindre. 21
Borne Internet Seniors > Configuration de la borne H Configuration des tableaux de bords Nous avons remarqué que si nous laissions les tableaux de bord en l'état, le fait de cliquer sur un onglet fait apparaître le tableau de bord supérieur. Nous allons donc supprimer le tableau de bord inférieur et le remplacer par celui du haut. Dans la session utilisateur : Lancer le logiciel en tapant : dconf-editor Dans le menu de gauche org >> gnome >> gnome-panel >> layout à droite, supprimer 'bottom-panel' dans toplevel-id-list vous devez avoir ceci : toplevel-id-list ['top-panel'] Nous venons de supprimer le tableau de bord inférieur Nous allons déplacer le tableau de bord supérieur pour le mettre en bas. Allez dans org >> gnome >> gnome-panel >> layout >> toplevels >> top-panel Voici les informations à insérer ou modifier à droite : Auto Hide coché Orientation bottom Screen 0 Size 24 unhide-delay 100 x 0 x-right - -1 y 876 y-bottom 0 Quitter l'application en cliquant sur la croix. Si tout va bien vous avez le tableau de bord avec les applications et le menu pour arrêter la machine en bas. Maintenant, pour arrêter la machine, vous devrez cliquer sur l'engrenage qui se situe en bas à droite. Bon courage;) 22
Annexes Annexe 1 Annexes Vous trouverez les compléments dans les fichiers suivants (téléchargeables sur www.denis-sylvain.be) : cf. 'modeemploi.pdf' cf. 'plan.pdf' cf. 'borne_html.zip' 23