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.
portfolio2a/index.html

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>