Приложение для мобильных устройств и Push-уведомления

2069

Друзі, радий нарешті представити вашій увазі оновлення нашого сайту, що вже давно готувалося.

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

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

Застосунок

Почати я вирішив із головного. Найчастіший запит, пов’язаний з «мобільною» частиною сайту – мобільний застосунок (додаток).

Скажу чесно — сам я зазвичай користуюся мобільними версіями сайтів замість встановлення програм. Хоча запит мені зрозумілий, проте коштів і сил на розробку окремого додатку, на жаль, не вистачає. Тому було вирішено знайти компроміс: замість додатку Альфа Центавра, що встановлюється з магазину, ми перетворили наш сайт на Progressive Web App — різновид веб-додатків. По суті сайт «встановлюється» на ваш смартфон або планшет і підвантажує тільки необхідну інформацію.

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

На Android

  • Якщо ви відкрили наш сайт через браузер, у нижній частині екрана клацніть на клавішу «Встановити». Додаток буде додано на ваш робочий стіл.
  • Якщо клавіші “Встановити” знизу немає, клацніть по клавіші “опції” біля адресного рядка браузера. І виберіть у меню «Додати на домашній екран»:
Так це виглядає на веб-сайті Starbucks. Ту ж картину має бути видно і на нашому сайті.

На iOS

Відкрийте наш сайт через браузер Safari (на жаль, підтримується лише він). Клацніть по клавіші «Поділитися». Гортайте опції вниз і знайдіть пункт «Додати на домашній екран». Введіть бажане ім’я програми та підтвердіть вибір.

Після виконаних дій і на Android- і на iOS-пристрої у вас з’явиться іконка нашої програми. При кліку по ній ви тепер зможете взаємодіяти з сайтом: входити в профіль, читати та залишати коментарі, писати свої матеріали та переглядати дописи інших користувачів. Але головне, ви зможете отримувати Push-сповіщення.

Сповіщення

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

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

Отже, підписатися на повідомлення можна двома способами: прямо в меню сайту в додатку (викликається кліком по іконці трьох смужок праворуч зверху) або просто в браузері. Ви побачите там червону кнопку «Push-сповіщення», після натискання на яку браузер попросить вас підтвердити свій вибір. Щойно ви це зробите – відразу будете додані до бази наших користувачів.

Я дуже рекомендую спершу встановити наш застосунок у вигляді Progressive Web App на робочий стіл смартфона, залогінитися в ньому (це робиться буквально в два кліки). І тільки після цього підписуватись на повідомлення: у такому випадку ваш пристрій буде прив’язано до вашого облікового запису і ви отримуватимете повідомлення не тільки про нові матеріали, а й ті, які стосуються конкретно вашого профілю: щодо вподобайок, коментарів та відповідей.

Якщо ви раптом підписалися на повідомлення, не будучи при цьому залогіненими, не біда: просто виконайте вхід, зайдіть в налаштування профілю і клацніть по кнопці «Включити/Перевірити Push-сповіщення». У результаті ваш браузер/девайс буде повторно прив’язаний до вашого особистого облікового запису.

Читати повідомлення не обов’язково, їх можна просто «свайпати» убік та залишати на потім. При цьому, якщо ви позначите повідомлення прочитаними в програмі, вони автоматично пропадуть із центрів сповіщень ваших пристроїв.

Які сповіщення ми надсилаємо і як часто?

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

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

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

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

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

Залишайтеся на зв’язку, будемо сповіщати вас про космічні справи та події!

24 Comments

Show All

Please, into your profile to comment posts, make bookmarks and rate other users. It takes two clicks to create a profile or log in.

Вер 12, 2022 12:12

Це – потужно!

Вер 12, 2022 13:12

Швидкість завантаження зросла, але недостатньо для мобільного інтернету. Оптимізуйте графіку будь-ласка, бо довго вантажиться

Вер 12, 2022 15:23

повільно завантажуються саме зображення?

Вер 12, 2022 15:20

Прокрастинационная кнопочка загрузить ещё в разделе свежее скрыта шторкой приложения, пофиксите пж)

Вер 12, 2022 15:23

Хм, она вроде бы должна при прокрутке на мобильных устройствах автоматически нажиматься. А можете пожалуйста сделать скриншот и загрузить куда-то, чтобы я быстрее разобрался и исправил проблему? Спасибо!

Вер 12, 2022 17:45

Контент видалено за запитом автора

Вер 14, 2022 15:24

https://ibb.co/nR5Z4gX
Вот. Автоматом не нажимается. Смартфон Redmi Note 8t, открывается приложение чем-то “на движке firefox”, я не уверен, связанно ли это с тем что у меня установлен firefox как основной браузер или это встроенные средства смартфона

Вер 12, 2022 20:03

сомневаюсь что так должно быть.
во всем остальном приложение работает коректно за что большое спасибо.

https://mega.nz/file/DxEQyRJR#AiSszE2lHDFfPSlsFhwF7neujrm8WTnjZyfoplgW-lE

https://mega.nz/file/K8FCQZpQ#XA_S25-wnUITpoEDiiNArf0SzPhLvtyvT-iY4B6cUjY

Вер 12, 2022 20:04

Благодарю, будет исправлено уже завтра к полудню 🙂

Вер 12, 2022 22:19

Вёрстку вроде бы исправил

Вер 12, 2022 22:27

У меня все по прежднему

Вер 12, 2022 21:56

Мій внутрішній перфекціоніст трохи кричав поки я читав)
Текст “прижатий” до лівого краю екрану. А так хочеться щоб був на всю ширину екрану 🙂

Вер 12, 2022 22:20

Маєте на увазі розміщення тексту по ширині, чи малий відступ зліва?