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

26
Разработка кроссплатформенного и мультиэкранного контента для приложения Демьянов Артём

Upload: tabtabusconf

Post on 11-Nov-2014

188 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

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

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

мультиэкранного контента для приложения

Демьянов Артём

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

● 3 года на рынке мобильных приложений

● Команда из 10 человек

● Специализация – детские приложения

● Присутствуем на всех платформах

Windows Store

Blackberry World

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

Проблема

Подготовка графического контента для приложений

● Разнообразие платформ

● Огромное количество экранов

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

Проблема

В чем сложность:

● Отрисовка под каждый экран

● Нарезка / верстка / редактирорвание

● Тестирование под кажый экран

Все это выливается во время, людей и деньги

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

Пример изображений

Неадаптированное Адаптированное

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

Наш путь

Нам повезло!

● Экраны были маленькие и их было мало

● Добавляли новые экраны по мере их появления

● С ростом количества экранов поняли, что надо

что-то менять

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

Наши решения

1.Подготовка контента под кажый экран

2.Используем векторные изображения

3.Автоматизируем процесс с помощью конструктора

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

1. Подготовка контента под каждый экран

+ нужные изображения выбираются сами

+ все изображения в одном приложении

- сложность сборки и редактирования

- большой объем приложения

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

2. Используем векторные изображения

+ одна копия изображения

+ маленький размер

+ отличное качество

- только простые изображения

- сложность внедрения

- ограничение формата

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

3. Автоматическая подготовка графического контента

Наша собственная разработка – дизайнер и сборщик графического контента

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

Как это работает

1.Редактор, в котором происходит создание графического контента

2.Набор разрешений, под который происходит атоматическая сборка из редактора

3.Просмотрщик, загружает и проигрывает контент нужного разрешения

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

Как это работает

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

Визуальная сборка контента

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

Программирование действий

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

Задание типов страниц

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

Мультиэкранность

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

Мультиэкранность

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

Просмотрщик

● Нативное приложение под каждую платформу

● Загрузка контента подходящего разрешения

● Проигрывание содержимого

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

Просмотрщик

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

Технические детали

● Написано на java (swing), кроссплатформенное

● Сборки лежат на ftp, планируется переезд на

Windows Azure

● Сборка одного журнала ~10мин

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

Выводы

Трудности:

● Нужен сервер для хранения

● Программная логика по скачиванию

● Время на разработку дизайнера

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

Выводы

Плюсы:

● Подготовка контента непрограммистом

● Платформонезависимость

● Журнал сразу появляется на всех платформах

● Легкое обновление и редактирование контента

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

Демонстрация

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

Спасибо за внимание!