Розробка програм для відстеження переміщення вантажів

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

Щоб задовольнити запити клієнтів та підвищити свою конкурентоспроможність, багато продавців та компаній-перевізників запускають власні сервіси для відстеження вантажів. Однак на практиці це не завжди зручно, оскільки покупець може здійснювати замовлення на різних сайтах і користуватися доставкою кількох кур’єрських служб, а моніторинг кожної посилки в окремому додатку стає незручним та тимчасовим.

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

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

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

• Веб-програми. Працюють в інтерфейсі браузера та не залежать від операційної системи. Фронтенд-частина таких програм може розроблятися за допомогою статичних технологій, таких як HTML, CSS і JavaScript або реактивних — Vue.js та React.js. У свою чергу бекенд створюється мовами програмування PHP та його фреймворках Yii2/Laravel, мовою Python і фреймворках Django/Flask, або Node.js.
• Десктопні програми. Встановлюються на ноутбук чи комп’ютер користувача. Їх розробка здійснюється за допомогою мов програмування Python і PHP, а також їх фреймворків – Django/Flask та Yii2/Laravel.

• Мобільні додатки. Встановлюються на смартфон та працюють незалежно від браузера та інших програм. При їх реалізації береться до уваги операційна система: для розробки на IOS може використовуватися нативна мова Swift, а для Android відповідно мови Java і Kotlin. Однак існує альтернатива, наприклад, за допомогою фреймворку Flutter і мови Dart можна створювати кросплатформні рішення, які використовують одну кодову базу для роботи в обох операційних системах, що може суттєво знизити інвестиції на продакшен.

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

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

Розглянемо основні етапи створення програми з відстеження вантажів, і які роботи виконуються кожному з них.

Етап 1. Збір інформації

Насамперед розробникам потрібно визначити чіткі цілі та завдання проєкту. Для цього Project-manager проводить зустрічі чи онлайн-мітинги з клієнтом, на яких фіксує його вимоги та побажання, а бізнес-аналітики здійснюють аналіз ринку, що допомагає визначити індивідуальний вектор розвитку майбутньої програми.

Етап 2. Проєктування та складання технічної документації

Після отримання всіх необхідних даних, розробники приступають до створення прототипу — схематичної

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

• Візуалізацію архітектури проєкту та системи навігації між його інтерфейсами.
• Мокапи унікальних сторінок і екранів, з описом функціонала, що розміщується на них.
• Технологічний стек.
• Опис зовнішніх сервісів, що інтегруються у проєкт. Наприклад, це можуть бути API поштових служб, за якими буде відстежуватися переміщення вантажів у режимі реального часу, банківські інтерфейси для оплати передплати та інше.
• План реалізації та плановані терміни завершення розробки.

Створений прототип використовуватиметься як «фундамент» всіх наступних етапах виробництва програми.

Етап 3. Розробка UI-дизайну

Додаток для відстеження вантажів – це проєкт, спрямований на широкі маси користувачів, тому дуже важливо, щоб воно було зручним, привабливим та інтуїтивно зрозумілим для споживачів вже з першого контакту. Для досягнення цієї мети до проєкту підключаються професійні UI-дизайнери, які формують візуальне оточення та відчуття проєкту.

Етап 4. Створення програмної частини

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

• Frontend-розробка. Передбачає створення інтерактивного інтерфейсу користувача в точній відповідності з попередньо затвердженими дизайнерськими макетами.

Якщо говорити простими словами, то фронтенд є точкою взаємодії між користувачем і сервером – він отримує запити з боку клієнта, відправляє їх на сервер, а після цього виводить результат обробки у зручному форматі. Однак тут є нюанс. Якщо frontend-частина розробляється за допомогою реактивних технологій Vue.js або React.js, про які ми згадували вище, крім основного завдання він також здатний самостійно виконувати часткову обробку даних, що знижує навантаження на сервер. Як наслідок, при такому підході продуктивність програми та швидкість реакції на дії користувача суттєво зростають.

• Backend-розробка. Бекенд – це серверна частина програми, яка виконує обробку запитів клієнта і відповідає за всі процеси, що відбуваються “всередині” програми. При створенні програмісти вибудовують архітектуру коду, організовують роботу баз даних і інтегрують проєкт із зовнішніми сервісами за допомогою API або REST API інтерфейсів.

Етап 5. Тестування

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

• Мануальні – здійснюються в ручному режимі та призначені для виявлення неочевидних проблем.
• Автоматизовані – виконується за допомогою спеціальних комп’ютерних скриптів та дозволяють охопити тестами більшу частину елементів проєкту.

У разі виявлення помилок QA-інженер складає баг-репорт та повертає проєкт на доопрацювання відповідальному фахівцю, а після їх виправлення проводить повторне тестування.

Етап 6. Технічна підтримка та розвиток

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

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

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

Компанія AVADA MEDIA спеціалізується на розробці програмного забезпечення для сфери транспорту та логістики. Для реалізації таких продуктів ми використовуємо сучасні технології, завдяки чому можемо гарантувати високу продуктивність та надійність софту, а також можливість практично будь-якого функціоналу.