Разработка ПО
Менеджмент
Для компаний
Для стартапов
Архитектура ПО
Для нас - команди ingello / systems - це незвичайний проєкт, оскільки крім складної розробки інтерфейсів застосунку, бази даних і організації роботи сервера ми також займалися продуктовою діяльністю - збором даних, отриманням державних дозволів, нормалізацією інформації, опитуваннями, продумуванням систематики додавання інформації і навіть складанням бізнес-моделі продукту. Тобто створювали не просто замовний проєкт, а радше стартап, бізнес із нуля. А нашим клієнтом був не підприємець і не організація, а ціле місто! Докладно про те, як це було - читайте далі.
Оглавление
Якщо по суті - проєкт являє собою вебзастосунок із ненавантаженим інтерфейсом, доступний усім без реєстрації з динамічними картами і базою даних різних об'єктів певного міста. У кожного об'єкта є свій міні-сайт, доступний для кожної організації або підприємця безкоштовно. Проєкт стартував навесні 2022 року на тлі
Основна ідея
За окрему плату підприємець може замовити покращення свого сайту і додати до нього інтернет-магазин, CRM систему для відділу продажів, систему управління складом, систему для управління співробітниками і наймом, систему для створення системної компанії з точним регламентом. Дані можуть зберігатися як на стороні серверів Інтернет-Міста, так і можуть зберігатися на індивідуальному сервері резидента Інтернет-Міста.
На прикладі Рахова - одного з трьох адміністративних центрів Закарпаття, найвисокогірнішого міста в Україні - ми будували модель міста у вигляді вебзастосунку.
Збір даних і дозволи
Насамперед потрібно було зібрати стартові дані, адже якщо наша карта міста буде порожня - то перші користувачі йтимуть, оскільки їм буде нецікаво. Але якщо користувачі побачать хоча б тисячу об'єктів, тоді їм буде цікаво і подивитися їх, і, можливо, додати нові.
Найважливішим аспектом проєкту була співпраця з місцевою владою. Оскільки проєкт був створений у воєнний час, ми були суттєво обмежені у зборі практично будь-якої інформації про місто.
На момент старту проєкту ми вже були знайомі з мером (мiський голова, якщо точнiше), заступником мера і головою керівного комітету, а також були відомі у вузьких колах завдяки нашій волонтерській діяльності з допомоги переселенцям і безкоштовним послугам також на волонтерських засадах щодо програмного забезпечення та облікових систем. Це дозволило нам отримати необхідні дозволи і печатки, які дозволили нам збирати будь-яку інформацію, що не стосується військових об'єктів і військової інфраструктури. Також це зробило проєкт певною мірою безконкурентним, адже в Рахові нічого подібного не було, а тисячі переселенців (серед яких багато ІТ-шників) для конкуренції з нами мали насамперед отримати потрібні дозволи.
Проєктування
Візуальний інтерфейс був спроєктований відносно бюджетно. Ми не використовували Figma і не планували складний і красивий дизайн для перших версій проєкту. Тому схематично зобразили дизайн із використанням простих інструментів прототипування draw.io. Задачі велися майже як і завжди в таск-трекері "асана". Але на відміну від більшості проєктів, ми не планували процесну модель проєкту, задачі контролювалися за допомогою простих чек-листів.
До речі, скоро планується випуск відео, на якому протягом тижнів ішла розробка проєкту і екран розробника постійно знімався на відео скринкаст. Підпишіться на наш ютуб канал, щоб не пропустити.
Основна функціональність міста
Звісно, насамперед будь-яке місто - це вибір. Вибір - куди сходити, що подивитися, що купити або замовити, що запропонувати або продати, кому допомогти і так далі. І в будь-якому місті такі дані в певному вигляді присутні на публічних картах. Однак через дуже поверхневу актуалізацію таких карт (майже повністю покладену на місцевих експертів-добровольців) майже в будь-якому, навіть великому місті дані не відповідають дійсності. У невеликих містах немає навіть половини актуальних даних навіть про публічні комерційні місця. А з інформацією, наприклад, про оренду нерухомості все настільки погано, що зняти житло в місті можна виключно через знайомих і вибору буде практично ніякого. Місцеві підприємці не звикли користуватися цифровими продуктами для просування своїх послуг усередині області і поза нею. Таким чином ми склали цікаву двосторонню пропозицію. Жителі і відвідувачі міста отримують абсолютно безкоштовну й актуальну інформацію, а бізнес отримує безкоштовні інструменти для самопросування з можливістю придбати в майбутньому складніші і корисніші рішення.
Отже, наш застосунок починається з вибору того, що нас цікавить у місті - за категоріями. Зайшовши в застосунок, на тлі міського динамічного пейзажу на екрані Ви побачите список можливостей, які доступні в місті.
Вибравши те, що цікавить (наприклад, ремонт авто, купівля продуктів або оренда житла), для Вас відобразиться карта, на якій показуються маленькі кружечки з фото цікавих місць. Також у проєкті доступний пошук за ключовими словами.
Вибір карти
Це одне з ключових рішень у цьому проєкті, оскільки неправильний вибір карти може сильно фінансово підставити інвестора. Ми вибрали карту на відкритих даних - Open Street Maps. Вона являє собою величезний всесвітній відкритий проєкт зі збору даних по GPS, проєкт підтримує багато людей, а першу інформацію із супутників вони почали збирати задовго до того, як з'явилися Google Maps. Ми також використовували популярну бібліотеку https://leafletjs.com/ від українського девелопера - для зручності управління стандартними операціями з картою. Оскільки базові інструменти OSM не є зручними для девелопменту, хоч і однозначно надають максимально гнучкі можливості для обробки інформації.
Ця карта і бібліотека безкоштовні. Навіть якщо у Вас величезна добова відвідуваність і багато запитів до карт, ви можете повністю завантажити всі дані карт. Вони, треба сказати, важать десятки гігабайт (майже під сотню), і їх необхідно буде періодично оновлювати. Однак для наших цілей поки вистачає навіть безкоштовних серверів, тобто карти завантажувати нам не довелося, що зекономило нам купу часу.
Ми не стали вибирати більш популярну карту (і, треба сказати, порядково більш функціональну) від вендора Google. Так, її сервіси найпотужніші на ринку станом на 2022 рік, абсолютно всі карти поступаються функціональності гугл, однак з 2018 року він змінив політику тарифікації. Обивателю могло здатися, що зміна цін несуттєва і взагалі не найдорожча і помітна частина бюджету проєкту, однак на ділі математика будь-якої бізнес-моделі на основі гугл карт змінилася суттєво, що робить ці карти не дуже доступними за ціною навіть для проєктів, які не економлять на якості. І тільки необхідність впровадження особливих і складних сервісів (таких, наприклад, як промальовування маршрутів) може вимагати співпрацювати саме з гугл картами.
Крім існуючих у рамках OSM даних, ми зібрали і нормалізували дані для карти, яких набагато більше, ніж у проєкті. Дані в проєкті Інтернет-місто також поповнюються за допомогою учасників проєкту, проходять перевірку і після цього з'являються для загального використання.
Визначення геолокації
Ми вбудували в застосунок можливість визначення геолокації. Це необхідно як для зручності користувачів - гостей і жителів міста - для зручної навігації картою, виходячи з їхнього місцезнаходження. Також це корисно для користувачів, які допомагають наповнювати карту даними і актуалізувати дані - можна підійти до певного місця і смартфон самостійно визначить - де ви. Залишається тільки клікнути на кнопку камери, щоб завантажити картинку об'єкта, що додається. Пара секунд - і об'єкт на обліку. Також можна сфотографувати прайс-листи, візитки або листівки організації (якщо такі присутні). Пізніше, без поспіху, окремі люди - оператори - аналізують і оцифровують дані - додаючи або оновлюючи інформацію про об'єкт на персональній сторінці цього об'єкта.
Сайт бізнесу або установи
Говорячи про персональну сторінку об'єкта - це окрема сторінка, на якій доступне будь-яке форматування в рамках HTML і CSS. Скрипти доступні тільки в розширеній і платній версії сторінки. Але базових безкоштовних можливостей достатньо, щоб оформити унікальну сторінку зі своїми списками, картинками, заголовками і підзаголовками, посиланнями і багатьом іншим.
Портал зі статтями і категоріями
У рамках застосунку доступний також розділ порталу, де можна додавати статті, картинки до них, публікувати їх за певними категоріями і в певний час.
Адміністративна зона
Звісно, у застосунку можна керувати абсолютно всіма даними - категоріями об'єктів, категоріями статей, форматуванням безпосередньо статей та інформації про бізнес\пам'ятки й інші об'єкти. Будь-які дані змінювані і піддаються зручному пошуку за будь-якими параметрами - від координат, типів, класів, найменувань до глибшої і технічної інформації про кожен об'єкт.
Адміністративна зона побудована на стандартному шаблоні, який зручно відображається як на смартфоні, планшеті, так і на широкому екрані. Адміністративна зона доступна виключно авторизованим користувачам, містить детальне меню, розбите на категорії.
У рамках адміністративної зони ми маємо достатньо гнучкий механізм налаштувань системи, управління кешем, управління рольовою системою, управління налаштуваннями мов і перекладів (система підтримує спочатку українську і російську версії, однак мови можна додавати в систему без необхідності залучати програміста - прямо з адмінки).
У зону адміністрування вбудована можливість моніторингу стану сервера в реальному часі - стану оперативної пам'яті, центрального процесора і його ядер, версії операційної системи і дистрибутива та багато іншого. Втім, це не унікальна функціональність, у багато наших замовних проєктів ми встановлюємо ці модулі, часто безкоштовно, як бонус.
API
Оскільки ми припускали, що дані, які ми збирали і актуалізуємо, становитимуть цінність як для бізнесу, так і, наприклад, для міської адміністрації, ми одразу додали в систему відносно просте API - тобто можливість підключитися до бази даних програмно і отримувати від неї будь-які дані, які в ній є, у зручному JSON форматі. Для роботи з даними доступні спеціальні функції - такі як вибір даних за користувачем, об'єднання даних, будь-які способи сортувати, фільтрувати дані, а також налаштовувати посторінкову розбивку для оптимізації запитів. Звісно, до програмного інтерфейсу додається документація.
Якщо після прочитання цієї статті Ви загорілися бажанням почати свій проєкт - то Вам буде важливо знати, що перед тим, як взяти з Вас передоплату і підписати договір, ми обов'язково проводимо детальні і професійні консультації, на яких Ви дізнаєтеся більше про свій проєкт і зможете без зайвих витрат оцінити наш підхід до справи. Звертайтеся до нас зі складними і нетривіальними проєктами, які не можна реалізувати за рахунок готових рішень і шаблонів.
