En Pepper Folio, los usuarios pueden ver e interactuar con aplicaciones HTML5. Cada aplicación HTML5 es un archivo .zip que contiene archivos HTML, archivos CSS, archivos JS e imágenes. Cuando se descargan, aparecen como un tipo de archivo .pepperapp.
Para preparar una aplicación HTML5 para Pepper Folio, haga lo siguiente:
- Asegúrese de que la aplicación HTML5 tenga un archivo index.html en su página de inicio.
- Cuando los archivos de la aplicación HTML5 estén listos, comprímalos en un archivo .zip. Asegúrese de que el archivo index.html esté ubicado en la raíz.
- Cambie la extensión de archivo .zip a .pepperapp.
- En Windows, haga clic con el botón derecho en el archivo .zip y seleccione “Cambiar nombre”. Cambie .zip a .pepperapp y confirme el cambio.
- En MacOS, haga clic con el botón derecho en el archivo .zip y seleccione “Obtener información”. En Nombre y extensión, cambie .zip a .pepperapp y confirme el cambio.
- Cargue el archivo .pepperapp a Pepper Flow y envíelo mediante el proceso de revisión. Cuando haya sido aprobado, aparecerán en Pepper Folio.
Sugerencias
- De manera predeterminada, cada aplicación HTML5 muestra un icono de tableta como miniatura. Para utilizar una miniatura común en su lugar, incluya un archivo thumb.png junto con el archivo index.html. El tamaño de imagen recomendado es de 400 x 400 píxeles, pero se puede variar.
- Para enlazar a archivos desde la aplicación HTML5, haga lo siguiente:
- En el caso de los archivos disponibles en Pepper Folio, copie y pegue la URL del visor del archivo. Para que esta opción funcione, para ver la aplicación HTML5 las personas deberán acceder también a Pepper Folio.
- En el caso de archivos aprobados en Pepper Flow, use URL públicas.
- En el caso de otros archivos, inclúyalos en la aplicación HTML5 y use enlaces relativos.
- Cuando enlace a algo fuera de la aplicación HTML5, use target="_blank" para abrir el enlace en una nueva ventana. Esto permite volver de manera más sencilla a la aplicación HTML5.
- Guarde imágenes, videos y otros archivos con tamaño pequeño, igual que lo haría para un sitio web. Esto hará que la aplicación HTML5 cargue más rápido.
Problemas que puede encontrar
- Si olvida cambiar la extensión del archivo de .zip a .pepperapp antes de cargarlo a Pepper Flow, asegúrese de realizar un cambio arbitrario (como añadir una carpeta vacía) antes de volver a cargar el archivo .pepperapp correcto. De lo contrario, Pepper Flow seguirá interpretando el archivo .pepperapp como un archivo .zip regular y la aplicación HTML5 no se mostrará en Pepper Folio.
Comentarios
0 comentarios
El artículo está cerrado para comentarios.