|
|
|
@ -1,146 +1,119 @@
|
|
|
|
<!doctype html>
|
|
|
|
<!doctype html>
|
|
|
|
<html class="no-js" lang="">
|
|
|
|
<html lang="fr">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Roxane Rossetto Portfolio </title>
|
|
|
|
<title>Roxane Rossetto Portfolio</title>
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
<meta name="description" content="Portfolio de Roxane Rossetto, développeuse en alternance spécialisée en intelligence artificielle.">
|
|
|
|
<meta name="description" content="">
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="icon" href="/containers/roxanerossetto-portfolio2a/favicon.ico" sizes="any">
|
|
|
|
<body class="bg-light text-dark">
|
|
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
|
|
|
<header class="text-center py-3 mb-4 bg-white border-bottom">
|
|
|
|
<link rel="apple-touch-icon" href="icon.png">
|
|
|
|
<h1 class="h3">Portfolio de Roxane Rossetto</h1>
|
|
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="manifest" href="site.webmanifest">
|
|
|
|
<main class="container">
|
|
|
|
<meta name="theme-color" content="#fafafa">
|
|
|
|
<div class="row">
|
|
|
|
</head>
|
|
|
|
<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 assise a coté de son chien, au sommet d'une montagne." >
|
|
|
|
|
|
|
|
<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" rel="noopener">
|
|
|
|
|
|
|
|
<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" rel="noopener">
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<!-- Main content with tabs -->
|
|
|
|
<h1>Portfolio</h1>
|
|
|
|
<section class="col-md-8">
|
|
|
|
<div class="container">
|
|
|
|
<ul class="nav nav-tabs mb-4" id="portfolioTabs" role="tablist">
|
|
|
|
<section class="sidebar">
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
<figure class="backimgid">
|
|
|
|
<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>
|
|
|
|
<img id="idpict" src="/containers/roxanerossetto-portfolio2a/images/photo_id.JPG" alt="Photo de profil">
|
|
|
|
</li>
|
|
|
|
</figure>
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
<h3>Roxane Rossetto</h3>
|
|
|
|
<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>
|
|
|
|
<p id="titlejob">Alternante développeuse </p>
|
|
|
|
</li>
|
|
|
|
<ul>
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
<li>
|
|
|
|
<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>
|
|
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo.png">
|
|
|
|
</li>
|
|
|
|
<a href="/containers/roxanerossetto-portfolio2a/images/https://codefirst.iut.uca.fr/git/roxane.rossetto" >GitHub</a>
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
</li>
|
|
|
|
<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>
|
|
|
|
</li>
|
|
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo-linkedin-rond.png">
|
|
|
|
</ul>
|
|
|
|
<a href="/containers/roxanerossetto-portfolio2a/images/https://fr.linkedin.com/in/roxane-rossetto-3b9158211">LinkedIn</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
<div class="tab-content" id="portfolioTabsContent">
|
|
|
|
<li>
|
|
|
|
<div class="tab-pane fade show active" id="a-propos" role="tabpanel" aria-labelledby="apropos-tab">
|
|
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/iconMail.png">
|
|
|
|
<h2>À propos de moi</h2>
|
|
|
|
<a href="/containers/roxanerossetto-portfolio2a/images/mailto:roxane.rossetto@gmail.com">Email</a>
|
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/forge.jpg" class="img-fluid rounded mb-3" alt="Photo de Roxane devant le feu d'une des plus anciennes forges de France, en train de faire chauffer un lopin de fer " style="width: 100%; max-width: 300px;">
|
|
|
|
</li>
|
|
|
|
<p>Avant de me lancer dans le domaine de l'informatique, j’ai exercé un
|
|
|
|
</ul>
|
|
|
|
métier aussi exigeant que rare : maréchale-ferrante. Un travail de
|
|
|
|
</section>
|
|
|
|
terrain, physique, manuel, qui m’a appris la rigueur, la persévérance,
|
|
|
|
<div id="bigC">
|
|
|
|
et le goût du travail bien fait. Mais au fil du temps, une autre
|
|
|
|
<nav >
|
|
|
|
curiosité s’est imposée à moi : celle de la technologie, du numérique,
|
|
|
|
<ul>
|
|
|
|
et un peu plus tard celle pour l'intelligence artificielle.
|
|
|
|
<li><a href="#a-propos">À Propos</a></li>
|
|
|
|
Ce désir de reconversion n’est pas né d’un hasard, mais d’un vrai besoin
|
|
|
|
<li><a href="#mesProjets">Projets</a></li>
|
|
|
|
de challenge intellectuel, et d’un attrait profond pour les innovations
|
|
|
|
<li><a href="#cv">CV</a></li>
|
|
|
|
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>
|
|
|
|
</ul>
|
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/rox_dev.png" class="img-fluid rounded mb-3" alt="Photo de profil professionnelle de Roxane" style="width: 100%; max-width: 300px;">
|
|
|
|
</nav>
|
|
|
|
<p>Ces trois années de formation, ponctuées par deux années d’alternance,
|
|
|
|
<section class="main-content">
|
|
|
|
ont confirmé que j’avais trouvé ma voie. J’ai pu combiner mon sens
|
|
|
|
<section id="a-propos">
|
|
|
|
pratique avec une approche technique et humaine des projets, en
|
|
|
|
<h2>À Propos de Moi</h2>
|
|
|
|
particulier dans le domaine de l’IA. Mon objectif aujourd’hui :
|
|
|
|
<div class="separator"></div>
|
|
|
|
continuer à évoluer dans ce secteur passionnant, en contribuant à des
|
|
|
|
<p>Je suis une étudiante en reconversion professionnelle, ayant décidé de passer de la maréchalerie au domaine
|
|
|
|
projets concrets et utiles.
|
|
|
|
de l'informatique. Cette transition découle de ma passion pour la technologie et mon désir de relever
|
|
|
|
À travers ce portfolio, je souhaite partager ce parcours atypique mais
|
|
|
|
de nouveaux défis. Mon parcours atypique m'a inculqué des valeurs telles que la persévérance et la détermination,
|
|
|
|
cohérent, illustré par des expériences concrètes, des projets que j’ai
|
|
|
|
des qualités essentielles dans ce cheminement de reconversion. <br><br>
|
|
|
|
menés, et des compétences que j’ai consolidées. Je crois profondément
|
|
|
|
Je suis motivée par les défis intellectuels et technologiques que ce domaine offre, et je suis toujours à la
|
|
|
|
que ce sont les croisements d’univers – artisanat et technologie,
|
|
|
|
recherche d'opportunités pour élargir mes connaissances et mes compétences. Dans le cadre de mes études, je m'investis
|
|
|
|
rigueur et curiosité – qui font la richesse de mon profil. Et c’est ce
|
|
|
|
dans des projets dans lesquels je m'exerce dans divers types de developpement.
|
|
|
|
que je souhaite continuer à cultiver.</p>
|
|
|
|
Je suis convaincue que cette transition professionnelle est la bonne voie pour moi, et je suis déterminée à mettre
|
|
|
|
|
|
|
|
tout en œuvre pour atteindre mes objectifs dans le domaine de l'informatique.
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<div class="separator"></div>
|
|
|
|
|
|
|
|
<h2> Ce que je fais</h2>
|
|
|
|
|
|
|
|
<div id="watamIdoing">
|
|
|
|
|
|
|
|
<div class="compcase" id="comp1">
|
|
|
|
|
|
|
|
<h4>Développement d'applications</h4>
|
|
|
|
|
|
|
|
<p>Application c#, maui, mais aussi php et android-compose</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="compcase" id="comp2">
|
|
|
|
|
|
|
|
<h4>Optimisation d'applications</h4>
|
|
|
|
|
|
|
|
<p>Exploration algorithmique, Optimisation d'algorithme</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="compcase" id="comp3">
|
|
|
|
|
|
|
|
<h4>Administrer des systèmes informatiques</h4>
|
|
|
|
|
|
|
|
<p>Projets de réseaux, </p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="compcase" id="comp4">
|
|
|
|
|
|
|
|
<h4>Collaborer au sein d'une équipe informatique</h4>
|
|
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
<div class="tab-pane fade" id="experience" role="tabpanel" aria-labelledby="experience-tab">
|
|
|
|
<section id="mesProjets" class="main-content">
|
|
|
|
<h2>Expérience professionnelle</h2>
|
|
|
|
<h2>Mes projets</h2>
|
|
|
|
<p>Durant ma dernière année d'alternance, j’ai été pleinement intégrée à un projet IA. J’ai mené un POC (proof of concept), apporté des directives techniques à l’équipe de développement, et présenté des prototypes au client. J’ai ainsi confirmé mon envie de travailler dans le domaine de l’intelligence artificielle.</p>
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<div class="compcase" id="comp5">
|
|
|
|
|
|
|
|
<h4>SAE de première année : </h4>
|
|
|
|
|
|
|
|
<p> Cette SAE m'a permis d'apprendre a développer un application en C#, Maui. J'ai pu a travers elle développer
|
|
|
|
|
|
|
|
une application de type master-details. J'ai vraiment pu profiter de ce projet pour acquérir la compétence de
|
|
|
|
|
|
|
|
développer des applications dans ce langage.</p>
|
|
|
|
|
|
|
|
<img class="img-competences" src="/containers/roxanerossetto-portfolio2a/images/MCTG.png" alt="Image représentant la page d'accueil du master-details. Il y a un menu sur la droite, avec plusieurs bouton dont la connexion, un champs de recherche, et 3 filtres, entrées, plats, desserts. Sur le reste de l'image se trouve les images miniatures et le titre de chaque recette proposée.">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="compcase" id="comp666">
|
|
|
|
|
|
|
|
<h4>SAE de deuxième année : </h4>
|
|
|
|
<div class="tab-pane fade" id="formation" role="tabpanel" aria-labelledby="formation-tab">
|
|
|
|
<p>Première partie
|
|
|
|
<h2>Formation</h2>
|
|
|
|
<br>
|
|
|
|
<p>Je suis actuellement en BUT Informatique 3e année. Lors de la SAE de 3A, j’ai pu exploiter mon expérience en entreprise pour développer une application intégrant de l’IA. Cette expérience m’a permis de renforcer mes compétences techniques et mon intérêt pour la gestion de projet en IA.</p>
|
|
|
|
Durant cette SAE, j'ai pu developpé deux applications en équipe. Pour la première, il
|
|
|
|
|
|
|
|
s'agit d'une application web en PHP pour la récupération de flux RSS (se sont des flux qui permettent de
|
|
|
|
|
|
|
|
recevoir tous les nouveaux articles suivant les sites favoris que l'on a ajouté sur l'application). J'ai
|
|
|
|
|
|
|
|
vraiment pu m'améliorer dans ce langage à travers ce projet et acquérir les compétences necessaires au
|
|
|
|
|
|
|
|
developpement d'une application dans ce langage.
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
Deuxième partie
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
Dans la seconde partie de l'année j'ai pu
|
|
|
|
|
|
|
|
developpé une application android en équipe. Cela m'a grandement aidé a progresser dans ce langage, et a
|
|
|
|
|
|
|
|
approfondit les concepts de developpement d'application au sens plus large du terme. C'est a dire que l'on
|
|
|
|
|
|
|
|
y trouve des problématiques redondantes telles que, la sauvegarde des données en base de données, la mise
|
|
|
|
|
|
|
|
à jour de l'application lors de sa manipulation et la sauvegarde des données lors de la mise en arrière
|
|
|
|
|
|
|
|
plan de l'application. Se sont des parties d'une application essentielles à son bon fonctionnement.
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<img id="imgGazet" src="/containers/roxanerossetto-portfolio2a/images/Gazet.png" alt="Image représentant l'interface d'ajout d'article que j'ai pu faire durant cette SAE. Elle est composée d'un titre ADD ARTICLE, et de plusieurs champs de saisie. Il y a également un carrousel horizontal pour pouvoir choisir les collections dans lesquelles on souhaite ajouter l'article.">
|
|
|
|
|
|
|
|
<p>De plus lors de cette SAE, j'ai au début eu du mal à trouver ma place au sein de cette équipe. Cependant ce fut une excellente
|
|
|
|
|
|
|
|
expérience qui m'a permis de vraiment développer ma compétence de collaboration dans une équipe de développeur. De fait, j'ai du
|
|
|
|
|
|
|
|
prendre du recul et m'appuyer sur certaines techniques de management tel que de la négociation gagnant-gagnant ou la communication ouverte
|
|
|
|
|
|
|
|
pour pouvoir améliorer mes échanges. Je suis satisfaite du résultat puisque la deuxième partie de notre SAE s'est bien mieux déroulée.
|
|
|
|
|
|
|
|
C'est pourquoi je peux dire que j'ai encore bien fais évoluer ma compétence à collaborer au sein d'une équipe informatique.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="compcase" id="comp7">
|
|
|
|
|
|
|
|
<h4>SAE d'optimisation algorithmique : </h4>
|
|
|
|
<div class="tab-pane fade" id="cv" role="tabpanel" aria-labelledby="cv-tab">
|
|
|
|
<p> Cette SAE fait partie de celles que j'ai le plus apprécié. Effectivement, durant celle-ci j'ai pu librement
|
|
|
|
<h2>Mon CV</h2>
|
|
|
|
faire toute une partie avec la confiance de mon binôme. L'objectif de cette SAE était de choisir la structure
|
|
|
|
<img src="/containers/roxanerossetto-portfolio3a/images/cv_rox.jpg" alt="CV de Roxane Rossetto" class="img-fluid rounded shadow mb-3">
|
|
|
|
la plus adapté pour manipuler un graphe représentant des routes. Je suis contente car j'ai très bien réussis à la faire
|
|
|
|
<p>Je souhaite aujourd’hui continuer à développer mes compétences en IA et gestion de projet, avec pour objectif d’intégrer durablement l’entreprise qui m’a accueillie en alternance. Elle m’a d’ailleurs exprimé son souhait de m’embaucher sur un poste lié à la gestion de projets IA.</p>
|
|
|
|
et surtout j'ai bien saisi l'importance de chacune des structures qui nous étaient presenté. C'est aussi grâce
|
|
|
|
|
|
|
|
à notre équipe et notre organisation que j'ai pu travailler aussi bien. En effet au départ nous avions décidé d'une certaine
|
|
|
|
|
|
|
|
organisation, mais comme nous avons travaillé régulièrement en communiquand souvent, j'ai pu lui proposer une
|
|
|
|
|
|
|
|
autre solution pour une partie de la SAE. C'est pourquoi je pense avoir acquis les compétences de conduire un
|
|
|
|
|
|
|
|
projet avec souplesse, ainsi que d'optimiser des algorithme.
|
|
|
|
|
|
|
|
C'est une image correspondant a un graphe representant un reseau routier. Chaque sommet correspond à une place, et chaque arrete à une rue que l'on peut prendre dans un sens ou un autre :</p>
|
|
|
|
|
|
|
|
<img id="imgGraphe" src="/containers/roxanerossetto-portfolio2a/images/graphes.png" alt="Photo du graphe orientés a 8 sommets">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
<section id="cv">
|
|
|
|
</div>
|
|
|
|
<img id="imgcv" src="images/cv_rox.jpg">
|
|
|
|
</main>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|
|
RoxaneRossetto
