Commit 5a6f36db authored by Vincent Dubois's avatar Vincent Dubois
Browse files

Ajout du guide

parent 569c1e7e
<html>
<head>
<title>Geocropping - Guide</title>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<style>
img {
margin: auto;
margin-bottom: 20px
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<h1 class="text-center">
<small class="pull-left"><a href="../"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span></a></small> Guide
</h1>
</div>
</nav>
<div class="container">
<p style="margin-top:2em">
Geocropping est un outil permetant la validation de donnée présente sur <a href="https://www.openstreetmap.org/">OpenStreetMap</a> autour de l'utilisateur.<br/> Il utilise le tag <a href="http://wiki.openstreetmap.org/wiki/Key:survey:date">survey:date</a> et les <a href="http://wiki.openstreetmap.org/wiki/Notes">notes</a> pour indiquer si une erreur est présente
sur un élément.
</p>
<div class="page-header">
<h2>Utilisation</h2>
</div>
<p>Pour pouvoir éditer un élément, il faut tout d'abord se <b>connecter</b> a OpenStreetMap via le menu ou dans les
informations d'un élément.
</p>
<div>Il existe 3 différents niveaux d'importance de validation :</div>
<ul class="list-group">
<li class="list-group-item list-group-item-danger">
<div class="row">
<div class="col-xs-12 col-sm-2"><label style="color:red;">Rouge</label></div>
<div class="col-xs-12 col-sm-10">Critique. Jamais validé et dernière modification ancienne</div>
</div>
</li>
<li class="list-group-item list-group-item-warning">
<div class="row">
<div class="col-xs-12 col-sm-2"><label style="color:orange;">Orange</label></div>
<div class="col-xs-12 col-sm-10">Moyenne. Jamais validé et dernière modification récente ou déjà validé et dernière modification ancienne</div>
</div>
</li>
<li class="list-group-item list-group-item-success">
<div class="row">
<div class="col-xs-12 col-sm-2"><label style="color:green;">Vert</label></div>
<div class="col-xs-12 col-sm-10">Faible. Déjà validé et dernière modification récente</div>
</div>
</li>
</ul>
<img src="img/5.png" class="img-responsive" alt="Image">
<p>
Pour afficher les informations d'un élément, il suffit tout simplement de cliquer dessus. Une fênetre s'ouvrira alors sur
la carte.
</p>
<img src="img/4.png" class="img-responsive" alt="Image">
<p>En étant connecté, 3 boutons sont affichés</p>
<ul class="list-group">
<li class="list-group-item list-group-item-success">
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Valider l'élément
</li>
<li class="list-group-item list-group-item-danger">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Signaler l'élément
</li>
<li class="list-group-item list-group-item-warning">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Editer l'élément sur ID
</li>
</ul>
<p>Pour fermer la fênetre d'informations, il suffit de cliquer sur les informations ou sur la carte</p>
</div>
</body>
</html>
\ No newline at end of file
......@@ -29,6 +29,7 @@ if (empty($_SERVER['HTTPS'])) {
crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<!--
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"
crossorigin="anonymous">
......@@ -92,7 +93,7 @@ if (empty($_SERVER['HTTPS'])) {
</div>
</div>
<div class="log">
<a href="guide">Mode d'emploi</a>
<a href="guide.html">Mode d'emploi</a>
<a href="https://framagit.org/renaudzigmann/Geocropping">Framagit</a>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment