Сучасні напрямки розвитку веб-технологій

Размещено на http://www.allbest.ru/

НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ ФІЗИЧНОГО ВИХОВАННЯ ТА СПОРТУ УКРАЇНИ

Кафедра інноваційних та інформаційних технологій у ФКіС

РЕФЕРАТ

з дисципліни: Інформатика та інформаційні технології у фізичному вихованні і спорті на тему: Сучасні напрямки розвитку веб-технологій

Виконала студентка 43-ФТЕ3

Луценко Ганна Федорівна

м. Київ 2019

План

веб технологія патентний блокчейн

Вступ

1. Технологія штучного інтелекту

2. Технологія Блокчейн (Blockchain)

3. Технологія анімованого інтерфейсу користувача

4. Технологія спливаючих (push-) повідомлень

5. Технологія прогресивних веб-додатків (PWA)

6. Технологія адаптивності веб-сайтів

Висновки

Посилання

Вступ

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

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

Мета

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

1. Технологія штучного інтелекту

Дослідження ВОІВ [1] присвячено штучному інтелекту. Ці дослідження демонструють глобальну тенденцію останніх років щодо збільшення числа винаходів на основі штучного інтелекту. За кількістю патентів та патентних заявок лідерами галузі є компанії IBM і Microsoft. Це зростання пояснюється тим, що за останні роки штучний інтелект перетворився з теоретичної концепції в реальний продукт, що завойовує світовий ринок.

Штучний інтелект (AI) - це область комп'ютерних наук, яка підкреслює створення інтелектуальних машин, які працюють і реагують як люди. Деякі з дій комп'ютерів з штучним інтелектом призначені для: розпізнавання мови; навчання; планування; вирішення проблем.

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

У ході дослідження ВОІВ [1] було встановлено, зокрема, таке.

Винаходи, пов'язані з ШІ, швидко розвиваються, переходячи від теорії до комерційного застосування. Оскільки штучний інтелект з'явився в 1950-х роках, новатори і дослідники подали заявки на отримання майже 340000 винаходів, пов'язаних з ШІ, і опублікували понад 1,6 млн. наукових публікацій. Слід зазначити, що патентування, пов'язане з ШІ, швидко зростає: більше половини визначених винаходів було опубліковано з 2013 року.

Незважаючи на те, що наукові публікації про ШІ датуються декількома десятиліттями, бум у наукових публікаціях про ШІ розпочався приблизно в 2001 році, приблизно за 12 років до зростання патентних заявок. Крім того, співвідношення наукових праць до винаходів зменшилося з 8:1 у 2010 році до 3:1 у 2016 році - що свідчить про перехід від теоретичних досліджень до використання технологій штучного інтелекту в комерційних продуктах та послугах.

Технології машинного навчання, що революціонізують ШІ, є глибокими навчальними та нейронними мережами, і це технологія штучного інтелекту, яка найшвидше зростає з точки зору патентних заявок: глибоке навчання показало вражаючу середньорічну швидкість зростання від 175% у 2013-2016 роках, досягнувши 2399 заявок на патент. Нейронні мережі зростали зі швидкістю 46% за той же період, до 6506 заявок на патент у 2016 році.

Серед функціональних додатків ШІ найпопулярнішим є комп'ютерний зір, який включає в себе розпізнавання зображень. Комп'ютерний зір згадується в 49% усіх патентів, пов'язаних з ШІ (167038 патентних документів), щорічно зростає в середньому на 24% (21011 заявок на патент, поданих у 2016 році).

Такими функціональними додатками з найвищими темпами зростання у патентних заявках за період з 2013 по 2016 рік були ШІ для робототехніки та методів контролю, які зростали в середньому на 55% на рік.

Темпи зростання, які спостерігаються в ідентифікованих патентних даних, пов'язаних з ШІ, значно вищі, ніж середньорічні темпи зростання патентів у всіх областях технології, які становили 10% між 2013 і 2016 роками.

Патенти, пов'язані з AI, не тільки розкривають методики та програми ШІ, вони часто також відносяться до області застосування або галузі. Аналіз показує, що багато галузей і галузей досліджують комерційну експлуатацію ШІ. У цьому аналізі було ідентифіковано двадцять сфер застосування, причому щонайменше одне було згадано в 62% від загальної кількості ідентифікованих патентних даних щодо ШІ. Вони включають, на порядку денному: телекомунікації (згадані в 15% всіх ідентифікованих патентних документів), транспортні (15%), життєві і медичні науки (12%), а також персональні пристрої, обчислювальні та для взаємодії людина-комп'ютер (11%). Інші сектори, які представлені в результатах дослідження ВОІВ, включають банківську діяльність; розваги; безпеку; промисловість і виробництво; сільське господарство; та мережі (включаючи соціальні мережі, розумні міста та Інтернет речей).

Багато технології, пов'язані з ШІ, можуть бути використані в різних галузях промисловості, що показує велика кількість патентів щодо ШІ, які стосуються декількох галузей. Перевезення є важливим не тільки в загальних результатах, але й серед тих сфер, які демонструють найвищі темпи зростання патентних заявок, пов'язаних з ШІ, з 33% річним зростанням у 2013-2016 роках (8764 заявок у 2016 році). Швидко з'являються в транспортній категорії заявки стосовно аерокосмічної галузі та авіоніки (67% річного зростання, до 1813 заявок в 2016 році) і заявки щодо автономних транспортних засобів (42% річного зростання, до 5569 заявок в 2016 році). Бум в транспортних технологіях стає більш очевидним, коли ми дивимося на тенденції протягом періоду 2006-2016 рр. - у 2006 році лише 20% заявок стосувалось цієї сфери, а у 2016 році третина заявок (понад 8700 заявок).

Показники патентних заявок на телекомунікації, пов'язані з ШІ, продовжували зростати щорічно в середньому на 23% між 2013 і 2016 роками, до 6684 заявок у 2016 році. Інтернет (17%), радіо- та телевізійне мовлення (17%).

Життя та медичні науки зросли на 12% за той самий період, до 4112 заявок у 2016 році, включаючи медичну інформатику (18% зростання) та охорону здоров'я (17% зростання). Персональні пристрої, комп'ютери та взаємодії людина-комп'ютер зростали в середньому на 11% щорічно в період між 2013 і 2016 роками, до 3977 заявок у 2016 році, і в цій категорії спостерігалося помітне зростання в суб-області афективних обчислень (37%), який визнає людські емоції.

До інших секторів і підкатегорій у галузях з помітним зростанням кількості патентних заявок належать: інтелектуальні міста (47% річного зростання); сільське господарство (32%); обчислення для уряду (30%); банківська справа та фінанси (28%).

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

Компанії, зокрема, з Японії, Сполучених Штатів Америки (США) та Китаю, домінують у патентній діяльності у сфері ШІ. Компанії представляють 26 з 30-ти кращих заявників на патент ШІ, а лише чотири - університети або державні дослідницькі організації. Ця модель спостерігається для більшості методів, додатків і сфер застосування ШІ. З 20 найбільших компаній, що подають патенти, пов'язані з ШІ, 12 базуються в Японії, три - у США, а дві - у Китаї. Особливо сильно представлені японські компанії споживчої електроніки.

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

IBM і Microsoft є лідерами у патентуванні ШІ в різних областях, пов'язаних з ШІ. IBM має найбільший портфель заявок на патент ШІ з 8290 винаходами, за якими слідує Microsoft з 5930. Портфоліо обох компаній охоплює цілу низку методів, додатків та застосувань ШІ, що свідчить про те, що ці компанії не обмежують свою діяльність певною галуззю чи сферою діяльності. У п'ятірку кращих заявників входять Toshiba (5223), Samsung (5102) і NEC (4406). Державна корпорація Grid з Китаю увійшла в топ-20, збільшивши свої патентні заявки в середньому на 70 відсотків щорічно з 2013 по 2016 рік, особливо в техніці машинного навчання у біологічних сферах.

У деяких методах і областях найбільша кількість патентних заявок походить від компаній з високим ступенем спеціалізації і знань у цій галузі. Приклади включають Baidu, який займає високі позиції для глибокого навчання, Toyota і Bosch, які є ведучими в транспорті, і Siemens, Philips і Samsung в життєвих і медичних науках. Деякі відомі компанії, які не входять до числа провідних гравців у патентах, тим не менш ведуть в певних областях; до них відносяться Facebook і Tencent в мережах і соціальних мережах.

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

Китайські організації складають 17 з 20 провідних академічних гравців у патентуванні ШІ, а також 10 з 20 найкращих у наукових публікаціях, пов'язаних з ШІ. Китайські організації особливо сильні у формуванні техніки глибокого навчання. Провідним державним заявником дослідницької організації є Китайська академія наук (CAS), яка нараховує понад 2500 патентних сімей і більше 20000 наукових статей, опублікованих щодо ШІ. Крім того, CAS має найбільший глибинний портфель (235 патентних сімей). Китайські організації консолідують свою лідируючу позицію, оскільки патентні заявки зростали в середньому більш ніж на 20% на рік з 2013 по 2016 рік, дорівнюючи або перевищуючи темпи зростання організацій з більшості інших країн.

Науково-дослідний інститут електроніки та телекомунікацій Республіки Корея (ETRI) виділяється на другому місці за поданням патентів серед університетів і державних дослідницьких організацій і входить до числа 30 найбільших заявників патентів.

Є 167 університетів і державних дослідницьких організацій, які входять до числа 500 кращих заявників. З них 110 - китайські, 20 - США, 19 - Республіки Корея і 4 - Японії. Чотири європейські громадські дослідницькі організації входять до списку 500 кращих. Найвищою європейською інституцією є німецький інститут Фраунгофера, який посідає 159 місце, а французька Комісія з альтернативних енергій і атомної енергії (CEA) знаходиться на 185-му місці.

На доповнення даних дослідження ВОІВ [1] можна навести беліч прикладів використання штучного інтелекту у різних сферах веб-технологій, які широко комкнтуються в Інтернет-джерелах. Ось деякі з них.

Текстовий пошук. Google є однією з провідних компаній в ШІ і неможливо мати конкурентне рішення для пошуку сьогодні без обробки природних мов. RankBrain - це система штучного інтелекту для машинного навчання, яка допомагає Google обробляти деякі результати пошуку, зокрема рідкі або унікальні запити. Він був запущений на початку 2015 року і використовується глобально Google. [2]

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

Переклад. Перекладач Google був широко представлений NYT як один з лідерів першості застосування ШІ. Перекладач дебютував у 2006 році і з тих пір став одним з найнадійніших і найпопулярніших активів Google. Він обслуговує більше 500 мільйонів користувачів щомісяця, які потребують 140 мільярдів слів на день на іншій мові. Він існує не тільки як власна окрема програма, але й як інтегрована функція в Gmail, Chrome і багатьох інших пропозиціях Google.

Соціальні мережі. Один із дослідників інтелектуальної власності в Facebook сказав: «Facebook сьогодні не може існувати без ШІ. Кожен раз, коли ви використовуєте Facebook або Instagram або Messenger, ви можете це не зрозуміти, але ваш досвід живиться від ШІ».

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

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

Нова хвиля посилених ШІ асистентів - Apple's Siri, Facebook's M, Amazon's Echo - це всі системи машинного навчання, побудовані з намірами максимального задоволення потреб користувачів послугами прозорливого персонального помічника.

Інтелектуальний дизайн (ADI) один з напрямків використання ШІ. ADI це штучний інтелект, який використовує машинне навчання для виявлення і реалізації тенденцій веб-дизайну. Простіше кажучи, це технологія, яка може зробити сайти самостійно. Користувачі заявляють те, що вони хочуть, і ADI генерує персоналізований дизайн. Розвиток цього напрямку використання ШІ зайняв лише останні кілька років. Спеціальні платформи, такі як Bookmark і The Grid, з'явилися із вбудованою технологією дизайнерських помічників. Тим часом, сформовані гравці в будівництві сайту зробили подібні кроки. Wix випустив свій інтерфейс ADI в середині 2016 року і з тих пір спокійно розвивається, в той час як GoDaddy почав займатися генерацією веб-сайтів.

Індустрія штучного інтелекту продовжує демонструвати значне зростання. За оцінками Gartner, до кінця року загальний дохід індустрії штучного інтелекту збільшиться на 70%, досягнувши більш 1,2 триліонів доларів. Також було підраховано, що в 2019 році більше 40% організацій в світі будуть використовувати технологію штучного інтелекту для підвищення продуктивності і задоволеності клієнтів.

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

2. Технологія Блокчейн (Blockchain)

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

У 1991 році дерево Меркле було використано для створення «захищеного ланцюжка блоків» - серії записів даних, кожен з яких був з'єднаний з ним перед ним. Новітній запис у цьому ланцюжку міститиме історію всього ланцюжка. І, таким чином, був створений блокчейн.

У 2008 році Сатоші Накамато осмислював розподілений блокчейн. Він міститиме безпечну історію обміну даними, використовувати мережу однорангових вузлів для визначення часу та перевірки кожного обміну та може управлятися автономно без центрального органу. Це стало основою Bitcoin. І, таким чином, народився блокчейн, який ми знаємо сьогодні, а також світ криптовалют. [4]

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

Більшість криптовалют використовують технологію blockchain для запису транзакцій. Наприклад, мережа Bitcoin і мережа Ethereum обидва засновані на blockchain. 8 травня 2018 року Facebook підтвердив, що він відкриває нову групу блокчейн, яку очолить Девід Маркус, який раніше керував Messenger. За даними The Verge Facebook планує запустити власну криптовалюту для полегшення платежів на платформі.

Інтелектуальні контракти на основі Blockchain - це запропоновані контракти, які можуть бути повністю або частково виконані або реалізовані без взаємодії з людиною. Одна з основних задач інтелектуального контакту є автоматизоване депонування. Опитування персоналу МВФ показало, що розумні контракти, засновані на технології блокчейн, можуть знизити моральні ризики і оптимізувати використання контрактів в цілому. Але життєздатних систем розумних контрактів поки не з'явилося. Через відсутність широкого використання їх правовий статус неясний.

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

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

Деякі відеоігри засновані на технології blockchain. Перша така гра, Huntercoin, була випущена в лютому 2014 року. Інша blockchain гра CryptoKitties, запущена в листопаді 2017 року. Гра потрапила в заголовки новин в грудні 2017 року, коли криптокітливий персонаж - віртуальний вихованець в грі - був проданий за 100 000 доларів США. CryptoKitties проілюструвала проблеми з масштабованістю для ігор на Ethereum, коли створювала значне перевантаження в мережі Ethereum, оскільки близько 30% всіх транзакцій Ethereum доводилося на гру. Кріптокіти також продемонстрували, як блокчейни можуть використовуватися для каталогізації ігрових активів.

Альянс Blockchain Game Alliance був утворений у вересні 2018 роки для вивчення альтернативного використання блокчейнов у відеоіграх за підтримки Ubisoft і Fig, серед інших.

Технологія Blockchain може бути використана для створення постійної, відкритої, прозорої системи обліку для збирання даних про продаж, відстеження цифрового використання та платежів для творців контенту, таких як користувачі бездротового зв'язку або музиканти. У 2017 році, IBM співпрацює з ASCAP і PRS для музики прийняти blockchain технологію поширення музики.

Служба Mycelia Imogen Heap також була запропонована як альтернатива на основі блокчейна, яка дає художникам більший контроль над тим, як їх пісні і пов'язані з ними дані поширюються серед шанувальників і інших музикантів».

Walmart і IBM проводять пробне використання системи на основі Blockchain для моніторингу ланцюжка поставок - усі вузли Blockchain управляються Walmart і знаходяться в хмарі IBM.

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

Інші проекти включають:

Hyperledger - це міжгалузева спільна робота Linux Foundation по підтримці розподілених регістрів на основі блокчейна, при цьому проекти в рамках цієї ініціативи включають Hyperledger Burrow (від Monax) і Hyperledger Fabric (очолюваний IBM).

Quorum - дозволений приватний блокчейн від JPMorgan Chase з приватним сховищем, який використовується для контрактних додатків.

Tezos, децентралізоване голосування.

Proof of Exsence - це онлайн-сервіс, який перевіряє наявність комп'ютерних файлів на певний час.

3. Технологія анімованого інтерфейсу користувача

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

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

Можна самостійно анімувати різні елементи сторінки або ж скористатися Motion UI. Це бібліотека для створення плавних переходів і анімацій на Sass, що вийшла з сімейства Foundation. [5, 6]

По суті, ця бібліотека це набір плавних переходів і анімації, який Foundation використовує для посилення різних компонентів (таких як елементи Reveal, Toggler і Orbit).

Один з найпростіших способів використовувати дану бібліотеку це заздалегідь підготовлені класи. Однак, Motion UI дозволяє експериментувати та створювати свої власні переходи за допомогою різних Sass і їх налаштування.

Бібліотеку також можна використовувати для створення власних анімацій і ефектів, використовуючи різні Sass міксини.

Як допомогу в обробці переходів і анімації з Motion UI йде також невеликий JS плагін. Основне його завдання це дозволити запускати переходи динамічно і обробляти подію завершення переходу.

4. Технологія спливаючих (push-) повідомлень

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

Пуш-повідомлення - це короткі повідомлення, які веб-ресурс розсилає своїм передплатникам на комп'ютери і мобільні пристрої. Такі повідомлення повертають користувача на сайт, який він уже відвідував (причому роблять це набагато ефективніше, ніж контекстна реклама або будь-який інший вид масових розсилок). Технічні можливості push-розсилок дозволяють розробляти більш продуктивну і «чуйну» до поведінки користувача маркетингову стратегію. [7]

Пуш-повідомлення з'являється поверх всіх розкритих вікон і затримується на екрані десктопного пристрою певну кількість часу. Для Windows 10 і MacOS push-повідомлення після відображення на екрані переходять в Центр нотифікацій, де їх можна переглянути пізніше. На мобільні пристрої (наприклад, на ОС Android) пуші приходять навіть при закритому браузері.

Користувач самостійно підписується на пуш-розсилку. Процедура підписки максимально спрощена: здійснюється в один клік по кнопці «Дозволити» в сервісному вікні браузера (на сайтах https), або в два кліка (на сайтах http).

Вікно підписки в браузері з'являється автоматично при відвідуванні на сайті клієнта push-сервісу. Користувач вибирає потрібну йому опцію у вікні: дозволити або блокувати показ повідомлень. Якщо він натискає «Дозволити», то стає передплатником на push-повідомлення від сайту.

Передплатнику не потрібно повідомляти свої особисті дані (номер телефону, електронна адреса та іншу інформацію, яка потрібна, наприклад, при підписці на розсилку email, sms або Viber).

Проста процедура і відсутність необхідності надавати дані про себе (а багато користувачів не поспішають ділитися «особистої» інформацією) стають першим кроком до формування позитивної взаємодії з передплатником. Часто користувач погоджується на підписку в нативному вікні браузера імпульсивно. Якщо в подальшому одержувані їм пуші будуть цікавими і актуальними - він не стане відмовлятися від підписки.

Структура push-повідомлення: тема (основна тема повідомлення) - до 65 символів; текст повідомлення - до 240 символів; посилання на задану відправником сторінку веб-ресурсу; картинка.

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

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

Зручність спливаючих повідомлень у використанні та доступність будуть продовжувати впливати на їх актуальність у цьому році і далі.

5. Технологія прогресивних веб-додатків (PWA)

Progressive Web Apps (PWA) Google анонсував ще в 2015 році. Цей формат створення мобільних сайтів привернув увагу завдяки відносній простоті розробки і майже миттєвого взаємодії з користувачем. Уже в травні 2016 на конференції розробників Google продемонстрував свій мобільний гібридний сайт-додаток. [9]

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

PWA відрізняються від від класичних додатків. По-перше, у браузерах Google, Opera, Firefox і Microsoft PWA можна завантажити на будь-яких гаджетах, незалежно від розміру екрану і інших специфікацій. Крім того, розробники даних браузерів будуть пропонувати користувачам встановити PWA при другому відвідуванні сайту. По-друге, розробники додатків зазначають, що створити прогресивне додаток легше і швидше, ніж звичайний сайт. По-третє, не потрібно API з підтримкою зворотної сумісності. У випадку з PWA користувачі запускають ту ж версію коду сайту (на відміну від класичних додатків).

Ця технологія має великі перспективи для розвитку та поширення. Microsoft вже займається вирішенням завдання, як додати прогресивні веб-додатки в Windows Store. Google в травні 2016 озвучив довгий список ідей для розвитку прогресивних додатків. І те, що пошукові системи будуть приділяти особливу увагу PWA в майбутньому, представляється неминучим.

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

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

По-перше, користувачі можуть переходити на PWA з посилань в соцмережах, під час перегляду веб-сторінок або безпосередньо з видачі. Це набагато зручніше, ніж конкурувати за перегляди з двома мільйонами доступних додатків на IOS App Store або Google Play Store.

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

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

В-четвертих, PWA значно менші за розміром, так як вони ефективно використовують можливості браузера.

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

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

Однак, PWA мають певні недоліки

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

По-друге, натепер прогресивні веб-додатки не доступні повсюдно. Так, Chrome і Opera почали підтримку прогресивних Web Apps. Firefox і Microsoft взяли на себе зобов'язання щодо підтримки. Поки намірів щодо підтримки цього формату немає тільки у Apple.

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

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

6. Технологія адаптивності веб-сайтів

Одною з найпопулярніших проблем у колах веб-розробників продовжує залишатись доступність веб-сайтів на різних пристроях, окрім стандартних екранів настільних ПК або ноутбуків. [10, 11] Незважаючи на те, що тема не є новою, вона взяла на себе відносно новий підхід щодо того, як вирішувати майбутні можливості.

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

RWD. Фраза «Responsive Web Design» була придумана кілька років назад Етаном Маркотт і вперше представлена в його статті «Responsive Web Design». Адаптивний дизайн веб-сайту починається з основного завдання по включенню CSS3, медіазапитів, правила @media і плавних сіток, для створення яких використовуються відсотки та гнучка основа. Ці ключові моменти, а також використання EMs, гнучких зображень та гнучких відео дозволяють адаптивному веб-сайту адаптувати свій вид до користувацького пристрою перегляду агенту і середовищу.

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

AWD. Фраза «Adaptive Web Design» був придуманий Аароном Густафсоном, який написав книгу з тією ж назвою. Вона по суті використовує багато компонентів прогресивного вдосконалення (PE) як спосіб визначення набору методів проектування, які фокусуються на користувачеві, а не на браузері. Використовуючи попередньо визначений набір розмірів макетів на основі розміру екрана пристрою, а також CSS і JavaScript, підхід AWD адаптується до виявленого пристрою.

Три шари прогресивного вдосконалення: шар вмісту - багата семантична розмітка HTML; презентаційний шар - CSS і стиль; шар сценаріїв на стороні клієнта - поведінка JavaScript або jQuery.

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

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

Прикладом веб-сайту, який використовує AWD, буде Screaming Frog, агентство з маркетингу пошукових систем, яке використовує @media query та @media екранні властивості у своєму CSS для встановлення точок зупинки при заданій ширині пікселів залежно від пристрою, розпізнаного у вікні браузера.

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

Висновки

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

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

Посилання

1. WIPO Technology Trends 2019 Artificial Intelligence h [Internet]. Geneva: WIPO; 2019. 158 p. Available from: https://www.wipo.int/edocs/pubdocs/en/wipo_pub_1055.pdf.

2. SeoLabs. RankBrain -- искусственный интеллект поиска Google [Інтернет]. SeoLabs, 2018. Доступно на: https://seo-labs.com.ua/news/RankBrain___iskusstvennyj_intellekt_poiska_Google.html.

3. Рассел Стюарт, Норвиг Питер. Искусственный интеллект: современный подход. 2-е изд..: Пер. с англ. М.: Издательский дом «Вильямс», 2006. 1408 с.

4. Артем Генкин, Алексей Михеев. Блокчейн. Как это работает и что ждет нас завтра. Альпина Паблишер, 2018. 592 с.

6. Nick Babich. 3 Key Uses for Animation in Mobile UI Design [Інтернет]. Feb 19, 2017. Available from: https://uxplanet.org/3-key-uses-for-animation-in-mobile-ui-design-4d7c482dd84b.

7. Preston Pierce. Preston Pierce UI Animation - An Ideal Tool for Immersive UX. UX MAGAZINE, February 12, 2016. Available from: https://uxmag.com/articles/ui-animation-an-ideal-tool-for-immersive-ux.

8. Matt Gaunt. Web Push Book [Інтернет]. Available from: https://web-push-book.gauntface.com/downloads/web-push-book.pdf.

9. Jem Space. Progressive Web Apps? --? cледующий шаг в разработке веб приложений [Інтернет]. Jem Space, 4 FEBRUARY 2018. Available from: http://jem-space.ru/progressive-web-apps-novyi-shagh-v-razrabotkie-vieb-prilozhienii.

10. Wikipedia, the free encyclopedia. Adaptive web design [Інтернет]. 24 February 2019э. Available from: https://en.wikipedia.org/wiki/Adaptive_web_design.

11. Вікіпедія -- вільна енциклопедія. Адаптивний веб-дизайн. 24 листопада 2017. Доступно на: https://uk.wikipedia.org/w/index.php?title=Адаптивний_веб-дизайн&oldid=21502169.

1. Технологія штучного інтелекту

2. Технологія Блокчейн (Blockchain)

3. Технологія анімованого інтерфейсу користувача; 4. Технологія спливаючих (push-) повідомлень



5. Технологія прогресивних веб-додатків (PWA); 6. Технологія адаптивності веб-сайтів

Размещено на Allbest.ru

...