Magtoapp Еditor инструкция

1

Создание мобильного приложения с Magtoapp

2

Основные возможности Magtoapp

• Кроссплатформенное решение – Android, iOS• Обновления журнала– новые выпуски ( загрузка PDF, PNG)• Обновление информации – автоматически обновляемая новостная лента в

реальном времени (RSS лента)• Навигация между страниц – переход из содержания выпуска на статьи или

любые внутренние страницы; миниатюры страниц внизу – быстрый переход на любую страницу.

• Добавление интерактивных элементов – звук, видео, слайд-шоу, карты. • Добавление сложного функционала при помощи HTML врезок. • Покупка одного номера или подписки. • Ваш журнал в Newsstand (киоск журналов Apple)• Push-уведомления об обновлении приложения

Создание мобильных приложений

Процесс создания приложения

Вам потребуется PDF файл для создания мобильного приложения с использованием Magtoapp .

Эти файлы – основа вашего будущего приложения.

Вы можете загрузить в редактор журналы, брошюры, каталоги товаров, инструкции и т. д. в формате PDF или PNG.

Создание мобильных приложений

4

Составные части решения Magtoapp

• Magtoapp Editor – программа для компьютеров на базе Windows; используется для импорта PDF файла, добавления интерактивных объектов в выпуск, управления публикациями.

• Magtoapp Viewer – программа для планшетов на базе iOS и Android; используется для закрытого тестирования мобильного приложения, управления публикациями.

Создание мобильных приложений

5

Пример приложения на базе Android

Создание мобильных приложений

6

Пример приложения на базе iOS

Создание мобильных приложений

7

Регистрация

Создание мобильных приложений

Для того, чтобы зарегистрировать свой аккаунт в Magtoapp Editor,нужно выбрать соответствующую опцию в окне регистрации.

8

Регистрация

Создание мобильных приложений

Далее необходимо заполнить Форму регистрации. Вы указываете любой удобный адрес электронной почты и пароль.

После прохождения регистрации, Вы можете использовать свои учетные данные для работы в программе.

9

Подробно об импорте PDF в Magtoapp Editor

Окно импорта предложит вам разные настройки: •импортировать только выбранные страницы PDF документа;•импортировать выбранные страницы из двух или более PDF документов;•выбрать настройки отображения страниц: одна страница на экране или две на экране•а самое главное! Выбрать ориентацию отображения на планшете: альбомная или портретная.

Создание мобильных приложений

10

Создание интерактивного приложения

Вы можете создать интерактивное приложение. Для этого достаточно добавить 1) видео 2) аудио 3) слайд-шоу 4) карты 5) HTML врезку или 6) ссылки с использованием редактора Magtoapp.

Добавление этих объектов происходит в визуальном редакторе. Вам не нужно знать программирование. Достаточно нажать на соответствующую кнопку, задать параметры, например, ширина и высота проигрывателя видео.

Создание мобильных приложений

11

Добавление видео

Внешний вид видео проигрывателя:1.Задать изображение для предпросмотра.2.Выбрать черный экран с кнопкой Play для проигрывателя.3.Добавить/Убрать кнопку Play поверх проигрывателя.4.Установить размеры проигрывателя.5.Прозрачная зона запуска видео.

Если на вашем компьютере установлен QuickTime, размеры видео устанавливаются автоматически.

Требования к видео файлам - контейнер .mp4, видеокодек H.264, FPS 30 или 25, аудиокодек ААС.

Создание мобильных приложений

12

Добавление аудио

Внешний вид аудио проигрывателя: 1.Задать изображение, по клику на которое будет воспроизводиться звук (любой объект или кнопка Play).2.Размеры проигрывателя и его нахождение относительно границ страницы.3.Изображение, которое будет использоваться при нажатии на кнопку Стоп.

Редактор поддерживает файлы формата MP3, кодек AAC.

Создание мобильных приложений

13

Добавление слайд-шоу

Возможности слайд-шоу – смена фотографий при движении пальцем по экрану справа налево или наоборот, полноэкранный режим при однократном нажатии пальцем на фотографию.

Управление порядком фотографий, которые используются в слайд-шоу, происходит в окне «Свойства слайд-шоу».

Если в дизайне страницы уже предусмотрено изображение, которое будет являться первым в слайд-шоу, то поставьте галочку «Прозрачная область запуска».

Создание мобильных приложений

14

Добавление карты

Добавление карты начинается с ввода точки на карте; введите адрес объекта или координаты (широту и долготу).

Внешний вид карты: •Использовать заранее подготовленное изображение для точки на карте.•Полноэкранный режим просмотра карты/ просмотр карты в указанных рамках.•Использовать заранее подготовленное изображение для запуска карты.

Создание мобильных приложений

15

Добавление инфоблока

Инфоблок – частично скрытое окно во втором слое, которое «вытягивается» пальцем.

Для того чтобы открыть инфоблок пользователь тянет его в сторону.

Вы можете использовать этот функционал для размещения рекламы или формы обратной связи.

В текущей версии блок задается с помощью изображения, например, PNG файла.

Создание мобильных приложений

16

Добавление ссылок

Внутренние ссылки нужны для переходов внутри журнала или каталога, например, для перехода на статьи из оглавления.

Внешняя ссылка используется для переходов на сайт, при этом пользователь переходит из приложения в браузер.

Область ссылки бывает прозрачной, когда в дизайне страницы предусмотрена иконка или знак ссылки. Вы также можете использовать изображение, по нажатию на которое будет происходит переход по ссылке.

Создание мобильных приложений

17

Добавление HTML врезки

Существует 2 вида HTML-врезок: внутренний и внешний.

Внутренняя HTML-врезка используется для реализации функционала внутри приложения, например, опросы среди читателей, специальные плееры, даже миниигры на HTML5.

В других случаях содержимое HTML блока будет подгружаться из внешнего источника, например актуальный курс валют или фрейм с прогнозом погоды.

Создание мобильных приложений

18

Добавление текстового блока

Текстовые блоки используются для удобного чтения длинных статей или документов.

Это блок запускается по нажатию на специальный значок на странице, открывается во втором слое, при этом не содержит никакие элементы кроме текста.

Текст вносится вручную в редакторе – заполняете поля: заголовок, подзаголовок, текст.

В редакторе предусмотрена возможность добавить свое оформление текстового блока.

Создание мобильных приложений

19

Настройки «Документ»

Если изначально файл PDF создавался для печати, то при отображении страницы на устройстве могут оставаться незаполненные места. В программе мы предусмотрели соответствующие настройки.

Настройка цвета фона страницы отвечает за заполнение пустых мест. Черный символизирует выключенный экран, белый – продолжение страницы.

Вариант растягивания страницы на весь экран рекомендуется использовать только для iPad, а также в ситуациях когда небольшое изменение пропорций экрана непринципиально.

Создание мобильных приложений

20

Увеличение и уменьшение размера файла

Вы также можете задать нужную степень сжатия фонов страниц, что в итоге влияет на размер загружаемого на устройство журнала.

По умолчанию применяются настройки для отображения страниц на Retina-дисплеях: 2048 px и JPEG (95). Такая настройка позволяет по умолчанию добиться хорошего качества даже при масштабировании журналов формата A3.

Если конечный размер файла критичен, то можно задать другой максимальный размер фона страницы (1536 или 1024 px).

В этом случае размер архива будет наименьшим, но начнутся видимые изменения качества, особенно при увеличении и при наличии мелкого текста.

Создание мобильных приложений

21

Управление качеством отображения страницы

Создание мобильных приложений

Для файлов с большим количеством мелкого текста предусмотрена настройка «Формат страницы». При выборе PDF в архив с журналом будут добавлены PDF-файлы страниц и именно они будут отображаться на устройстве.

Выберите PNG в случае, если требуется наилучшее качество отображения.

22

Тестирование электронного журнала

Перед публикацией мы советуем провести закрытое тестирование журнала в программе для планшетов Magtoapp Viewer.

Для этого во вкладке «Управление файлами» необходимо нажать на кнопку «Загрузить в Magtoapp Viewer».

После этого вы переходите в программу Magtoapp Viewer, в списке документов вы увидите только что загруженный вами журнал.

Создание мобильных приложений

23

Настройки стоимости подписки и купоны

Во вкладке «Управление документами на сервере» вы можете установить стоимость подписки на ваш журнал, стоимость отдельного выпуска журнала или создать купоны (промокоды) для бесплатного распространения вашего журнала.

Создание мобильных приложений

24

Публикация электронного журнала

Создание мобильных приложений

Вы протестировали журнал в Magtoapp Viewer и готовы опубликовать его для читателей. Перейдите во вкладку «Управление документами на сервере», выберите документ и нажмите «Опубликовать».

Если приложение уже находится в магазинах Apple и Google, то выпуск журнала появится в течение нескольких минут. Если приложение новое, то сначала будет происходить модерация в магазинах мобильных приложений.

Если вы пока не готовы опубликовать журнал, воспользуйтесь опцией «Создать архив документа» - созданный проект будет сохранен на сервере.

25

Публикация электронного журнала

Создание мобильных приложений

Вы протестировали журнал в Magtoapp Viewer и готовы опубликовать его для читателей. Перейдите во вкладку «Управление документами на сервере», выберите документ и нажмите «Опубликовать».

Если приложение уже находится в магазинах Apple и Google, то выпуск журнала появится в течение нескольких минут. Если приложение новое, то сначала будет происходить модерация в магазинах мобильных приложений.

Если вы пока не готовы опубликовать журнал, воспользуйтесь опцией «Создать архив документа» - созданный проект будет сохранен на сервере.

Для того, чтобы региональные выпуски журналов появлялись в общем списке приложения, после первой публикации журнала необходимо отослать логин и пароль своей учетной записи по адресу support@magtoapp.ru

26

Есть вопросы?

Кудашев Алексей+7 (499) 638-86-59info@magtoapp.ru