Internet, c'est de la merde
#makeinternetgreatagain
Menu du jour
Accessibilité
Sécurité
Performance
Données personnelles
Eco-conception
(+ des exemples, des ressources et des images qui bougent)
Accessibilité
Définition wikipedia : Accessibility is the design of products, devices, services, or environments for people with disabilities.
Sauf que c'est plus large que ça.
L'accessibilité, ça concerne qui?
En englobant les handicaps permanents mais aussi temporaires et situationnels, on peut toucher des millions d'utilisateurs.
26K
13M
8M
Accessibilité
Accessibilité
Les autres bénéfices
HTML Sémantique =
- Meilleur référencement naturel
- Mieux pour du CSS lisible
Accessible pour les personnes en situation de handicap temporaire (inclusive design)
Pourquoi?
Sécurité
[Palo Alto Networks] Cybersecurity refers to the preventative techniques used to protect the integrity of networks, programs and data from attack, damage, or unauthorized access.
Les cybercrimes, ça coûte combien (par an)?
Quelques chiffres pour mieux comprendre
D'ici 2021, les cyber crimes coûteront 6 trillion de $ par an.
D'ici 2021, les dépenses dans le domaine de la cyber sécurité excéderont le trillion de $.
[source]
Sécurité
Sécurité
Les bénéfices
Protéger les données personnelles.
Améliorer la sécurité revient souvent à améliorer la qualité du code.
Pourquoi?
Se protéger, protéger les autres.
Performance
[Wikipedia] Web performance refers to the speed in which web pages are downloaded and displayed on the user's web browser.
Performance
Plus performant ET moins intrusif!
Performance
Les bénéfices
Simplifier les projets (=> qualité).
Alléger les projets (=> éco-conception)
Pourquoi?
Données personnelles
[Wikipedia] Le règlement n° 2016/679, dit règlement général sur la protection des données (RGPD, ou encore GDPR, de l'anglais General Data Protection Regulation), est un règlement de l'Union européenne qui constitue le texte de référence en matière de protection des données à caractère personnel.
Les données sur vos utilisateurs : celles que vous récoltez et ce que vous en faites.
Voir aussi RGPD.
[source]
Données personnelles
[source]
Données personnelles
Données personnelles
Les bénéfices
Là aussi, ne récoltez que le nécessaire et ce sera d'autant plus simple à protéger.
Moins de données récoltées = mieux pour l'utilisateur.
Eco-conception
[Consomag] éco-conception = conception qui limite l’impact sur l’environnement du produit
Windows 95 = 30 MB
Appli clavier google = ?
Windows 10 = ?
Carbonalyzer, vous vous souvenez?
Pourquoi?
Pourquoi?
Eco-conception
Les bénéfices
Le projet deviendra souvent plus léger (=> performance).
Une fois qu'il ne reste que l'essentiel, il est plus simple de sécuriser le tout.
On a donc plusieurs notions qui ne sont pas forcément faciles à définir.
Pour les mettre en oeuvre, c'est pas simple non plus.
Et en plus, elles sont toutes liées!
Référencement
Pour être référencé sur Google : HTTPS obligatoire
- Plus de sécurité!
- Moins d'accessibilité!
PWA
Tirer parti du navigateur pour ajouter des fonctionnalités d'app mobile à un site web
- Meilleurs perfs
- Accessible hors-ligne
- Installable
- Notifications
- Responsive
IoT
Les objets connectés se multiplient mais...
- Séurité (shodan)
- Eco-conception (30.000.000.000)
- Utilité?
Conclusion
Abordez les bonnes pratiques via des "quick wins".
N'oubliez pas que chaque bonne pratique peut être moteur d'innovation.
Sobriété et discernement.
Bonus
Les bonnes pratiques, c'est comme les bugs : plus ça intervient tard dans le projet, plus ça coûte cher.
Un site web, ça coûte un pognon de dingue.
~ anonyme.
Exigeons la qualité
Le client est le mieux placé pour imposer ses exigences de qualité selon tous les critères vus précédemment.
Pour tous ceux qui contribuent à la création de sites web et d'applis, il est de notre devoir de produire des outils de qualité.
Outils d'audit
Bonus : ces outils donnent des pistes pour s'améliorer.
Quelques ressources
Opquast : couvre performance, accessibilité, seo mais aussi éco-conception et plus généralement qualité web.
https://checklists.opquast.com/fr/
=> une certification est disponible.
=> les bonnes pratiques de sécurité arrivent
Accede-web : couvre seulement l'accessibilité mais de façon très poussée
https://www.accede-web.com/notices/
A voir aussi, une formation en ligne gratuite (mais en anglais) :
Le Collectif Conception responsable de services numériques propose plein d'outils, checklists et autres.
https://collectif.greenit.fr/outils.html
Et même une certification sur l'éco-conception :
Sécurité : OWASP (mais en anglais)
RGPD : [MOOC de la CNIL]
=> manque de ressources en français
On notera toutefois qu'Opquast fournit déjà pas mal d'éléments qui tendent vers la conformité RGPD :
https://www.opquast.com/qualite-web-opquast/?check-bonne=1&check-recom=1&tag00-donne=1
Conclusion
Tout le monde peut agir à son niveau :
- développeur : créer des produits de meilleure qualité
- client : être exigeant sur ce que l'on fait développer
- tous : adopter des bonnes pratiques (allonger la durée de vie de ses équipements, nettoyer ses mails, mieux gérer ses mots de passe et plus généralement être exigeant)
Soyons responsables et exigeants
Prochaine étape?
[Source]
