Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Les Web Extensions".
Il s'agit de comprendre pour les WebExtensions et ce qui va impliquer dans les navigateurs
Présentation effectuée à la Ubuntu Party 17.04 de Paris par Christophe Villeneuve sur "Firefox et les WebExtensions".
La conférence a pour but de montrer réaliser une web Extensions pour tous les navigateurs comme Firefox
Talk made at the UbuCon Europe Paris September 2017 by Christophe Villeneuve on "WebExtensions: Where are we?".
This is a presentation to see the advanced WebExtensions in Mozilla Firefox
Présentation effectuée à la UbuCon Europe Paris Septembre 2017 par Christophe Villeneuve sur "WebExtensions : Où en est-on ?".
Il s'agit d'une présentation pour voir l'avancé des WebExtensions dans Mozilla Firefox
Talk made at meetup Mozilla Paris octobre 2017 by Christophe Villeneuve on "Introduction aux webExtensions".
La présentation a pour but d'aider à mieux appréhender ces nouvelles extensions, les impacts et les possibilités offertes dans le navigateur, les emplacements disponibles, le tout cadencé de cas exemples.
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "Contribuer à Mozilla avec ou sans connaissance technique".
Il s'agit d'une présentation pour montrer les différentes possibilités de contribuer aux projets Mozilla
Présentation effectuée à la Cookie Party 2017 par Christophe Villeneuve sur "Les écrans animés dans les navigateurs".
La présentation a pour but de montrer comment utiliser les webExtensions dans l'animation avec des fonctionnalités expérimentales.
Présentation effectuée au Hackathon Mozilla FR 2017 par Christophe Villeneuve sur "Le portage des WebExtensions".
La présentation a pour but de montrer comment porter une extension venant de Chrome ou Chromium vers Firefox 57
Présentation effectuée à la Ubuntu Party 17.04 de Paris par Christophe Villeneuve sur "Firefox et les WebExtensions".
La conférence a pour but de montrer réaliser une web Extensions pour tous les navigateurs comme Firefox
Talk made at the UbuCon Europe Paris September 2017 by Christophe Villeneuve on "WebExtensions: Where are we?".
This is a presentation to see the advanced WebExtensions in Mozilla Firefox
Présentation effectuée à la UbuCon Europe Paris Septembre 2017 par Christophe Villeneuve sur "WebExtensions : Où en est-on ?".
Il s'agit d'une présentation pour voir l'avancé des WebExtensions dans Mozilla Firefox
Talk made at meetup Mozilla Paris octobre 2017 by Christophe Villeneuve on "Introduction aux webExtensions".
La présentation a pour but d'aider à mieux appréhender ces nouvelles extensions, les impacts et les possibilités offertes dans le navigateur, les emplacements disponibles, le tout cadencé de cas exemples.
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "Contribuer à Mozilla avec ou sans connaissance technique".
Il s'agit d'une présentation pour montrer les différentes possibilités de contribuer aux projets Mozilla
Présentation effectuée à la Cookie Party 2017 par Christophe Villeneuve sur "Les écrans animés dans les navigateurs".
La présentation a pour but de montrer comment utiliser les webExtensions dans l'animation avec des fonctionnalités expérimentales.
Présentation effectuée au Hackathon Mozilla FR 2017 par Christophe Villeneuve sur "Le portage des WebExtensions".
La présentation a pour but de montrer comment porter une extension venant de Chrome ou Chromium vers Firefox 57
Présentation effectuée à la création numérique "Alchimie 12" par Christophe Villeneuve sur "WebExtensions, it's now / c'est maintenant".
La présentation a pour but de montrer où en sont les WebExtensions à quelques jours de la sortie de Firefox 'Quantum' 57
Présentation par Christophe FERNANDES et Athanase Kalantzakis. Retour d'expérience et application professionnel des API WebExtensions. Présentée lors du meetup chez Firefox : introduction aux webextensions.
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]Silicon Comté
« Lua is a powerful, fast, lightweight, embeddable scripting language. »
Dans cette introduction, vous découvrirez quelques particularités ce langage de script brésilien :
La philosophie du langage,
Qui utilise ce langage et pourquoi,
Les usages de ce langage,
Les différences avec les autres langages de script,
Comment ce langage peut vous aider à réaliser vos applications Web, Mobile et même des jeux vidéos.
Des exemples simples et concrets, etc.
A propos de l’intervenant :
Nicolas LORENZON : diplômé de l’UFC en 2004 (DESS, Informatique, systèmes distribués et multimédia), il travaille ensuite à Paris pendant 5 ans dans le monde des ERP pour une boîte de conseil en informatique. De retour en Fanche-Comté, il créée la société ARTENET en 2010 et travaille maintenant essentiellement comme développeur web et mobile. Il est adhérent Silicon Comté.
Slides du meetup Rubedo du 17 décembre. Au programme :
- Pourquoi Rubedo ?
- Comment installer Rubedo ?
- Créer votre premier site
- Créer votre extension
- Hébergement
- Présentation de la roadmap du CMS Rubedo
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Automatisation des gestionnaires de contenus (CMS)".
Vous allez voir comment industrialiser et automatiser les CMS avec comme exemple le CMS Drupal
Comment créer des Chrome Apps ou Packaged Chrome AppsBruno Soufo
Depuis septembre 2013, google à rendu la création d'application d'un nouveau genre. Il s'agit des applications HTML/CSS/Javascript qui bénéficient des même avantages que les applications natives de bureaux (accès au système de fichier ...)
Dans ce fichier, je défini ce qu'est make (et makefile), je vous montrerai comment l'utiliser dans le cadre de Wordpress (avec WP-CLI).
Je vous donne aussi quelques exemples d'utilisation avec WP-CLI.
Une courte présentation à WebAssembly, des avantages et cas d'usages associés, des concepts techniques derrière (cf. AOT vs JIT), de l'état actuel du marché et de l'avenir de cette tendance / technologie
Présentation effectuée aux JDLL (Journées du Logiciel Libre) 2017 par Christophe Villeneuve sur "Les WebExtensions et Firefox".
La conférence a pour but de montrer réaliser une web Extensions pour tous les navigateurs comme Firefox
les solutions alternatives dans le numérique d'aujourd'hui et demainChristophe Villeneuve
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "les solutions alternatives dans le numérique d'aujourd'hui et demain".
IL s'agit d'une présentation pour montrer les solutions libres et open source à connaître
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Les tests de sécurité".
Vous allez voir comment mettre en place des tests de sécurité de façon automatique à partir de logiciels libres
Présentation effectuée au RMLL 2018 sur "La face cachée des WebExtensions" par Christophe Villeneuve .
Vous verrez les différentes avancées depuis la version de firefox 'Quantum' 57
Présentation effectuée au RMLL 2018 sur "Firefox comme navigateur Alternatif" par Christophe Villeneuve .
Vous verrez les différents type de navigateurs disponible aussi bien sur ordinateur, que sur mobile et ceux qui sont soucieux de la vie privée
Conférence donnée lors des RMLL 2011 et qui reprend le contenu de la même conférence de CONFOO 2011 avec du contenu en plus pour Drupal cette fois-ci. On y retrouve une régle en plus, donc 21 au total sur l'accessibilité. Ces règles peuvent être prises en compte par les CMS tels que Drupal, Wordpress ou TYPO3.
Présentation effectuée à Paris Web par Christophe Villeneuve sur "La boîte à outils de développements dans Firefox".
Cette présentation a pour but d'aider les développeurs à améliorer leur projet en respectant les normes et standard de W3C
Présentation effectuée à la création numérique "Alchimie 12" par Christophe Villeneuve sur "WebExtensions, it's now / c'est maintenant".
La présentation a pour but de montrer où en sont les WebExtensions à quelques jours de la sortie de Firefox 'Quantum' 57
Présentation par Christophe FERNANDES et Athanase Kalantzakis. Retour d'expérience et application professionnel des API WebExtensions. Présentée lors du meetup chez Firefox : introduction aux webextensions.
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]Silicon Comté
« Lua is a powerful, fast, lightweight, embeddable scripting language. »
Dans cette introduction, vous découvrirez quelques particularités ce langage de script brésilien :
La philosophie du langage,
Qui utilise ce langage et pourquoi,
Les usages de ce langage,
Les différences avec les autres langages de script,
Comment ce langage peut vous aider à réaliser vos applications Web, Mobile et même des jeux vidéos.
Des exemples simples et concrets, etc.
A propos de l’intervenant :
Nicolas LORENZON : diplômé de l’UFC en 2004 (DESS, Informatique, systèmes distribués et multimédia), il travaille ensuite à Paris pendant 5 ans dans le monde des ERP pour une boîte de conseil en informatique. De retour en Fanche-Comté, il créée la société ARTENET en 2010 et travaille maintenant essentiellement comme développeur web et mobile. Il est adhérent Silicon Comté.
Slides du meetup Rubedo du 17 décembre. Au programme :
- Pourquoi Rubedo ?
- Comment installer Rubedo ?
- Créer votre premier site
- Créer votre extension
- Hébergement
- Présentation de la roadmap du CMS Rubedo
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Automatisation des gestionnaires de contenus (CMS)".
Vous allez voir comment industrialiser et automatiser les CMS avec comme exemple le CMS Drupal
Comment créer des Chrome Apps ou Packaged Chrome AppsBruno Soufo
Depuis septembre 2013, google à rendu la création d'application d'un nouveau genre. Il s'agit des applications HTML/CSS/Javascript qui bénéficient des même avantages que les applications natives de bureaux (accès au système de fichier ...)
Dans ce fichier, je défini ce qu'est make (et makefile), je vous montrerai comment l'utiliser dans le cadre de Wordpress (avec WP-CLI).
Je vous donne aussi quelques exemples d'utilisation avec WP-CLI.
Une courte présentation à WebAssembly, des avantages et cas d'usages associés, des concepts techniques derrière (cf. AOT vs JIT), de l'état actuel du marché et de l'avenir de cette tendance / technologie
Présentation effectuée aux JDLL (Journées du Logiciel Libre) 2017 par Christophe Villeneuve sur "Les WebExtensions et Firefox".
La conférence a pour but de montrer réaliser une web Extensions pour tous les navigateurs comme Firefox
les solutions alternatives dans le numérique d'aujourd'hui et demainChristophe Villeneuve
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "les solutions alternatives dans le numérique d'aujourd'hui et demain".
IL s'agit d'une présentation pour montrer les solutions libres et open source à connaître
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Les tests de sécurité".
Vous allez voir comment mettre en place des tests de sécurité de façon automatique à partir de logiciels libres
Présentation effectuée au RMLL 2018 sur "La face cachée des WebExtensions" par Christophe Villeneuve .
Vous verrez les différentes avancées depuis la version de firefox 'Quantum' 57
Présentation effectuée au RMLL 2018 sur "Firefox comme navigateur Alternatif" par Christophe Villeneuve .
Vous verrez les différents type de navigateurs disponible aussi bien sur ordinateur, que sur mobile et ceux qui sont soucieux de la vie privée
Conférence donnée lors des RMLL 2011 et qui reprend le contenu de la même conférence de CONFOO 2011 avec du contenu en plus pour Drupal cette fois-ci. On y retrouve une régle en plus, donc 21 au total sur l'accessibilité. Ces règles peuvent être prises en compte par les CMS tels que Drupal, Wordpress ou TYPO3.
Présentation effectuée à Paris Web par Christophe Villeneuve sur "La boîte à outils de développements dans Firefox".
Cette présentation a pour but d'aider les développeurs à améliorer leur projet en respectant les normes et standard de W3C
Responsible Design ou Le web moderne à destination de tousjwajsberg
Après avoir présenté la situation actuelle, j'essaie d'expliquer comment on peut utiliser les technologies récentes du web tout en supportant tous les navigateurs, qu'ils soient anciens ou minoritaires.
Présentation effectuée à "La Face cachée des WebExtensions / the hidden side of WebExtensions" PSES (Pas Sage En Seine) 2018 par Christophe Villeneuve
Elle a pour but de montrer les différentes avancées depuis la version de firefox 'Quantum' 57
Présentation effectuée à Open Source Expérience 2022 par Christophe Villeneuve et Sébastien de MariaDB sur "MariaDB : une base de données NewSQL".
Cette présentation a pour but de montrer que la base de données Mariadb propose des nouvelles fonctionnalités et avancés importantes pour devenir un coeur
Présentation effectuée au à l'Owasp mensuel (18 Mai 2022) par Christophe Villeneuve sur "Pister les pisteurs".
Cette présentation aborde la visualisation des cookies tiers et la nouvelle extension qui propose de voir si votre projet est "Green IT"
Présentation effectuée à l'événement CyberGames de EGE (17 mai 2022) par Christophe Villeneuve sur "Contrôlez vos données éthiques dans le web".
Cette présentation aborde l'importance des données et des risques que vous pouvez rencontrer sur le web
Présentation effectuée au Meetup 24 Programmez (5 Avril 2022) par Christophe Villeneuve sur "Infrastructure as code Drupal".
Cette présentation aborde les rappels de l'IaC (infrastructure as code), comment l'utilisé avec le CMS Drupal et déployé automatiquement le contenu et les évolutions dans l'IaC.
Présentation effectuée pendant la piscine du POC Innovation de Epitech (15 février 2022) par Christophe Villeneuve avec Sébastien "MariaDB : une base de données NewSQL".
Après un tour d'horizon de l'évolution des bases de données, nous nous intéresserons sur la base de données MariaDB qui propose le NewSQL (NoSQL + SQL) et ces différents storages engines disponibles. Ainsi chaque problématique projet peut être couverte par celle-ci.
Présentation effectuée pendant la piscine du POC Innovation de Epitech (14 février 2022) par Christophe Villeneuve sur "Open Source et Contribution : une association gagnante".
La présentation permet de voir que la contribution est importante au même titre que l'open source
Présentation effectuée à la DevCon 12 (16 décembre 2021) par Christophe Villeneuve sur "Pentest Bus Pirate".
Une occasion de voir comment effectuer des pentests sur de l'IoT
Présentation effectuée à l'Open Source Expérience (9 novembre 2021) par Christophe Villeneuve sur "Peur de la migration vers l’open source ?".
Sujet : 2020 fut marqué par de nombreux anniversaires. Ainsi PHP, MySQL, Drupal… ont proposé de nombreuses évolutions et améliorations dans les technologies ouvertes permettant de garder le Web ouvert.
La session abordera les freins à la migration vers des environnements modernes. Christophe s’intéressera aux problématiques d’aujourd’hui dans un serveur AMP (Apache MariaDB PHP) avec comme solution un portail de type Drupal. La souplesse de ces technologies répond aux problématiques modernes.
Présentation effectuée à GS Days (4 novembre 2021) par Christophe Villeneuve sur "La sécurité applicative par le design ".
Sujet : La sécurité doit commencer dès la conception d’un projet ou d’une application Web. Cette étape est nécessaire pour atténuer l’impact des cybermenaces lors de la mise en production. Cette session identifiera ce que l’on peut attendre d’une application Web sécurisée qui garantit une certaine qualité pour les données et vous protège contre les malveillances, les erreurs et la malchance, et leur impact.
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 à la AOSC (28 janvier 2020) par Christophe Villeneuve sur "L'accessibilité web avec WCAG et RGAA".
Vous verrez les notions générales de l'accessibilité, le moyen de le mettre en place dans son code et valider avec des outils si l'ensemble du référentiels est respecté.
This document discusses the weekly activities of the French-speaking Mozilla community. It includes a to-do list that covers hot topics, article planning, events, social media calendars and statistics, answering questions, and updates to sites and blogs. The community communicates using Telegram, Matrix, and weekly Zoom meetings. Activities include localization, forums support, documentation, and discussions. Events follow a standard procedure from announcement to post-event coverage. The to-do list has been used since 2014 and provides details for each discussion point. The community is led by several people and more information is available by contacting them.
Présentation effectuée à la DevCon (19 novembre 2020) par Christophe Villeneuve sur "Monitoring dynamique : Grafana & Microsoft".
Sous la forme de cas pratique, la présentation montre une manière de monitorer dynmaiquement les produits Microsoft tel que Azure, office 365, SQL Server...
Présentation effectuée au Meetup Programmez (08 septembre 2020)par Christophe Villeneuve sur "Etes-vous prêt pour PHP 8 ?".
Vous allez voir l'avancement du langage PHP, les nouveautés, les améliorations
Présentation effectuée au Meetup Lizard Secu (27 aout 2020)par Christophe Villeneuve sur "Le futur de l'authentification WebAuthn".
Vous allez voir comment se passer du mot de passe en utilisant WebAuthn
Talk at the Virtu-All-Hands (June 18, 2020) by Christophe Villeneuve on "Send large files with addons".
3 extensions to communicate easily with Firefox send
Présentation effectuée au Virtu-All-Hands (18 juin 2020) par Christophe Villeneuve sur "Send large files with addons".
3 extensions pour communiquer facilement avec Firefox send
Présentation effectuée au meetup Devops Tahiti (3 juin 2020) par Christophe Villeneuve sur "Tests d'accessibilité par la pratique".
Deux outils complémentaires d'accessibilités, sont présentés pour vous aider à valider votre code
Présentation effectuée à Confoo 2020 (27 février 2020) par Christophe Villeneuve sur "Donnez la voix aux machines".
Vous allez voir l'avancé de ces appareils, des projets libres comme Common Voice et DeepSpeech, la qualité des participations et contributions
Consulter le site officiel https://voice.mozilla.org
Présentation effectuée à Confoo 2020 (26 février 2020) par Christophe Villeneuve sur "la réalité mélangée dans vos applications".
Nous voyons comment embarquer une page web dans la réalité virtuelle, réalité augmentée, réalité virtuelle associé à la réalité mélangée pour les utiliser dans les applications webs
4. RMLL 2017 – 4 Juillet 2017
Les Extensions
Sont Mortes
Vive Les Extensions
5. RMLL 2017 – 4 Juillet 2017
La situation des Add-ons
● Modules complémentaires
● Partie de Firefox depuis l'origine
● Amélioration du navigateur
● Les projets montrent comment les addons sont importants
dans Firefox
● Important de montrer les API sont puissants
– 40% des utilisateurs ont des add-ons
– 32000 modules complémentaires
– 19000 développeurs d'extensions
– 15 millions d'utilisateurs mensuels sur Mozilla Add-on (AMO)
7. RMLL 2017 – 4 Juillet 2017
Avant : XUL / XPCOM
● XUL est une technologie XML
– Utilisée pour l'interface firefox
● XPPCOM est une structure Javascript
– Interagir avec XUL
– Avec une API différente de la classique HTML5
● Le développeur web doit respecter ces technologies
→ HTML classique, CSS, Javascript
● Aujourd'hui
– Ne répond plus au attente d'aujourd'hui
– Mises à jours / révisions… trop long
8. RMLL 2017 – 4 Juillet 2017
Bienvenue WebExtensions
● Créer une API robuste
● Parité avec extensions chrome api
● Documentation
● Prise en charge de Firefox pour android
● Technologie Standard
9. RMLL 2017 – 4 Juillet 2017
Compatibilité
● Edge / Opera / Chrome / Firefox
● Compatible Qtwebkit
10. RMLL 2017 – 4 Juillet 2017
Situation actuelle
● Are we WebExtensions yet ?
http://arewewebextensionsyet.com/
● On trouve
– L'avancement de l'API
– Les fonctionnalités manquante
– L'avancé de la performance
– La validation
– …
● Les WebExtensions déjà disponible
– https://addons.mozilla.org/en-US/firefox/tag/firefox57
14. RMLL 2017 – 4 Juillet 2017
Anatomie
Intéragir avec les pages Web
Contexte page
Bouton dans la barre d'outils
Bouton à la barre d'adresse
Définir une interface utilisateur
Contenu packagé accessible
15. RMLL 2017 – 4 Juillet 2017
Manifest.json
● Carte identité d'une extension
● Script au format jSON
●
https://developer.mozilla.org/fr/Add-ons/WebExtensions
{
"manifest_version": 2,
"name": "RMLL",
"version": "1.0",
"description": "Demo RMLL",
"icons": {
"19": "icons/icon-19.png",
"48": "icons/icon-48.png"
},
}
19. RMLL 2017 – 4 Juillet 2017
Manifest : Anatomie (2/6)
● Scripts de contenu
● Accéder et manipuler les
pages Web
● Fonctionnement :
– Charger dans les pages Web
– Exécuter dans le contexte de
page particulière
● Possible
– Manipuler le DOM de la
page
Background page
Content scripts
23. RMLL 2017 – 4 Juillet 2017
Manifest : Anatomie (4/6)
● Action dans la barre de
navigation
● Affiche sur un onglet activé
● Action pas toujours
nécessaire
Background page
Content scripts
Browser action
Page action
25. RMLL 2017 – 4 Juillet 2017
Manifest : Anatomie (5/6)
● Définir des préférences en
plus
● Accès par les add-ons du
navigateur
● Configuration des
WebExtensions
Background page
Content scripts
Browser action
Page action
Option page
26. RMLL 2017 – 4 Juillet 2017
Option page : Exemple
// manifest.json
"options_ui": {
"page": "options.html"
},
27. RMLL 2017 – 4 Juillet 2017
Manifest : Anatomie (6/6)
● Ressources incluses dans
l'extension
● Accessible par
– Scripts de contenu
– Scripts de pages
● Web-accessible
● Utilisation d'un schéma URI
spécial
Background page
Content scripts
Browser action
Page action
Option page
Ressource
28. RMLL 2017 – 4 Juillet 2017
Ressource : Exemple
// manifest.json
"web_accessible_resources": [
"views/*"
},
33. RMLL 2017 – 4 Juillet 2017
Prêt à publier
● Compresser votre extension
– Méthode 1
● Compresser les fichiers en ZIP
● Renommer le ZIP en XPI
– Méthode 2
$ cd monExtension
$ 7zip -a monExtension.xpi
34. RMLL 2017 – 4 Juillet 2017
Procédure
● Connecter
– https://addons.mozilla.org
● Soumettre
– Par le site
– Mode personnel
37. RMLL 2017 – 4 Juillet 2017
Aller plus loin : Web-ext
● Outil de ligne de commande
– Construire
– Exécuter
– Surveiller
– Tester Les extensions Web
● https://github.com/mozilla/web-ext
Exécuter une extension de cli, de linting, de validation et d'emballage
web-ext run -s /path/extension/ --firefox-binary=/path/firefox
web-ext build -s /path/extension
38. RMLL 2017 – 4 Juillet 2017
Gestion personnelle
39. RMLL 2017 – 4 Juillet 2017
Ressources supplémentaires
● 30 API en exemple
https://github.com/mdn/webextensions-examples
● Documentation (MDN) en Français
– https://developer.mozilla.org/fr/Add-ons/WebExtensions