467 lines
21 KiB
HTML
467 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Quentin Rouland</title>
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
|
|
<!-- Bootstrap core CSS -->
|
|
<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>
|
|
|
|
<body>
|
|
<!--Main Navigation-->
|
|
<header>
|
|
|
|
<!-- Navbar -->
|
|
<nav class="navbar fixed-top navbar-expand-lg navbar-light white scrolling-navbar" id="button_menu">
|
|
<div class="container">
|
|
|
|
<!-- Brand -->
|
|
<a class="navbar-brand waves-effect" href="https://qrouland.com" target="_blank">
|
|
<strong class="blue-text">Quentin Rouland</strong>
|
|
</a>
|
|
|
|
<!-- Collapse -->
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<!-- Links -->
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
|
|
<!-- Left -->
|
|
<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');" data-i18n="menu.about"></a>
|
|
</li>
|
|
<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');" data-i18n="menu.publications"></a>
|
|
</li>
|
|
<li class="nav-item" id="teachings_menu">
|
|
<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');" 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>
|
|
</nav>
|
|
<!-- Navbar -->
|
|
|
|
</header>
|
|
<!--Main Navigation-->
|
|
|
|
<!--Wrapper layout-->
|
|
<div class="wrapper">
|
|
<!--Main layout-->
|
|
<main class="mt-5 pt-5">
|
|
|
|
<!-- About container-->
|
|
<div class="container" id="about" style="display:none;">
|
|
<section class="section pb-3 text-center">
|
|
<!--Grid row-->
|
|
<div class="row wow fadeIn mb-3">
|
|
|
|
<!--Grid column-->
|
|
<div class="col-lg-4 col-md-3 mb-4 vcenter">
|
|
|
|
<!-- Card Regular -->
|
|
<div class="card card-cascade text-justify">
|
|
|
|
<!-- Card image -->
|
|
<div class="view view-cascade overlay">
|
|
|
|
<img class="card-img-top rounded-circle mt-4 pr-5 pl-5" src="assets/me.jpg" alt="Card image cap">
|
|
|
|
<a>
|
|
<div class="mask rgba-white-slight"></div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Card content -->
|
|
<div class="card-body card-body-cascade text-center">
|
|
|
|
<!-- Title -->
|
|
<h4 class="card-title"><strong>Quentin Rouland</strong></h4>
|
|
<!-- Subtitle -->
|
|
<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">
|
|
<i class="far fa-envelope mr-1 ml-1 fa-lg"></i>
|
|
</a>
|
|
<a href="https://www.linkedin.com/in/qrouland" target="_blank">
|
|
<i class="fab fa-linkedin mr-1 ml-1 fa-lg"></i>
|
|
</a>
|
|
<a href="https://www.researchgate.net/profile/Quentin_Rouland/research">
|
|
<i class="fab fa-researchgate mr-1 ml-1 fa-lg"></i>
|
|
</a>
|
|
<a href="https://git.rdrive.ovh/QRouland" target="_blank">
|
|
<i class="fab fa-git-square mr-1 ml-1 fa-lg"></i>
|
|
</a>
|
|
<a href="https://github.com/QRouland" target="_blank">
|
|
<i class="fab fa-github-square mr-1 ml-1 fa-lg"></i>
|
|
</a>
|
|
</div>
|
|
<!-- Text -->
|
|
<p class="card-text">.
|
|
Toulouse, France
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Card image -->
|
|
</div>
|
|
<!--Grid column-->
|
|
|
|
<!--Grid column-->
|
|
<div class="col-lg-7 col-md-9 vcenter">
|
|
<span class="align-middle">
|
|
<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-->
|
|
|
|
</div>
|
|
<!--Grid row-->
|
|
</section>
|
|
|
|
</div>
|
|
<!--About container-->
|
|
|
|
<!-- 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 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 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 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 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 data-i18n="training.title"></strong>
|
|
</h3>
|
|
<p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<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 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 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 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>
|
|
<!--Training container-->
|
|
|
|
|
|
<!-- Publications container-->
|
|
<div class="container" id="publications" 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 data-i18n="publications.journal"></strong>
|
|
</h3>
|
|
<p class="grey-text" data-i18n="publications.nothing"></p>
|
|
</div>
|
|
<!--Grid column-->
|
|
|
|
</div>
|
|
<!--Grid row-->
|
|
|
|
<!--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 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, Jean-Paul Bodeveix, Mamoun Filali. <a class="text-primary" href="https://doi.org/10.1109/ICECCS.2019.00033">A Formal Methods Approach to Security Requirements Specification and Verification</a>. 24th International Conference on Engineering of Complex Computer Systems (ICECCS), Guangzhou, China, 2019.
|
|
</p>
|
|
<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>. International Conference On Model and Data Engineering (MEDI), Marrakesh, Morocco, 2018.
|
|
</p>
|
|
</div>
|
|
<!--Grid column-->
|
|
|
|
</div>
|
|
<!--Grid row-->
|
|
|
|
<!--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 data-i18n="publications.these"></strong>
|
|
</h3>
|
|
<p class="grey-text" data-i18n="publications.nothing"></p>
|
|
</div>
|
|
<!--Grid column-->
|
|
|
|
</div>
|
|
<!--Grid row-->
|
|
</div>
|
|
<!--Publications container-->
|
|
|
|
|
|
<!-- Teachings container-->
|
|
<div class="container" id="teachings" 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>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)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Génie logiciel</strong> - Licence 3 (20h TP)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Algo</strong> - Licence 1 (28h TP)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Projet S2</strong> - Licence 1 (12h Projet)
|
|
</p>
|
|
</div>
|
|
<!--Grid column-->
|
|
|
|
</div>
|
|
<!--Grid row-->
|
|
|
|
<!--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>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)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Génie logiciel</strong> - Licence 3 (20h TP)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Algo</strong> - Licence 1 (28h TP)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Projet S2</strong> - Licence 1 (12h Projet)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Théorie de l'information</strong> - Licence 1 (12h TP)
|
|
</p>
|
|
</div>
|
|
<!--Grid column-->
|
|
|
|
</div>
|
|
<!--Grid row-->
|
|
|
|
<!--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>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)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Génie logiciel</strong> - Licence 3 (20h TP)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Projet S3</strong> - Licence 2 (11h Projet)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Projet S2</strong> - Licence 1 (12h Projet)
|
|
</p>
|
|
<p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
|
|
<strong>Théorie de l'information</strong> - Licence 1 (12h TP)
|
|
</p>
|
|
</div>
|
|
<!--Grid column-->
|
|
|
|
</div>
|
|
<!--Grid row-->
|
|
|
|
</div>
|
|
<!--Teachings container-->
|
|
|
|
<!-- Projects container-->
|
|
<div class="container" id="projects" style="display:none;">
|
|
<!--Section: Jumbotron-->
|
|
<section class="card blue-gradient wow fadeIn" id="intro">
|
|
|
|
<!-- Content -->
|
|
<div class="card-body text-white text-center py-5 px-5 my-5">
|
|
|
|
<h1 class="mb-4">
|
|
<strong><p class="text-center mb-5" data-i18n="projects.soon"></p></strong>
|
|
</h1>
|
|
</div>
|
|
<!-- Content -->
|
|
</section>
|
|
<!--Section: Jumbotron-->
|
|
|
|
</div>
|
|
<!--Projects container-->
|
|
|
|
</main>
|
|
<!--Main layout-->
|
|
|
|
<div class="push"></div>
|
|
</div>
|
|
<!--Wrapper layout-->
|
|
|
|
<!--Footer-->
|
|
<footer class="page-footer footer text-center font-small mdb-color darken-2 mt-4 wow fadeIn fixed-bottom">
|
|
|
|
<hr class="my-2">
|
|
|
|
<!-- Social icons -->
|
|
<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>
|
|
<a href="https://www.linkedin.com/in/qrouland" target="_blank">
|
|
<i class="fab fa-linkedin mr-2 ml-2 fa-3x"></i>
|
|
</a>
|
|
<a href="https://www.researchgate.net/profile/Quentin_Rouland/research">
|
|
<i class="fab fa-researchgate mr-2 ml-2 fa-3x"></i>
|
|
</a>
|
|
<a href="https://git.rdrive.ovh/QRouland" target="_blank">
|
|
<i class="fab fa-git-square mr-2 ml-2 fa-3x"></i>
|
|
</a>
|
|
<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 -->
|
|
|
|
<!--Copyright-->
|
|
<div class="footer-copyright py-2 ">
|
|
<a href="https://qrouland.com" target="_blank"> qrouland.com </a>
|
|
</div>
|
|
<!--/.Copyright-->
|
|
|
|
</footer>
|
|
<!--/.Footer-->
|
|
|
|
<!-- SCRIPTS -->
|
|
<!-- JQuery -->
|
|
<script type="text/javascript" src="mdb/js/jquery-3.4.1.min.js"></script>
|
|
<!-- Bootstrap tooltips -->
|
|
<script type="text/javascript" src="mdb/js/popper.min.js"></script>
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script type="text/javascript" src="mdb/js/bootstrap.min.js"></script>
|
|
<!-- MDB core JavaScript -->
|
|
<script type="text/javascript" src="mdb/js/mdb.min.js"></script>
|
|
<!-- Page Selection -->
|
|
<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
|
|
new WOW().init();
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|