add english

This commit is contained in:
2019-09-12 19:52:47 +02:00
parent f63f68b73c
commit 9ce8f3bb2f
7 changed files with 305 additions and 80 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta charset="utf-8">
@ -12,6 +12,8 @@
<link href="mdb/css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="mdb/css/mdb.min.css" rel="stylesheet">
<!-- Material Design Bootstrap Flags -->
<link href="mdb/css/addons/flag.min.css" rel="stylesheet">
<!-- Your custom styles -->
<link href="mdb/css/style.css" rel="stylesheet">
</head>
@ -39,23 +41,36 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Left -->
<ul class="navbar-nav mr-auto">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item" id="about_menu">
<a class="nav-link waves-effect" href="javascript:page_selection('#about');">A propos de moi</a>
<a class="nav-link waves-effect" href="javascript:page_selection('#about');" data-i18n="menu.about"></a>
</li>
<li class="nav-item" id="trainexp_menu">
<a class="nav-link waves-effect" href="javascript:page_selection('#trainexp');">Expériences Professionnelles &#x26; Formations</a>
<li class="nav-item" id="experiences_menu">
<a class="nav-link waves-effect" href="javascript:page_selection('#experiences');" data-i18n="menu.experiences"></a>
</li>
<li class="nav-item" id="training_menu">
<a class="nav-link waves-effect" href="javascript:page_selection('#training');" data-i18n="menu.training"></a>
</li>
<li class="nav-item" id="publications_menu">
<a class="nav-link waves-effect" href="javascript:page_selection('#publications');">Publications</a>
<a class="nav-link waves-effect" href="javascript:page_selection('#publications');" data-i18n="menu.publications"></a>
</li>
<li class="nav-item" id="teachings_menu">
<a class="nav-link waves-effect" href="javascript:page_selection('#teachings');">Enseignements</a>
<a class="nav-link waves-effect" href="javascript:page_selection('#teachings');" data-i18n="menu.teachings"></a>
</li>
<li class="nav-item" id="projects_menu">
<a class="nav-link waves-effect" href="javascript:page_selection('#projects');">Projets</a>
<a class="nav-link waves-effect" href="javascript:page_selection('#projects');" data-i18n="menu.projects"></a>
</li>
</ul>
<!-- Right -->
<ul class="navbar-nav nav-flex-icons">
<a id="ukflag" href="javascript:i18next.changeLanguage('en');">
<i class="uk flag"></i>
</a>
<a id="frflag" href="javascript:i18next.changeLanguage('fr');">
<i class="france flag"></i>
</a>
</ul>
</div>
</div>
@ -98,7 +113,7 @@
<!-- Title -->
<h4 class="card-title"><strong>Quentin Rouland</strong></h4>
<!-- Subtitle -->
<h6 class="font-weight-bold indigo-text py-2">Doctorant en Informatique</h6>
<h6 class="font-weight-bold indigo-text py-2" data-i18n="about.job"></h6>
<!-- Social -->
<div class="pb-2">
<a href="mailto:quentin@qrouland.com" target="_blank">
@ -131,24 +146,9 @@
<!--Grid column-->
<div class="col-lg-7 col-md-9 vcenter">
<span class="align-middle">
<p class="pb-4 text-justify">
Après avoir suivi un parcours orienté développement logiciel à l'<a href="https://www.univ-tlse2.fr/" class="text-primary">Université Toulouse 2 Jean-Jaurès</a>
et obtenu un
<a href="https://www.univ-tlse2.fr/accueil/navigation/formation-insertion/formation-continue/master-informatique-collaborative-en-entreprise-ice-1e-et-2e-annee-444876.kjsp">
Master en Informatique Collaborative en Entreprise</a> en alternance, je suis actuellement doctorant à l'<a href="https://irit.fr" class="text-primary">IRIT</a>
dans l'équipe <a href="https://www.irit.fr/-Equipe-ARGOS-" class="text-primary">ARGOS</a>.
</p>
<p class="pb-4 text-justify">
Mes principaux sujets de recherches concernent les <a href="https://fr.wikipedia.org/wiki/Architecture_logicielle">architectures logicielles</a>,
la <a href="https://fr.wikipedia.org/wiki/S%C3%A9curit%C3%A9_des_syst%C3%A8mes_d%27information">sécurité</a> et les <a href="https://fr.wikipedia.org/wiki/M%C3%A9thode_formelle_(informatique)">méthodes formelles</a>.
Et je m'intéresse plus particulièrement dans la cadre de ma thèse aux approches basées sur l'<a href="https://fr.wikipedia.org/wiki/Ing%C3%A9nierie_dirig%C3%A9e_par_les_mod%C3%A8les">ingénierie dirigée par les modèles</a> et
la <a href="https://fr.wikipedia.org/wiki/V%C3%A9rification_formelle">vérification formelle</a> pour les architectures logicielles sécurisées.
</p>
<p class="pb-4 text-justify">
Ayant commencé à apprendre jeune le <a href="https://fr.wikipedia.org/wiki/D%C3%A9veloppement_de_logiciel">développement logiciel</a> en autodidacte,
je suis d'un point de vue personnel un développeur passionné. Je porte un intérêt particulier pour les <a href="https://fr.wikipedia.org/wiki/Logiciel_libre">logiciels libres</a>
et les systèmes <a href="https://fr.wikipedia.org/wiki/Unix">unix</a>.
</p>
<p class="pb-4 text-justify" data-i18n="[html]about.p1"></p>
<p class="pb-4 text-justify" data-i18n="[html]about.p2"></p>
<p class="pb-4 text-justify" data-i18n="[html]about.p3"> </p>
</span>
</div>
<!--Grid column-->
@ -159,62 +159,78 @@
</div>
<!--About container-->
<!-- TrainingsExperiences container-->
<div class="container" id="trainexp" style="display:none;">
<!-- Experiences container-->
<div class="container" id="experiences" style="display:none;">
<!--Grid row-->
<div class="row wow fadeIn mb-3">
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>Expériences Professionelles</strong>
<strong data-i18n="experiences.title"></strong>
</h3>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong data-i18n="experiences.phd.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]experiences.phd.location"></span><br>
</p>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Alternance Master ICE</strong> - Engie Ineo, Toulouse (31)<br>
<span class="pl-3">Installation, configuration, sécurisation dOS Linux (CentOS / Bash)<br>
<span class="pl-3">Mise en Place de Machines et Réseau Virtuelle (KVM / Open VSwitch)<br>
<span class="pl-3">Mise en Place de Surveillance Système et Réseau (Nagios / IPMI)<br>
<span class="pl-3">MCO Système Industriel SCADA (C++ / Qt / Python)
<strong data-i18n="experiences.engie.title"></strong> <br>
<span class="pl-3 font-small" data-i18n="[html]experiences.engie.location"></span><br>
<span class="pl-3" data-i18n="experiences.engie.exp1"></span><br>
<span class="pl-3" data-i18n="experiences.engie.exp2"></span><br>
<span class="pl-3" data-i18n="experiences.engie.exp3"></span><br>
<span class="pl-3" data-i18n="experiences.engie.exp4"></span>
</p>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Stage Fin L3 MIASHS Informatique</strong> - Freescale Semiconducteur, Toulouse (31)<br>
<span class="pl-3">Création d'un Service Web de Traitement et de Publication Statistiques de Données de Tests <br>
<span class="pl-3">(Python [Django, Panda] / HTML / Js [D3.js, JQuery] / CSS)
<strong data-i18n="experiences.freescale.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]experiences.freescale.location"></span><br>
<span class="pl-3" data-i18n="experiences.freescale.exp1"></span><br>
<span class="pl-3" data-i18n="experiences.freescale.exp2"></span>
</p>
<p class="text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Stage Fin DUT Informatique</strong> - Pancee des Plantes, Agen (47)<br>
<span class="pl-3">Implémentation de Nouvelles Fonctionnalités sur un Site de E-Commerce (PHP / HTML / Js / CSS)
<strong data-i18n="experiences.panacee.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]experiences.panacee.location"></span><br>
<span class="pl-3" data-i18n="experiences.panacee.exp1"></span><br>
<span class="pl-3" data-i18n="experiences.panacee.exp2"></span>
</p>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!--Experiences container-->
<!-- Training container-->
<div class="container" id="training" style="display:none;">
<!--Grid row-->
<div class="row wow fadeIn mb-3">
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>Formations</strong>
<strong data-i18n="training.title"></strong>
</h3>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Master ICE (Informatique Collaborative en Entreprise)</strong> Université Toulouse 2 Jean-Jaurés (31)
<strong data-i18n="training.ice.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]training.ice.location"></span>
</p>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Licence MIASHS (Mathématiques, Informatique Appliquées et Sciences Humaines et Sociales)</strong> - Université Toulouse 2 Jean-Jaurés (31)
<strong data-i18n="training.l3.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]training.l3.location"></span>
</p>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>DUT Informatique</strong> - IUT Blagnac, Blagnac (31)
<strong data-i18n="training.iut.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]training.iut.location"></span>
</p>
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong> Baccalauréat Scientifique Science de l'Ingénieur option Mathématiques</strong> - Lycée François Mitterrand, Moissac (82)
<strong data-i18n="training.bac.title"></strong><br>
<span class="pl-3 font-small" data-i18n="[html]training.bac.location"></span>
</p>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!--TrainingsExperiences container-->
<!--Training container-->
<!-- Publications container-->
@ -224,11 +240,9 @@
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>Journal</strong>
<strong data-i18n="publications.journal"></strong>
</h3>
<p class="grey-text">
Nothing yet !
</p>
<p class="grey-text" data-i18n="publications.nothing"></p>
</div>
<!--Grid column-->
@ -240,7 +254,7 @@
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>Conférence</strong>
<strong data-i18n="publications.conference"></strong>
</h3>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Quentin Rouland</strong>, Brahim Hamid, Jason Jaskolka. <a class="text-primary" href="https://doi.org/10.1007/978-3-030-00856-7_13">Formalizing Reusable Communication Models for Distributed Systems Architecture</a> (regular paper). International Conference On Model and Data Engineering (MEDI 2018), Marrakesh, Morocco, 24/10/18-26/10/18, Ladjel Bellatreche (Eds.), Springer, p. 198-216, octobre 2018.
@ -256,11 +270,9 @@
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>Thèses</strong>
<strong data-i18n="publications.these"></strong>
</h3>
<p class="grey-text">
Nothing yet !
</p>
<p class="grey-text" data-i18n="publications.nothing"></p>
</div>
<!--Grid column-->
@ -277,7 +289,7 @@
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>2019-2020</strong><span class="font-weight-light"> - Université Toulouse 3 Paul Sabatier</span>
<strong>2019-2020</strong><span class="font-weight-light" data-i18n="teachings.univtoulouse3"></span>
</h3>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Modélisation et conception objet</strong> - Master 1 (16h TP)
@ -302,7 +314,7 @@
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>2018-2019</strong><span class="font-weight-light"> - Université Toulouse 3 Paul Sabatier</span>
<strong>2018-2019</strong><span class="font-weight-light" data-i18n="teachings.univtoulouse3"></span>
</h3>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Modélisation et conception objet</strong> - Master 1 (16h TP)
@ -330,7 +342,7 @@
<!--Grid column-->
<div mb-4">
<h3 class="mb-3 font-weight-bold dark-grey-text">
<strong>2017-2018</strong><span class="font-weight-light"> - Université Toulouse 3 Paul Sabatier</span>
<strong>2017-2018</strong><span class="font-weight-light" data-i18n="teachings.univtoulouse3"></span>
</h3>
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
<strong>Modélisation et conception objet</strong> - Master 1 (16h TP)
@ -365,8 +377,7 @@
<div class="card-body text-white text-center py-5 px-5 my-5">
<h1 class="mb-4">
<strong>Projets</strong>
<p class="text-center mb-5">Bientôt...</p>
<strong><p class="text-center mb-5" data-i18n="projects.soon"></p></strong>
</h1>
</div>
<!-- Content -->
@ -389,7 +400,7 @@
<hr class="my-2">
<!-- Social icons -->
<div class="pb-4">
<div class="pb-1">
<a href="mailto:quentin@qrouland.com" target="_blank">
<i class="far fa-envelope mr-2 ml-2 fa-3x"></i>
</a>
@ -405,6 +416,14 @@
<a href="https://github.com/QRouland" target="_blank">
<i class="fab fa-github-square mr-2 ml-2 fa-3x"></i>
</a>
</div>
<div class="pb-1">
<a id="ukflag" href="javascript:i18next.changeLanguage('en');">
<i class="uk flag"></i>
</a>
<a id="frflag" href="javascript:i18next.changeLanguage('fr');">
<i class="france flag"></i>
</a>
</div>
<!-- Social icons -->
@ -427,24 +446,12 @@
<!-- MDB core JavaScript -->
<script type="text/javascript" src="mdb/js/mdb.min.js"></script>
<!-- Page Selection -->
<script type="text/javascript">
function page_selection(new_hash){
old_hash = $(location).attr('hash');
$(old_hash).css('display', 'none');
$(old_hash + "_menu").removeClass('active');
$(new_hash).css('display', 'block');
$(new_hash + "_menu").addClass('active');
$(location).prop('hash', new_hash);
$("#navbarSupportedContent").removeClass('show');
window.scrollTo(0, 0);
}
var hash = $(location).attr('hash');
if(hash != "")
page_selection(hash);
else
page_selection("#about");
</script>
<script type="text/javascript" src="js/page_selection.js"></script>
<!-- i18next Translation -->
<script type="text/javascript" src="js/i18next.min.js"></script>
<script type="text/javascript" src="js/i18nextBrowserLanguageDetector.min.js"></script>
<script type="text/javascript" src="js/jquery-i18next.min.js"></script>
<script type="text/javascript" src="js/translate.js"></script>
<!-- Initializations -->
<script type="text/javascript">
// Animations initialization