« STIC:STIC I - Atelier technique 5 » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(Page créée avec « {{stic12}} <categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</ca... »)
 
 
(26 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{stic12}}
{{stic12}}
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>
== 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. <code>wget -p -k ''url du site''</code> (autre options possibles voir par exemple: https://www.guyrutenberg.com/2014/05/02/make-offline-mirror-of-a-site-using-wget/)
* Logiciel (e.g. [http://www.httrack.com/ 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) :
* [https://gohugo.io/ HUGO] (Golang)
* [https://sculpin.io/ Sculpin] (PHP)
* [https://hexo.io/ Hexo] (Node.js)
* [http://jekyllrb.com/ Jekyll] (Ruby)
* [http://blog.getpelican.com/ Pelican] (Python)
* [https://rstudio.github.io/distill/ 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]]
* [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

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

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 :

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_I_-_Atelier_technique_5&oldid=161881 »