generated from Templates_CodeFirst/templateHtmlCss
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
8.8 KiB
142 lines
8.8 KiB
<!doctype html>
|
|
<html class="no-js" lang="">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Roxane Rossetto Portfolio </title>
|
|
<link rel="stylesheet" href="/containers/roxanerossetto-portfolio2a/css/style.css">
|
|
<meta name="description" content="">
|
|
<link rel="icon" href="/containers/roxanerossetto-portfolio2a/favicon.ico" sizes="any">
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Portfolio</h1>
|
|
<div class="container">
|
|
<section class="sidebar">
|
|
<figure class="backimgid">
|
|
<img id="idpict" src="/containers/roxanerossetto-portfolio2a/images/photo_id.JPG" alt="Photo de profil">
|
|
</figure>
|
|
<h3>Roxane Rossetto</h3>
|
|
<p id="titlejob">Alternante développeuse <br><br> BUT 2e année <br> Informatique</p>
|
|
<ul>
|
|
<li>
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo.png">
|
|
<a href="https://codefirst.iut.uca.fr/git/roxane.rossetto" >CodeFirst</a>
|
|
</li>
|
|
<li>
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo-linkedin-rond.png">
|
|
<a href="https://fr.linkedin.com/in/roxane-rossetto-3b9158211">LinkedIn</a>
|
|
</li>
|
|
<li>
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/iconMail.png">
|
|
<a href="mailto:roxane.rossetto@gmail.com">Email</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<div id="bigC">
|
|
<nav >
|
|
<ul>
|
|
<li><a href="#a-propos" accesskey="a"><span class="daccesskey">À</span> Propos</a></li>
|
|
<li><a href="#mesProjets" accesskey="p"><span class="daccesskey">P</span>rojets</a></li>
|
|
<li><a href="#cv" accesskey="c"><span class="daccesskey">C</span>V</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="main-content">
|
|
<section class="sec" id="a-propos">
|
|
<h2>À Propos de Moi</h2>
|
|
<div class="separator"></div>
|
|
<p>Je suis une étudiante en reconversion professionnelle, ayant décidé de passer de la maréchalerie au domaine
|
|
de l'informatique. Cette transition découle de ma passion pour la technologie et mon désir de relever
|
|
de nouveaux défis. Mon parcours atypique m'a inculqué des valeurs telles que la persévérance et la détermination,
|
|
des qualités essentielles dans ce cheminement de reconversion. <br><br>
|
|
Je suis motivée par les défis intellectuels et technologiques que ce domaine offre, et je suis toujours à la
|
|
recherche d'opportunités pour élargir mes connaissances et mes compétences. Dans le cadre de mes études, je m'investis
|
|
dans des projets dans lesquels je m'exerce dans divers types de developpement.
|
|
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 et de Docker. </p>
|
|
</div>
|
|
<div class="compcase" id="comp4">
|
|
<h4>Collaborer au sein d'une équipe informatique</h4>
|
|
<p> Nombreux projets en équipes de 2 a 5 développeur.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="mesProjets" class="sec">
|
|
<h2>Mes projets</h2>
|
|
<div>
|
|
<div class="compcase" id="comp5">
|
|
<h4>SAE de première année : </h4>
|
|
<p> Cette SAE m'a permis d'apprendre à développer une application en C#, Maui. J'ai pu, à 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 class="compcase" id="comp666">
|
|
<h4>SAE de deuxième année : </h4>
|
|
<p>Première partie
|
|
<br>Durant cette SAE, j'ai pu développer 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 (ce sont des flux qui permettent de recevoir tous
|
|
les nouveaux articles suivant les sites favoris que l'on a ajoutés sur l'application). J'ai vraiment pu
|
|
m'améliorer dans ce langage à travers ce projet et acquérir les compétences nécessaires au développement
|
|
d'une application dans ce langage.
|
|
<br><br>
|
|
Deuxième partie
|
|
<br>
|
|
Dans la seconde partie de l'année, j'ai pu développer une application Android en équipe. Cela m'a
|
|
grandement aidé à progresser dans ce langage et à approfondir les concepts de développement d'application
|
|
au sens plus large du terme. C'est-à-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. Ce sont des parties essentielles
|
|
d'une application pour 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 eu au début 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 au
|
|
sein d'une équipe de développeurs. De fait, j'ai dû prendre du recul et m'appuyer sur certaines techniques
|
|
de management telles que 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 fait évoluer ma compétence à collaborer au sein d'une équipe
|
|
informatique.
|
|
</p>
|
|
</div>
|
|
<div class="compcase" id="comp7">
|
|
<h4>SAE d'optimisation algorithmique : </h4>
|
|
<p>Cette SAE fait partie de celles que j'ai le plus appréciées. En effet, durant celle-ci, j'ai pu librement
|
|
faire toute une partie avec la confiance de mon binôme. L'objectif de cette SAE était de choisir la structure
|
|
la plus adaptée pour manipuler un graphe représentant des routes. Je suis contente car j'ai très bien réussi
|
|
à la faire et surtout j'ai bien saisi l'importance de chacune des structures qui nous étaient présentées.
|
|
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 communiquant
|
|
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 algorithmes.
|
|
C'est une image correspondant à un graphe représentant un réseau routier. Chaque sommet correspond à une place,
|
|
et chaque arête à 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>
|
|
</section>
|
|
<section id="cv" class="sec">
|
|
<img id="imgcv" src="/containers/roxanerossetto-portfolio2a/images/cv_rox.jpg">
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|