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?

Parce que c'est dans la loi française.

Et réglementé au niveau de l'Europe.

 

[Source]

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)

40% des utilisateurs quittent un site s'il met plus de 3 secondes à charger.

[source]

 

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

Facebook

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?

Internet pollue autant que l'aviation civile et le transport maritime

[source]

[bilan]

Pourquoi?

Pourquoi?

Sur le web, la pub représente 39% du trafic. [source]

(et le streaming près de 80% du total. [source])

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

En résumé

Pour être référencé sur Google : HTTPS obligatoire

  • Plus de sécurité!
  • Moins d'accessibilité!

PWA

En résumé

Tirer parti du navigateur pour ajouter des fonctionnalités d'app mobile à un site web

  • Meilleurs perfs
  • Accessible hors-ligne
  • Installable
  • Notifications
  • Responsive

IoT

Stats

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) :

https://classroom.udacity.com/courses/ud891

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 :

https://collectif.greenit.fr/certification.html

 

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]

Internet, c'est de la merde - le retour

By LauDev

Internet, c'est de la merde - le retour

  • 1,437