SlideShare a Scribd company logo
1!
Создание
мобильного
приложения с
Magtoapp!
2!
Основные возможности Magtoapp!
•  Кроссплатформенное решение – Android, iOS7
•  Обновления журнала– новые выпуски ( загрузка PDF, PNG)!
•  Обновление информации – автоматически обновляемая новостная лента в
реальном времени (RSS лента)!
•  Навигация между страниц – переход из содержания выпуска на статьи или
любые внутренние страницы; миниатюры страниц внизу – быстрый переход
на любую страницу.!
•  Добавление интерактивных элементов – звук, видео, слайд-шоу, карты. !
•  Добавление сложного функционала при помощи HTML врезок. !
•  Покупка одного номера или подписки. !
•  Ваш журнал в Newsstand (киоск журналов Apple)!
•  Push-уведомления об обновлении приложения!
Создание мобильных приложений!
Процесс создания приложения!
Вам потребуется PDF или PNG файл
для создания мобильного приложения с
использованием Magtoapp . !
!
Эти файлы – основа вашего будущего
приложения. !
!
Вы можете загрузить в редактор
журналы, брошюры, каталоги товаров,
инструкции и т. д. в формате PDF или
PNG. !
!
Подробности о подготовке файлов
читайте на сайте. !
!
Создание мобильных приложений!
4!
Составные части решения Magtoapp!
•  Magtoapp Editor – программа для компьютеров на базе Windows;
используется для импорта PDF файла, добавления интерактивных объектов
в выпуск, управления публикациями. !
Ссылка на загрузку!
!
•  Magtoapp Viewer – программа для планшетов на базе iOS и Android;
используется для закрытого тестирования мобильного приложения,
управления публикациями. !
Ссылка на загрузку Android и iOS. !
!
Создание мобильных приложений!
5!
Пример приложения на базе Android!
Создание мобильных приложений!
6!
Пример приложения на базе iOS!
Создание мобильных приложений!
7!
Подробно об импорте PDF в Magtoapp Editor!
Окно импорта предложит вам разные
настройки: !
•  импортировать только выбранные
страницы PDF документа;!
•  импортировать выбранные страницы
из двух или более PDF документов;!
•  выбрать настройки отображения
страниц: одна страница на экране или
две на экране!
•  а самое главное! Выбрать
ориентацию отображения на
планшете: альбомная или портретная.!
!
Создание мобильных приложений!
8!
Создание интерактивного приложения!
Вы можете создать интерактивное приложение. Для этого достаточно
добавить 1) видео 2) аудио 3) слайд-шоу 4) карты 5) HTML врезку или 6)
ссылки с использованием редактора Magtoapp. !
!
!
!
!
!
!
Добавление этих объектов происходит в визуальном редакторе. Вам не нужно
знать программирование. Достаточно нажать на соответствующую кнопку,
задать параметры, например, ширина и высота проигрывателя видео. !
Создание мобильных приложений!
9!
Добавление видео!
Внешний вид видео проигрывателя:!
1.  Задать изображение для предпросмотра.!
2.  Выбрать черный экран с кнопкой Play для
проигрывателя.!
3.  Добавить/Убрать кнопку Play поверх
проигрывателя.!
4.  Установить размеры проигрывателя.!
5.  Прозрачная зона запуска видео.!
Если на вашем компьютере установлен QuickTime,
размеры видео устанавливаются автоматически. !
!
Требования к видео файлам - контейнер .mp4,
видеокодек H.264, FPS 30 или 25, аудиокодек
ААС.!
Создание мобильных приложений!
10!
Добавление аудио!
Внешний вид аудио проигрывателя: !
1.  Задать изображение, по клику на
которое будет воспроизводиться звук
(любой объект или кнопка Play).!
2.  Размеры проигрывателя и его
нахождение относительно границ
страницы.!
3.  Изображение, которое будет
использоваться при нажатии на кнопку
Стоп. !
!
Редактор поддерживает файлы формата
MP3, кодек AAC.!
!
Создание мобильных приложений!
11!
Добавление слайд-шоу!
Возможности слайд-шоу – смена
фотографий при движении пальцем по
экрану справа налево или наоборот,
полноэкранный режим при однократном
нажатии пальцем на фотографию. !
!
Управление порядком фотографий,
которые используются в слайд-шоу,
происходит в окне «Свойства слайд-шоу». !
!
Если в дизайне страницы уже
предусмотрено изображение, которое будет
являться первым в слайд-шоу, то поставьте
галочку «Прозрачная область запуска». !
Создание мобильных приложений!
12!
Добавление карты!
Добавление карты начинается с ввода точки на
карте; введите адрес объекта или координаты
(широту и долготу).!
!
Внешний вид карты: !
•  Использовать заранее подготовленное
изображение для точки на карте.!
•  Полноэкранный режим просмотра карты/
просмотр карты в указанных рамках.!
•  Использовать заранее подготовленное
изображение для запуска карты.!
!
!
Создание мобильных приложений!
13!
Добавление инфоблока!
Инфоблок – частично скрытое окно во втором
слое, которое «вытягивается» пальцем. !
!
Для того чтобы открыть инфоблок пользователь
тянет его в сторону. !
!
Вы можете использовать этот функционал для
размещения рекламы или формы обратной связи.!
!
В текущей версии блок задается с помощью
изображения, например, PNG файла.!
!
Создание мобильных приложений!
14!
Добавление ссылок!
Внутренние ссылки нужны для переходов
внутри журнала или каталога, например,
для перехода на статьи из оглавления. !
!
Внешняя ссылка используется для
переходов на сайт, при этом пользователь
переходит из приложения в браузер. !
!
Область ссылки бывает прозрачной, когда в
дизайне страницы предусмотрена иконка
или знак ссылки. Вы также можете
использовать изображение, по нажатию на
которое будет происходит переход по
ссылке.!
!
Создание мобильных приложений!
15!
Добавление HTML врезки!
Существует 2 вида HTML-врезок:
внутренний и внешний.!
!
Внутренняя HTML-врезка используется для
реализации функционала внутри
приложения, например, опросы среди
читателей, специальные плееры, даже
миниигры на HTML5.!
!
В других случаях содержимое HTML блока
будет подгружаться из внешнего источника,
например актуальный курс валют или
фрейм с прогнозом погоды. !
Создание мобильных приложений!
16!
Добавление текстового блока!
Текстовые блоки используются для
удобного чтения длинных статей или
документов. !
!
Это блок запускается по нажатию на
специальный значок на странице,
открывается во втором слое, при этом не
содержит никакие элементы кроме текста.!
!
Текст вносится вручную в редакторе –
заполняете поля: заголовок, подзаголовок,
текст. !
!
В редакторе предусмотрена возможность
добавить свое оформление текстового
блока. !
Создание мобильных приложений!
17!
Настройки «Документ»!
Если изначально файл PDF создавался для печати, то при отображении
страницы на устройстве могут оставаться незаполненные места. В программе мы
предусмотрели соответствующие настройки.!
!
Настройка цвета фона страницы отвечает за заполнение пустых мест. Черный
символизирует выключенный экран, белый – продолжение страницы. !
!
Вариант растягивания страницы на весь экран рекомендуется использовать
только для iPad, а также в ситуациях когда небольшое изменение пропорций
экрана непринципиально.!
Создание мобильных приложений!
18!
Увеличение и уменьшение размера файла!
Вы также можете задать нужную степень
сжатия фонов страниц, что в итоге влияет на
размер загружаемого на устройство журнала.!
По умолчанию применяются настройки для отображения страниц на Retina-
дисплеях: 2048 px и JPEG (95). Такая настройка позволяет по умолчанию
добиться хорошего качества даже при масштабировании журналов формата A3.!
!
Если конечный размер файла критичен, то можно задать другой максимальный
размер фона страницы (1536 или 1024 px). !
!
В этом случае размер архива будет наименьшим, но начнутся видимые изменения
качества, особенно при увеличении и при наличии мелкого текста.!
!
Создание мобильных приложений!
19!
Управление качеством отображения страницы!
Создание мобильных приложений!
Для файлов с большим количеством
мелкого текста предусмотрена настройка
«Формат страницы». При выборе PDF в
архив с журналом будут добавлены PDF-
файлы страниц и именно они будут
отображаться на устройстве.!
!
Выберите PNG в случае, если требуется
наилучшее качество отображения. !
20!
Есть вопросы?!
!
Кудашев Алексей!
+7 (499) 638-86-59!
info@magtoapp.ru !
!

More Related Content

What's hot

Всё о мобильных сайтах — прямой эфир на Megaindex.tv
Всё о мобильных сайтах — прямой эфир на Megaindex.tvВсё о мобильных сайтах — прямой эфир на Megaindex.tv
Всё о мобильных сайтах — прямой эфир на Megaindex.tvArtiom Tsympov
 
Бахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App Store
Бахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App StoreБахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App Store
Бахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App StoreVolha Banadyseva
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаTechart Marketing Group
 
Прототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусыПрототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусыСергей Кондауров
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилитиElena Kotina
 
Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?
Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?
Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?Anatoly Sharifulin
 
ECOM 2014 (Выступление eski.mobi)
ECOM 2014 (Выступление eski.mobi)ECOM 2014 (Выступление eski.mobi)
ECOM 2014 (Выступление eski.mobi)Artiom Tsympov
 
Прототипирование сайтов
Прототипирование сайтовПрототипирование сайтов
Прототипирование сайтовИван Рябов
 
Евгений Невгень. Оптимизация мета-данных приложения для App Store и Google Play
Евгений Невгень. Оптимизация мета-данных приложения для App Store и Google PlayЕвгений Невгень. Оптимизация мета-данных приложения для App Store и Google Play
Евгений Невгень. Оптимизация мета-данных приложения для App Store и Google PlayVolha Banadyseva
 
Mobile Financial Services 2014 (выступление eski.mobi)
Mobile Financial Services 2014 (выступление eski.mobi)Mobile Financial Services 2014 (выступление eski.mobi)
Mobile Financial Services 2014 (выступление eski.mobi)Artiom Tsympov
 
Кинза 2015, Адаптация для мобильных устройства (eski.mobi)
Кинза 2015, Адаптация для мобильных устройства (eski.mobi)Кинза 2015, Адаптация для мобильных устройства (eski.mobi)
Кинза 2015, Адаптация для мобильных устройства (eski.mobi)Artiom Tsympov
 
Полезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазинаПолезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазинаDEFA
 
Тестирование web-приложений на iPad
Тестирование web-приложений на iPadТестирование web-приложений на iPad
Тестирование web-приложений на iPadSoftengi
 
IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)Artiom Tsympov
 
Обзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтовОбзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтовPavel Konoplitski
 
Мобильный сайт или мобильное приложение?
Мобильный сайт или мобильное приложение?Мобильный сайт или мобильное приложение?
Мобильный сайт или мобильное приложение?Anatoly Sharifulin
 
Приоритетное проектирование (e-commerce)
Приоритетное проектирование (e-commerce)Приоритетное проектирование (e-commerce)
Приоритетное проектирование (e-commerce)Prime-e-commerce
 
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииЮхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииOmar Valiev
 
Mobio App Store Optimization
Mobio App Store OptimizationMobio App Store Optimization
Mobio App Store OptimizationAsphri457
 

What's hot (20)

Всё о мобильных сайтах — прямой эфир на Megaindex.tv
Всё о мобильных сайтах — прямой эфир на Megaindex.tvВсё о мобильных сайтах — прямой эфир на Megaindex.tv
Всё о мобильных сайтах — прямой эфир на Megaindex.tv
 
Бахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App Store
Бахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App StoreБахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App Store
Бахрам Исмаилов. Продвижение мобильного приложение - оптимизация в App Store
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
 
Прототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусыПрототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусы
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилити
 
Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?
Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?
Мобильное приложение Ostrovok.ru: зачем оно нужно, если есть «букинг»?
 
ECOM 2014 (Выступление eski.mobi)
ECOM 2014 (Выступление eski.mobi)ECOM 2014 (Выступление eski.mobi)
ECOM 2014 (Выступление eski.mobi)
 
Gps android
Gps androidGps android
Gps android
 
Прототипирование сайтов
Прототипирование сайтовПрототипирование сайтов
Прототипирование сайтов
 
Евгений Невгень. Оптимизация мета-данных приложения для App Store и Google Play
Евгений Невгень. Оптимизация мета-данных приложения для App Store и Google PlayЕвгений Невгень. Оптимизация мета-данных приложения для App Store и Google Play
Евгений Невгень. Оптимизация мета-данных приложения для App Store и Google Play
 
Mobile Financial Services 2014 (выступление eski.mobi)
Mobile Financial Services 2014 (выступление eski.mobi)Mobile Financial Services 2014 (выступление eski.mobi)
Mobile Financial Services 2014 (выступление eski.mobi)
 
Кинза 2015, Адаптация для мобильных устройства (eski.mobi)
Кинза 2015, Адаптация для мобильных устройства (eski.mobi)Кинза 2015, Адаптация для мобильных устройства (eski.mobi)
Кинза 2015, Адаптация для мобильных устройства (eski.mobi)
 
Полезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазинаПолезные модули DEFA для автоматизации работы интернет-магазина
Полезные модули DEFA для автоматизации работы интернет-магазина
 
Тестирование web-приложений на iPad
Тестирование web-приложений на iPadТестирование web-приложений на iPad
Тестирование web-приложений на iPad
 
IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)
 
Обзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтовОбзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтов
 
Мобильный сайт или мобильное приложение?
Мобильный сайт или мобильное приложение?Мобильный сайт или мобильное приложение?
Мобильный сайт или мобильное приложение?
 
Приоритетное проектирование (e-commerce)
Приоритетное проектирование (e-commerce)Приоритетное проектирование (e-commerce)
Приоритетное проектирование (e-commerce)
 
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииЮхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
 
Mobio App Store Optimization
Mobio App Store OptimizationMobio App Store Optimization
Mobio App Store Optimization
 

Viewers also liked

Рынок смартфонов и планшетов США. 2012 и 2013
Рынок смартфонов и планшетов США. 2012 и 2013Рынок смартфонов и планшетов США. 2012 и 2013
Рынок смартфонов и планшетов США. 2012 и 2013Maria Podolyak
 
White Tailed Deer by Gabby
White  Tailed Deer by GabbyWhite  Tailed Deer by Gabby
White Tailed Deer by Gabbyvebrya
 
Повышение эффективности медийных рекламных кампаний — Юлия Микеда
Повышение эффективности медийных рекламных кампаний  — Юлия МикедаПовышение эффективности медийных рекламных кампаний  — Юлия Микеда
Повышение эффективности медийных рекламных кампаний — Юлия МикедаMaria Podolyak
 
彩蝶计划2008版
彩蝶计划2008版彩蝶计划2008版
彩蝶计划2008版mingxia
 
Q4M Microblogcon
Q4M MicroblogconQ4M Microblogcon
Q4M MicroblogconKazuho Oku
 
Potentials and Limitations of Educational Datasets
Potentials and Limitations of Educational DatasetsPotentials and Limitations of Educational Datasets
Potentials and Limitations of Educational DatasetsHendrik Drachsler
 
Cijeli brojevi vježba
Cijeli brojevi vježbaCijeli brojevi vježba
Cijeli brojevi vježbaGavranica
 
CONVIVENCIA
CONVIVENCIACONVIVENCIA
CONVIVENCIAguisse21
 
Tamgun
TamgunTamgun
Tamgunanttab
 
Slavery Module: Lesson ten
Slavery Module:  Lesson tenSlavery Module:  Lesson ten
Slavery Module: Lesson tenTerri Weiss
 
Learning Analytics and Future R&D at CELSTEC
Learning Analytics and Future R&D at CELSTECLearning Analytics and Future R&D at CELSTEC
Learning Analytics and Future R&D at CELSTECHendrik Drachsler
 
en yüksek viyadük
en yüksek viyadüken yüksek viyadük
en yüksek viyadükhalid şen
 

Viewers also liked (20)

Рынок смартфонов и планшетов США. 2012 и 2013
Рынок смартфонов и планшетов США. 2012 и 2013Рынок смартфонов и планшетов США. 2012 и 2013
Рынок смартфонов и планшетов США. 2012 и 2013
 
White Tailed Deer by Gabby
White  Tailed Deer by GabbyWhite  Tailed Deer by Gabby
White Tailed Deer by Gabby
 
Повышение эффективности медийных рекламных кампаний — Юлия Микеда
Повышение эффективности медийных рекламных кампаний  — Юлия МикедаПовышение эффективности медийных рекламных кампаний  — Юлия Микеда
Повышение эффективности медийных рекламных кампаний — Юлия Микеда
 
Nuria
NuriaNuria
Nuria
 
彩蝶计划2008版
彩蝶计划2008版彩蝶计划2008版
彩蝶计划2008版
 
Q4M Microblogcon
Q4M MicroblogconQ4M Microblogcon
Q4M Microblogcon
 
Potentials and Limitations of Educational Datasets
Potentials and Limitations of Educational DatasetsPotentials and Limitations of Educational Datasets
Potentials and Limitations of Educational Datasets
 
Thơ Dương Tường
Thơ Dương TườngThơ Dương Tường
Thơ Dương Tường
 
網路安全
網路安全網路安全
網路安全
 
Del.Icio.Us
Del.Icio.UsDel.Icio.Us
Del.Icio.Us
 
Cijeli brojevi vježba
Cijeli brojevi vježbaCijeli brojevi vježba
Cijeli brojevi vježba
 
Project1 Example
Project1 ExampleProject1 Example
Project1 Example
 
London magento
London magentoLondon magento
London magento
 
CONVIVENCIA
CONVIVENCIACONVIVENCIA
CONVIVENCIA
 
Tamgun
TamgunTamgun
Tamgun
 
Slavery Module: Lesson ten
Slavery Module:  Lesson tenSlavery Module:  Lesson ten
Slavery Module: Lesson ten
 
Kkkah
KkkahKkkah
Kkkah
 
Learning Analytics and Future R&D at CELSTEC
Learning Analytics and Future R&D at CELSTECLearning Analytics and Future R&D at CELSTEC
Learning Analytics and Future R&D at CELSTEC
 
en yüksek viyadük
en yüksek viyadüken yüksek viyadük
en yüksek viyadük
 
Unit 1.4
Unit 1.4Unit 1.4
Unit 1.4
 

Similar to Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42

Magtoapp Еditor инструкция
Magtoapp Еditor инструкцияMagtoapp Еditor инструкция
Magtoapp Еditor инструкцияmagtoapp_inc
 
мастер класс эффективная презентация
мастер класс эффективная презентациямастер класс эффективная презентация
мастер класс эффективная презентацияOlgaB_112
 
Flow Works Edited Lowres
Flow Works Edited LowresFlow Works Edited Lowres
Flow Works Edited Lowresascreen
 
линукс
линукслинукс
линуксlekiya
 
скачивание видео и создание скриншотов
скачивание видео и создание скриншотовскачивание видео и создание скриншотов
скачивание видео и создание скриншотовAnnaYe1
 
Short help russian
Short help russianShort help russian
Short help russianQuoc Vu
 
Этапы создания буктрейлера
Этапы создания буктрейлераЭтапы создания буктрейлера
Этапы создания буктрейлераTatyana Utkina
 
ньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройствньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройствВладимир Кожаев
 
ньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройствньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройствВладимир Кожаев
 
установка Smart notebook 11
установка Smart notebook 11установка Smart notebook 11
установка Smart notebook 11Feghiu Aurelia
 
Cacoo инструкция
Cacoo инструкцияCacoo инструкция
Cacoo инструкцияOlga Gizatulina
 
13 приложений для создания презентаций на планшетах
13 приложений для создания презентаций на планшетах13 приложений для создания презентаций на планшетах
13 приложений для создания презентаций на планшетахНетология
 
Особенности электронных публикаций
Особенности электронных публикацийОсобенности электронных публикаций
Особенности электронных публикацийEd Solovey
 
Точка сборки Material design
Точка сборки Material designТочка сборки Material design
Точка сборки Material designAlexander Kulikov
 

Similar to Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42 (20)

Magtoapp Еditor инструкция
Magtoapp Еditor инструкцияMagtoapp Еditor инструкция
Magtoapp Еditor инструкция
 
мастер класс эффективная презентация
мастер класс эффективная презентациямастер класс эффективная презентация
мастер класс эффективная презентация
 
Flow Works Edited Lowres
Flow Works Edited LowresFlow Works Edited Lowres
Flow Works Edited Lowres
 
линукс
линукслинукс
линукс
 
Adobe 130417035150-phpapp02
Adobe 130417035150-phpapp02Adobe 130417035150-phpapp02
Adobe 130417035150-phpapp02
 
скачивание видео и создание скриншотов
скачивание видео и создание скриншотовскачивание видео и создание скриншотов
скачивание видео и создание скриншотов
 
Mindomo
MindomoMindomo
Mindomo
 
Graphing.ru
Graphing.ruGraphing.ru
Graphing.ru
 
iOS_Testing.pptx
iOS_Testing.pptxiOS_Testing.pptx
iOS_Testing.pptx
 
Short help russian
Short help russianShort help russian
Short help russian
 
Этапы создания буктрейлера
Этапы создания буктрейлераЭтапы создания буктрейлера
Этапы создания буктрейлера
 
ньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройствньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройств
 
ньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройствньюансы разработки видео для мобильных устройств
ньюансы разработки видео для мобильных устройств
 
установка Smart notebook 11
установка Smart notebook 11установка Smart notebook 11
установка Smart notebook 11
 
Ms Word
Ms WordMs Word
Ms Word
 
Cacoo инструкция
Cacoo инструкцияCacoo инструкция
Cacoo инструкция
 
Практикум 1
Практикум 1Практикум 1
Практикум 1
 
13 приложений для создания презентаций на планшетах
13 приложений для создания презентаций на планшетах13 приложений для создания презентаций на планшетах
13 приложений для создания презентаций на планшетах
 
Особенности электронных публикаций
Особенности электронных публикацийОсобенности электронных публикаций
Особенности электронных публикаций
 
Точка сборки Material design
Точка сборки Material designТочка сборки Material design
Точка сборки Material design
 

More from Maria Podolyak

Magtoapp - электронные журналы.
Magtoapp - электронные журналы. Magtoapp - электронные журналы.
Magtoapp - электронные журналы. Maria Podolyak
 
Licensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billingLicensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billingMaria Podolyak
 
Печатные издания → цифровые журналы на iPad
Печатные издания → цифровые журналы на iPadПечатные издания → цифровые журналы на iPad
Печатные издания → цифровые журналы на iPadMaria Podolyak
 
Типичные ошибки продвижения проекта в Интернете — Максим Спиридонов
Типичные ошибки продвижения проекта в Интернете — Максим СпиридоновТипичные ошибки продвижения проекта в Интернете — Максим Спиридонов
Типичные ошибки продвижения проекта в Интернете — Максим СпиридоновMaria Podolyak
 
Еmail vs Social — Евгений Вольнов
Еmail vs Social — Евгений ВольновЕmail vs Social — Евгений Вольнов
Еmail vs Social — Евгений ВольновMaria Podolyak
 
Как мониторинг социальных медиа помогает найти инсайты — Анна Рокина
Как мониторинг социальных медиа помогает найти инсайты — Анна РокинаКак мониторинг социальных медиа помогает найти инсайты — Анна Рокина
Как мониторинг социальных медиа помогает найти инсайты — Анна РокинаMaria Podolyak
 
Увидеть за цифрами пользователя — Алексей Ильин
Увидеть за цифрами пользователя — Алексей Ильин Увидеть за цифрами пользователя — Алексей Ильин
Увидеть за цифрами пользователя — Алексей Ильин Maria Podolyak
 
«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. Ecommerce
«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. Ecommerce«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. Ecommerce
«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. EcommerceMaria Podolyak
 
Microsite – Macro Idea
Microsite – Macro IdeaMicrosite – Macro Idea
Microsite – Macro IdeaMaria Podolyak
 

More from Maria Podolyak (9)

Magtoapp - электронные журналы.
Magtoapp - электронные журналы. Magtoapp - электронные журналы.
Magtoapp - электронные журналы.
 
Licensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billingLicensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billing
 
Печатные издания → цифровые журналы на iPad
Печатные издания → цифровые журналы на iPadПечатные издания → цифровые журналы на iPad
Печатные издания → цифровые журналы на iPad
 
Типичные ошибки продвижения проекта в Интернете — Максим Спиридонов
Типичные ошибки продвижения проекта в Интернете — Максим СпиридоновТипичные ошибки продвижения проекта в Интернете — Максим Спиридонов
Типичные ошибки продвижения проекта в Интернете — Максим Спиридонов
 
Еmail vs Social — Евгений Вольнов
Еmail vs Social — Евгений ВольновЕmail vs Social — Евгений Вольнов
Еmail vs Social — Евгений Вольнов
 
Как мониторинг социальных медиа помогает найти инсайты — Анна Рокина
Как мониторинг социальных медиа помогает найти инсайты — Анна РокинаКак мониторинг социальных медиа помогает найти инсайты — Анна Рокина
Как мониторинг социальных медиа помогает найти инсайты — Анна Рокина
 
Увидеть за цифрами пользователя — Алексей Ильин
Увидеть за цифрами пользователя — Алексей Ильин Увидеть за цифрами пользователя — Алексей Ильин
Увидеть за цифрами пользователя — Алексей Ильин
 
«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. Ecommerce
«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. Ecommerce«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. Ecommerce
«Всемирная барахолка» Анна Дужников. ВЦИОМ. 2011. Ecommerce
 
Microsite – Macro Idea
Microsite – Macro IdeaMicrosite – Macro Idea
Microsite – Macro Idea
 

Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42

  • 2. 2! Основные возможности Magtoapp! •  Кроссплатформенное решение – Android, iOS7 •  Обновления журнала– новые выпуски ( загрузка PDF, PNG)! •  Обновление информации – автоматически обновляемая новостная лента в реальном времени (RSS лента)! •  Навигация между страниц – переход из содержания выпуска на статьи или любые внутренние страницы; миниатюры страниц внизу – быстрый переход на любую страницу.! •  Добавление интерактивных элементов – звук, видео, слайд-шоу, карты. ! •  Добавление сложного функционала при помощи HTML врезок. ! •  Покупка одного номера или подписки. ! •  Ваш журнал в Newsstand (киоск журналов Apple)! •  Push-уведомления об обновлении приложения! Создание мобильных приложений!
  • 3. Процесс создания приложения! Вам потребуется PDF или PNG файл для создания мобильного приложения с использованием Magtoapp . ! ! Эти файлы – основа вашего будущего приложения. ! ! Вы можете загрузить в редактор журналы, брошюры, каталоги товаров, инструкции и т. д. в формате PDF или PNG. ! ! Подробности о подготовке файлов читайте на сайте. ! ! Создание мобильных приложений!
  • 4. 4! Составные части решения Magtoapp! •  Magtoapp Editor – программа для компьютеров на базе Windows; используется для импорта PDF файла, добавления интерактивных объектов в выпуск, управления публикациями. ! Ссылка на загрузку! ! •  Magtoapp Viewer – программа для планшетов на базе iOS и Android; используется для закрытого тестирования мобильного приложения, управления публикациями. ! Ссылка на загрузку Android и iOS. ! ! Создание мобильных приложений!
  • 5. 5! Пример приложения на базе Android! Создание мобильных приложений!
  • 6. 6! Пример приложения на базе iOS! Создание мобильных приложений!
  • 7. 7! Подробно об импорте PDF в Magtoapp Editor! Окно импорта предложит вам разные настройки: ! •  импортировать только выбранные страницы PDF документа;! •  импортировать выбранные страницы из двух или более PDF документов;! •  выбрать настройки отображения страниц: одна страница на экране или две на экране! •  а самое главное! Выбрать ориентацию отображения на планшете: альбомная или портретная.! ! Создание мобильных приложений!
  • 8. 8! Создание интерактивного приложения! Вы можете создать интерактивное приложение. Для этого достаточно добавить 1) видео 2) аудио 3) слайд-шоу 4) карты 5) HTML врезку или 6) ссылки с использованием редактора Magtoapp. ! ! ! ! ! ! ! Добавление этих объектов происходит в визуальном редакторе. Вам не нужно знать программирование. Достаточно нажать на соответствующую кнопку, задать параметры, например, ширина и высота проигрывателя видео. ! Создание мобильных приложений!
  • 9. 9! Добавление видео! Внешний вид видео проигрывателя:! 1.  Задать изображение для предпросмотра.! 2.  Выбрать черный экран с кнопкой Play для проигрывателя.! 3.  Добавить/Убрать кнопку Play поверх проигрывателя.! 4.  Установить размеры проигрывателя.! 5.  Прозрачная зона запуска видео.! Если на вашем компьютере установлен QuickTime, размеры видео устанавливаются автоматически. ! ! Требования к видео файлам - контейнер .mp4, видеокодек H.264, FPS 30 или 25, аудиокодек ААС.! Создание мобильных приложений!
  • 10. 10! Добавление аудио! Внешний вид аудио проигрывателя: ! 1.  Задать изображение, по клику на которое будет воспроизводиться звук (любой объект или кнопка Play).! 2.  Размеры проигрывателя и его нахождение относительно границ страницы.! 3.  Изображение, которое будет использоваться при нажатии на кнопку Стоп. ! ! Редактор поддерживает файлы формата MP3, кодек AAC.! ! Создание мобильных приложений!
  • 11. 11! Добавление слайд-шоу! Возможности слайд-шоу – смена фотографий при движении пальцем по экрану справа налево или наоборот, полноэкранный режим при однократном нажатии пальцем на фотографию. ! ! Управление порядком фотографий, которые используются в слайд-шоу, происходит в окне «Свойства слайд-шоу». ! ! Если в дизайне страницы уже предусмотрено изображение, которое будет являться первым в слайд-шоу, то поставьте галочку «Прозрачная область запуска». ! Создание мобильных приложений!
  • 12. 12! Добавление карты! Добавление карты начинается с ввода точки на карте; введите адрес объекта или координаты (широту и долготу).! ! Внешний вид карты: ! •  Использовать заранее подготовленное изображение для точки на карте.! •  Полноэкранный режим просмотра карты/ просмотр карты в указанных рамках.! •  Использовать заранее подготовленное изображение для запуска карты.! ! ! Создание мобильных приложений!
  • 13. 13! Добавление инфоблока! Инфоблок – частично скрытое окно во втором слое, которое «вытягивается» пальцем. ! ! Для того чтобы открыть инфоблок пользователь тянет его в сторону. ! ! Вы можете использовать этот функционал для размещения рекламы или формы обратной связи.! ! В текущей версии блок задается с помощью изображения, например, PNG файла.! ! Создание мобильных приложений!
  • 14. 14! Добавление ссылок! Внутренние ссылки нужны для переходов внутри журнала или каталога, например, для перехода на статьи из оглавления. ! ! Внешняя ссылка используется для переходов на сайт, при этом пользователь переходит из приложения в браузер. ! ! Область ссылки бывает прозрачной, когда в дизайне страницы предусмотрена иконка или знак ссылки. Вы также можете использовать изображение, по нажатию на которое будет происходит переход по ссылке.! ! Создание мобильных приложений!
  • 15. 15! Добавление HTML врезки! Существует 2 вида HTML-врезок: внутренний и внешний.! ! Внутренняя HTML-врезка используется для реализации функционала внутри приложения, например, опросы среди читателей, специальные плееры, даже миниигры на HTML5.! ! В других случаях содержимое HTML блока будет подгружаться из внешнего источника, например актуальный курс валют или фрейм с прогнозом погоды. ! Создание мобильных приложений!
  • 16. 16! Добавление текстового блока! Текстовые блоки используются для удобного чтения длинных статей или документов. ! ! Это блок запускается по нажатию на специальный значок на странице, открывается во втором слое, при этом не содержит никакие элементы кроме текста.! ! Текст вносится вручную в редакторе – заполняете поля: заголовок, подзаголовок, текст. ! ! В редакторе предусмотрена возможность добавить свое оформление текстового блока. ! Создание мобильных приложений!
  • 17. 17! Настройки «Документ»! Если изначально файл PDF создавался для печати, то при отображении страницы на устройстве могут оставаться незаполненные места. В программе мы предусмотрели соответствующие настройки.! ! Настройка цвета фона страницы отвечает за заполнение пустых мест. Черный символизирует выключенный экран, белый – продолжение страницы. ! ! Вариант растягивания страницы на весь экран рекомендуется использовать только для iPad, а также в ситуациях когда небольшое изменение пропорций экрана непринципиально.! Создание мобильных приложений!
  • 18. 18! Увеличение и уменьшение размера файла! Вы также можете задать нужную степень сжатия фонов страниц, что в итоге влияет на размер загружаемого на устройство журнала.! По умолчанию применяются настройки для отображения страниц на Retina- дисплеях: 2048 px и JPEG (95). Такая настройка позволяет по умолчанию добиться хорошего качества даже при масштабировании журналов формата A3.! ! Если конечный размер файла критичен, то можно задать другой максимальный размер фона страницы (1536 или 1024 px). ! ! В этом случае размер архива будет наименьшим, но начнутся видимые изменения качества, особенно при увеличении и при наличии мелкого текста.! ! Создание мобильных приложений!
  • 19. 19! Управление качеством отображения страницы! Создание мобильных приложений! Для файлов с большим количеством мелкого текста предусмотрена настройка «Формат страницы». При выборе PDF в архив с журналом будут добавлены PDF- файлы страниц и именно они будут отображаться на устройстве.! ! Выберите PNG в случае, если требуется наилучшее качество отображения. !