|
Ce tutoriel est en cours de développement depuis le 23/04/2017
Imprimer le tutoriel
Retour à l'accueil
DUMP1090 Mutability en français
Installer DUMP1090 ou DUMP1090 Mutability sur votre Raspberry, c'est plutôt sympa, mais faire apparaître les infos en français, C'est encore mieux pour le petit public à qui vous avez donné le lien de consultation.
Alors voilà comment on fait. Il n'y a que deux petits fichiers à modifier.
Utilisons NANO, l'éditeur de texte que vous avez déjà rencontré dans les tutos précédents. Rassurez-vous, il est inclus dans Raspbian.
1) Tout d'abord, il faut s'intéresser à GMAP.HTML
On le trouve dans /usr/share/dump1090-mutability/html/gmap.html. Pour le modifier, ouvrons le terminal et éditons le :
L'intérieur du fichier va apparaître (voir copie ci-dessous).
J'ai surligné en jaune, ce que vous pouvez modifier.
Rien n'empêche de mettre ce que vous souhaitez, ni même que vous le traduisiez en moldave, si c'est votre langue natale. ^^
|
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=METTEZICIVOTRECLEAPI&libraries=geometry"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript" src="planeObject.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="coolclock/excanvas.js"></script>
<script type="text/javascript" src="coolclock/coolclock.js"></script>
<script type="text/javascript" src="coolclock/moreskins.js"></script>
<title>Radar Virtuel</title>
</head>
<body onload="initialize()">
<div id="loader" class="hidden">
<img src="spinny.gif" id="spinny">
<progress id="loader_progress"></progress>
</div>
<!--
This is hideous. airframes.org insists on getting a POST with a "submit" value specified,
but if we have an input control with that name then it shadows the submit() function that
we need. So steal the submit function off a different form. Surely there is a better way?!
-->
<form id="horrible_hack" class="hidden"></form>
<form id="airframes_post" method="POST" action="http://www.airframes.org/" target="_blank" class="hidden">
<input type="hidden" name="reg1" value="">
<input type="hidden" name="selcal" value="">
<input id="airframes_post_icao" type="hidden" name="ica024" value="">
<input type="hidden" name="submit" value="submit">
</form>
<div id="map_container">
<div id="map_canvas"></div>
</div>
<div id="sidebar_container">
<div id="sidebar_canvas">
<div id="timestamps" style="align: center">
<table width="100%">
<tr>
<td align="center"> <canvas id="utcclock"></canvas> </td>
<td align="center"> <canvas id="receiverclock"></canvas>
</td>
</tr>
<tr>
<td align="center">Heure UTC</td>
<td align="center">Mise à jour</td>
</tr>
</table>
</div>
<div id="sudo_buttons">
<table width="100%">
<tr>
<td width="150" style="text-align: center;" class="pointer">
[ <span onclick="resetMap();">Reset de la Carte</span> ]
</td>
</tr>
</table>
</div>
<div id="dump1090_infoblock">
<table width="100%">
<tr class="infoblock_heading">
<td>
<b id="infoblock_name">Radar Virtuel</b>
</td>
<td align="right">
<a href="https://github.com/mutability/dump1090" id="dump1090_version" target="_blank"></span>
</td>
</tr>
<tr class="infoblock_body">
<td> </td>
<td> </td>
</tr>
<tr class="infoblock_body dim">
<td>(Aucun aéronef sélectionné)</td>
<td> </td>
</tr>
<tr class="infoblock_body">
<td> </td>
<td> </td>
</tr>
<tr class="infoblock_body">
<td>Aéronef (Nb total) :<span id="dump1090_total_ac">n/a</span></td>
<td>Messages: <span id="dump1090_message_rate">n/a</span>/sec</td>
</tr>
<tr class="infoblock_body">
<td>(Réception correcte): <span id="dump1090_total_ac_positions">n/a</span></td>
<td>Historique: <span id="dump1090_total_history">n/a</span>
positions</td>
</tr>
</table>
</div>
<div id="selected_infoblock" class="hidden">
<table width="100%">
<tr class="infoblock_heading">
<td colspan="2">
<b>
<span id="selected_callsign" onclick="toggleFollowSelected();" class="pointer">n/a</span>
</b>
<span id="selected_follow" onclick="toggleFollowSelected();" class="pointer">⇒</span>
<a href="http://www.airframes.org/" onclick="document.getElementById('horrible_hack').submit.call(document.getElementById('airframes_post')); return false;">
<span id="selected_icao"></span>
</a>
<span id="selected_emergency"></span>
<span id="selected_links">
<a id="selected_fr24_link" href="" target="_blank">[FR24]</a>
<a id="selected_flightstats_link" href="" target="_blank">[FlightStats]</a>
<a id="selected_flightaware_link" href="" target="_blank">[FlightAware]</a>
</span>
</td>
</tr>
<tr class="infoblock_body">
<td width="55%">Altitude: <span id="selected_altitude"></span></td>
<td width="45%">Squawk: <span id="selected_squawk"></span></td>
</tr>
<tr class="infoblock_body">
<td>Vitesse: <span id="selected_speed">n/a</span></td>
<td>RSSI: <span id="selected_rssi">n/a</span></td>
</tr>
<tr class="infoblock_body">
<td>Direction: <span id="selected_track">n/a</span></td>
<td>M. à jour: <span id="selected_seen">n/a</span</td>
</tr>
<tr class="infoblock_body">
<td colspan=2>Position: <span id="selected_position">n/a</span></td>
</tr>
<tr class="infoblock_body">
<td colspan="2">Distance du radar: <span id="selected_sitedist">n/a</span></td>
</tr>
</table>
</div>
<div id="planes_table">
<table id="tableinfo" width="100%">
<thead style="background-color: #BBBBBB; cursor: pointer;">
<td id="icao" onclick="sortByICAO();">ICAO</td>
<td id="flight" onclick="sortByFlight();">Indicatif</td>
<td id="squawk" onclick="sortBySquawk();" align="right">Squawk</td>
<td id="altitude" onclick="sortByAltitude();" align="right">Altitude</td>
<td id="speed" onclick="sortBySpeed();" align="right">Vitesse</td>
<td id="distance" onclick="sortByDistance();" align="right">Distance</td>
<td id="track" onclick="sortByTrack();" align="right">Direction</td>
<td id="msgs" onclick="sortByMsgs();" align="right">Msgs</td>
<td id="seen" onclick="sortBySeen();" align="right">Age</td>
</thead>
<tbody>
<tr id="plane_row_template" class="plane_table_row hidden">
<td>ICAO</td>
<td>FLIGHT</td>
<td align="right">SQUAWK</td>
<td align="right">ALTITUDE</td>
<td align="right">SPEED</td>
<td align="right">DISTANCE</td>
<td align="right">TRACK</td>
<td align="right">MSGS</td>
<td align="right">SEEN</td>
</tr>
</tbody>
</table>
</div>v
</div>
</div>
<div id="SpecialSquawkWarning" class="hidden">
<b>Squawk 7x00 is reported and shown.</b><br>
This is most likely an error in receiving or decoding.<br>
Please do not call the local authorities, they already know about it if it is a valid squawk.
</div>
<div id="update_error" class="hidden">
<b>Problem fetching data from dump1090.</b><br>
<span id="update_error_detail"></span><br>
The displayed map data will be out of date.
</div>
<div id="container_splitter"></div>
</body>
</html>
|
Une fois que ce sera terminé, faites simplement CTRL-O puis ENTRÉE (pour enregistrer), et CTRL-X (pour fermer l'éditeur).
2) Le second fichier à modifier : CONFIG.JS
Encore un petit fichier, dans lequel vous pouvez modifier quelques données mais aussi la couleur des avions.
Sur mon radar, ils apparaissent verts quand le signal de réception est fort et orange quand ils sont faibles. On y voit ainsi plus clair.
Ils deviennent aussi bleu-marine quand on les clique pour avoir le détail des vols.
Dans le terminal, on lance donc :
Et maintenant on modifie ce qu'il y a besoin :
|
// --------------------------------------------------------
//
// This file is to configure the configurable settings.
// Load this file before script.js file at gmap.html.
//
// --------------------------------------------------------
// -- Output Settings -------------------------------------
// Show metric values
// This controls the units used in the plane table,
// and whether metric or imperial units are shown first
// in the detailed plane info.
Metric = true; // true or false (TRUE affiche le système métrique au lieu de nautique)
// -- Map settings ----------------------------------------
// These settings are overridden by any position information
// provided by dump1090 itself. All positions are in decimal
// degrees.
// Default center of the map.
DefaultCenterLat = 48.75; (Positionnez ici votre Latitude)
DefaultCenterLon = 2.67; (Positionnez ici votre Longitude)
// The google maps zoom level, 0 - 16, lower is further out
DefaultZoomLvl = 8; (Réglez le niveau de zoom de la carte. 0 le plus loin, 16 le plus près)
SiteShow = false; // true to show a center marker (Cette fonction n'a pas d'incidence sur la page web. Bizarre !)
SiteLat = 48.75; // position of the marker
SiteLon = 2.67;
SiteName = "My Radar Site"; // tooltip of the marker
// -- Marker settings -------------------------------------
// The default marker color
MarkerColor = "rgb(0, 255, 0) (Valeurs pour faire des aéronefs verts / Bonne réception)";
SelectedColor = "rgb(2, 2, 166) (Valeurs bleu-marine quand on sélectionne un aéronef)";
StaleColor = "rgb(255, 162, 69) (Valeurs pour les aéronefs avec réception dégradée)";
SiteCircles = true; // true to show circles (only shown if the center marker is shown)
// In nautical miles or km (depending settings value 'Metric')
SiteCirclesDistances = new Array(50,100,150,200,250) (Distance en km entre chaque cercle concentrique);
// Show the clocks at the top of the righthand pane? You can disable the clocks if you want here
ShowClocks = true; (TRUE fait apparaitre les deux horloges. FALSE les supprime)
// Controls page title, righthand pane when nothing is selected
PageName = "Radar LFPM Ozoir (77330) (Nom de la page. Au lieu de DUMP1090)";
|
Une fois que ce sera terminé, faites simplement CTRL-O puis ENTRÉE (pour enregistrer), et CTRL-X (pour fermer l'éditeur).
L'action est immédiate. Il vous suffit de recharger la page dans votre navigateur pour admirer le résultat.
Sources d'inspiration
Aucune. Recherche perso.
Deux cafés
|
|