Cómo crear widgets web para iBooks Autor

2. Electrónica de Consumo
3. Comprimidos
4. iPad
5. Cómo crear widgets web para iBooks Autor

Libro Relacionado

Por Galen Gruman

iBooks Author proporciona objetos HTML que pueden contener fragmentos de HTML (lo que Apple llama widgets web), que te permiten ejecutar funciones similares a las de un sitio web desde un libro electrónico. No puedes simplemente copiar el código HTML de una página web estándar; tienes que crear lo que Apple llama un widget web usando su herramienta Dashcode, una descarga gratuita desde el sitio web de Apple (requiere que te registres como desarrollador).

Para añadir un objeto HTML, seleccione HTML en el menú de iconos de widgets de la barra de herramientas o seleccione Insert→Widget→HTML. Para obtener el código del widget web en un objeto HTML seleccionado, tiene un par de opciones:

• Arrastre el archivo del widget Dashcode desde el Finder hasta el objeto.
• Haga clic en Elegir en el panel Interacción del inspector de widgets para abrir una hoja de configuración, donde puede localizar un archivo de código de control, seleccionarlo y, a continuación, hacer clic en Insertar para agregarlo al objeto HTML.

Debido a que los objetos HTML se reproducen en modo de pantalla completa en el iPad, el tamaño predeterminado de un objeto HTML es relativamente pequeño, bajo el supuesto de que la imagen de vista previa se parece más a un botón o un icono que a un facsímil detallado de una página web. Puede cambiar el tamaño del objeto HTML como cualquier otro objeto si su imagen de vista previa garantiza un tamaño mayor.

Si planea hacer algo más que widgets básicos de Dashcode, necesita conocimientos sólidos de HTML, CSS y JavaScript. Pero el proceso básico para crear un widget web es el mismo, independientemente de su complejidad.

Al crear un widget web en Dashcode, la primera decisión es el tipo de widget web que desea crear. Para especificar el tipo de widget, siga estos pasos:

1. Inicie la aplicación Dashcode en su Mac.
2. Abra un nuevo proyecto seleccionando File→New Project.Alternativamente, puede presionar Comando+N.
3. Elige Dashboard como el tipo de widget en el panel izquierdo de la hoja de configuración que aparece No puedes usar los widgets de Safari en iBooks Author.
4. Seleccione la plantilla deseada en la hoja de configuración y, a continuación, haga clic en Elegir También puede hacer clic en Abrir existente para continuar trabajando en un widget creado previamente.

En la ventana del proyecto que se abre después de crear un widget, aparece una lista de atributos de objeto en el panel izquierdo y una lista de tareas en la parte inferior de ese panel. Las opciones varían en función del tipo de widget que hayas elegido para crear.

El iPad de tercera generación tiene una resolución de pantalla de 2048 por 1.536 píxeles, pero aún así se establecen las dimensiones del widget web para la resolución de 1024 por 768 píxeles, tanto por su compatibilidad con los millones de iPads de generaciones anteriores como porque el iPad de tercera generación utiliza su resolución extra no para hacinar más píxeles en la pantalla, sino para producir píxeles más suaves que se asemejan más a imágenes de la vida real.

Debido a que los widgets web de los objetos HTML de iBooks Author se ejecutan a pantalla completa en el iPad, aprovecha al máximo ese tamaño de pantalla para tus widgets.

Después de configurar los visuales del widget web, vaya a través de los distintos componentes que aparecen en la parte inferior del panel izquierdo. También puede mostrar (y editar) el código relevante debajo de la ventana principal seleccionando View→Source Code o presionando Command+2.

Debajo de la lista de componentes se encuentra el panel Pasos del flujo de trabajo, que le permite desplazarse por los pasos necesarios para completar el widget web, con las acciones necesarias enumeradas. Haga clic en el icono del triángulo a la izquierda de un requisito para que la ventana principal muestre la configuración apropiada. Haga clic en Marcar como terminado para cada paso del flujo de trabajo que haya completado, de modo que pueda realizar un seguimiento de su progreso fácilmente.

Haga clic en el botón Ejecutar de la barra de herramientas para obtener una vista previa del widget web.

Para colocar el widget web en iBooks Author, vaya al paso final del flujo de trabajo (Probar y compartir) y haga clic en la opción Compartir. Haz clic en Guardar en disco para crear el archivo de widgets (.wdgt) que se puede importar o arrastrar al autor de iBooks.