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.
147 lines
8.7 KiB
147 lines
8.7 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="css/style.css">
|
|
<meta name="description" content="">
|
|
|
|
<link rel="icon" href="/containers/roxanerossetto-portfolio2a/favicon.ico" sizes="any">
|
|
<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>
|
|
|
|
<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 </p>
|
|
<ul>
|
|
<li>
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo.png">
|
|
<a href="/containers/roxanerossetto-portfolio2a/images/https://codefirst.iut.uca.fr/git/roxane.rossetto" >GitHub</a>
|
|
</li>
|
|
<li>
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/logo-linkedin-rond.png">
|
|
<a href="/containers/roxanerossetto-portfolio2a/images/https://fr.linkedin.com/in/roxane-rossetto-3b9158211">LinkedIn</a>
|
|
</li>
|
|
<li>
|
|
<img class="imgIcon" src="/containers/roxanerossetto-portfolio2a/images/iconMail.png">
|
|
<a href="/containers/roxanerossetto-portfolio2a/images/mailto:roxane.rossetto@gmail.com">Email</a>
|
|
</li>
|
|
</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>
|
|
<section class="main-content">
|
|
<section 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, </p>
|
|
</div>
|
|
<div class="compcase" id="comp4">
|
|
<h4>Collaborer au sein d'une équipe informatique</h4>
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="mesProjets" class="main-content">
|
|
<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 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 class="compcase" id="comp666">
|
|
<h4>SAE de deuxième année : </h4>
|
|
<p>Première partie
|
|
<br>
|
|
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 class="compcase" id="comp7">
|
|
<h4>SAE d'optimisation algorithmique : </h4>
|
|
<p> Cette SAE fait partie de celles que j'ai le plus apprécié. Effectivement, 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é 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>
|
|
</section>
|
|
<section id="cv">
|
|
<img id="imgcv" src="images/cv_rox.jpg">
|
|
</section>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
</script>
|
|
</body>
|
|
</html>
|