Tutorial 480interactive

Cómo publicar una App sin hosting

Hace un tiempo hablábamos de dónde se aloja el contenido de una app, ya que es una duda frecuente que surge durante el proceso de creación y publicación. Lo habitual es alojar el contenido de la aplicación en un hostingun alojamiento web (en inglés: web hosting).

Básicamente se trata de un servicio en el que un proveedor alquila al usuario un servidor conectado a Internet y en el que se pueden alojar todo tipo de ficheros para que se pueda acceder a ellos de forma online.

Sin embargo, a partir de la última versión de 480interactive, es posible generar una app sin hosting, de forma que todo el contenido se encuentra dentro del .IPA y .APK. 

Ventajas e inconvenientes

No utilizar hosting tiene ventajas, como evitar la necesidad de conexión para descargar contenido o el coste de tener que contratar un hosting únicamente para la App en caso de no disponer de uno.

Sin embargo, para no utilizar hosting debes cumplir varios requisitos:

1. Tu App no puede pesar más de 500Mb.
2. El contenido de tu App no se podrá actualizar sin generar una nueva versión, por lo tanto, no podrás actualizar el contenido muy a menudo.

Pasos para generar tu App sin hosting.

Lo primero que debes hacer es crear tu App de forma habitual, con el formato de contenido que desees. Una vez lo tengas, debes añadirlo a 480interactive.

A la hora de activar la opción de pago «Publicar mi App», simplemente deja sin activar la opción de  «Alojamiento en 480interactive».

imagen hosting

Tras haber activado la opción de pago «Publicar mi App», podrás solicitar tu .IPA y .APK. Al hacerlo, se abrirá un asistente. Desmarca la opción «utilizar hosting para almacenar contenido» y completa los pasos. ¡Ya tienes lista tu App sin hosting!

Fuente de la imagen: Aquí

Quizá te interese:

Descubre gratis el software 480interactive para crear apps sin programar

Visita nuestro centro de soporte para realizar consultas y acceder a tutoriales

Plantilla para crear una app de Guía Informativa

Gastronómicas, sanitarias, corporativas o turísticas, la temática de una guía informativa es muy amplia. Sin embargo, todas ella tienen algo en común: comparten la necesidad de hacer que el usuario pueda acceder a la información que contienen de forma fácil y rápida.

Una forma de cumplir este objetivo es a través de las nuevas tecnologías, por lo que hoy te traemos esta plantilla gratuita para crear una app de guía de primeros auxilios.  

boton_plantilla_catalogo_480interactive

Incluye un tutorial donde conocerás paso a paso como se crean este tipo de apps, utilizando InDesign y el software 480interactive. Sin una línea de código y mediante un diseño que se adapta a cualquier dispositivo móvil

Y es que a la hora de consultar información, cada vez son más los usuarios que prefieren el formato digital al papel, principalmente por que pueden acceder a este tipo de contenido cómodamente a través de sus dispositivos móviles. Si sumamos el hecho de que hoy en día todo tiene cabida dentro de una aplicación, no es de extrañar que cada vez haya más contenido digitalizado.

Si tienes cualquier duda sobre esta plantilla o cualquier otro tema, recuerda que tienes disponible nuestro centro de soporte así como nuestro foro de usuarios, donde responderemos a tus preguntas y podrás consultar las de otros usuarios.

Quizá te interese:

Descarga gratis 480interactive y empieza a crear tus propias apps sin programar

partner_footer

¿Dónde se aloja el contenido de una app?

A la hora de crear una app, existen numerosos factores a tener en cuenta. Más allá del propio contenido, hemos de tener en cuenta otros elementos como el tipo de licencia de desarrollador a contratar, el tipo de distribución que tendrá nuestra app  (pública o privada), si es una app single (un solo contenido o publicación) o app múltiple (varias publicaciones o diversos contenido), etc.  

De todos estos temas hemos hablado anteriormente en alguno de nuestros artículos y hoy trataremos uno nuevo: dónde se aloja el contenido de una app.

Qué es un «hosting» y por qué lo necesito

Cuando hablamos de hosting nos estamos refiriendo a un alojamiento web (en inglés: web hosting). Básicamente se trata de un servicio en el que un proveedor alquila al usuario un servidor conectado a Internet y en el que se pueden alojar todo tipo de ficheros para que se pueda acceder a ellos de forma online.

Cuando creamos una app con 480interactive, generamos una carpeta comúnmente denominada Export en la cual se incluye todo el contenido. Esta carpeta es la que se ha de subir al servidor si queremos que nuestra app muestre información.

Hosting_alojamiento_web_480interactive

Un hosting, por tanto, nos servirá como lugar de almacenamiento para todo el contenido que mostremos en nuestra aplicación. El hecho de necesitar un alojamiento web para los archivos de nuestra app se debe al método de funcionamiento de las aplicaciones en general.  

Cuando un usuario se descarga una aplicación desde cualquier market (App Store o Google Play), la información descargada es básica. Es decir, la aplicación descargada está casi vacía y sólo cuando el usuario abre la aplicación móvil desde su dispositivo, esta accede al contenido del servidor y lo descarga dentro de la aplicación.

¿Qué opciones de hosting existen?

A la hora de contratar un hosting existen numerosas opciones en Internet. Desde OVH hasta 1&1, las posibilidades son muy amplias y cada usuario deberá analizar cuál es el que mejor se ajusta a sus necesidades. Sin embargo, independientemente de factores como el precio o la capacidad, lo que siempre recomendamos que el servidor disponga de un certificado SSL. 

Las siglas SSL responden a los términos en inglés (Secure Socket Layer), el cual es un protocolo de seguridad que hace que sus datos viajen de manera íntegra y segura, es decir, la transmisión de los datos entre un servidor y usuario web, y en retroalimentación, es totalmente cifrada o encriptada.

Esto permite, entre otras cosas, que el servidor disponga de un certificado para convertir las urls que generemos en hhtps en lugar de http. https es “Hyper Text Transfer Protocol” con una ‘S’ añadida al final, que hace referencia a “Secure Sockets Layer” otro importante protocolo desarrollado para realizar transferencias de forma segura en Internet usando nuestro navegador.

Desde 480interactive te permitimos ambas opciones a la hora de publicar tu app:

➙ Por un lado,  puedes alojar tu App en tu propio hosting, de forma que puedes buscar la opción que mejor se adapte a tus necesidades o aprovechar el hosting que tengas contratado para una web, otra app, etc. Elegir esta opción no implica ningún coste adicional.

➙ Por otro lado, dispones de la posibilidad de utilizar el hosting de 480interactive, para lo cual primero necesitas contratar el servicio desde la venta de 480interactive «Publicar mi App». Este servicio incluye 10GB de almacenamiento + 100GB de tráfico de descarga al mes. 

¿Cómo subo el contenido de mi App a un hosting?

Ya sea mediante tu propio hosting o mediante el de 480interactive, podrás subir tu proyecto al servidor web de forma fácil y rápida. Para ello hemos configurado este tutorial donde encontrarás los pasos a seguir así como toda la información que necesitas para publicar tu app con 480interactive.

Recuerda que con 480interactive puedes crear tus propias apps sin programar y acceder a recursos como este tutorial además de casos prácticos, plantillas, etc. a través de nuestra web de forma gratuita además de  contactar con nosotros para cualquier otra consulta.

Descubre cómo añadir una portada animada a tu artículo HTML

La tecnología avanza cada día más y hemos de estar atentos a todas las novedades que se producen para poder obtener el máximo partido de ellas. En el caso del diseño editorial, existen numerosas herramientas y recursos con las que hacer de las publicaciones digitales algo sorprendente y diferente. Podemos ser mucho más creativos que en el caso de las ediciones impresas, utilizando recursos como el de las interactividades, vídeos o animaciones que nos permitirán no sólo mejorar la experiencia de usuario sino también aumentar el engagement con nuestros lectores, entre otras ventajas.

Uno de los mayores errores que se comenten es querer reproducir con total exactitud en Internet la versión impresa de la revista. Los artículos son los mismos, pero es la forma de contar las historias es la que hace diferente cada publicación. ¿Por qué no utilizar las herramientas que tenemos a nuestro alcance para destacar? ¿Por qué quedarnos en las revistas digitales cuando podemos hacer apps de publicaciones interactivas? 
 
Por todo ello, hoy hablamos de cómo añadir una portada animada a tu artículo HTML. Una portada que se reproducirá antes de verse el artículo como tal y que se podrá omitir deslizando con el dedo o al cabo de un tiempo, como prefieras. En este tutorial, además de mostrarte los pasos a seguir , encontrarás un ejemplo de portada animada para que puedas probarla tú mismo.

Ejemplos de publicaciones con  portada animada

Portada_NewyorkerLos medios de comunicación tradicionales hace ya tiempo que comenzaron a utilizar recursos digitales en sus ediciones online. Una de las revistas más prestigiosa del mundo, “The New Yorker”, destacó hace años por su originalidad dando vida a una de sus portadas en la edición digital, cuya imagen se publicó tanto en su página web como en las aplicaciones móviles. Aunque era un sencillo gift, supuso un gran paso hacia la adaptación digital y plantó la semilla de la innovación en el sector editorial. 

Tras esta portada animada vinieron muchas más y hoy en día es un recurso muy utilizado para dotar de dinamismo  e interactividad a las publicaciones digitales. Si quieres ver algún ejemplo más, EDRevista, la app de la revista “Enfermería en Desarrollo” que ha sido desarrollada con la tecnología de 480interactive, incluye este tipo de efectos en las portadas de sus publicaciones.

Sorprende al usuario desde la primera página

¿Te imaginas comenzar tu revista o publicación con una portada de revista que parezca sacada de un anuncio? Al dotar de este tipo de efectos a nuestras publicaciones conseguimos sorprender al usuario desde el primer momento e incentivarle a descubrir que más sorpresas se esconden en las siguientes páginas de la publicación. 

En este tutorial te mostramos como trabajar con lenguaje HTML y así poder adaptarlo como portada animada. Es muy recomendable seguir todos los pasos para tener claro cómo funcionan los artículos HTML y tener los archivos necesarios para añadirle la portada a continuación. Además, dentro del tutorial también podrás descargar una portada animada de prueba para comprobar el resultado final. 

Botón-tutorial

El juego que aporta la interactividad de una revista digital al usuario en una tablet no tiene límites, ofreciendo un mundo de posibilidades tanto para el editor, como para el cliente además del anunciante. Recordemos que los anuncios en las revistas digitales no son una página estática, sino que se pueden dotar de interactividad y hacer que el usuario dedique parte de su valioso tiempo a interactuar con el anuncio. ¿Qué mejor manera de vender una marca?

portadaanimada_ok

Si quieres aplicar mayor interactividad a tus publicaciones digitales así como crear tu propia app de revista, recuerda que puedes encontrar este y muchos otros tutoriales como recursos prácticos en el centro de soporte de 480interactive.

Fuentes del artículo:

Quizá te interese:

Descarga gratis 480interactive y empieza a crear tus propias apps sin programar

partner_footer