iBooks Author Widgets and Layout

Uploaded by jeremykemp on 03.02.2012

This video covers the iBooks Author widgets and using the Author layout tool. The book
I'm gonna give you an overview of is called Kids Love Bugs. It's the first self-published
iBooks 2 file sold on iTunes and it's $2.99. My name is Jeremy Kemp, I'm a lecturer at
San Jose State's School of Library and Information Science. Ok, let’s go ahead and open Author
and open up a sample iBook: Kids Love Bugs.
In order to download the Author tool you need iTunes 10.5, and also Mac OS Lion 10.7 in
order to even work with the ibooks Author. iBooks Author – it comes in the App Store
and its free.
Okay so I have two basic options here when I'm starting a book. First off I could start
with a template, and here are the templates they offer. Basic, contemporary. I'm using
this craft format. So I chose the craft format, and then craft format comes with different
page layouts. These are templates, insert, I can do a chapter or preface. I can insert
a section and copyright forward. I can insert just a plain old blank page. Another thing
I can do here is insert a chapter from pages or a Word document and the Word document format's
come in pretty faithfully; it's nice. Now just to compare, I want to show you, I want
to compare that top bar here in iBooks Author, right back behind I've got a Keynote document
open and you can see a lot of the similar interface elements. In this case, Keynote
up top allows you to add a slide whereas authors, iBook Author allows you to add section and
page types. You also have the same controls, text box, shapes, tables, charts. One new
piece here for iBooks Author is widget which allows you to add any one of these seven types
of interactive widgets. Another new thing here in the iBooks side is the ability to
preview the book on your iPad real time as well as to publish to a dot iBooks format
and eventually to the iTunes store. You have the same controls here on the top right, the
Inspector, Media, Colors and Fonts. So you can see the basic interface between Keynotes
and authors, very similar. There's a cover page which has a background you can see, and
then just some text fields here. You can change the font under a format show fonts. This is
very similar to Keynote pages. Also here, over here in the Inspector I can change the
alignment of the text, the color of the text. I can change the spacing. I can change the
color fill of that box. I can change flip, rotate. So lots of controls here. I can add
tables and columns. I can also add graphs and charts here and I can make a hyperlink
to a webpage. Okay next up, let's take a look at the intro media. This is a QuickTime file
dot m4v and in this case it's just a few seconds, then I've got the table of contents page.
This is the same throughout the book. In my case I've made sort of an awkward choice here
and just left the individual pages by themselves. Take a look at this by DK. You can see in
this case I cheated a little bit here and made a single chapter book, the first page
being where they've marked start here. Okay now that you've seen basically out of the
book the basic interface compared to Keynote, let's take a look at widgets-- seven different
types. Probably the most common is gonna be your gallery widget, so here's an example
of a gallery widget where I just sweep my finger across and I can see multiple images.
The next type is the media format and you can see here, here's an example of media format
here on the left with the chrysalis hatching. >> The chrysali- >> Comes with media controls,
and next up interactive image, this is a standard widget in Author. So here I have a jpeg format
file and I can click on individual items and zoom in on them. You can see here I position
this item and then position the view for that item when you click on it. So this is the
final view for when you've clicked, set the view, come back out to the full image. Let's
take a look-- okay. So that's the full image. Now when I click on that individual item,
you can see it remembers the end position of the camera. So this is nice. It's it's
limited but it allows you to zoom in on pieces. The next widget up is probably the most interesting,
is the ability to import a Keynote interactive. So let me show you how to build Keynote interactive
very quickly to include in the book. Okay here we are in Keynote. What I have is 11
different views in the interactive piece. Each one of these antennas cause each one
of these little hotspots, if you click on them, cause a new image, the full image to
show up including the highlighting on the individual antennae. So the way this works
is, I've got 11 images with identical controls, the the set of icons around the image, and
you can see that the image in the middle changes. But overlaying each one of these individual
controls out here is a hyperlink to slide numbers. So you can see in this case, if you
click in the top left, this one right here, you get to slide number two, but if you click
on the next one, you can see you go to slide number, two sorry. And then the next one,
slide number three. So in that way, this is a, let me play this Keynote illustration for
you and you get the same effect that you'll get on the iPad. You can hear the sound. Whenever
I click on any one of these hotspots I go to that individual slide. Okay let's take
a look behind this image. You can see that I've embedded a sound file. So that sound
file is set up to show upon building in start audio. And that way it's a very simple Keynote
animation which allows you to move between these 11 hotspots. The final thing you need
to do here is to make sure that this slide presentation only works on hyperlinks. Click
on the document settings and choose hyperlinks only. That's important. The only way to navigate
this will be through the hyperlinks and the person won't be able to click through and
see a sequential slideshow. Let's take a look at two that are much more complicated and
have maybe a lot more potential. First off, the 3D image. So first thing I'm gonna do
is insert a page. Now I'm gonna choose the widget, 3D widget, move it over here to the
side and you can see here it asks for a 3D file. Now iBooks Author requires a dot DAE,
that's a COLLADA file format. First off, start up SketchUp program from Google. It allows
you to import images or 3D objects from the 3D warehouse. So let me go to the models page
and search for something like ants. So I'll, these are all 3D models that are available,
not necessarily free of license. Okay I'm gonna go ahead and add this one right into
the model. So 3D model and actually you can see it's 3D because I can zoom around it like
this. I'm gonna export as a 3D model in the format of COLLADA. That's a dot DAE file.
Okay and I export it. Gonna go back to books and choose, you could see the ants dot DAE
format and insert it. Okay the next and most flexible widget is the Dashcode HTML format
widget. This allows you to place widgets in the same format as the Macintosh desktop widget
and you can see here I'm gonna go and find a Dashcode HTML. In this case it will be in
the library on my hard drive under widgets. You're gonna have to create these yourself.
I've got a few here that will work kinda sorta. Most of these widgets won't work because they
require file access or internet access. I'm gonna place a calculator widget here and change
the layout for this guy so that he's all on his own. There you go. So on the left side
we have a COLLADA 3D model. On the right hand side is a widget. Those are created in an
application called Dashcode here on the Macintosh. So let's take a look at what these pieces
look like on the iPad.
So this is the set of books in my book shelf. Some of these are the professional publishers,
the life on earth, [inaudible] natural history insects. This is the book I want to take a
look at my Kids Love Bugs book. So I'm gonna open it up. I see the cover. >> Dr. Kemp's
Kids Love Bugs. >> That's called the intro media file, and then it immediately jumps
to chapter one, and you can see here there's a chapter header page. Here's a book with
multiple pages in the in the section in the chapter. So I'm gonna open up the chapter
header page and this is a, an interactive widget, the gallery widget. All the widgets
allow you to expand to full page. Here you can see a keynote animation with hot spots,
so these are linked within the slideshow. So I'm gonna start it up. So individual slides
come with a sound when I navigate through it. So I'm gonna go to the next page. This
is another widget. Click on individual pieces within the photo and it zooms in. Finally a video file m4v file in the page.
[ Music ] >> So I'm gonna shrink this page down. You can see the layout of the book here
along the bottom. This has been Jeremy Kemp from San Jose State School of Library and
Information Science.