Создать приложение HTML5

В Pepper Folio пользователи могут просматривать и взаимодействовать с приложениями HTML5. Каждое приложение HTML5 — это ZIP-файл, содержащий файлы HTML, CSS, JS, а также изображения. Они отображаются в виде файла .pepperapp при их загрузке.

Чтобы подготовить приложение HTML5 для Pepper Folio, выполните следующие действия:

1. Убедитесь в том, что на домашней странице приложения HTML5 имеется файл index.html.
2. Когда файлы приложения HTML5 будут готовы, упакуйте их в ZIP-файл. Убедитесь в том, что файл index.html находится в корневом каталоге.
   
3. Измените расширение файла .zip на .pepperapp.
• В Windows щелкните по файлу .zip правой кнопкой мыши и выберите «Переименовать». Измените .zip на .pepperapp, затем подтвердите изменение.
• В MacOS щелкните по файлу .zip правой кнопкой мыши и выберите «Получить информацию». В «Имя и расширение» измените .zip на .pepperapp, затем подтвердите изменение.
4. Загрузите файл .pepperapp в Pepper Flow и отправьте его через процесс рецензирования. После утверждения он будет отображаться в Pepper Folio.

Рекомендации

• По умолчанию каждое приложение HTML5 отображает значок планшета в виде иконки. Чтобы использовать вместо этого пользовательскую иконку, включите файл thumb.png вместе с файлом index.html. Рекомендуемый размер изображения составляет 400 на 400 пикселей, но некоторые изменения допускаются.
  
• Чтобы связать файлы из вашего приложения HTML5, выполните одно из следующих действий:
• Для файлов, доступных в Pepper Folio, скопируйте и вставьте URL-адрес средства просмотра файлов. Для работы с этой функцией людям, которые просматривают приложение HTML5, также потребуется доступ к Pepper Folio.
• Для файлов, утвержденных в Pepper Flow, используйте открытые URL-адреса.
• Для любых других файлов включите их в приложение HTML5 и используйте относительные ссылки.
• Когда вы выполняете привязку к любому объекту вне приложения HTML5, используйте target="_blank", чтобы открыть ссылку в новом окне. Это позволяет легко возвращаться к вашему приложению HTML5.
• Сохраняйте изображения, видео и другие файлы в меньшем размере для веб-сайта. Это ускоряет загрузку вашего приложения HTML5.

Проблемы, с которыми вы можете столкнуться

• Если вы забыли изменить .zip на .pepperapp перед загрузкой в Pepper Flow, перед повторной загрузкой соответствующего .pepperapp сделайте произвольное изменение (например, добавьте пустую папку). В противном случае Pepper Flow продолжит интерпретировать ваш .pepperapp как обычный файл .zip, а приложение HTML5 не будет отображаться в Pepper Folio.