Successfully reported this slideshow.

Foxfooding semaine 3

0

Share

Upcoming SlideShare
Foxfooding
Foxfooding
Loading in …3
×
1 of 46
1 of 46

Foxfooding semaine 3

0

Share

Download to read offline

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

More Related Content

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Foxfooding semaine 3

  1. 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. 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. 3. 28 avril 2021 @hellosct1 Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  4. 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. 5. 28 avril 2021 @hellosct1 Semaine 1 https://www.slideshare.net/hellosct1/foxfooding
  6. 6. 28 avril 2021 @hellosct1 Semaine 2 ● Ecran du Nouveau Firefox Nightly ● Barre d’onglets ● Menu contextuel ● WebRTC ● Barre d’informations
  7. 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. 8. Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  9. 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. 10. Mac OS Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  11. 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. 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. 13. Modals : Intéraction des messages Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  14. 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. 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. 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. 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. 18. Modals : Intéraction avec les marque-pages Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  19. 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. 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. 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. 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. 23. Panneaux (panels) Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  24. 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. 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. 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. 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. 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. 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. 30. Fission (Firefox Nightly) Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  31. 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. 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. 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. 34. Mobile : Android Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  35. 35. 28 avril 2021 @hellosct1 Test → Version beta ● Installer Firefox beta (version 89) ● Disponible sur google play store
  36. 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. 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. 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. 39. Mobile : iOS Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  40. 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. 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. 42. Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  43. 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. 44. 28 avril 2021 @hellosct1 Rappel La campagne Install Les fonctionnalités Soumettre un bug Campagne
  45. 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
  46. 46. Merci @mozilla_fr @mozilla@mamot.fr Semaine 3

×