Diapositive 1

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, gtk2.0, fontconfig/xft et
libstdc5) 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 dinstallation de
Firefox à ladresse suivante http//www.mozilla-
europe.org/fr/products/firefox/, puis lancer
lexécutable. Optez pour une installation
personnalisée afin dy 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 linstallation
Maintenant, nous allons étudier ensemble comment
lenrichir
Voilà, vous venez dinstaller le navigateur
Firefox !
6
Firefox 2.0.0.13
Enrichir Firefox
Veille
Avant daborder les extensions, nous voudrions
porter lattention 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 lutilisent 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 gt
Inspecteur DOM Dans la fenêtre de gauche, en
mode Document - DOM Nodes, chaque ligne
représente un nud avec l'indication de
l'identificateur, de la classe... En cliquant sur
ou -, vous pouvez déployer ou refermer chaque
nud 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 nud 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 dinformations 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. Lavantage est que dun
  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.
  Outilsgt options gt flux. Par exemple, vous pouvez
  comme dans le visuel ci-dessous choisir netvibes
  comme lecteur.
• Il est possible dadapter 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 dun plugin. Les extensions ajoutent
des possibilités à Firefox pour ladapter aux
besoins des usagers. Les plugins gèrent la
compatibilité avec dautres programmes couramment
utilisés sur le web comme Flash, Real media
Pour installer une extension, rendez-vous à
ladresse suivante https//addons.mozilla.org/f
r/firefox Vous voilà sur le site de
téléchargement des extensions de Firefox, aussi
appelées Add-ons. Vous remarquerez comment
Firefox sappuie 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 dun ordinateur à un autre sans
perdre lensemble de ses signets ? La réponse est
simple utiliser FOXMARK. Cette extension vous
permettra de mettre à jour systématiquement
lensemble 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. Lavantage 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
laffectation 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 sajoute entre lespace dadresse 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 dun extrait dune
définition de Wikipédia. Elle est sauvegardée sur
lespace 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 doutil. 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 lavantage de
diviser la page en deux secteurs afin de faire
apparaître les caractéristiques selon les filtres
danalyse 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/firefo
x/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 quil 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 lhabitude 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 napparaitre que
sur votre demande (appel dun onglet vide)
15
Firefox 2.0.0.13
Enrichir Firefox
Veille
Color Zilla
Color Zilla est un utilitaire qui permet
didentifier 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 den extraire un code
correspondant aux formats de couleurs les plus
répendus. http//www.iosart.com/firefox/colorzill
a/ 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
saffichent. 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.co
m/ qui vous aidera à trouver les bonnes harmonies.
16
Firefox 2.0.0.13
Intérêt pour lUMVF
Veille
Firefox est un navigateur qui sappuie sur une
communauté importante de développeurs et
dusagers. Le savoir faire technique a rencontré
ainsi lexpression de nombreux besoins. La
richesse des extensions en fait un produit souple
et qui peut facilement sadapter à tous. La
communauté dusagers de plus en plus vaste a
permis également de fiabiliser le produit qui
reste plus rapide quInternet Explorer 6 et
7. Mais il est vrai, comme souvent dans le monde
de lopen source, que la richesse amène la
complexité. Non pas dans les usages,
linstallation des extensions demeure simple (un
ou deux clics), mais plutôt par la prolifération
des options qui perde lusager entre le futile et
lindispensable.