{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Коломенский трамвай", "_rss_description": "Комментарии разработчиков о создании сайта Коломенских трамваев.", "_rss_language": "ru", "_itunes_email": "mailbox@kolomna-trams.ru", "_itunes_categories_xml": "", "_itunes_image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/userpic\/userpic-square@2x.jpg?1773845294", "_itunes_explicit": "no", "home_page_url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/", "feed_url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/rss\/", "icon": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/userpic\/userpic@2x.jpg?1773845294", "authors": [ { "name": "kolomna-trams", "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/", "avatar": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/userpic\/userpic@2x.jpg?1773845294" } ], "items": [ { "id": "20", "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/navigation-at-route-page-p1\/", "title": "Навигация на странице «Маршрут». Часть 1", "content_html": "

Страница «Маршрут» — единственная, которая имеет две шапки вверху сайта.<\/p>\n

\n $\"\"$ \n<\/div>\n

Вторая навигация позволяет перемещаться по разным «вкладкам» этой страницы. При этом всплывающее окно в правой части (или внизу на мобильных устройствах) не сбрасывается при переходе между вкладками. Например, вы можете выбрать остановку в алфавитном списке на вкладке «Остановки», а затем проложить маршрут до другой остановки, найдя её на схеме.<\/p>\n

\n $\"\"$ \n<\/div>\n

В далеком 2022 году реализация этой фичи была чисто джаваскриптовая: кнопки в навигации вызывали метод switch_tab(tab)<\/b>, в аргумент которой передавалась нужная вкладка. HTML-страница включала 4 div-блока, и функция просто показывала один нужный блок и прятала остальные три. URL при этом не менялся: https:\/\/kolomna-trams.ru\/route\/<\/a><\/p>\n

function switch_tab(tab) {\n    if (tab == "") {\n        tab = "map";\n    }\n\n    document.getElementById('content-lines').style.display = 'none';\n    document.getElementById('content-stops').style.display = 'none';\n    document.getElementById('content-visit').style.display = 'none';\n    document.getElementById('content-map').style.display = 'none';\n\n    document.getElementById('content-' + tab).style.display = 'block';\n}\n\nswitch_tab("map");<\/code><\/pre>О том, что это чудовищный костыль и так делать не нужно, мы догадались почти сразу. На каком-то из сайтов мы обнаружили использование хэшей (#...) для навигации. Оказалось, что JavaScript умеет отлавливать событие изменения хэша страницы и выполнять любое действие. Теперь сайт стал лучше: кнопки в навигации стали вполне себе ссылками, содержащими хэш:<\/p>\n\nhttps:\/\/kolomna-trams.ru\/route\/#lines<\/a> — маршруты<\/li>\n
https:\/\/kolomna-trams.ru\/route\/#stops<\/a> — остановки<\/li>\n
https:\/\/kolomna-trams.ru\/route\/#visit<\/a> — места<\/li>\n
https:\/\/kolomna-trams.ru\/route\/#map<\/a> — схема<\/li>\n<\/ul>\nЕсли никакого хэша нет, то сайт считает, что нужно показать схему. А джаваскриптовый код переехал из обработчика события нажатия на кнопку в обработчик события смены хэша.<\/p>\nfunction switch_tab() {\n    let tab = window.location.hash;\n    tab = tab.substring(1);\n    if (tab == "") {\n        tab = "scheme";\n    }\n\n    document.getElementById('content-lines').style.display = 'none';\n    document.getElementById('content-stops').style.display = 'none';\n    document.getElementById('content-visit').style.display = 'none';\n    document.getElementById('content-map').style.display = 'none';\n\n    document.getElementById('content-' + tab).style.display = 'block';\n}\n\nswitch_tab();\nwindow.addEventListener('hashchange', switch_tab);<\/code><\/pre>Открылся дополнительный плюс этого метода — теперь у каждой вкладки появился уникальный URL, а значит и способ поделиться. К примеру, если ваш друг спрашивает, где можно посмотреть список остановок Коломенского трамвая, вы отправляете ему: https:\/\/kolomna-trams.ru\/route\/#stops,<\/a> и нужная вкладка сама открывается у него на устройстве.<\/p>\n
Увы, но такой способ имел большой недостаток. Технически, эти 4 вкладки были одной веб-страницей, и поисковиками индексировались как одна страница — а значит, открывалась она всегда на вкладке по умолчанию (на вкладке со схемой). И даже если условный Google смог сообразить, что на этой странице содержится информация об остановках трамваев, то если пользователь кликнет на ссылку из поисковой выдачи, он увидит:<\/p>\n
\n\n<\/div>\nА должен увидеть это:<\/p>\n\n\n<\/div>\nВстала непростая задача. Нам нужно сделать так, чтобы четыре разные вкладки являлись разными веб-страницами (а значит, имели разные URL-адреса), при этом переход по ним не являлся переходом в прямом смысле этого слова (не перезагружал страницу).<\/p>\n
Оказалось, что этому есть решение. Во-первых, мы переселили все вкладки на разные страницы:<\/p>\n\nhttps:\/\/kolomna-trams.ru\/route\/lines\/<\/a> — маршруты<\/li>\n
https:\/\/kolomna-trams.ru\/route\/stops\/<\/a> — остановки<\/li>\n
https:\/\/kolomna-trams.ru\/route\/visit\/<\/a> — места<\/li>\n
https:\/\/kolomna-trams.ru\/route\/map\/<\/a> — схема<\/li>\n<\/ul>\nВо-вторых, сделали кнопки в навигации настоящими ссылками на эти страницы. То есть на них можно даже нажать правой кнопкой и выбрать «Открыть в новой вкладке». А на маке ещё и так можно сделать:<\/p>\n
\n\n<\/div>\nА главный фокус состоит в следующем. При нажатии на кнопку JavaScript перехватывает нажатие и запрещает прямой переход по ссылке. Вместо этого он загружает содержание страницы себе во внутреннюю переменную, достает оттуда контент вкладки (то есть то, что под шапкой, — саму шапку, а также подвал, обновлять не надо) и заменяет её прямо на текущей странице.<\/p>\n
function set_up_buttons() {\n    var links = document.getElementsByClassName('trams-v3-subnav-link');\n    for (let i = 0; i < links.length; i++) {\n        const link_url = links[i].getAttribute('href');\n        links[i].addEventListener("click", (event) => {\n            event.preventDefault();\n            switch_tab(link_url);\n        });\n    }\n}\n\nfunction switch_tab(url) {\n    var xhttp = new XMLHttpRequest();\n    xhttp.onreadystatechange = function() {\n        if (this.readyState == 4 && this.status == 200) {\n\t    build_page(this.responseText, url);\n\t    window.history.replaceState(null, null, url + window.location.hash);\n\t}\n    };\n    xhttp.open('GET', 'https:\/\/' + window.location.hostname + url);\n    xhttp.send();\n}\n\nset_up_buttons();<\/code><\/pre>А если у пользователя по какой-то причине отключен JavaScript или скрипт просто не подгрузился — ничего страшного, кнопки будут работать как обычные ссылки. Да, страница всё же будет перезагружаться и «магия» пропадёт, но зато человек сможет пользоваться сайтом, а не останется с нерабочим «кирпичом».<\/p>\n",
            "summary": "Страница «Маршрут» — единственная, которая имеет две шапки вверху сайта",
            "date_published": "2026-04-28T20:50:30+03:00",
            "date_modified": "2026-04-29T18:45:50+03:00",
            "tags": [
                "архитектура",
                "код",
                "фронтенд"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-7.png",
            "_date_published_rfc2822": "Tue, 28 Apr 2026 20:50:30 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "20",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-7.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/Adobe-Express---Screen-Recording-2026-04-28-at-20.22.56.gif",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/navigation-at-route-page.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/navigation-at-route-page-1.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/navigaciya-na-stranice-marshruty.png"
                ]
            }
        },
        {
            "id": "10",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/crowd-predict-people-counting\/",
            "title": "Прогнозирование загруженности: считаем людей",
            "content_html": "
Чтобы модели было на чём обучаться, нужно собрать данные о загруженности. Данные должны быть в таком формате:<\/p>\n\n\n\n\nМаршрут<\/b><\/td>\n Остановка<\/b><\/td>\n Вошло<\/b><\/td>\n Вышло<\/b><\/td>\n В трамвае<\/b><\/td>\n Время<\/b><\/td>\n Другие данные...<\/b><\/td>\n<\/tr>\n
4<\/td>\n Сад дворца<\/td>\n 4<\/td>\n 2<\/td>\n 16<\/td>\n 15:43<\/td>\n ...<\/td>\n<\/tr>\n
4<\/td>\n Дворец культуры<\/td>\n 7<\/td>\n 3<\/td>\n 20<\/td>\n 15:45<\/td>\n ...<\/td>\n<\/tr>\n<\/table>\nКак бы собрать такие данные?.. Оказывается, до нас умные люди уже задавались этим вопросом<\/a>, и вот какие способы они придумали.<\/p>\n
Во-первых, способы делятся по длительности охватываемого периода различают:<\/p>\n
\nсистематическое обследование<\/b> — регулярные исследования<\/li>\n
разовое обследование<\/b> — кратковременные обследования для выявления конкретных результатов (для более точных результатов)<\/li>\n<\/ul>\nВ нашем исследовании используются оба типа: разовые обследования для сбора первоначальных данных и систематические — для поддержания алгоритма в актуальном состоянии.<\/p>\n
Во-вторых, по ширине охвата транспортной сети различают:<\/p>\n
\nсплошные обследования<\/b> проводят одновременно на всей транспортной сети обслуживаемого населенного пункта. По результатам обследования решают вопросы функционирования транспортной сети, такие как направление ее развития, координация работы различных видов транспорта в соответствии с мощностью пассажирских потоков;<\/li>\n
выборочные обследования<\/b> проводят по отдельным районам движения, конфликтным точкам для решения локальных задач.<\/li>\n<\/ul>\nВ нашем исследовании в основном используются сплошные обследования.<\/p>\n
Ну и дальше самое интересное — виды обследования.<\/p>\n
Анкетное исследование<\/b>
\nЕго суть в том, чтобы опрашивать людей об их перемещениях. Опрашивать можно по-разному: в трамваях, на остановках, в интернете, по телефону, в школах, университетах и на работе.<\/p>\n
Очевидный плюс — можно собрать намного больше информации, чем любыми другими методами, поскольку мы напрямую спрашиваем людей. Спросить можно о разном:<\/p>\n
\nцель поездки<\/li>\n
возраст пассажира<\/li>\n
род занятий пассажира (школьник, студент, работающий, безработный)<\/li>\n
где проживает<\/li>\n
где учится или работает<\/li>\n<\/ul>\nМинусом здесь является то, что нам необходимо спрашивать людей, а далеко не у всех есть время (и желание) отвечать на эти вопросы. Много информации так не наскребешь, и сведения получатся неполные.<\/p>\n
Глазомерное исследование<\/b>
\nЭтот метод предполагает, что на каждой остановке водитель, кондуктор или учетчик заполняет поле в соответствующей форме, а именно — ему нужно проставить значение от 1 до 5, оценив заполненность салона по следующей схеме.<\/p>\n\n\n\n\n\n\n\nЗн.<\/b><\/td>\n Заполненность<\/b><\/td>\n<\/tr>\n
1<\/td>\n Заняты до половины мест для сидения<\/td>\n<\/tr>\n
2<\/td>\n Заняты в основном все места для сидения<\/td>\n<\/tr>\n
3<\/td>\n Заняты все места для сидения и до половины мест для проезда стоя<\/td>\n<\/tr>\n
4<\/td>\n Трамвай заполнен полностью, но посадка ещё возможна<\/td>\n<\/tr>\n
5<\/td>\n Трамвай переполнен, наблюдаются отказы в посадке<\/td>\n<\/tr>\n<\/table>\nЭтот метод очень простой и быстрый, однако информации лишь об уровне заполненности, а не о количестве пассажиров может не хватать для точных исследований. При этом этот метод легче встроить в бизнес-процесс, ведь водителю очень просто оценить заполненность трамвая и нажать одну из пяти кнопок на планшете.<\/p>\n
Весовой метод<\/b>
\nДанный метод предписывает смонтировать на пневморессорах трамвая датчики, определяющие примерный вес салона. Вес можно сконвертировать в загруженность или даже в количество пассажиров (обычно среднюю массу одного пассажира берут за 70 кг). Недостатка у такого подхода два: во-первых, нужно монтировать эти датчики, а во-вторых, нет возможности вычислить, сколько человек вошло и вышло. Ну и точность, конечно, не ахти.<\/p>\n
Табличный метод<\/b>
\nМетод «в лоб». В трамваях (как правило, у дверей или на накопительной площадке сзади) располагаются учетчики, которые считают число вошедших и вышедших пассажиров, затем записывают их в таблицу. Этот метод самый точный и позволяет определить всю минимально необходимую информацию без влияния на пассажиров. Недостаток здесь очевиден — работа учетчиков не бесплатна, да и на все-все рейсы их не напасешься. Кроме того, всё же хочется как-то автоматизировать этот процесс.<\/p>\n
Опросный метод<\/b>
\nПохож на табличный, но здесь учетчики не просто считают пассажиров, а ещё подходят и спрашивают, куда кто едет, где совершает пересадку и на каких маршрутах. Этот метод желательно применять там, где число пассажиров не очень велико, ведь иначе пассажирообмен на остановках может очень замедлиться.<\/p>\n
Талонный метод<\/b>
\nА вот здесь уже поинтереснее. Каждому пассажиру при посадке вручают специальный талон, который он должен сдавать учетчику при выходе из трамвая. Всё устроено так, что по талонам потом можно понять, сколько человек откуда и куда ехали. К примеру, нумерация талонов соответствует маршруту и остановке входа в трамвай, а для сортировки талонов по останове выхода используют разные стопки или «прокладки» внутри одной стопки.<\/p>\n
\n\n<\/div>\nЭтот метод всегда является временным, так как пассажиры не то чтобы очень рады на постоянной основе участвовать в таких экспериментах.<\/p>\n
Отчётно-статистический метод<\/b>
\nЭтот метод предлагает считать пассажиров косвенными методами — например, по количеству проданных билетов. Этот способ хорош своей легковесностью (билеты всё равно ведь продавать), а ещё с его помощью можно получить данные за прошлый период, ещё до того, как наше исследование начало проводиться. Но ничего, помимо числа людей, вошедших на каждой остановке, этот метод нам предоставить не может. Более того, если на какой-то из остановок вошло очень много людей, то кондуктор может не успеть продать всем билеты, пока трамвай ещё не доехал до следующей остановки, и тогда некоторые из пассажиров попадут в учет следующей остановки. Наконец, не стоит забывать о том, что некоторые пассажиры пытаются проехать без билета (это особенно актуально для трамваев, где вместо кондуктора используются валидаторы), что влияет на точность сбора данных.<\/p>\n
Автоматизированные методы<\/b>
\nЭто группа методов, посвященная сбору данных через автоматизированные устройства — датчики прохода в дверях, контактные ступеньки, камеры с искусственным интеллектом. Все их объединяет низкая точность в сборе данных: низкий пассажир может спрятаться от камеры, пара быстрых пассажиров считаются за одного, некоторые стоят в дверях и мешают работе датчиков.<\/p>\n
Чтобы собрать основную «базу» о загруженности, мы использовали табличный метод. Сначала мы подготовили базу данных для этого.<\/p>\n
\n\n<\/div>\nВначале (перед поездкой) исследователь регистрирует свою поездку, указывая:<\/p>\n
\nномер маршрута<\/li>\n
модель трамвая (от неё зависит низкопольность и число мест)<\/li>\n
дату поездки<\/li>\n
информацию о погоде (силу дождя или снега, скорость ветра, температуру, есть ли гроза и туман)<\/li>\n<\/ul>\nЗатем на каждой остановке исследователь заносит информацию о числе вошедших и вышедших пассажиров, и добавляет временную метку.<\/p>\n
Собранные данные можно посмотреть на нашем GitHub.<\/a><\/p>\n",
            "summary": "Чтобы модели было на чём обучаться, нужно собрать данные о загруженности. Как бы собрать такие данные?.. Оказывается, до нас умные люди уже задавались этим вопросом, и вот какие способы они придумали.",
            "date_published": "2026-04-25T12:41:02+03:00",
            "date_modified": "2026-04-25T12:42:26+03:00",
            "tags": [
                "аналитика данных",
                "машинное обучение",
                "прогнозирование загруженности"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/IMG_6534.jpeg.jpg",
            "_date_published_rfc2822": "Sat, 25 Apr 2026 12:41:02 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "10",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/IMG_6534.jpeg.jpg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/crowd-predict-people-counting.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/crowd-predict.png"
                ]
            }
        },
        {
            "id": "22",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/preprint-optimizing\/",
            "title": "Вышла статья «Оптимизация сети маршрутов трамваев методами искусственного интеллекта»",
            "content_html": "
Вышла статья «Оптимизация сети маршрутов трамваев методами искусственного интеллекта» в Институте прикладной математики им. М.В. Келдыша Российской академии наук.<\/p>\n
Написали статью разработчик и автор проекта Дмитрий Балабанов и его научный сотрудник Владимир Судаков.<\/p>\n
Статья посвящена оптимизации маршрутной сети трамваев на примере города Коломны с использованием методов искусственного интеллекта. Мы формализовали существующую трамвайную сеть как ориентированный граф, ввели понятие «комфорта пассажира» (через время ожидания, переполненность и число пересадок), выведенное на основе опроса и логистической регрессии. Задача сводится к распределению 40 трамвайных вагонов по возможным маршрутам (всего их 55) так, чтобы максимизировать суммарный комфорт. Из-за комбинаторной сложности (≈10¹¹ вариантов) мы применяем семь методов оптимизации: жадный алгоритм, генерацию столбцов, перебор пар маршрутов, генетический алгоритм, соревнование агентов, кооперацию агентов и имитацию отжига.<\/p>\n
Подробнее о проекте можно узнать здесь в блоге по тегу «оптимизация трамвайной сети».<\/a><\/p>\n
Почитать о статье можно здесь.
\nhttps:\/\/library.keldysh.ru\/preprint.asp?id=2026-14<\/a><\/p>\n
А саму статью (бесплатно) — здесь.
\nhttps:\/\/keldysh.ru\/papers\/2026\/prep2026_14.pdf<\/a><\/p>\n",
            "summary": "Вышла статья «Оптимизация сети маршрутов трамваев методами искусственного интеллекта» в Институте прикладной математики им",
            "date_published": "2026-04-19T21:00:00+03:00",
            "date_modified": "2026-04-28T17:27:36+03:00",
            "tags": [
                "аналитика данных",
                "ИМП им. Келдыша",
                "маршруты",
                "машинное обучение",
                "оптимизация трамвайной сети",
                "статья"
            ],
            "_date_published_rfc2822": "Sun, 19 Apr 2026 21:00:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "22",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "4",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/tariffs-history\/",
            "title": "Стоимость проезда с 1948 по 2026",
            "content_html": "
Если перейти по ссылке:<\/p>\n
\nhttps:\/\/kolomna-trams.ru\/workshop\/wayback\/museum\/2007\/<\/a><\/p>\n<\/blockquote>\n
то вы увидите, что в 2007 году проезд в трамвае стоил 12 рублей. Можете попробовать любой другой год, просто поменяв число в URL — всё работает.<\/p>\n
Открытых данных по стоимости проезда в одном месте нигде не было, поэтому пришлось искать эту информацию в разных источниках.<\/p>\n
В 2026 году (на момент публикации заметки) в Коломне действуют 6 разных тарифов:<\/p>\n
\nОплата банковской картой. Стабильно 73 рубля<\/li>\n
Оплата картами «Стрелка» и «Тройка». 73 рубля, но каждые 10 поездок стоимость снижается на 7%, с 51-й поездки снижаться перестает<\/li>\n
Оплата ученической «Стрелкой» (для школьников и студентов). Скидка 50% с 1-й по 35-ю поездку и 99% с 36-й поездки<\/li>\n
Оплата льготной «Стрелкой» (для ветеранов). Скидка 50%<\/li>\n
Оплата (если можно так назвать) картой пенсионера, скидка 100% (бесплатный проезд)<\/li>\nДети до 7 лет могут ехать бесплатно<\/li>\n<\/ol>\nЭту информацию мы узнали из https:\/\/kolomna-spravka.ru\/novosti\/s-1-yanvarya-proezd-v-obschestvennom-transporte-podorozhaet.<\/a> Вообще так делать нехорошо: «Коломна Справка» — это просто новостной портал, а официальные тарифы устанавливаются постановлением правительства «Об утверждении регулируемых тарифов на перевозку пассажиров и багажа автомобильным транспортом и городским наземным электрическим транспортом...<\/u>»<\/a> и правильнее бы ссылаться на этот документ. Но, забегая вперед, чем дальше в прошлое мы идём, тем сложнее искать информацию, поэтому будем считать, что новостные агрегаторы правильно печатают тарифы.<\/p>\n
Кстати, чтобы эта страница не стала в будущем грустным кладбищем истории с неработающими ссылками, мы на всякий случай заархивировали все ссылки на этой странице. Если что-то не работает — открывайте дамп на веб-архиве.<\/p>\n
Схема оплаты «банковская карта + Стрелка + Тройка» будет с нами ещё долго, и информация в основном будет открытой и находиться по первой ссылке в Google.<\/p>\n\n\n\n\n\n\n\n\nс какой даты<\/b><\/td>\n карта<\/b><\/td>\n Стрелка\/Тройка<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
1 янв 2026<\/td>\n 73 руб<\/td>\n 73 руб<\/td>\n Коломна-Справка<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 июня 2025<\/td>\n 64 руб<\/td>\n 63 руб<\/td>\n Мск1<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2025<\/td>\n 60 руб<\/td>\n 59 руб<\/td>\n Мск1<\/a> · архив<\/a><\/td>\n<\/tr>\n
20 мая 2024<\/td>\n 54 руб<\/td>\n 54 руб<\/td>\n Интерфакс<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 ноя 2023<\/td>\n 50 руб<\/td>\n 49,47 руб<\/td>\n РамМедиа<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2023<\/td>\n 45 руб<\/td>\n 44,97 руб<\/td>\n АБН24<\/a> · архив<\/a><\/td>\n<\/tr>\n<\/table>\nПредыдущее изменение тарифов было 1 января 2022, но в этом промежутке случилось ещё одно событие — в общественном транспорте Подмосковья перестали принимать наличные. Случилось это 18 июня.<\/p>\n\n\n<\/div>\nКак сообщает источник «Королёв. Без формата»<\/a>, до отмены проезд за наличные стоил 64 рубля — гораздо дороже, чем по карте. Теперь в таблицу добавляем ещё одну колонку — стоимость за наличные.<\/p>\n\n\n\n\n\nс какой даты<\/b><\/td>\n наличные<\/b><\/td>\n карта<\/b><\/td>\n Стрелка\/Тройка<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
18 июня 2022<\/td>\n —<\/td>\n 41 руб<\/td>\n 40,41 руб<\/td>\n Одинцовский ГО<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2022<\/td>\n 64 руб<\/td>\n 41 руб<\/td>\n 40,41 руб<\/td>\n Правительство МО<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 фев 2021<\/td>\n 58 руб<\/td>\n 37 руб<\/td>\n 36,74 руб<\/td>\n Селдон Ньюс<\/a> · архив<\/a><\/td>\n<\/tr>\n<\/table>\nЗдесь опять стоит прерваться. С 1 февраля 2021 в общественном транспорте Подмосковья стали принимать карту «Тройка». Соответственно, до этого оплата по неё не принималась. Источник — Администрация Пушкина<\/a>.<\/p>\n\n\n\n\n\n\nс какой даты<\/b><\/td>\n наличные<\/b><\/td>\n карта<\/b><\/td>\n Стрелка<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
1 янв 2021<\/td>\n 58 руб<\/td>\n 37 руб<\/td>\n 36,74 руб<\/td>\n Селдон Ньюс<\/a> · архив<\/a><\/td>\n<\/tr>\n
3 июня 2020<\/td>\n 56 руб<\/td>\n 36 руб<\/td>\n 35,46 руб<\/td>\n Мир24<\/a> · архив<\/a><\/td>\n<\/tr>\n
22 апр 2020<\/td>\n —<\/td>\n —<\/td>\n 35,46 руб<\/td>\n Контур<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2020<\/td>\n 56 руб<\/td>\n 36 руб<\/td>\n 35,46 руб<\/td>\n Мосрег<\/a> · архив<\/a><\/td>\n<\/tr>\n<\/table>\nС 22 апреля по 3 июня 2020, во время пандемии COVID-19, оплачивать проезд можно было только по социальной карте или по транспортной карте «Стрелка», поскольку к ним можно было привязать цифровой пропуск. Проезд за наличные был запрещен из-за того, что купюры и монеты легко передают инфекцию.<\/p>\n\n\n\n\nс какой даты<\/b><\/td>\n наличные<\/b><\/td>\n карта<\/b><\/td>\n Стрелка<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
1 янв 2019<\/td>\n 53 руб<\/td>\n 34,43 руб<\/td>\n 34,43 руб<\/td>\n Российская газета<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 мар 2018<\/td>\n 48 руб<\/td>\n 32,92 руб<\/td>\n 32,92 руб<\/td>\n Зеленоград сегодня<\/a> · архив<\/a><\/td>\n<\/tr>\n<\/table>\n1 марта 2018 года — первый день, когда начали принимать банковские карты для оплаты проезда. До этого можно было оплатить либо наличными, либо картой «Стрелка». Источник — Правительство МО<\/a><\/p>\n\n\n\n\n\nс какой даты<\/b><\/td>\n наличные<\/b><\/td>\n Стрелка<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
1 янв 2018<\/td>\n 48 руб<\/td>\n 32,92 руб<\/td>\n Зеленоград сегодня<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2017<\/td>\n 46 руб<\/td>\n 31,65 руб<\/td>\n Российская газета<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2016<\/td>\n 43 руб<\/td>\n 30 руб<\/td>\n Интерфакс<\/a> · архив<\/a><\/td>\n<\/tr>\n<\/table>\nВ 2015-2016 году появилась карта «Стрелка». За это время случилось много событий, смотрите сами:<\/p>\n
\n1 янв 2015. Очередное повышение тарифов до 28 рублей<\/li>\n
1 фев 2015. Появилась карта «Стрелка». Проезд по ней стоит те же 28 рублей, но с каждой 10-й поездкой стоимость снижается. 51-я поездка и далее стоят всего 18 рублей<\/li>\n
1 мая 2015. Появились ученическая и льготная «Стрелки». Проезд по ним стоит половину стандартного тарифа — 14 рублей<\/li>\n
30 мая 2015. Резко выросла цена на оплату наличными — 40 рублей. Проезд по «Стрелке» остался стоить столько же — 28 рублей. Видимо, нужно было стимулировать пассажиров, привыкших к наличным, использовать карты.<\/li>\n
1 янв 2016. Очередное повышение тарифов<\/li>\n
1 фев 2016. Появился супер-тариф для студентов со скидкой 99% начиная с 36-й поездки. До этого студенты платили фиксировано половину цены обычной «Стрелки» (к примеру, в 2016 году 50% от 30 рублей, то есть 15 рублей), а с 1 февраля — 15 рублей за первые 35 поездок и 1% от стандартной цены (1% от 30 рублей это 30 копеек) за все последующие поездки.<\/li>\n<\/ul>\nВсё то же самое, но в таблице:<\/p>\n\n\n\n\n\n\n\n\nс какой даты<\/b><\/td>\n наличные<\/b><\/td>\n Стрелка<\/b><\/td>\n Уч. стрелка<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
1 фев 2016<\/td>\n 43 руб<\/td>\n 30 руб<\/td>\n 15 руб\/30 коп<\/td>\n Минтранс<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2016<\/td>\n 43 руб<\/td>\n 30 руб<\/td>\n 15 руб<\/td>\n Интерфакс<\/a> · архив<\/a><\/td>\n<\/tr>\n
30 мая 2015<\/td>\n 40 руб<\/td>\n 28 руб<\/td>\n 14 руб<\/td>\n Москва 24<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 мая 2015<\/td>\n 28 руб<\/td>\n 28 руб<\/td>\n 14 руб<\/td>\n Стрелка<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 фев 2015<\/td>\n 28 руб<\/td>\n 28 руб<\/td>\n —<\/td>\n Стрелка<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2015<\/td>\n 28 руб<\/td>\n —<\/td>\n —<\/td>\n МСК-Агентство<\/a> · архив<\/a><\/td>\n<\/tr>\n<\/table>\nМы остановились на том, что в января 2015 проезд за наличные стоил 28 рублей. В 2014 году он стоил 26 рублей (МСК-Агентство<\/a>). При этом, также можно было купить абонемент. Всего было доступно три типа абонементов — на 60 поездок, 100 поездок и студенческий безлимитный проездной на месяц.<\/p>\n\n\n\n\n\n\n\n\n\nс какой даты<\/b><\/td>\n наличные<\/b><\/td>\n 60 п<\/b><\/td>\n 100 п<\/b><\/td>\n студ<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
1 янв 2014<\/td>\n 26 руб<\/td>\n 940<\/td>\n 1490<\/td>\n 470<\/td>\n Риа<\/a><\/td>\n<\/tr>\n
1 янв 2013<\/td>\n 25 руб<\/td>\n 870<\/td>\n 1380<\/td>\n 435<\/td>\n Московский Комсомолец<\/a><\/td>\n<\/tr>\n
1 фев 2011<\/td>\n 23 руб<\/td>\n 800<\/td>\n 1270<\/td>\n 400<\/td>\n Коломна-Справка<\/a><\/td>\n<\/tr>\n
1 янв 2010<\/td>\n 22 руб<\/td>\n 800<\/td>\n 1270<\/td>\n 400<\/td>\n Интерфакс<\/a><\/td>\n<\/tr>\n
1 янв 2009<\/td>\n 20 руб<\/td>\n 730<\/td>\n 1150<\/td>\n 365<\/td>\n КТ-Рузайн<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 янв 2008<\/td>\n 17 руб<\/td>\n 600<\/td>\n 950<\/td>\n 300<\/td>\n КТ-Рузайн<\/a> · архив<\/a><\/td>\n<\/tr>\n
1 апр 2007<\/td>\n 15 руб<\/td>\n 500<\/td>\n 750<\/td>\n 250<\/td>\n Регнум<\/a><\/td>\n<\/tr>\n<\/table>\nОбращаясь к источникам за 2006 год мы увидели, что веер проездных билетов изменился. Теперь есть такие виды:<\/p>\n
\nобычный билет (одна поездка)<\/li>\n
проездной на месяц<\/li>\n
проездной на квартал<\/li>\n
проездной на год<\/li>\n
проездной на месяц на два транспорта (например, автобус и трамвай)<\/li>\n
социальный проездной (для пенсионеров — да, раньше они катались за деньги)<\/li>\n
студентам доступны все проездные, кроме социального, за половину стоимости<\/li>\n<\/ul>\n\n\n\n\nс какой даты<\/b><\/td>\n 1 поездка<\/b><\/td>\n месяц<\/b><\/td>\n квартал<\/b><\/td>\n год<\/b><\/td>\n А+Т<\/b><\/td>\n соц<\/b><\/td>\n студ<\/b><\/td>\n источник<\/b><\/td>\n<\/tr>\n
1 мар 2006<\/td>\n 12 руб<\/td>\n 420 руб<\/td>\n 1110 руб<\/td>\n 4150 руб<\/td>\n 680 руб<\/td>\n 170 руб<\/td>\n 1\/2 стоимости<\/td>\n Риа<\/a><\/td>\n<\/tr>\n
25 апр 2004<\/td>\n 10 руб<\/td>\n 400 руб<\/td>\n 1050 руб<\/td>\n 3950 руб<\/td>\n 650 руб<\/td>\n 150 руб<\/td>\n 175 руб<\/td>\n Постановление<\/a><\/td>\n<\/tr>\n<\/table>\nВ 2002 году нас встречает лишь грустная статья от РБК<\/a>, где сообщается, что с 25 ноября разовый билет стоит 7 рублей, проездной на месяц — 310 рублей, проездной для студентов — 155 рублей.<\/p>\n
Для 2001 года даже распознать дату смены тарифов сложно. Мы предположили, что раз тарифы менялись в то время один раз в год, то изменение произошло 25 ноября 2001 года. ОКА-ФМ сообщает<\/a>, что разовый билет тогда стоил 5 рублей, а до этого — 4 рубля.<\/p>\n
На этом интернет можно закрывать. Сколько бы мы ни пытались, но найти информацию о стоимости проезда в 20 веке в интернете не вышло — видимо, не был тогда он настолько сильно развит. На помощь приходит книга Романа Славацкого и Виктора Боченкова «Серебряное кольцо. Очерки истории коломенского трамвая». Вот что в ней пишется:<\/p>\n
\nВ начале 90-х гг. инфляция приняла чудовищные размеры. Это можно проследить по ценам трамвайных талонов, которые в свое время продавались на остановках. Целыми десятилетиями мы платили за проездой раментальные три копейки. И эта сумма казалась незыблемой, как египетские пирамиды. Но в августе 1991 года цена подскочила в пять раз! Прошло полгода — и билет стоил уже 50 копеек. А в июле 1992 года за него просили рубль. М.М. Фарберов, как мог, убеждал областное правительство не повышать стоимость проезда. Ведь чем выше цена, тем меньше возможности приобрести билет. Но все доводы остались без внимания.<\/p>\n<\/blockquote>\n
\nИ вот в августе 1993 года за билет пришлось отдавать 10 рублей, а с ноября — уже 20. В январе коломенцев ждал новогодний «подарок»: с 15 числа за проезд брали 40 рублей. С началом весны «расцвела» и цена; в ход пошла сотня.<\/p>\n<\/blockquote>\n
\nПроблема была в том, что билеты перестали приобретать многие коломенцы, и не потому, что у них вдруг резко испортился характер — просто у людей не хватало денег...<\/p>\n<\/blockquote>\n
\nВ безумной инфляционной гонке, развязанной экономическими «экспериментаторами», превратились в ничто многолетние накопления людей, обрушилась промышленность, разваливалась инфраструктура...<\/p>\n<\/blockquote>\n
Что ж, спасибо авторам этой прекрасной книги! Заполняем пропуски в нашей истории цен.<\/p>\n\n\n\n\n\n\n\n\n\n\nс какой даты<\/b><\/td>\n стоимость<\/b><\/td>\n<\/tr>\n
15 мар 1994<\/td>\n 100 руб<\/td>\n<\/tr>\n
15 янв 1994<\/td>\n 40 руб<\/td>\n<\/tr>\n
ноя 1993<\/td>\n 20 руб<\/td>\n<\/tr>\n
авг 1993<\/td>\n 10 руб<\/td>\n<\/tr>\n
июль 1992<\/td>\n 1 руб<\/td>\n<\/tr>\n
фев 1992<\/td>\n 50 коп<\/td>\n<\/tr>\n
авг 1991<\/td>\n 15 коп<\/td>\n<\/tr>\n
5 ноя 1948<\/td>\n 3 коп<\/td>\n<\/tr>\n<\/table>\nДопустим, мы незадачливый путешественник во времени, который попал в каждую эпоху и решил совершить одну поездку на трамвае. Вот сколько стоит самый дешевый для него проезд в разные года.<\/p>\n
\n\n<\/div>\n",
            "summary": "Открытых данных по стоимости проезда в одном месте нигде не было, поэтому пришлось искать эту информацию в разных источниках. Мы собрали всю информацию в одном месте.",
            "date_published": "2026-04-14T21:56:57+03:00",
            "date_modified": "2026-04-16T13:06:48+03:00",
            "tags": [
                "аналитика данных",
                "красная таблетка",
                "машина времени"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tariffs-history.png",
            "_date_published_rfc2822": "Tue, 14 Apr 2026 21:56:57 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tariffs-history.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tariffs-history-1.png"
                ]
            }
        },
        {
            "id": "19",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/preprint-crowd\/",
            "title": "Вышла статья «Прогнозирование загруженности трамваев методами машинного обучения»",
            "content_html": "Вышла статья «Прогнозирование загруженности трамваев методами машинного обучения» в Институте прикладной математики им. М.В. Келдыша Российской академии наук.<\/p>\n
Написали статью разработчик и автор проекта Дмитрий Балабанов и его научный сотрудник Владимир Судаков.<\/p>\n
В статье рассказывается о том, как мы разработали модель машинного обучения для прогнозирования загруженности вагонов трамваев в Коломне. Мы собрали и обработали данные за период с сентября 2024 по июнь 2025 года: GPS-треки трамваев, погоду, расписание пригородных поездов, количество остановок и мест притяжения (ТЦ, школы, вокзалы). Особенность нашего подхода — адаптация моделей к условиям малого города с ограниченным объёмом данных и упор на интерпретируемость результатов для пассажиров.<\/p>\n
Мы сравнили три модели: линейную регрессию, случайный лес и градиентный бустинг. Лучший результат показал случайный лес (R² = 0,87, MAPE = 31%). Модель обучили без привязки к номеру маршрута, чтобы она могла работать с любыми маршрутами, ориентируясь на расстояния до остановок. Готовую модель внедрили в веб-сервис, где загруженность показывается не числом людей, а понятными значками.<\/p>\n
Подробнее о проекте можно узнать здесь в блоге по тегу «прогнозирование загруженности».<\/a><\/p>\n
Почитать о статье можно здесь.
\nhttps:\/\/library.keldysh.ru\/preprint.asp?id=2026-12<\/a><\/p>\n
А саму статью (бесплатно) — здесь.
\nhttps:\/\/keldysh.ru\/papers\/2026\/prep2026_12.pdf<\/a><\/p>\n",
            "summary": "Вышла статья «Прогнозирование загруженности трамваев методами машинного обучения» в Институте прикладной математики им...",
            "date_published": "2026-04-09T15:00:00+03:00",
            "date_modified": "2026-04-28T17:28:01+03:00",
            "tags": [
                "аналитика данных",
                "ИМП им. Келдыша",
                "машинное обучение",
                "прогнозирование загруженности",
                "статья"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/crowd-predict.png",
            "_date_published_rfc2822": "Thu, 09 Apr 2026 15:00:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "19",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/crowd-predict.png"
                ]
            }
        },
        {
            "id": "8",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/stops-search\/",
            "title": "Поиск остановок",
            "content_html": "
На не самой популярной странице «Остановки<\/u>»<\/a> есть функция поиска. Например:<\/p>\n
\n\n<\/div>\nПоиск умеет работать даже если допустить ошибку в слове. Можно даже не одну ошибку.<\/p>\n\n\n<\/div>\nА ещё можно так:<\/p>\n\n\n<\/div>\nВсё это работает в браузере без машинного обучения и искусственного интеллекта.<\/p>\n
Формально задача звучит так: есть функция get_search_results, которая получает текст запроса и возвращает список остановок, которые пользователь мог иметь в виду.<\/p>\nfunction get_search_results(prompt) {\n    ...\n}<\/code><\/pre>Самый простой способ — искать вхождение подстроки. Если пользователь ввёл «Калинина», найти все остановки, в названии которых есть «Калинина». Это работает, но только если пользователь не ошибся.<\/p>\n
А если ошибся? Например, написал «Калинино» или «Калининв»?<\/p>\n
Тогда нужен механизм, который умеет прощать ошибки.<\/p>\nПервый подход: перебор<\/h2>\nМы решили, что будем перебирать все возможные подстроки запроса и смотреть, сколько из них встречается в названии остановки. Чем больше совпадений — тем вероятнее, что пользователь имел в виду именно эту остановку.<\/p>\n
Например, пользователь ввёл «Калининва». Разбиваем на подстроки разной длины:
\n— Длина 1: «К», «а», «л», «и», «н», «и», «н», «в», «а»
\n— Длина 2: «Ка», «ал», «ли», «ин», «ни», «ин», «нв», «ва»
\n— Длина 3: «Кал», «али», «лин», «ини», «нин», «инв», «нва»
\n— И так далее.<\/p>\n
Потом смотрим, сколько из этих подстрок встречается в названии «Улица Калинина». Чем больше — тем выше точность.<\/p>\n
Для коротких запросов, например «Кали», этот метод тоже работает: подстроки «К», «а», «л», «и», «Ка», «ал», «ли», «Кал», «али» — почти все найдутся в названии.<\/p>\n
Но тут есть нюанс<\/p>\n
Если запрос длинный, количество подстрок растёт квадратично. Для слова из 10 букв это 55 подстрок. Для 15 — уже 120. Перебирать 120 подстрок для каждой из сотни остановок — на клиенте это всё равно быстро, но мы решили ограничить максимальную длину запроса семью символами. Если пользователь ввёл длинное слово, дальше семи букв мы подстроки не режем.<\/p>\n
Вот как выглядит основная логика:<\/p>\nfor (let i = 1; i <= prompt.length; i++) {\n    if (i >= 7) break;\n    for (let j = 0; j < prompt.length - i + 1; j++) {\n        const sub = prompt.substring(j, j + i);\n        if (stp.Name.toLowerCase().includes(sub)) {\n            acc_count += 1;\n        }\n    }\n}<\/code><\/pre>Счётчик acc_count накапливает количество совпадений. Потом мы делим его на максимально возможное количество совпадений для запроса этой длины. Получается число от 0 до 1 — степень уверенности, что остановка подходит.<\/p>\nАльтернативные названия<\/h2>\nВ Коломне у некоторых остановок есть народные названия. Например, «Трамвайное управление» в народе — просто «Депо». А остановка «Детская художественная школа» иногда называется «Путепровод» или «Холодильник» (что?).<\/p>\n
Мы добавили массив Alternatives для каждой остановки. Если подстрока не нашлась в официальном названии, но нашлась в одном из альтернативных, мы тоже добавляем очко, но с понижающим коэффициентом. Потому что альтернативное название — это всё-таки не основное.<\/p>\nfor (const alt of stp.Alternatives) {\n    if (alt.includes(sub)) {\n        acc_count += 1 \/ stp.Alternatives.length;\n    }\n}<\/code><\/pre>Нашлось ещё одно применение Alternatives — разные написания названий. К примеру, для «Площади двух революций» добавили «Площадь 2 революций» — потому что люди часто заменяют слово «двух» на цифру. А для «Бульвара 800-летия Коломны» добавили «Бульвар восьмисотлетия Коломны» — кто-то вводит и так.<\/p>\nПорог срабатывания<\/h2>\nНа основе этого механизма мы написали отдельную функцию get_search_results_improved, которая возвращает все остановки, у которых степень уверенности превысила порог accuracy.<\/p>\n
А порог accuracy вычисляем эмпирически:<\/p>\n
let accuracy = search_results.length * 0.02 + prompt.length * 0.01 + 0.25;<\/code><\/pre>Если обычный поиск (простое вхождение) нашёл много результатов — порог повышаем, чтобы не выдавать мусор. Если запрос длинный — тоже повышаем, потому что длинный запрос точнее.<\/p>\n
А что, если пользователь ввёл всё правильно<\/h2>\nЕсли пользователь не ошибся, зачем запускать тяжёлый алгоритм с подстроками? Поэтому в get_search_results сначала идут простые проверки:<\/p>\n
\nТочное совпадение с учётом заглавной буквы<\/li>\n
Совпадение с пробелом перед запросом (чтобы найти слово в середине названия)<\/li>\n
Простое вхождение в нижнем регистре<\/li>\n
Поиск по альтернативным названиям<\/li>\n<\/ol>\nТолько после этого, если простые методы сработали, запускаем улучшенный поиск и докладываем его результаты сверху.<\/p>\n
search_results.push(...get_search_results_improved(prompt, accuracy));<\/code><\/pre>Дубликаты и ограничения<\/h2>\nОдна и та же остановка может попасть в результаты несколько раз — например, нашлась и по точному совпадению, и через альтернативное название. Поэтому после всех операций мы прогоняем список через removeDuplicates.<\/p>\n
И в конце оставляем не больше семи результатов. Семь — хорошее число. Не перегружает интерфейс, но даёт достаточно выбора.<\/p>\n
search_results = search_results.slice(0, 7);<\/code><\/pre>Почему не Левенштейн<\/h2>\nЗнающие люди спросят: а почему вы не использовали расстояние Левенштейна? Оно же специально придумано для поиска с ошибками.<\/p>\n
Расстояние Левенштейна считает, сколько букв нужно заменить, удалить или добавить, чтобы одно слово превратилось в другое. Казалось бы, идеально.<\/p>\n
Но есть проблема. Остановка может называться «Улица Калинина», а пользователь вводит «Калинина». Расстояние Левенштейна будет большим, потому что в начале названия не хватает «Улица ». А наш алгоритм разбивает на подстроки и находит «Калинина» внутри, потому что «Калинин» и «Калинина» — это общие куски.<\/p>\n
К тому же, Левенштейн не умеет работать с альтернативными названиями. А наш умеет.<\/p>\n",
            "summary": "На не самой популярной странице \"Остановки\" есть функция поиска. Поиск умеет работать даже если допустить ошибку в слове. Всё это работает в браузере без машинного обучения и искусственного интеллекта.",
            "date_published": "2026-03-22T20:44:16+03:00",
            "date_modified": "2026-03-22T20:47:09+03:00",
            "tags": [
                "алгоритмы",
                "код",
                "фронтенд"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/stops-search.png",
            "_date_published_rfc2822": "Sun, 22 Mar 2026 20:44:16 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "8",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/stops-search.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/stops-search-1.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/stops-search-2.png"
                ]
            }
        },
        {
            "id": "6",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/page-404\/",
            "title": "Страница 404",
            "content_html": "
Когда человек заходит на несуществующую страницу, обычно ему показывают какую-то скучную надпись вроде «Страница не найдена». Нам это всегда казалось невежливым. Человек уже потерялся, а его ещё и казённым языком встречают.<\/p>\n
\n\n<\/div>\nПотом мы заметили, что на многих хороших сайтах к 404 подходят не как к ошибке, а как к возможности. Причём самые удачные варианты — те, где страница ошибки продолжает тему сайта.<\/p>\n
\n\n\n\n\n<\/div>\nСамые крутые примеры:
\nhttps:\/\/www.fdoctor.ru\/page404\/<\/a>
\nhttps:\/\/arzamas.academy\/page404<\/a>
\nhttps:\/\/www.hse.ru\/page404<\/a> (каждый раз разная)<\/div>\n<\/div>\nНам всегда нравился такой подход. Страница ошибки перестаёт быть просто ошибкой. Она становится частью бренда, маленькой шуткой, которую поймёт свой.<\/p>\n
И вот в какой-то момент мы сидели и думали: а что связано с Коломной, с трамваями, с темой сайта, что может быть одновременно и ошибкой, и нормальным предметом?<\/p>\n
Билет.<\/p>\n
Трамвайный билет. На нём есть номер. А 404 — это же просто номер. Не «ошибка 404», а просто билет номер 000404. Никто даже не поймёт, что это техническая деталь, пока не присмотрится.<\/p>\n\n\n<\/div>\nТот самый случай, когда техническая деталь становится частью дизайна, а не торчит наружу.<\/p>\n
Конечно, сейчас таких билетов уже не найти. Не получится просто покататься на трамвае и ждать, пока кондуктор выдаст тебе билет с нужным номером. Но нам повезло: мы нашли образец билета в интернете.<\/p>\n\n\nhttps:\/\/shablon.klev.club\/uploads\/posts\/2024-09\/shablon-klev-club-uaec-p-shabloni-bileti-na-tramvai-9.jpg<\/a><\/div>\n<\/div>\nКак раз и нужные цифры (0 и 4) здесь есть, не придётся ничего изобретать. Осталось только нафотошопить нужный билет.<\/p>\n\n\n<\/div>\nИ затем распечатать. Можно даже немного побольше по размеру, чем настоящий билет — всё равно ведь никто не проверит, а качество фото будет лучше. Чтобы создать впечатление настоящего билета, мы его немного порвали с краев и помяли. Без этого выглядит слишком чисто, сразу видно подделку.<\/p>\n
Осталось сфотографировать. На странице билет будет на белом фоне, поэтому под билет надо подложить белый лист бумаги. Основная проблема здесь — правильно выставить свет. Например, поначалу у нас была такая картинка с довольно жёсткой тенью.<\/p>\n\n\n<\/div>\nПотом переставили лампу, чтобы тень была мягкой<\/p>\n\n\n<\/div>\nНо тут вылезла другая проблема. Лист бумаги белый, но камера его не может снять таким же белым, как чисто-белый фон сайта. На сайте фон #FFFFFF, а на фотографии — сероватый.<\/p>\n\n\n<\/div>\nПришлось выбеливать фотографию в редакторе, чтобы фон стал идеально белым и слился с фоном страницы.<\/p>\n\n\n<\/div>\nВот что получилось в итоге.<\/p>\n\n\n<\/div>\nПод билетом — надпись «Потерялись?». А ещё ниже — подпись. Она меняется каждый раз при обновлении страницы. Это просто маленькая игра. Кто-то обновит страницу пару раз и найдёт для себя подходящую.<\/p>\n
Кстати, технически здесь нет никакой магии. Обычный .htaccess направляет все 404-е ошибки на специальный php-файл. Внутри — массив с фразами и функция shuffle().<\/p>\n\n\n<\/div>\nНу и если вы вдруг забредёте на несуществующую страницу — теперь знаете, какой билет вам выдадут.<\/p>\nhttps:\/\/kolomna-trams.ru\/page404\/<\/a><\/p>\n",
            "summary": "Когда человек заходит на несуществующую страницу, обычно ему показывают какую-то скучную надпись вроде «Страница не найдена»",
            "date_published": "2026-03-22T15:08:16+03:00",
            "date_modified": "2026-04-16T11:49:03+03:00",
            "tags": [
                "дизайн",
                "пасхалки",
                "фронтенд"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/stranica-404.png",
            "_date_published_rfc2822": "Sun, 22 Mar 2026 15:08:16 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/stranica-404.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-4.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-5.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/page-404.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/C47917E3-D737-4D39-BE2B-3F2AB5E523A8_1_102_o.jpeg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/page-404-2.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/404.jpg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/page-404-1.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/IMG_5993.jpeg.jpg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-6.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/page-404.png.jpg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/page-404-3.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/page-404-4.png"
                ]
            }
        },
        {
            "id": "3",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/tram-arrives-in-5-minutes\/",
            "title": "Трамвай будет через 5 минут",
            "content_html": "
Посмотрите на скриншот.<\/p>\n
\n\n<\/div>\nКазалось бы, ничего необычного, да? Ближайший трамвай — через 5 минут.<\/p>\n
А теперь вопрос со звёздочкой. Если мы сейчас находимся в другом часовом поясе, что это значит? Трамвай будет по-настоящему<\/i> через 5 минут? Или это значит, что он должен был бы быть через 5 минут, если бы в Коломне было столько же времени, сколько в нашем часовом поясе?<\/p>\n
Чтобы убрать все возможные недоразумения на этот счёт, в другом часовом поясе интерфейс отображает крупно время прибытия трамвая, а также текущее время в Коломне. Теперь всем понятно: сейчас в Коломне 09:26, трамвай будет в 09:31 по коломенскому времени, то есть через 5 минут. Никакой магии относительности.<\/p>\n\n\n<\/div>\nТеперь о том, как это работает под капотом. Когда сервер собирает страницу, он встраивает в HTML своё текущее время. Браузер это время считывает и вычисляет разницу со своим. Если разница нулевая — значит, пользователь сидит в том же часовом поясе, и интерфейс просто показывает «через 5 минут».<\/p>\n
Если разница не равна нулю, то браузер вычисляет разницу и отображает время с её учётом (то есть любой вызов функции Date.now() прибавляет ко времени эту разницу).<\/p>\n
Дело закрыто.<\/p>\n",
            "summary": "Посмотрите на скриншот",
            "date_published": "2026-03-19T12:34:00+03:00",
            "date_modified": "2026-03-22T10:01:06+03:00",
            "tags": [
                "архитектура",
                "бэкенд",
                "время",
                "расписание",
                "фронтенд"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tramvay-budet-cherez-5-minut.png",
            "_date_published_rfc2822": "Thu, 19 Mar 2026 12:34:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tramvay-budet-cherez-5-minut.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tramvay-budet-cherez-5-minut-1.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tram-arrives-in-5-mins-1.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/tram-arrives-in-5-mins.png"
                ]
            }
        },
        {
            "id": "1",
            "url": "https:\/\/kolomna-trams.ru\/workshop\/articles\/all\/route-building\/",
            "title": "Как работает построение маршрута",
            "content_html": "
Есть на сайте одна простая фича — построить маршрут между двумя остановками.<\/p>\n\n\nМаршрут на схеме от «Площади двух революций» до «Весенней улицы». Попробуйте сами: https:\/\/kolomna-trams.ru\/route\/map\/#from=0101&to=1202<\/a><\/div>\n<\/div>\nВыбираешь остановку А, выбираешь остановку Б — получаешь список, где сесть и где пересесть.<\/p>\n
На первый взгляд кажется: ну что там сложного? Взял граф, нашел кратчайший путь, вывел на экран. Но всё сложнее. Как должен выглядеть граф? Что считать вершинами? Какие веса дать рёбрам? И главное — в какой момент человеку нужно пересесть на другой трамвай?<\/p>\n
Первое, что приходит в голову — сделать граф, где вершины — это остановки, а рёбра — перегоны между ними. Сеть в Коломне маленькая, поэтому для поиска пути мы можем использовать алгоритм Дейкстры.<\/p>\n
Дейкстре нужен взвешенный граф. Логичнее всего в качестве веса взять реальное время в пути. Поэтому мы собрали данные по всем соседним остановкам: посмотрели расписание, сверились с онлайн-картами, посчитали время и сложили всё в базу.<\/p>\n\n\n<\/div>\nКстати, эта функция доступна и по API. Вот, например, сколько ехать от «Студенческой» до «Улицы Калинина» в секундах:<\/p>\n\nhttps:\/\/kolomna-trams.ru\/api\/shuttletime?from=0501aF&to=0502aF<\/a><\/p>\n<\/blockquote>\n
{\n    "ok": "true",\n    "result": {\n        "time": 120\n    }\n}<\/code><\/pre>Как работает алгоритм Дейкстры. Присваиваем начальной точке графа (точке отправления) число 0, остальным — бесконечность.<\/p>\n\n\n<\/div>\nЗатем выбираем вершину с минимальным значением (на первом шаге — начальная точка, поскольку 0 < ∞) и смотрим, с какими вершинами она связана. Новое значение для каждой из вершин находится как значение текущей вершины + вес связи.<\/p>\n\n\n<\/div>\nПри этом, если случится такое, что старое значение вершины меньше, чем рассчитанное, то мы его не трогаем (это означает, что на одном из прошлых шагов был найден маршрут оптимальнее).<\/p>\n
Как только все связи обработаны, вершина помечается как «рассмотренная» и далее не учитывается. Весь алгоритм повторяется, пока все вершины не станут «рассмотренными». На втором этапе изучается одна из вершин, значение для которой пересчитано на первом шаге.<\/p>\n\n\nЗдесь как раз видно, что 4 не заменяет 0: до «Площади двух революций» можно добраться быстрее, чем за 4 минуты<\/div>\n<\/div>\nНа третьем шаге опять выбираем нерассмотренную вершину с наименьшим значением («Конькобежный центр»), на четвёртом шаге — «Пионерская улица».<\/p>\n\n\n<\/div>\nКогда все вершины рассмотрены, для каждой указано минимальное время. Остается только взять остановку назначения — и вот он готовый маршрут.<\/p>\n\n\n<\/div>\nНо пользователю не нужен просто список остановок. Ему нужны номера трамваев и места пересадок. В построенном маршруте, например, нет прямого рейса трамвая.<\/p>\n
Сначала мы делаем просто: берем первое ребро нашего маршрута и смотрим, какие трамваи по нему едут. В нашем примере это 1, 3, 7 и 9.<\/p>\n\n\n<\/div>\nДля второго ребра — снова смотрим. Пока наборы маршрутов совпадают — всё хорошо.<\/p>\n
Но в какой-то момент наборы расходятся.<\/p>\n\n\n<\/div>\nЕсли в новом наборе есть хоть один маршрут из старого, значит, мы можем продолжать ехать без пересадки.<\/p>\n
\n\n<\/div>\nВ нашем примере рано или поздно наборы становятся пустыми. Это значит, что без пересадки не обойтись. Тогда мы отрезаем кусок от начала до последней остановки, где набор ещё не был пуст, и начинаем строить заново с того места, где маршруты разошлись.<\/p>\n
\n\n<\/div>\nШаг 4. Алгоритм повторяется, пока мы не достигнем точки назначения.<\/p>\n
\n\n<\/div>\nВ итоге получается маршрут из нескольких частей. Для каждой части есть список подходящих трамваев. Осталось только красиво их показать на карточке.<\/p>\n
\n\n<\/div>\nНо если вы откроете сайт и построите тот же маршрут,<\/a> он будет немного отличаться от нашего примера.<\/p>\n
\n\n<\/div>\nОтчего так? Дело в том, что в Коломне есть редкие маршруты, например № 7, который ходит раз в 40 минут. Алгоритм предлагает ехать на нём, но это неудобно. В то же время можно без ущерба смыслу маршрута выйти на несколько остановок раньше, зато иметь возможность ехать на трамвае № 3, который ходит каждые 10-12 минут (а вкупе с тем, что № 7 нам тоже всё ещё подходит, время ожидания на остановке ещё снижается).<\/p>\n
Можно было бы, конечно, вычислять на каждом шаге ещё и среднее время ожидания трамвая и как-то его сравнивать с каким-то пороговым значением, однако здесь был использован более простой метод. Всего в Коломне таких «редких» маршрутов пять: № 6, 7, 8, 9 и 10. Мы просто сказали алгоритму: считай, что наборы, состоящие только из редких маршрутов, — это пустые наборы. Так алгоритм начинает искать альтернативы с более частыми трамваями.<\/p>\n
Но не всё так просто. Вот такой маршрут будет построен неверно:<\/p>\n\n\n<\/div>\nАлгоритм подумает, что можно без пересадок добраться на трамвае № 4, проехав четыре остановки. На самом деле нужно проехать две, выйти и сесть на тот же четвертый, но в обратную сторону.<\/p>\n
Чтобы это починить, мы усложнили граф. Теперь вершина — это не просто остановка, а конкретная платформа (в одну или другую сторону). Между платформами одного остановочного пункта мы добавили ребро с временем в полминуты.<\/p>\n\n\n<\/div>\n\nhttps:\/\/kolomna-trams.ru\/api\/shuttletime?from=0501aF&to=0501aB<\/a><\/p>\n<\/blockquote>\n
{\n    "ok": "true",\n    "result": {\n        "time": 30\n    }\n}<\/code><\/pre>Разбиение маршрута на части проходит по той же схеме с одним лишь отличием: переходы между остановками автоматически «сбрасывают» набор рассматриваемых маршрутов.<\/p>\n
Но и это ещё не всё. Мы научили алгоритм строить сложные маршруты, но теперь он ломается на простых.<\/p>\n
\n\n<\/div>\nВместо того чтобы просто ехать на одной «семёрке», он выдавал маршрут с четырьмя пересадками, хотя на последнем участке всё равно был только седьмой маршрут, а значит, нет никакого смысла садиться на трамваи других маршрутов, нужно с самого начала ждать «семёрку», как бы редко она ни ходила.<\/p>\n
Мы добавили правило: если набор маршрутов одной из частей полностью входит в набор маршрутов другой части и для пересадки не нужно переходить на другую сторону, мы склеиваем их в одну. Маршруты склеиваются до тех пор, пока это возможно.<\/p>\n
\n\n<\/div>\nТак все части по очереди склеятся друг с другом (начиная с конца), и в итоге останется один беспересадочный маршрут с одним возможным трамваем.<\/p>\n
\n\n<\/div>\nПоскольку все эти вычисления занимают мало времени, мы сделали так, чтобы скрипт работал прямо в браузере. Бэкенд тут вообще не участвует.<\/p>\n
Отдельно мы сделали подсветку на схеме. Когда вы строите маршрут, схема «гаснет», и только нужные линии остаются яркими. Это оказалось несложно: мы разобрали векторную схему на части, записали их в память, а потом просто проходим по маршруту и показываем нужные куски.<\/p>\n
И ещё одна мелочь. Какой-нибудь невнимательный человек может решить построить маршрут от одной остановки до неё же самой. Это не ошибка, но надо как-то намекнуть, что он делает что-то не так. Лепить модальное окно — это перебор. Поэтому мы просто сделали так, что название остановки слегка дёргается. Типа: «ты уже здесь, выбери другую».<\/p>\n
\n\n<\/div>\nБонусом — кнопка «Обратный маршрут». В большинстве случаев обратный путь — это просто поехать тем же трамваем, но в другую сторону. Чтобы это было наглядно, мы придумали такую анимацию.<\/p>\n
\n\n<\/div>\nНа этом всё. Получилось, что за простой с виду функцией стоит довольно много возни.<\/p>\n",
            "summary": "Есть на сайте одна простая фича — построить маршрут между двумя остановками",
            "date_published": "2026-03-18T16:03:00+03:00",
            "date_modified": "2026-04-15T14:27:14+03:00",
            "tags": [
                "алгоритмы",
                "маршруты",
                "фронтенд"
            ],
            "image": "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-1.png",
            "_date_published_rfc2822": "Wed, 18 Mar 2026 16:03:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "1",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-1.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building.png.jpg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/Adobe-Express---Screen-Recording-2026-03-17-at-22.30.50-2.gif",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/Adobe-Express---Screen-Recording-2026-03-17-at-22.38.15.gif",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-6.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-2.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-4.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-5.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-8.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-7.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-9.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-1.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-2.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-10.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-11.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image.png-1.jpg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image-3.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-14.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-12.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/image.png.jpg",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-13.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/route-building-3.png",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/Adobe-Express---Screen-Recording-2026-03-18-at-15.58.16.gif",
                    "https:\/\/kolomna-trams.ru\/workshop\/articles\/pictures\/Adobe-Express---Screen-Recording-2026-03-18-at-16.01.47.gif"
                ]
            }
        }
    ],
    "_e2_version": 4199,
    "_e2_ua_string": "Aegea 11.5 (v4199e)"
}