Как сделать листающий каталог
Как создать электронную книгу с перелистыванием страниц в iSpring Suite
Теперь при помощи iSpring Suite вы за минуту превратите офисные документы в интерактивные учебники — в конструкторе курсов появилась новая опция под названием «Книги».
Раньше для создания книг наша компания предлагала отдельный инструмент — iSpring Flip. Теперь он входит в состав конструктора курсов iSpring Suite — так пользователи могут работать в одной программе комфортнее и быстрее.
Чтобы создать электронную книгу, достаточно открыть в iSpring Suite любой материал формата Word, PDF, PPT и нажать «Опубликовать».
Вы создадите интерактивную книгу в iSpring Suite за четыре клика
Книга сохраняет шрифты, изображения, внутреннюю навигацию, а также ссылки на полезные ресурсы, которые были в исходном документе.
Готовый материал можно загрузить в систему дистанционного обучения, назначить сотрудникам и в режиме реального времени отслеживать, как они читают книгу страница за страницей.
По отчетам в СДО вы увидите, кто читает книгу и сколько времени на это тратит
Интерактивные учебники адаптируются под размер экрана, потому их удобно читать с планшета и смартфона даже без доступа в интернет, например, в самолете или поезде.
Как создать интерактивную книгу с эффектом перелистывания страниц
1. Откройте iSpring Suite, зайдите во вкладку Книги и выберите тип файла, который хотите превратить в интерактивный учебник: PDF, Word или PPT. Пожалуйста, убедитесь, что этот документ не открыт в другой программе.
2. Чтобы посмотреть, как книга выглядит на планшете или смартфоне, нажмите кнопку Просмотр, укажите нужное устройство и ориентацию экрана.
3. Нажмите кнопку Публикация и укажите, где сохранить книгу: на компьютере, в СДО iSpring Learn или другой системе дистанционного обучения.
4. Поставьте галочку рядом с опцией Запускать в iSpring Play, чтобы можно было читать книгу в бесплатном мобильном приложении офлайн.
5. Если вы хотите загрузить книгу в СДО, выберите стандарт, который поддерживает ваша система: SCORM, Experience API (Tin Can), AICC или cmi5.
6. Нажмите кнопку Опубликовать. После публикации курса через вкладку СДО вы автоматически получите zip-архив. Загрузите его в свою систему.
Видеоинструкция «Как создать книгу в iSpring Flip»:
Получите демодоступ к полному набору инструментов iSpring Suite и убедитесь сами, как быстро можно превратить офисные документы в интерактивные книги.
Быстрый конструктор курсов и тестов
Поможет создать интерактивные курсы и тесты в рекордно короткие сроки. Без дизайнера и программиста.
Как создать электронный каталог товаров из презентации PowerPoint
Создать электронный каталог по продуктам компании можно из простой PowerPoint-презентации. У ваших продавцов всегда будет под рукой приложение, в котором они быстро найдут нужную информацию по товару и расскажут о нем клиенту в деталях. Как создать такой каталог, расскажет руководитель проекта дистанционного обучения международной компании MW-Light Лана Виноградова.
Лана Виноградова,
руководитель проекта дистанционного обучения MW-LIGHT
Знаете, чем отличается плафоны с непрозрачным стеклом от обычных, прозрачных? Например, тем, что дают более мягкий свет. А еще бывает стекло с хрустальной крошкой, гальванизированное стекло, стекло с кракелированием. Сотрудники ритейлера MW-Light, специализирующегося на продаже декоративных светильников, обязаны знать все нюансы о каждом виде стекла, о каждой люстре и лампе.
В ассортименте у компании 300 коллекций, в каждой — от 10 до 100 светильников. Причем за год линейка может обновиться на 35%. Запомнить все модели нереально. Поэтому для сотрудников мы разработали электронный каталог со всеми видами продуктов. Продавцы открывают его на телефоне или планшете, вводят нужный артикул в поисковой строке, читают информацию о люстре, показывают ее фото клиентам.
Чтобы создать такой материал, не обязательно быть дизайнером или программистом. Я сделала курс из обычной PowerPoint-презентации при помощи бесплатной версии конструктора iSpring Suite. Хотите сделать такой же? Расскажу как.
Как создать электронный каталог в iSpring Suite. Видеоинструкция
Шаг 1. Создайте презентацию по продукту
В нашей компании отдел маркетинга создает каталоги по продукции в формате PDF и PowerPoint-презентации. По факту, это обычная брошюра — на каждой странице фото отдельной модели светильника и его подробные характеристики.
Для меня презентация стала опорным материалом при разработке электронного каталога. Если у вас нет презентации, сперва создайте ее.
Для дальнейше работы вам понадобится конструктор курсов iSpring Suite. Скачайте iSpring Suite бесплатно на официальном сайте. На 14 дней вы получаете программу с полным набором функций. Этого времени хватит, чтобы превратить в электронный каталог с десяток презентаций.
Шаг 2. Переименовываем слайды презентации
Сперва нужно переименовать слайды презентации, чтобы по названию их было легко найти в поисковой строке будущего каталога. Я вывела правило: один слайд — одна модель продукции. В моем случае — один светильник. Тогда в заголовке слайда можно поставить его название или артикул.
Чтобы переименовать слайд, откройте в PowerPoint вкладку iSpring Suite и нажмите Свойства слайдов. В появившемся окне вы видите список всех слайдов.
Кликните на первый и напишите заголовок. Это может быть артикул или название товара. После то же самое сделайте с оставшимися слайдами.
Когда переименуете все слайды, нажмите кнопку «Сохранить и закрыть». Презентация готова, остается только добавить к ней поисковую строку.
Шаг 3. Настраиваем плеер для курса
Чтобы у каталога появилась удобная строка поиска, нажмите кнопку Плеер на панеле инструментов iSpring Suite.
Перед вами появится панель инструментов плеера. Выберите на панеле раздел Шаблоны и в появившемся списке нажмите на Фирменный курс.
В презентации появился плеер с поисковой строкой и списком слайдов. Также вы можете брендировать электронный каталог, вставив логотип компании.
Видеоинструкция по настройке плеера электронного каталога
Как поделиться электронным каталогом с сотрудниками
В iSpring Suite есть несколько вариантов публикации электронного каталога. Два самых популярных:
Еще один простой способ поделиться каталогом с сотрудниками — загрузить в «облачный» сервис iSpring Cloud. По сути, это файлообменник для презентаций, электронных курсов и тестов. Загружаете сюда каталог, открываете доступ по ссылке и отправляете ссылку сотрудникам по email, в социальных сетях или СМС. Продавцы смогут открыть каталог с любого гаджета, нужен лишь доступ в интернет.
Простой Google Drive или «Яндекс. Диск» здесь не подойдет, потому что эти файлообменники не поддерживают HTML-формат, в котором публикуется электронный каталог.
Видеоинструкция, как работать с iSpring Cloud
В iSpring Cloud можно смотреть статистику по материалам: кто открывал, сколько слайдов просмотрел, сколько в среднем ротратил времени на изучение.
Быстрый конструктор курсов и тестов
Поможет создать интерактивные курсы и тесты в рекордно короткие сроки. Без дизайнера и программиста.
Page Flip: как создать эффект перелистывания страниц сайта [Обновлено: Май’2020]
Если вы принадлежите к представителям старой школы и читаете бумажные книги, подписываетесь на газеты и просматриваете сайты любимых изданий в интернете, возможно, для вас привычней было бы, чтобы любимый проект был в удобной и более знакомой вам форме. Page Flip (перелистывание страниц) эффект — имитация книг.
Компьютерные технологии глубоко проникли в нашу жизнь. Каждое действие, которое мы делаем с помощью компьютеров, сопровождается работой специальных приложений. Даже ярлыки, которые мы сохраняем на рабочем столе, обрабатывает специальная программа. Многие из нас уже сегодня, беря в руку ручку, ловят себя на мысли, что постепенно забывают, как писать.
Что-то подобное происходит и с книгами. Все меньше остается таких людей, которые читают бумажные книги. Гораздо проще читать электронные книги, которые значительно дешевле бумажных или же и вовсе доступны для бесплатного скачивания.
Ниже вам будут представлены некоторые уроки, плагины и примеры с использованием эффекта PageFlip. Итак, давайте разберемся с некоторыми плагинами.
Плагины
jQuery плагины с эффектом перелистывания страниц подойдут для сайтов с большим количеством текста и изображений. Вместо однообразного и скучного отображения текстов, ссылок и изображений на страницах сайта, с эффектом перелистывания страниц вы сможете сделать презентацию проекта более интерактивной и анимированной.
Бесплатный редактор WordPress BLOCK EDITOR (ранее Gutenberg Block) для просмотра PDF-файлов с анимацией и пролистыванием.
Этот плагин использует наше бесплатное онлайн-программное обеспечение на сайте www.pdf.world, чтобы пролистывать PDF-файл в режиме LIVE.
Используйте анимированный плагин WordPress для флип-боксов, чтобы выделить ваш контент на вашей странице. Используйте шорткод, чтобы добавить куда угодно. Эти простые удивительные коробки для карт добавят особый вид и пользовательский опыт на вашей веб-странице.
Это плагин для просмотра PDF, который позволяет бесплатно встраивать ваши PDF-каталоги, журналы и брошюры в виде флипбуков на ваш веб-сайт в формате HTML5.
С dFlip вы можете создавать удивительные и реалистичные 3D HTML5 Flipbook, которые привлекут внимание ваших клиентов к PDF-контенту. Это намного более интуитивно и привлекательно, чем традиционные программы чтения PDF.
Данный плагин для просмотра PDF / PDF Embedder, который отображает ваши PDF-файлы или изображения на вашем веб-сайте в виде Realistic Flipbook. Flipbook Real3D использует только javascript, никакие фреймы или сторонние сервисы не используются.
FlipBook прост в управлении. Вы можете добавить изображения (JPG, PNG) в качестве страницы. Количество страниц не ограничено.
Учебники
Учебник представляет чистый CSS и рамку 3D Page Flipping.
Преобразовать можно с помощью специального кода:
В настоящий момент Page Flip с использованием анимации CSS3 работает в Safari и iPhone.
Этот урок проведет вас через весь процесс создания собственного эффекта перелистывания страниц с помощью JavaScript.
Джо Ламберт проведет вас через процесс создания потрясающего эффекта оформления страниц сайта с галереей изображений.
В этом уроке вы узнаете, как создать круг с ручкой, которая открывается при нажатии на нее, создавать реалистичные 3D-эффекты и перелистывать страницы с помощью CSS 3D преобразований и теней.
Преобразование веб-страниц сегодня стало намного проще с Adobe InDesign CS4.
Таблица Page Flip плагинов
| Название плагина | Автор | Цена |
| PDF.world Block | pdfdotworld, Franz Habegger | Бесплатно |
| Flipboxes | Cool Plugins | Бесплатно |
| Interactive 3D FlipBook | iberezansky | Бесплатно |
| Flowpaper | Devaldi Ltd | Бесплатно |
| Interactive EASY FlipBook | inogst.com | Бесплатно |
| Ultimate PDF Flipbooks | Umair Akram & Hasnain Khalid | Бесплатно |
| dFlip 3D Flipbook | DearHive | Бесплатно |
| Real3D Flipbook | creativeinteractivemedia | Бесплатно |
| Nature FlipBook | flashmaniac | Бесплатно |
| Flipbox | Biplob Adhikari | Бесплатно |
Ждем ваших откликов!
Теперь пришло время вам поделиться своими мыслями об эффекте перелистывания страниц PageFlip. Приводите примеры, описывайте удобство плагинов и т.д. в комментариях ниже.
Читайте также:
Работает в компании TemplateMonster уже более 8 лет. В своей работе стремится только к положительным результатам. Ответственна, старательна, трудолюбива.
Flip PDF
Flip PDF предлагает быстрый и легкий способ конвертировать обычные PDF файлы в потрясающие буклеты с эффектом перелистывания страниц и изумительным звуком! Только представьте, теперь вы сможете создавать цифровые журналы и каталоги, похожие на настоящие книги, без специальных знаний программирования! Как только вы создали ваш шедевр с переворачивающимися страницами с Flip PDF, вы можете сразу опубликовать его на вебсайте, отправить по электронной почте и даже использовать на мобильных устройствах, на платформе Mac или записать на CD, и все это без оплаты авторских гонораров!
Для Windows 8, 7, Vista, XP
Вопросы и Детали работы с услугой онлайн загрузки.
