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

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

2. Создание мобильных приложений
Основные возможности Magtoapp
•
•
•
•
•
•
•
•
•
Кроссплатформенное решение – Android, iOS
Обновления журнала– новые выпуски ( загрузка PDF, PNG)
Обновление информации – автоматически обновляемая новостная лента в
реальном времени (RSS лента)
Навигация между страниц – переход из содержания выпуска на статьи или
любые внутренние страницы; миниатюры страниц внизу – быстрый переход на
любую страницу.
Добавление интерактивных элементов – звук, видео, слайд-шоу, карты.
Добавление сложного функционала при помощи HTML врезок.
Покупка одного номера или подписки.
Ваш журнал в Newsstand (киоск журналов Apple)
Push-уведомления об обновлении приложения
2

3. Создание мобильных приложений
Процесс создания приложения
Вам потребуется PDF файл для
создания мобильного приложения с
использованием Magtoapp .
Эти файлы – основа вашего будущего
приложения.
Вы можете загрузить в редактор
журналы, брошюры, каталоги товаров,
инструкции и т. д. в формате PDF или
PNG.

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

5. Создание мобильных приложений
Пример приложения на базе Android
5

6. Создание мобильных приложений
Пример приложения на базе iOS
6

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

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

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

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

11. Создание мобильных приложений
Добавление видео
Внешний вид видео проигрывателя:
1.Задать изображение для предпросмотра.
2.Выбрать черный экран с кнопкой Play для
проигрывателя.
3.Добавить/Убрать кнопку Play поверх
проигрывателя.
4.Установить размеры проигрывателя.
5.Прозрачная зона запуска видео.
Если на вашем компьютере установлен QuickTime,
размеры видео устанавливаются автоматически.
Требования к видео файлам - контейнер .mp4,
видеокодек H.264, FPS 30 или 25, аудиокодек ААС.
11

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

13. Создание мобильных приложений
Добавление слайд - шоу
Возможности слайд-шоу – смена
фотографий при движении пальцем по
экрану справа налево или наоборот,
полноэкранный режим при однократном
нажатии пальцем на фотографию.
Управление порядком фотографий, которые
используются в слайд-шоу, происходит в
окне «
Свойства слайд-шоу».
Если в дизайне страницы уже
предусмотрено изображение, которое будет
являться первым в слайд-шоу, то поставьте
галочку «
Прозрачная область запуска».
13

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

15. Создание мобильных приложений
Добавление инфоблока
Инфоблок – частично скрытое окно во втором
слое, которое «
вытягивается» пальцем.
Для того чтобы открыть инфоблок пользователь
тянет его в сторону.
Вы можете использовать этот функционал для
размещения рекламы или формы обратной связи.
В текущей версии блок задается с помощью
изображения, например, PNG файла.
15

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

17. Создание мобильных приложений
Добавление HTML врезки
Существует 2 вида HTML-врезок:
внутренний и внешний.
Внутренняя HTML-врезка используется для
реализации функционала внутри
приложения, например, опросы среди
читателей, специальные плееры, даже
миниигры на HTML5.
В других случаях содержимое HTML блока
будет подгружаться из внешнего источника,
например актуальный курс валют или фрейм
с прогнозом погоды.
17

18. Создание мобильных приложений
Добавление текстового блока
Текстовые блоки используются для удобного
чтения длинных статей или документов.
Это блок запускается по нажатию на
специальный значок на странице,
открывается во втором слое, при этом не
содержит никакие элементы кроме текста.
Текст вносится вручную в редакторе –
заполняете поля: заголовок, подзаголовок,
текст.
В редакторе предусмотрена возможность
добавить свое оформление текстового
блока.
18

19. Создание мобильных приложений
Настройки «Документ »
Если изначально файл PDF создавался для печати, то при отображении страницы
на устройстве могут оставаться незаполненные места. В программе мы
предусмотрели соответствующие настройки.
Настройка цвета фона страницы отвечает за заполнение пустых мест.
Черный символизирует выключенный экран, белый – продолжение страницы.
Вариант растягивания страницы на весь экран рекомендуется использовать
только для iPad, а также в ситуациях когда небольшое изменение пропорций
экрана непринципиально.
19

20. Создание мобильных приложений
Увеличение и уменьшение размера файла
Вы также можете задать нужную степень сжатия
фонов страниц, что в итоге влияет на размер
загружаемого на устройство журнала.
По умолчанию применяются настройки для отображения страниц на Retinaдисплеях: 2048 px и JPEG (95). Такая настройка позволяет по умолчанию добиться
хорошего качества даже при масштабировании журналов формата A3.
Если конечный размер файла критичен, то можно задать другой максимальный
размер фона страницы (1536 или 1024 px).
В этом случае размер архива будет наименьшим, но начнутся видимые изменения
качества, особенно при увеличении и при наличии мелкого текста.
20

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

22. Создание мобильных приложений
Тестирование электронного журнала
Перед публикацией мы советуем провести закрытое тестирование журнала в
программе для планшетов Magtoapp Viewer.
Для этого во вкладке «
Управление файлами» необходимо нажать на кнопку
«
Загрузить в Magtoapp Viewer».
После этого вы переходите в программу Magtoapp Viewer, в списке документов
вы увидите только что загруженный вами журнал.
22

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

24. Создание мобильных приложений
Публикация электронного журнала
Вы протестировали журнал в Magtoapp Viewer и готовы опубликовать его для
читателей. Перейдите во вкладку «
Управление документами на сервере»,
выберите документ и нажмите «
Опубликовать».
Если приложение уже находится в магазинах Apple и Google, то выпуск журнала
появится в течение нескольких минут. Если приложение новое, то сначала будет
происходить модерация в магазинах мобильных приложений.
Если вы пока не готовы опубликовать журнал, воспользуйтесь опцией «
Создать
архив документа» - созданный проект будет сохранен на сервере.
24

25. Создание мобильных приложений
Публикация электронного журнала
Вы протестировали журнал в Magtoapp Viewer и готовы опубликовать его для
читателей. Перейдите во вкладку «
Управление документами на сервере»,
выберите документ и нажмите «
Опубликовать».
Если приложение уже находится в магазинах Apple и Google, то выпуск журнала
появится в течение нескольких минут. Если приложение новое, то сначала будет
происходить модерация в магазинах мобильных приложений.
Если вы пока не готовы опубликовать журнал, воспользуйтесь опцией «
Создать
архив документа» - созданный проект будет сохранен на сервере.
Для того, чтобы региональные выпуски журналов появлялись в общем списке
приложения, после первой публикации журнала необходимо отослать логин и
пароль своей учетной записи по адресу support@magtoapp.ru
25

26. Есть вопросы?
Кудашев Алексей
+7 (499) 638-86-59
info@magtoapp.ru
26