<!DOCTYPE HTML>
<html lang="fr">
	<head>
		<title>C.V. Olivier Massot</title>
		<meta charset="utf-8" />
		<meta name="robots" content="noindex">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="Curriculum Vitae">
		<meta name="author" content="Olivier Massot">
		
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/skel.min.js"></script>
		<script src="assets/js/util.js"></script>
		<script src="assets/js/main.js"></script>
	</head>
	
	<body>

		<a id="scrolltop" class="scroll" title="Retour"><i class="fa fa-arrow-circle-o-up"></i></a> 

		<!-- Header -->
		<header id="header">
			<div class="inner">
				<a href="index.php" class="logo"><strong>C.V.</strong> Olivier Massot</a>
				<nav id="nav">
					<a class="scroll" href="#cursus">Formation / Compétences</a>
					<a class="scroll" href="#realisations">Réalisations</a>
					<a class="scroll" href="#contact">Contact</a>
				</nav>
				<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
			</div>
		</header>

		<!-- Banner -->
		<section id="banner">
			<div class="inner">
				<header>
					<h1>Fullstack Developer</h1>
				</header>
				
				<p>8 ans d'expérience, Ingénieur territorial, Chef de projet en développement SI</p>

				<p><i class="fa fa-quote-left" aria-hidden="true"></i> 
				Agile fullstack dev, I worked for the last 10 years on various subjects, from web to desktop applications, data-science, qgis plugins, 
				CI / CD and unit-testing, deep-learning and NLP, network diagnosis and so on. I like to learn, to work with a team, and to be proud 
				of a well-working solution that users and maintainers can enjoy.
				<i class="fa fa-quote-right" aria-hidden="true"></i> 
				</p>

				<p>Retrouvez moi sur 
					<a href='https://stackoverflow.com/story/olivier-massot' target='blank_' style='vertical-align: -10px;'>
						<img src="images/so-logo.svg" width='170px;' alt="Stackoverflow">
					</a> 
					et sur 
					<a href='https://www.codingame.com/profile/75dcc329745def530c02ddb4485f22235683081' target='blank_' style='vertical-align: -10px;'>
						<img src="images/CodinGame_Logo.svg" width='170px;' alt="CodeInGame">
					</a>
				</p>

				<br/>
				<a href="assets/CV_Olivier_Massot.pdf" class="button alt" target="_blank"><i class="fa fa-file-pdf-o"></i> Version PDF</a>
			</div>
		</section>

		<!-- Main -->
		<section id="main" class="wrapper align-left">
			<div class="inner container">
				<section id="cursus" class="row">
					<div id="competences" class="col-md-8">
						<header>
							<h2>Compétences</h2>
						</header>

						<table class="table-wrapper">
							<caption>Gestion</caption>
							<tbody>
								<tr>
									<th>Projet</th>
									<td>
										Méthode AGILE, Définition des besoins, Gantt, Uml
									</td>
								</tr>
								<tr>
									<th>Gestion</th>
									<td>Animation de réunions, Gestion du temps, Communication, Reporting</td>
								</tr>
							</tbody>
						</table>

						<table class="table-wrapper">
							<caption>Développement</caption>
							<tbody>
								<tr>
									<th>Serveurs et Systèmes d'Exploitation</th>
									<td>Ubuntu, Debian, CentOS, Windows, Windows Server</td>
								</tr>
								<tr>
									<th>Langages</th>
									<td>Python, C#/.Net, Html5/CSS/Javascript, SQL, Node.js, Shell, Php7</td>
								</tr>
								<tr>
									<th>Frameworks Web</th>
									<td>.Net MVC, Django, Flask, JQuery</td>
								</tr>
								<tr>
									<th>IDE</th>
									<td>Eclipse, Visual Studio, VsCode, Qt Creator</td>
								</tr>
								<tr>
									<th>Systèmes de Gestion de Bases de Données</th>
									<td>Postgres / Postgis, SQL Server, SQLite, Mysql, Oracle</td>
								</tr>
								<tr>
									<th>SCM et Repositories Managers</th>
									<td>Git, Github, Bitbucket, Gitlab</td>
								</tr>
								<tr>
									<th>Intégration continue (CI /CD)</th>
									<td>Gitlab CI /CD, Travis, Jenkins, unittest, mkdocs</td>
								</tr>
								<tr>
									<th>Divers</th>
									<td>Umbraco (CMS), NLP et chatbots, moteurs de recherche (SolR), Nextcloud</td>
								</tr>
							</tbody>
						</table>

						<table class="table-wrapper">
							<caption>Formation Initiale</caption>
							<tbody>
								<tr>
									<th>Sciences de l'ingénieur</th>
									<td>Gestion, Droit, Economie, Génie civil, Urbanisme et Travaux Publics, Développement durable, Aménagement</td>
								</tr>
								<tr>
									<th>Réseaux</th>
									<td>AEP, Assainissement, Hydraulique, Traitement des eaux</td>
								</tr>
								<tr>
									<th>Milieux naturels</th>
									<td>Hydrologie, Hydrogéologie, Gestion des déchets, Dépollution des sols, Biologie des milieux aquatiques</td>
								</tr>
							</tbody>
						</table>

						<table class="table-wrapper">
							<caption>Divers</caption>
							<tbody>
								<tr>
									<th>Véhicules</th>
									<td>Permis B</td>
								</tr>
								<tr>
									<th>Langues</th>
									<td>Anglais (bon), Espagnol et Allemand (bases)</td>
								</tr>
								<tr>
									<th>Centres d'intérêt</th>
									<td>Musique, Informatique, Histoire</td>
								</tr>
							</tbody>
						</table>

						<footer>
							<!-- <a href="#" class="button">Full Article</a> -->
						</footer>
					</div>

					<div id="timeline" class="col-md-4 table-wrapper">
						<header>
							<h2>Cursus</h2>
						</header>
						<table>
							<tbody>
								<tr>
									<th>2007-2008</th>
									<td>Classe préparatoire (Physique-Chimie)</td>
								</tr>
								
								<tr>
									<th class="important">2008-2011</th>
									<td>
										Ecole Nationale du Génie de l’Eau et de l’Environnement de Strasbourg (ENGEES)
									</td>
								</tr>

								<tr>
									<th>2010</th>
									<td>Mission de mise en place d’un plan de gestion des déchets, 
										avec l’IRCOD Alsace (ONG), à Bafia (Cameroun)
									</td>
								</tr>

								<tr>
									<th>2011</th>
									<td>Validation d’une thèse sur la modélisation du comportement des micropolluants 
										en zone humides artificielles, 
										à l’Université de Strasbourg
										(Institut de mécanique des fluides)
									</td>
								</tr>
								
								<tr>
									<th>2012</th>
									<td>Concours d’admission dans la fonction publique. </td>
								</tr>
								
								<tr>
									<th class="important">2011-2016</th>
									<td>Chef de projet Systèmes d’informations appliqués à l’Environnement, 
										au Conseil Départemental du Bas-Rhin (67)</td>
								</tr>

								<tr>
									<th class="important">2013</th>
									<td>Titularisation au grade d’ingénieur territorial.</td>
								</tr>

								<tr>
									<th>2013</th>
									<td>Formation: Management</td>
								</tr>
							
								<tr>
									<th>2014</th>
									<td>Formation: Communication et Reporting</td>
								</tr>

								<tr>
									<th>2015</th>
									<td>Formation: SQL</td>
								</tr>

								<tr>
									<th class="important">2016-2018</th>
									<td>Chef de projet Développement SI, 
										au Conseil Départemental du Bas-Rhin (67)</td>
								</tr>

								<tr>
									<th>2016</th>
									<td>Formation: .Net MVC</td>
								</tr>

								<tr>
									<th>2017</th>
									<td>Formation: Umbraco</td>
								</tr>

								<tr>
									<th class="important">2018-2019</th>
									<td>Chef de projet Développement SI, 
										à Manche Numérique (50)</td>
								</tr>
							</tbody>
						</table>
						<footer>
						</footer>
					</div>
				</section>

				<section id="realisations" class="row">
					<header>
						<h2>Exemples de réalisations</h2>
						<span class="btn-bar disabled">
							<a class="slider-btn btn-left icon fa fa-arrow-left"></a>
							<a class="slider-btn btn-right icon fa fa-arrow-right"></a>
						</span>
					</header>

					<div class="galerie-container">
						<div class="galerie">
							<div class="card">
								<div class="img-container"><img src="images/pimp.png" alt=""></div>
								<p><b>Marchés Publics</b><br/>Application Web de suivi des marchés publics, développée en .Net MVC + Moteur SolR</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/pardit.png" alt=""></div>
								<p><b>DICT</b><br/>Génération automatisée de réponses aux DICT, développée en Python/Qt5</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/backlog.png" alt=""></div>
								<p><b>Backlog</b><br/>Edition du backlog des projets et suivi de sprints (Python + Django)</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/csig.png" alt=""></div>
								<p><b>Contrôles de Réseaux</b><br/>Génération automatisée de la cartographie des contrôles de réseaux d'assainissement (Plugin QGis, développé en Python)</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/mncheck.png" alt=""></div>
								<p><b>MnCheck</b><br/>Plugin de contrôle et d'intégration des données des entreprises (Plugin QGis, développé en Python)</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/doc.png" alt=""></div>
								<p><b>Déploiement continu</b><br/>Déploiement automatisé de documentations (Gitlab CI / CD)</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/script_pde.png" alt=""></div>
								<p><b>Factures</b><br/>Script de génération des factures des contrôles de réseaux d'assainissement, écrit en Python</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/mobiparc.png" alt=""></div>
								<p><b>Suivi d'Activités</b><br/>Application Web portable (PWA) de saisie du suivi d'activité sur chantiers</p>
							</div>
							<div class="card">
								<div class="img-container"><img src="images/librh.png" alt=""></div>
								<p><b>Documents RH</b><br/>Bibliothèques de documents pour la RH (Python + Qt5)</p>
							</div>
						</div>
					</div>
				</section>
			</div>
		</section>

		<div id="img-modal" class="modal">
			<span class="close">&times;</span>
			<img>
			<div class="caption"></div>
		</div>

		<!-- Footer -->
		<footer id="footer">
			<div class="inner">
				<section id="contact">
					<h3>Contact</h3>

					<form  id="contactform" name="contactform" method="post" accept-charset="utf-8">

						<div class="field half first">
							<label for="email">Votre Adresse E-Mail</label>
							<input name="email" id="email" type="email" placeholder="Email">
						</div>
						<div class="field half">
							<label for="name">Nom, Collectivité, Organisme... (facultatif)</label>
							<input name="name" id="name" type="text" placeholder="Nom, Collectivité, Organisme...">
						</div>
						<div class="field">
							<label for="message">Message</label>
							<textarea name="message" id="message" rows="6" placeholder="Message"></textarea>
						</div>
						<input name="iehack" type="hidden" value="&#9760;" />
						<ul class="actions">
							<li><input value="ENVOYER" class="button alt" type="submit"></li>
						</ul>
					</form>
					<?php
						if(isset($_POST['email'])) {

							$email_to = "olivier.massot@ogene.fr";
							$email_subject = "Message de cv.ogene.fr";
						
							function died($error) {
								// your error code can go here
								echo "<p>Un problème est survenu lors de la validation des données:<br /><br />";
								echo $error."<br /><br />";
								die();
							}
						
							// validation expected data exists
							if(!isset($_POST['name']) ||
								!isset($_POST['email']) ||
								!isset($_POST['message'])) {
								died("<p>Des erreurs se sont produites lors de l'envoi de votre message, veuillez vérifier les données saisies</p>");       
							}
						
							$name = $_POST['name']; // required
							$email_from = $_POST['email']; // required
							$message = $_POST['message']; // required
						
							$error_message = "";
							$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
						
							if(!preg_match($email_exp,$email_from)) {
								$error_message .= 'Une adresse Email valide est nécessaire<br />';
							}
							
							if(strlen($message) < 2) {
								$error_message .= "Aucun message n'a été saisi<br />";
							}
							
							if(strlen($error_message) > 0) {
								died($error_message."</p>");
							}
						
							$email_message = "Envoyé depuis le CV en ligne:\n\n";
						
							function clean_string($string) {
								$bad = array("content-type","bcc:","to:","cc:","href");
								return str_replace($bad,"",$string);
							}
						
							$email_message .= "Nom: ".clean_string($name)."\n";
							$email_message .= "Email: ".clean_string($email_from)."\n";
							$email_message .= "Message: ".clean_string($message)."\n";
						
							// create email headers
							$headers = 'From: '.$email_from."\r\n".
							'Reply-To: '.$email_from."\r\n" .
							'X-Mailer: PHP/' . phpversion();
							@mail($email_to, $email_subject, $email_message, $headers); 
							
						?><p>Votre message a bien été envoyé</p><?php
						}
					?>
				</section>
			
				<div class="copyright">
					&copy; Credits -  Template: <a href="https://templated.co">templated.co</a>
				</div>

			</div>
		</footer>

	</body>
</html>