city modelling

main
gman 8 months ago
parent 46c5280185
commit 8508ed0584

@ -0,0 +1,216 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</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="/">
Пространственные системы
</a>
</div>
</div>
<div id="navigation">
<a id="navigation-link-active" href="projects.html">Проекты</a>
<a id="navigation-link" href="contacts.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="contacts.html" class="contacts-link">Запросить бесплатное демо системы или обсудить разработку<span
class="arrow-diagonal">
</span></a>
</div>
</div>
<script>
new fullpage('.fullpage', {
navigation: true,
});
</script>
</body>
</html>

@ -4,7 +4,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Пространственные Системы</title>
<link rel="stylesheet" href="style.css">
</head>

@ -109,7 +109,9 @@
возникновении аварийных ситуаций, их профилактику и предотвращение.
</p>
<p>Если вам интересна подобная система, напишите нам.</p>
<a href="contacts.html" class="contacts-link">Если вам интересна подобная система, напишите нам<span
class="arrow-diagonal">
</span></a>
</div>
</div>
<script>

Binary file not shown.

After

Width:  |  Height:  |  Size: 498 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 485 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 494 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 743 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 758 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 447 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 503 KiB

@ -127,7 +127,9 @@
работающих точек.
</p>
<a href="contacts.html">Если вам интересна подобная система, напишите нам.</a>
<a href="contacts.html" class="contacts-link">Если вам интересна подобная система, напишите нам<span
class="arrow-diagonal">
</span></a>
</div>
</div>
<script>

@ -49,7 +49,7 @@
ситуаций на объектах теплоснабжения</div>
</a>
</div>
<!-- <div class="section">
<div class="section">
<a class="project-container" href="city-modelling.html">
<img src="./images/city/city-cover.png" alt="" srcset="">
<div class="project-title">
@ -59,7 +59,7 @@
<div class="project-text">геоинформационная ML система для моделирования городского пространства /
цифрового мастер&#8209;планирования</div>
</a>
</div> -->
</div>
</div>
<script>
new fullpage('.fullpage', { navigation: true });

@ -335,6 +335,19 @@ html {
}
}
.contacts-link {
text-decoration: underline;
}
.arrow-diagonal {
display: inline-block;
margin-left: 10px;
width: 20px;
height: 20px;
background: url("./svg/Arrow.svg") no-repeat;
background-size: contain;
}
/* Projects */
#projects-container {
display: flex;

Loading…
Cancel
Save