DIWHY
/
spatialsystems
mirror of https://github.com/gtitov/spatialsystems.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

en

Browse Source
main
gman 8 months ago
parent e2d4c99b11
commit 47e245fb19
13 changed files with 765 additions and 43 deletions
Show Stats Download Patch File Download Diff File

11
city-modelling.html
Unescape View File

@ -5,9 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</title> <title>Пространственные Системы</title>
<link rel="stylesheet" href="fullpage/fullpage.min.css"> <link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="fullpage/fullpage.js"></script> <script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
@ -22,8 +22,9 @@
</div> </div>
<div id="navigation"> <div id="navigation">
<a id="navigation-link-active" href="projects.html">Проекты</a> <a id="navigation-link" href="/projects.html">Проекты</a>
<a id="navigation-link" href="contacts.html">Контакты</a> <a id="navigation-link" href="/contacts.html">Контакты</a>
<a id="navigation-link" href="/en/city-modelling.html">EN</a>
</div> </div>
</div> </div>
</div> </div>

8
contacts.html
Unescape View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</title> <title>Пространственные Системы</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
@ -21,8 +21,10 @@
</div> </div>
<div id="navigation"> <div id="navigation">
<a id="navigation-link" href="projects.html">Проекты</a> <a id="navigation-link" href="/projects.html">Проекты</a>
<a id="navigation-link-active" href="contacts.html">Контакты</a> <a id="navigation-link-active" href="/contacts.html">Контакты</a>
<a id="navigation-link" href="/en/contacts.html">EN</a>
</div> </div>
</div> </div>
</div> </div>

14
emergency.html
Unescape View File

@ -5,9 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</title> <title>Пространственные Системы</title>
<link rel="stylesheet" href="fullpage/fullpage.min.css"> <link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="fullpage/fullpage.js"></script> <script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
@ -22,8 +22,10 @@
</div> </div>
<div id="navigation"> <div id="navigation">
<a id="navigation-link-active" href="projects.html">Проекты</a> <a id="navigation-link" href="/projects.html">Проекты</a>
<a id="navigation-link" href="contacts.html">Контакты</a> <a id="navigation-link" href="/contacts.html">Контакты</a>
<a id="navigation-link" href="/en/emergency.html">EN</a>
</div> </div>
</div> </div>
</div> </div>
@ -41,7 +43,7 @@
</div> </div>
<div class="section"> <div class="section">
<figure> <figure>
<img src="images/emergency/interface.png" /> <img src="images/emergency/cover.png" />
<figcaption>Интерфейс системы</figcaption> <figcaption>Интерфейс системы</figcaption>
</figure> </figure>
</div> </div>

217
en/city-modelling.html
Unescape View File

@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spatial systems</title>
<link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
<a id="logo-container" href="/en/">
Spatial systems
</a>
</div>
</div>
<div id="navigation">
<a id="navigation-link" href="/en/projects.html">Проекты</a>
<a id="navigation-link" href="/en/contacts.html">Контакты</a>
<a id="navigation-link" href="/city-modelling.html">РУ</a>
</div>
</div>
</div>
<div class="fullpage">
<div class="section gradient-text">
<p>City-modelling - геоинформационная ML система для моделирования городского пространства / цифрового
мастер-планирования.
</p>
<p>Города развиваются стремительнее с каждым днем. Накопленное городом множество данных о перемещении
населения и посещаемости объектов городской социально-экономической инфраструктуры позволяет создавать
качественно новые модели и переводит процесс управления городом и его развития на новый уровень.</p>
<p>Для реализации новых возможностей в цифровом развитии города Москвы, связанных с накопленными городскими
данными по посещаемости объектов социально-экономической инфраструктуры, мы разработали
геоинформационную ML систему City-modelling.</p>
</div>
<div class="section">
<figure>
<img src="/images/city/interface.png" />
<figcaption>Интерфейс системы</figcaption>
</figure>
</div>
<div class="section">
<p>В системе доступно множество слоев с показателями, характеризующими обеспеченность территорий объектами
городской социально-экономической инфраструктуры, такими как школы, бассейны, поликлиники и др. Всего в
системе представлены 13 категорий объектов. </p>
<p>Среди отображаемых показателей: нагрузка на объекты инфраструктуры, обеспеченность населения, суммарная
обеспеченность населения, пешеходная доступность и потенциал размещения.</p>
</div>
<div class="section">
<figure>
<img src="/images/city/libraries.png" />
<figcaption>Нагрузка на библиотеки и их пешеходная доступность</figcaption>
</figure>
</div>
<div class="section">
<p>Для расчета спроса населения используются ML-модели, которые строятся на основе реальных ретроспективных
данных по посещаемости объектов и множества данных о городской среде.
</p>
<p>На основе данных по планируемой реновации и вводу нового коммерческого жилья все показатели
рассчитываются на несколько лет вперед для того, чтобы можно было принимать решения с учетом изменений в
будущем.</p>
</div>
<div class="section">
<figure>
<img src="/images/city/clinics.png" />
<figcaption>Нагрузка на взрослые поликлиники и потенциал их размещения</figcaption>
</figure>
</div>
<div class="section">
<p>Главной особенностью системы является возможность моделирования городского пространства – выполнение
симуляций строительства и сноса объектов инфраструктуры или жилых домов и онлайн-пересчет всех
показателей с учетом выполненных действий.
</p>
<p>
Система позволяет за несколько секунд ответить на вопрос – «что будет, если?». Изучив существующую
ситуацию по распределению показателей обеспеченности, можно приступать к проведению экспериментов по
изменению городского пространства – построить новую школу или МФЦ в районах с низкой обеспеченностью и
посмотреть какая будет нагрузка у новых объектов, на сколько сильно она уменьшится у уже существующих
объектов, на сколько увеличиться обеспеченность населения района и т. д.
</p>
<p>Например, выбрав категорию Бассейны, можно обратить внимание на перегруженность существующих объектов в
районе Северное Тушино и, соответственно, высокий потенциал их размещения в этом районе города.</p>
</div>
<div class="section">
<figure>
<img src="/images/city/pools.png" />
<figcaption>Перегруженные бассейны и высокий потенциал их размещения в районах Северное и Южное Тушино
</figcaption>
</figure>
</div>
<div class="section">
<p>Построим новый крупный бассейн в центре района Северное Тушино, предварительно указав его название и
мощность – в течение нескольких секунд показатели обновятся с учетом вновь построенного объекта.
Нагрузка на новый бассейн составит 94%, нагрузка на два перегруженных бассейна нормализуется, а ситуация
в районе, связанная с дефицитом бассейнов, стабилизируется.
</p>
<p>В процессе подобной симуляции сначала происходит обновление данных каждой ячейки и каждой точки бассейна
с учетом изменений, которые внес пользователь, затем – применение обученной раннее ML-модели к
обновленной выборке.</p>
</div>
<div class="section">
<figure>
<img src="/images/city/add.png" />
<figcaption>Добавление нового бассейна
</figcaption>
</figure>
</div>
<div class="section">
<figure>
<img src="/images/city/update.png" />
<figcaption>Обновленная ситуация в районе после строительства нового бассейна
</figcaption>
</figure>
</div>
<div class="section">
<p>Кроме симуляций строительства и сноса объектов инфраструктуры, в системе также можно выполнять
аналогичные операции с жилыми комплексами – например, оценить, как изменится ситуация при строительстве
нового жилого комплекса на заданное количество квартир.
</p>
<p>Построим несколько крупных ЖК на промышленной территории района Покровское-Стрешнево и оценим как
изменится ситуация со школами и взрослыми поликлиниками – объекты района станут перегруженными, а
обеспеченность населения снизится.</p>
</div>
<div class="section">
<figure>
<img src="/images/city/sufficiency.png" />
<figcaption>Обеспеченность взрослыми поликлиниками и школами (синий – высокая обеспеченность, бежевый –
низкая) и нагрузка на соответствующие объекты
</figcaption>
</figure>
</div>
<div class="section">
<figure>
<img src="/images/city/new-house.png" />
<figcaption>Добавление новых ЖК
</figcaption>
</figure>
</div>
<div class="section">
<figure>
<img src="/images/city/sufficiency-new.png" />
<figcaption>Обеспеченность взрослыми поликлиниками и школами (синий – высокая обеспеченность, бежевый –
низкая) и нагрузка на соответствующие объекты после появления новых ЖК
</figcaption>
</figure>
</div>
<div class="section">
<p>Все выполненные пользователем симуляции сохраняются в истории, в любой момент их можно отменить и вернуть
состояние системы в предыдущее или первоначальное состояние.
</p>
</div>
<div class="section">
<figure>
<img src="/images/city/history.png" />
<figcaption>История действий пользователя
</figcaption>
</figure>
</div>
<div class="section">
<p>Система оснащена множеством фильтров, упрощающих поиск объектов инфраструктуры и городских территорий с
нужными характеристиками. С помощью фильтров можно быстро отбирать объекты с определенной нагрузкой и
мощностью, расположенных в определенных районах города, городские территории с определенными значениями
показателей обеспеченности и т. д.
</p>
<p>Также в системе доступен выбор детализации отображения городских территорий от сот с длиной стороны 200
метров до административных районов</p>
</div>
<div class="section">
<figure>
<img src="/images/city/hex.png" />
<figcaption>Отображение показателей по сотам со стороной 200 м района Раменки
</figcaption>
</figure>
</div>
<div class="section">
<figure>
<img src="/images/city/square.png" />
<figcaption>Отображение показателей по квадратам со стороной 500 м района Раменки
</figcaption>
</figure>
</div>
<div class="section">
<figure>
<img src="/images/city/diagram.png" />
<figcaption>График обеспеченности по всем категориям по району
</figcaption>
</figure>
</div>
<div class="section">
<figure>
<img src="/images/city/shap.png" />
<figcaption>График интерпретации прогноза спроса на взрослые поликлиники
</figcaption>
</figure>
</div>
<div class="section">
<a href="/en/contacts.html" class="contacts-link">Если вам интересна подобная система, напишите
нам<span class="arrow-diagonal">
</span></a>
</div>
</div>
<script>
new fullpage('.fullpage', {
navigation: true,
});
</script>
</body>
</html>

54
en/contacts.html
Unescape View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spatial systems</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
<a id="logo-container" href="/en/">
Spatial systems
</a>
</div>
</div>
<div id="navigation">
<a id="navigation-link" href="/en/projects.html">Projects</a>
<a id="navigation-link-active" href="/en/contacts.html">Contacts</a>
<a id="navigation-link" href="/contacts.html">РУ</a>
</div>
</div>
</div>
<div class="contacts-container">
<div class="contacts-main">
<div class="contacts-content">
<div class="contacts-title">Get in touch</div>
<div class="contacts-text">Send an email</div>
<div class="contacts-link">info@spatialsystems.ru</div>
</div>
<div class="contacts-form">
<form>
<input type="text" class="contacts-input" placeholder="Your name">
<input type="text" class="contacts-input" placeholder="How to contact you">
<textarea class="contacts-textarea" placeholder="Tell us what you need"></textarea>
<a class="contacts-submit" href="#"
onclick="this.innerText = 'Not sent, server error';this.style.textDecoration = 'none'">Send</a>
</form>
</div>
</div>
<div class="contacts-footer">
</div>
</div>
</body>
</html>

134
en/emergency.html
Unescape View File

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spatial systems</title>
<link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
<a id="logo-container" href="/en/">
Spatial systems
</a>
</div>
</div>
<div id="navigation">
<a id="navigation-link" href="/en/projects.html">Projects</a>
<a id="navigation-link" href="/en/contacts.html">Contacts</a>
<a id="navigation-link" href="/emergency.html">РУ</a>
</div>
</div>
</div>
<div class="fullpage">
<div class="section gradient-text">
<p>Heat Emergency – geoinformation ML system devoted to modeling of emergencies at heat supply facilities.
</p>
<p>Every day the city accumulates data on the emergencies that have occurred at heat supply facilities -
residential buildings and heating points. A huge array of such data, combined with data on the
characteristics of heat supply facilities and weather conditions, allows you to create new emergency
management tools.</p>
<p>
HeatEmergency – an application for the city that helps not only improve control to prevent emergencies,
but also build the best response scenario to an accident that has already occurred
</p>
</div>
<div class="section">
<figure>
<img src="/images/emergency/cover.png" />
<figcaption>System interface</figcaption>
</figure>
</div>
<div class="section">
<p>Before using, it is necessary to import all the necessary data into the system – locations of residential
buildings and infrastructure facilities, communication of heat supply facilities with each other,
emergency situations of different types that have occurred in residential buildings, indicators of
general house metering devices</p>
<p>In case of industrial use of the system, all data should be imported in advance, and data requiring
frequent updates (emergency situations and indicators of general house metering devices) should be
transmitted to the system automatically through integrations with the corresponding information systems
of housing and communal services.</p>
</div>
<div class="section">
<figure>
<img src="/images/emergency/import.png" />
<figcaption>Import of source data</figcaption>
</figure>
</div>
<div class="section">
<p>After importing the emergency situations data into the system, a training set is formed, consisting of
the emergencies of a certain type in certain residential buildings on specific dates and the data of the
absence of such accidents.
</p>
<p>Besides, many signs are formed for the model, including the type of walls, year of construction, number
of storeys, data on the overhaul of various parts of the water supply system of residential buildings,
etc. (about 50 signs in total), weather conditions.</p>
<p>When building a model, the problem of binary classification is solved - the model determines the
propensity of each residential building to different types of accidents (for example, leakage in a pipe
in an apartment or entrance, lack of heating, etc.).</p>
<p>The result of the predicted propensity of residential buildings is displayed on the map with the
possibility of using many filters.</p>
</div>
<div class="section">
<p>After importing indicators of general house metering devices, the metrics on the pressure and water
temperature in the pipe at the entrance to the house are compared with the standard ones. In case of
deviations from the standards, the fact of an accident on a source – heating point is registered.
Further, similarly to emergencies in residential buildings, an ML model is built, which determines the
propensity of the heating point to an emergency.
</p>
<p>In forecasting, we use complex models that allow us to interpret the propensity for emergencies in a way
that is clear to the user - the forecast can be decomposed into contribution level of all factors
involved in the model and better understand which factors are most significant.</p>
</div>
<div class="section">
<figure>
<img src="/images/emergency/shap.png" />
<figcaption>Propensity prediction interpretation - visualization of the contribution of various factors
to the prediction of the propensity of a residential building the occurrence of a leak in the
heating system
</figcaption>
</figure>
</div>
<div class="section">
<p>In the system, it is possible to create a simulation of an accident that has already occurred at a
heating point to assess the number of consumers (residential buildings and socio-economic facilities)
who find themselves in the accident zone and the rate of their cooling down, in order to form an optimal
sequence of response and levelling of the emergency situation.
</p>
</div>
<div class="section">
<figure>
<img src="/images/emergency/sim.png" />
<figcaption>Simulation of an emergency at a heating point
</figcaption>
</figure>
</div>
<div class="section">
<p class="gradient-text">The functionality of the HeatEmergency system based on data analysis and machine
learning methods allows you to improve control over the city heat supply system, improve understanding
of patterns in the occurrence of emergency situations and prevent them.
</p>
<a href="/en/contacts.html" class="contacts-link">Contact us if you are interested in a system like
this<span class="arrow-diagonal">
</span></a>
</div>
</div>
<script>
new fullpage('.fullpage', {
navigation: true,
});
</script>
</body>
</html>

105
en/index.html
Unescape View File

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spatial systems</title>
<link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
<a id="logo-container" href="/en/">
Spatial systems
</a>
</div>
</div>
<div id="navigation">
<a id="navigation-link" href="/en/projects.html">Projects</a>
<a id="navigation-link" href="/en/contacts.html">Contacts</a>
<a id="navigation-link" href="/index.html">РУ</a>
</div>
</div>
</div>
<div class="fullpage">
<div class="section">
<div class="hero">
Geoinformation ML/AUTOML systems development
</div>
<div class="arrow-down"></div>
</div>
<div class="section">
<div class="section-title">Our features</div>
<div class="features">
<div class="block-container">
<div class="block-title">True data driven</div>
<div class="block-text">Our systems are based on predictive analytics
of real retrospective data via machine learning algorithms, that allows the content of our
systems reflect the reality
</div>
</div>
<div class="block-container">
<div class="block-title">AutoML</div>
<div class="block-text">All data science processes are automated, predictive models are updated
alongside with accumulation of new data that keeps systems up to date</div>
</div>
<div class="block-container">
<div class="block-title">REACTIVIT<wbr>Y</div>
<div class="block-text">Our systems are equipped with simulation tools, that permits a user to get a
model of target situation and estimate the realization effect before taking the real decision
</div>
</div>
<div class="block-container">
<div class="block-title">TRANSPARENCY</div>
<div class="block-text">We use machine learning models that allows us to interpret each forecast and
figure out what factors and to what extant influenced the final value
</div>
</div>
</div>
<div class="arrow-down"></div>
</div>
<div class="section">
<div class="section-title">
We are trusted
</div>
<div class="partners">
<div class="trusted-block">
<img src="../partners_logo/дит.png" />
</div>
<div class="trusted-block">
<img src="../partners_logo/мп.png" />
</div>
<div class="trusted-block">
<img src="../partners_logo/арвэ.png" />
</div>
<div class="trusted-block">
<img src="../partners_logo/мм.png" />
</div>
<div class="trusted-block">
<img src="../partners_logo/мгу.png" />
</div>
<div class="trusted-block">
<img src="../partners_logo/глм.png" />
</div>
</div>
</div>
</div>
<script>
new fullpage('.fullpage', {});
document.querySelectorAll('.arrow-down').forEach(
el => el.addEventListener('click', () => {
fullpage_api.moveSectionDown();
})
)
</script>
</body>
</html>

140
en/postnet.html
Unescape View File

@ -0,0 +1,140 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spatial systems</title>
<link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
<a id="logo-container" href="/en/">
Spatial systems
</a>
</div>
</div>
<div id="navigation">
<a id="navigation-link" href="/en/projects.html">Projects</a>
<a id="navigation-link" href="/en/contacts.html">Contacts</a>
<a id="navigation-link" href="/postnet.html">РУ</a>
</div>
</div>
</div>
<div class="fullpage">
<div class="section gradient-text">
<p>Postnet – geoinformation AutoML system devoted to development and operation monitoring of Moscow
automatic post office chain
</p>
<p>Moscow automatic post office chain is now being developed by Moscow city administration. Automatic post
offices are placed not only in various infrastructure facilities, but also right inside the entrances of
residential buildings. Now, by using automatic post offices, you can receive orders from online stores
and marketplaces, and other services will be available soon. To monitor operations of the chain and its
development, our team has developed the Postnet system</p>
</div>
<div class="section">
<figure>
<img src="/images/postnet/cover.png" />
<figcaption>System interface</figcaption>
</figure>
</div>
<div class="section">
<p>The forecast for number of sales in all potential locations for object placement is based on the data
collected from already operating retail chain outlets, more than 50 factors influencing the city space
and algorithms of machine learning (more than 100 000 locations throughout the city).</p>
<p>Once a day our system gets updated data on total sales from all operating points of sales. Due to the
application of automated machine learning, the model undergoes additional training every day with
consideration of the updated data, becoming more accurate and remaining relevant over time.</p>
<p>Beside existing location points in the system, you can import your own into it - the system will
automatically collect the necessary data on the loaded location points, implement the model and give a
forecast for the number of orders.</p>
</div>
<div class="section">
<figure>
<img src="/images/postnet/location.png" />
<figcaption>The projected monthly number of sales in the selected location is 257</figcaption>
</figure>
</div>
<div class="section">
<p>In forecasting, we use complex models that allow, on the one hand, to identify non-linear patterns
between the value of the number of sales and many factors affecting it, and on the other, to interpret
this pattern in a way that is clear to the user.
</p>
<p>
So, the forecast at each location can be decomposed into contribution level of all factors involved in
the model and understand better which features of the surrounding space turn out to be the most
significant - which increase the number of orders, and which, on the contrary, decrease it.
</p>
</div>
<div class="section">
<figure>
<img src="/images/postnet/diagram.png" />
<figcaption>Interpretation of the prognosis – visualization of the contribution of various factors to
the order quantity forecast
</figcaption>
</figure>
</div>
<div class="section">
<p>The system interface gives an opportunity for the user to select any location from the entire set to
simulate the placement of new point of sales in the chain. In the process of such an online simulation,
the model will automatically reassemble all data and recalculate forecasts taking into account that new
automatic post offices will appear in the selected ones.
</p>
<p>If the automatic post office is successfully installed, this location will begin to accumulate data on
the number of orders and after a certain time will be included in the training set.</p>
</div>
<div class="section">
<p>The system is equipped with many filters that simplify the task of finding locations for placing new
automatic post offices. With the help of filters, you can quickly select locations with a certain
forecast number of sales located in certain areas of the city and in objects of a certain category
(supermarket, residential building entrance, library, etc.).
</p>
</div>
<div class="section">
<figure>
<img src="/images/postnet/konkovo.png" />
<figcaption>Living residencies and retail district Konkovo with a monthly order quantity forecast of
more than 200
</figcaption>
</figure>
</div>
<div class="section">
<p>Using advanced filters, you can select locations depending on their position relative to infrastructure
objects, for example, locations of other automatic post offices/pick up points or having certain
statistics on the neighborhood, for example, on the number of apartments.</p>
</div>
<div class="section">
<figure>
<img src="/images/postnet/zones.png" />
<figcaption>Locations positioned in areas with low competition, but with a large number of people
</figcaption>
</figure>
</div>
<div class="section">
<p class="gradient-text">All this makes the developed system an innovative and convenient tool for managing
and developing the Moscow Automatic Post Office chain. In general, such an application can be used for
any other chains of any commercial or socio-economic facilities with a certain number of already
operating objects.
</p>
<a href="/en/contacts.html" class="contacts-link">Contact us if you are interested in a system like
this<span class="arrow-diagonal">
</span></a>
</div>
</div>
<script>
new fullpage('.fullpage', {
navigation: true,
});
</script>
</body>
</html>

68
en/projects.html
Unescape View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spatial systems</title>
<link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
<a id="logo-container" href="/en/">
Spatial systems
</a>
</div>
</div>
<div id="navigation">
<a id="navigation-link-active" href="/en/projects.html">Projects</a>
<a id="navigation-link" href="/en/contacts.html">Contacts</a>
<a id="navigation-link" href="/projects.html">РУ</a>
</div>
</div>
</div>
<div class="fullpage">
<div class="section projects">
<a class="project-container" href="/en/postnet.html">
<img src="/images/postnet/cover.png" alt="" srcset="">
<div class="project-title">
<span>Postnet<div class="project-arrow"></div></span>
</div>
<div class="project-text">геоинформационная AutoML система для контроля и развития сети
Московский постамат</div>
</a>
<a class="project-container" href="/en/emergency.html">
<img src="/images/emergency/cover.png" alt="" srcset="">
<div class="project-title">
<span>Heat emergency<div class="project-arrow">
</div></span>
</div>
<div class="project-text">геоинформационная ML система для моделирования возникновения аварийных
ситуаций на объектах теплоснабжения</div>
</a>
</div>
<div class="section projects">
<a class="project-container" href="/en/city-modelling.html">
<img src="/images/city/city-cover.png" alt="" srcset="">
<div class="project-title">
<span>Cit<wbr>y modelling<div class="project-arrow">
</div></span>
</div>
<div class="project-text">геоинформационная ML система для моделирования городского пространства /
цифрового мастер&#8209;планирования</div>
</a>
</div>
</div>
<script>
new fullpage('.fullpage', { navigation: true });
</script>
</body>
</html>

25
index.html
Unescape View File

@ -5,9 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</title> <title>Пространственные Системы</title>
<link rel="stylesheet" href="fullpage/fullpage.min.css"> <link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="fullpage/fullpage.js"></script> <script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
@ -24,6 +24,7 @@
<div id="navigation"> <div id="navigation">
<a id="navigation-link" href="projects.html">Проекты</a> <a id="navigation-link" href="projects.html">Проекты</a>
<a id="navigation-link" href="contacts.html">Контакты</a> <a id="navigation-link" href="contacts.html">Контакты</a>
<a id="navigation-link" href="/en/index.html">EN</a>
</div> </div>
</div> </div>
</div> </div>
@ -73,29 +74,23 @@
</div> </div>
<div class="partners"> <div class="partners">
<div class="trusted-block"> <div class="trusted-block">
<img src="partners_logo/ДИТ.png" /> <img src="partners_logo/дит.png" />
</div> </div>
<div class="trusted-block"> <div class="trusted-block">
<img src="partners_logo/Московский постамат.png" /> <img src="partners_logo/мп.png" />
</div>
<!-- <div class="trusted-block">
<img src="partners_logo/pik.png" />
</div> </div>
<div class="trusted-block"> <div class="trusted-block">
<img src="partners_logo/youdrive.png" /> <img src="partners_logo/арвэ.png" />
</div> </div>
<div class="trusted-block"> <div class="trusted-block">
<img src="partners_logo/autoru.png" /> <img src="partners_logo/мм.png" />
</div> </div>
<div class="trusted-block"> <div class="trusted-block">
<img src="partners_logo/mapsme.png" /> <img src="partners_logo/мгу.png" />
</div> </div>
<div class="trusted-block"> <div class="trusted-block">
<img src="partners_logo/pik.png" /> <img src="partners_logo/глм.png" />
</div> </div>
<div class="trusted-block">
<img src="partners_logo/youdrive.png" />
</div> -->
</div> </div>
</div> </div>
</div> </div>

16
postnet.html
Unescape View File

@ -5,9 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</title> <title>Пространственные Системы</title>
<link rel="stylesheet" href="fullpage/fullpage.min.css"> <link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="fullpage/fullpage.js"></script> <script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
@ -22,8 +22,10 @@
</div> </div>
<div id="navigation"> <div id="navigation">
<a id="navigation-link-active" href="projects.html">Проекты</a> <a id="navigation-link" href="/projects.html">Проекты</a>
<a id="navigation-link" href="contacts.html">Контакты</a> <a id="navigation-link" href="/contacts.html">Контакты</a>
<a id="navigation-link" href="/en/postnet.html">EN</a>
</div> </div>
</div> </div>
</div> </div>
@ -39,7 +41,7 @@
</div> </div>
<div class="section"> <div class="section">
<figure> <figure>
<img src="images/postnet/postnet-interface.png" /> <img src="images/postnet/cover.png" />
<figcaption>Интерфейс системы</figcaption> <figcaption>Интерфейс системы</figcaption>
</figure> </figure>
</div> </div>
@ -56,7 +58,7 @@
</div> </div>
<div class="section"> <div class="section">
<figure> <figure>
<img src="images/postnet/postnet-location.png" /> <img src="images/postnet/location.png" />
<figcaption>Прогнозное количество заказов в локации на месяц – 257</figcaption> <figcaption>Прогнозное количество заказов в локации на месяц – 257</figcaption>
</figure> </figure>
</div> </div>

14
projects.html
Unescape View File

@ -5,9 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</title> <title>Пространственные Системы</title>
<link rel="stylesheet" href="fullpage/fullpage.min.css"> <link rel="stylesheet" href="/fullpage/fullpage.min.css">
<script src="fullpage/fullpage.js"></script> <script src="/fullpage/fullpage.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
@ -22,15 +22,17 @@
</div> </div>
<div id="navigation"> <div id="navigation">
<a id="navigation-link-active" href="projects.html">Проекты</a> <a id="navigation-link-active" href="/projects.html">Проекты</a>
<a id="navigation-link" href="contacts.html">Контакты</a> <a id="navigation-link" href="/contacts.html">Контакты</a>
<a id="navigation-link" href="/en/projects.html">EN</a>
</div> </div>
</div> </div>
</div> </div>
<div class="fullpage"> <div class="fullpage">
<div class="section projects"> <div class="section projects">
<a class="project-container" href="postnet.html"> <a class="project-container" href="postnet.html">
<img src="./images/postnet/postnet-cover.png" alt="" srcset=""> <img src="./images/postnet/cover.png" alt="" srcset="">
<div class="project-title"> <div class="project-title">
<span>Postnet<div class="project-arrow"></div></span> <span>Postnet<div class="project-arrow"></div></span>
</div> </div>

2
style.css
Unescape View File

@ -263,7 +263,7 @@ html {
display: flex; display: flex;
width: 100%; width: 100%;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-around;
} }
.trusted-block { .trusted-block {

Write Preview
Loading…
Cancel
Save