« STIC:STIC I - Atelier technique 5 » : différence entre les versions
Aller à la navigation
Aller à la recherche
Aucun résumé des modifications |
|||
| (9 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 4 : | Ligne 4 : | ||
== Programme == | == Programme == | ||
* 09:00 - 10:30 Discussion sur la sécurité, mise à jour des portails + Démo aspiration site web + Alternatives | |||
* 09:00 | |||
== Activités== | == Activités== | ||
| Ligne 47 : | Ligne 40 : | ||
;Quelques exemples (langage nécessaire) : | ;Quelques exemples (langage nécessaire) : | ||
* [https://gohugo.io/ HUGO] (Golang) | |||
* [https://sculpin.io/ Sculpin] (PHP) | * [https://sculpin.io/ Sculpin] (PHP) | ||
* [https://hexo.io/ Hexo] (Node.js) | * [https://hexo.io/ Hexo] (Node.js) | ||
* [http://jekyllrb.com/ Jekyll] (Ruby) | * [http://jekyllrb.com/ Jekyll] (Ruby) | ||
* [http://blog.getpelican.com/ Pelican] (Python) | * [http://blog.getpelican.com/ Pelican] (Python) | ||
* [https://rstudio.github.io/distill/ Distill for Rmarkdown] (R) | |||
== JavaScript dans d'autres environnements == | == JavaScript dans d'autres environnements == | ||
Voir : | Voir par exemple : | ||
* [[Electron]] | * [[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]] | * [[Internet des objets avec JavaScript]] | ||
* [https://www.qualtrics.com/support/survey-platform/survey-module/question-options/add-javascript/ JavaScript avec Qualtrics] | |||
* [https://dev.office.com/reference/add-ins/javascript-api-for-office JavaScript avec Microsoft Office] | |||
Dernière version du 26 avril 2022 à 14:44
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)
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