Подводные грабли разработки приложений для SmartTV
Программирование для webOS, инструменты разработки, документация, обмен опытом
Сообщений: 2 • Страница 1 из 1
Подводные грабли разработки приложений для SmartTV
comrat » 19 сен 2018, 22:11
Подводные грабли разработки приложений для SmartTV
iy2opoxjxlendozajpei-1xwvnc.png (108.87 КБ) Просмотров: 9998
Примечание
Данная статья является по сути копией соответствующей статьи на хабре и публикуется самим автором оригинальной статьи. В данной статье описывается полезный инструмент для разработки для SmartTV в целом и для webOS в частности.
Вступление
Привет, webOS Forum!
Уже давно была идея написать статью о проблемах SmartTV разработки, но по ходу погружения в эту область, мы изобрели свой велосипед, который помогал нам эти проблемы решать. Поэтому, в данной статье, мы не только осветим некоторые проблемные моменты SmartTV разработки, но и расскажем о том как их решить с помощью нового фреймворка PureQML.
Как сделать ANDROID приложение за 10 минут! Сможет каждый :3
Зоопарк
Начнем с того, что в природе существует множество SmartTV платформ и многие из них заточены для запуска web приложений. Отсюда может появиться иллюзия, что достаточно один раз написать код и использовать его на всех платформах. Но на деле все платформы имеют некоторые отличия, которые приходится учитывать. Среди таких особенностей можно выделить следующие:
- Обработка нажатий кнопок дистанционного пульта . Не все производители используют одинаковые кейкоды для одних и тех же кнопок пульта. В качестве примера, можно сравнить кей коды для платформы orsay и webos. Для tizen же надо явно регистрировать некоторые кнопки для дальнейшего использования.
- Видеоплеер . Во многих платформах поддерживается html5 video плеер, но, к примеру, для tizen используется AVPlay, а для orsay используется собственное API для работы с нативным плеером.
- Информация о девайсе . Получение информации об устройстве в каждой платформе также реализовано по разному, в NetCast создается специальный объект со особым id-шником, в других случаях используются специфические для каждой платформы методы.
- Фокус .SmartTV приложение в первую очередь ориентировано на управление пультом, а следовательно UI/UX должны быть реализованы с учетом использования навигационных кнопок: вверх, вниз, вправо, влево, ОК и назад, при этом важно не терять фокус и явно обозначать, где он сейчас находится.
Установка
Опять же из-за многообразия платформ, процесс установки приложений на сами устройства для отладки также отличается. К примеру, для AndroidTV можно воспользоваться adb, на tizen есть свой аналог — sdb, для webOS специальные CLI скрипты и т. д. Каждый из этих инструментов нужно устанавливать и настраивать. Сюда же можно добавить проблему интенсивного обновления платформ, с сопутствующим обновлением SDK и IDE. В качестве примера такой проблемы можно привести случай с Tizen Studio. Скачав самую последнюю версию, вы сможете устанавливать приложения только на телевизоры TV-samsung tv4, при этом нет простого способа установить приложение на более ранние версии телевизоров, коих в природе сейчас значительно больше (если вдруг столкнулись с этой проблемой см. ссылку) и даже после успешного танца с бубном, IDE теряет возможность устанавливать приложения на телевизоры TV-samsung tv4 ¯_ (ツ) _/¯
Модерация
Для публикации приложения необходимо пройти модерацию у соответствующего производителя, и у каждого из них свои правила и особенности. В данном случае необходимо набраться терпения, т. к. приложения могут держать на проверке не одну неделю и это следует учитывать при планировании сроков, т. е. приложение нужно публикова заблаговременно до релиза (если вдруг переживаете, что приложения появится раньше каких-либо маркетинговых мероприятий — не бойтесь, при отправке на модерацию есть пункт, в котором вы можете указать дату, раньше которой публиковать приложение не будут).
Также надо быть готовым к тому, что причиной отказа может оказаться любая мелочь, например, ошибочный ответ в self чеклисте (список вопросов, на которые должен ответить разработчик перед отправкой приложения, например: “содержит ли Ваше приложение вирусы” и т. п.) или из-за недопонимания в описании UX приложения. Может дойти и до курьезных ситуаций, например, был случай, когда завернули приложение со стримингом телеканалов, из-за того, что приняли бегущую строку в эфире одного из каналов за артефакт графики, приняв ее за часть OSD.
AndroidTV /* код обработчика */ >
Код: Выделить всё VideoPlayer width: 100%;
height: 100%;
autoPlay: true;
source: «http://media.w3.org/2010/05/bunny/movie.mp4»;
>
Код: Выделить всё Device
Урок Как Создать Приложение Онлайн ТВ + 7500 каналов
onBackPressed: if (osd.active)
osd.toggleActive ()
else
_globals.closeApp ()
>
В данном коде добавили обработку нажатия кнопок «Select» и «Back», при нажатии первой включаем/выключаем OSD (тот, что с картой и точкой местоположения станции) при нажатии «Back», если открыт OSD закрываем его, если он закрыт, то закрываем само приложение.
Конечный результат можно увидеть на видео:
Заключение
В итоге PureQML неплохо показал себя в качестве инструмента для разработки SmartTV приложений, мы и сами интенсивно пользуемся им для этих целей.
Если у вас появились вопросы или хотите больше статей про SmartTV разработку или PureQML — пишите в комментариях или на телеграм канал, постараемся на все ответить.
Спасибо за внимание! =)
Источник: webos-forums.ru
Гид по разработке приложений для Android TV
Вы знали, что у 99% жителей России дома есть телевизор? Даже если кто-то говорит вам, что он не смотрит новости и вечерние телешоу, у него все равно есть телевизор в квартире. В 2022 году телевизор — это не только про сериалы. С его помощью можно смотреть Netflix, играть в приставку и даже слушать музыку. По аналогии с телефонами, у телевизоров есть свои операционные системы, и Android TV — одна из них.
Время чтения: 6 минут
В интернете есть множество статей про разработку приложения для Android TV с точки зрения программистов, но нет ни одного материала для стартаперов. Мы в Purrweb решили исправить это и создали подробное руководство. Рассказываем все, что нужно знать, чтобы запустить надежное приложение для Android TV на React Native , если вы стартапер, и не говорите на языке разработчиков. Плюс, открываем завесу тайны о ценах и сроках. Добро пожаловать!
Подождите, а что такое Android TV?
Не секрет, что сейчас технологии эволюционировали до такой степени, что в телевизор можно загружать приложения, транслировать музыку, играть в игры и смотреть Netflix — все функции в одной небольшой (или большой) коробке. Отчасти это стало возможным благодаря технологии Smart TV, которая соединила телевизоры с интернетом через Wi-Fi, и открыла мир новых возможностей для пользователей. В результате этого на рынке разработки приложений для стартаперов появилась новая большая ниша.
В 2014 году Google запустила собственную операционную систему для телевизоров, цифровых медиаплееров, телевизионных приставок и звуковых панелей — Android TV. Она автоматически интегрирована в телевизоры с технологией Smart TV, которые производят все современные гиганты: например, SONY, Philips или LG. После этого релиза количество запросов на разработку приложений для Android TV начало расти в геометрической прогрессии.
Миллионы потенциальных пользователей
В 2022 году телевизоры распространены примерно так же, как и смартфоны. Если коротко: они есть практически у каждого. Согласно исследованиям https://www.statista.com/statistics/1107844/access-to-smart-tv-in-households-worldwide/
, у 58% взрослых американцев есть телевизор с технологией Smart TV. Между прочим, это чуть больше, чем 109 миллионов человек, которых вы потенциально можете охватить своим приложением на англоязычном рынке. В среднем американцы проводят https://www.statista.com/chart/15224/daily-tv-consumption-by-us-adults/
у телевизора более 4 часов в день. Те же цифры можно увидеть и в Великобритании — у 73% опрошенных есть умный телевизор в доме, и другие страны, такие как Германия, Швеция, Дания, не сильно отстают.
Android TV — это новый многообещающий рынок с большим простором для творчества. Вы можете придумать и воплотить в жизнь любое решение: стриминговое приложение, приложение для медитации или игру. Но, важно понимать, что разработка приложений для Android TV отличается от приложений для смартфонов. Есть несколько пунктов, которые важно учитывать при проработке дизайна и функционала.
READ MORE UX дизайн и жажда получить $1,000,000 из крипты. Кейс Purrweb
Особенности дизайна и ключевых функций
И смартфоны, и технология Android TV требуют от пользователя определенного уровня вовлеченности: нужно зайти в приложение, смотреть на экран, нажимать на иконки и так далее. Но способ взаимодействия человека и телевизора отличается от того, как мы пользуемся смартфонами. Например, мы сидим гораздо дальше от экрана и управляем пультом, а не пальцем. Учитывая эти факторы, мы составили список из 5 вещей, о которых нужно знать, прежде чем планировать свое приложение для Android TV.
Ориентация и размер элементов
Во-первых, в разработке под Android TV нужно учитывать другой размер экрана и большее расстояние между пользователем и устройством. Представьте, когда мы смотрим телевизор, мы обычно сидим на диване примерно в 1,5 метрах от экрана. Поэтому все шрифты, значки и другие элементы должны быть больше, чем на экране телефона. Во-вторых, приложения для Android TV показываются на экране горизонтально. Это тоже следует учитывать при проектировании навигации и компоновке элементов.
Дистанционное управление
Никто не хочет вставать каждый раз, когда ему нужно увеличить громкость или переключиться между приложениями. Вот почему мы рекомендуем вам добавить в свое приложение сенсорный или голосовой вход.
Поиск и навигация
Пользователи, которые проводят весь день со смартфоном в руке, привыкают к горизонтальной ориентации экрана. Поэтому, когда в конце дня мы включаем телевизор, нашему мозгу нужно время, чтобы перестроиться. Мы рекомендуем делать приложение интуитивно понятным и максимально простым в навигации. Например, пользователи всегда должны понимать, на какой странице они находятся в данный момент, какой элемент выбран и как сделать шаг назад.
Рекомендации по контенту
Эта функция поможет вам повысить вовлеченность пользователей — чем шире библиотека контента, тем дольше они остаются в приложении.
Тестирование на реальном устройстве
Для Android TV вдвойне важно, чтобы тестирование проводилось параллельно с разработкой приложения. Необходимо заранее найти все потенциальные баги и убедиться, что решение будет безупречным еще до релиза.
READ MORE Как мы за полгода разработали 4 приложения и одну админку для ночного клуба
Как найти для разработчика для Android TV?
Smart TV — это относительно новая технология, которая требует глубокого понимания поведения пользователя и технической составляющей. Поэтому, когда вы ищете разработчика для создания приложения для Android TV, обратите внимание на его опыт, портфолио и отзывы предыдущих клиентов.
Еще один совет от нас: работайте с компанией, а не с фрилансерами. Разработка приложений для Android TV включает в себя несколько параллельных этапов: UX/UI дизайн, API, тестирование и управление проектами — лучше, когда они выполняются одной командой с налаженной коммуникацией, а не отдельными специалистами.
Подойдет ли React Native для разработки приложения для Android TV?
Если говорить коротко, то да. React Native отлично подходит для разработки приложений для Android TV. Для владельцев стартапов есть 4 ключевых преимущества работы с этим фреймворком: кросс-платформенная разработка, нативные элементы, высокая производительность и поддержка сообщества.
1. Кросс-платформенность
Главное преимущество React Native — общая кодовая база для разных операционных систем и мост (bridge), который соединяет их между собой. Для владельцев стартапов, это означает, что вы можете разработать один компонент для приложения Android TV на React Native , и он будет плавно работать на других устройствах со Smart TV. Плюс, это делает процесс разработки быстрее (и дешевле, поскольку работа команды обычно оплачивается по часам). Кроме того, в будущем вы можете быстро превратить свое решение в приложение Apple TV без головной боли и приумножить свою аудиторию.
2. Нативные элементы
React Native использует нативные API, поэтому в приложении будут использоваться нативные компоненты и оно будет вести себя как нативное. И по времени это будет значительно быстрее, чем нативная разработка под Android TV .
READ MORE Резать скоуп и фиксить баги в чужом API на лету: как мы справились за два месяца с проектом, на который требовалось не меньше трех
3. Высокая производительность
Фреймворк взаимодействует с нативными компонентами через тот самый мост, поэтому производительность получается быстрой и плавной. Это поможет вам сосредоточиться на тестировании и проектировании UX/UI дизайна, вместо оптимизации производительности. Кроме того, в React Native есть функция быстрой перезагрузки (Hot Reload), которая позволяет найти, отследить и закрыть ошибки в режиме реального времени, без переписывания всего кода.
4. Поддержка сообщества
React Native — популярный фреймворк среди разработчиков со всего мира. В интернете существует множество групп, которые поддержат вас и помогут с любой проблемой, которая возникнет во время разработки.
Цены и сроки
Мы знаем, что планирование бюджета очень важно для стартапов на ранней стадии. Поэтому, без лишних слов, рассказываем, сколько в среднем стоит создать приложение для Android TV и сколько времени занимает этот процесс.
В Purrweb мы обычно начинаем с создания MVP — минимально жизнеспособного продукта. Это первая полнофункциональная версия вашего решения, которую можно использовать, чтобы протестировать идею, собрать фидбек и найти инвестиции. Разработка MVP, в среднем, занимает 3 месяца. Это означает, что через 3 месяца после нашей первой встречи у вас будет готовый качественный продукт. Оценить примерную стоимость вашего приложения можно с помощью нашего калькулятора .
Свяжитесь с нами через форму ниже, чтобы получить оценку вашего приложения для Android TV!
Подведем итоги
В настоящее время умные телевизоры так же популярны, как и смартфоны, а разработка приложений для Android TV — это новый и динамичный рынок для стартаперов. Только в США проживает 109 миллионов человек, которых вы потенциально можете охватить своим приложением, не говоря уже о других странах, например, Великобритании, Германии или России.
Важно помнить, что процесс разработки приложения для Android TV отличается от приложений для мобильных устройств. Во-первых, такие приложения используют горизонтальную ориентацию экрана вместо вертикальной, как на наших смартфонах.
В конце дня, после просмотра сторис в Инстаграме и роликов в ТикТоке, нашему мозгу может быть трудно быстро переключиться с вертикального на горизонтальный макет. Поэтому интерфейс должен быть интуитивным и максимально простым. Во-вторых, расстояние между экраном телевизора и пользователем гораздо больше, чем между нашими глазами и телефоном в руке. Поэтому шрифты и иконки должны быть четче и больше по размеру.
В целом, то, как люди взаимодействуют с приложениями Android TV, отличается от взаимодействия с мобильными приложениями, и этот факт нужно учитывать при создании надежного решения.
Вот 5 ключевых вещей, необходимых для создания приложения для Android TV:
В Purrweb наша цель — создать качественное приложение с разумными затратами. Мы занимаемся разработкой приложений для Android TV с акцентом на UX/UI дизайне и QA тестировании. У нас есть блог, где мы открыто делимся своим опытом, и портфолио https://www.behance.net/PURRWEB
с предыдущими работами. Кроме того, мы работаем с React Native и разрабатываем высокопроизводительные приложения для Android TV за 3 месяца.
Для MVP приложений для Android TV мы стараемся укладываться в бюджет 40 000$. Разработка занимает 3 месяца, от первой встречи до выхода вашего решения на рынок.
Чтобы больше узнать о наших возможностях, запишитесь на бесплатную консультацию. Мы обсудим вашу идею и посмотрим, как мы можем вам помочь.
Насколько публикация полезна?
Оцени эту статью!
19 оценок, среднее 3.6 из 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной.
Подписывайтесь на нас в соцсетях!
Источник: www.purrweb.com
Разработка приложений для Smart TV: как проходит, что включает, специфика
Про Smart TV сегодня говорят всё чаще и чаще. Умные телевизоры более востребованы, чем обычные, их аудитория растет, растут и ее потребности. Но количество приложений в магазинах Smart TV не особенно увеличивается. Почему? Дело в том, что создание программ под телевизоры имеет свои особенности, из-за которых за такое дело возьмется не каждый разработчик.
Однако можно поручить эту задачу специалистам, для которых разработка приложений для Smart TV — работа знакомая и привычная. На рынке немало таких компаний. Фирма PURRWEB, ссылка на которую идет выше, — один из лучших представителей сферы. Но что это за сфера и в чем ее особенности? Давайте разбираться!
Фото: ru.pinterest.com
Что такое Smart TV простыми словами
Система Smart TV обеспечивает возможность подключения телевизора к интернету и использования интерактивных сервисов на этом устройстве. Впервые попытки сделать подобные телевизоры были еще в 1997 году, но тогда к такому функционалу не был готов ни медленный интернет через dial-up, ни сами телевизоры.
Далее попытки были в двухтысячных, когда разработали устройства STB, расширяющие функционал кабельного. Но благодаря прогрессу вскоре для интерактивных функций перестало требоваться дополнительное устройство, их начали встраивать в сами телевизоры. Первые Smart TV появились в 2009 году, но в России их рассвет начинается, пожалуй, только сейчас. И вопрос не в том, что технология как-то сильно изменилась, просто устройства с таким функционалом стали доступнее широкой публике. Теперь, когда Smart TV стала доступна и в телевизорах категории «эконом», люди всё охотнее покупают их и используют данную технологию.
Что позволяет Smart TV и зачем нужны приложения под него
- смотреть фильмы, сериалы, телепередачи из интернета со специальных сервисов, например, IVI или YouTube;
- читать новости и другие информационные материалы;
- просматривать социальные сети;
- совершать звонки с использованием Skype или другого подобного приложения;
- играть в различные игры, в том числе в развивающие для детей.
Всё это, однако, становится доступным только после установки приложений. А их в свободном доступе пока не так много. Поэтому сейчас заказывать разработку приложений для Smart TV — выгодно. Это позволяет опередить менее расторопных конкурентов и завоевать аудиторию с минимальными затратами на продвижение.
Как проходит разработка приложений под Smart TV
В целом разработка приложений под телевизоры проходит тем же образом, что и создание софта для компьютера или смартфона. Разница в основном в отдельных моментах. Например, вы не можете взять приложение для Android и оптимизировать под телевизор, нужно вести разработку с нуля. Также релиз в магазине приложений занимает намного больше времени и сил.
Этап 1 — согласование функций с клиентом
Согласование — это первый этап, во время которого разработчик говорит с заказчиком и определяет, что именно заказчик хочет получить. Во время согласования определяется:
- под какую систему будет вестись разработка — tvOS (Apple TV) и Android TV;
- какой язык программирования будет использоваться — Swift, Java, Kotlin, Ruby, JavaScript / TypeScript или другой;
- какие технологии будут применяться для Backend (Laravel / Lumen, Node.js, Slim Framework, CakePHP, ASP.NET MVC Framework, Django), Frontend (CSS3, HTML5, SASS / SCSS, VueJS, ReactJS, Nuxt), базы данных, если она нужна (Oracle, MySQL, SQLite, MSSQL, PostgreSQL, Firebird, InterBase, MongoDB) и других внутренних решений;
- как будет выглядеть дизайн (в общих чертах) и что желает получить заказчик.
Результатом согласования становится ТЗ, по которому после идет разработка.
Этап 2 — разработка
Собственно разработка обычно проводится в несколько этапов, каждый из которых последовательно обсуждается с заказчиком. А именно:
- Анализ проекта, планирование процесса разработки.
- Создание UI/UX дизайна, прототипирование, доработка дизайна каждого экрана.
- Разработка собственно функционала.
- Тестирование кода, выявление ошибок и исправление их.
- Приемка заказчиком готового приложения до релиза.
Этап 3 — релиз в магазине приложений
Релиз в магазине приложений — это полноценный этап работы, который требует немало времени. В среднем релиз занимает месяц, поэтому важно обговорить все возможные функции до отправки приложения на проверку. На обзор отправляется:
- само приложение в сборе;
- список популярных пользовательских сценариев;
- список телевизоров, на которых должно работать приложение.
Samsung и LG особенно серьезно проверяют каждое приложение. Но эти производители наиболее популярные, поэтому на них приходится ориентироваться.
Возможный набор функций в приложении для телевизора
Кроме обычных функций старта просмотра, паузы, воспроизведения звука, выключения звука и других, рекомендуется добавить в приложение следующие возможности:
- сканирование по QR-коду, в том числе, авторизация. Это значительно улучшит пользовательский опыт, т. к. со смартфона ввести данные профиля намного проще, чем с телевизора;
- рекомендации в умной ленте предложений с учетом просмотра предыдущих передач;
- возможность оставить обратную связь о контенте;
- возможность использовать избранное;
- продолжение воспроизведения с момента паузы, удобная перемотка;
- поиск по контенту внутри приложения и т. д.
Специфика разработки под Smart TV
Одна из главных особенностей разработки приложений для Smart TV в том, что каждую программу приходится разрабатывать с нуля, т. к. здесь другая архитектура. Дизайн также полностью перерабатывается: мобильный экран может быть взят за основу, но его нельзя просто растянуть на телевизор. Почему так происходит? В основном из-за специфики управления, которая значительно отличается от привычных свайпов, тапов и листания на смартфоне.
Телевизор до сих пор весьма ограничен в плане навигации. Здесь возможны команды «вниз», «вверх», «вправо», «влево», «ОК», «назад» и всё в таком духе. Даже вводить какие-то фразы пользователь вынужден именно таким образом — выбирая буквы на экране с помощью стрелок. Именно поэтому важно, чтобы разработкой приложений занимался человек (или команда) с опытом, т. к. Smart TV хоть и не требует изучения особых технологий и языков, но предполагает погружение в своеобразную среду и знание множества тонкостей.
Другие специфичные для Smart TV моменты:
- некоторые особенности CSS, которые появляются при разработке под телевизоры, не встречаются в браузерах;
- появляется много ограничений из-за слабости вычислительного модуля ТВ, в частности, нет возможности делать плавные и красивые анимации;
- многие производители Smart TV не снабжают свое оборудование документацией в принципе, у других она неполная или не слишком понятная;
- приложения не умеют адаптироваться под размер экрана, разрешение нужно задавать для каждой модели;
- для тестирования приходится использовать реальные телевизоры, эмуляторы не дают полной картины.
Дополнительный аттракцион — обновление прошивки на всех устройствах может стать причиной того, что ваше приложение перестанет работать. В этом случае придется сразу же выпускать обновление. Поэтому без постоянной поддержки не обойтись.
Выводы и основные мысли
В этой статье мы поговорили о том, как ведется разработка приложений под Smart TV, что это вообще такое и почему оно популярно. Основные тезисы:
- Smart TV позволяет расширить функциональность телевизора за счет дополнительного софта;
- приложения дадут возможность читать новости, играть, смотреть любые фильмы и видеоролики, звонить через интернет;
- разработка приложений для Smart TV в целом ведется так же, как создание любого другого софта;
- стандартное приложение для телевизора должно уметь не только проигрывать видео или запускать звонок, но и искать контент, удобно авторизовываться, давать рекомендации;
- для успешного создания софта для Smart TV необходимо учитывать специфические особенности телевизоров: слабый вычислительный модуль, долгую приемку в магазине приложений, отсутствие документации и др.
Надеемся, статья открыла для вас какие-то новые информационные горизонты и помогла решить, стоит ли заказывать разработку приложения для Smart TV своему сервису или сайту. В заключение скажем, что модель потребления контента через телевизор вряд ли изменится, но покупка фильмов станет всё более популярной: благосостояние клиента растет, а скачивание пиратского контента требует больше действий, чем простая покупка, не требующая подниматься с дивана. Поэтому сфера популярна и востребована, хоть и требует от бизнеса определенных вложений времени и средств.
На правах рекламы
Источник: ampravda.ru