Fiche

1. Firefox 2.0.0.13 Fiche Veille

2. Firefox 2.0.0.13 Installation Veille

3. Firefox 2.0.0.13 Installation Veille Pré-requis tout système Linux Prérequis système minimum Un processeur à 233 Mhz 64 Mo de mémoire vive 50 Mo d'espace disque disponible Linux noyau 2.2.14 (avec glibc 2.3.2, XFree86-3.3.6, gtk+2.0, fontconfig/xft et libstdc++5) Mozilla recommande Un processeur à 500 Mhz 256 Mo de mémoire vive 100 Mo d'espace disque disponible Une distribution Linux moderne Mac Prérequis système minimum Un processeur PowerPC G3 128 Mo de mémoire vive 75 Mo d'espace disque disponible Mac OS X 10.2.x Mozilla recommande Un processeur PowerPC G4 ou un processeur Intel 512 Mo de mémoire vive 150 Mo d'espace disque disponible Windows Prérequis système minimum Un processeur à 233 Mhz 64 Mo de mémoire vive 50 Mo d'espace disque disponible Microsoft Windows 98 Mozilla recommande Un processeur à 500 Mhz 256 Mo de mémoire vive 100 Mo d'espace disque disponible Microsoft Windows XP

4. Firefox 2.0.0.13 Installation Veille (1/2) Mode opératoire Télécharger le programme d’installation de Firefox à l’adresse suivante : http://www.mozilla-europe.org/fr/products/firefox/, puis lancer l’exécutable. Optez pour une installation personnalisée afin d’y inclure le DOM inspector (4). 1 2 3 4 5 6

5. Firefox 2.0.0.13 Installation Veille (2/2) Mode opératoire 7 8 Poursuivez pour conclure l’installation Maintenant, nous allons étudier ensemble comment l’enrichir Voilà, vous venez d’installer le navigateur Firefox !

6. Firefox 2.0.0.13 Enrichir Firefox Veille Avant d’aborder les extensions, nous voudrions porter l’attention sur trois fonctions qui sont intégrées dans Firefox : les moteurs de recherche, le DOM Inspector et la gestion de flux RSS. Les moteurs de recherche : Nous allons ajouter dans la liste des moteurs disponibles PUBMED, il sera alors possible de lancer une recherche directement du navigateur. Pour cela rendez-vous à cette adresse : http://www.utm.utoronto.ca/~w3-cfly/mozplugs/ Cliquez ici , puis confirmez ! Firefox permet à chacun de développer sur son site web un moteur spécifique qui pourra être ensuite intégré au navigateur. Cette possibilité est extrêmement commode pour les recherches très spécifiques. Les développeurs l’utilisent par exemple pour rechercher la syntaxe des instructions. Pour en savoir plus : http://mycroft.mozdev.org/

7. Firefox 2.0.0.13 Enrichir Firefox Veille Examinons maintenant le DOM Inspector, ce sujet intéressera plus particulièrement les personnes en charge de développement Pour le lancer : dans le menu supérieur, cliquer sur Outils > Inspecteur DOM Dans la fenêtre de gauche, en mode Document - DOM Nodes, chaque ligne représente un nœud avec l'indication de l'identificateur, de la classe... En cliquant sur + ou -, vous pouvez déployer ou refermer chaque nœud pour faciliter votre navigation dans l'arbre. Vous pouvez aussi utiliser la fonction de recherche par id, balise ou attribut (et la touche F3 pour passer au nœud suivant) Un clic droit sur un noeud vous offre la possibilité d'en copier le code : « copier le code de l’élément »... pratique pour coller ce bout de code dans un éditeur ou dans le validateur, et le tester. • Dans la fenêtre de gauche, vous pouvez choisir d'afficher différents types d'informations : • DOM Node est la vue par défaut, elle affiche la structure de la page ; • Box Model permet de connaître la position, les dimensions, les marges, la bordure ou le remplissage d'une boîte ; • XBL Bindings est utile aux développeurs qui utilisent XUL ; • CSS Style Rules montre toutes les règles CSS appliquées au noeud sélectionné ; • Computed Style indique toutes les règles appliquées au noeud sélectionné, quelle que soit leur origine (déclaration explicite, script ou héritage) ; • JavaScript Object montre tous les objets JavaScript utilisés.

8. Firefox 2.0.0.13 Enrichir Firefox Veille Les flux RSS • Les flux RSS sont des fils d’informations que fournissent de nombreux sites Web. Il est nécessaire de posséder un lecteur de flux pour en bénéficier. Firefox simplifie leur gestion. • Les flux RSS sont considérés comme des marques pages dynamiques par Firefox. • Il est donc possible de les ajouter à votre collection de signets. • Vous pouvez également les faire apparaître dans votre barre personnelle. L’avantage est que d’un clic, une liste de news se déplie. • Vous pouvez enfin définir un lecteur RSS par défaut. Chaque flux cliqué appellera ce lecteur. Outils> options > flux. Par exemple, vous pouvez comme dans le visuel ci-dessous choisir netvibes comme lecteur. • Il est possible d’adapter encore la gestion des flux RSS grâce aux extensions. Deux extensions se distinguent : « Sage » qui crée une colonne spécifique « annuaire de vos flux RSS, et « infoRSS » qui propose une barre de défilement des news en bas de votre navigateur (intégrée à la barre d’état).

9. Firefox 2.0.0.13 Enrichir Firefox Veille Installer une extension Précision de vocabulaire : une extension est différente d’un plugin. Les extensions ajoutent des possibilités à Firefox pour l’adapter aux besoins des usagers. Les plugins gèrent la compatibilité avec d’autres programmes couramment utilisés sur le web comme Flash, Real media… Pour installer une extension, rendez-vous à l’adresse suivante : https://addons.mozilla.org/fr/firefox Vous voilà sur le site de téléchargement des extensions de Firefox, aussi appelées Add-ons. Vous remarquerez comment Firefox s’appuie sur la communauté par le vote et les critiques des usagers concernant chaque extension. • Recherchez et télécharger les extensions suivantes : • Foxmark • Clipmark • Gestion RSS • Speed Dial • Web Developper • IETAB • Colorpicker

10. Firefox 2.0.0.13 Enrichir Firefox Veille FOXMARK Comment passer d’un ordinateur à un autre sans perdre l’ensemble de ses signets ? La réponse est simple : utiliser FOXMARK. Cette extension vous permettra de mettre à jour systématiquement l’ensemble de vos signets grâce à un compte en ligne synchronisé. Vos ordinateurs doivent être équipé de Firefox et de son extension FOXMARK. Vous devez juste vous inscrire en précisant un login et un mot de passe. Vous pouvez également décider de suspendre la synchronisation en fonction de vos besoins. Vous pouvez également vous connecter à my.foxmarks.com pour gérer vos marque-pages de n'importe quel ordinateur connecté à Internet. L’avantage de FOXMARK est son intégration complète au navigateur. De nombreux sites proposent de stocker vos signets, mais la contrepartie est une gestion ralentie de vos références quand celles-ci commencent à être nombreuses. FOXMARK reste donc un moyen très efficace pour structurer sa navigation sur le Web.

11. Firefox 2.0.0.13 Enrichir Firefox Veille CLIPMARK CLIPMARK va vous permettre de saisir très rapidement des extraits du web (Texte, image, vidéos). Vous allez pouvoir automatiser l’affectation des contenus sélectionnés par exemple sur votre blog, vers une adresse mail, ou bien vers un espace spécifique CLIPMARK, espace en ligne accessible par votre login et mot de passe. Rendez vous à cette adresse : http://clipmarks.com/installed/firefox/. Installer CLIPMARK en cliquant sur « ajouter à Firefox ». Un trombone vert s’ajoute entre l’espace d’adresse et les moteurs de recherche. Cliquez sur le trombone, votre souris souligne alors les limites des objets que vous survolez et que vous pouvez à tout moment saisir. Ci-dessous un exemple, la saisie d’un extrait d’une définition de Wikipédia. Elle est sauvegardée sur l’espace CLIPMARK.

12. Firefox 2.0.0.13 Enrichir Firefox Veille WEB DEVELOPPER La barre pour les développeurs est un des outils incontournables de Firefox. Cette extension ajoute un menu et une barre d’outil. On peut voir ci-dessous la richesse des fonctions. Tous les outils de développement sont ainsi intégrés au navigateur. Une autre extension du type Web Developper est disponible : FIREBUG. Elle présente l’avantage de diviser la page en deux secteurs afin de faire apparaître les caractéristiques selon les filtres d’analyse utilisés (CSS, JavaScript, HTML, DOM…) par un simple survol de la souris.

13. Firefox 2.0.0.13 Enrichir Firefox Veille IE Tab 1.5. https://addons.mozilla.org/fr/firefox/addon/1419 La compatibilité des navigateurs est un enjeu de taille pour le développeur. Firefox propose de se « faire passer » pour Internet Explorer version 7. Avec cette extension, vous pourrez isoler un des onglets et décider qu’il fonctionnera avec les caractéristiques IE7.

14. Firefox 2.0.0.13 Enrichir Firefox Veille Speed Dial : http://speeddial.uworks.net/welcome.html Nous avons tous l’habitude de naviguer très fréquemment sur un nombre réduit de sites. Pour y accéder plus rapidement, Firefox propose une page spéciale (voir ci-dessous). Sur cette page figurent des miniatures des sites que vous aurez choisis. Les visuels sont mis à jour à chaque activation. Attention, vous avez de nombreux choix, cette page peut devenir la page de lancement de Firefox, ou bien n’apparaitre que sur votre demande (appel d’un onglet vide)

15. Firefox 2.0.0.13 Enrichir Firefox Veille Color Zilla: Color Zilla est un utilitaire qui permet d’identifier les couleurs utilisées sur un site afin de les intégrer dans votre développement. Une petite pipette apparaît en bas à gauche. Elle permet d’échantillonner une couleur dans une page et d’en extraire un code correspondant aux formats de couleurs les plus répendus. http://www.iosart.com/firefox/colorzilla/ Cliquer sur la pipette, puis déplacer la souris sur la zone colorée qui vous intéresse. Aussitôt, les valeurs RGB, et HEXA s’affichent. Un clic du bouton droit sur la pipette fait Apparaître un menu avec les options ci-dessous Pour vous exercez, nous vous conseillons le site communautaire suivant : http://www.colourlovers.com/ qui vous aidera à trouver les bonnes harmonies.

16. Firefox 2.0.0.13 Intérêt pour l’UMVF Veille Firefox est un navigateur qui s’appuie sur une communauté importante de développeurs et d’usagers. Le savoir faire technique a rencontré ainsi l’expression de nombreux besoins. La richesse des extensions en fait un produit souple et qui peut facilement s’adapter à tous. La communauté d’usagers de plus en plus vaste a permis également de fiabiliser le produit qui reste plus rapide qu’Internet Explorer 6 et 7. Mais il est vrai, comme souvent dans le monde de l’open source, que la richesse amène la complexité. Non pas dans les usages, l’installation des extensions demeure simple (un ou deux clics), mais plutôt par la prolifération des options qui perde l’usager entre le futile et l’indispensable.