Про дизайн, міста та дизайн у містах, кодінг та автоматизацію

Пізніше Ctrl + ↑

Знаки на зупинках Львову

Багато де опублікували новини, що у Львові затвердили дизайн табличок з маршрутами на зупинці. В принципі цей дизайн можна було зустріти вже давно у центрі міста. І він добре працює, набагато краще ніж написані від руки назви та беззмістовні інтервали маршрутів у Києві. 



Дизайн — Єгор Каліберда

І ще цікаве автоматизаційне: Львівській МТГ є 1102 зупинки громадського транспорту, тож дизайнери також наробили макети на кожну зупинку і зібрали на сайті з вказанням кожної зупинки. Там макети в PDF для друку і у SVG для використання у програмах, що роблять схеми дорожнього руху.

Сайт зі всіма зупинками та макетами

До цього, до речі знаки були схожі, але номери були просто цифрами

Фото з вікіпедії

А у Києві тим часом на нових знаках навіть інтервал вже не пишуть, бо він все одно не має сенсу.

Фото з зупинки нового 117 маршруту по Подільскому мосту

Брендування маршрутів

У коментарях зустрічав питання, чого це тільки маршрути трамваїв та тролейбусів зроблені окремими кольорами, а автобуси однакові, бо краще б було кожному виду транспорту дати свій колір. Пояснюється просто: кольори привʼязані до ліній на схемі транспорту, яка є всюди.

Схема електротранспорту Львова, автор — Єгор Каліберда

Насправді можна і один колір робити, і окремі, залежить від міської політики брендування і комунікації транспорту. Воно працює на різних рівнях: ви маєте співвідносити в голові тип транспорту, його маршрут, номер, можливо назву, і безпосередньо сам рухомий склад який ви маєте побачити в потоці і серед інших маршрутів.

Приклад №1. У Будапешті кожен вид транспорту має свій колір і на схемах та навігації вони пофарбовані так само: трамваї жовті, тролейбуси червоні, автобуси сині. Мій старий допис про транспорт.

Транспорт Будапешта

Приклад №2. Експрес Київ — аеропорт Бориспіль повʼязує Центральний вокзал з аеропортом, має навіть окрему колію, окрему зону очікування, квитки, сервіс (більше фото). Тобто має ознаки цілісного окремого продукту, але не має окремої позначки чи лого, фарбування поїздів ніяк не говорить, що це цей експрес, і відповідно на схемі транспорту я його позначив просто синім кольором залізниці. Хоча можна було це повʼязати, наприклад, з самим аеропортом, який має впізнаваний фіолетовий колір, який міг би піти й в позначки, й в лого, й в якусь комунікацію експреса.

Але коли я таке пропонував при зустрічі в УЗ, то одразу отримав реакцію «А чого це ми маємо підлаштовуватись під аеропорт та робити так само? Має бути своє». Тож може колись буде розуміння цього.

Поїзд, кімната очікування експреса на вокзалі, навігація аеропорту.

Додаємо у Google Sheets посилання на всі файли у теці Google Drive

Досліджував автоматизацію у Фігмі (напишу окремо). В ній для автоматизованого додавання картинок, потрібно давати на них прямі посилання. Можна завантажувати файли на FTP або копіювати напряму з сайтів. Але часто це не дуже зручно і якщо ви працюєте з Google Drive та тримаєте там робочі файли, то буває потрібно отримати прямі посилання на картинки у Драйві.

Також буває необхідно скопіювати багато прямих посилань на файли, наприклад, щоб вставити їх у брендбук або відправити клієнту.

Тож я створив простий гугл-скрипт для використання Google Sheets. Працює так:

  1. Додаєте до вашої таблиці скрипт через Extensions/Apps Script, вставляєте код, запускаєте та даєте всі доступи до вашого облікового запису, оновлюєте сторінку з таблицею.
  2. У комірку A1 вставляєте посилання на теку у Драйві (вона може бути як публічною, так і ні), треба взяти посилання з вікна Share, яке містить в собі …/folder/….
  3. У меню з’явиться новий пункт Links to files, в якому можна вибрати один з варіантів.
  4. Скрипт створить заголовки колонок і вставить всі дані у рядки нижче.

Скрипт виводить такі колонки:
Name — повна назва файлу
Type — розширення файлу, знаходить по назві файлу

  • Date — дата та час зміни файлу
  • Size, KB — розмір у КБ
    URL — посилання на файл (якщо вся тека доступна для перегляду не тільки вам, то всі файли в ній теж будуть доступні)
    URL Download — інший формат прямого посилання на файли, який можна використати, наприклад, щоб вставити картинку у таблицю функцією =IMAGE().

Я зробив кілька варіантів функцій у скрипті:

  1. Вивід всіх файлів по черзі у певній теці.
  2. Вивід окремих типів файлів (картинки, відео, документи тощо).
  3. І окремою опцією вивід всіх файлів у тій теці та у всіх підтеках (додається ще колонка Folder з назвою теки).


Завантажити скрипт або переглянути на Github Gist.


Якщо вам було цікаво та корисно, можете пригостити мене кавою ☕️: картка Монобанку: 4441114450427339 або через сайт.

Відмінювання українських антропонімів: прізвищ, імен та імен по батькові

Мені написав один військовий такий запит по автоматизації:

Підкажіть як можна автоматично список ПІБ, шт 40, отримати в родовому та давальному відмінку в ексель?

Сходу не знайшов ніяких рішень, як це робити в таблиці. Але знайшов непогану js-бібліотеку — shevchenko.js. Тож разом з Артемом Вейкусом зібрали простий сайт, на якому можна вставити пачку ПІБ та отримати їх у потрібному відмінку.

pib.a3.kyiv.ua

Сприймає текст з пробілами та з табуляторами, тож можна копіювати текст з таблиці та вставляти назад.

Як працює з даними з таблиці

А також зробили режим «все на долоні»: одразу всі результати у всіх відмінках на одній сторінці. Гарно саме для десктопа.

 pib.a3.kyiv.ua/all

Все на JS, тому якщо відкрити сторінку і все працюватиме без інтернету, в також дані нікуди не передаються.

UPD: особливість роботи бібліотеки — відмінює кожне слово в ПІБ окремо, а не речення разом. Тому не зовсім коректно відпрацьовує правила правопису §83.1/п та §86.3/п3:

Коли в тексті уживано поряд декілька іменників чол. роду у формі давального (місцевого) відмінка однини, то для уникнення одноманітних відмінкових закінчень потрібно спочатку використовувати закінчення -ові, -еві (-єві), а тоді— -у (-ю): Симоне́нкові Оле́сю Андрі́йовичу, Леоні́дові Микола́йовичу Куце́нку, добро́дієві бригади́ру, па́ нові капіта́ ну.

UPD 2: у режимі all додав кнопку форматування у вигляді «Ім’я ПРІЗВИЩЕ» для документів.

Dinamo Font Gauntlet

У Дмитра Растворцева підгледів гарний сервіс для демонстрації можливостей варіативних і не тільки шрифтів Font Gaunlet. Можна завантажити файл шрифту та подивитись всі доступні фічі, варіативні вісі та навіть ввімкнути анімацію поступової зміни цих параметрів. При чому є функції зміни за положенням курсора, або ж при зчитуванні звуку з мікрофона.

Також написано, що сервіс кешується браузером, тож можна відкрити сторінки і за відсутності інтернету теж користуватись.

Навігація Берна

Пішохідна навігація міста Берн, Швейцарія. Видно дуже практичний підхід — модулі однакового розміру з яких набирається кожен знак. Таким чином простіше оновлювати чи додавати якусь інформацію. Цікаво, як воно влаштоване всередині. І ще якість виробництва вражає 🤌

Фото: Дмитро Потіха

Пошукавши більше інформації про згаданий проєкт, знайшов цікаві документи на сайті асоціації Pedestrian Mobility Switzerland (Пішохідна мобільність Швейцарії):

В решті решт, я просто викачав всі доступні публічно PDF файли (2 ГБ, німецькою). Там є і всякі дослідження і описи різних проєктів, в тому числі навігаційних, тож можна покопатися. Все про навігацію склав окремо у теку Wayfinding.

На додачу ще стела на зупинці Берна. Чітко видно:

  • назву зупинки та номери маршрутів з інформацією
  • схему мережі
  • екран з часом прибуття
  • розклад (у нас чогось щось одне додають, хоча і те і важливо; навіть якщо екран не працюватиме, то розклад точно буде )
  • схема нічних маршрутів
  • карта вулиць навколо
  • навіть якісь повідомлення
Відео: Дмитро Потіха
Раніше Ctrl + ↓