Про дизайн, міста та дизайн у містах, кодінг та автоматизацію
Чергова епопея зі скасування оплати паркування в Києві. Напевно знову всі паркувальні таблички познімають.
Але цікаве також проєкт розпорядження зі зміною паркувальних зон зі своїми тарифами:
Тож напевно до набору табличок потрібно буде додати ще одну з новим кольором (і зробити вже не 3000 макетів, а 4000 🤓).
Проєкт навігації у Design District від студії Dutch Scot.
Цікаве в ньому те, як унікальність кожної локації викрутили на максимум: з одного боку кожна будівля не схожа на іншу, а з другого у навігації цю ідею підтримали й кожен корпус має свій «логотип», який на схемі ще і зробили з різних матеріалів. Рекомендую роздивитись всі картинки в кейсі.
Під час роботи над проєктом ознакування в заповіднику Тустані стикнувся з задач показувати на табличках QR код з більш детальною інформацією про обʼєкти. Але самі посиланні вели на wiki-сайт, тому посилання були дуже довгими. Відповідно QR-коди містили більше точок і потреб вали більших розмірів, інакше камера їх просто не зчитувала. Тому треба було мати короткі посилання, які б перенаправляли на потрібні сторінки. Тоді це питання вирішив якось адмін сайту.
Потім вже в іншому кейсі стикнувся з необхідністю зробити на табличці QR, який в майбутньому можна було б змінити чи перенаправити.
Авжеж є різні сервіси, на кшталт bit.ly, але опція зміни посилань платна і заради одного-двох випадків не вартує того. Окрім цього будь-які зовнішні сервіси можуть в якусь мить закритись і ніяких даних потім не лишиться, на відміну від надрукованого десь посилання.
Тож я пішов пошукати альтернативи та знайшов два непоганих методи, якщо ви маєте свій сайт чи хостинг. Можливо посилання буде вже не таке коротке, як це було б з коротким доменом, але це дасть зручний інтерфейс, який коротко та у зрозумілому вигляді передавати якісь довгі посилання на ті ж Гугл Документи чи інші сторінки.
Якщо ви адміністратор сайту, то логічно можна прописати редіректи (перенаправлення) у файлі .htaccess. Але це дещо складно адмініструвати та треба знати як.
Наприклад, коли ми міняли структуру сайту А3, то зробили додаткові редіректи, щоб працювали посилання, які були десь використані раніше: a3.kyiv.ua/metromap → a3.kyiv.ua/projects/metromap.
Рядок у файлі виглядає так:
Redirect /metromap /projects/metromapІнше рішення яке я знайшов — js-url-shotener — це JS-скрипт, який зчитуватиме введену адресу та окремий TXT-файл в якому зберігатимуться самі редіректи. У самому текстовому файлі перенаправлення записуються у дуже простому вигляді: коротке посилання, далі стрілка з символів => і далі довге посилання.
Shortlink => Longlink
І далі використовуємо посилання має бути через символ решітки #. Наприклад, якщо ми розмістимо скрипт і текстовий файл у піддиректорії з назвою l, то коротке посилання матиме вигляд:
Плюси:
Мінуси:
А в якості адмінки, яка дасть доступ не через FTP, а прямо на сайті, є простий файловий менеджер на PHP — Pheditor.
NB: Якщо розмістити всі файли та піддиректорії, то Pheditor матиме доступ тільки до них, а та решти сайту ні.
site.com\l\
Якщо маєте хостинг з підтримкою PHP, то є гарне опенсорс рішення, яке ви можете встановити, наприклад, на піддомені — движок Yourls. По факту база даних з адмінкою, в якій ви вписуєте довге посилання і короткий відповідник. Сервіс містить аналітику для відстеження кількості переходів та звідки були ці переходи.
Приємний плюс — можливість створити свій плагін, що розширятиме функції сайту або знайти у цій прекрасній галереї вже готовий. Також можна створити свою тему оформлення, якщо хочете зробити сайт подібним до інших своїх сторінок.
Для оформлення рекомендую тему Sleeky, яка виглядає найбільш сучасно і простою. Плюс ця тема містить модуль для додавання посилань без входу в адмінку, може буде корисно і можна цю сторінку оформити під себе.
Захотілось мати можливість швидко створити QR-код для нових коротких посилань.
Тож зробив плагін, який при додаванні до посилання сполучення .qr, на сайті відкривається окрема сторінка зі згенерованим кодом який можна зберегти у векторних форматах SVG та PDF, або растрових PNG та JPG.
Стиль QR-коду за замовчуванням чорний на прозорому тлі, але через параметри можна на це впливати. Наприклад, жовтий код (ff0, без символу #), тло кольору tomato та відступ від краю у 3 клітинки:
Якщо ви хочете зафіксувати стиль, який буде застосовувати одразу при генерації, то у файлі плагіну plugin.php пропишіть потрібні параметри, тоді вони передаватимуться разом з текстом.
header('Location: /qr?content='.YOURLS_SITE.'/'.$keyword.'&color=ff0&background=tomato&padding=3');₴
Якщо вам було цікаво та корисно, можете пригостити мене кавою ☕️, задонатити чи підписатись:
Це вперше за 9 років, які Київпастранс «образились» на А3 і повністю ігнорували (цю прекрасну і дурну історію про фунікулер варто окремо описати). До цього хтось з КПТ взяли схеми і самостійно змінили шрифти, лінії та все інше, що суперечило ліцензії. Приклад такого втручання видно на фото з мером:
Але влітку минулого року мені написав Олег Грищак з Київпастрансу, вони через перейменування оновлювали назви у навігації на станціях. І захотіли також і схеми оновити, тож звернулись із запитом, з чим я з радістю допоміг.
У самій загальній схемі для трамваїв зміна мінімальна: заголовок без акценту на метро і виділені станції трамвая, на яких ми знаходимось (на кожну станцію свій макет). Проте, як сказав Юра Грановський: «Головна зміна — поява бажання зробити нормально».
В продовження теми знаків на зупинках хочеться поговорити і про практику нумерації та найменування маршрутів транспорту.
Транспорт у місті, в перше чергу, — це система. І як кожна система це множина взаємодії пов’язаних елементів: різні типи рухомого складу, зупинки, маршрути, тарифи та оплата проїзду, інформування тощо. І для орієнтування у цій системі придумують ряд правил та ідентифікаторів, які допомагають розуміти та користуватись цією системою.
У Києві та багатьох містах склалась традиція ідентифікувати маршрути за типом транспорту, номером і кінцевими, іноді ще за кольором. І для кожного типу транспорту нумерація починається спочатку. Таким чином вже є можливість перетину різних типів транспорту з однаковими номерами, як то автобус 31 та тролейбус 31, які їдуть за різними маршрутами.
Таким чином система починає потребувати додаткового ідентифікатора різних типів транспорту на всіх рівнях: на зупинці має чітко відмежовуватись різні зупинки для різних типів транспорту, до номерів починають додавати літери А31 та Тр31 (бо просто Т це трамвай), на схемах та інформаційних плакатах додаються окремі позначки по типах транспорту. І це на рівному місці ускладнює.
Ще зустрічається окремий тип «підмаршрутів», які їдуть ідентично основному, але з якимось відхиленням. Тому до номерів додають літеру:
При чому самі позначення пишуть як з маленької літери, так і з великої, але ніде не пояснюється чи це однакові маршрути. Те саме стосується і нічних маршрутів, які чогось пишуть 1н, а не Н1. наче це якийсь підвид маршруту 1.
Тому на сайті Київпастрансу можна знайти окремі схеми маршрутів трамваїв, тролейбусів та автобусів, але ніде немає комплексної схеми, яка б допомагала обирати з усіх наявних маршрутів, як от схема Кості Череповського. І навіть на цій схемі йому доводить придумувати окремі позначки для різних типів транспорту, а ще для маршрутів які їздять тільки в літній час або в робочі дні. Авжеж зараз рятують ті ж Гугл Карти, або EasyWay, які підкажуть на які маршрути сідати, але все одно, якщо у вас не буде доступу до цих сервісів, то ніде ви інформацію не отримаєте.
Далі це породжує номери-франкенштейни: під час закриття частини синьої гілки метро М2, пустили автобуси-дублери з номером 2м, хоча логічно було б назвати маршрут саме М2. І знову історія, де незрозуміло чи це підвид маршруту 2 чи все ж окремий маршрут.
Але набагато простішою є наскрізна нумерація маршрутів наземного транспорту по всьому місту. Бо насправді ви не переміщаєтесь окремими видами транспорту, ви переміщаєтесь з району в район, з точки А в точку Б. І не важливо, чи ви будете їхати тролейбусом, чи автобусом або трамваєм, головне — за яким маршрутом. Для цього варто спростити систему координат і лишити один єдиний ідентифікатор, найпростіше — номер.
У Варшаві номери від 1 до 99 відведені для трамваїв (хоч самих маршрутів менше, лишили з запасом ), а номери автобусів починаються зі 100 і далі. Окремо існують нічні маршрути N1…N95, локальні L1…L52, та маршрути електрички S1…S40.
У Варшаві нумерація має ще декілька внутрішніх правил.
Наприклад, номери
Автобуси:
У Будапешті все ж не зовсім наскрізна нумерація, де трамваям відведені номери 1—70, тролейбусам 70—82, але автобуси винесені окремо синім кольором і нумерація починається з 1.
У Будапешті все-таки наскрізна нумерація коридорів без резервування за типами рухомого складу.
Наприклад, автобусні маршрути 5, 7, 8, 9 — це колишні трамвайні маршрути, з якими стався місцевий Омельченко.
110/111/112 — це колишній 11 трамвай
15/16/116/16А — це колишні плани зробити 15 та 16 трамвай, які не збулися ще сто років тому.
Окремо наголошую, що нумерація не маршрутів, а коридорів, паралельно з 7 та 8 ходять експреси 7Е та 8Е, у купи маршрутів є колеги які дублюють на 65% та більше і мають максимально схожі номери (а ще паралельний графік руху), наприклад автобуси 88, 188, 288, 8Е, 88А на довжелезній ділянці руху дублюють один одного, але з розумом.
А от у Барселоні, до прикладу, не так давно реформували систему маршрутів і ввели свою нумерацію, де є просто номери автобусів, але додали магістральні D, H, V, які відповідно їздять по місту по діагоналі (D), по горизонталі (H) та по вертикалі (V). І таким чином підкреслюють сітку вулиць міста. При цьому трамвайна система та метро мають окремі логотипи й позначення.
Тож чим менше параметрів, за якими можна ідентифікувати окремі маршрути, тим система простіше для користування і розуміння. І потім простіше стають і схеми транспорту і комунікаційні повідомлення.
