Présentation effectuée au Festival de la création numérique par Christophe Villeneuve (Hello / Sector One) à la Very Important Party (VIP) 2016 organisé par Popsy Team
sur la sécurité et la vie privée
Présentation effectuée au Festival de la création numérique par Christophe Villeneuve (Hello / Sector One) à la Very Important Party (VIP) 2016 organisé par Popsy Team
sur la sécurité et la vie privée
Support de formation pour les développeurs. Pour les formations, ce support est complété par un livret d'exercices pour les stagiaires et de l'ensemble de tous les exemples, sous forme de projets Eclipse.
Optimisation des applications Windows 8/HTML5/WinJSMicrosoft
Dans cette session, vous découvrirez comment analyser et résoudre les problèmes de performance de vos applications Windows 8 développées en HTML 5 / JavaScript, en utilisant les outils de profiling mis à disposition dans Visual Studio. Vous découvrez ainsi comment rendre vos applications « Fast & Fluid » pour le plaisir de vos utilisateurs.
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 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
Android workshop - Bootcamp du Mauriapp Challenge 2016Hadina RIMTIC
Présentation Android lors du Bootcamp de formation organisé pour les startupers participants à la deuxieme edition du Mauriapp Challenge.
All right reserved to @hadinarimtic
ACRA est une librairie open source, légère, facile à mettre en oeuvre et très configurable permettant aux développeurs android de recevoir des rapports d'erreur de leurs applications dans un spreadsheet GoogleDocs.
Présentation effectuée à Pas Sage En Seine 2018 sur "Un serveur nomade dans L'internet des objets" par Christophe Villeneuve .
Vous verrez comment controler un device avec une batterie pour installer un linux suivi de Apache, PHP, Mariadb
Publier une application mobile en un clicFabernovel
A l'occasion de la conférence web2day du 13 juin 2018, Claire Dufretelle, Head of Product Management chez Fabernovel Technologies, prend la parole sur l'intégration continue sur mobile & une introduction à Fastlane.
"Il est extrêmement pénible de publier une application mobile, les étapes étant nombreuses et complexes. La moindre erreur peut obliger à tout recommencer. Une mise en production de quelques heures peut finalement prendre la journée. Et pourtant, le sujet est accessible à tous, même à ceux qui ne sont pas développeurs professionnels.
> Il ne faut pas laisser faire à un humain un travail de robot mais automatiser
> L’automatisation de la publication se fait aisément grâce à un ensemble d’outils : Fastlane
> Fastlane peut être customisé à loisir pour s’adapter à vos process
> Il est possible de pousser la customisation très loin jusqu’à la publication d'une application mobile
>> Tout le monde peut se lancer pour publier une application mobile en un clic."
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 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
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 à 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
Contenu connexe
Similaire à Contrôler votre matériel par les apps - JDLL
Support de formation pour les développeurs. Pour les formations, ce support est complété par un livret d'exercices pour les stagiaires et de l'ensemble de tous les exemples, sous forme de projets Eclipse.
Optimisation des applications Windows 8/HTML5/WinJSMicrosoft
Dans cette session, vous découvrirez comment analyser et résoudre les problèmes de performance de vos applications Windows 8 développées en HTML 5 / JavaScript, en utilisant les outils de profiling mis à disposition dans Visual Studio. Vous découvrez ainsi comment rendre vos applications « Fast & Fluid » pour le plaisir de vos utilisateurs.
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 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
Android workshop - Bootcamp du Mauriapp Challenge 2016Hadina RIMTIC
Présentation Android lors du Bootcamp de formation organisé pour les startupers participants à la deuxieme edition du Mauriapp Challenge.
All right reserved to @hadinarimtic
ACRA est une librairie open source, légère, facile à mettre en oeuvre et très configurable permettant aux développeurs android de recevoir des rapports d'erreur de leurs applications dans un spreadsheet GoogleDocs.
Présentation effectuée à Pas Sage En Seine 2018 sur "Un serveur nomade dans L'internet des objets" par Christophe Villeneuve .
Vous verrez comment controler un device avec une batterie pour installer un linux suivi de Apache, PHP, Mariadb
Publier une application mobile en un clicFabernovel
A l'occasion de la conférence web2day du 13 juin 2018, Claire Dufretelle, Head of Product Management chez Fabernovel Technologies, prend la parole sur l'intégration continue sur mobile & une introduction à Fastlane.
"Il est extrêmement pénible de publier une application mobile, les étapes étant nombreuses et complexes. La moindre erreur peut obliger à tout recommencer. Une mise en production de quelques heures peut finalement prendre la journée. Et pourtant, le sujet est accessible à tous, même à ceux qui ne sont pas développeurs professionnels.
> Il ne faut pas laisser faire à un humain un travail de robot mais automatiser
> L’automatisation de la publication se fait aisément grâce à un ensemble d’outils : Fastlane
> Fastlane peut être customisé à loisir pour s’adapter à vos process
> Il est possible de pousser la customisation très loin jusqu’à la publication d'une application mobile
>> Tout le monde peut se lancer pour publier une application mobile en un clic."
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 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
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 à 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 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
7. JDLL – 3 Avril 2016
Liste des webApps dispo (1/2)
● Bluetooth
● Mobile Connecté API
● Dworkin Information
API
● Dworkin stars API
● TCP Socket API
● Phonolite
● Web SMS
● Ambient Light Sensor
API
● Battery status API
● Camera API
● Geolocalisation API
● Pointer Lock API
● Power Management API
● Proximity API
● Device Orientation API
API Communication API Matériels
8. JDLL – 3 Avril 2016
Liste des webApps dispo (2/2)
● Contacts API
● Device Storage API
● FileHandle API
● IndexedDB
● Settings API
● Alarm API
● Apps API
● Browser API
● Idle API
● Permissions API
● Simple Push API
● Time/clock API
● Web Activités
● WebPayment API
API de gestion des données API Autres
10. JDLL – 3 Avril 2016
Téléphone
- Multitouch
- WebTelephony
- WebSMS
- Geolocalisation
- Battery API
- WebNFC
- WebVibration
- WebContacts
- FullScreen API
- Settings API
- WebUSB
- Camera
- WebBluetooth
- WebGL
11. JDLL – 3 Avril 2016
Alimentation : Battery
● HTML 5
● Source importante pour un site web
● Avoir des informations sur le matériel des visiteurs
– Combien de batterie il vous reste
– Si vous utilisez un système mobile :
Smartphone, Tablette, Ordinateur portable
● But : économiser votre batterie
● Valider par W3C
12. JDLL – 3 Avril 2016
Battery Manager (1/2)
● Propriétés Disponible
● Obtenir les informations sur le niveau de charge
● Possibilité d'intéragir avec l'API d'état de la batterie
● 4 fonctions importantes
https://developer.mozilla.org/en-US/docs/Web/API/BatteryManager
13. JDLL – 3 Avril 2016
Battery Manager (2/2)
● Statut de la batterie
BatteryManager.charging
● Temps restant de chargement (en secondes) → 100 %
BatteryManager.chargingTime
● Temps restant avant que la batterie soit décharger
BatteryManager.dischargingTime
● Niveau de la batterie (valeur entre 0 et 1.0)
BatteryManager.level
https://developer.mozilla.org/en-US/docs/Web/API/BatteryManager
14. JDLL – 3 Avril 2016
Battery Manager : Résultat
15. JDLL – 3 Avril 2016
Espionnage / Surveillance / Vie Privée
● Les données des batteries peuvent être utiliser pour
vous traquer
● 2 informations (dispo toutes les 30 secondes) :
– Le niveau de charge de votre batterie en pourcentage
– Le temps restant avant que votre batterie ne soit
entièrement vide
● Alertes des chercheurs de sécurité
– Pas de validations et de confirmations
16. JDLL – 3 Avril 2016
Exemple
Votre Ordinateur
Identifier votre
machine
Identifier votre
machine
Résultat :
Savoir quels sites vous
visitez simultanément
→ Ces données pourront
ensuite être exploitée
17. JDLL – 3 Avril 2016
Résumé
● Une solution
– Un choix
Matériels / OS / Autres
18. JDLL – 3 Avril 2016
Pourquoi ?
● Code réutilisable
● Code libre (Freedom)
● Firefox OS est juste pour le web
API Spécifiques
19. JDLL – 3 Avril 2016
Api spécifique Téléphone / Tablette
● Connection blueTooth
● Mode vibration
● Accès à la géolocalisation
● Contacts
20. JDLL – 3 Avril 2016
API Spécifique : Périphériques
● Fonctionnalité JS
Element.addEventListener
● But : manière d'enregistrer un écouteur telle que
spécifiée dans le DOM du W3C
● Ecoute :
– Souris : mouse…
– Batterie : chargingchange
– Orientation : deviceorientation
– ...
22. JDLL – 3 Avril 2016
Connecteurs : Exemple « jeu » 1/2
● Captain Rogers
● Jouabilité
23. JDLL – 3 Avril 2016
Connecteurs : Exemple « jeu » 2 / 2
window.addEventListener("keydow
n", function(evt) {
console.log(evt.keyCode);
}, this);
window.addEventListener("touchs
tart", function(evt) {
console.log(evt.keyCode);
}, this);
24. JDLL – 3 Avril 2016
Manette de jeu USB
function keydown(ev)
{
if (!ev) ev = event;
if (game) {
if ((ev.keyCode == 37)||(ev.keyCode == 65)) game.turnShip(0.1);
if ((ev.keyCode == 39)||(ev.keyCode == 68)) game.turnShip(-0.1);
if ((ev.keyCode == 38)||(ev.keyCode == 87)) game.boostShip(10);
if (ev.keyCode == 32) game.shipFire();
if (ev.keyCode == 13) game.startGame();
}
}
25. JDLL – 3 Avril 2016
API Spécifique : IoT Proximité
● Détection :
element.addEventListener('deviceproximity')
● Communiqué avec d'autres appareils
● Contrôle à distance
26. JDLL – 3 Avril 2016
API Proximité Exemple 1
● Son / Musique
27. JDLL – 3 Avril 2016
Exemple 1 Utilisation
● Web API audio
https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
source = audioCtx.createMediaStreamSource(stream);
source.connect(analyser);
analyser.connect(distortion);
distortion.connect(biquadFilter);
biquadFilter.connect(gainNode);
gainNode.connect(audioCtx.destination);
28. JDLL – 3 Avril 2016
API Proximité Exemple 2
● Tablette / Ecran / Projection
29. JDLL – 3 Avril 2016
Exemple 2 Utilisation
● Voir slides précédents
31. JDLL – 3 Avril 2016
Technologies Web
● Technologies Web
– HTML 5 / CSS 3
● Script
– Javascript / Web API
● Graphique
– SVG / WebGL
● Autre
– MathML
32. JDLL – 3 Avril 2016
WebApps
● Disponible depuis de 1.0
● Script manifest
{
"name": "Mon application",
"description": "Une description courte de l'application",
"launch_path": "/",
"icons": {
"128": "/img/icone-128.png"
},
"developer": {
"name": "Votre nom ou celle de votre organisation",
"url": "http://votre-site-web.org"
},
"default_locale": "fr"
}
33. JDLL – 3 Avril 2016
Add-ons
● Dispo à partir de Firefox OS 2.5
{
"manifest_version": 1,
"name": "Add-on banner",
"description": "Firefox OS add-on example",
"version": "1.0",
"author": "Chris Mills",
"content_scripts": [{
"matches": ["app://system.gaiamobile.org/index.html"],
"css": ["css/style.css"],
"js": ["js/index.js"]
}],
"icons": {
"128": "/icons/128.png"
}
34. JDLL – 3 Avril 2016
Compatibilité
● Apache Cordova (PhoneGap)
– Au niveau compatibilité iOS et Android
35. JDLL – 3 Avril 2016
Hors ligne
● La gestion de CACHE est deprecated
● Service workers API
https://developer.mozilla.org/fr/docs/Web/API/Service_Worker_API
37. JDLL – 3 Avril 2016
Protection
● Navigation Privée
● Do Not Track
38. JDLL – 3 Avril 2016
Permissions
● Autorisation
● Les Applications qui demandent des accès ???
– Contacts
– Géolocalisations
– Etc..
39. JDLL – 3 Avril 2016
Sécurité : OWASP Top 10 IoT
https://www.owasp.org/index.php/OWASP_Internet_of_Things_Project
● 1-Insecure Web Interface
● 2-Insufficient Authentication/Authorization
● 3-Insecure Network Services
● 4-Lack of Transport Encryption
● 5-Privacy Concerns
● 6-Insecure Cloud Interface
● 7-Insecure Mobile Interface
● 8-Insufficient Security Configurability
● 9-Insecure Software/Firmware
● 10-Poor Physical Security
40. JDLL – 3 Avril 2016
Ressources
● Guides pour développeur web
– https://developer.mozilla.org/fr/docs/Web/Guide
● Tutoriels pour développeurs Web
– https://developer.mozilla.org/fr/docs/Web/Tutoriels
● Hacks Mozilla
– http://hacks.mozilla.org
● Webapp API
– https://developer.mozilla.org/fr/docs/WebAPI
41. JDLL – 3 Avril 2016
Comparateur HTML 5 / Mobile
42.
43. JDLL – 3 Avril 2016
Internet des Objets (iOT)
● CyanogenMod
– Fork de AOSP et CAF (Code Aurora)
● Licence Free
● Modifie le device et le Kernel pour Firefox OS
● Disponible
https://github.com/cm-b2g/B2G.git
44. JDLL – 3 Avril 2016
Portage 1/2
● pour Android ● Pour Mac
● Modèle● Portage OS Mobile
https://github.com/mozilla-b2g
45. JDLL – 3 Avril 2016
Portage 2/2
● Arduino
● Raspberry PI et PI2● Chirimen
prochainement
46. JDLL – 3 Avril 2016
Autre
● TV Panasonic ● OS :
Ronin Web Desktop