1.
Firefox 4 et au-delà… LoliGrub, Samedi 18 juin 2011

2.
Structure de Mozilla <ul><li>Projet mené par une organisation à but non lucratif : Mozilla Foundation </li></ul><ul><li> </li></ul><ul><li>Une filiale dédiée à l'ingénierie : </li></ul><ul><ul><li>Mozilla Corporation (Firefox, Mobile et Labs) </li></ul></ul><ul><li> </li></ul><ul><li>Trois affiliés régionaux </li></ul><ul><ul><li>Mozilla Europe </li></ul></ul><ul><ul><li>Mozilla Japan </li></ul></ul><ul><ul><li>Mozilla China </li></ul></ul>

3.
Le manifeste Mozilla <ul><li>« Mozilla est une communauté mondiale de personnes qui pensent qu’ Internet doit être un lieu ouvert , propice à l’ innovation , et que chacun doit pouvoir utiliser comme il l’entend pour suivre ses envies et ses besoins. » </li></ul><ul><li>http://www.mozilla.org/about/manifesto </li></ul>

4.
Bref historique <ul><li>1998 : Libération du code source de Netscape ; </li></ul><ul><li>2002 : Mozilla 1.0 ; </li></ul><ul><li>2003 : Création de la Fondation Mozilla ; </li></ul><ul><li>2004 : Firefox et Thunderbird ; </li></ul><ul><li>2006 : Firefox 2.0 ; </li></ul><ul><li>2008 : Firefox 3.0 ; </li></ul><ul><li>2011 : Sortie de Firefox 4 ( , 5 et 6 ? ). </li></ul>

5.
Firefox, mais aussi... <ul><li> Mozilla Labs </li></ul><ul><ul><li>Thunderbird (e-mail), Lightning (agenda) </li></ul></ul><ul><ul><li>Prototypes sous forme d'extensions </li></ul></ul><ul><li> </li></ul><ul><li>Projets communautaires </li></ul><ul><ul><li>SeaMonkey (ancienne suite Mozilla) </li></ul></ul><ul><li>Infrastructure </li></ul><ul><ul><li>Bugzilla </li></ul></ul><ul><li> </li></ul><ul><li> </li></ul>

6.
Firefox dans le monde <ul><li> </li></ul>

7.
Firefox en Europe <ul><li> ~160 millions d'utilisateurs , 39% des internautes </li></ul>

8.
Firefox en Belgique <ul><li>~840 000 utilisateurs (42% fr) , 28% des internautes </li></ul>

9.
Nouveautés dans Firefox 4 <ul><ul><li>Panorama </li></ul></ul><ul><ul><li>Épingler un onglet </li></ul></ul><ul><ul><li>Bouton Firefox </li></ul></ul><ul><ul><li>Synchronisation </li></ul></ul><ul><ul><li>Firefox mobile </li></ul></ul><ul><ul><li>HTML5, WebGL, EcmaScript 5, WebM, API audio data, ... </li></ul></ul><ul><ul><li>Performances </li></ul></ul><ul><ul><li>Vie privée </li></ul></ul>

10.
Panorama <ul><ul><li>Grouper les onglets par sujet </li></ul></ul>

11.
Épingler un onglet <ul><ul><li>Pour les applications web </li></ul></ul><ul><ul><li>Gain de place </li></ul></ul><ul><ul><li>Notifications basiques </li></ul></ul>

12.
Bouton Firefox <ul><ul><li>Gain de place </li></ul></ul><ul><ul><li>Accès aux menus classiques via Alt </li></ul></ul>

13.
Synchronisation <ul><li> </li></ul>

14.
Synchronisation <ul><ul><li>Données chiffrées en local </li></ul></ul><ul><ul><ul><li>le serveur ne peut pas les lire </li></ul></ul></ul><ul><ul><ul><li>ne pas perdre sa clé ! </li></ul></ul></ul><ul><ul><li>Ajout d'un autre appareil via un code simplifié </li></ul></ul><ul><ul><li>Code source du serveur et API Sync disponibles </li></ul></ul><ul><ul><li>Utile aussi pour migrer son poste de travail sans se fatiguer :) </li></ul></ul>

15.
Firefox mobile <ul><li>Application native </li></ul><ul><ul><li>Besoin d'un NDK </li></ul></ul><ul><ul><li>Moteur complet (y compris WebGL, vidéo, etc.) </li></ul></ul><ul><ul><li>Affichage identique à la version Desktop </li></ul></ul><ul><ul><li>Onglets </li></ul></ul><ul><ul><li>Synchronisation </li></ul></ul><ul><ul><li>Extensions ! </li></ul></ul><ul><li> </li></ul>

16.
Plateformes mobiles <ul><li>Android 2.0 </li></ul><ul><ul><li> ARMv7 uniquement </li></ul></ul><ul><li> </li></ul><ul><li>Maemo/MeeGo </li></ul><ul><ul><li>Nokia N900 </li></ul></ul><ul><li> </li></ul><ul><li>iPhone, Windows Phone </li></ul><ul><ul><li>Non </li></ul></ul><ul><ul><li>Firefox Home pour iPhone (client Sync) </li></ul></ul>

17.
Technologies web <ul><li>HTML5 </li></ul><ul><ul><li>Parseur activé par défaut </li></ul></ul><ul><ul><li>Nouveaux éléments de formulaires </li></ul></ul><ul><li> </li></ul><ul><li>CSS </li></ul><ul><ul><li>Transitions CSS 3 </li></ul></ul><ul><ul><li>Calculs et combinaisons (-moz-calc, -moz-any) </li></ul></ul><ul><ul><li>Élément comme image de fond (-moz-element) </li></ul></ul>

18.
Technologies web <ul><li>WebGL </li></ul><ul><ul><li>Animations 3D sur le web </li></ul></ul><ul><ul><li>Basé sur OpenGL </li></ul></ul><ul><ul><li>Pilotes :( </li></ul></ul><ul><li> </li></ul><ul><li>Vidéo WebM </li></ul><ul><ul><li>Plus performant que OGG Theora </li></ul></ul><ul><ul><li>Format ouvert, échappe au racket de la MPEG LA </li></ul></ul><ul><ul><li>90% des vidéos vues sur YouTube! </li></ul></ul><ul><ul><li>La balise <video> enfin utile ? </li></ul></ul>

19.
Sécurité <ul><li>HSTS (HTTP Strict Transport Security) </li></ul><ul><ul><li>Un site qui le demande sera toujours chargé en HTTPS </li></ul></ul><ul><li> </li></ul><ul><li>Content Security Policy </li></ul><ul><ul><li>Protection volontaire contre les attaques XSS </li></ul></ul><ul><li> </li></ul><ul><li>En-tête HTTP &quot;Do Not Track&quot; </li></ul><ul><ul><li>Demande aux régies publicitaires de ne pas pister </li></ul></ul><ul><ul><li>Adopté par Internet Explorer et Safari </li></ul></ul>

20.
Autres nouveautés <ul><ul><li>Zones de texte redimensionnables à la souris </li></ul></ul><ul><ul><li>Chaîne Useragent plus courte </li></ul></ul><ul><ul><li>EcmaScript 5 et mode strict pour JavaScript </li></ul></ul><ul><ul><li>Animations SVG avec SMIL </li></ul></ul><ul><ul><li>API audio data </li></ul></ul><ul><ul><li>Évènements multitouch (extensions uniquement) </li></ul></ul><ul><ul><li>Console web </li></ul></ul><ul><ul><li>Extensions sans redémarrage </li></ul></ul><ul><ul><li>... </li></ul></ul>

21.
Nouveau mode de développement <ul><li>Cycles raccourcis (6 semaines) </li></ul>

22.
Mode de développement <ul><li>Canaux de mise à jour </li></ul><ul><li>Nightly, Aurora, Beta, Stable </li></ul><ul><li> </li></ul><ul><li>Analogies </li></ul><ul><ul><li>Chrome : Canary, Dev, Beta, Stable </li></ul></ul><ul><ul><li>Debian : Unstable, Testing, Stable </li></ul></ul><ul><li> </li></ul><ul><li>Détails </li></ul><ul><li>http://mozilla.github.com/process-releases/draft/development_specifics/ </li></ul>

23.
Mode de développement <ul><li>Nouvelles icônes spécifiques </li></ul>

24.
Changer de canal <ul><li>Dans la boîte de dialogue &quot;À propos&quot; </li></ul>

25.
Firefox 5 <ul><li>Disponible dès le 21 juin (US) ! </li></ul><ul><li> </li></ul><ul><li>Certain </li></ul><ul><ul><li>CSS animations </li></ul></ul><ul><li>Voir https://developer.mozilla.org/en/firefox_5_for_developers </li></ul><ul><li> </li></ul><ul><li>Possible </li></ul><ul><ul><li>Retouches du champ de recherche, de la barre d'adresses, etc. </li></ul></ul><ul><ul><li>Commandes sur les sites épinglés (à la IE9) </li></ul></ul>

26.
Firefox 6 (nightly) <ul><ul><li>Processus séparés pour les onglets </li></ul></ul><ul><ul><li>Retour des websocket </li></ul></ul><ul><ul><li>Server-Sent DOM Events (Remote Events) </li></ul></ul><ul><ul><li>Versions 64-bit officielles </li></ul></ul><ul><ul><li>Sessions multiples simultanées </li></ul></ul><ul><ul><li>Gestion de la césure (coupure de mots) </li></ul></ul><ul><ul><li>Décoration de texte </li></ul></ul><ul><ul><li>Nouveau moteur JavaScript </li></ul></ul><ul><ul><li>GCC 4.5 avec PGO pour les compilations Linux </li></ul></ul>

27.
Contribuer <ul><ul><li>Localisation (traduction) </li></ul></ul><ul><ul><li>Aide aux utilisateurs </li></ul></ul><ul><ul><li>Retours vers les développeurs (études Test pilot, bouton &quot;Réagir&quot;, rapports de bugs, etc.) </li></ul></ul><ul><ul><li>Tests des nouvelles versions (Aurora, Nightly) </li></ul></ul><ul><ul><li>Code </li></ul></ul><ul><ul><li>Organisation d’événements, blogging, envoi de photos à Bonjour Mozilla, etc. </li></ul></ul>

28.
Contact et démos <ul><li>Mozilla Belgium </li></ul><ul><ul><li>http://mozilla-belgium.org/ (+liste et wiki) </li></ul></ul><ul><ul><li>Twitter @MozillaBelgium </li></ul></ul><ul><ul><li>https://www.facebook.com/pages/Mozilla-Belgium/177218402323599 </li></ul></ul><ul><li> </li></ul><ul><li>Démos </li></ul><ul><ul><li>https://demos.mozilla.org/fr/ </li></ul></ul><ul><ul><li>http://hacks.mozilla.org/ </li></ul></ul>