Portfolio¶

Synopsis: Fournir un portfolio web hébergé au Fablab ou auto-hébergeable à son propre nom de domaine.

Voir aussi :

• page portfolio côté SI
• Exemple de portfolio : Pauline, expérience de portfolio
• Exemple de portfolio : Léa Jean service civique au fablab, portfolio hébergé au fablab
• Exemple de portfolio : Alexandre Bazot service civique au fablab, portfolio hébergé chez Wix * (oblige à une connexion internet)

Méthode Libre-office Impress¶

Cette approche est la plus aisée pour le plus grand nombre. si vous faîtes déjà du LateX, c'est pas par ici

Compétences¶

Aptitude à mobiliser en situation des savoirs etc...

Exigences:¶

• Pérennité, le site doit pouvoir continuer de fonctionner au moins 10 (10 quoi ?) sans modification du code
• Entretien, le site doit pouvoir rester opérationnel sans mise à jour
• Portabilité, le site doit pouvoir être déménagé sur n'importe quel hébergement, même auto-hébergé ou hébergé sur un git
• Sécurité, le site doit résister aux attaques du type injection xss
• Données personnelles, le site ne doit pas collecter de données ni sur l'éditeur, ni sur les visiteurs
• Écologie, le site doit avoir l'empreinte carbone la plus réduite

Fonctionnement¶

Pour chaque étudiant désirant un portfolio, l'administrateur crée un compte sur le gitea du Fablab avec un chemin /portfolios/etudiants/prenom-nom dans lequel se trouvera un portfolio exemple. (dans un second temps, ce compte sera créé automatiquement par un script lors de l'inscription au fabalab )
L'étudiant y remplace les textes par ses informations personnelles en modifiant le code de la page : parcours, compétences, réalisations, etc. Il peut également mettre des images et modifier la mise en page.
Enfin, un "script" (???) permet de mettre à jour automatiquement son portfolio en ligne.

Formation¶

• Tutoriel pour les nouveaux utilisateurs, bientôt disponible ici
• Formation d'une heure (ou 2 ?) au Fablab par groupe d'étudiants (10-20 ?) dans la grande salle au 2e étage du bâtiment 10A. Support de cours à venir.

Objectifs :

• être autonome pour produire un portfolio complet
• acquérir les bases en html et css.

Arguments¶

• Lettrisme numérique : apprendre à utiliser un outil de versioning Git.
• Système économe en ressources, pérenne et portable : les utilisateurs pourront à tout moment décider de transférer leur portfolio sur d'autres plateformes.
• Collaboratifs : plusieurs personnes peuvent travailler sur le même portfolio.
• Simplicité.

Langage¶

Dans un premier temps : html pour le squelette et css pour la peau.
Éventuellement pour plus tard : javascript ou php mais sans base de données.

Structure¶