L'objectif de cette page est de partager les informations personnelles me concernant.
On y retrouve notamment :
Ma présentation
Mes formations
Mes centres d'intérêts
Mes réalisations
Les liens vers mes différents pages
Cette page est à destinations des élèves et des enseignants du MALTT mais peut être accessible par toutes les personnes qui souhaiteraient la visiter.
Page personnelle EduTechWiki
Cette page possède les mêmes objectifs que ma page personnelle TECFA. La différence cependant est qu'elle me permet aussi d'afficher mes différentes contributions sur EduTechWiki.
Elle a été créée à destination des utilisateurs d'EduTechWiki qui souhaiteraient en savoir plus sur moi ou sur mes diverses contributions.
Page travaux TECFA
L'objectif de cette page est de regrouper tous mes travaux réalisés durant mes études MALTT.
Elle se décompose en plusieurs pages :
ADID
ERGO
METHODES
STIC
VIP
Ces différentes pages sont ensuite découpées en périodes d'apprentissage. Enfin, ces périodes contiennent les différents rendus demandés au cours de mon semestre.
Les réseaux sociaux
J'ai profité de cet exercice pour remettre à jour mon profil LinkedIn. L'objectif avec ce réseau est de créer des connexions avec d'autre personne issues du MALTT ou
de pouvoir consulter des offres d'emplois diverses.
J'ai aussi ajouté mon profil GitHub que j'utilise quotidiennement en tant que développeur web afin d'y déposer mes différents projets ou bouts de code. Ce dernier est
à destination de toutes personnes intéressées par le développement web ou par mes projets en libre accès.
Design
Page personnelle TECFA
Pour ma page personnelle TECFA, les langages HTML, CSS et Javascript ont été utilisés. Le css est un mélange du framework Bulma.io et de mon design personnel.
J'ai opté pour un design sur fond noir avec le vert comme couleur d'action. Le site est découpé en différentes sections. Certains éléments du site ont un effet "hover",
qui réagissent lorsque la souris de l'utilisateur passe dessus. Notamment les liens de la barre de navigation ou encore les diplômes de la section "Formation".
Enfin, j'ai ajouté des éléments de ma propre création, comme un avatar en Pixel Art et différentes images au format .svg ou .png.
Page personnelle EduTechWiki
Pour ma page EduTechWiki, j'ai opté pour une structure simple. Elle se décompose en plusieurs parties. J'ai mis en gras certains éléments important et ajouté des liens vers mes
différents centres d'intérêts.
J'ai aussi ajouté une image en lien avec l'un de mes centres d'intérêts et le template de contribution qui nous avait été donnée durant le cours.
Page travaux TECFA
La page "travaux" se doit d'être lisible et simple d'accès pour les enseignants qui vont l'utiliser. Pour la réaliser, j'ai opté pour l'utilisation d'un framework CSS nommé Bulma,
retrouvable ici :
Bulma.io
L'utilisation de ce framework CSS me permet d'agencer les pages de rendu des travaux de manière simple et lisible en les divisant par période. Chaque page possède son propre code couleur.
Enfin, chacune des périodes est ensuite découpées en différents rendus avec leurs liens respectifs.
Les réseaux sociaux
Pour mes différents profils de réseaux sociaux, il n'y a pas vraiment eu d'ajout en matière de Design. Le contenu a été mis à jour, ainsi que ma photo de profil LinkedIn, tout simplement.
Production
Production générale
La production des différentes pages a été effectuée en utilisant HTML5, CSS3 et Javascript sur le logiciel Webstorm afin de respecter les différentes consignes. Elles
ont ensuite été testées avec les validateurs HTML et CSS de W3C.
La mise en ligne des différents projets a été effectuée avec le logiciel CyberDuck en suivant les différentes procédures disponibles sur EduTechWiki.
Auto-évaluation
Mon évaluation
Dans sa globalité, je suis satisfait du résultat obtenu sur les différentes pages. Cet exercice m'a permis de rafraîchir mes connaissances de CSS Vanilla et d'appuyer mes connaissances en HTML.
J'ai cependant ressenti une certaine frustration par la limitation de la technologie utilisable pour ce projet. En effet, j'aurai obtenu un meilleur résultat en utilisant
des frameworks comme ReactJS ou encore Material Tailwind.