На головну

Мобільний застосунок — уже зараз у вашій кишені

Поки офіційний додаток для AppStore і Google Play в розробці, Otto's River уже працює як повноцінний застосунок на вашому телефоні. Додайте сайт на головний екран — і отримаєте швидкий запуск однією іконкою, повноекранний інтерфейс без браузерної панелі, кеш улюблених завдань і відчуття справжнього застосунку. Без обов'язкового встановлення зі сторів, без зайвих дозволів, без сюрпризів.

Працює як PWA · Нативний додаток в розробці
Чому PWA

Чому ми обрали PWA до офіційного релізу

Шлях у AppStore чи Google Play — це окрема історія, яка займає місяці: код під native-фреймворк, тестування, ревью модераторів, окремий релізний цикл для оновлень, відсотки сторам із кожної транзакції. Усе це варто робити правильно й коли продукт готовий — а не поспіхом і не «щоб мати галочку». Тому до моменту, коли нативний додаток вийде гідним свого імені, ми вирішили дати вам мобільний застосунок іншим шляхом — через PWA.

PWA (Progressive Web App) — це сучасна технологія, яка дозволяє звичайному сайту перетворитися на повноцінний застосунок на вашому телефоні: окрема іконка на головному екрані, запуск без панелі браузера, кеш для миттєвого відкриття, інтеграція з системою. Для користувача різниця з нативним додатком майже непомітна — особливо для платформи на кшталт Otto's River, де основна робота — це читання, інтерактивні завдання й короткі сесії практики.

Понад те, є кілька речей, у яких PWA об'єктивно зручніший за нативний додаток. Установлення триває секунди, а не хвилини. Оновлення приходять автоматично, без вашої участі й без черги на ревью у сторі. Не треба нічого «дозволяти», окрім очевидних речей (мікрофон для практики вимови — і все). Місця на телефоні займає мінімум. І найголовніше — ви точно знаєте, що вам показують той самий контент, що й на сайті, без прихованих маркетингових надбудов.

iOS · iPhone / iPad

Як установити на iPhone або iPad

Працює в браузері Safari (саме в Safari — інші браузери на iOS наразі не підтримують встановлення PWA через обмеження Apple). Уся процедура займає близько 30 секунд.

  1. 01
    Відкрийте ottosriver.com у Safari
    Якщо ви читаєте цю сторінку з іншого браузера на iPhone — скопіюйте посилання й відкрийте його в Safari. Інакше Apple не дозволить додати сайт на головний екран.
  2. 02
    Натисніть кнопку «Поділитись» унизу екрану
    Це квадратик зі стрілкою, що дивиться вгору — стандартна іконка iOS, у центрі нижньої панелі Safari.
  3. 03
    Прокрутіть і оберіть «На екран Початку»
    У меню «Поділитись» з'явиться список дій. Вам потрібен пункт із піктограмою плюса й квадратика — «На екран Початку» («Add to Home Screen»).
  4. 04
    Натисніть «Додати» у правому верхньому куті
    iOS покаже превʼю іконки й заголовка — за потреби можете перейменувати, але краще залишити «Otto's River». Натисніть «Додати».
  5. 05
    Готово — Otto's River на вашому екрані
    Іконка з'явиться на головному екрані. Тапайте — застосунок відкриється в повноекранному режимі, без рядка адреси й вкладок Safari.

💡 Підказка: Якщо у вас увімкнено iCloud, іконка автоматично з'явиться на головному екрані всіх ваших iOS- та macOS-пристроїв.

Android

Як установити на Android

Працює в Chrome (рекомендовано), а також у більшості сучасних браузерів — Firefox, Edge, Samsung Internet. У всіх логіка майже однакова, відрізняється тільки розташування пункту меню.

  1. 01
    Відкрийте ottosriver.com у Chrome
    Інші браузери на Android теж підтримують PWA, але в Chrome шлях найкоротший і найзвичніший — рекомендуємо саме його.
  2. 02
    Натисніть три крапки у правому верхньому куті
    Це меню Chrome. У ньому зібрані всі додаткові дії — від «Нової вкладки» до «Налаштувань».
  3. 03
    Оберіть «Установити застосунок» або «Додати на головний екран»
    Формулювання може трохи різнитися залежно від версії Chrome — обидва варіанти ведуть до одного результату.
  4. 04
    Натисніть «Установити» у вікні, що з'явиться
    Chrome покаже превʼю іконки. Підтвердіть — і застосунок установиться. Деякі версії Android при цьому навіть створять записів у списку додатків системи.
  5. 05
    Готово — Otto's River на вашому головному екрані
    Запускайте з іконки — застосунок відкриється в повноекранному режимі, ніби це справжній нативний застосунок.

💡 Підказка: Якщо Chrome автоматично запропонує «Установити застосунок» у банері — погоджуйтесь, це той самий процес у вигляді одного тапу.

Чому PWA — не «костиль»

Що ви отримуєте вже сьогодні

PWA — це не «тимчасова заглушка, поки нативний додаток вийде». Це окрема технологія зі своїми сильними сторонами, які в деяких сценаріях кращі за нативний застосунок. Ось чотири головні з них.

Установлення за 30 секунд
Не треба чекати на завантаження зі стору, не треба передплачувати акаунт у AppStore чи Google Play. Кілька тапів — і застосунок у вас на екрані.
Оновлення без вашої участі
Кожного разу, коли ми викочуємо нову версію платформи, ви автоматично отримуєте її при наступному запуску застосунку. Жодних «оновіть, щоб продовжити».
Працює навіть без інтернету
Вже відкриті уроки, прогрес, базовий інтерфейс — усе кешується. Якщо ви на хвилину втратили зв'язок, застосунок не «помре» — продовжуйте працювати.
Без зайвих дозволів
Нативні додатки часто просять доступ до камери, контактів, геолокації «про всяк випадок». PWA отримує мінімум — і тільки те, що дійсно потрібно для роботи (наприклад, мікрофон для тренування вимови).
Що далі

Що дасть офіційний додаток

Над нативним додатком ми вже працюємо — і він точно з'явиться в AppStore та Google Play. Не «замість» PWA, а «на додаток». Бо є речі, які тільки нативний додаток робить добре:

Push-сповіщення
Нагадування про дедлайн домашки, повідомлення вчителя, новини класу — усе прилітає на ваш екран блокування навіть коли застосунок закритий.
Біометричний вхід
Face ID, Touch ID, відбиток пальця — швидший і безпечніший спосіб увійти, особливо для дітей-учнів, які не люблять довгі паролі.
Повний офлайн
Не тільки кеш сторінки, а весь набір ваших активних завдань заздалегідь — щоб у літаку, метро чи селі без зв'язку ви займались без жодного компромісу.
Глибока інтеграція з системою
Віджети на головний екран із статистикою прогресу, інтеграція з «Здоров'ям» / Apple Watch для трекінгу часу занять, шорткати з 3D Touch — все, що дає тільки нативний код.

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

Часто запитують

Питання про мобільний застосунок

Чи може PWA повністю замінити нативний застосунок?

Для більшості сценаріїв Otto's River — так. Читання правил, проходження квізів, перегляд відео-уроків, робота з картками й тренажерами — усе це працює в PWA нічим не гірше, ніж буде в нативному застосунку. Різниця починається там, де потрібні push-сповіщення, повний офлайн або інтеграція з системою — це поки що тільки нативний шлях.

А якщо я очищу кеш браузера — я втрачу прогрес?

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

Чи можна додати PWA через інший браузер на iPhone?

На iPhone — ні. Apple обмежує можливість встановлення PWA винятково через Safari. На Android — будь-який сучасний браузер (Chrome, Firefox, Edge, Samsung Internet, Opera) дозволяє додати сайт на головний екран із трохи різним меню, але однаковим результатом.

Чи буде PWA вимагати постійного інтернету?

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

Коли вийде офіційний додаток для AppStore і Google Play?

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

На які пристрої буде нативний додаток?

iOS 14+ для iPhone і iPad. Android 9+ для смартфонів і планшетів. Конкретні мінімальні версії фіналізуємо ближче до релізу — але старе обладнання ми не плануємо «відрізати»: PWA в Safari / Chrome працює навіть на досить старих пристроях, і це наш план Б для тих, кому не доступний нативний шлях.

Чи буде нативний додаток платним?

Сам застосунок — безкоштовний (як і PWA, як і сайт). Те, як працюватимуть тарифи всередині — описано на сторінці тарифів. Коротко: безкоштовний рівень — буде, платний — теж, без сюрпризів між «безкоштовно» і «зненацька доведеться платити».

Як оновити PWA, якщо я бачу старий інтерфейс?

Зазвичай оновлення приходять автоматично при наступному відкритті застосунку. Якщо щось залипло — найшвидший спосіб: повністю закрити PWA з переліку запущених застосунків, потім відкрити заново. Якщо й це не допомогло — видалити іконку з головного екрану й повторити встановлення (ваш прогрес залишиться, бо він зберігається на серверах, а не локально).