SlideShare a Scribd company logo
1 of 26
Download to read offline
Разработка
кроссплатформенного и
мультиэкранного контента для
приложения

Демьянов Артём
● 3 года на рынке мобильных приложений
● Команда из 10 человек
● Специализация – детские приложения
● Присутствуем на всех платформах

Blackberry World
Windows Store
Проблема
Подготовка графического контента для
приложений
● Разнообразие платформ
● Огромное количество экранов
Проблема
В чем сложность:
● Отрисовка под каждый экран
● Нарезка / верстка / редактирорвание
● Тестирование под кажый экран

Все это выливается во время, людей и
деньги
Пример изображений
Неадаптированное

Адаптированное
Наш путь
Нам повезло!
● Экраны были маленькие и их было мало
● Добавляли новые экраны по мере их появления
● С ростом количества экранов поняли, что надо
что-то менять
Наши решения
1.Подготовка контента под кажый экран
2.Используем векторные изображения
3.Автоматизируем процесс с помощью
конструктора
1. Подготовка контента под каждый
экран
+ нужные изображения выбираются сами
+ все изображения в одном приложении
- сложность сборки и редактирования
- большой объем приложения
2. Используем векторные
изображения
+ одна копия изображения
+ маленький размер
+ отличное качество
- только простые изображения
- сложность внедрения
- ограничение формата
3. Автоматическая подготовка
графического контента
Наша собственная разработка – дизайнер и
сборщик графического контента
Как это работает
1.Редактор, в котором происходит создание
графического контента
2.Набор разрешений, под который происходит
атоматическая сборка из редактора
3.Просмотрщик, загружает и проигрывает
контент нужного разрешения
Как это работает
Визуальная сборка контента
Программирование действий
Задание типов страниц
Мультиэкранность
Мультиэкранность
Просмотрщик
● Нативное приложение под каждую платформу
● Загрузка контента подходящего разрешения
● Проигрывание содержимого
Просмотрщик
Технические детали
● Написано на java (swing), кроссплатформенное
● Сборки лежат на ftp, планируется переезд на
Windows Azure
● Сборка одного журнала ~10мин
Выводы
Трудности:
● Нужен сервер для хранения
● Программная логика по скачиванию
● Время на разработку дизайнера
Выводы
Плюсы:
● Подготовка контента непрограммистом
● Платформонезависимость
● Журнал сразу появляется на всех платформах
● Легкое обновление и редактирование контента
Демонстрация
Спасибо за внимание!

More Related Content

Viewers also liked

Африкана - безопасность детского кафе
Африкана - безопасность детского кафеАфрикана - безопасность детского кафе
Африкана - безопасность детского кафеTabtabusconf
 
Яндекс.Директ
Яндекс.ДиректЯндекс.Директ
Яндекс.ДиректTabtabusconf
 
Rp miniconference
Rp miniconferenceRp miniconference
Rp miniconferenceAmani BM
 
Рост продаж с интернет магазином. электронные платежи
Рост продаж с интернет магазином. электронные платежиРост продаж с интернет магазином. электронные платежи
Рост продаж с интернет магазином. электронные платежиTabtabusconf
 
Мобильные приложения для учета финансов
Мобильные приложения для учета финансовМобильные приложения для учета финансов
Мобильные приложения для учета финансовTabtabusconf
 
Платформа Skewer
Платформа SkewerПлатформа Skewer
Платформа SkewerTabtabusconf
 
3 самых дешевых способа общения с клиентами,
3 самых дешевых способа общения с клиентами,3 самых дешевых способа общения с клиентами,
3 самых дешевых способа общения с клиентами,Tabtabusconf
 
Брендирование мобильных приложений
Брендирование мобильных приложенийБрендирование мобильных приложений
Брендирование мобильных приложенийTabtabusconf
 
Tele2 smolensk 5 эффективных методов
Tele2 smolensk 5 эффективных методовTele2 smolensk 5 эффективных методов
Tele2 smolensk 5 эффективных методовTabtabusconf
 
Маркетинг и автоматизация продаж
Маркетинг и автоматизация продажМаркетинг и автоматизация продаж
Маркетинг и автоматизация продажTabtabusconf
 
Логистика
ЛогистикаЛогистика
ЛогистикаTabtabusconf
 

Viewers also liked (13)

Африкана - безопасность детского кафе
Африкана - безопасность детского кафеАфрикана - безопасность детского кафе
Африкана - безопасность детского кафе
 
Яндекс.Директ
Яндекс.ДиректЯндекс.Директ
Яндекс.Директ
 
Rp miniconference
Rp miniconferenceRp miniconference
Rp miniconference
 
зарядка
зарядказарядка
зарядка
 
Рост продаж с интернет магазином. электронные платежи
Рост продаж с интернет магазином. электронные платежиРост продаж с интернет магазином. электронные платежи
Рост продаж с интернет магазином. электронные платежи
 
Мобильные приложения для учета финансов
Мобильные приложения для учета финансовМобильные приложения для учета финансов
Мобильные приложения для учета финансов
 
Платформа Skewer
Платформа SkewerПлатформа Skewer
Платформа Skewer
 
3 самых дешевых способа общения с клиентами,
3 самых дешевых способа общения с клиентами,3 самых дешевых способа общения с клиентами,
3 самых дешевых способа общения с клиентами,
 
Брендирование мобильных приложений
Брендирование мобильных приложенийБрендирование мобильных приложений
Брендирование мобильных приложений
 
Tele2 smolensk 5 эффективных методов
Tele2 smolensk 5 эффективных методовTele2 smolensk 5 эффективных методов
Tele2 smolensk 5 эффективных методов
 
ID Model
 ID Model ID Model
ID Model
 
Маркетинг и автоматизация продаж
Маркетинг и автоматизация продажМаркетинг и автоматизация продаж
Маркетинг и автоматизация продаж
 
Логистика
ЛогистикаЛогистика
Логистика
 

Similar to Разработка кросплатформенного и мультиэкранного контента

Презентация Easynstein Pictures
Презентация Easynstein PicturesПрезентация Easynstein Pictures
Презентация Easynstein PicturesEasynstein Pictures
 
Разработка мобильных приложений на HTML5
Разработка мобильных приложений на HTML5Разработка мобильных приложений на HTML5
Разработка мобильных приложений на HTML5DevDay
 
Тестирование web-приложений на iPad
Тестирование web-приложений на iPadТестирование web-приложений на iPad
Тестирование web-приложений на iPadSoftengi
 
Преимущества адаптивного веб-дизайна
Преимущества адаптивного веб-дизайнаПреимущества адаптивного веб-дизайна
Преимущества адаптивного веб-дизайнаAGIMA
 
Юрий Лучанинов MobiDev
Юрий Лучанинов MobiDevЮрий Лучанинов MobiDev
Юрий Лучанинов MobiDevApps4All
 
Тестирование дизайна мобильных приложений
Тестирование дизайна мобильных приложенийТестирование дизайна мобильных приложений
Тестирование дизайна мобильных приложенийAndrasz Husti
 
Mobile testing. Tips and tricks
Mobile testing. Tips and tricksMobile testing. Tips and tricks
Mobile testing. Tips and tricksSQALab
 
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...geekfamilyrussia
 
DevCon 2016 - Xamarin
DevCon 2016 - XamarinDevCon 2016 - Xamarin
DevCon 2016 - XamarinAnton Shunkov
 
Как не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройствомКак не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройствомxi86
 
Как не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройствомКак не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройствомxi86
 
Android: Как создать свое первое приложение?
Android: Как создать свое первое приложение?Android: Как создать свое первое приложение?
Android: Как создать свое первое приложение?Kuban Dzhakipov
 
Разрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложениеРазрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложениеMykhail Galushko
 
Ценность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийЦенность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийMichael Kozloff
 
[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт
[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт
[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опытMaxim Salnikov
 
Разработка кросплатформенных приложений
Разработка кросплатформенных приложенийРазработка кросплатформенных приложений
Разработка кросплатформенных приложенийbarbariska89
 
Responsive design
Responsive designResponsive design
Responsive designNimax
 

Similar to Разработка кросплатформенного и мультиэкранного контента (20)

Презентация Easynstein Pictures
Презентация Easynstein PicturesПрезентация Easynstein Pictures
Презентация Easynstein Pictures
 
Разработка мобильных приложений на HTML5
Разработка мобильных приложений на HTML5Разработка мобильных приложений на HTML5
Разработка мобильных приложений на HTML5
 
Тестирование web-приложений на iPad
Тестирование web-приложений на iPadТестирование web-приложений на iPad
Тестирование web-приложений на iPad
 
Презентация Easynstein Pictures
Презентация Easynstein Pictures Презентация Easynstein Pictures
Презентация Easynstein Pictures
 
Преимущества адаптивного веб-дизайна
Преимущества адаптивного веб-дизайнаПреимущества адаптивного веб-дизайна
Преимущества адаптивного веб-дизайна
 
Юрий Лучанинов MobiDev
Юрий Лучанинов MobiDevЮрий Лучанинов MobiDev
Юрий Лучанинов MobiDev
 
Тестирование дизайна мобильных приложений
Тестирование дизайна мобильных приложенийТестирование дизайна мобильных приложений
Тестирование дизайна мобильных приложений
 
Me12 usabiliti-mobile
Me12 usabiliti-mobileMe12 usabiliti-mobile
Me12 usabiliti-mobile
 
Mobile testing. Tips and tricks
Mobile testing. Tips and tricksMobile testing. Tips and tricks
Mobile testing. Tips and tricks
 
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
 
продающий лендинг
продающий лендингпродающий лендинг
продающий лендинг
 
DevCon 2016 - Xamarin
DevCon 2016 - XamarinDevCon 2016 - Xamarin
DevCon 2016 - Xamarin
 
Как не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройствомКак не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройством
 
Как не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройствомКак не потерять клиента с мобильным устройством
Как не потерять клиента с мобильным устройством
 
Android: Как создать свое первое приложение?
Android: Как создать свое первое приложение?Android: Как создать свое первое приложение?
Android: Как создать свое первое приложение?
 
Разрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложениеРазрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложение
 
Ценность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийЦенность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложений
 
[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт
[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт
[Russian] Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт
 
Разработка кросплатформенных приложений
Разработка кросплатформенных приложенийРазработка кросплатформенных приложений
Разработка кросплатформенных приложений
 
Responsive design
Responsive designResponsive design
Responsive design
 

Разработка кросплатформенного и мультиэкранного контента