SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 30 day free trial to unlock unlimited reading.
Présentation effectuée au Meetup Firefox User Group fr (28 avril 2021)par Christophe Villeneuve sur "Foxfooding Semaine 3 : Aidez à produire le meilleur firefox".
Vous allez voir les fonctionnalités disponible dans firefox 89
Présentation effectuée au Meetup Firefox User Group fr (28 avril 2021)par Christophe Villeneuve sur "Foxfooding Semaine 3 : Aidez à produire le meilleur firefox".
Vous allez voir les fonctionnalités disponible dans firefox 89
1.
@hellosct1
@hellosct1@mamot.fr
Christophe Villeneuve
Firefox France User groupe – 28 avril 2021
Foxfooding
Semaine 3
Aidez à produire
le meilleur
Firefox !
Semaine 3
2.
28 avril 2021
@hellosct1
Aujourd’hui
●
Rappel : Campagne 12 avril au 3 mai
●
Installation de Firefox : Nightly ou Beta
●
Tester les différentes fonctionnalités
●
Soumettre un bug
un bug trouvé ?
Pendant le meetup
On complète le PAD
3.
28 avril 2021
@hellosct1
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
4.
28 avril 2021
@hellosct1
Campagne
●
Du 12 avril au 3 mai
●
Firefox Foxfooding Campaign
https://community.mozilla.org/en/campaigns/firefox-foxfooding-campaign/
●
Besoin d’aide / Echange avec les participants
– Matrix #foxfooding
●
https://chat.mozilla.org/#/room/#foxfooding:mozilla.org
5.
28 avril 2021
@hellosct1
Semaine 1
https://www.slideshare.net/hellosct1/foxfooding
6.
28 avril 2021
@hellosct1
Semaine 2
●
Ecran du Nouveau Firefox Nightly
●
Barre d’onglets
●
Menu contextuel
●
WebRTC
●
Barre d’informations
7.
28 avril 2021
@hellosct1
Couverture supplémentaire
●
Windows 7 / Linux / Mac
→ Est-ce que tout semble ou fonctionne comme prévu ?
●
Petits écrans
→ Est-ce que tout a l'air ou fonctionne comme prévu ?
●
Lecteurs d'écran
→ Est-ce que tout a l'air ou fonctionne comme prévu ?
●
Différentes langues (ltr, rtl)
→ Veuillez vous concentrer sur l'apparence des mots
et de la mise en page
8.
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
9.
28 avril 2021
@hellosct1
Pré requis
●
Installation un de ces navigateurs
●
Si vous utilisez déjà cette version,
→ créez un autre profil (2 méthodes)
Firefox
Beta
https://beta.mozilla.org
Firefox
Nightly
https://nightly.mozilla.org/
Depuis le navigateur
about:profiles
Depuis un Terminal
$ firefox -P
10.
Mac OS
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
11.
28 avril 2021
@hellosct1
Test → Défilement élastique (1/2)
●
Effet visuel sur les appareils macOS
●
lorsque l'on fait défiler le contenu de la page.
●
Test 1 : effet vertical
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
- Naviguez sur n'importe quel site Web
- faites glisser la page au-delà
des bords supérieurs ou inférieurs de la page,
soit par écran tactile, soit par défilement latéral.
- Vérifiez que la page est glissée
→ Effet de défilement élastique est produit
sans affecter les performances. (vidéo)
12.
28 avril 2021
@hellosct1
Test → Défilement élastique (2/2)
●
Test 2 : effet horizontal
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
Fonctionnalité n'est disponible que pour les appareils macOS dotés d'un trackpad.
- Naviguez sur n'importe quel site Web
- Faites un zoom avant
ou redimensionnez la fenêtre du navigateur de manière
à afficher une barre de défilement horizontale.
- Faites glisser la page vers la droite ou la gauche
au-delà des bords de la page,
soit par l'écran tactile, soit par le défileur latéral.
- Vérifiez que la page est traînée et
qu'un effet de défilement élastique
est également produit horizontalement.
13.
Modals : Intéraction des messages
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
14.
28 avril 2021
@hellosct1
Test → Intéraction (1/2)
●
Ouvrir plusieurs onglets
●
Les actions :
– Fermer la fenêtre du navigateur
●
en cliquant sur le bouton "X"
●
dans le coin supérieur droit
– Voir le message :
Vous êtes sur le point de fermer [#] onglets.
Êtes-vous sûr de vouloir continuer ?
15.
28 avril 2021
@hellosct1
Test → Intéraction (2/2)
●
Action 2
– Ré-ouvrez le navigateur Firefox
– Vous devez retrouver vos onglets
●
Action 3
– Faites un clic sur un des ongletss
●
Clic droit → fermet l’onglet
– Refaire Action 1
→ Vous devez avoir un nouveau chiffre
16.
28 avril 2021
@hellosct1
Test → Extensions
●
Ajout extension
●
Se rendre sur Mozilla Addons
●
https://addons.mozilla.org/en-US/firefox/
●
Choisir et installer une extension
●
Facebook container
●
Actions :
– Voir l’icône de l’extension sur la barre d’outils
– Clic droit
→ Naviguer dans le menu
→ Supprimer l’extension
– Voir le message de confirmation
17.
28 avril 2021
@hellosct1
Test → Sync
●
A partir du menu “Burger”
●
Se connecter à son compte
– “Firefox Sync”
●
Les actions
– Vérifier le message de confirmation
De déconnexion du compte Firefox
18.
Modals : Intéraction avec les marque-pages
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
19.
28 avril 2021
@hellosct1
Test → Marque-pages (1/2)
●
Ajout d’un maque-page
●
Action 1 :
– Clic droit sur l’onglet
– Naviguer dans le menu
●
Ajouter un marque-page
– Vérifier si le raccourci s’affiche
20.
28 avril 2021
@hellosct1
Test → Marque-pages (2/3)
●
Action 2 :
– Accéder à un site web
– Ajouter un marque page à partir de l’étoile
– Vérifier si le lien s’affiche
●
Dans les marque-pages
21.
28 avril 2021
@hellosct1
Test → Marque-pages (3/3)
●
Action 3 :
– Cliquer sur la barre d’adresse
– Ajouter un marque-page avec la fenêtre
– Vérifier si le lien s’affiche
22.
28 avril 2021
@hellosct1
Test → Les thèmes
●
A partir du menu “Burger”
●
Ouvrir “Modules complémentaires”
– Onglets Thèmes
– Activer plusieurs thèmes
– Ajouter plusieurs thèmes à partir
●
https://addons.mozilla.org
●
Actions :
– Vérifier les différentes modales
23.
Panneaux (panels)
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
24.
28 avril 2021
@hellosct1
Test → Panneau de protections (1/2)
●
Naviguez vers un site Web
– Site avec des traceurs (par exemple Reddit)
●
Action 1 :
– Vérifier
●
le panneau de protection renforcée contre le pistage
25.
28 avril 2021
@hellosct1
Test → Panneau de protections (2/2)
●
Action 2
– Vérifier
●
Le panneau s'affiche correctement
●
Cliquer sur l'une des catégories
– Affiche une liste des trackers bloqués/autorisés.
26.
28 avril 2021
@hellosct1
Test → Connexion sécurisé
●
Naviguez
– https://…..
– http://….
●
Actions
– Vérifier
●
Panneau de contrôle
– Vérifier les sous-menus
●
>
27.
28 avril 2021
@hellosct1
Test → Panneau Marque-pages (1/2)
●
Action 1 :
– Créer quelques marque-pages
●
Action 2 :
– Ajouter l’icône marque-pages
Burger > Outils supplémentaires > Personnaliser la
barre d'outils
> Glisser le menu ‘marque-pages’ sur la barre
d’outils
28.
28 avril 2021
@hellosct1
Test → Panneau Marque-pages (2/2)
●
Action 3 :
– Cliquer sur le nouvel icône
– Vérifier tout le menu
– Vérifier organiser...
29.
28 avril 2021
@hellosct1
Test → Panneau thèmes
●
A partir du menu “Burger”
●
Ouvrir “Modules complémentaires”
– Onglets Thèmes
– Ajouter des thèmes à partir
●
https://addons.mozilla.org
– Vérifier les couleurs des menus
30.
Fission (Firefox Nightly)
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
31.
28 avril 2021
@hellosct1
Test → Fission (1/2)
●
Protection supplémentaire
– contre les bugs de sécurité
●
Isoler chaque site dans un processus distinct,
●
Fission rend plus difficile l’accès
– aux informations des autres pages ou onglets
●
Nécessite activé : WebRender
– Tapez dans la barre de navigation
about:support
– Vérifier dans la page
Composition : webRender
Actuellement
Firefox Nightly
32.
28 avril 2021
@hellosct1
Test → Fission (2/2)
●
Tapez :
– about:preferences#experimental
●
Rechercher dans la page :
Fission (isolement des sites)
– Cocher la ligne
– Redémarrer le navigateur
Actuellement
Firefox Nightly
Actions :
- Ouvrir un onglet et passer la souris
- Vérifier la présence de [F] dans l’infobulle
- Naviguer sur plusieurs sites
- Vérifier le comportement est identique
33.
28 avril 2021
@hellosct1
Différents tests à vérifier
●
Le bon fonctionnement
– Si plusieurs sites web intéragissent entre eux
●
Les vidéos intégrées dans les pages webs
→ ex : Peertube, Youtube, Daylimotion, Vimeo..
→ Les vidéos se chargent correctement et se lisent correctement
●
Les cartes intégrées dans les pages webs
→ ex : OpenStreetMap, Google Maps, Airbnb, Booking, hotels…
→ Les cartes s’affichent correctement, l’aperçu...
●
Les fils des réseaux sociaux
→ ex : Twitter, mastodon, facebook…
→ le contenu est-il chargé correctement
Actuellement
Firefox Nightly
34.
Mobile : Android
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
35.
28 avril 2021
@hellosct1
Test → Version beta
●
Installer Firefox beta (version 89)
●
Disponible sur google play store
36.
28 avril 2021
@hellosct1
Test → La barre d’onglets
●
La barre d'onglets affiche tous vos onglets.
●
Les onglets privés s'affichent à côté des onglets non privés.
●
Les onglets synchronisés sont maintenant déplacés dans cette
barre
●
Actions :
– Tapez sur le rectangle avec le symbole du chiffre ( )
▢
dans la barre d'outils
– Tapez sur le symbole plus (+) dans le coin inférieur droit
– Allez sur n'importe quel site Web.
– Essayez d'ouvrir plusieurs nouveaux onglets non privés
●
Accéder à des pages différentes sur chaque onglet !
37.
28 avril 2021
@hellosct1
Test → Panneaux d’onglets
●
Les onglets privés et synchronisés se trouvent
à côté des onglets non privés.
●
Actions :
– Tapez sur le symbole du rectangle avec un chiffre ( )
▢
dans la barre d'outils
– Tapez sur les symboles Onglets privés (masque)
et Onglets synchronisés (ordinateur portable et téléphone)
en haut de ce plateau.
– Essayez d'ouvrir quelques onglets privés
en tapant sur le symbole plus (+) dans le coin inférieur droit
Allez sur n'importe quel site Web.
38.
28 avril 2021
@hellosct1
Test → Onglets synchronisés
●
Les onglets synchronisés ont été déplacés
→ du menu de la barre d'outils vers la barre d'onglets.
●
Actions :
– Connectez-vous à la synchronisation sur Firefox pour Android.
– Ouvrez un onglet sur un autre appareil (Firefox for Desktop) connecté.
– Tapez sur le symbole du rectangle avec un chiffre ( ) dans la barre d'outils
▢
– Tapez sur les symboles des onglets synchronisés
●
Ordinateur portable et téléphone (en haut de ce plateau).
– Sélectionner l'onglet que vous avez ouvert sur Firefox Desktop.
●
Regardez le plateau des onglets se fermer et l'onglet synchronisé s'ouvrir.
– Tapez à nouveau sur le symbole du rectangle avec un chiffre ( )
▢
●
Confirmez que la page est maintenant ouverte comme un onglet non privé.
– Essayez d'ouvrir quelques onglets synchronisés.
39.
Mobile : iOS
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
40.
28 avril 2021
@hellosct1
Test → Les onglets
●
Si vous recherchez quelque chose
– Vos onglets ouverts s'affichent dans les résultats de recherche
●
à l'intérieur de la barre d'adresse.
●
Actions :
– Ouvrez un nouvel onglet non privé et allez sur https://mozilla.org.
– Ouvrez un autre nouvel onglet non privé
– Appuyez sur la barre d'adresse
– Commencez à taper le nom de l'onglet Mozilla : "Internet pour les gens".
– Pouvez-vous trouver cet onglet dans les résultats de recherche
Il devrait être étiqueté avec le texte "Passer à l'onglet" en dessous.
– Tapez sur le résultat de la recherche.
Le système bascule vers le bon onglet ouvert
41.
28 avril 2021
@hellosct1
Test → Onglets synchronisés
●
Actions :
– Connectez-vous à la synchronisation sur Firefox pour Android
et un autre appareil (Firefox for Desktop),
– Ouvrez https://apnews.com/.
– Sur Firefox pour Android, ouvrez un nouvel onglet non privé.
– Appuyez sur la barre d'adresse
– Commencez à taper le nom de l'onglet AP News : "Associated Press".
– Pouvez-vous trouver cet onglet dans les résultats de recherche
●
Il doit être étiqueté avec le nom de votre appareil en dessous
par exemple, Firefox sur Alice PC
– Tapez sur le résultat de la recherche.
●
Observez la fermeture de la barre d'onglets et l'ouverture de l'onglet synchronisé.
– Tapez à nouveau sur le rectangle avec le symbole du chiffre ( ) et
▢
confirmez que la page est maintenant ouverte comme un onglet non privé.
42.
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
43.
28 avril 2021
@hellosct1
Reporté un bug
●
Accédez https://proton-form.herokuapp.com/
●
Complétez le formulaire
– Description courte
●
Notez tout ce que vous avez fait immédiatement avant d'arriver
au bogue, aussi clairement que possible.
– Etapes à reproduire
●
Qu'est-ce que vous espériez/attendiez que Firefox fasse ?
– Comportement réél
●
Quel a été le résultat réel, qu'a fait Firefox ?
– Pièce jointe / capture écran
– Compte Github
44.
28 avril 2021
@hellosct1
Rappel La campagne
Install
Les fonctionnalités
Soumettre un bug
Campagne
45.
28 avril 2021
@hellosct1
Campagne
●
Du 12 avril au 3 mai
●
Firefox Foxfooding Campaign
https://community.mozilla.org/en/campaigns/firefox-foxfooding-campaign/
●
Besoin d’aide / Echange avec les participants
– Matrix #foxfooding
●
https://chat.mozilla.org/#/room/#foxfooding:mozilla.org