Rapport STIC I : EX 1
Liens
Objectifs
Le principal objectif de ce projet est de créer une série de pages web pour le programme MALTT/TECFA en utilisant HTML5 et CSS. Cela inclut une page personnelle, un profil EduTechWiki, la mise à jour d'un réseau social professionnel et un portfolio. Les pages servent donc à présenter mon parcours académique et professionnel ainsi que mes projets réalisés dans ce master. Ces pages sont publiées en libre accès sur internet afin de faciliter le partage professionnelle.
Design
Le design est centré sur la simplicité et l'efficacité, avec une interface claire pour faciliter la navigation. Les pages sont organisées de manière intuitive avec une hiérarchie bien définie des titres et sous-titres pour guider les utilisateurs. Au cours du projet, j'ai appris à structurer une page web, à utiliser les feuilles de style externes et à intégrer des animations (le gif est gratuits et hors copyright) et des liens interactifs. Cependant, j'ai rencontré des difficultés avec l'alignement des éléments dans certaines sections, nécessitant un ajustement minutieux des marges et des padding pour obtenir un rendu harmonieux.
Production
Le développement des pages a suivi plusieurs étapes : tout d'abord, la structuration des documents HTML avec une attention particulière à la sémantique, puis l'ajout de styles CSS pour l'esthétique et l'interaction utilisateur. Ensuite, j'ai intégré des liens vers des plateformes externes telles que LinkedIn et GitHub pour renforcer l'aspect professionnel (livrable sur les réseaux sociaux). J’ai par contre eu beaucoup de mal à intégrer mon image SVG dans mon profil edutechwiki. À la base, l’image était libre de droit et en png mais après conversion en SVG, le fichier ne voulait pas s’afficher sur mon profil EduTechWiki.
Auto-évaluation
Points forts : L'aspect visuel est simple mais efficace, avec une navigation fluide. Les pages sont claires et bien structurées, répondant aux objectifs du projet.
Limites : Pour mon portfolio, j'ai décidé de réutiliser la structure de base que j'avais développée pour mon site personnel. J’ai ensuite adapté cette structure pour qu’elle réponde aux besoins d’un portfolio. Une des contraintes principales que j'ai rencontrées a été la difficulté à bien visualiser la disposition finale. Après avoir réalisé un premier prototype, j’ai finalement décidé de modifier la structure initiale pour obtenir un meilleur accord entre mon profil et la présentation de mes travaux.
Améliorations : Une future version pourrait inclure des fonctionnalités supplémentaires, comme des animations CSS plus complexes pour rendre les pages plus attractives.
Bibliographie
Aucune ressource utilisée pour cet exercice.
Ressources
Pour la réalisation de ce projet, j'ai utilisé les ressources suivantes :
- Le serveur tecfaetu.unige.ch pour héberger les fichiers.
- Les balises et outils de youtube pour l'apprentissage des concepts HTML5 et CSS.