STIC:STIC I - Atelier technique 5

Cette page fait partie des cours STIC I et STIC II

STIC

Programme

• 09:00 - 10:30 Discussion sur la sécurité, mise à jour des portails + Démo aspiration site web + Alternatives

Activités

Sécurité

Comprendre les enjeux de sécurité d'un portail

• SPAM, Attaques informatiques, DoS, ...
• Mises à jour du code, Vulnérabilité des anciennes versions

Évaluer à quel point vous avez besoin d'un site dynamique vs. statique

• Quelles fonctionnalités dynamiques sont absolument nécessaires (authentification, commentaires, forum, ...)
• Quels mécanismes de contrôle/sécurité ont été prévus/mis en place

Aspiration d'un site

Possibilité d'aspirer (i.e. faire une copie statique) un site web dynamique

• Utile pour :
  • Sites informationnels "finis" : toute l'information, ou presque, est déjà publiée (e.g. événement, site explicatif, ...)
  • Sites qui ne sont plus mis à jour : "figer" la dernière version existante et la transformer en site statique
  • Petits sites avec mise à jour pas fréquente : avoir une version dynamique en local (e.g. sur votre ordi) et aspirer les pages pour les publier ensuite chaque fois qu'il y a un changement (voir également les générateurs de site statiques plus bas)

Technique qui peut être utile également dans la recherche pour l’analyse quantitative/qualitative de corpus web (voir Web scraping) pour éviter de télécharger les pages à chaque analyse/extraction.

Outils

• Possibilité de le faire par ligne de commande (Linux) : e.g. wget -p -k url du site (autre options possibles voir par exemple: https://www.guyrutenberg.com/2014/05/02/make-offline-mirror-of-a-site-using-wget/)
• Logiciel (e.g. HTTrack)

Générateurs de sites statiques

Possibilité d'utiliser un "logiciel" qui génère, souvent à partir de simple fichiers, des sites statiques et fait l'upload du output HTML

• Mode assez récente, donc système pas très simples/fiables pour l'instant
• À utiliser plutôt pour des petits sites / blogs personnels
• Nécessitent souvent l'installation (mais pas forcément la connaissance) d'un langage de programmation (e.g. Node.js, Python, PHP, Ruby, ...)
• Utilisation de fichiers HTML ou Markdown pour créer les contenus

Quelques exemples (langage nécessaire)

• HUGO (Golang)
• Sculpin (PHP)
• Hexo (Node.js)
• Jekyll (Ruby)
• Pelican (Python)
• Distill for Rmarkdown (R)

JavaScript dans d'autres environnements

Voir par exemple :

• Electron : développement de logiciel desktop avec technologies web (HTML5, CSS, JS + Node.js)
  • Utilisé dans deux mémoires de développement en 2017
• Internet des objets avec JavaScript
• JavaScript avec Qualtrics
• JavaScript avec Microsoft Office