Conceptos fundamentales

Vista previa de la App que vamos a crear

Pruébalo en tu tablet o smartphone

¿Cómo funciona?

La estructura de la aplicación se basa en dos niveles:

1. Quiosco de publicaciones:

Al abrir la App se ven las diferentes ediciones de la revista, se pueden ordenar por fecha, tipos de contenido, categorías, etc.

QuioscoEditorial_CORTADA

2. Ediciones:

Cuando entramos en una edición de la revista, ésta se organiza por artículos. Visualmente en cada página aparece una portadilla del artículo con la información más relevante, y al pulsar en “Leer artículo” podemos acceder al artículo completo.

multidispositivo_02

Compatibilidad y usabilidad

El método de trabajo propuesto se basa en cuatro condiciones fundamentales:

  1. Que el contenido se pueda descargar en el dispositivo móvil y se pueda consultar sin conexión a internet.
  2. Que un único trabajo sea compatible con el mayor número de dispositivos tablets y smartphones.
  3. Que un único trabajo sea compatible con iOS y Android
  4. Experiencia de usuario sencilla, fácil de comprender y que ayude a consumir el contenido de forma ágil

Producción de la App y los Contenidos

Utilizamos tres herramientas para crear el producto:

  • 480interactive:
    Nos sirve para crear la App sin programar, gestionar el quiosco y actúa como gestor de las ediciones, donde subimos los contenidos desde InDesign y html.
  • InDesign:
    Nos sirve para crear las secciones o portadas de cada artículo de la revista.
  • HTML:
    Nos sirve para crear los artículos completos con texto, imagen y vídeo.

Temario del curso:

A continuación vamos a crear una aplicación tipo quiosco y la primera edición de la revista con 480interactive, InDesign y una plantilla HTML:

Tema 1:

Crear la App con 480interactive

Tema 2:

Crear una edición de la revista con InDesign

  • Crear el documento InDesign compatible con todos los dispositivos
  • Crear las páginas/artículos de la revista
  • Convertir InDesign en Issue
  • Añadir a la App
  • Enviar proyecto a nuestro smartphone

Tema 3:

Añadir el contenido en InDesign:

  • Añadir las portadas de cada artículo
  • Añadir el botón “leer artículo”
  • Crear el contenedor para añadir después el artículo en HTML

Tema 4:

Crear los artículos con HTML

Tema 5:

Añadir los artículos HTML a la App y probarla


 

Empezar Tema 1 > 

Ir al Foro