final version
continuous-integration/drone/push Build is passing Details

master
Dorian HODIN 12 months ago
parent f5392fda73
commit 757485bf34

Before

Width:  |  Height:  |  Size: 167 KiB

After

Width:  |  Height:  |  Size: 167 KiB

Before

Width:  |  Height:  |  Size: 717 KiB

After

Width:  |  Height:  |  Size: 717 KiB

Before

Width:  |  Height:  |  Size: 512 KiB

After

Width:  |  Height:  |  Size: 512 KiB

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 KiB

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 75 KiB

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

@ -10,6 +10,10 @@ document.querySelectorAll('.experience-item').forEach(item => {
});
});
if (!window.location.href.endsWith('/')) {
window.location.href = window.location.href + '/';
}
(function() {
"use strict";

@ -51,7 +51,7 @@
<h3>Dévelopeur Junior en alternance</h3>
<p class="fst-italic">
Actuellement en BUT Informatique en 3ème année à Clermont-Ferrand, je suis en alternance chez CGI pour le client Michelin.
Je vais continuer mon parcours scolaire à l'école d'ingénieur ISIMA après la fin de mon BUT.
Je vais continuer mon parcours scolaire à l'école d'ingénieurs ISIMA après la fin de mon BUT.
</p>
<div class="row">
<div class="col-lg-6">
@ -70,9 +70,11 @@
</div>
</div>
<p>
Adepte de réseau et de développement, je suis curieux de découvrir de nouvelle façon de programmer ainsi que de nouvelle technologies.<br>
J'ai réalisé plusieurs projets en Flutter, et de nombreuses API en PHP Slim. <br>
Je réalise un micro-service en Spring Boot dans le cadre de mon alternance, ce qui me permet de développer mes capacités en Java.
Adepte de réseau et de développement, je suis curieux de découvrir de nouvelle façon de programmer ainsi que de nouvelles technologies.
<br>
J'ai réalisé plusieurs projets en Flutter, et de nombreuses API en PHP Slim.
<br>
Je réalise un microservice en Spring Boot dans le cadre de mon alternance, ce qui me permet de développer mes capacités en Java.
</p>
</div>
</div>
@ -140,7 +142,7 @@
<div class="more-info"></div>
</div>
<div class="experience-item" data-info="Premier stage dans le cadre de mon BUT de deuxième année, et première fois dans une entreprise informatique. J'ai eu une très bonne équipe lors de mon stage, j'ai donc vite été à l'aise et mon travail m'as baeaucoup plus. J'ai même eu l'occasion de présenter ce que j'avais réalisé lors d'une réunion devant une dizaine de responsable Michelin.">
<div class="experience-item" data-info="Premier stage dans le cadre de mon BUT de deuxième année, et première fois dans une entreprise informatique. J'ai eu une très bonne équipe lors de mon stage, j'ai donc vite été à l'aise et mon travail m'a beaucoup plus. J'ai même eu l'occasion de présenter ce que j'avais réalisé lors d'une réunion devant une dizaine de responsables Michelin.">
<h2>10 Avril - 16 Juin 2023</h2>
<p>Stage chez CGI pour Michelin</p>
<ul>
@ -151,7 +153,7 @@
<div class="more-info"></div>
</div>
<div class="experience-item" data-info="Après mon stage, CGI m'as proposé une alternance pour suivre ma troisième année de BUT Informatique. J'ai encore une fois eu une équipe formidable, et j'ai l'occasion de développer mes capacitésde développement grâce à une organisation au sein de l'équipe assez stricte, mais c'est aussi l'occasion de développer des compétences de management et d'organisation plus poussée.">
<div class="experience-item" data-info="Après mon stage, CGI m'a proposé une alternance pour suivre ma troisième année de BUT Informatique. J'ai encore une fois eu une équipe formidable, et j'ai l'occasion de développer mes capacités de développement grâce à une organisation au sein de l'équipe assez stricte, mais c'est aussi l'occasion de développer des compétences de management et d'organisation plus poussée."> >
<h2>Septembre 2023 - Aout 2024</h2>
<p>Alternance chez CGI pour Michelin</p>
<ul>
@ -270,17 +272,17 @@
</div>
<div class="project">
<a href="projetcs/dafl.html" target="_blank">
<img src="assets/img/dafl.png" alt="DAFL Music" width="100%">
<img src="assets/img/dafl/dafl.png" alt="DAFL Music" width="100%">
</a>
</div>
<div class="project">
<a href="projetcs/temoignages.html" target="_blank">
<img src="assets/img/temoignages.png" alt="Temoignages" width="100%">
<img src="assets/img/temoignage/temoignages.png" alt="Temoignages" width="100%">
</a>
</div>
<div class="project">
<a href="projetcs/fantomgames.html" target="_blank">
<img src="assets/img/fantomgames.png" alt="Fantom Games" width="100%">
<img src="assets/img/fantomgames/fantomgames.png" alt="Fantom Games" width="100%">
</a>
</div>
</div>

@ -15,7 +15,7 @@
</div>
<div class="projectContainer project" >
<h1 class="project-title">DAFL Music</h1>
<img src="../assets/img/dafl.png" alt="DAFL Music" class="project-image" width="80%">
<img src="../assets/img/dafl/dafl.png" alt="DAFL Music" class="project-image" width="80%">
<br><br>
<div class="project-details">
@ -25,25 +25,25 @@
</div>
<div class="project-description">
<p>
DAFL Music est un projet que j'ai réalisé à l'aide de 3 de mes camarades dans le cadre de notre BUT Informatique de deuxième année.
DAFL Music est un projet que j'ai réalisé à l'aide de 3 de mes camarades dans le cadre de notre BUT Informatique de deuxième année.
<br><br>
Le concept du projet s'inspire de Tinder et de Spotify. Par exemple, vous avez installé l'application mobile DAFL Music et vous croisez quelqu'un qui a aussi l'application, par conséquent cela va afficher la musique qu'écoutait l'utilisateur que vous avez croisé sur votre téléphone.
Cela permet de découvrir de nouveaux sons et de nouveaux artistes.
Une fois que vous avez aimé le son de la personne que vous avez croisé, si cette personne a aussi aimé le son que vous avez écoutez quand vous vous êtes croisés vous allez pouvoir discuter ensemble, afin de faire de nouvelles découvertes de sons et d'artistes.
Cela permet de découvrir de nouvelles musiques et de nouveaux artistes.
Une fois que vous avez aimé le son de la personne que vous avez croisé, si cette personne a aussi aimé le son que vous avez écouté quand vous vous êtes croisés vous allez pouvoir discuter ensemble, afin de faire de nouvelles découvertes de sons et d'artistes.
<br><br>
Ce projet était un vrai challenge technique, car nous avons utilisé une technologie que nous ne connaissions pas, Flutter, et nous devions réalisés différents serveurs comme le serveur de messagerie.
Nous avons plutôt bien réussi le projet, mais nous avons pas eu le temps de le finir malheuresement.
Ce projet était un vrai challenge technique, car nous avons utilisé une technologie que nous ne connaissions pas, Flutter, et nous devions réaliser différents serveurs comme le serveur de messagerie.
Nous avons plutôt bien réussi le projet, mais nous n'avons pas eu le temps de le finir malheureusement.
<br><br>
Voici ci-dessous quelques images de notre projet, ainsi que le lien du répo :
<a href="https://codefirst.iut.uca.fr/git/DAFLDev/dafl_music" target="_blank">DAFL Music</a>
<br><br>
Vues :
<img src="../assets/img/dafl_exemple.png" width="100%">
<br>
<img src="../assets/img/dafl/dafl_exemple.png" width="90%">
<br><br>
MCD de notre application :
<img src="../assets/img/dafl_mcd.png" width="100%">
<img src="../assets/img/dafl/dafl_mcd.png" width="90%">
</p>
</div>
</div>
</div>

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio-Fantom Games</title>
<link href="https://codefirst.iut.uca.fr/containers/dorianhodin-portfolio/assets/img/favicon.ico" rel="icon">
<link href="../assets/css/bootstrap-css/bootstrap.min.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container projectContainer">
<div class="section-title">
<h2><a href="../index.html#projects">Retour Site</a></h2>
</div>
<div class="projectContainer project" >
<h1 class="project-title">Fantom Games</h1>
<img src="../assets/img/fantomgames/fantomgames.png" alt="Fantom Games" class="project-image" width="80%">
<br><br>
<div class="project-details">
<p><strong>Technologies utilisées:</strong> Flutter, Dart, Socket IO (Javascript), PHP Slim, Docker, Reverse Proxy, Cryptomonnaie</p>
<p><strong>Année de réalisation:</strong> 2023-2024</p>
<p><strong>Note finale:</strong>à venir</p>
</div>
<div class="project-description">
<p>
Fantom Games a été réalisé dans le cadre de ma troisième année de BUT Informatique. Nous avons réalisé en équipe de 4 un site web avec des mini-jeux permettant de gagner des crypto-actifs tout en s'amusant.
<br><br>
Vous souhaitez faire des petits mini-jeux avec vos amis et gagner de l'argent en même temps? Fantom Games est le site qu'il vous faut!
Le contexte de ce projet était de faire un site web assez simple, avec des mini-jeux et chaque victoire à un mini-jeu permettait de gagner des Fantom Coin, un crypto-actif développé spécialement pour le projet.
Le site propose un morpion et une bataille navale fonctionnelle. Voici le lien du serveur (encore en développement, des bugs peuvent arriver) : https://www.fantomgames.eu
<br><br>
Ce projet a été très compliqué, de par son aspect technique car réalisé un crypto-actif était très complexe.
Nous avons quand même bien réussi ces différentes tâches, mais déployer un crypto-actif revenait à trop cher, nous n'avons donc pas d'argent derrière le site mais il marche tout de même.
<br><br>
Voici ci-dessous quelques images de notre projet, ainsi que le lien du répo :
<a href="https://codefirst.iut.uca.fr/git/fantom_games/FantomGames" target="_blank">Fantom Games</a>
<br><br>
Architecture globale :
<img src="../assets/img/fantomgames/fantomgames_archi.png" width="90%">
<br><br>
MLD de notre application :
<img src="../assets/img/fantomgames/fantomgames_vues.png" width="90%">
</p>
</div>
</div>
</div>
</body>
</html>

@ -15,7 +15,7 @@
</div>
<div class="projectContainer project" >
<h1 class="project-title">Témoignage</h1>
<img src="../assets/img/temoignages.png" alt="DAFL Music" class="project-image" width="80%">
<img src="../assets/img/temoignage/temoignages.png" alt="DAFL Music" class="project-image" width="80%">
<br><br>
<div class="project-details">
@ -25,24 +25,23 @@
</div>
<div class="project-description">
<p>
Dernier projet de 2ème année, Témoignage est un projet qui a pour but de récupérer des témoignages d'étudiants et de prof et de les afficher en ligne.
Dernier projet de 2ème année, Témoignage est un projet qui a pour but de récupérer des témoignages d'étudiants et de profs et de les afficher en ligne.
<br><br>
Le sujet était donné par notre département, et il permettait de mettre en avant les vrais témoignages des gens qui ont suivi la formation, afin de guider au mieux les personnes souhaitant rejoindre cette formation.
Par exemple, on intérogeait différents élèves et profs, et on filmait ensuite avec eux une petite vidéo de 5 minutes ou on pose quelque questions pour en savoir plus.
Par exemple, on interrogeait différents élèves et profs, et on filmait ensuite avec eux une petite vidéo de 5 minutes ou on pose quelques questions pour en savoir plus.
<br><br>
Ce projet était assez simple sur papier, mais nous avons eu pas mal de difficulté comme par exemple le déploiment du site.
Nous avons aussi eu des problèmes de charge de travail au sein du groupe, ce qui a empeché de rendre un site parfait et fonctionnel.
Ce projet était assez simple sur papier, mais nous avons eu pas mal de difficulté comme par exemple le déploiement du site.
Nous avons aussi eu des problèmes de charge de travail au sein du groupe, ce qui a empêché de rendre un site parfait et fonctionnel.
<br><br>
Voici ci-dessous quelques images de notre projet, ainsi que le lien du répo :
<a href="https://codefirst.iut.uca.fr/git/Temoignages/SAE4.01_Temoignages" target="_blank">Témoignage</a>
<br><br>
Diagramme d'utilisation :
<img src="../assets/img/temoignage_usecase.png" width="100%">
<img src="../assets/img/temoignage/temoignage_usecase.png" width="90%">
<br><br>
MLD de notre application :
<img src="../assets/img/temoignage_mld.svg" width="100%">
<img src="../assets/img/temoignage/temoignage_mld.svg" width="90%">
</p>
</div>
</div>
</div>

Loading…
Cancel
Save