|
|
<!doctype html>
|
|
|
<html lang="fr">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>Roxane Rossetto Portfolio</title>
|
|
|
<meta name="description" content="Portfolio de Roxane Rossetto, développeuse en alternance spécialisée en intelligence artificielle.">
|
|
|
<link rel="icon" href="/containers/roxanerossetto-portfolio3a/favicon.ico" sizes="any">
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<link href="/containers/roxanerossetto-portfolio3a/css/style.css" rel="stylesheet">
|
|
|
</head>
|
|
|
|
|
|
<body class="bg-light text-dark">
|
|
|
<header class="text-center py-3 mb-4 bg-white border-bottom">
|
|
|
<h1 class="h3">Portfolio de Roxane Rossetto</h1>
|
|
|
</header>
|
|
|
|
|
|
<main class="container">
|
|
|
<div class="row">
|
|
|
<aside class="col-md-4 mb-4 text-center bg-white p-4 rounded shadow" aria-label="Informations personnelles">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/pinou_logo.png" class="img-fluid rounded-circle mb-3" alt="Portrait de Roxane avec son chien" style="max-width: 250px;">
|
|
|
<h2 class="h5">Roxane Rossetto</h2>
|
|
|
<p class="text-muted">Développeuse IA en alternance<br>BUT Informatique 3e année</p>
|
|
|
<nav aria-label="Liens professionnels">
|
|
|
<ul class="list-unstyled">
|
|
|
<li class="mb-2">
|
|
|
<a href="https://codefirst.iut.uca.fr/git/roxane.rossetto" class="btn btn-outline-primary w-100" target="_blank">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/logo.png" alt="CodeFirst" class="me-2" width="20">CodeFirst
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="mb-2">
|
|
|
<a href="https://fr.linkedin.com/in/roxane-rossetto-3b9158211" class="btn btn-outline-primary w-100" target="_blank">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/logo-linkedin-rond.png" alt="LinkedIn" class="me-2" width="20">LinkedIn
|
|
|
</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="mailto:roxane.rossetto@gmail.com" class="btn btn-outline-secondary w-100">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/iconMail.png" alt="Email" class="me-2" width="20">Email
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</nav>
|
|
|
</aside>
|
|
|
|
|
|
<section class="col-md-8">
|
|
|
<ul class="nav nav-tabs mb-4" id="portfolioTabs" role="tablist">
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link active" id="apropos-tab" data-bs-toggle="tab" data-bs-target="#a-propos" type="button" role="tab" aria-controls="a-propos" aria-selected="true">À propos</button>
|
|
|
</li>
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link" id="experience-tab" data-bs-toggle="tab" data-bs-target="#experience" type="button" role="tab" aria-controls="experience" aria-selected="false">Expérience</button>
|
|
|
</li>
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link" id="formation-tab" data-bs-toggle="tab" data-bs-target="#formation" type="button" role="tab" aria-controls="formation" aria-selected="false">Formation</button>
|
|
|
</li>
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<button class="nav-link" id="cv-tab" data-bs-toggle="tab" data-bs-target="#cv" type="button" role="tab" aria-controls="cv" aria-selected="false">CV</button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
<div class="tab-content" id="portfolioTabsContent">
|
|
|
<div class="tab-pane fade show active" id="a-propos" role="tabpanel" aria-labelledby="apropos-tab">
|
|
|
<h2>À propos de moi</h2>
|
|
|
|
|
|
<!-- Bloc 1 : image forge + texte -->
|
|
|
<div class="mb-4">
|
|
|
<div class="text-center mb-3">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/forge.jpg" class="img-fluid rounded shadow" alt="Photo de Roxane devant le feu d'une des plus anciennes forges de France, en train de faire chauffer un lopin de fer.">
|
|
|
</div>
|
|
|
<p>
|
|
|
Avant de me lancer dans le domaine de l'informatique, j’ai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui m’a appris la rigueur, la persévérance,
|
|
|
et le goût du travail bien fait. Mais au fil du temps, une autre curiosité s’est imposée à moi : celle de la technologie, du numérique, et un peu plus tard celle pour l'intelligence artificielle.
|
|
|
Ce désir de reconversion n’est pas né d’un hasard, mais d’un vrai besoin de challenge intellectuel, et d’un attrait profond pour les innovations qui transforment notre monde.
|
|
|
J’ai alors fait le choix d’entamer une formation en informatique, en repartant de zéro, emmenant avec moi toute la détermination et la persévérance qu'il faut pour mener à bien ce projet.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<!-- Bloc 2 : image dev + texte -->
|
|
|
<div class="mb-4">
|
|
|
<div class="text-center mb-3">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/rox_dev.png" class="img-fluid rounded shadow" alt="Photo de profil professionnelle de Roxane">
|
|
|
</div>
|
|
|
<p>
|
|
|
Ces trois années de formation, ponctuées par deux années d’alternance, ont confirmé que j’avais trouvé ma voie.
|
|
|
J’ai pu combiner mon sens pratique avec une approche technique et humaine des projets, en
|
|
|
particulier dans le domaine de l’IA. Mon objectif aujourd’hui : continuer à évoluer dans ce secteur passionnant, en contribuant à des projets concrets et utiles.
|
|
|
À travers ce portfolio, je souhaite partager ce parcours atypique mais cohérent, illustré par des expériences concrètes, des projets que j’ai menés, et des compétences que j’ai consolidées.
|
|
|
Je crois profondément que ce sont les croisements d’univers – artisanat et technologie,
|
|
|
rigueur et curiosité – qui font la richesse de mon profil. Et c’est ce que je souhaite continuer à cultiver.
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="tab-pane fade" id="experience" role="tabpanel" aria-labelledby="experience-tab">
|
|
|
<h2>Expérience professionnelle</h2>
|
|
|
<p>Durant mes deux années d’alternance, j’ai eu l’opportunité d’évoluer au sein d’environnements stimulants, où j’ai pu mettre en pratique mes compétences en développement tout en me spécialisant progressivement dans les projets liés à l’intelligence artificielle.</p>
|
|
|
<h3>Première année d'alternance chez Akkodis</h3>
|
|
|
<p>Participation à la recherche et au développement de modules liés à l’optimisation combinatoire, à l’architecture de prototypes IA agentiques, et amélioration de la qualité du code (tests, documentation).
|
|
|
Cette première immersion m’a permis d'acquérir les bonnes pratiques du développement en entreprise, et de monter en compétences dans le domaine de l'IA, en particulier le développement de prototypes en Python. J’ai expérimenté différents aspects de l’IA :</p>
|
|
|
<ul>
|
|
|
<li>Systèmes à agents autonomes pour simuler des comportements intelligents</li>
|
|
|
<li>Problèmes d'optimisation combinatoire dans des environnements dynamiques</li>
|
|
|
<li>Tests de différentes approches algorithmiques : heuristiques, recherche de chemin, etc.</li>
|
|
|
</ul>
|
|
|
<h3>Seconde année d'alternance chez Akkodis</h3>
|
|
|
<figure class="text-center">
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/pres_prop.png" class="img-fluid rounded mb-3" alt="Première slide de présentation du projet Propia qui est un outil d'aide à la réponse à appel d'offres">
|
|
|
<figcaption class="text-muted">Slide de présentation du prototype Propia, outil d'aide à la réponse à appel d'offres</figcaption>
|
|
|
</figure>
|
|
|
<p>Cette seconde année d’alternance a marqué une transition décisive dans mon parcours : Au sein d'Akkodis, j’ai été pleinement impliquée dans un projet de preuve de concept (POC) autour de l’IA.
|
|
|
Mon rôle ne s’est pas limité au développement : j’ai été chargée de piloter le POC, d’en définir les objectifs fonctionnels et techniques, et de jouer un rôle d’interface entre les équipes techniques et les interlocuteurs métier.
|
|
|
<br>Mes missions :</p>
|
|
|
<ul>
|
|
|
<li>Cadrage du besoin avec client et équipes internes</li>
|
|
|
<li>Développement de prototypes avec intégration IA</li>
|
|
|
<li>Présentations régulières et ajustements</li>
|
|
|
<li>Coordination avec les développeurs, documentation</li>
|
|
|
</ul>
|
|
|
<p>À l’issue de cette mission, l’entreprise m’a exprimé son souhait de m’intégrer à plein temps, probablement sur un poste orienté gestion de projets IA. Ce type de rôle, à la croisée du pilotage, de la communication technique, et de la compréhension des enjeux IA, correspond pleinement à mes aspirations actuelles.
|
|
|
Je suis aujourd’hui prête à consolider cette expérience en évoluant sur des projets d’envergure, toujours dans le domaine de l’intelligence artificielle.</p>
|
|
|
</div>
|
|
|
<div class="tab-pane fade" id="formation" role="tabpanel" aria-labelledby="formation-tab">
|
|
|
<h2>Formation</h2>
|
|
|
|
|
|
<h3 class="mt-4">BUT Informatique – Université Clermont-Auvergne</h3>
|
|
|
<p><strong>2022 – 2025</strong> | Parcours Réalisation d’applications : conception, développement d'applications</p>
|
|
|
<p>Ma formation en BUT informatique m’a permis d’acquérir un socle solide de compétences en développement, gestion de projet, algorithmique et systèmes, tout en m’offrant la possibilité de me spécialiser progressivement dans le domaine de l’intelligence artificielle.</p>
|
|
|
<p>L’approche pédagogique du BUT – fortement axée sur les mises en situation concrètes (SAE) et l’alternance – m’a permis de croiser apports théoriques et pratique en entreprise, en cohérence avec mon projet professionnel.</p>
|
|
|
|
|
|
<h4 class="mt-4">Projet de 3e année – SAE : un éditeur de texte intelligent</h4>
|
|
|
<p>En dernière année, j’ai mené un projet structurant autour de la conception d’un éditeur de texte intégrant de l’intelligence artificielle, via l’outil Ollama (LLM local). Ce projet visait à démontrer l’intérêt d’une intégration IA dans un usage quotidien, tout en respectant les contraintes de performance, d’ergonomie et de respect des données.</p>
|
|
|
|
|
|
<h5 class="mt-3">Compétences mobilisées :</h5>
|
|
|
<ul>
|
|
|
<li>Développement complet de l’interface et de l’interaction avec le LLM</li>
|
|
|
<li>Intégration d’une couche IA locale (via Ollama), avec des fonctions de reformulation, correction ou suggestion</li>
|
|
|
<li>Gestion de projet agile : organisation du travail en équipe, répartition des rôles, suivi des livrables</li>
|
|
|
<li>Documentation et présentation des résultats à l’équipe enseignante</li>
|
|
|
</ul>
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/inkspire.png" class="img-fluid rounded mb-3" alt="Capture d'écran de l'interface de l'aplication développée par Roxane Rossetto en collaboration avec deux autres développeurs. Cette application est nommée Inkspire">
|
|
|
|
|
|
<h5 class="mt-3">Ce que j’ai appris :</h5>
|
|
|
<p>Ce projet m’a permis de faire le lien direct entre mes expériences en entreprise et les exigences académiques. Il m’a également confortée dans mon choix de carrière : j’ai pris plaisir à participer à un projet mêlant du développement en symfony et Angular ainsu que de l'intégration d’IA, le tout en assurant une dynamique d’équipe constructive.
|
|
|
Ce projet a été l’opportunité de concrétiser ma capacité à concevoir une application utile et intelligente, dans un contexte réaliste, en mobilisant pleinement les compétences développées tout au long de ma formation.
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="tab-pane fade" id="cv" role="tabpanel" aria-labelledby="cv-tab">
|
|
|
<h2>Mon CV</h2>
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/cv_updated.jpg" class="img-fluid rounded shadow mb-3" alt="C'est une image du CV de Roxane Rossetto, montrant son parcours de reconversion professionnelle du métier de maréchale ferrante a develloppeuse.">
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
</div>
|
|
|
</main>
|
|
|
|
|
|
<footer class="text-center py-4 mt-4 bg-white border-top">
|
|
|
<div class="container">
|
|
|
<p class="mb-1">Merci pour votre visite ! N'hésitez pas à me contacter pour toute collaboration ou question.</p>
|
|
|
</div>
|
|
|
</footer>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
