main
gman 8 months ago
parent cb18d49521
commit 0e72e8a04e

@ -9,7 +9,7 @@
</head>
<body>
<div class="container">
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">

@ -13,7 +13,8 @@
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.fullpage = factory());
})(this, (function () { 'use strict';
})(this, (function () {
'use strict';
// https://tc39.github.io/ecma262/#sec-array.prototype.find
if (!Array.prototype.find) {
@ -3651,7 +3652,7 @@
});
windowAddEvent("testPassive", null, opts);
windowRemoveEvent("testPassive", null, opts);
} catch (e) {}
} catch (e) { }
return function () {
return g_supportsPassive;
@ -5505,7 +5506,8 @@
var positionStyle = ['left', 'right'].indexOf(position) > -1 ? "".concat(position, ": 0;") : '';
var waterMark = "\n <div class=\"".concat(WATERMARK, "\" style=\"").concat(positionStyle, "\">\n <a href=\"https://alvarotrigo.com/fullPage/\" \n rel=\"nofollow noopener\" \n target=\"_blank\" \n style=\"text-decoration:none; color: #000;\">\n ").concat(getOptions().credits.label || 'Made with fullPage.js', "\n </a>\n </div>\n ");
var lastSection = getLast(state.sections);
var shouldUseWaterMark = !state.isValid || getOptions().credits.enabled;
// var shouldUseWaterMark = !state.isValid || getOptions().credits.enabled;
var shouldUseWaterMark = false;
if (lastSection && lastSection.item && shouldUseWaterMark) {
lastSection.item.insertAdjacentHTML('beforeend', waterMark);
@ -5935,16 +5937,16 @@
var l = getOptions()['li' + 'c' + 'enseK' + 'e' + 'y'];
var msgStyle = 'font-size: 15px;background:yellow;';
if (getOptions().licenseKey.trim() === '') {
showError('error', 'Fullpage.js requires a `licenseKey` option. Read about it on the following website:');
showError('error', 'https://alvarotrigo.com/fullPage/docs/#licensekey');
} else if (!isOK()) {
showError('error', 'Incorrect `licenseKey`. Get one for fullPage.js version 4 here:');
showError('error', 'https://alvarotrigo.com/fullPage/pricing');
} else if (l && l.length < 20) {
console.warn('%c This website was made using fullPage.js slider. Learn more on the following website:', msgStyle);
console.warn('%c https://alvarotrigo.com/fullPage/', msgStyle);
}
// if (getOptions().licenseKey.trim() === '') {
// showError('error', 'Fullpage.js requires a `licenseKey` option. Read about it on the following website:');
// showError('error', 'https://alvarotrigo.com/fullPage/docs/#licensekey');
// } else if (!isOK()) {
// showError('error', 'Incorrect `licenseKey`. Get one for fullPage.js version 4 here:');
// showError('error', 'https://alvarotrigo.com/fullPage/pricing');
// } else if (l && l.length < 20) {
// console.warn('%c This website was made using fullPage.js slider. Learn more on the following website:', msgStyle);
// console.warn('%c https://alvarotrigo.com/fullPage/', msgStyle);
// }
if (hasClass($html, ENABLED)) {
showError('error', 'Fullpage.js can only be initialized once and you are doing it multiple times!');

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 658 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 810 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: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

@ -9,7 +9,7 @@
</head>
<body>
<div class="container">
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">

@ -5,25 +5,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пространственные Системы</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="fullpage/fullpage.min.css">
<script src="fullpage/fullpage.min.js"></script>
<style>
.section {
text-align: center;
font-size: 1em;
font-family: arial;
padding-top: 80px;
@media (max-width: 850px) {
padding-top: 200px;
}
}
</style>
<script src="fullpage/fullpage.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
@ -39,78 +27,112 @@
</div>
</div>
</div>
<div id="fullpage">
<div class="fullpage">
<div class="section">
<p>Postnet геоинформационная AutoML система для управления и развития сети постаматов Московский постамат
</p>
</div>
<div class="section">
<p>В настоящее время в столице развивается городская сеть постаматов Московский постамат. Постаматы сети
размещают не только в различных объектах инфраструктуры, но и прямо внутри подъездов жилых домов. Сейчас
с помощью постаматов можно получать заказы из интернет-магазинов и маркетплейсов, уже скоро будут
доступны и другие сервисы. Для управления сетью постаматов и ее развития наша команда разработала
систему Postnet. </p>
<figure>
<img src="images/postnet/postnet-interface.png" />
<figcaption>Интерфейс системы</figcaption>
</figure>
</div>
<div class="section">
<p>На основе данных о количестве заказов уже работающих постаматов, более пятидесяти факторов городского
пространства и алгоритмов машинного обучения осуществляется прогноз количества заказов во всех
потенциальных точках размещения постаматов (более 100 тыс. локаций по всему городу).</p>
<p>Раз в сутки наша система получает обновленные данные по количеству заказов со всех постаматов. За счет
внедренного автоматизированного машинного обучения, модель проходит дообучение каждые сутки с учетом
обновленных данных, становясь более точной и оставаясь актуальной с течением времени.</p>
<p>Кроме уже имеющихся в системе точек, можно импортировать в нее свои собственные система в
автоматическом режиме соберет необходимые данные по загруженным точкам, применит модель и выдаст прогноз
по количеству заказов.</p>
</div>
<div class="section">
<figure>
<img src="images/postnet/postnet-location.png" />
<figcaption>Прогнозное месячное количество заказов в локации 257</figcaption>
</figure>
</div>
<div class="section">
<p>При прогнозировании мы используем сложные модели, позволяющие с одной стороны уловить нелинейные
закономерности между величиной количества заказов в постаматах и множеством влияющих на нее факторов, а
с другой интерпретировать эту закономерность понятным для пользователя образом.
</p>
<p>
Так, прогноз количества заказов на каждой локации можно разложить на вклады всех задействованных в
модели факторов и лучше понять, какие именно особенности окружающего пространства оказываются наиболее
значимыми, какие повышают количество заказов, а какие, наоборот, понижают
</p>
</div>
<div class="section">
<figure>
<img src="images/postnet/diagram.png" />
<figcaption>Интерпретация прогноза визуализация вклада различных факторов в прогноз количества заказов
</figcaption>
</figure>
</div>
<div class="section">
<h1>Section 1</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>В интерфейсе нашей системы из всего множества представленных локаций пользователь может выбрать любые
для симуляции размещения в них новых точек сети. В процессе такой симуляции модель автоматически
пересоберет
все данные и пересчитает прогнозы на всех локациях уже с учетом, что в выбранных появятся новые
постаматы.
</p>
<p>В случае, если в реальности в выбранных локациях установка постаматов не была произведена, в системе
можно
удалить ранее созданные постаматы и все прогнозы снова будут обновлены с учетом последних изменений. При
успешной установке постамата, данная локация начнет накапливать данные по количеству заказов и через
определенное время попадет в обучающую выборку.</p>
</div>
<div class="section">
<h1>Slide 2.2</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<figure>
<img src="images/postnet/konkovo.png" />
<figcaption>Жилые дома и ритейл района Коньково, имеющие прогноз месячного количества заказов более 200
</figcaption>
</figure>
</div>
<div class="section">
<h2>Section 3</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi delectus natus animi, necessitatibus
distinctio praesentium! Eligendi itaque hic aut quo, nesciunt explicabo fugit exercitationem totam
eveniet aliquid molestias, tempora possimus.</p>
<p>Система оснащена множеством фильтров, упрощающих задачу поиска локаций для размещения новых постаматов. С
помощью фильтров можно быстро отбирать локации с определенным прогнозным количеством заказов,
расположенных в определенных районах города и в объектах определенной категории (супермаркет, подъезд
жилого дома, библиотека и др.).
</p>
<p>Используя расширенные фильтры, можно отбирать локаций в зависимости от их расположения относительно
объектов инфраструктуры, например, точек других сетей постаматов/ПВЗ или имеющих определенную статистику
по окрестности, например, по количеству квартир.</p>
</div>
<div class="section">
<figure>
<img src="images/postnet/zones.png" />
<figcaption>Локации, расположенные на территориях с низкой конкуренцией, но с большим количеством людей
</figcaption>
</figure>
</div>
<div class="section">
<p>Все это делает разработанную систему инновационным и удобным инструментом для управления и развития сети
постаматов Московский постамат. В целом, такое приложение может быть использовано и для любых других
сетей каких-либо коммерческих или социально-экономических объектов, имеющих определенное количество уже
работающих точек.
</p>
<p>Если вам интересна подобная система, напишите нам.</p>
</div>
</div>
<script>
new fullpage('#fullpage', {
sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
new fullpage('.fullpage', {
navigation: true,
// you can also use the HTML attribute data-tooltip on each section instead
navigationTooltips: ['First Section', 'Second Section', 'Third Section'],
});
</script>

@ -9,7 +9,7 @@
</head>
<body>
<div class="container">
<div class="container nav-container">
<div id="wrap">
<div id="row">
<div id="logo">
@ -27,15 +27,30 @@
</div>
<div id="projects-container">
<div id="projects-wrap">
<div id="projects-title">Проекты</div>
<div id="projects-content">
<div>
<a class="project-container" href="project-post.html">
<div class="project-image" style="background-image: url('./images/projects/greenpeace.jpg');"></div>
<img src="./images/postnet/postnet-cover.png" alt="" srcset="">
<div class="project-title">
<span>Городская инфраструктура<div class="project-arrow"></div></span>
<span>Postnet<div class="project-arrow"></div></span>
</div>
</a>
<div class="project-text">геоинформационная AutoML система для контроля и развития сети
Московский постамат</div>
</div>
<div>
<a class="project-container" href="project-post.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>
</a>
<div class="project-text">геоинформационная ML система для моделирования городского пространства /
цифрового мастер&#8209;планирования</div>
</div>
<!-- <a class="project-container" href="project-post.html">
<div class="project-image" style="background-image: url('./images/projects/agglom.jpg');"></div>
<div class="project-title">
<span>Аварийность объектов ЖКХ<div class="project-arrow"></div></span>
@ -46,7 +61,7 @@
<div class="project-title">
<span>Постаматы<div class="project-arrow"></div></span>
</div>
</a>
</a> -->
</div>
<!-- <div id="footer-container">
<div id="footer-title">

@ -6,6 +6,7 @@
--accent-text-color: rgb(227, 178, 179);
--font-size: 30px;
--padding: 30px;
--header-height: 80px;
}
/* Font Face */
@ -42,13 +43,19 @@ html {
}
}
.nav-container {
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
#wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 80px;
border-bottom: 1px solid #cccccc;
height: var(--header-height);
/* border-bottom: 1px solid #cccccc; */
@media (max-width: 850px) {
flex-direction: column;
@ -77,7 +84,7 @@ html {
text-decoration: none;
color: #e4e4e4;
@media (min-width: 850px) {
@media (min-width: 851px) {
padding-top: 0;
padding-bottom: 0;
@ -169,7 +176,7 @@ html {
justify-content: center;
align-items: center;
width: calc(100vw - 60px);
min-height: calc(80vh - 80px);
min-height: calc(100vh - var(--header-height));
box-sizing: border-box;
padding: 60px 0 50px 0;
@ -216,7 +223,8 @@ html {
position: relative;
justify-content: space-between;
width: calc(100vw - 60px);
min-height: inherit;
min-height: calc(100vh - var(--header-height));
/* min-height: inherit; */
box-sizing: border-box;
padding: 50px 0;
@ -259,7 +267,6 @@ html {
.block-title {
max-width: 200px;
min-height: 80px;
line-height: 40px;
font-size: 28px;
text-transform: uppercase;
@ -298,7 +305,7 @@ html {
position: relative;
justify-content: space-between;
width: calc(100vw - 60px);
min-height: calc(100vh - 80px);
min-height: calc(100vh - var(--header-height));
border-top: 1px solid #CCCCCC;
box-sizing: border-box;
padding: 50px 0;
@ -450,36 +457,22 @@ html {
.project-container {
display: block;
position: relative;
width: calc(33% - 15px);
width: 100%;
height: auto;
margin-bottom: 30px;
cursor: pointer;
overflow: hidden;
text-decoration: none;
}
@media (max-width: 1100px) {
width: calc(50% - 15px);
}
@media (max-width: 850px) {
.project-container img {
object-fit: cover;
width: 100%;
:before {
background-blend-mode: normal;
}
}
min-height: 300px;
transition: scale 0.5s;
}
.project-image {
content: "";
display: block;
padding-top: 100%;
transition: background-color 0.3s;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: luminosity;
background-size: cover;
cursor: pointer;
.project-container:hover img {
scale: 1.1;
}
.project-title .project-arrow {
@ -490,12 +483,7 @@ html {
background: url("./svg/Arrow_to_bottom.svg") no-repeat center;
background-size: contain;
transform: rotate(-90deg);
transition: transform 0.5s;
}
.project-container:hover .project-title {
backdrop-filter: brightness(0.4);
transition: transform 0.3s;
}
.project-container:hover .project-arrow {
@ -505,14 +493,12 @@ html {
.project-title {
display: flex;
position: absolute;
top: 50%;
/* left: 50%; */
/* transform: translate(-50%, -50%); */
bottom: 0;
width: 100%;
backdrop-filter: brightness(0.2);
background-color: rgba(0, 0, 0, 0.8);
font-size: 30px;
line-height: 37px;
transition: backdrop-filter 0.5s;
transition: background-color 0.3s;
height: 3em;
@ -525,6 +511,10 @@ html {
cursor: pointer;
}
.project-container:hover .project-title {
background-color: rgba(0, 0, 0, 0.9);
}
.project-title span {
display: flex;
margin: 1em;
@ -537,6 +527,7 @@ html {
font-size: 28px;
line-height: 37px;
color: #aaaaaa;
margin-bottom: 1em;
}
/* Contacts */
@ -628,3 +619,29 @@ html {
cursor: pointer;
}
.section {
padding: 80px 60px;
text-align: left;
font-family: 'GOST', monospace;
color: var(--primary-text-color);
background: var(--primary-color);
@media (max-width: 850px) {
padding: 220px 60px 30px 30px;
}
}
.section img {
width: 100%
}
.section figure {
@media (max-width: 850px) {
margin: 0;
}
}
.section figcaption {
font-size: 18px;
}
Loading…
Cancel
Save