Introducción al desarrollo de al uso de PublIcacIones ...
Transcript of Introducción al desarrollo de al uso de PublIcacIones ...
![Page 1: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/1.jpg)
Introducción al uso de
Autora:Daniela Hanna Ardiman
PublIcacIones DIgItales (PD)
Introducción al desarrollo de
en InDesign
![Page 2: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/2.jpg)
¿Qué es una Publicación digital (PD)?(sinónimo de publicación electrónica)
![Page 3: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/3.jpg)
Es un archivo de carácter editorial (revista, libro, periódico, etc) que se publica para ser leído a través de un eReader.
eReader: kindle, tablet y smartphone.
¿Qué es una Publicación digital (PD)?(sinónimo de publicación electrónica)
![Page 4: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/4.jpg)
Diferencias
≠
Se diferencian enformato, soporte, visualización, interacción, producción, distribución, insumos, usuarios, entre otros.
Publicaciones impresas Publicaciones digitales
![Page 5: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/5.jpg)
Tipos de PD
Publicaciones en línea
Publicaciones fijas
Se diferencian de acuerdo al modo en cómo accedemos a ellas.
Se accede a ellas a través de un computador o dispositivo conectado a Internet, la publicación se encuentra en el servidor on-line de Adobe
Los archivos se encuentran en un soporte físico transportable.
![Page 6: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/6.jpg)
¿Qué necesito para comenzar?
![Page 7: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/7.jpg)
ID Adobe
¿Qué necesito?
Mac o PC+ +
Descargar e instalar pug-in desde > Adobe.com y crear cuenta (ID Adobe)
GRATIS
![Page 8: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/8.jpg)
ID Adobe Mac o PC+ +
Descargar e instalar pug-in desde > Adobe.com y crear cuenta (ID Adobe)
Este archivo contiene diferentes elementos que me permitirán trabajar en una publicación digital
El ID Adobe me permite finalizar las publicaciones digitales a través de la web de adobe
GRATIS¿Qué necesito?
![Page 9: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/9.jpg)
ID Adobe+ +
Herramientas
Contiene
Folio OverlaysPanel de herramientas de interacción
Folio BuilderPanel para crear publicaciones y artículos
¿Qué necesito?
![Page 10: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/10.jpg)
ID Adobe+ +
Adobe Content Viewer
Herramientas Previsualizador
Contiene
Programa que permite previsualizar la publicación digital
¿Qué necesito?
![Page 11: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/11.jpg)
ID Adobe+ +
Adobe Content Viewer DPS App Builder
Herramientas Previsualizador Publicación
Contiene
(Digital Publishing Suite App Builder)
Programa con el cual se crean las publicaciones como aplicaciones
¿Qué necesito?
![Page 12: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/12.jpg)
Proceso de Publicaciónen resumen
![Page 13: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/13.jpg)
Proceso de publicaciónen resumen
Layout
Adobe Content Viewer
creación
![Page 14: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/14.jpg)
Layout
Adobe Content Viewer
creación Producción
.Folio Archivo de la publicación
Proceso de publicaciónen resumen
![Page 15: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/15.jpg)
creación Producción
DPS App Builder
.Folio
Generador de app
Layout
Adobe Content Viewer
Proceso de publicaciónen resumen
![Page 16: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/16.jpg)
creación Producción
DPS App Builder
App
.Folio
App + ícono
Layout
Adobe Content Viewer
Proceso de publicaciónen resumen
![Page 17: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/17.jpg)
creación Producción Distribución
Itunes
Android Market
PCPlataforma app y PD
Layout
Adobe Content Viewer
DPS App Builder
App
.Folio
Proceso de publicaciónen resumen
![Page 18: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/18.jpg)
creación Producción Distribución
Itunes App Store
Google PlayAndroid Market
PC
Se sube la app a
Se sube la app a
Plataforma de venta y distribución
Plataforma app y PD
Layout
Adobe Content Viewer
DPS App Builder
App
.Folio
Proceso de publicaciónen resumen
![Page 19: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/19.jpg)
Layout
Adobe Content Viewer
creación Producción Distribución
DPS App Builder
App
.Folio
Itunes App Store
Google PlayAndroid Market
Proceso de publicaciónen resumen
![Page 20: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/20.jpg)
Procesos
![Page 21: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/21.jpg)
Proceso: diseño
Layout
Para el diseño de publicaciones de se generan archivos independientes llamados Artículos.
Archivo > nuevo > publicación
![Page 22: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/22.jpg)
Layout
Para el diseño de publicaciones de se generan archivos independientes llamados Artículos.
Se diseñan en vertical y horizontal en el caso de querer ambas direcciones.
Hola! Hola!
IphoneResolución: 72 pppTamaño: 640 x 960 pxIpadResolución: 72 pppTamaño: 1024 x 768 pxIpad RetinaResolución: 72 pppTamaño: 1024 x 768 px
Proceso: diseño
Archivo > nuevo > publicación
![Page 23: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/23.jpg)
Artículo V Artículo H
Para comenzar se debe seleccionar qué tipo de publicación va a ser, en este caso; publicación en línea
Proceso: creación de PD
![Page 24: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/24.jpg)
Panel Folio Builder
Artículo V Artículo H
Menú Herramientas > Folio Builder
Para comenzar se debe seleccionar qué tipo de publicación va a ser, en este caso; publicación en línea
A través del panel Folio builder
Proceso: creación de PD
![Page 25: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/25.jpg)
Panel Folio Builder
Artículo V Artículo H
Menú Herramientas > Folio Builder
Para comenzar se debe seleccionar qué tipo de publicación va a ser, en este caso; publicación en línea
A través del panel Folio builder
Iniciando sesión con ID adobe
La publicación quedará guardada en el servidor de Adobe
GRATIS
Proceso: creación de PD
![Page 26: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/26.jpg)
Panel Folio Builder
Artículo V Artículo H
Crear nueva publicación
Proceso: creación de PD
![Page 27: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/27.jpg)
Panel Folio Builder
Artículo V Artículo H
Crear nueva publicación
Nombre publicación
Formato/ soporte
Img vista previa
Formato publicación
Proceso: creación de PD
![Page 28: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/28.jpg)
Proceso: orden de la PD
Folio
![Page 29: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/29.jpg)
Crear nuevo artículo
Folio Folio
Artículo
Puedo colocar el artículo seleccionando el archivo abierto en InDesign (por ejemplo; el que estoy trabajando) o importar el archivo desde su ubicación en carpeta
Proceso: orden de la PD
![Page 30: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/30.jpg)
Folio Folio
Artículo
Folio
Maquetación horizontal
Maquetación verticalHola!
Hola!
Proceso: orden de la PD
![Page 31: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/31.jpg)
Vista previa de Publicaciones digitales(a través de Adobe Content Viewer)
![Page 32: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/32.jpg)
Vista previa de PD
Layout
Adobe Content Viewer
descargar desde la plataforma de app de cada dispositivo para apple y android
a través de
![Page 33: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/33.jpg)
Vista previa en InDesign
Adobe Content Viewer
Folio
![Page 34: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/34.jpg)
Publicar: Proceso final
Al publicar de esta manera, podremos previsualizar y compartir la PD en cualquier dispositivo que cuente con la aplicación Adobe Viewer.
(para consultar la vista previa de la PD en Adobe Content Viewer)
Para conocer más sobre las PD y estas estén disponibles en tiendas ver web
![Page 35: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/35.jpg)
Publicar desde la webingresando con el ID Adobe
Como la publicación digital se realiza a través del servidor de Adobe, desde la web se procede a finalizar la publicación
digitalpublishing.acrobat.com
![Page 36: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/36.jpg)
Ingresar a panel Folio Producer
Como la publicación digital se realiza a través del servidor de Adobe, desde la web se procede a finalizar la publicación
Este panel permite ingresar a Folio Producer, donde se visualizan los trabajos de publicaciones digitales que se han realizado en línea (a través del servidor de Adobe)
desde la webingresando con el ID Adobe
digitalpublishing.acrobat.comPublicar
![Page 37: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/37.jpg)
Folio Producer: Organizador
Folio
Publicación de prueba
prueba 1 PD
Hola!Hola!
![Page 38: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/38.jpg)
Folio
Publicación de prueba
prueba 1 PD
Hola!Hola!
Antes de publicar se debe completar la información de las casillas
También se deben cargar las imágenes de portada en horizontal y vertical
Folio Producer: Organizador
![Page 39: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/39.jpg)
Folio Producer: Publicar
Folio
Publicación de prueba
prueba 1 PD
Hola!Hola!
pruebaColocar un ID que lo identifique
![Page 40: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/40.jpg)
Folio
Publicación de prueba
prueba 1 PD
Hola!Hola!
Publicación finalizada
Folio Producer: Publicar
![Page 41: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/41.jpg)
Visualización: tablet o smartphone
Ingresar a la app content Viewer con el ID de Adobe
se cargan las publicaciones
Los archivos se pre visualizarán en la app Content Viewer que sean del mismo formato del soporte tablet o smartphone
Hola!
![Page 42: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/42.jpg)
Hola!Hola!
listo!
![Page 43: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/43.jpg)
**Para poder generar una App y publicar a través de
DPS, se debe comprar una cuenta y contar con una
membresía de pago anual que permitirá publicar
en ambos mercados; App Store y Play Store.
*Para mayor información sobre generar la aplicación, publicación, cuentas y membresías ver link.
Introducción a los tipos de cuentas de DPS
![Page 44: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/44.jpg)
Fuentes
web
ver también
Revisterovirtual
Descargar plug-ins de Adobe
Ayuda de Adobe
Diferencias entre visores iOS y Android
Tipos de aplicaciones de DPS
![Page 45: Introducción al desarrollo de al uso de PublIcacIones ...](https://reader031.fdocuments.ec/reader031/viewer/2022012514/618de5095b405f2bd24ca8ae/html5/thumbnails/45.jpg)
Tutorial creado con el fin de contribuir al aprendizaje y formación profesional de personas interesadas en el dominio de nuevas tecnologías en Tipografía.
Este tutorial puede ser usado sólo citando a su autora.Trabajo licenciado con Creative Commons.