Compare commits

..

53 Commits

Author SHA1 Message Date
Roxane ROSSETTO 0fd2b60716 Mise à jour de 'README.md'
continuous-integration/drone/push Build is passing Details
6 hours ago
RoxaneRossetto 147ff3688c Update with better ALT description for a better accessibility ❤️
continuous-integration/drone/push Build is passing Details
6 hours ago
RoxaneRossetto 5736df8724 W3school validation !
continuous-integration/drone/push Build is passing Details
6 hours ago
RoxaneRossetto f2554f03e6 update cv bis
continuous-integration/drone/push Build is passing Details
6 hours ago
RoxaneRossetto 86cb039893 modif img a propos de moi
continuous-integration/drone/push Build is passing Details
6 hours ago
RoxaneRossetto 48f4cb95ba rework formation and experience sections
continuous-integration/drone/push Build is passing Details
6 hours ago
RoxaneRossetto d709287206 rework des images, et ajustement de certains textes
continuous-integration/drone/push Build is passing Details
7 hours ago
RoxaneRossetto 646b0e75af expérience pro et cv update
continuous-integration/drone/push Build is passing Details
7 hours ago
RoxaneRossetto 6c9d204388 update id photo ter
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto 485f4e364e update id photo bis
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto e1160c4afe update id photo
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto 510e2d87ab update css
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto 52124e6794 update css
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto f652846587 update css
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto 206b292aca add the a-propos-de-moi section and some photos
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto d747ca32cb update
continuous-integration/drone/push Build is passing Details
2 days ago
RoxaneRossetto eb63359f46 update
continuous-integration/drone/push Build is passing Details
2 days ago
Roxane d45a5eeab3 final commit
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 8033343de0 adding W3C validation
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 27ad1672c3 adding W3C validation
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane cfad2e5d09 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 836a5a4ba6 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 5e5256da07 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 6f571412dc repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 42fdc5a05e repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane dc2fb2718f repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 4977c1f564 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 6031f06ba2 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 810d0e09ed repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 5a2fb280ce repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 87278fe943 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane ef21074dc6 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 55f055c277 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane d668828bc6 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 29899a9aef repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 34f700e5e0 repair display
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 4097522640 repair display tentative
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 601fad84f3 repair display tentative
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 541a9e181a .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 031eb6ecf9 .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 4ef3715d96 .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 496bc35097 correction
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane d20d080773 correction
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 58297bfb21 coreection
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 01e0a1f2fd adding keyboard navigation
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 3b06df087b .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane fbdddc6571 .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane e64a70d4d0 .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 33ca88d4fb resolution trailing slash
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 14383bbd86 merge resolution
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 597d5d255c .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane 5397aec9a6 .
continuous-integration/drone/push Build is passing Details
1 year ago
Roxane a004492f60 juste little changes, as title and correction of the h1
continuous-integration/drone/push Build is passing Details
1 year ago

@ -15,7 +15,7 @@ steps:
context: . context: .
registry: hub.codefirst.iut.uca.fr registry: hub.codefirst.iut.uca.fr
mirror: https://proxy.iut.uca.fr:8443 mirror: https://proxy.iut.uca.fr:8443
repo: hub.codefirst.iut.uca.fr/roxane.rossetto/portfolio2a repo: hub.codefirst.iut.uca.fr/roxane.rossetto/portfolio3a
username: username:
from_secret: SECRET_REGISTRY_USERNAME from_secret: SECRET_REGISTRY_USERNAME
password: password:
@ -24,7 +24,7 @@ steps:
- name: deploy-container - name: deploy-container
image: hub.codefirst.iut.uca.fr/thomas.bellembois/codefirst-dockerproxy-clientdrone:latest image: hub.codefirst.iut.uca.fr/thomas.bellembois/codefirst-dockerproxy-clientdrone:latest
environment: environment:
IMAGENAME: hub.codefirst.iut.uca.fr/roxane.rossetto/portfolio2a:latest IMAGENAME: hub.codefirst.iut.uca.fr/roxane.rossetto/portfolio3a:latest
CONTAINERNAME: portfolio2a CONTAINERNAME: portfolio3a
COMMAND: create COMMAND: create
OVERWRITE: true OVERWRITE: true

@ -5,7 +5,6 @@
</component> </component>
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="0d4e44dc-11e8-4d37-b8e5-1f58496791d5" name="Changes" comment=""> <list default="true" id="0d4e44dc-11e8-4d37-b8e5-1f58496791d5" name="Changes" comment="">
<change beforePath="$PROJECT_DIR$/css/style.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/style.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
@ -27,22 +26,22 @@
<option name="hideEmptyMiddlePackages" value="true" /> <option name="hideEmptyMiddlePackages" value="true" />
<option name="showLibraryContents" value="true" /> <option name="showLibraryContents" value="true" />
</component> </component>
<component name="PropertiesComponent">{ <component name="PropertiesComponent"><![CDATA[{
&quot;keyToString&quot;: { "keyToString": {
&quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;, "RunOnceActivity.OpenProjectViewOnStart": "true",
&quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;, "RunOnceActivity.ShowReadmeOnStart": "true",
&quot;git-widget-placeholder&quot;: &quot;feature/index&quot;, "git-widget-placeholder": "master",
&quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;, "ignore.virus.scanning.warn.message": "true",
&quot;kotlin-language-version-configured&quot;: &quot;true&quot;, "kotlin-language-version-configured": "true",
&quot;last_opened_file_path&quot;: &quot;D:/Utilisateurs/Roxane/IUT/PORTFOLIODOCKER/Portfolio2A&quot;, "last_opened_file_path": "D:/Utilisateurs/Roxane/IUT/PORTFOLIODOCKER/Portfolio2A",
&quot;node.js.detected.package.eslint&quot;: &quot;true&quot;, "node.js.detected.package.eslint": "true",
&quot;node.js.detected.package.tslint&quot;: &quot;true&quot;, "node.js.detected.package.tslint": "true",
&quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;, "node.js.selected.package.eslint": "(autodetect)",
&quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;, "node.js.selected.package.tslint": "(autodetect)",
&quot;nodejs_package_manager_path&quot;: &quot;npm&quot;, "nodejs_package_manager_path": "npm",
&quot;vue.rearranger.settings.migration&quot;: &quot;true&quot; "vue.rearranger.settings.migration": "true"
} }
}</component> }]]></component>
<component name="SharedIndexes"> <component name="SharedIndexes">
<attachedChunks> <attachedChunks>
<set> <set>
@ -58,7 +57,7 @@
<option name="number" value="Default" /> <option name="number" value="Default" />
<option name="presentableId" value="Default" /> <option name="presentableId" value="Default" />
<updated>1712482772398</updated> <updated>1712482772398</updated>
<workItem from="1712482773498" duration="15268000" /> <workItem from="1712482773498" duration="15897000" />
</task> </task>
<servers /> <servers />
</component> </component>

@ -1,8 +1,7 @@
[![Build Status](https://codefirst.iut.uca.fr/api/badges/roxane.rossetto/Portfolio2A/status.svg)](https://codefirst.iut.uca.fr/roxane.rossetto/Portfolio2A) [![Build Status](https://codefirst.iut.uca.fr/api/badges/roxane.rossetto/Portfolio3A/status.svg)](https://codefirst.iut.uca.fr/roxane.rossetto/Portfolio3A)
# Portfolio2A # Portfolio3A
Go check this amazing portfolio !
https://codefirst.iut.uca.fr/containers/roxanerossetto-portfolio3a
A simple template for a web site.

@ -1,423 +1,4 @@
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
body { body {
font-family: Arial, sans-serif; color: #212529;
margin: 0; background-color: #f8f9fa;
padding: 0;
background-color: #222222;
color: white;
}
h1 {
text-align: center;
}
.container {
display: flex;
position: sticky;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
margin: 5ex;
border-radius: 20px;
}
.sidebar {
display: flex;
position: sticky;
top: 5%;
flex-direction: column;
width: 20%;
max-height: 500px;
background-color: #333333;
text-align: center;
padding: 3ch;
border: 2px solid gray;
border-radius: 20px;
margin-right: 10px;
}
.backimgid {
margin: 10px;
padding: 10px;
background-color: #888888;
border-radius: 10px;
position: relative;
display: flex;
align-content: center;
align-items: center;
}
.imgIcon {
width: 20px;
height: 20px;
}
#idpict {
width: 80%;
}
.sidebar img {
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.sidebar ul {
list-style-type: none;
padding: 0;
}
.sidebar ul li {
margin-bottom: 10px;
color: white;
}
#titlejob {
padding: 20px;
border-bottom: 2px solid gray;
border-top: 2px solid gray;
}
.sidebar ul li a {
text-decoration: none;
color: white;
}
.main-content {
display: flex;
flex-direction: column;
width: 75%;
overflow-y: auto;
background-color: #333333;
border: 2px solid gray;
border-radius: 20px;
margin-left: 10px;
padding: 20px;
}
#mesProjets {
display: none;
}
#mesProjets:target {
display: block;
}
#bigC {
display: flex;
flex-direction: column;
}
nav {
position: sticky;
width: fit-content;
align-self: flex-end;
top: 5%;
margin-right: 25%;
border: 2px solid gray;
padding: 10px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px ;
background-color: #555555;
}
nav ul {
list-style-type: none;
padding: 0;
margin-bottom: 20px;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
text-decoration: none;
color: white;
}
#a-propos {
margin: 20px;
}
#a-propos:target {
display: block;
}
#mesProjets:target {
display: block;
}
#cv:target {
display: block;
}
section {
margin-bottom: 40px;
display: none;
}
section h2 {
margin-bottom: 10px;
font-weight: bold;
}
.separator {
border-bottom: 3px solid gray;
width: 10%;
margin: 36px;
}
#watamIdoing {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(2,1fr);
}
.compcase {
border: 2px solid gray;
margin: 10px;
gap: 20px;
border-radius: 10px;
box-shadow:10px 10px hsla(0, 0%, 0%, 0.125);
padding: 20px;
}
#imgcv {
padding: 10px;
width: 75%;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden,
[hidden] {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visually-hidden {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
/* 1 */
}
/*
* Extends the .visually-hidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* The use of `table` rather than `block` is only necessary if using
* `::before` to contain the top-margins of child elements.
*/
.clearfix::before,
.clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*::before,
*::after {
background: #fff !important;
color: #000 !important;
/* Black prints faster */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 322 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 364 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 520 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 496 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 537 KiB

@ -1,146 +1,167 @@
<!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 rel="icon" href="/containers/roxanerossetto-portfolio2a/favicon.ico" sizes="any"> <link href="/containers/roxanerossetto-portfolio3a/css/style.css" rel="stylesheet">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="icon.png">
<link rel="manifest" href="site.webmanifest">
<meta name="theme-color" content="#fafafa">
</head> </head>
<body> <body class="bg-light text-dark">
<h1>Portfolio</h1> <header class="text-center py-3 mb-4 bg-white border-bottom">
<div class="container"> <h1 class="h3">Portfolio de Roxane Rossetto</h1>
<section class="sidebar"> </header>
<figure class="backimgid">
<img id="idpict" src="/containers/roxanerossetto-portfolio2a/images/photo_id.JPG" alt="Photo de profil"> <main class="container">
</figure> <div class="row">
<h3>Roxane Rossetto</h3> <aside class="col-md-4 mb-4 text-center bg-white p-4 rounded shadow" aria-label="Informations personnelles">
<p id="titlejob">Alternante développeuse </p> <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;">
<ul> <h2 class="h5">Roxane Rossetto</h2>
<li> <p class="text-muted">Développeuse IA en alternance<br>BUT Informatique 3e année</p>
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo.png"> <nav aria-label="Liens professionnels">
<a href="/containers/roxanerossetto-portfolio2a/images/https://codefirst.iut.uca.fr/git/roxane.rossetto" >GitHub</a> <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>
<li> <li class="mb-2">
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo-linkedin-rond.png"> <a href="https://fr.linkedin.com/in/roxane-rossetto-3b9158211" class="btn btn-outline-primary w-100" target="_blank">
<a href="/containers/roxanerossetto-portfolio2a/images/https://fr.linkedin.com/in/roxane-rossetto-3b9158211">LinkedIn</a> <img src="/containers/roxanerossetto-portfolio3a/images/logo-linkedin-rond.png" alt="LinkedIn" class="me-2" width="20">LinkedIn
</a>
</li> </li>
<li> <li>
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/iconMail.png"> <a href="mailto:roxane.rossetto@gmail.com" class="btn btn-outline-secondary w-100">
<a href="/containers/roxanerossetto-portfolio2a/images/mailto:roxane.rossetto@gmail.com">Email</a> <img src="/containers/roxanerossetto-portfolio3a/images/iconMail.png" alt="Email" class="me-2" width="20">Email
</a>
</li> </li>
</ul> </ul>
</section>
<div id="bigC">
<nav >
<ul>
<li><a href="#a-propos">À Propos</a></li>
<li><a href="#mesProjets">Projets</a></li>
<li><a href="#cv">CV</a></li>
</ul>
</nav> </nav>
<section class="main-content"> </aside>
<section id="a-propos">
<h2>À Propos de Moi</h2> <section class="col-md-8">
<div class="separator"></div> <ul class="nav nav-tabs mb-4" id="portfolioTabs" role="tablist">
<p>Je suis une étudiante en reconversion professionnelle, ayant décidé de passer de la maréchalerie au domaine <li class="nav-item" role="presentation">
de l'informatique. Cette transition découle de ma passion pour la technologie et mon désir de relever <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>
de nouveaux défis. Mon parcours atypique m'a inculqué des valeurs telles que la persévérance et la détermination, </li>
des qualités essentielles dans ce cheminement de reconversion. <br><br> <li class="nav-item" role="presentation">
Je suis motivée par les défis intellectuels et technologiques que ce domaine offre, et je suis toujours à la <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>
recherche d'opportunités pour élargir mes connaissances et mes compétences. Dans le cadre de mes études, je m'investis </li>
dans des projets dans lesquels je m'exerce dans divers types de developpement. <li class="nav-item" role="presentation">
Je suis convaincue que cette transition professionnelle est la bonne voie pour moi, et je suis déterminée à mettre <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>
tout en œuvre pour atteindre mes objectifs dans le domaine de l'informatique. </li>
</p> <li class="nav-item" role="presentation">
<div class="separator"></div> <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>
<h2> Ce que je fais</h2> </li>
<div id="watamIdoing"> </ul>
<div class="compcase" id="comp1">
<h4>Développement d'applications</h4> <div class="tab-content" id="portfolioTabsContent">
<p>Application c#, maui, mais aussi php et android-compose</p> <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> </div>
<div class="compcase" id="comp2"> <p>
<h4>Optimisation d'applications</h4> Avant de me lancer dans le domaine de l'informatique, jai exercé un métier aussi exigeant que rare : maréchale-ferrante. Un travail de terrain, physique, manuel, qui ma appris la rigueur, la persévérance,
<p>Exploration algorithmique, Optimisation d'algorithme</p> et le goût du travail bien fait. Mais au fil du temps, une autre curiosité sest 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 nest pas né dun hasard, mais dun vrai besoin de challenge intellectuel, et dun attrait profond pour les innovations qui transforment notre monde.
Jai alors fait le choix dentamer 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> </div>
<div class="compcase" id="comp3">
<h4>Administrer des systèmes informatiques</h4> <!-- Bloc 2 : image dev + texte -->
<p>Projets de réseaux, </p> <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> </div>
<div class="compcase" id="comp4"> <p>
<h4>Collaborer au sein d'une équipe informatique</h4> Ces trois années de formation, ponctuées par deux années dalternance, ont confirmé que javais trouvé ma voie.
<p></p> Jai pu combiner mon sens pratique avec une approche technique et humaine des projets, en
particulier dans le domaine de lIA. Mon objectif aujourdhui : 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 jai menés, et des compétences que jai consolidées.
Je crois profondément que ce sont les croisements dunivers artisanat et technologie,
rigueur et curiosité qui font la richesse de mon profil. Et cest ce que je souhaite continuer à cultiver.
</p>
</div> </div>
</div> </div>
</section>
<section id="mesProjets" class="main-content">
<h2>Mes projets</h2> <div class="tab-pane fade" id="experience" role="tabpanel" aria-labelledby="experience-tab">
<div> <h2>Expérience professionnelle</h2>
<div class="compcase" id="comp5"> <p>Durant mes deux années dalternance, jai eu lopportunité dévoluer au sein denvironnements stimulants, où jai pu mettre en pratique mes compétences en développement tout en me spécialisant progressivement dans les projets liés à lintelligence artificielle.</p>
<h4>SAE de première année : </h4> <h3>Première année d'alternance chez Akkodis</h3>
<p> Cette SAE m'a permis d'apprendre a développer un application en C#, Maui. J'ai pu a travers elle développer <p>Participation à la recherche et au développement de modules liés à loptimisation combinatoire, à larchitecture de prototypes IA agentiques, et amélioration de la qualité du code (tests, documentation).
une application de type master-details. J'ai vraiment pu profiter de ce projet pour acquérir la compétence de Cette première immersion ma 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. Jai expérimenté différents aspects de lIA :</p>
développer des applications dans ce langage.</p> <ul>
<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."> <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 dalternance a marqué une transition décisive dans mon parcours : Au sein d'Akkodis, jai été pleinement impliquée dans un projet de preuve de concept (POC) autour de lIA.
Mon rôle ne sest pas limité au développement : jai été chargée de piloter le POC, den définir les objectifs fonctionnels et techniques, et de jouer un rôle dinterface 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>À lissue de cette mission, lentreprise ma exprimé son souhait de minté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 aujourdhui prête à consolider cette expérience en évoluant sur des projets denvergure, toujours dans le domaine de lintelligence artificielle.</p>
</div> </div>
<div class="compcase" id="comp666"> <div class="tab-pane fade" id="formation" role="tabpanel" aria-labelledby="formation-tab">
<h4>SAE de deuxième année : </h4> <h2>Formation</h2>
<p>Première partie
<br> <h3 class="mt-4">BUT Informatique Université Clermont-Auvergne</h3>
Durant cette SAE, j'ai pu developpé deux applications en équipe. Pour la première, il <p><strong>2022 2025</strong> | Parcours Réalisation dapplications : conception, développement d'applications</p>
s'agit d'une application web en PHP pour la récupération de flux RSS (se sont des flux qui permettent de <p>Ma formation en BUT informatique ma permis dacquérir un socle solide de compétences en développement, gestion de projet, algorithmique et systèmes, tout en moffrant la possibilité de me spécialiser progressivement dans le domaine de lintelligence artificielle.</p>
recevoir tous les nouveaux articles suivant les sites favoris que l'on a ajouté sur l'application). J'ai <p>Lapproche pédagogique du BUT fortement axée sur les mises en situation concrètes (SAE) et lalternance ma permis de croiser apports théoriques et pratique en entreprise, en cohérence avec mon projet professionnel.</p>
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. <h4 class="mt-4">Projet de 3e année SAE : un éditeur de texte intelligent</h4>
<br><br> <p>En dernière année, jai mené un projet structurant autour de la conception dun éditeur de texte intégrant de lintelligence artificielle, via loutil Ollama (LLM local). Ce projet visait à démontrer lintérêt dune intégration IA dans un usage quotidien, tout en respectant les contraintes de performance, dergonomie et de respect des données.</p>
Deuxième partie
<br> <h5 class="mt-3">Compétences mobilisées :</h5>
Dans la seconde partie de l'année j'ai pu <ul>
developpé une application android en équipe. Cela m'a grandement aidé a progresser dans ce langage, et a <li>Développement complet de linterface et de linteraction avec le LLM</li>
approfondit les concepts de developpement d'application au sens plus large du terme. C'est a dire que l'on <li>Intégration dune couche IA locale (via Ollama), avec des fonctions de reformulation, correction ou suggestion</li>
y trouve des problématiques redondantes telles que, la sauvegarde des données en base de données, la mise <li>Gestion de projet agile : organisation du travail en équipe, répartition des rôles, suivi des livrables</li>
à jour de l'application lors de sa manipulation et la sauvegarde des données lors de la mise en arrière <li>Documentation et présentation des résultats à léquipe enseignante</li>
plan de l'application. Se sont des parties d'une application essentielles à son bon fonctionnement. </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 jai appris :</h5>
<p>Ce projet ma permis de faire le lien direct entre mes expériences en entreprise et les exigences académiques. Il ma également confortée dans mon choix de carrière : jai pris plaisir à participer à un projet mêlant du développement en symfony et Angular ainsu que de l'intégration dIA, le tout en assurant une dynamique déquipe constructive.
Ce projet a été lopportunité 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> </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"> <div class="tab-pane fade" id="cv" role="tabpanel" aria-labelledby="cv-tab">
<h4>SAE d'optimisation algorithmique : </h4> <h2>Mon CV</h2>
<p> Cette SAE fait partie de celles que j'ai le plus apprécié. Effectivement, durant celle-ci j'ai pu librement <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.">
faire toute une partie avec la confiance de mon binôme. L'objectif de cette SAE était de choisir la structure
la plus adapté pour manipuler un graphe représentant des routes. Je suis contente car j'ai très bien réussis à la faire
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">
<img id="imgcv" src="images/cv_rox.jpg">
</section>
</div> </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> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</script>
</body> </body>
</html> </html>

Loading…
Cancel
Save