<!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="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.1016/j.future.2020.02.033">Formal Specification and Verification of Reusable Communication Models for Distributed Systems Architecture</a>. 
                        Future Generation Computer Systems, 2020.
                    </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, Jason Jaskolka. <a class="text-primary" href="https://doi.org/10.1007/978-3-030-64694-3_4">Reusable Formal Models for Threat Specification, Detection, and Treatment</a>.<br>
                        <span class="pl-3">19th International Conference on Software and Systems Reuse (ICSR), Hammamet, Tunisia, 2020.</span>
                    </p>
                    <p class="mb-2 text-justify">
                        <i class="fas fa-angle-right mr-2"></i>Brahim Hamid, <strong>Quentin Rouland</strong>, Jason Jaskolka. <a class="text-primary" href="https://dx.doi.org/10.1109/PRDC47002.2019.00052">Distributed Maintenance of a Spanning Tree of K-Connected Graphs</a>.<br>
                        <span class="pl-3">24th IEEE Pacific Rim International Symposium on Dependable Computing (PRDC), Kyoto, Japan, 2019.</span>
                    </p>
                    <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>.<br>
                        <span class="pl-3">24th International Conference on Engineering of Complex Computer Systems (ICECCS), Guangzhou, China, 2019.</span>
                    </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>.<br> 
                        <span class="pl-3">International Conference On Model and Data Engineering (MEDI), Marrakesh, Morocco, 2018.</span>
                    </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>