Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Perhaps the most exciting thing about iBooks Author is the ability to add interactive widgets into our iBooks. Now, interactive widgets allow us to add all kinds of exciting interactivity into our book. In this movie, I want to take a few minutes and walk through all of the major types of widgets. Now adding a widget into your book is as easy as coming up to the Widget menu, choosing the type of widget that you want to add, and then editing the content in the widget.
Let's go ahead and preview the Widgets file from the Chapter 10 folder and look at it on our iPad, because then we'll get a better feeling for exactly what we can do with widgets. The first widget we want to take a look at is the Image Gallery Widget. Now the Image Gallery Widget is a great widget for very quickly and easily building a gallery of images. You can grab any widget and pinch to zoom it out to the maximum view. You can swipe from side to side to look at all of the individual images.
You can even have custom descriptions to go along with each image. When you're finished looking at the widget, you can click the Close button at the top left of the widget, and then you can go to the next page. The next which we're looking at is the Media Widget, and this widget is used for including audio or video directly into our book. Now, we can certainly play a video directly from the page by simply touching the button. (male speaker: I'm Ron Asquith, and I'm standing on our family farm--) We've got all the controls to be able to pause our video, we can even grab the video, pinch it, and move it out to full screen, and the video continues playing in full screen mode on our iBook. That looks really great.
When we're finished, we can either click the Done button or we can pinch in together to zoom it back out to our page. Let's go ahead and go to the next page, and let's look at the Keynote Widget. Now the Keynote Widget allows you to incorporate interactive keynote presentations directly into your book. For this Keynote presentation, I'll go ahead and pinch to zoom it out to full screen. Then we can click on each of the buttons to go to each of the different areas. You can even include video directly in your Keynote presentation.
(music playing) You can include touch controls, you can even create animations that run inside of your Keynote presentation and have user interaction with those animations. When you're finished, you can go ahead and either pinch to zoom back out or hit the Close button in the upper-left corner of your page. Let's go ahead and swipe over to the next interactive widget, and this is the Interactive Image Widget. With this widget you're able to add an image that you want to then add some highlight points that when the user touches on the point on the image it will give them additional information about the specific area of the image that you want to highlight, and it allows for easy navigation at the same time.
Let's go ahead and swipe over to the next image. The next image is the 3D Widget image, and this allows us to include COLLADA.dae 3D image files directly inside of our iBooks. We can grab the image and pinch it out and then move it around in three dimensions to get a full 360-degree view of the object that we've included inside of our iBook. When we're finished, again, we'll just pinch to zoom back out to the page and swipe over to the next page. This last widget type is the HTML Widget.
This widget has an almost unlimited amount of possibilities for us to be able to use. There is a variety of different tools that you can use to create HTML widgets. In this case, we've gone ahead and created a custom Google Map that we're able to drag around and interact with directly inside of our book. We're going to use classwidgets.com's free online tool to be able to create a Dashboard Widget and drop it right into our iBook. There's one more type of widget called the Review Widget, and we're going to dedicate the entire next chapter to that.
But for the rest of this chapter, I want to spend some time going through each of these different widgets and teach you how to build these assets.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58400 Viewers
119 Video lessons · 67627 Viewers
84 Video lessons · 16904 Viewers
125 Video lessons · 29804 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.