// Web 3.0

Як Розробити Платформу WEB3?

Зміст

#1. Визначення: що таке Web 3.0?
#2. Зв'язок між Веб 3.0 і блокчейном
#3. Дорожня карта створення Web3-рішень
#4. Етап 1: Фаза відкриття
#5. Етап 2: Визначення функцій
#6. Етап 3: Розробка архітектури
#7. Етап 4: Розробка UX/UI-дизайну
#8. Етап 5: Написання коду додатку
#9. Етап 6: Тестування продукту
#10. Етап 7: Розгортання, реліз
#11. Етап 8: Підтримка продукту
#12. Вартість створення NFT-гаманця

Увесь світ прямує до Web 3.0 - нової версії інтернету, де користувачі керуватимуть своїми даними, ШІ розумітимуть запити, як реальні люди, а вся інформація буде зберігатися та оброблятися розподілено. І це не віддалена перспектива, а те, що відбувається вже зараз - кількість Web3-проектів зростає в геометричній прогресії. Далі ми розповімо, як запустити свій Web3-проект, щоб приборкати цей тренд і отримати максимум переваг для свого бізнесу.

Визначення: що таке Web 3.0?

Web3 - це прийдешній розвиток інтернету, в якому програми та сайти сприйматимуть та опрацьовуватимуть інформацію розумно, як людина, за допомогою таких інноваційних технологій, як штучний інтелект, нейронні мережі, блокчейн, просторові обчислення, Big Data, VR/AR та інші. Це дозволить створити інтернет, який нагадуватиме відеогру з дуже розумними інтелектуальними помічниками. Вони будуть розуміти та виконувати всі побажання людей, як у якомусь фантастичному романі чи фільмі.

Це дуже схоже на те, що планує створити Марк Цукерберг у своєму метавсесвіті. Тільки у випадку метавсесвіту акцент робиться на зовнішню складову - VR- і AR-простори та просторові інтерфейси, тоді як Web 3.0 - це більше про штучний інтелект і децентралізацію. В іншому поняття "Web3" (Web 3.0) і "метавсесвіт" взаємозамінні.

The evolution of the Internet. The comparison of Web1, Web2, and Web3

Еволюція розвитку інтернету. Порівняння відмінностей між Web1, Web2 і Web3. Джерело.

Зв'язок між Веб 3.0 і блокчейном

Оскільки мережа Web3 працюватиме через відкриті децентралізовані протоколи - блокчейн, смарт-контракти, криптовалюти, інтернет речей та DApps - ми можемо очікувати на сильну конвергенцію та симбіотичні стосунки між Web3 та цими протоколами. Причому вони будуть значною мірою автоматизовані за допомогою смарт-контрактів, функціонально сумісні, а також інтегровані між собою та всіма іншими галузями людської діяльності.

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

Ось основні можливості поєднання Web3 і блокчейну:

  • Децентралізація: дані зберігаються в блокчейні. У Web3-рішеннях дані зберігаються в блокчейні та доступні з будь-якого пристрою. Не потрібно залежати від сторонніх постачальників послуг для виконання конкретних завдань, оскільки все виконується комп'ютерами децентралізованим чином.
  • Автономність: самовиконувані смарт-контракти. З Web 3.0 додатки матимуть можливість самостійно встановлювати свої алгоритми дій і автоматично виконувати їх, тим самим зменшуючи потребу в банках, юристах, державах та інших посередниках.
  • Опір цензурі зверху: контент не можна видалити. Усе, що записано у Web 3.0, не може бути видалене або зупинене будь-якою стороною, що робить його надійнішим для користувачів, які бажають поділитися своїми даними, не турбуючись про втрату контролю над ними.
  • Безпечний обмін повідомленнями: повідомлення не можна зламати. Концепція передбачає безпечний обмін повідомленнями через блокчейн, завдяки чому користувачам не потрібно турбуватися про те, що їхнє листування і важлива інформація може бути скомпрометована кіберзлочинцями.
  • Захист від шахрайства: транзакції не можна підробити. Ще одна важлива особливість Web3 - транзакції не можуть бути змінені будь-якою третьою стороною, що робить Web3-рішення безпечнішими.
  • Без дозволу: без обмежень доступу. Web3-рішення не залежать від будь-якого постачальника послуг, оскільки всі їхні операції здійснюються автоматично за допомогою смарт-контрактів. Це означає, що вам не потрібно платити величезні суми, щоб отримати доступ до потрібних їм послуг.

Дорожня карта створення Web3-рішень

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

Етап 1: Фаза відкриття

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

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

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

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

Етап 2: Визначення функцій

На наступному етапі команда розробників вирішує, які функції додати. Перелік залежить від проекту. Так, у разі створення криптовалютного гаманця список функцій буде один, а в разі запуску децентралізованої криптобіржі зовсім інший. Крім того, конкретний перелік функцій також залежить від способу виходу на ринок - через MVP (Minimum viable product) або запуск повноцінного продукту, який із самого старту надає максимум можливостей клієнтам.

The difference between an MVP and a fully functional product

Різниця між MVP та повнофункціональним продуктом. Джерело.

Також потрібно врахувати, скільки ролей користувачів буде у продукту. Зазвичай це кінцеві користувачі та адміністратори. Але іноді їх буває більше. Наприклад, якщо ви хочете створити NFT-маркетплейс, то в цьому випадку кінцевих користувачів можна розділити на покупців і продавців. Якщо ви створюєте криптовалюту, то в цьому випадку у вас будуть звичайні користувачі та майнери/валідатори, а також розробники, які покращуватимуть код і додаватимуть нові функції.

Для прикладу розглянемо перелік функцій для криптогаманця.

Ось функціонал гаманця для ролі кінцевого користувача:

  • Реєстрація. У разі криптогаманця реєстрація відбувається шляхом створення нової криптоадреси або відновлення (прив'язки) старої. У деяких гаманцях, наприклад BlueWallet, також потрібно вибрати тип облікового запису: стандартний, сховище або Lightning. Залежно від його типу DApp виконуватиме роль звичайного гаманця, дуже надійного сховища або гаманця для проведення Lightning-транзакцій у мережі Біткоїна. У майбутньому на цьому етапі також, імовірно, потрібно буде проходити верифікацію особистості (такі вимоги наразі ухвалюють регулятори США та ЄС).
  • Курс, коефіцієнт конверсії. Найпростіший варіант криптогаманця дає змогу отримувати і відправляти віртуальні активи, як у MetaMask. Більш просунуті версії також дають змогу переводити одні токени в інші або просто дізнатися курс усіх токенів у портфелі та його вартість за окремими монетами і загалом (у фіаті, наприклад, у доларах, євро або фунтах).
  • Управління активами (платежі). Це функціонал, що дає змогу користувачам купувати і продавати крипту, не покидаючи гаманця. Цей функціонал має бути реалізовано максимально просто та інтуїтивно зрозуміло, щоб навіть незнайома з криптовалютою людина одразу розуміла, яку іконку їй потрібно для досягнення своїх завдань. Для зручності також бажано в цей розділ додати QR-коди (та їх сканування) для швидких транзакцій та лістинг Обраних адрес для повторюваних операцій.
  • Прив'язка банківського рахунку. Також для підвищення користувацького досвіду варто додати можливість прив'язати до облікового запису гаманця банківський рахунок, банківську картку, PayPal, Google Pay, Apple Pay або іншу платіжну систему. Це дасть змогу швидко купувати і продавати криптовалюту, не відволікаючись на зазначення платіжних реквізитів.
  • Push-повідомлення. Необов'язкова, але дуже важлива функція, якщо ви хочете розробити зручний Web3-гаманець. Повідомлення повідомлятимуть про важливі для користувача речі: запити на оплату, зміну балансу, підтвердження транзакції, загрози безпеці, оновлення системи та інше. Повідомлення повертатимуть користувачів у застосунок.
  • Підтримка NFT. Ще одна необов'язкова опція. Але оскільки наразі NFT - один із головних трендів у галузі, то підтримка можливості їх зберігання майже обов'язкова. Точніше, підтримка основних стандартів NFT: ERC721, ERC1155, BEP-721, BEP-1155, TRC-721, dGoods, Composables.
  • Безпека. Зазвичай на стороні користувача це такі речі, як двофакторна автентифікація, автентифікація за відбитком пальця або обличчям, підтримка апаратних гаманців, TTL, Seed-фраза. На стороні Web3-платформи - захист від DDoS, SSRF, CSRF, HPP та інше.
Ось функціонал гаманця для ролі адміністратора:
  • Панель приладів. Цей екран допомагає адміністратору платформи відстежувати стан системи: кількість активних користувачів, кількість проведених транзакцій (за секунду, годину, день), обсяги транзакцій, нові повідомлення, наявність якихось проблем та інше.
  • Управління користувачами. За допомогою цієї панелі адміністратор може відстежувати статус користувачів платформи і змінювати, додавати, видаляти, заморожувати і відновлювати їхні облікові записи. Крім цього, тут також має бути функція для спілкування з користувачами.
  • Управління платіжною системою. На цьому екрані можна додавати і видаляти платіжні системи, доступні користувачам. Також тут зазвичай є деякі налаштування, наприклад можливість встановити мінімальний розмір угоди для купівлі криптовалюти за фіат.
  • Управління комісіями. Тут адмін може додати, видалити або змінити комісію за криптовалютні та фіатні транзакції, що проходять через ваш криптовалютний гаманець. Також на цьому екрані можна встановити розмір і періодичність виплат за реферальними програмами.
  • Управління контентом. Також вашим адміністраторам потрібна буде можливість додавати, змінювати і видаляти тексти, зображення, анімацію та інший контент всередині призначеного для користувача інтерфейсу вашої платформи.
  • Маркетинг і реклама. Під час запуску свого Web3-гаманця ви можете додати можливість виведення реклами через повідомлення або банери. У цьому випадку адміністратору потрібен буде функціонал для управління нею.
  • Документація з API. Інструменти для інтеграції з іншими сервісами.

Етап 3: Розробка архітектури

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

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

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

An example of an informational architecture of a Web3 platform

Приклад інформаційної архітектури Web3-платформи. Джерело.

Етап 4: Розробка UX/UI-дизайну

На основі зібраної на перших етапах інформації, переліку функцій та інформаційної архітектури дизайнери створюють дизайн інтерфейсу користувача вашого Web-рішення. Це має бути чисте, просте і приємне зовні рішення, яке повинно відповідати галузевим стандартам (має бути звичний усім дизайн кнопок і звичні назви розділів) та актуальним дизайнерським трендам. Крім того, дизайн має відповідати рекомендаціям від постачальників платформ. Наприклад, у разі створення застосунку під iOS потрібно дотримуватися Human Interface Guidelines, у Android це Deliver high quality apps.

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

An example of a low-fidelity wirefram

Приклад варфрейма низької точності. Джерело.

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

High-fidelity wireframes of a wallet

Варфрейми високої точності гаманця. Джерело.

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

Етап 5: Написання коду додатку

Після визначення функціоналу, побудови інформаційної архітектури, створення дизайну призначеного для користувача інтерфейсу до справи беруться програмісти, які реалізують усе це в коді. Для цього розробникам потрібно вибрати стек технологій, який найкраще підходить під поточне завдання. Його зазвичай ділять на стек для серверної частини (back-end) і стек для інтерфейсу (front-end).

Стек технологій для розробки бекенда Web3-рішення:

  • Смарт-контракти: віртуальна машина Ethereum або BSC.
  • Бази даних SQL: MySQL, PostgreSQL, MariaDB, MS SQL, Oracle.
  • DevOps: GitLab CI, TeamCity, GoCD Jenkins, WS CodeBuild, Terraform.
  • Бази даних NoSQL: MongoDB, Cassandra, DynamoDB.
  • Пошукові системи: Apache Solr, Elasticsearch.
  • Мови програмування: Java, PHP, Python.
  • Фреймворки: Spring, Symphony, Flask.
  • Кеш: Redis, Memcached.
Стек технологій для розробки фронтенду Web3-рішення:
  • Мови програмування для веб: Angular.JS, React.JS і Vue.JS.
  • Мови програмування для App: Java, Kotlin для Android і Swift для iOS.
  • Архітектура: MVVM для Android і MVC, MVP, MVVM і VIPER для iOS.
  • IDE: Android Studio і Xcode для
  • SDK: Android SDK та iOS SDK.

Етап 6: Тестування продукту

Тестуванням займаються QA-фахівці. Вони перевіряють код створеного продукту на наявність помилок і відповідність специфікаціям. Крім цього, також тестуються функціонал, юзабіліті та продуктивність. Якщо Web3-рішення містить смарт-контракти, то їх також потрібно перевірити як внутрішніми силами, так і за допомогою незалежних аудиторів, таких як Certik і Tecгодate.

Етап 7: Розгортання, реліз

Коли ваше Web-рішення створено і протестовано, проводиться його розгортання на локальні сервери вашої компанії або в хмару (AWS, Azure, Google). Якщо це мобільний застосунок, то його додають у лістинги App Store, Google Play і Amazon App Store (це не суперечить правилам майданчика).

Етап 8: Підтримка продукту

На останньому етапі відбувається навчання персоналу замовника роботі з розробленим продуктом і налагодження служби підтримки.

Вартість створення NFT-гаманця

The expanses on developing an NFT wallet

Відгуки наших клієнтів

Розробка гнучної екосистеми на основі технології блокчейн

Запитання консультанту

Ім'я *
Email *
Телефон
Повідомлення
 

Виникли питання?

Telegram

З 2015 року ми допомагаємо втілити ідеї клієнтів в якісний продукт.