Уфостети - распределенная система сбора информации

Что значит распределенная система?

Система Уфосети обладает уникальной возможностью интеграции в другие веб ресурсы, находящиеся под администрацией сторонних рабочих груп. Это позволяет создать распределенную сеть сбора информации о наблюдении НЛО и ААЯ. Система так же предлагает удобный способ отображения интерактивной карты на удаленных ресурсах, что позотивно влияет на авторитетность исследовательских сайтов, а так же на популяризацию всей отрасли исследований в целом.

Как встроить форму в интернет ресурс?

Для того, чтобы оторазить форму на стороннем интернет-ресурсе, надо иметь администраторский доступ к содержанию HTML-документов сайта. Чтобы форма появилась на странице, надо в ее HTML коде. в соответствуещем месте, необходимо добавить следущий тэг

<iframe src="http://www.ufoseti.org/ru/reports/new?iframe=true" style="width: 600px; height: 800px;"></iframe>

После этого, форма очевидца отобразится на странице.

Как встроить интерактивную карту?

Есть два способа интеграции в карты в HTML-страницу стороннего ресурса. Первый способ технически схож с процессом интеграции формы очевидца. Для отображения карты на странице, необходимо внести в HTML код страници следующий тэг

<iframe src="http://www.ufoseti.org/ru//reports/map?iframe=true&clustorization=true&filters=true" style="width: 600px; height: 800px;"></iframe>

Обратите внимание, что ссылка на iframe cодержит два дополнительных параметра clustorization и filters. Ниже приведено их описание, и варианты возможных значений.

  • clustorization - Отображает карту с включенной кластеризацией маркеров на карте. Кластеризация маркеров производится автоматически, в том числе если маркеры располагаются достаточно близко друг к другу на карте, при текущем увеличении, они объединяются в кластер, и цифрой указыватеся количество маркеров в данном кластере. При изменении увеличения, расстояние между маркерами меняется и кластеры пересчитываются. Возможные значения - true или false.
  • filters - Добавляет возможность фильтрации маркеров на карте. На данный момент предоставляются 4 возможных фильтра ** по периоду наблюдения ** по форму наблюдавшегося объекта ** по статусу расследования ** по статусу AR кода

Так же имеется более технически продвинутая возможность интеграции карты, предоставляющая широкий набор возможностей для настройки карты. Пример такой интергации, содержащей элемены Javascript кода приведен ниже

<html>
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
  <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" media="screen" rel="stylesheet">
  <link href="http://www.ufoseti.org/assets/public_map/map.0.1.0.css" media="screen" rel="stylesheet">
  <script src="http://www.ufoseti.org/assets/public_map/map.0.1.0.js"></script>
  <script>
    (function($) {
      $(document).ready(function() {

        ufoseti.locale = "ru";
        var map = new ufoseti.PublicMap("map_canvas", {
          // google_maps: {
          //   language: "ru",
          //   v: "3.16",
          //   sensor: false
          // },
          // clusterer: {
          //   gridSize: 50,
          //   zoom: 10,
          //   zoomOnClick: true,
          //   averageCenter: true,
          //   minimumClusterSize: 5
          // },
          map: {
            zoom: 6,
            init_coords: [53.529039, 28.044972]
          },
          // circle: {
          //   clickable: false,
          //   fillColor: '#FF3333',
          //   fillOpacity: 0.2,
          //   strokeColor: '#FC0000',
          //   strokeOpacity: 1,
          //   strokeWeight: 2
          // },
          // info_window: {
          //   disableAutoPan: false,
          //   content: "<div id=\"content\" style=\"min-height: 200px; max-height: 400px; min-width:500px; max-width: 800px;\">Loading...</div>"
          // }
        });
        map.init();

        var map_controls = new ufoseti.MapControls(map, "#map_controls", "http://www.ufoseti.org", {
          // limit: 0,
          // locale: "ru",
          countries: "by",
          preformatter: function (e) { 
            e.observed_at = new Date(e.observed_at); 
            e.coordinates = jQuery.parseJSON(e.coordinates); 
          }
        });
        map_controls.init();
      });
    })(jQuery);
  </script>
</head>
<body>
  <div id="map_canvas"></div>
  <div id="map_controls"></div>
</body>
</html>