IntroductionWelcome| 00:00 | (music playing)
| | 00:04 | Hi! I'm Mike Rankin and welcome to
iBooks Author for Teachers: Fundamentals.
| | 00:09 | In this course, we'll be exploring
the key features and techniques you can
| | 00:12 | use to create great looking, highly engaging,
interactive content for students with iPads.
| | 00:18 | We'll begin by discussing how to get
your project started the right way with
| | 00:21 | templates, then we'll look at how to
work with each component of a project,
| | 00:25 | including the ins and outs of
working with text and styles.
| | 00:29 | I'll show how to place images and
improve their appearance, plus how to add
| | 00:33 | media like audio and video, and of
course we'll see how to create every kind of
| | 00:38 | interactive widget inside iBooks Author,
| | 00:40 | how to test your project on an iPad, and
even how to extract assets and archive them.
| | 00:46 | Not only does iBooks Author help you
create great content for your students, I
| | 00:50 | think you'll also find it's a lot of fun to use.
| | 00:52 | So, let's get started right now
with iBooks Author for Teachers:
| | 00:55 | Fundamentals.
| | Collapse this transcript |
| Using the exercise files| 00:00 | You will have access to the Exercise
Files I'll be using throughout the movies
| | 00:04 | in this video series.
| | 00:05 | I recommend you download the Exercise
Files and put the main folder on your desktop.
| | 00:10 | Inside the Exercise Files folder,
you'll find subfolders for each chapter, and
| | 00:14 | inside those, the files for each movie.
| | Collapse this transcript |
|
|
1. Working with Layouts and PagesWorking with iBooks Author templates| 00:00 | Templates are the foundation
of iBooks Author documents.
| | 00:03 | They can help you make
professional looking projects with consistent
| | 00:06 | formatting and structure, and save you
a tremendous amount of time and effort
| | 00:10 | over building pages from scratch.
| | 00:12 | So, let's begin by taking a look at
what makes up an iBooks Author template and
| | 00:15 | how to use the Template Chooser.
| | 00:17 | Every project you create in
iBooks Author is based on a template.
| | 00:21 | And if you think about it, you really
wouldn't want to have to build and format
| | 00:24 | each and every page from scratch,
especially if your project is book length.
| | 00:28 | So, Apple provides templates to give your
projects consistent structure and formatting.
| | 00:33 | Templates include various
layouts or page types that you'll need.
| | 00:37 | They also include paragraph and character
styles you can apply to your text to format it.
| | 00:41 | And templates also provide a little
automation in the form of table of contents
| | 00:45 | styles, which automatically create
your project's table of contents.
| | 00:50 | And it's great that Apple provides you with
several templates to choose from all ready to go.
| | 00:54 | You can see them in the Template Chooser,
which is the window I have open right here.
| | 00:58 | The Template Chooser opens when
you first launch iBooks Author.
| | 01:02 | And if I close it, I can reopen it by
choosing File > New From Template Chooser,
| | 01:07 | or pressing the keyboard shortcut,
Command+Shift+N. In iBooks Author 2, you get 15
| | 01:13 | templates in all, and you can see
each of them here with their name, and a
| | 01:17 | preview of the first page.
| | 01:18 | At the bottom of the window is a
slider you can use to adjust the size of the
| | 01:22 | previews, making them large, or small.
| | 01:25 | In the top half of the Template Chooser, you
have a set of templates, which have two modes,
| | 01:29 | Landscape and Portrait, meaning that
when the iPad is rotated, the layout of the
| | 01:33 | project will adapt to the view.
| | 01:36 | In the bottom half of the
Template Chooser, you have Portrait Only
| | 01:38 | templates, which will stay fixed in
portrait orientation regardless of how
| | 01:43 | the iPad is turned.
| | 01:44 | So, the main part of the Template
Chooser is where you go to select the template
| | 01:48 | for a brand new project.
| | 01:49 | And it's important you pick the
template you really want for your project
| | 01:52 | because you can't change it later on.
| | 01:55 | If you're not starting a new project but
instead you want to open a project that
| | 01:58 | already exists, you can use the
controls at the bottom of the window.
| | 02:02 | On the left, you have a menu where you
can select recently opened iBooks Author
| | 02:05 | projects, and next to that is a button
you can click to navigate to an iBooks
| | 02:09 | Author file on your hard-drive.
| | 02:13 | Now, let's take a look at each of
the elements that make up a template.
| | 02:15 | I'm going to double-click
on the Modern Type template.
| | 02:18 | This will open up a new Untitled
iBooks Author file based on that template.
| | 02:24 | On the left side of the window, I can see
the elements that came from the template.
| | 02:28 | First is the Book Title, which is the
book cover that appears in the iBooks Store
| | 02:31 | and on the bookshelf in the iBooks app.
| | 02:35 | The Intro Media, which is an optional
image or a video that plays when the
| | 02:38 | book is opened on an iPad. The
Table of Contents, which is automatically
| | 02:43 | created and can be used to navigate
to different parts of the book. The
| | 02:47 | Glossary, which allows you to create
definitions for words that your readers
| | 02:51 | can see by tapping on the word.
| | 02:53 | And it's worth noting that
the Glossary is not required.
| | 02:56 | If you don't want one, just don't
define any words, but you can't delete the
| | 03:00 | Glossary element all together.
| | 03:02 | And finally, the elements that
make up the bulk of your project,
| | 03:04 | the Chapters and the Sections.
| | 03:07 | Pages can only exist within chapters or
sections, so your project has to contain
| | 03:11 | at least one Chapter or one Section.
| | 03:13 | Templates also include paragraph and
character styles for formatting text and
| | 03:17 | for populating the Table of Contents.
| | 03:19 | You can see the text styles in your
document by clicking on the blue paragraph
| | 03:23 | button on the left side of the window.
| | 03:26 | Over here on the right, I can see Paragraph
Styles, Character Styles, and List Styles.
| | 03:32 | This drawer can appear on either the
left or the right side of the window,
| | 03:35 | depending on where it's positioned on screen.
| | 03:38 | Templates also contain layouts, which
is the term iBooks Author uses for the
| | 03:42 | different page types you
can insert into your project.
| | 03:45 | You can see the different layouts in
this document by choosing Show Layouts From
| | 03:48 | the View popup menu, or you can choose
it from the View menu, or by clicking on
| | 03:54 | the right side of the Book pane
in the sidebar and dragging down.
| | 03:59 | All templates contain
placeholders for text and media on the pages.
| | 04:02 | You can easily replace them with the
actual text and media you want to use by
| | 04:06 | dragging and dropping on top
of the placeholder elements.
| | 04:09 | You don't need to delete the placeholders first.
| | 04:12 | In this case, I can just click on
my Chapter title and start typing.
| | 04:18 | By knowing what goes into an iBooks
Author template and how to use the Template
| | 04:21 | Chooser, you can begin to understand how
to structure and organize your projects
| | 04:26 | and get them off to a great start.
| | Collapse this transcript |
| Creating and editing layouts| 00:00 | In iBooks Author, layouts are the
main building blocks you use to construct
| | 00:04 | the pages of a project.
| | 00:05 | Understanding how layouts work is key to
working smoothly and efficiently in iBooks Author.
| | 00:10 | So, let's take a look at how layouts
function, how to make changes to existing
| | 00:14 | layouts, and how to create
new layouts from scratch.
| | 00:17 | So here I am at the Template Chooser.
| | 00:18 | And if you don't have the Template
Chooser open, you can open it by choosing
| | 00:22 | File > New from Template Chooser, or
by pressing the keyboard shortcut
| | 00:26 | Command+Shift+N, and I'm going to
create a new project based on the Modern Type
| | 00:30 | template by double-clicking on it.
| | 00:33 | On the left side of the window, I can
see my new project contains three pages
| | 00:37 | filled with placeholder text,
| | 00:38 | a chapter page, a section page,
and a page with two columns of text.
| | 00:43 | The look of each of these pages is
based on a layout, and I can see which
| | 00:46 | layout a page is based on by clicking
the down-pointing triangle that appears
| | 00:50 | to the right of the page.
| | 00:52 | So, in this case, it's the Default layout,
in this case, it's the Section layout
| | 00:59 | and in this case, it's the Teal Chapter layout.
| | 01:01 | If instead I wanted to base this page
on the Yellow Chapter layout, I can just
| | 01:05 | select it here and see the change,
and I can click on the chapter title
| | 01:09 | placeholder text and
change it to something specific.
| | 01:12 | Now, if I want to change the color of
the chapter title, I can do it here by
| | 01:17 | selecting the text and using the Text
Inspector to select a different color.
| | 01:21 | So, I'll click on the Inspector button,
Text > Color, and I'll choose a different color.
| | 01:26 | How about purple?
| | 01:29 | But this is just going to change the
text color on this one page and I'd have
| | 01:34 | to remember to repeat that
action for every chapter opener page.
| | 01:36 | So, I'm going to undo my change by
pressing Command+Z, I'll retype the chapter
| | 01:40 | title, and a much better idea will be
to make this change on the layout so it
| | 01:45 | will automatically be reflected on
every page that's based on this layout, in
| | 01:49 | other words, all of my chapter opener pages.
| | 01:52 | So, in order to make the changes to a
layout, I first have to show my layouts.
| | 01:56 | To do that, I'll click and drag down
on the Book pane in the sidebar, and
| | 02:00 | here are my layouts.
| | 02:01 | I can see that I have three kinds of layouts.
| | 02:03 | I have Chapter layouts,
Section layouts, and Regular pages.
| | 02:10 | The Chapter and Section layouts have two
pages each, and the Pages just have a single look.
| | 02:17 | If I want to reorder the layouts in
this pane, I can just click and drag them.
| | 02:21 | So, if I wanted to change the order of
my chapter openers, I can click and drag
| | 02:27 | and change the order.
| | 02:28 | Here's a bonus tip for quickly
selecting the layout you want to edit.
| | 02:31 | Just click once inside the Layouts
pane so the word Layouts is in blue, then
| | 02:35 | start typing the name of the layout
you want, and it will be selected.
| | 02:39 | So, to select the Green Chapter layout,
I can just type G, or, for the Red
| | 02:43 | layout, I can type R, or, for the
Two Column layout, I'll just type 2.
| | 02:48 | Here I want to edit the Yellow
Chapter layout, so I'll just tap Y on my
| | 02:52 | keyboard, and I can select the
chapter title, and in the Text Inspector,
| | 02:55 | I'll change the color.
| | 02:58 | Let's make it White.
| | 02:59 | Now, if I look down to my Book pages, I can
see that the change hasn't happened here yet.
| | 03:06 | That's because I need to click this
Apply Changes button here in the layouts.
| | 03:10 | When I click that, the change will
now be reflected on every page that's
| | 03:14 | based on this layout.
| | 03:15 | Now, there's one more important
fundamental skill to have for working with
| | 03:19 | layouts, and that is to be able to
create a new layout from an existing one.
| | 03:23 | To do this, we'll duplicate an
existing layout and modify it to our liking.
| | 03:27 | Notice when I have a Book page
selected, up here in the toolbar, the first
| | 03:30 | button on the left says add Pages.
| | 03:33 | And when I have a layout
selected, it says Add Layout.
| | 03:36 | So, I'm going to click the plus
button, and now I've made a duplicate of my
| | 03:39 | Yellow Chapter layout.
| | 03:40 | I can change the title down here by clicking,
and I'll call this Yellow Chapter Alternate.
| | 03:45 | And in the Editing window, I'll
select the Chapter title, I'll go to the
| | 03:49 | Text Inspector, and in the Color &
Alignment section, over here on the
| | 03:52 | right-hand side, I'll click the very
last button to align the text to the
| | 03:56 | bottom of the text box.
| | 03:57 | And the Chapter title moves down so
it sits just above the chapter number.
| | 04:01 | Did you notice the red Apply
Changes button never appeared?
| | 04:04 | This is because currently, there
are no pages based on this new layout.
| | 04:07 | But, if I were to go down to my Book pages
and apply the new layout, the change happens.
| | 04:15 | In this movie, we saw how pages are
based on layouts, how to change which
| | 04:19 | layout a page is based on, how to
make a change on a layout and have that
| | 04:22 | change automatically repeated through
your project, and how to create a new
| | 04:26 | layout from an existing one.
| | 04:28 | With these four skills for working with
layouts, you can really take control of
| | 04:31 | the structure and
appearance of your projects' pages.
| | Collapse this transcript |
| Working with page elements| 00:00 | So far, we've looked at the larger
aspects of an iBooks Author project, first
| | 00:04 | with things like templates and then layouts.
| | 00:06 | Now we'll continue to narrow our focus
and look at individual page elements,
| | 00:10 | how to create them, change their size,
shape, and position, as well as their
| | 00:14 | place in the stacking order.
| | 00:16 | Let's begin our look at working
with page elements by creating a nice,
| | 00:19 | clean space to work in.
| | 00:20 | If you're following along, you can use any
of the templates in the Template Chooser.
| | 00:24 | This one is Contemporary.
| | 00:25 | I'll click on the Add Pages button in the
toolbar and select Pages > Blank to add a blank page.
| | 00:31 | I'll also zoom out a little so I can see
the whole page by pressing the keyboard
| | 00:36 | shortcut Command+Shift+Comma, or you can use the menu at the
| | 00:40 | bottom of the screen to zoom to 75%.
| | 00:42 | Next I'm going to add a few shapes.
| | 00:44 | I'll use the Shapes menu in the toolbar
to add a square, a circle, and a triangle.
| | 00:50 | You can use the Metrics Inspector to
size and position objects by typing
| | 00:55 | specific values or
clicking the up and down arrows.
| | 00:58 | If I click and drag on the
center of an object, I can move it.
| | 01:02 | I can also move my objects
precisely by selecting them and tapping my
| | 01:05 | keyboard arrow keys.
| | 01:07 | See the position change?
| | 01:09 | Now if I hold the Shift key while I tap
an arrow, the object
| | 01:12 | moves ten times as far.
| | 01:14 | If I drag the corner of an object,
I can change its size and shape.
| | 01:20 | And if I hold down Shift, I can
constrain the proportions so I don't distort the
| | 01:24 | shape of the object.
| | 01:25 | I could also use the Constraint
proportions option inside the Metrics Inspector.
| | 01:30 | If I hold the Option key while I drag,
the shape is resized around the center,
| | 01:35 | and if I hold Command, I
can drag to rotate the shape.
| | 01:39 | If I hold Command and Option I can drag
to rotate from the opposite control handle.
| | 01:44 | So I can drag from the top left and
it rotates around the bottom right.
| | 01:48 | And if I hold Command and Shift
together, I can drag
| | 01:52 | to rotate in 45 degree increments.
| | 01:54 | If you want to quickly make a copy of
an object, hold the Option key and then
| | 01:58 | click inside the object and drag.
| | 02:00 | You can also get a lot of good use out
of the Contextual menu that appears when
| | 02:04 | you select objects and Ctrl+click
or right-click with your mouse.
| | 02:08 | For example, if I move these objects out
of alignment and then click and drag to
| | 02:13 | select them all, I'll hold the Ctrl
key on my keyboard and click, and I have
| | 02:18 | options to Align and Distribute the objects.
| | 02:21 | So I can choose Align > Middle,
and now they are all in alignment.
| | 02:27 | If I just have a single object selected
and I select Align > Top, it's aligned to
| | 02:33 | the top of the page. I'll undo.
| | 02:35 | I can also use that
Contextual menu to distribute objects.
| | 02:39 | I'll select all three, I'll Ctrl+Click
and choose Distribute > Horizontally.
| | 02:46 | Now I have equal spacing in between the objects.
| | 02:48 | If you want to position a floating or
anchored object at a precise location on
| | 02:52 | the page, you have two choices.
| | 02:54 | First you can use the Contextual
information that appears when you drag an object.
| | 02:58 | You can see the x, y coordinates
right at your cursor telling me where this
| | 03:02 | square is on the page.
| | 03:04 | You also have guides which will tell you
when the spacing or sizing of an object
| | 03:08 | is equal to that of nearby objects.
| | 03:10 | In fact, I don't even have to move an
object to get the spacing information,
| | 03:14 | I only need to click on it.
| | 03:15 | If I grab the corner of this square and
hold, I can tell the space between the
| | 03:19 | square and the other objects
and also its width and height.
| | 03:22 | If you find these alignment guides and
position information distracting, you
| | 03:26 | can temporarily turn them all off by
holding the Command key before you click
| | 03:30 | and drag on an object.
| | 03:31 | So I'll hold down Command, click on
my square, and as I start dragging it
| | 03:35 | around, I don't get those guides anymore.
| | 03:38 | You can also turn any of them
off by opening your Preferences.
| | 03:41 | So I will go to iBooks Author >
Preferences, and in General Preferences deselect
| | 03:46 | Show size and position when moving objects.
| | 03:49 | This turns of that x, y coordinate display.
| | 03:52 | To change the behavior of alignment
guides, go to Ruler Preferences, and there
| | 03:56 | you can choose to show or hide the
guides that appear at the center of an object
| | 04:00 | and at the object's edges.
| | 04:02 | You can also choose to show or hide
the information about relative sizing and
| | 04:05 | spacing down here at the bottom.
| | 04:07 | Another handy thing is that you can
change the color of the guides and
| | 04:10 | information here by clicking on the
Color buttons and selecting a different
| | 04:14 | color in the Colors panel.
| | 04:15 | You could pick a more subtle color,
like a black or a grey, or you could pick
| | 04:19 | something that will really contrast
with the objects on your page, like Magenta.
| | 04:23 | For now, I'll just leave the
defaults and close this dialog box.
| | 04:26 | Now when it comes to cutting or
copying and pasting objects from one page
| | 04:31 | to another, iBooks Author will maintain the
same x, y position as the original object.
| | 04:36 | So for example, I'll
select my triangle and copy it;
| | 04:40 | I'll go to the Add Pages
button and add a new blank page.
| | 04:45 | I'll go to that page and
I'll press Command+V to paste.
| | 04:49 | And the triangle is at the same position
on this page as it was on the original page.
| | 04:54 | Finally, let's consider the
stacking order of objects.
| | 04:57 | iBooks Author doesn't give you the
ability to create separate layers for your
| | 05:01 | objects like some page layout
applications do, but every object still has a
| | 05:05 | position in the stacking order.
| | 05:07 | By default, objects are stacked from
bottom to top in the order in which they
| | 05:11 | were created, but you can
easily move objects up or down.
| | 05:14 | First of all, let's overlap some of these
objects, so we can see the stacking order.
| | 05:19 | So the square is behind the circle
and the circle is behind the triangle.
| | 05:23 | If I want to move the circle in front
of the triangle, I can go to the Arrange
| | 05:27 | menu and choose Bring Forward, or I can
send it behind both the triangle and the
| | 05:32 | square by choosing Arrange > Send to Back.
| | 05:34 | In this movie we saw several options and
shortcuts for creating and manipulating
| | 05:39 | individual page objects.
| | Collapse this transcript |
| Customizing templates| 00:00 | Templates in iBooks Author are great
tools for helping you create professional
| | 00:04 | looking projects and for saving time
and effort along the way, and in fact you
| | 00:08 | can save even more time and effort and
in many cases achieve the exact look you
| | 00:12 | want by customizing templates.
| | 00:14 | So let's see how that's done.
| | 00:15 | In a previous movie, we looked at
the basics of how to use the Template
| | 00:19 | Chooser, which is a very handy window
where you can choose a template for your
| | 00:22 | iBooks Author project.
| | 00:23 | And you can make the Template Chooser
even more useful by customizing your
| | 00:27 | templates to suit your needs and saving
them so they appear in the Template Chooser.
| | 00:31 | This can save you a lot of work,
especially if you find your self making the same
| | 00:35 | changes to templates over and over again.
| | 00:37 | So begin by opening the Template
Chooser, I have it up on screen but if you
| | 00:41 | don't have it on screen, you can open
it by choosing File > New From Template
| | 00:44 | Chooser, or pressing Command+Shift+N.
Let's open the Modern Type template by
| | 00:48 | double-clicking on it.
| | 00:50 | I like the look of this template
and I think I might use it for several
| | 00:54 | projects, but I don't want to have
to replace the same placeholder text
| | 00:57 | every time I use this template.
| | 00:59 | So I'm going to customize it
and save it as a new template.
| | 01:02 | First I'm going to click on the
Book Title to modify the cover.
| | 01:05 | I'll replace the placeholder text at the
top with the name of my school, and I'll
| | 01:09 | add the title, I'll say Pre-Algebra, and
a subtitle, Solving Equations, and at the
| | 01:17 | bottom I'll put my name.
| | 01:20 | That's all the modifications I'll
make for now, but if I wanted to, I could
| | 01:23 | change the style of the text, the
background colors, I could place images and so on.
| | 01:28 | And we'll see how to do all
those things in later movies.
| | 01:31 | To save this as a template, I'll go to
the File menu and choose Save as Template.
| | 01:36 | I'll give it a descriptive name.
| | 01:38 | it's going to be saved in the My Templates folder.
| | 01:41 | The My Templates folder is found in your
User Library > Application Support > iBooks
| | 01:46 | Author > Templates > My Templates.
| | 01:48 | And it has to go in this folder in
order to appear in the Template Chooser.
| | 01:52 | If I wanted to create a template and not
have it appear in the Template Chooser,
| | 01:56 | say to send to someone else, I
could save it to a different location.
| | 01:59 | Alright, now I'll click Save, and to
check that this worked, I'll close the file
| | 02:03 | I edited and not save it.
| | 02:06 | I'll go back to the Template
Chooser and scroll down to the bottom.
| | 02:14 | And now there's a new section called My
Templates and here's the template we just created.
| | 02:18 | I'll double-click on it to create a
new project based on that template.
| | 02:21 | And if at some point in the future
I didn't need this template, I could
| | 02:24 | remove it from the Template Chooser by
navigating to that My Templates folder
| | 02:28 | and removing the file.
| | 02:30 | One other thing I wanted to mention is
a handy shortcut you can use when you're
| | 02:34 | creating a new project.
| | 02:35 | You actually have a choice whether to
use the Template Chooser or bypass it and
| | 02:39 | create a new project directly
from your favorite template.
| | 02:42 | I'll close this document, and by
default pressing Command+N on your keyboard
| | 02:45 | opens the Template Chooser.
| | 02:47 | But if you go to iBooks Author >
Preferences, in General Preferences you have a
| | 02:53 | choice For New Documents.
| | 02:54 | I can show the Template Chooser or
I can choose a specific template.
| | 02:58 | So I'll select Use template, I can select
my new Pre-Algebra template and click Choose.
| | 03:04 | I'll close my Preferences, and now
pressing Command+N is a shortcut to a new
| | 03:09 | project with my customized template.
| | 03:11 | And remember if you still want to see
the Template Chooser, you can always press
| | 03:14 | Command+Shift+N or choose
File > New from Template Chooser.
| | 03:18 | Starting new projects off in the
right direction is easy when you have
| | 03:21 | customized templates that you can use
with a single click, and in this movie we
| | 03:25 | saw how to achieve that by opening one
of Apple's templates, making changes to
| | 03:29 | it, saving it as a custom template that
will appear in the Template Chooser, and
| | 03:33 | then making it our default template.
| | Collapse this transcript |
| Working with groups| 00:00 | So far we've seen how to create page
objects and modify them, adjusting their
| | 00:04 | sizes, shapes, positions and so on, but
sometimes you'll have a number of objects
| | 00:08 | that you want to manipulate all at
once, and for that, the ability to create
| | 00:12 | groups of objects is really handy.
| | 00:14 | So over here on the left, I have four
circles, and let's say I've carefully
| | 00:18 | arranged them and I want to experiment
with manipulating them, resizing them,
| | 00:22 | rotating them and more, but I don't
want to change their size or position
| | 00:26 | relative to each other.
| | 00:27 | I want to freeze them relative to each other.
| | 00:30 | So for that, I'm going to group them.
| | 00:31 | I'll drag over the four circles and go
to the Arrange menu, and choose Group, or I
| | 00:37 | could also use the keyboard shortcut
Command+Option+G. Now the circles will
| | 00:41 | behave as one object.
| | 00:43 | I can click and drag inside the group to
move it, I can click and drag a control
| | 00:47 | handle to resize the group, and note
that I don't have to hold the Shift key to
| | 00:51 | constrain the proportions, that
happens automatically. Just like with an
| | 00:54 | individual object, I can hold the
Command key and drag to rotate the group.
| | 01:00 | I'll undo, and I can hold the Option key and
drag to resize from the center of the group.
| | 01:06 | Now compare this to the second set of
circles over here on the right that's not grouped.
| | 01:10 | If I click and drag to select them all
and then drag a control handle, I just
| | 01:16 | act on that one object even
though all of them are selected.
| | 01:20 | The same goes for resizing
if I hold the Option key.
| | 01:23 | If I later decide that I want to
manipulate a single object inside a group, it's
| | 01:27 | not necessary to ungroup first.
| | 01:29 | All you have to do is click on the
group and then click a second time to select
| | 01:33 | an individual object within the group.
| | 01:35 | Here I've selected the blue circle,
I'll hold the Ctrl key down on my
| | 01:38 | keyboard and click.
| | 01:40 | And now I can choose to send this
backward, so it goes behind the orange circle.
| | 01:43 | Now I'll go to the next page in my
document and we'll talk about stacking order.
| | 01:47 | When it comes to stacking order, remember
that a group behaves as a single object.
| | 01:52 | So here I have a set of four circles
and some are in front of the rectangle
| | 01:56 | and some are behind it.
| | 01:57 | But if I group all the circles, they
can no longer be both in front of and
| | 02:01 | behind the other object.
| | 02:02 | I'll click and drag to select
them all and choose Arrange > Group.
| | 02:07 | You can also make groups of groups by
selecting two or more groups and grouping them.
| | 02:12 | Just be careful not to make your
groups too complex so you don't create an
| | 02:16 | unwieldy situation where it's hard to
manipulate objects the way you want to.
| | 02:20 | Finally, there are some limitations when it
comes to groups that are worth mentioning.
| | 02:24 | First, when we select a group, like
these four circles, and if I look in the
| | 02:28 | Graphics Inspector, I can see that all
the controls are grayed out right now.
| | 02:32 | I don't have access to any of
these controls with a group.
| | 02:35 | So I can't apply a color fill or a
stroke to the group, nor can I apply a drop
| | 02:39 | shadow adjust the
opacity of the group as a whole.
| | 02:42 | If you want to use these controls, you
have to do it before grouping objects, or
| | 02:46 | ungroup, make the changes, and then regroup.
| | 02:49 | So for example, with my circles here,
I'll delete the rectangle, select the
| | 02:54 | group, and if I want to adjust the
opacity, I have to ungroup, Arrange > Ungroup,
| | 03:00 | and now I can drag the
Opacity slider in the Inspector.
| | 03:03 | And when you're done adjusting the
opacity, don't forget to choose Group again.
| | 03:07 | Grouping objects is the way to get
them to behave as a single unit, making it
| | 03:11 | easier to manipulate several
objects at once while maintaining their
| | 03:15 | relationships to one another.
| | 03:17 | Just be aware that groups are a little
limited in the ways you can adjust their
| | 03:20 | formatting and position in the
stacking order of objects on your page.
| | Collapse this transcript |
| Creating shapes and using the Pen tool| 00:00 | iBooks Author allows you to easily add
many different kinds of shapes to your
| | 00:04 | project pages. Rectangles, ellipses,
triangles, arrows, stars, polygons, even
| | 00:10 | thought and speech bubbles.
| | 00:11 | And if all that isn't enough, you can also
draw your own custom shapes with the Pen tool.
| | 00:16 | Here I have a blank page that I'm going
to use as a space to explore the various
| | 00:20 | shapes I can create in iBooks Author.
| | 00:22 | I can create shapes with
the Shape menu in the toolbar.
| | 00:25 | Rectangles, triangles, arrows, and
many other shapes are just a click away.
| | 00:30 | Simple shapes like rectangles, you just add to
your page and resize by dragging. I'll delete that.
| | 00:38 | More complex shapes have more options.
| | 00:41 | So let's take a look at a few of them.
| | 00:43 | We'll add an arrow, a speech
bubble, a star, and a polygon.
| | 00:49 | And I'll arrange them on the page.
| | 00:52 | When I select the arrow, I have a blue
circle that I can use to reshape both the
| | 00:56 | arrow head and the line.
| | 00:58 | Dragging up and down adjusts
the thickness of the line.
| | 01:02 | Dragging left and right
changes the width of the arrow head.
| | 01:06 | And if you drag all the way up past the
top of the arrow head, you get a pointed
| | 01:10 | object you could use as
nice label for an illustration.
| | 01:13 | The speech bubble has three
blue dots for adjusting its shape.
| | 01:16 | The one at the top adjusts
the corner radius of the bubble.
| | 01:19 | Dragging it left decreases the
corner radius until you get a square.
| | 01:24 | Dragging it right makes the object circular.
| | 01:29 | The other two blue dots allow you to control
the width, length, and position of the pointer.
| | 01:40 | The star has one blue dot for
controlling the inner points.
| | 01:43 | So you can make the
points very narrow or very fat.
| | 01:46 | And the heads-up display slider allows
you to adjust the number of outer points,
| | 01:50 | from three all the way to
20 for a starburst effect.
| | 01:54 | And finally the polygon has no blue dot,
but it does have a slider that you can
| | 01:58 | use to make anything from a
triangle to an 11-sided polygon.
| | 02:04 | An important thing to know about
shapes in iBooks Author is how to select
| | 02:07 | individual control handles to reshape an object.
| | 02:11 | By default, if I select any object, I
can resize or reshape it as a whole, so I
| | 02:15 | could take this polygon and move
it up and down to control the shape.
| | 02:20 | But I can't select a single point and move it.
| | 02:23 | For that, I need to first go to the
Format menu and choose Shape > Make Editable.
| | 02:28 | Now I can see red dots that I can
click and drag to reshape the object
| | 02:32 | any way that I want to.
| | 02:33 | If I want to delete a point, I just
select it by clicking on it, and I can
| | 02:37 | tell it's selected because it's white instead
of red, and press the Delete key on my keyboard.
| | 02:42 | The rest of the shape stays intact.
| | 02:44 | If I want to add a point, I hold
the Option key on my keyboard and my
| | 02:48 | cursor changes to a pen.
| | 02:50 | I can hover over the part of the object
where I want to add the point, and click.
| | 02:54 | Now I can move this point wherever
I want to and reshape the object.
| | 03:00 | After a shape has been made editable,
it remains so but you have to click twice
| | 03:04 | on the edges of a shape to see
the individual control handles.
| | 03:07 | So if I deselect this object, click on it
once, I don't see those control handles.
| | 03:12 | I have to click again.
| | 03:15 | If you want to draw your own custom
shape from scratch, iBooks Author has a pen
| | 03:19 | tool that will allow you to do just that.
| | 03:21 | If you've never used a drawing
tool in other applications like Adobe
| | 03:25 | Illustrator or Photoshop, it can take
some getting used to but the basics are
| | 03:29 | pretty easy to grasp.
| | 03:31 | First, select the Pen tool from the Shapes menu.
| | 03:36 | You can also press the keyboard
shortcut Command+Shift+Option+P. To draw
| | 03:40 | straight lines with the Pen tool,
just click, move your cursor to another
| | 03:44 | location, and click again.
| | 03:48 | You can continue adding as many
connected lines as you like, and when you're
| | 03:51 | done, you can press the Escape key to
leave the shape open or you can close it
| | 03:56 | by clicking back on the
original point where you started.
| | 03:58 | I'll take the Pen tool again, and
this time we'll make some curved points.
| | 04:05 | To make curved lines, click
and drag with the Pen tool.
| | 04:08 | Dragging creates control handles that
will define the shape of curves between
| | 04:11 | the points. The longer the handle, the
longer the curve, the shorter the handle,
| | 04:17 | the straighter the line.
| | 04:18 | After you're done drawing the shape,
you can adjust it by moving the control
| | 04:23 | points or the handles.
| | 04:27 | By default, the handles on either side of a
point move in unison, making for a smooth curve.
| | 04:32 | But you can make them independent and
create a corner point by holding the
| | 04:36 | Command key while you drag one handle.
| | 04:38 | To make a corner point go back to
being smooth point, select it and
| | 04:42 | Option+click on the handle.
| | 04:46 | It takes some practice,
but don't get discouraged.
| | 04:48 | Really, mastering the Pen tool is more an
exercise and patience than artistic ability.
| | 04:53 | Creating shapes and adjusting them to your
liking is really quite intuitive in iBooks Author.
| | 04:58 | It can also be fun and it certainly
adds visual interest to your projects.
| | Collapse this transcript |
| Numbering items| 00:00 | iBooks Author allows you to add many
kinds of elements to your pages, figures,
| | 00:04 | charts, tables, and so on.
| | 00:06 | To keep things organized and to
reference these items in the main text, you need
| | 00:10 | to know how to handle numbering.
| | 00:11 | So let's see how to
number items in iBooks Author.
| | 00:14 | You can number just about anything you
can put on the page in iBooks Author and
| | 00:18 | the application will handle the
numbering for you automatically.
| | 00:21 | The key is to give whatever you want numbered
a title and a label in the Widget Inspector.
| | 00:26 | So, for example, here I have two
images on my page and I'd like to call them
| | 00:30 | Figure 1 and Figure 2. I have the
Widget Inspector open, which is the last one
| | 00:34 | on the right, I'll click on my first
image to select it, and in the Layout tab
| | 00:39 | I'll click on Title and apply a Label of Figure.
| | 00:42 | Now by default, it comes in with this
numbering for the chapter and the figure
| | 00:47 | number, plus some placeholder text.
| | 00:49 | First of all, I'll get rid of the
placeholder text by selecting it and deleting it.
| | 00:52 | Now I'd like to change
the figure numbering style.
| | 00:55 | So for that, I'll go back to the
Label menu and choose Edit Label Styles.
| | 01:01 | I can see that for the Figure label, the
default Label Format is chapter and figure number.
| | 01:06 | I'll change that to just Figure 1.
| | 01:09 | I could also change the character style
that's applied for the formatting here,
| | 01:12 | but I'll keep Figure Label.
| | 01:14 | I'll click Done, and I
can also change the Layout.
| | 01:17 | If I want Figure 1 to be at the bottom
underneath the photo, I'll select that
| | 01:22 | here, and then I can reposition my photo.
| | 01:26 | Now let's do the same
for the photo on the right.
| | 01:29 | I'll click to select it in the Widget
Inspector Layout tab, click on Title,
| | 01:33 | Label > Figure, Layout > Bottom, and I
can delete the placeholder text, and
| | 01:42 | position the image.
| | 01:44 | Now that these are both numbered with
the Figure Label, iBooks Author will
| | 01:48 | automatically adjust the
numbering if these figures are moved.
| | 01:51 | So if I change their positions and I
move Figure 1 to the right and Figure 2 to
| | 01:56 | the left, you can see the numbering changes.
| | 01:59 | Automatic numbering in iBooks Author goes
from left to right and then top to bottom.
| | 02:03 | So you could have a column or a row of
figures and the numbering will always be correct.
| | 02:08 | Now let's try a different example.
| | 02:10 | What if I wanted to number tables, or
math equations, or anything that's not in
| | 02:14 | the list of labels by default in iBooks Author?
| | 02:18 | On page 6, I have a table
that I'd like to number.
| | 02:21 | What I need to do is to select the table,
go to the Widget Inspector, the Layout
| | 02:25 | tab, and again click on Title.
| | 02:27 | In the Label menu I'll choose Edit
Label Styles, and this time I'll click on the
| | 02:32 | plus button to add a new
label, which I'll call Table.
| | 02:36 | I'll choose my Label Format and I'll
leave the Figure Label Character Style but
| | 02:42 | if I wanted to, I could
pick a different one here.
| | 02:44 | I'll click Done, and now I'll
apply my new label from the menu.
| | 02:49 | Finally, I'll replace the
placeholder text with the real table title.
| | 02:53 | As we saw in this movie, the key to
numbering items on the page is to use the
| | 02:59 | Widget Inspector to apply titles and labels.
| | 03:02 | Once you do that and choose the
formatting you want, iBooks Author handles
| | 03:06 | the rest.
| | Collapse this transcript |
|
|
2. Working with Text ElementsUsing fonts in iBooks Author| 00:00 | Unless you're creating something like
a lesson on photography, most of the
| | 00:03 | content in your iBooks Author
project is going to be text.
| | 00:06 | So let's begin our look at working with
text by considering some important issues
| | 00:10 | related to fonts in iBooks Author.
| | 00:13 | When it comes to choosing which fonts
to use in your projects, you should be
| | 00:16 | aware the iBooks Author can embed two
kinds of fonts in your projects, true type
| | 00:20 | fonts with a .ttf suffix,
like this Times New Roman, and open type
| | 00:24 | fonts, like this MyriadPro
Regular, with the suffix .otf.
| | 00:29 | Other kinds of fonts, like this Utopia,
which is a PostScript Type 1 font, won't
| | 00:34 | work in your projects and will be
substituted for by a different font.
| | 00:38 | Fortunately, there's an easy way to know
whether a font will work in your project.
| | 00:42 | The Font menu in the Format
bar only shows supported fonts.
| | 00:46 | So if I click here and scroll down, I
can see that Utopia isn't listed here even
| | 00:53 | though I have it installed in my computer.
| | 00:55 | However, if I open the Mac OS Font panel
by pressing Command+T, and I scroll down
| | 01:01 | my list of Fonts, I will see Utopia here.
| | 01:05 | If I click on it to try and apply it,
iBooks Author will give me a warning.
| | 01:09 | I could click Use Anyway, but
remember if I do that, another font will
| | 01:13 | be substituted for it.
| | 01:14 | So I'll cancel out and remember to avoid
using fonts that aren't true type or open type.
| | 01:19 | Another issue to consider
with fonts is licensing.
| | 01:22 | If you intend to publish projects to
Apple's iBooks Store, you need to check
| | 01:26 | that the licenses for the fonts you use
allow you to distribute them in eBooks.
| | 01:30 | Consult the documentation
that accompanies your fonts.
| | 01:33 | For example, here's a font, Sofia Pro Light.
| | 01:37 | If I open the folder, I can see
there's a text file that's the font license.
| | 01:41 | I'll press the Spacebar on my computer
to preview it, and I can see the list of
| | 01:44 | allowed uses, and the policies
on embedding and linking fonts.
| | 01:49 | If you need to get new fonts that are
free and licensed for a commercial work,
| | 01:52 | check out a website called fontsquirrel.com,
which has hundreds of high-quality
| | 01:56 | fonts that are free for commercial use.
| | 01:59 | Also check out Google Web Fonts, where
you can find and download hundreds of free
| | 02:03 | fonts that will work in
your iBooks Author projects.
| | 02:06 | When it comes to working with fonts in
iBooks Author, you are limited to using
| | 02:09 | only the fonts that iOS supports.
| | 02:12 | iBooks Author tries to help you by only
displaying supported fonts in the Format bar.
| | 02:16 | Just remember that no matter where you
get your fonts, be sure to check that the
| | 02:19 | license allows you to use
them the way you intend to.
| | Collapse this transcript |
| Understanding text formatting options| 00:00 | Let's continue our look at working with
text in iBooks Author with a tour of the
| | 00:04 | text formatting controls.
| | 00:05 | The Format bar is where you can find
just about all the controls you'll need to
| | 00:09 | apply formatting to a piece of text.
| | 00:11 | You can select some text, I'll select
this little blue head right here, and
| | 00:16 | here's the Format bar.
| | 00:17 | I have a button to show and hide my
paragraph styles, I have a popup list of
| | 00:21 | Paragraph Styles and Character Styles.
| | 00:24 | I also have a list of the fonts I can
apply, and the Font Styles, so I can choose
| | 00:29 | things like Light or Condensed and so on.
| | 00:33 | I can pick the size of the text, the
color, a background color, and I have
| | 00:37 | convenient buttons to apply
Bold, Italics, and Underlining.
| | 00:41 | To the right of that, I have Paragraph
level controls to apply alignment like
| | 00:45 | Left, Centered, Right, and Justified.
| | 00:48 | And then I have menus to control my
line spacing, number of columns, and lists.
| | 00:53 | At the bottom of the menus for line
spacing and list styles, you'll see a
| | 00:57 | choice called Show More.
| | 00:59 | If you choose that, the Text Inspector
will open and will show you even more options.
| | 01:04 | Now the Format bar is very handy, but
if you're going to be working with a lot
| | 01:07 | of text and you care about saving
time and having consistent professional
| | 01:11 | looking text, you really
need to be using styles.
| | 01:14 | iBooks Author offers Paragraph, Character,
and Lists Styles you can use to apply
| | 01:18 | any aspect of text
formatting with a single click.
| | 01:21 | The styles are organized in a styles
drawer that you can open and close by
| | 01:25 | clicking the blue button on
the left side of the window.
| | 01:28 | If you click it and nothing seems
to happen, click the green button.
| | 01:31 | Now I can see my Styles Drawer.
| | 01:34 | Paragraph Styles,
Character Styles, and List Styles.
| | 01:38 | So right now, I have my blue run-in
heading selected and I can see that
| | 01:42 | the Paragraph Style that's applied is Body,
and the Character Style is Run-in Heading.
| | 01:47 | Notice the triangles to the right of each style.
| | 01:49 | With the Paragraph Styles, the triangle is red.
| | 01:51 | This indicates that there's some
changes that have been made that don't match
| | 01:54 | the default styling for Body.
| | 01:56 | If I click, I could choose to revert
to the defined style and remove those
| | 02:00 | overrides, or I could redefine the
style from the selection and make those
| | 02:05 | differences part of the style
that'll be applied throughout my project.
| | 02:08 | For now, I'll just leave it alone.
| | 02:10 | Let's also take a minute
to tour the Text Inspector.
| | 02:13 | This is where you can find almost all
the text formatting options in iBooks
| | 02:16 | Author gathered in one place.
| | 02:18 | About the only thing you can't do
here is apply a font or a style.
| | 02:22 | But everything else is
here organized into four tabs.
| | 02:26 | The first tab is Text.
| | 02:27 | Here is where you can apply Color &
Alignment, Spacing, both Character
| | 02:32 | Spacing, Line Spacing, and Spacing
Above and Below your paragraphs, as well as
| | 02:37 | Margins inside the text box.
| | 02:40 | In the List tab, I can manage the
Indents of my list and choose different
| | 02:44 | Bullet & Numbering styles.
| | 02:45 | In the Tabs tab, this is where I can
control my Paragraph indents, both Left,
| | 02:50 | Right, and the First Line.
| | 02:52 | I can also set Tab Settings and add extra
Tab Stops by pressing the plus button.
| | 02:57 | In the More tab, I can set
Borders & Rules around my paragraph.
| | 03:01 | They can go above, below,
or all around my paragraph.
| | 03:04 | I can set Fills, I can also set Options
to Keep lines together, and I can apply a
| | 03:09 | Language to my text.
| | 03:11 | Now this won't translate the text
for you, but iBooks Author will use the
| | 03:14 | language for hyphenation and spell checking.
| | 03:17 | You can also turn off hyphenation
altogether right here and you can use Baseline
| | 03:20 | Shift to move your text up or down.
| | 03:23 | Working with text is one of the things
you'll spend the most time and effort
| | 03:26 | with in iBooks Author.
| | 03:28 | So take the time to learn where all the
text formatting controls are and you'll
| | 03:31 | thank yourself for sure later on.
| | Collapse this transcript |
| Setting text preferences| 00:00 | Let's finish our look at working with
text in iBooks Author by considering how
| | 00:04 | you can set preferences to make
working with text even easier.
| | 00:07 | I'll open the Preferences dialogue box
by going to iBooks Author > Preferences or
| | 00:13 | you can use the keyboard shortcut, Command+Comma.
| | 00:16 | In General Preferences, I have the
choice of whether to show font previews, or
| | 00:20 | what you see is what you get
displays, in the Format menu bar.
| | 00:24 | I can also turn off these WYSIWYG Font
menus by temporarily holding the Option
| | 00:29 | key when I open the menu.
| | 00:30 | I can also set the color of
my invisible characters here.
| | 00:34 | These are things like spaces and
paragraph returns that you don't normally see.
| | 00:39 | You can show and hide invisibles from
the View menu or by pressing the keyboard
| | 00:43 | shortcut Command+Shift+I. In the Auto-
Correction tab, I can turn curly quotes on
| | 00:49 | or off, I can automatically capitalize
the first word following punctuation, I
| | 00:53 | can automatically superscript
numerical suffixes, things like the st in first
| | 00:59 | and the nd in second, et cetera.
| | 01:01 | I can have iBooks Author
automatically detect email and web addresses,
| | 01:05 | automatically apply bulleting and numbered list.
| | 01:08 | And the last two choices here, I can
automatically correct my spelling mistakes
| | 01:12 | and I can make automatic
substitutions of symbols.
| | 01:15 | So, for example, if I wanted the real
trademark symbol, I can just type TM and
| | 01:20 | iBooks Author will
substitute the real character for it.
| | 01:23 | And I can also add my own
custom additions to this list.
| | 01:26 | So if I wanted a shortcut to type the
name of my school, I'll click plus, and
| | 01:30 | I'll just type capital CMS, Tab,
and then the name of my school.
| | 01:36 | I'll close the Preferences and try it out.
| | 01:39 | I'll click in this text box and type
CMS and a space, and iBooks Author made the
| | 01:46 | substitution for me.
| | 01:48 | As we saw in this move, iBooks Author
offers some very handy preferences to
| | 01:52 | assist you as you work with text.
| | Collapse this transcript |
| Adding math content using MathML, LaTeX, and MathType| 00:00 | With version 2 of iBooks Author,
Apple gave users the ability to add math
| | 00:04 | equations via MathML and LaTeX. You can
also use a separate application called
| | 00:09 | MathType to typeset math in your projects.
| | 00:12 | To create math equations in iBooks
Author, you start by putting your cursor in
| | 00:16 | the text where you want the equation to
appear and then choose Insert Equation,
| | 00:21 | or press the keyboard shortcut
Command+Option+E. This opens the Edit Equation
| | 00:25 | window where you can type or
paste in LaTeX or MathML code.
| | 00:30 | If you don't know how to use LaTeX or
MathML, there are lots of resources on the
| | 00:34 | web. I'll switch over to my
browser and we'll look at some of them.
| | 00:37 | For LaTeX, one place you check out is
the Tex Tips and Resources page at the
| | 00:41 | University of Illinois' website.
| | 00:44 | For MathML, you can check out Design
Sciences, A Gentle Introduction to MathML.
| | 00:48 | And there's also an iBooks Author
support page on using LaTeX and MathML.
| | 00:55 | It shows supported LaTeX commands, MathML
elements and attributes, and sample equations.
| | 01:00 | You can actually copy and paste these
bits of code right into iBooks Author to
| | 01:04 | help you figure out how it works.
| | 01:06 | So, let's try that.
| | 01:07 | I'll just grab this little code here
for the fraction one eighth, copy it,
| | 01:12 | switch over to iBooks Author, and
paste it in the Edit Equation window.
| | 01:17 | I get a preview, which I can drag to
make larger or smaller, and I can also
| | 01:22 | edit this code here too.
| | 01:23 | So, I could change it to one
seventh, and the preview updates.
| | 01:26 | I'll click Insert, and I've
added my fraction to my document.
| | 01:30 | If I want to change it, I can just double-
click to reopen the Edit Equation window.
| | 01:35 | If you don't have the expertise or
tools to create MathML or LaTeX code, you
| | 01:40 | can still set nice looking math
equations in iBooks Author using a third party
| | 01:44 | tool called MathType.
| | 01:46 | MathType is a separate commercial
application made by a company called Design Science.
| | 01:51 | You can check out its website,
and here's MathType for Mac.
| | 01:54 | MathType has been around for a long time
and it works with literally hundreds of
| | 01:58 | different applications, including
Microsoft Office applications, Adobe InDesign,
| | 02:03 | Apple's iWork and many more.
| | 02:06 | To use MathType with iBooks Author,
you first have to purchase and install it
| | 02:10 | and then you'll have a new option in
your iBooks Author > General Preferences.
| | 02:14 | Under Equations, you can choose to
insert and edit equations with MathType.
| | 02:19 | So let's select that, close our
Preferences, we'll delete our old equation and
| | 02:24 | set a new one with MathType.
| | 02:26 | I'll use the same command as before,
Insert > Equation, and this time, instead
| | 02:32 | of the iBooks Author Equation editing window,
I get the MathType Equation editing window.
| | 02:37 | It has lots of buttons for
choosing mathematical expressions.
| | 02:40 | You can click and hold to choose all
different kinds of fraction styles and so on.
| | 02:45 | You can choose Algebraic
expressions, Geometry, and many others.
| | 02:49 | But for now, I just want some simple fractions.
| | 02:52 | MathType also supports keyboard shortcuts.
| | 02:54 | So, I can press Command+F to set a
fraction, and I'll just type in the numerator,
| | 03:00 | Tab, and a denominator. I'll close the
window, say Yes to save my fraction, and
| | 03:06 | there it is in iBooks Author.
| | 03:07 | If I want to change it, I can double-
click to reopen the editing window, and
| | 03:11 | change the fraction.
| | 03:13 | I mentioned earlier that MathType
works with Microsoft Applications like
| | 03:17 | Microsoft Word, and if you create a word
document with MathType equations in it,
| | 03:21 | you can bring that into your iBooks
Author project and retain the equations.
| | 03:25 | Unfortunately, they're not editable
as they would be if you create them
| | 03:29 | directly in iBooks Author.
| | 03:30 | They're represented as
Inline PDF files in your project.
| | 03:34 | So, let's see this in action by
adding a chapter from a Word document with
| | 03:37 | MathType equations in it.
| | 03:39 | I'll switch over to Word, and here I
have a simple document with a direction
| | 03:42 | line and a few fractions.
| | 03:46 | And I'd like to bring this
into my iBooks Author project.
| | 03:49 | So, I'll switch back to iBooks Author,
I'll choose Insert, Chapter from Pages or
| | 03:52 | Word document, I'll select my
Word document, and click Insert.
| | 03:58 | I have to choose a layout, I'll just
stick with Teal Chapter for now, and I'll
| | 04:03 | make sure Preserve document
paragraph styles is selected.
| | 04:08 | Here's my new chapter, I'll zoom out so
I can see it, and here are my fractions
| | 04:12 | that come in from Microsoft Word.
| | 04:14 | I'll click on one of them, and look in
the Inspector, in the Metrics inspector,
| | 04:21 | I can see that it's a PDF file.
| | 04:23 | I can't double-click and
edit this in iBooks Author.
| | 04:26 | If I really need to edit these
fractions in iBooks Author, there is a way to do
| | 04:30 | that, but it requires you to copy and
paste each equation one at a time from
| | 04:34 | Word to iBooks Author. So let's do that.
| | 04:37 | We'll go back to Word, we'll scroll to the
beginning, and select our first expression.
| | 04:42 | I'll copy it, switch back to iBooks
Author, delete the one that I don't need,
| | 04:47 | choose Insert > Equation, this opens the
MathType window, where I can simply paste
| | 04:54 | to get my equation from Word.
| | 04:56 | I'll close it, save it,
and there's the equation.
| | 05:01 | This time, I can double-click
on it and edit it if I want to.
| | 05:05 | Now, depending on how you have your
MathType styles set up, you could see some
| | 05:09 | different formatting in
your copy and pasted equation.
| | 05:11 | And the Cut and Paste is a bit tedious,
but it sure beats recreating equations
| | 05:15 | from scratch if you need to have
them editable in iBooks Author.
| | 05:19 | As we saw in this movie, iBooks Author
allows you to add high-quality MathType
| | 05:23 | setting to your projects via MathML,
LaTeX, and third party tools like MathType.
| | Collapse this transcript |
| Adding glossary items| 00:00 | Glossaries make great additions to
iBooks Author projects because they give
| | 00:04 | students instant access to the
definitions of unfamiliar key terms.
| | 00:07 | With just one tap on the iPad, readers
can view definitions, images, and even
| | 00:12 | video related to important terms,
either as an overlay on the page or in a
| | 00:16 | separate section along with the
other glossary items. And you can use the
| | 00:20 | glossary feature for other purposes
too, like notes, indexes, and footnotes.
| | 00:25 | So, let's see how to create glossary items.
| | 00:27 | To create glossary items, you need to
start by showing the Glossary toolbar.
| | 00:31 | If it's not already open, you can open
it by clicking the View menu in the Main
| | 00:35 | toolbar and choosing Show Glossary toolbar.
| | 00:38 | To add a term, just select a word or phrase.
| | 00:41 | I'll select the word Sandstone.
| | 00:43 | When I do, the word appears as a
new glossary term, up in the toolbar.
| | 00:47 | Then just click Add Term.
| | 00:50 | The word is now a glossary term that
can be tapped on the iPad to reveal the
| | 00:53 | term's definition, and it's styled with
the character style for Glossary Primary
| | 00:58 | Definition, which I can see over
here in my Character Styles panel.
| | 01:02 | If you don't like the default formatting,
you can change the style however you like.
| | 01:06 | I'll use the Text Inspector to change the color.
| | 01:08 | I'll make it this brown color.
| | 01:14 | And now in the Character Styles panel, I'll
click the triangle and choose Redefine
| | 01:18 | Style from Selection.
| | 01:20 | Now all my Glossary Primary
Definitions will be brown.
| | 01:24 | Now, let's add the definition that someone
can read by tapping on the word on the iPad.
| | 01:28 | I'll click on the term, and it opens the
glossary, where I can see the term on the left side.
| | 01:32 | Previously, I had added this other
term, Sedimentary Rocks, to my glossary.
| | 01:37 | I can click on terms on
the left side to edit them.
| | 01:40 | Whatever I type will appear here in the
glossary, but the link and the original
| | 01:44 | text in the book will be unchanged.
| | 01:46 | I'll just leave this as is.
| | 01:48 | On the right side, there's
placeholder text for the definition.
| | 01:51 | I'm going to switch over to Apple's
dictionary and borrow the definition for sandstone.
| | 01:57 | I'll copy it, switch back to iBooks
Author, click on the placeholder, and paste.
| | 02:03 | I can also add any images or even
video to a Glossary Definition.
| | 02:07 | I'll place a photo of sandstone
to go along with the text here.
| | 02:10 | I'll switch to the Exercise Files in
the Finder, and here's a photo of some
| | 02:14 | sandstone that I'll drag and drop in.
| | 02:20 | It's a little large, so
I'll resize it, just like that.
| | 02:26 | Below the definition, I can add related
terms by dragging other glossary items,
| | 02:31 | so when someone reads the definition for
sandstone, they can also tap to see the
| | 02:35 | definition of related terms,
like sedimentary rocks.
| | 02:39 | So I'll drag and drop that, and now it
will appear here when someone looks at
| | 02:44 | the Glossary Definition for sandstone.
| | 02:46 | If I scroll down even further,
I can see the index section.
| | 02:49 | I can click on the Find Term button and
find my original term or I could click
| | 02:54 | Next and go through all my text to find
all the instances of sandstone and make
| | 02:58 | them tappable links to the glossary.
| | 03:00 | I'll close out of there
and go back to the Glossary.
| | 03:05 | I can also see a list of all the
instances of the term, and this is clickable too.
| | 03:09 | So, I can click, and go back to the link.
| | 03:12 | One other point about working with
glossaries is it's definitely a best practice
| | 03:15 | to save the glossary job for the end of
your workflow after you have your final
| | 03:19 | text in place, otherwise you might miss
instances of words or phrases that you
| | 03:24 | want to include in your glossary or you
might delete the primary reference for a
| | 03:27 | term when you're editing your text.
| | 03:30 | As I mentioned earlier, the Glossary
feature in iBooks Author is useful for a
| | 03:34 | lot more than just giving students
quick access to the definitions of terms.
| | 03:38 | Using the same techniques I showed in
this video, you can create a link to
| | 03:42 | index for readers to use to search
terms and navigate to them, you can also use a
| | 03:46 | Glossary as an alternative to footnotes,
putting the information you'd normally
| | 03:50 | put in a footnote in the Glossary
definition. Or you can put any extra
| | 03:54 | information you want to attach to a term,
so it appears when someone taps on the term.
| | 03:58 | You can probably think of a lot of
uses for such a flexible feature as
| | 04:02 | iBooks Author's Glossary.
| | Collapse this transcript |
| Adding hyperlinks and cross-references| 00:00 | One of the best advantages eBooks and
other digital projects have over their
| | 00:04 | printed counterparts is that they can
include hyperlinks to related material.
| | 00:08 | In iBooks Author, you can create
hyperlinks that open web pages, create email
| | 00:12 | messages, or navigate to text
or figures within your projects.
| | 00:16 | So let's create some links.
| | 00:18 | This part of my geology project
mentions the Arches National Park and the
| | 00:22 | amazing rock formations found there.
| | 00:24 | I think it would really enhance my
project if my readers could tap here and go
| | 00:28 | directly to the website
for the Arches National Park.
| | 00:32 | I'll switch over to Safari, and I
have that website opened right now.
| | 00:36 | So I'll select the URL, and copy it,
switch back to iBooks Author, and to make
| | 00:42 | this text a clickable link, I just
have to highlight it, so we'll highlight
| | 00:46 | Arches National Park, I'll open the
Inspector, go to the Link Inspector, and
| | 00:53 | choose Enable as hyperlink.
| | 00:56 | I'll link to a webpage, and change the
URL from apple.com to the one that I want.
| | 01:03 | This is now a live hyperlink and it
has some new formatting to indicate that.
| | 01:07 | In the Format bar, I can look in the
Character Styles menu and see the Character
| | 01:12 | Style for hyperlink has
been applied to the text.
| | 01:14 | I could change that formatting if I
didn't like it by changing the definition of
| | 01:19 | the Character Style, but
for now I'll leave it as is.
| | 01:22 | I can also test this link
immediately by clicking on the text.
| | 01:27 | And it takes me to the website.
| | 01:29 | Now, let's try a different kind of hyperlink.
| | 01:31 | This time we'll set up one
to create an email message.
| | 01:34 | I'll switch back to iBooks Author,
and go to the end of this chapter.
| | 01:37 | Now down at the bottom, I have an
instruction, Tap to submit a paragraph summary
| | 01:43 | of what you learned in this chapter.
| | 01:45 | And what I want is for students to be
able to tap this and send an email message.
| | 01:50 | So to make this a link to a new email
message, I'll first select the text, I'll
| | 01:55 | go to the Link Inspector, choose Enable
as hyperlink, link to Email Message, and
| | 02:03 | I'll put in my address and the subject.
| | 02:07 | Now let's test it out. And there's my
new email message. I'll switch back to
| | 02:12 | iBooks Author and we'll
try a different kind of link.
| | 02:16 | We can also use the Hyperlink Inspector to
set up links between content in our projects.
| | 02:20 | On page three of chapter one, I have a
passage about the effects of streams, and
| | 02:25 | in chapter three on Rivers and Valleys,
I have a passage about Desert Streams
| | 02:29 | that readers might want to jump to
from the passage in the introduction.
| | 02:33 | So, to create that link, I first have to
go chapter three and create a bookmark.
| | 02:38 | In this case, it's going to be
the run-in heading, Desert Streams.
| | 02:45 | I'll select the text, and in the
Link Inspector, Bookmark, I'll click on
| | 02:51 | the plus sign to create
a new bookmark to this text.
| | 02:55 | If I wanted to, I could also rename
this just by double-clicking on it and
| | 02:58 | changing the text here.
| | 03:01 | I can also use my bookmark list in the
Link Inspector to navigate through my
| | 03:05 | project via Bookmarks.
| | 03:06 | So, if I go to a different page, I can jump back
to Desert Streams at any time by clicking on it.
| | 03:13 | Now that we have the bookmark,
we can make a hyperlink to it.
| | 03:16 | So let's go back to the Introduction
chapter, page three, and we'll create
| | 03:24 | the link right up here.
| | 03:25 | I'll select the text, and in the
Hyperlink part of the Link Inspector,
| | 03:30 | I'll Enable hyperlink, link to a Bookmark,
and then choose the bookmark Desert Streams.
| | 03:38 | I'll click off and then click it
again to test it, and there we go.
| | 03:44 | The last kind of hyperlink you can
create is one that links to a figure.
| | 03:48 | At the end of section three in chapter
three, I have a reference to a figure
| | 03:51 | that is in chapter two, See
also The Causes of Soil Mingling.
| | 03:57 | To make that a tappable link to the
figure, I'll select the text, and again
| | 04:02 | choose Enable as hyperlink, link to
figure, and then I have a list of figures
| | 04:08 | here that are in my book.
| | 04:09 | Right now, this is the only figure,
so I'll select it, and that's it.
| | 04:13 | I'll click off, and then click to
test the link, and there's the figure.
| | 04:19 | Hyperlinks can really allow you to
enrich your projects by making extra
| | 04:23 | information easily accessible to your readers.
| | 04:26 | The web, an email, or any content in
your project can be just a tap away via
| | 04:31 | hyperlink and bookmarks.
| | Collapse this transcript |
|
|
3. Working with Color and ImagesWorking with color| 00:00 | It's true that you can make a fully
functioning iBooks Author project in just
| | 00:04 | black and white, but why not take
advantage of the opportunity to make your
| | 00:07 | projects much more engaging
with the good use of color.
| | 00:10 | And there are plenty of options for
sampling, mixing, saving, and applying colors
| | 00:15 | using the Colors window.
| | 00:17 | Let's see how it works.
| | 00:18 | Let's start by taking a look at how to
create and save colors in iBooks Author.
| | 00:22 | First we need to open the Colors window,
which you can get at via the toolbar or
| | 00:26 | by pressing the keyboard shortcut
Command+Shift+C. The Colors window gives you
| | 00:31 | several ways of mixing colors.
| | 00:33 | First we have a color wheel and
there is a slider alongside where you can
| | 00:36 | adjust the brightness.
| | 00:39 | Clicking and dragging around
inside the wheel changes the hue.
| | 00:45 | To adjust the saturation, you move
between the outer edge and the center.
| | 00:49 | So I can have a very
saturated green, or a grayish green.
| | 00:54 | And we have a slider underneath the
wheel to adjust the Opacity if you want to
| | 00:57 | create a color that you can
see through to what's beneath it.
| | 01:01 | When you see the color you want, you
can save it as a favorite color that
| | 01:04 | you can use at anytime, by dragging it down to
the drawer of squares beneath the color wheel.
| | 01:09 | If you don't see the drawer, just click
and drag on the bottom center of the panel.
| | 01:13 | You can save up to 300 favorite colors this way.
| | 01:16 | Unfortunately there is no quick and
easy way to clear the drawer of unwanted
| | 01:20 | colors within iBooks Author, but you can
remove colors one at a time by dragging
| | 01:25 | any white squares over them, like this.
| | 01:27 | In addition to the color wheel, you
have sliders to mix colors in grayscale,
| | 01:31 | RGB, CMYK inks, and Hue,
Saturation, and Brightness.
| | 01:38 | With any of these color models, you can
drag the sliders, click anywhere on the
| | 01:42 | color ramp, or type in specific values.
| | 01:47 | You can also hold the Option key on
you're keyboard down and click on the ramp
| | 01:51 | to nudge a value up or down precisely.
| | 01:53 | You also have access to color palettes
including the Apple color palette, Web
| | 01:57 | Safe Colors, and others.
| | 02:01 | But the really useful thing here is
that you can define your own custom color
| | 02:05 | palette and name your colors, too.
| | 02:07 | To do this, first mix or select a
color you want to save in a custom color
| | 02:11 | palette, like this purple.
| | 02:14 | Then to the right of the
palette menu, click and choose New.
| | 02:19 | Both the new custom palette and the
color are called Unnamed at first but
| | 02:23 | you can change that.
| | 02:24 | To name the palette, again click on the
button on the right and choose Rename.
| | 02:29 | I'll just call this My Colors and click Rename.
| | 02:33 | Then to rename the color, I'll
double-click and give it a name.
| | 02:38 | You can add additional colors by
creating them, selecting your palette, and
| | 02:42 | clicking the plus sign.
| | 02:47 | You can also load an image as a source of color.
| | 02:50 | First click on the photograph at the
top of the Colors window, then from the
| | 02:54 | Palette menu, choose New from File.
| | 02:58 | In the Exercise Files, I'll navigate to
the photo of devils tower and open it.
| | 03:05 | The photo appears a little
stretched right now, but I can fix that by
| | 03:09 | adjusting the window.
| | 03:11 | Now I can click anywhere in this
photo to sample the colors from it.
| | 03:18 | I'll choose this pink color
and drag it down to my favorites.
| | 03:23 | You can tell the color has been
sampled by this little gray triangle up in
| | 03:26 | the upper right corner.
| | 03:28 | When you're done sampling colors from
the image you can remove it, by clicking
| | 03:31 | on the Palette menu and choosing Remove.
| | 03:36 | Finally, did you notice the magnifying
glass that's always next to the color
| | 03:39 | preview box? Selecting this tool
allows you to sample colors from anywhere on
| | 03:44 | your screen, not just in iBooks
Author, but including colors in other
| | 03:47 | applications you have open.
| | 03:49 | Any pixel on your screen can be sampled
and saved for use in your projects with
| | 03:53 | the magnifying glass.
| | 03:55 | So if I like this green up here, I could
click on it and then save it to my favorites.
| | 04:01 | Now that you have colors you want, how do you
apply them to objects or text on your pages?
| | 04:06 | In most cases a simple drag and
drop from the colors window will work.
| | 04:10 | You can either drag from the color
preview area or from your favorites.
| | 04:14 | It's not necessary to select
an object first to color it.
| | 04:17 | If you only want to color a portion of
text and not everything in a text box,
| | 04:21 | select the text first.
| | 04:24 | You can also apply colors without
drag and drop if you first select an
| | 04:27 | object, then open the Inspector, click on the
color preview, which will open the Colors window.
| | 04:35 | So you can see how iBooks Author gives
you lots of options for sampling, mixing,
| | 04:40 | and saving colors in the Colors window
and for applying colors via drag and drop
| | 04:44 | or through the Inspector.
| | Collapse this transcript |
| Working with image files| 00:00 | Adding pictures is guaranteed to make
your project more engaging for students.
| | 00:04 | And iBooks Author not only allows you
to add images, you can enhance them, too,
| | 00:08 | by cropping out the parts you don't
need and adding special effects like
| | 00:12 | borders and shadows.
| | 00:13 | So let's see how to work
with images in iBooks Author.
| | 00:16 | For best performance, Apple officially
recommends three image formats for use in
| | 00:21 | iBooks Author, JPEG, GIF, and PNG.
| | 00:24 | But the application can actually
accept images in several other formats.
| | 00:28 | You can place files in Adobe
Illustrator format, Adobe Photoshop format, TIFFs,
| | 00:34 | PNGs, JPEG 2000 files, Bitmap
files, PDFs, and even EPS files.
| | 00:43 | But an EPS will be converted to a
PDF when you drop it onto the page.
| | 00:47 | iBooks Author also retains the
transparency in image formats that support it.
| | 00:52 | So let's place a couple of these images.
| | 00:53 | I'll grab the canyon.jpg and I'll hold
the Command key on my keyboard to select
| | 00:58 | volcano.jpg, I'll grab them, I'll
press Command+Tab, switch over to iBooks
| | 01:03 | Author, and drop them on the page.
| | 01:06 | I'll click to position them a little bit.
| | 01:08 | Now when you place an image on the page
you can resize it by dragging one of the
| | 01:13 | corners, and you don't have to hold the
Shift key to constrain the proportions,
| | 01:18 | that happens automatically.
| | 01:20 | Keep in mind that the images you place
become part of the iBooks Author file.
| | 01:24 | They're not linked to the
original image files in any way.
| | 01:27 | So if you want to make changes
that require a separate image editing
| | 01:31 | application, you'll have to make
those changes and replace the old image
| | 01:34 | with the updated one.
| | 01:36 | In most cases you can do this just by
drag and dropping the updated image on top
| | 01:40 | of the old one on the page.
| | 01:42 | Also, try not to use very large images
that you have to size down to fit on the
| | 01:47 | page, as this can slow iBooks
Author down and increase the file size.
| | 01:51 | It's a best practice to resize images as
needed before you place them in iBooks Author.
| | 01:56 | Now let's talk a bit about masking images.
| | 01:59 | When you first place an
image, you can see all of it.
| | 02:02 | If you'd like to hide part of
the picture, you can add a mask.
| | 02:05 | With the image selected, choose
Format > Image > Mask, or press the keyboard
| | 02:11 | shortcut Command+Shift+M. You can also
use the Mask button in the Format bar.
| | 02:17 | Any of these methods will
give you a rectangular mask.
| | 02:20 | You can click and drag inside the mask
to show different parts of the image and
| | 02:24 | you can use the slider to
adjust the size of the image.
| | 02:29 | Clicking the edge of the mask allows you
to move it around instead of the image.
| | 02:35 | Clicking Edit Mask now allows you to
move and resize both the image and the
| | 02:39 | mask together, and clicking the Edit Mask again
allows you adjust the mask and image separately.
| | 02:48 | To remove the mask completely and see
all of the image, press the Mask button
| | 02:52 | in the Format bar or choose Format >
Image > Unmask or press the same keyboard
| | 02:58 | shortcut you used to create the mask,
Command+Shift+M. You can also mask images
| | 03:03 | with non-rectangular shapes.
| | 03:05 | With the image selected, I can choose
Format > Image > Mask with Shape. And I'll
| | 03:11 | choose an Oval mask, which I can resize
and reshape just like the rectangular mask.
| | 03:20 | I can further tweak this mask by
choosing Format > Shape > Make Editable.
| | 03:27 | Now I have access to individual control
points and handles I can move to reshape the mask.
| | 03:35 | I can remove selected points by
pressing Delete on my keyboard, and I can add
| | 03:40 | points to the mask by holding the Option
key as I click on the edge of the mask.
| | 03:45 | Another way you can enhance images in
your projects is to add effects like
| | 03:48 | borders and shadows.
| | 03:50 | You can combine masks and borders on
the same image, but in this case I just
| | 03:54 | want a rectangular shape.
| | 03:55 | So I'll select and press
Command+Shift+M to remove the mask.
| | 04:00 | Now I'll click on the Pop Up menu on
the left side of the Format bar to see the
| | 04:05 | different border styles I can choose from.
| | 04:07 | I can have a solid line, I can
adjust the thickness, and the color.
| | 04:15 | I can choose dashed, or
dotted, or other special effects.
| | 04:20 | I can also choose picture frames, and so on.
| | 04:25 | Also in the Format bar I have controls to
adjust the Opacity of the image and add a shadow.
| | 04:33 | One last efficiency tip for images. If
you spend time enhancing the look of an
| | 04:37 | image with colored borders, shadows,
and the like, and then you decide you'd like
| | 04:41 | to use that same look on one or ten or
a hundred other images, you don't have
| | 04:46 | to retrace your steps.
| | 04:48 | All you have to do is select the
image that has the formatting you want and
| | 04:52 | choose Format > Copy Graphic Style, or
press Command+Option+C. Then select the
| | 04:59 | image you want to apply the style to
and choose Format > Paste Graphic Style, or
| | 05:04 | press Command+Option+V. iBooks Author
gives you lots of opportunities to enhance
| | 05:09 | your projects with images.
| | 05:11 | The application supports a wide variety
of image file formats and it embeds the
| | 05:15 | images you place so you don't have
to keep track of separate image files.
| | 05:19 | And you can easily enhance images
with masks, borders, and shadows.
| | 05:23 | You can also enhance the colors in
your images, too, right in iBooks Author, and
| | 05:27 | that's the topic of the next movie.
| | Collapse this transcript |
| Adjusting images| 00:00 | If you place images into your project
and you're not happy with them in terms of
| | 00:04 | color or contrast, you may not have to
leave iBooks Author and go to work in a
| | 00:08 | separate image editing application.
| | 00:10 | Apple has included a set of controls to
adjust the look of your images in a very
| | 00:14 | flexible and intuitive
manner. Let's take a look.
| | 00:18 | To open the Adjust Image controls,
choose View > Show Adjust Image, or press the
| | 00:23 | button with the sliders in the Format bar.
| | 00:26 | You can adjust the Brightness and
Contrast of an image with the sliders at the
| | 00:29 | top, or the Exposure and
Levels controls down at the bottom.
| | 00:34 | The Saturation slider lets you make
colors more vibrant or more muted and
| | 00:38 | grayish, and you can use the
Temperature and Tint sliders to emphasize certain
| | 00:42 | colors, remove an unwanted color
cast, or totally colorize an image.
| | 00:47 | With the Sharpness slider, you can
bring out the detail in an image, or give it
| | 00:51 | a soft focus effect.
| | 00:53 | And down here at the bottom, there's
an Enhance button. If you click that,
| | 00:57 | iBooks Author will give its best guess
and try to improve the image for you.
| | 01:01 | In my experience this rarely works well,
so I usually end up pressing the other
| | 01:05 | button at the bottom, Reset Image, which undoes
all the changes and lets me start over again.
| | 01:12 | So let's see some of the things
you can do with these controls.
| | 01:15 | First of all let's work with this cave
image and see if we can lighten it up.
| | 01:19 | I have two copies of it so we can
see it before and after side by side.
| | 01:23 | I'll click the one the right, and if
you look in the Levels, you can see an
| | 01:27 | interactive graphs of all the pixels in
the image in red, green, and blue, from
| | 01:31 | the lightest ones on the right side,
to the darkest ones on the left.
| | 01:35 | So for example, in this image most of
the pixels are on the left side, indicating
| | 01:39 | that this is a pretty dark image.
| | 01:41 | If we want to lighten it up, you can
try various methods with the controls.
| | 01:45 | But it's always a good idea to keep an
eye on the Levels down here to be sure
| | 01:49 | your not blowing pixel out to pure
white or plugging them up with pure black.
| | 01:54 | For this image let's use the Exposure slider.
| | 01:56 | I'm going to drag it all the way to
the right and really lighten this up.
| | 02:02 | You can see in the levels that shift
to the right as more pixels in the image
| | 02:05 | are lighter, but importantly they're not
pushed all the way up to the right side
| | 02:09 | here, so they're not
being blown out to pure white.
| | 02:12 | If that happened, I would loose
the lightest details in the image.
| | 02:15 | So if you see a spike at either end of
the Levels graph on the left or right,
| | 02:20 | you probably need to go back and
readjust things to improve your image.
| | 02:24 | Now, I like how the image is brightened
up, but I'm not so happy about the way
| | 02:27 | the colors seem over
saturated in some areas now.
| | 02:31 | I'd like them to be a little more
muted and match the original better.
| | 02:34 | So I'll use the Saturation slider and
take it down a bit, so I get a good match
| | 02:39 | in the color between the left and right.
| | 02:42 | And finally, sharpness is key to
making almost every image look its best,
| | 02:46 | so let's add a bit.
| | 02:48 | Now this brings up a point about the
image adjustment controls, which is
| | 02:51 | that when you use them, you're almost
totally relying on your eyes and your own judgment.
| | 02:56 | The Levels is the one exception in here.
| | 02:59 | At lease there you get an objective
measure to tell you what the brightness
| | 03:02 | values are in the image.
| | 03:04 | And if you care about getting very
precise color in your project's images,
| | 03:07 | it's also a good idea to preview the project
on an iPad before you distribute it to anyone.
| | 03:13 | We'll see how to do that in a later movie.
| | 03:15 | Okay, let's try another image.
| | 03:17 | I'll go to the next page, and this
time we'll take this photo of the valley.
| | 03:22 | The colors are a little dull, and I'd
like to see some stronger contrasts, too.
| | 03:26 | I'll select the one at the top and
I'll start by increasing the Saturation.
| | 03:34 | I'll do it just till I
see the greens that I want.
| | 03:36 | And when I did that, did you see what happened
to the Levels, a lot of the image got darker.
| | 03:41 | They shifted to the left, leaving
this empty area on the right side.
| | 03:45 | Almost no pixels are in the
brightest quarter of the graph.
| | 03:49 | This is an opportunity. We can drag
the slider over and not loose any detail,
| | 03:55 | and brighten the image.
| | 03:57 | I just have to keep an eye on these clouds up
here so they don't get blown out to pure white.
| | 04:04 | See what happens if I go too far,
so I'll pull that back a bit.
| | 04:10 | Let's also add some Sharpness, too.
| | 04:15 | Now I have better color and contrast
without sacrificing anything in terms of detail.
| | 04:21 | Let's do one more image.
| | 04:23 | I'll click on the next page, and
work with these photos of rocks.
| | 04:28 | For this one we'll make a more dramatic change.
| | 04:31 | I'll select the one on the right, and
this time I'm going to make a version
| | 04:35 | that's totally desaturated.
| | 04:36 | So I'll take the Saturation slider,
and drag it all the way to the left.
| | 04:41 | This creates a black and
white copy of the image.
| | 04:43 | As usual, I'll add a touch of sharpness
to make the image a little crisper, or I
| | 04:48 | could drag the slider over to the left
for a soft focus and a dream-like effect.
| | 04:56 | But I'll go with the sharper version.
| | 04:59 | Now I could leave the photo black and
white, or I can colorize it by moving the
| | 05:03 | Temperature and Tint sliders.
| | 05:05 | I could create a sepia tone by
dragging both sliders to the left, but in this
| | 05:12 | case I want a nice, cool, bluish gray.
| | 05:15 | So I'll drag the temperature to the left
and bring the Tint back to right about there.
| | 05:25 | Another nice thing about the way
iBooks Author handles image adjustments, all
| | 05:29 | the changes you make are reversible.
Even if you save the document, close the
| | 05:33 | dialog box, and the file,
| | 05:35 | the next time you open it up and
view the image adjustments, you can see
| | 05:39 | the sliders in the same position you
left them, ready to be moved to make a
| | 05:42 | different adjustment, or you can
press Reset Image and remove all the
| | 05:46 | changes that you made.
| | 05:47 | iBooks Author makes it easy to adjust
the color and contrast of images, saving
| | 05:52 | you from having to do the
work in another application.
| | 05:55 | The controls are a little limited in
the precision they give you, and you often
| | 05:59 | do rely on purely visual judgment.
| | 06:01 | But in most cases, you can tinker with the
sliders until you get the look that you want.
| | 06:05 | And no matter what, you can always
revert back to the original, so feel free to
| | 06:09 | experiment with creative
effects and indulge your inner artist.
| | Collapse this transcript |
|
|
4. Importing and Moving ContentImporting content from Microsoft Office applications| 00:00 | Microsoft Office is so widely used
that it's probably just a matter of time
| | 00:04 | until you have some content in Word,
Excel or PowerPoint that you want to bring
| | 00:09 | in to an iBooks Author project.
| | 00:11 | So let's take a look at
your options for doing that.
| | 00:13 | We'll start with Word.
| | 00:14 | I have a word document here that I'd
like to use as a section of text in my
| | 00:18 | iBooks Author project.
| | 00:19 | I've used a couple styles in Word to
format the text, mostly it's styled with
| | 00:24 | the normal paragraph style and also
I've used heading levels 1, 2, and 3.
| | 00:29 | To get this content into iBooks Author,
I could copy and paste all of the text.
| | 00:33 | Let's see what happens when I do that.
| | 00:35 | I'll press Command+A to select all,
Command+C to copy it, switch over to
| | 00:40 | iBooks Author, I'll click in the text
box, and press Command+V. iBooks Author
| | 00:46 | creates as many pages as it needs to to
fit all the text, and let's see what
| | 00:50 | it did to the formatting.
| | 00:51 | I'll click in the first paragraph of
text, go to the Format bar, choose my
| | 00:56 | Paragraph Styles, and I can see it set as Body.
And in fact all this text is now set as Body.
| | 01:02 | It will be quite a chore to
restyle all this text in iBooks Author.
| | 01:06 | Fortunately, there is a better way.
| | 01:08 | First I'll delete this
section that we just pasted into.
| | 01:12 | I'll click once on the first page in my
document, and I'll choose Insert > Chapter
| | 01:17 | from Pages or Word Document, and
double-click on the Word document.
| | 01:23 | I have to choose a layout, I'll
choose Section Text, and I'll preserve my
| | 01:27 | paragraph styles on import.
| | 01:30 | I'll click Choose, and I have
some warnings, let's review those.
| | 01:35 | This warning tells me that the text
that was set in Times Roman is now going to
| | 01:39 | be set in Helvetica because Times
Roman isn't supported on the iPad.
| | 01:44 | Okay, I'll clear that and close the window.
| | 01:48 | So here is the title, I can take off
the -1, and now let's look at the
| | 01:54 | formatting of the rest of the text.
| | 01:55 | Here is my heading 1, I'll open the
styles drawer, and I can see that it's set
| | 02:04 | in the heading 1 style from the
Microsoft Word document, this heading with the
| | 02:07 | lower case h. What I really want is
for this heading 1 to be styled with my
| | 02:12 | iBooks Author Heading 1
style with the capital H.
| | 02:15 | So what I'm going to do is I'm going
to delete the Microsoft Word style and
| | 02:21 | replace it with my iBooks Author
Heading 1 style, I'll click Replace, and I can
| | 02:28 | see from the red triangle that there are
some overrides to the style definition,
| | 02:33 | So I'll click on the red triangle
and choose Revert to Defined Style.
| | 02:38 | There, that's how I want that Heading 1 to look.
| | 02:40 | Now let's repeat the process.
| | 02:42 | I'll click in the first paragraph of body text,
which is set in normal from the Word document.
| | 02:49 | I'll click on the triangle,
delete normal, and replace it with Body.
| | 02:57 | Now I have many paragraphs set in Body
text, so what I need to do is select them
| | 03:01 | all, I'll click on the triangle, I'll
choose Select All Uses of Body, and again
| | 03:07 | click on the triangle and
choose Revert to Defined Style.
| | 03:11 | Now all my body text is styled properly.
| | 03:14 | Let's zoom out a little bit and
repeat the process for the headings.
| | 03:20 | Here's heading 2 with the Microsoft
Word style, we'll delete that, replace it
| | 03:27 | with Heading 2 from iBooks Author,
Select All Uses, and Revert to Defined Style.
| | 03:39 | And one more time, we'll do it for
heading 3, Delete, replace with the iBooks
| | 03:47 | Author Heading 3, Select All
Uses, and Revert to Defined Style.
| | 03:56 | So now my text is all
formatted the way I want it to be.
| | 04:00 | When it comes to bringing it content
from Excel, you have a few options.
| | 04:03 | You can't drag and drop or use the
Insert menu, but you can copy and paste.
| | 04:08 | So I'll switch over to Excel, and here I have
a very simple table about Mineral Hardness.
| | 04:15 | I'll click and drag over the cells to
select the data, copy it, switch back to
| | 04:20 | iBooks Author, and I'll click on
Section 1. With nothing selected now I'll
| | 04:25 | press Command+V to paste.
| | 04:28 | I get a new table, and notice I don't
get the formatting that was in Excel, I
| | 04:32 | just get some default table
formatting, which includes alternating fills on
| | 04:36 | the cell, and the text in the cells is all
formatted with the table body paragraph style.
| | 04:41 | You can also paste into an existing
table with the formatting you want.
| | 04:45 | Here on the left I have an empty
table with different fill colors for the
| | 04:48 | title and the data cells.
| | 04:50 | I'll select the first cell by
clicking twice, and then paste.
| | 04:54 | And I get my Excel data formatted the
way I want it to be in iBooks Author.
| | 04:58 | If you have content in PowerPoint that
you want to bring in iBooks Author, you
| | 05:02 | can use it in an iBooks Author project,
but there is a catch. You have to first
| | 05:06 | convert the PowerPoint file to a Keynote file.
| | 05:09 | Keynote is Apple's answer to
PowerPoint and a very capable application for
| | 05:13 | making presentations.
| | 05:14 | The good news is that Keynote usually
does a good job of converting PowerPoint
| | 05:18 | files and it retains their
structure and formatting.
| | 05:21 | The bad news is, if you don't have
access to Keynote, your only other option is
| | 05:26 | to save your PowerPoint file as a PDF.
You can then bring that into iBooks
| | 05:30 | Author but it would be just like a
static image and not interactive.
| | 05:34 | So let's take a quick look at the
conversion process and bring in a Keynote
| | 05:38 | file into iBooks Author.
| | 05:39 | I'll switch over to the Finder, and
in this folder I have a very simple
| | 05:44 | PowerPoint presentation, I'll Ctrl+click
or right-click on it and I'll
| | 05:48 | choose open with Keynote.
| | 05:53 | I'll open the Inspector and I'll save the slide
size as 1024x768 to fit the iPad dimensions.
| | 06:05 | I'll save the file.
| | 06:06 | I'll just put it on the Desktop and close it.
| | 06:10 | Now I can switch back to iBooks Author,
I can add a Keynote widget, I'll switch
| | 06:21 | to the Finder, on the Desktop,
and I'll drag in my presentation.
| | 06:28 | In a later movie we'll look at the
options for formatting Keynote widgets.
| | 06:32 | It's almost certain that at some point
you'll need to bring content into iBooks
| | 06:36 | Author from the Microsoft Office products.
| | 06:38 | And when you do, you'll probably
have a little work to do converting file
| | 06:41 | formats or cleaning up the formatting.
| | 06:44 | But for the most part, the process works.
| | 06:46 | You can bring text from Word in as a
chapter or a section, you can create tables
| | 06:51 | and charts from Excel data, and you can
even create interactive widgets from your
| | 06:55 | PowerPoint files, as long as you
convert them to Keynotes file first.
| | Collapse this transcript |
| Importing content from a PDF| 00:00 | You can easily place PDFs of
graphics and single page documents into your
| | 00:04 | iBooks Author projects.
| | 00:06 | But it takes a little more effort
to do the same for a multipage PDF.
| | 00:10 | But with the help of another
application and an interactive widget, you can add
| | 00:14 | great looking multipage
PDF content to your projects.
| | 00:17 | Let me start by saying that it is quite
possible to place PDF files into iBooks Author.
| | 00:22 | You can drag and drop PDFs right from
the finder into an iBooks Author project.
| | 00:27 | You can open PDFs in Preview and
copy and paste the text with formatting
| | 00:31 | into iBooks Author.
| | 00:32 | And iBooks Author can place PDF
content that's been copied from
| | 00:36 | other applications.
| | 00:37 | For example, I'll switch over to Adobe
InDesign, and right here I have a table
| | 00:42 | and a photo, I'll select them, copy
them, and I have my InDesign preferences set
| | 00:48 | to copy PDF data to the clipboard. I'll
switch over to iBooks Author, and paste.
| | 00:54 | And I get a great looking table
in PDF format in iBooks Author.
| | 00:58 | If I open the Metrics inspector, I
can see it's called droppedimage.pdf.
| | 01:03 | So drag and drop, copy and paste, these
are no problem with PDFs of content that
| | 01:08 | occupies one page or less.
| | 01:10 | But the problem you'll soon notice is
that you can't place a multiple page PDF
| | 01:14 | into iBooks Author. If you try
you'll always just get the first page.
| | 01:18 | So you need to take a different approach.
| | 01:21 | One option is to convert a multipage
PDF to a Keynote presentation and then add
| | 01:26 | a Keynote widget that users can
tap to view the pages of the PDF.
| | 01:30 | By itself, Keynote can't open a
multipage PDF any more than iBooks Author can,
| | 01:35 | but there is a free utility you can
use to place each page of a multipage PDF
| | 01:40 | as a slide in Keynote.
| | 01:42 | It's called, not surprisingly, PDF to Keynote.
| | 01:46 | I'll switch over to the browser, and
here's the website where you can download it.
| | 01:50 | To demonstrate, I'll switch over to PDF
to Keynote, I'll chose File > Open and in
| | 01:57 | the Exercise Files folder for
this lesson, there is a file called
| | 02:01 | Lab_Manual.pdf. I'll click Open.
| | 02:06 | The first thing I need to do is pick a
size for my Keynote slides. I'll choose
| | 02:10 | 1024x768 to match the size of my project.
| | 02:14 | Also very handy is having the
ability to set a Background Color.
| | 02:18 | I'll click and drag the slider
to choose a gray background color.
| | 02:22 | Then I'll choose File > Save To, I'll call
it Lab_Manual, I'll set the file format
| | 02:30 | as the most recent version of Keynote,
click Save, and here is my Keynote file.
| | 02:40 | Each page of the PDF is now a slide.
| | 02:43 | Now to get this into our project, I
can create a new Keynote widget by using
| | 02:47 | the Widgets menu in the toolbar, or I can
simply drag and drop the Keynote file onto the page.
| | 02:53 | I'll just grab it from the Title bar here,
switch over to iBooks Author, drop it
| | 02:57 | on the page, and there is my Keynote widget.
| | 03:03 | I'll zoom out a little to see the
whole page, and delete this content I
| | 03:08 | dropped in from InDesign.
| | 03:10 | By default, the preview of the Keynote
file is relatively small, and it comes in
| | 03:14 | with placeholder text for a title and a caption.
| | 03:17 | You can click and drag to make the
preview bigger, and you can also format it
| | 03:23 | with the Layout tab of the Widget Inspector.
| | 03:26 | I'll keep the Label set as none, I'll turn off
the caption, and I'll just type in a short title.
| | 03:36 | In the Interaction tab, you can also
choose Full-screen only so that when the
| | 03:41 | user taps the widget the Keynote file,
and thus your PDF pages, will open full
| | 03:46 | size and fill the screen.
| | 03:49 | Another option if you want to edit
and reformat your PDF content in iBooks
| | 03:52 | Author is to save the PDF pages as a
Microsoft Word file, which you can then
| | 03:57 | insert as a new chapter into your project.
| | 04:00 | I cover bringing in Microsoft Word files
into iBooks Author in a different movie.
| | 04:05 | But if you need to get your
content from PDF to Word, you can use
| | 04:08 | several different options.
| | 04:10 | I'll switch over to my
browser and look at one option.
| | 04:13 | Adobe offers a paid online
service called Adobe Export PDF.
| | 04:18 | It's currently priced at $20.00 a year
and allows you to save PDFs as Microsoft
| | 04:22 | Office documents, like
.docx, Excel, and PowerPoint.
| | 04:26 | There are also many other services and
applications that offer PDF to Word conversion.
| | 04:31 | So look around, do some testing, and you'll
find one that best suits you and your projects.
| | 04:36 | Adding multipage PDF content isn't
something that iBooks Author can do on its
| | 04:40 | own, but with a little help from
applications and services, you can get all your
| | 04:44 | PDF content into your projects and
looking great via Keynote or Word.
| | Collapse this transcript |
| Moving content between pages, layouts, and books| 00:00 | It's likely that at some point in time,
you'll want to move content around in your
| | 00:04 | iBooks Author projects, whether it's a
single paragraph or an entire chapter.
| | 00:08 | For the most part, this is an easy task.
| | 00:10 | But it's a topic worth exploring since
there are some nice shortcuts you can use,
| | 00:14 | as well as some restrictions to be aware of.
| | 00:17 | In our look at how to rearrange
content in iBook's author, let's start small
| | 00:21 | and work our way up to the big stuff.
| | 00:22 | First, we'll look at individual
pieces of text and page elements.
| | 00:27 | In addition to being able to copy and
paste text, iBooks Author supports drag
| | 00:31 | and drop text editing.
| | 00:32 | So if you have a paragraph or other
range of text that you want to move elsewhere, you
| | 00:37 | simply first select the text, you can
click and drag over it, or if you want a
| | 00:41 | whole paragraph, you can triple click.
| | 00:43 | In this case, I'll just select the last
sentence of this first paragraph on the
| | 00:47 | page, then just move your cursor over
the selected text, and click and drag the
| | 00:51 | text where you want it.
| | 00:52 | So, if I wanted this sentence to be
the first sentence in the next paragraph
| | 00:56 | I'll just drag and drop it right there.
| | 00:58 | You can drag to another place in the
current text box, to a different text box, or
| | 01:03 | even to a different document, although
you'd have to arrange it so you can see
| | 01:07 | both documents at the same time.
| | 01:09 | You can also make a copy of text as you drag
it by holding the Option key when you release.
| | 01:14 | Another thing to remember about moving
text is that the text will take on the
| | 01:18 | formatting of the
surrounding text where you put it.
| | 01:21 | So for example, I drop this into a
paragraph that was blue, bold, and italics, and
| | 01:26 | it took on all that formatting.
| | 01:27 | I'll go to page seven of my
document and here I have a table.
| | 01:34 | If I select the table and copy it and go
to page 8 and paste, the table comes in
| | 01:41 | at the same position it
was on in the original page.
| | 01:44 | If you want to move pages within a
document, the smallest chunk you can move is
| | 01:48 | a section, you can't cut and paste or
drag and drop individual pages. This is
| | 01:53 | because iBooks Author is a structured
authoring tool, it needs to maintain the
| | 01:58 | underlying structure of books and other
projects by keeping sections of content intact.
| | 02:04 | So, for example in this project, in
Chapter 3, I'll click the triangle to tip
| | 02:10 | it open, and I can see I have content
organized into five sections. It's no
| | 02:16 | problem to select a section and drag
it to a different place in the chapter.
| | 02:20 | So, I could move EROSION in front
of TRANSPORTATION if I wanted to.
| | 02:24 | Note how the section
numbers automatically update.
| | 02:26 | I could also drag these sections to a
different chapter if I wanted to, but I
| | 02:30 | can't select individual pages to move.
If I tip open the section and try to grab a
| | 02:34 | single page, see how the yellow
highlighting goes around the whole section?
| | 02:38 | That's iBooks author giving me a clue
that I don't have just the page, selected I
| | 02:42 | have the whole section.
| | 02:44 | I can also right-click or Ctrl+click on the
first page of a section to cut it, or copy it.
| | 02:50 | I can also delete, duplicate, and
paste a section that I'd copied previously.
| | 02:55 | If you really need to be able to move a
chunk of content that's smaller than a
| | 02:58 | section, you need to cut and paste it
into an existing section or create a new
| | 03:03 | section that you can paste into.
| | 03:06 | To move a chapter within a document,
just like with the sections, simply select
| | 03:10 | the chapter, and either the book outline
or page thumbnails, and drag and drop it
| | 03:14 | into the position where you want it.
| | 03:16 | I'll close up this section, close up the
chapter, and if I wanted to I could move
| | 03:21 | Chapter 3 in front of Chapter 2.
| | 03:27 | You can make working with chapters
easier by clicking on the triangle on the
| | 03:30 | left side to close them up as you move them.
| | 03:33 | Another small tip is to drag to the
left of the thumbnail. That way the chapter
| | 03:38 | won't pop open as you're dragging over it.
| | 03:41 | To move a chapter or a section to a
new document, select it, right-click or
| | 03:46 | Control+click, and choose copy chapter.
I'll press Command+tilde to change
| | 03:50 | to a different document, right-
click or Ctrl+click, and choose Paste.
| | 03:56 | Note that if the new document has
different paragraph or character style
| | 04:00 | definitions than the source document,
the text formatting will not change to
| | 04:04 | match the receiving document's styles.
| | 04:06 | To make it match, you have to use the
paragraph styles panel menu and choose
| | 04:10 | Revert to define style for any mismatched styles.
| | 04:14 | In this movie we saw how to move
content both within and between iBooks Author
| | 04:18 | projects. You can drag and drop or cut
and paste ranges of text, sections, or
| | 04:23 | whole chapters, but not individual pages.
| | 04:26 | And remember that the formatting of a
range of texts will change if you move
| | 04:29 | it to a place where a different style
is applied, but the formatting of text in
| | 04:34 | chapters and sections that you move
will not change until you take action to
| | 04:38 | change it.
| | Collapse this transcript |
|
|
5. Working with WidgetsUsing widgets: The basics| 00:00 | One of the most exciting aspects of
creating projects with iBooks Author is the
| | 00:04 | potential for adding interactivity,
audio, video, and other dynamic content with
| | 00:09 | special objects called Widgets.
| | 00:12 | Version two of iBooks author offers nine
types of widgets, and in later movies we'll
| | 00:16 | see how to work with each kind.
| | 00:17 | But let's start first with an overview
to get you familiar with and hopefully
| | 00:22 | excited about the creative
possibilities of iBooks Author's Widgets.
| | 00:27 | The first important point to know about
widgets is that like the rest of iBooks
| | 00:31 | Author, you don't have to know
computer code to work with them.
| | 00:34 | Even though technically widgets are
little packages of computer code like
| | 00:38 | HTML, CSS, and JavaScript, you don't
have to know how to use any of those
| | 00:43 | things or even what they are.
| | 00:45 | Apple's intent with iBooks Author is to
let you focus on creating great content
| | 00:49 | and not have to try to be
a computer programmer, too.
| | 00:53 | You can add widgets to your
projects in different ways.
| | 00:55 | You can use the widget pop-up menu
in the toolbar and select a widget.
| | 01:00 | I'll choose Gallery, and a new gallery
widget appears in the center of my page.
| | 01:05 | You can also use the insert menu and
choose widgets, and in some cases for
| | 01:11 | example, audio, video, and keynote files,
you can simply drag and drop content
| | 01:16 | from the Finder to create a widget.
| | 01:18 | The end result of any of these
methods is the same so it doesn't matter
| | 01:21 | which one you choose.
| | 01:23 | With my Gallery widget selected, I can
see the blue anchor marker on the left side.
| | 01:28 | This tells me that this widget will travel
wherever this paragraph goes as I edit the text.
| | 01:33 | If I wanted it to move with a different
paragraph, I can simply grab the anchor
| | 01:38 | marker and move it elsewhere.
| | 01:39 | So, now the gallery will travel
with this paragraph on solar energy.
| | 01:45 | You can also use the Format bar to unanchor
a widget and turn it into a floating object.
| | 01:51 | And you can click Anchored
to re-anchor it at anytime.
| | 01:55 | When you create a widget, the
widget inspector is also open for you.
| | 01:59 | That's the very last icon in the inspector.
| | 02:01 | It has two tabs, Layout and Interaction.
| | 02:06 | On the Layout tab, you have
options for adding titles, captions, and
| | 02:10 | backgrounds to the widget.
| | 02:12 | The accessibility description is by
default the same as the title, but
| | 02:15 | it doesn't have to be.
| | 02:17 | You can change it to whatever
you like by editing the text here.
| | 02:20 | Widgets are also automatically numbered
for you so you don't have to worry about
| | 02:24 | keeping track of the numbering. And you
have several options for what kind of
| | 02:28 | label to apply within a title.
| | 02:31 | If you apply a background, you can
control the margin and use a graphic inspector
| | 02:37 | to select a different color.
| | 02:40 | You can also add a stroke or a
boarder around the widget, as well as add a
| | 02:44 | picture frame or a shadow for a 3D effect.
| | 02:46 | While the options in the Layout tab are
similar for all widgets, the options in
| | 02:51 | the Interaction tab are specific to
the contents and behavior of each widget.
| | 02:56 | This is where you'll do
most of your work with widgets.
| | 02:58 | For example, I'll switch to my other
document where I already have a bunch
| | 03:03 | of widgets created.
| | 03:05 | The first one here is a gallery widget,
and in the Interaction tab I can see
| | 03:10 | each of the pictures in the gallery, and I can
click and drag to reorder them if I wanted to.
| | 03:16 | I can also add or remove
images and change the description.
| | 03:21 | On the next page is a video widget.
When I select it, the Interaction tab gives
| | 03:27 | me options for a poster frame, which
is the still image that shows when the
| | 03:31 | video is not playing.
| | 03:32 | I have controls to repeat the video, to
make it play in full screen mode, and to
| | 03:37 | play it right here on iBooks Author.
| | 03:40 | On my next page I have two widgets.
| | 03:42 | I have a keynote widget.
| | 03:45 | Note that you don't have very
many options for a keynote widget.
| | 03:48 | You can basically only decide whether
it plays in full screen mode or not and
| | 03:52 | choose a different keynote file.
| | 03:55 | My other widget here is an interactive
image. In the inspector I can select the
| | 03:59 | different views and preview them
or reorder them if I wanted to.
| | 04:06 | I can also add additional views, and again
show more controls if I want to, or hide them.
| | 04:14 | On my next page, I have a scrollable
content widget. I can pull the scroll bar
| | 04:18 | down to see I have extra text here.
| | 04:22 | Note that there are no options in the
interaction tab for a scrollable content widget.
| | 04:28 | On my next page, I have an HTML widget,
and again there are no options here
| | 04:33 | other than to select an HTML
widget that you created elsewhere.
| | 04:37 | And we'll see how to do
that in a different movie.
| | 04:40 | Here's another HTML5 widget. I'll click
the Edit HTML button, and we can preview it.
| | 04:47 | This one happens to be a Google Maps widget.
| | 04:51 | And finally I have some pop over widgets.
| | 04:53 | If I double-click I can see the pop over text.
| | 04:59 | I should also mention that there's
another thing you can use the widget
| | 05:02 | inspector for, and that is to create a
simple image widget that will be viewable
| | 05:06 | in full screen mode when tapped.
| | 05:07 | I'll go to page 6. Here I made a static
image into an image widget by going to
| | 05:14 | the Widget Inspector > Interaction tab,
and I selected Make full-screen on tap.
| | 05:19 | I also selected Full-screen only.
| | 05:24 | Now when the student taps this image
the rest of the content on the page will
| | 05:27 | disappear and the image will
zoom to the center of the screen.
| | 05:31 | Widgets are what you use in iBooks
Author to create the interactive and
| | 05:35 | dynamic elements that can make your projects
truly engaging and fun resources for students.
| | 05:40 | Now that we've seen the overview of
widgets, we'll use the rest of the chapter
| | 05:44 | to dive into the details of each kind,
and make use of some third party resources
| | 05:49 | to do some important things that
iBooks Author can't do on its own.
| | Collapse this transcript |
| Creating an image gallery| 00:00 | An image gallery is a great way to add
visual interest and interactivity to your project.
| | 00:05 | So, let's see how to add one and
adjust the display and navigation controls.
| | 00:10 | Here in my Geology project, I have a
passage about the things in nature that
| | 00:13 | mix soils together.
| | 00:15 | These include ants, solar energy, rain,
and avalanches, and one way that I can
| | 00:21 | make this passage more engaging and
help students retain this information
| | 00:24 | better, is to add some
images to go with each example.
| | 00:28 | I could just place them one by one
next to each of these headings, or I could
| | 00:32 | group them together in an image gallery that
the reader can tap on the iPad to see each image.
| | 00:37 | So, let's try that.
| | 00:39 | I'll go up to the tool bar,
| | 00:41 | I'll choose widgets, and the
very first one here, gallery.
| | 00:45 | It's positioned in the middle of the page
and it's anchored at the beginning of the text.
| | 00:49 | You see the blue anchor marker up here?
| | 00:52 | Also when I add it, the
widget inspector is open for me.
| | 00:55 | I'll give it a title.
| | 00:59 | Now to add images to the gallery.
I'll click once to select it and in the
| | 01:03 | Interaction tab, in Gallery Media,
underneath there's a plus sign, I can click
| | 01:08 | on that, and go to the
Finder and navigate to my images.
| | 01:14 | Now, the problem with this method is
you can only add one image at a time.
| | 01:18 | It would be much faster to add all of
the images I want at once, and I can do
| | 01:22 | that by dragging and
dropping them right into the widget.
| | 01:25 | So, I'll cancel out of this dialog box.
| | 01:28 | I'll switch to the Finder, I'll select
all the images I want in the gallery, and
| | 01:33 | I'll just drag and drop them right in.
| | 01:35 | I'll go back to iBooks author, select
the widget, and here in the Interaction
| | 01:41 | tab, there's all the images.
| | 01:43 | Next, I'll give each one a proper
caption, and I'll use the navigation controls
| | 01:49 | to go through the images.
| | 01:52 | I can also use the inspector to
reorder the images in the gallery.
| | 01:55 | In this case, I'd like them to
match the order of my headings.
| | 01:59 | So, I want ants to begin, followed by
solar energy, followed by rain, and then
| | 02:05 | landslides or avalanches.
| | 02:08 | I can also elect to Show Thumbnails
underneath the gallery, and clicking these, or
| | 02:13 | tapping them on the iPad, will allow
users to navigate through the gallery.
| | 02:18 | Also notice the accessibility
description was automatically filled in from
| | 02:22 | the captions I added.
| | 02:23 | Let's take a look in the Layout tab.
| | 02:27 | Here you can set where the title and
the captions go, top, top and bottom, or
| | 02:33 | all on the bottom. I'll
leave it top and bottom for now.
| | 02:37 | You can also choose a title,
which is what appears over here.
| | 02:40 | I can pick from my different
label styles or create a new one.
| | 02:44 | Under caption options, I can turn it off.
| | 02:48 | I can have the same caption for all
the images, or the individual captions.
| | 02:53 | I can also set a background color,
increase or decrease the margins, and I can
| | 02:58 | use the graphics inspector to change the
color fill of that background if I want to.
| | 03:03 | So that's it, my gallery is complete.
| | 03:05 | On the iPad, students can swipe to view
the different images or they can tap the
| | 03:10 | navigation controls under the images,
and the gallery will also function in full
| | 03:14 | screen mode when someone
taps on one of the images.
| | 03:18 | Gallery widgets are a great way to
spice up a project with interactivity and
| | 03:22 | images, and iBooks author makes it
easy to add several images at once, and
| | 03:26 | adjust the display so you can create
a great looking functional gallery
| | 03:30 | quickly and easily.
| | Collapse this transcript |
| Adding Keynote presentations| 00:00 | Keynote is Apple's stylish
answer to Microsoft's PowerPoint.
| | 00:04 | With it, you can make great looking
presentations and even better, you can
| | 00:08 | include those presentations in your
iBooks Author projects, let's see how.
| | 00:12 | Here I have a presentation I created in
Keynote on some of the major features of
| | 00:17 | seashore geology, and if I play it, I
can see that it has some fancy transitions
| | 00:25 | and even video that will
play inside the presentation.
| | 00:29 | I'd love to include this content
in the chapter on the seashore in my
| | 00:32 | iBooks Author project.
| | 00:34 | Fortunately, it's a snap to add
Keynote content with an interactive widget.
| | 00:38 | I'll switch over to iBooks Author, and
I can either drag and drop the Keynote
| | 00:43 | file from the Finder, or I can
start by creating an empty widget.
| | 00:47 | This time I'll use the
widget menu in the toolbar.
| | 00:50 | I'll choose Keynote, and the widget is
added to the center of the page and it's
| | 00:55 | anchored to the first paragraph.
| | 00:56 | I'll move it down and to the right, just
so it fits right in there, I'll give it a
| | 01:02 | title, and then I'll switch to the
Finder, and in the Exercise Files, I'll grab
| | 01:11 | the file called Seashore.key and
drop it on top of the empty widget.
| | 01:16 | Depending on the size of the Keynote file,
it may take a little while for iBooks
| | 01:20 | Author to optimize it.
| | 01:22 | Now let's looks at some of the
options in the Widget Inspector.
| | 01:26 | I'll select the Widget and look at
Layout. So I can have the caption and the
| | 01:32 | title at the top, top and
bottom, or just the bottom.
| | 01:35 | I'll leave it on the top for now.
| | 01:37 | I'll turn off the
captions since I don't need that.
| | 01:40 | For the label, I'll keep interactive, or
I could choose any of the other labels
| | 01:45 | or create a new one.
| | 01:47 | I could add a background
color and change the margin.
| | 01:52 | In the Interaction tab, I could set it
to Full-screen only, which reduces the
| | 01:57 | size of the preview and will make the
presentation take over the whole screen in
| | 02:01 | the iPad when it's tapped.
| | 02:03 | I'll leave that off for now. And I can
also show transport controls if I want to.
| | 02:07 | So you can tap through the slides on the iPad.
| | 02:12 | I'll also turn that off.
| | 02:14 | The interaction tab is also where you'd
go to choose a different Keynote file if
| | 02:19 | I wanted to replace this one.
| | 02:21 | Now, it's worth noting that on the iPad,
users can swipe to change the slides,
| | 02:25 | but those fancy transitions that we
saw in Keynote will be replaced with a
| | 02:29 | simple dissolve. But, happily, if you
have multimedia elements like audio and
| | 02:34 | video, those will be preserved.
| | 02:37 | Adding Keynote presentations to your
iBooks Author projects couldn't be much easier.
| | 02:41 | With a simple drag and drop and a few
clicks, you can repurpose presentations,
| | 02:46 | including multimedia content.
| | Collapse this transcript |
| Creating interactive images| 00:00 | You can add descriptive captions to
any image you place in iBooks Author.
| | 00:04 | But what if you have so much you want
to say about the image that you really
| | 00:07 | need multiple captions?
| | 00:09 | In that case, an interactive
image widget is the perfect solution.
| | 00:13 | You can add labels with pointers, and
even make the image scroll and zoom
| | 00:16 | differently when the user taps each label.
| | 00:18 | Here I have an image of a stunning and
very fragile landform called the Azure window.
| | 00:23 | I'd like to add three different
pieces of information about specific areas
| | 00:28 | in this photo: the waves eroding the
rocks at the shore line, the spot where
| | 00:32 | the bridge is disintegrating, and the
place where warnings are posted about a
| | 00:36 | potential collapse.
| | 00:38 | So for this, I want to use
an interactive image widget.
| | 00:41 | I'll select the photo and cut it to
my clipboard. I'll go to the toolbar
| | 00:46 | and choose Widgets > Interactive Image. I'll
click inside the widget and paste my photo in.
| | 00:55 | Now, to start formatting it. I'll add
the title, the Azure Window, I'll select
| | 01:00 | the text and use the controls in
the Format bar to make it bold.
| | 01:04 | Then I'll go to the Layout tab of
the inspector and add a caption.
| | 01:11 | In the Exercise Files, you'll find a
text file called The Azure window.txt. In
| | 01:17 | it you can find all the
text you need for this widget.
| | 01:20 | Here's the caption. I'll select it and copy
it, switch back to iBooks Author, and paste.
| | 01:28 | Now, I need to work on the view and the labels.
| | 01:30 | I'll go the Interaction tab, click
once on the first label, switch back to my
| | 01:37 | text file and I'll copy the
text for a disintegration.
| | 01:42 | Switch back to iBooks author, and paste in.
| | 01:46 | I'll cut disintegration,
and paste it over the title.
| | 01:51 | Now, I can drag the label and the pointer
to position them exactly where I want them.
| | 01:57 | Sometimes it helps to zoom out to give
yourself more room to do this, so I'll
| | 02:01 | drag the slider, I'll drag the label and the
pointer right there where the rocks are cracked.
| | 02:10 | I'll move the label up
some and zoom back in a bit.
| | 02:15 | This process can take a few steps until
you get it just where you want it to be.
| | 02:20 | When I have it just right I'll click
Set View. Now I'll click on my second
| | 02:25 | label, copy the text from the text file,
this time we'll do Collapse, switch back
| | 02:32 | to iBooks Author, paste,
grab the title, and paste it.
| | 02:41 | Again we'll zoom out the view by
dragging the slider, move the label, and the
| | 02:47 | pointer, click and drag, and I want it
to go right up at the top where the sign
| | 02:54 | would be to warn about the collapse.
| | 02:56 | Move the label over there, and
then I'll click Set View again.
| | 03:01 | I'll click the plus button to add a
third label, copy and paste the text on
| | 03:07 | Erosion from the text file,
and repeat the process.
| | 03:14 | I'll drag the slider to zoom in a
little bit just so I can see those
| | 03:17 | crashing waves a little bit better.
And click Set View. I'll click back on
| | 03:23 | the default view to check that.
| | 03:26 | And that's pretty good, I might want to
drag this Disintegration label a little
| | 03:30 | bit down just so it's not
overlapping the Collapse label.
| | 03:34 | Now when students tap each label, the
corresponding caption will be revealed and
| | 03:39 | the image will pan and
zoom to the views that we set.
| | 03:42 | When the students tap anywhere outside
the labels on the image, it will go back
| | 03:46 | to the default view.
| | 03:47 | You can add as many labels as you want
and if you later decide to remove one,
| | 03:52 | you just have to select a label and
click the minus button to delete it.
| | 03:56 | I'll just undo that to put that back.
You can also reorder the labels by
| | 04:01 | dragging them, and you can show or
hide transport controls and descriptions.
| | 04:07 | In this movie we saw how to create
and edit an interactive image.
| | 04:11 | Consider adding one to your project
when you have a lot to show and tell
| | 04:15 | about a particular image.
| | Collapse this transcript |
| Creating scrolling sidebars| 00:00 | A new interactive feature that was
added with version two of iBooks Author is
| | 00:04 | the scrolling sidebar.
| | 00:06 | It allows you to perform a magical
trick of squeezing in as much content as you
| | 00:09 | like into a small space, so it's great
for solving tricky problems when you can't
| | 00:14 | quiet get your layout to work right.
| | 00:16 | In this chapter of my Geology project I
have a section on the forces of erosion,
| | 00:21 | and I have some material on how
Niagara Falls is eroding the land, right here.
| | 00:26 | It's in its own text box, and I'd like to
highlight it right here as a sidebar of
| | 00:31 | its own, but it's too long to fit on the page.
| | 00:34 | You can tell by the plus sign down
here at the bottom of the text box,
| | 00:38 | indicating that there's overflow text.
| | 00:40 | This is the perfect use
for a scrolling sidebar.
| | 00:43 | First, I'll make room for the sidebar by
resizing this text box and moving it out of the way.
| | 00:50 | Then to add a scrolling sidebar, I'll
choose widgets, scrolling sidebar, it
| | 00:56 | comes in as an anchored object, and I
also have the blue dot here for rounding
| | 01:00 | the corners of the object if I wish.
| | 01:02 | I'll leave it as a rectangle for now.
| | 01:05 | I'll move the widget into position and
resize it so I fits my text column, right
| | 01:11 | about there it looks good.
| | 01:12 | Now, I'll copy and paste the text,
I'll select it all, copy it, click in
| | 01:19 | my widget, and paste.
| | 01:22 | And right away you can see the scroll
bar her indicating that there's more text
| | 01:25 | than I'm seeing right now, and the fact I can
actually click and drag that scroll bar too.
| | 01:30 | I'll make my text a little bit wider just
so it doesn't overlap that scroll bar.
| | 01:35 | Now, let's format the text.
| | 01:37 | When I pasted it in, it took on the
style for the widget, which is the Caption
| | 01:41 | 3 paragraph style.
| | 01:43 | But earlier I created some other styles
for the formatting that I'd rather see here.
| | 01:47 | So, I'll apply those styles.
| | 01:49 | First, I'll select the heading, and I'll
apply Sidebar Head, and I'll select the
| | 01:55 | rest of the text, and apply Sidebar Text.
| | 01:59 | I also have an image of Niagara
Falls that I want to use here.
| | 02:05 | So I'll switch to the Finder,
grab the image, and drop it in.
| | 02:11 | I'll click in drag to resize the image
and make the widget a little bit taller.
| | 02:17 | Just so I can fit one more
line of text right there.
| | 02:21 | I'd also like to make it a little bit
more visually distinct from the rest of
| | 02:24 | the page, so I'll give the widget a
fill color. I'll take the magnifying glass
| | 02:30 | and I'll steal one of the
tones from the photo itself.
| | 02:32 | And the last thing I want to do is add
some indication that there's scrollable
| | 02:37 | content here because the scroll bar won't
appear until the user swipes over the sidebar.
| | 02:43 | With the widgets selected, I'll
grab a triangle from the Shapes menu.
| | 02:48 | Now because I had the widget selected
the triangle is now part of the sidebar.
| | 02:53 | If I try to drag it out, I can't.
| | 02:55 | It stays within the boundaries.
| | 02:57 | I'll use the graphic inspector to
give it a solid color fill, and I'll
| | 03:02 | just darken it up a bit.
| | 03:05 | I'll resize it and make it smaller, and
I'll hold the Ctrl key down and the Shift
| | 03:11 | key to drag it so it points straight down.
| | 03:13 | Maybe make it a little bit smaller, and
move it into position, right about there.
| | 03:22 | And now the scrolling sidebar is done.
| | 03:25 | The last thing I'll do is just clean
up the page by selecting the old text
| | 03:28 | box and deleting it.
| | 03:30 | Scrolling sidebars were a welcome
recent addition to iBooks Author's set of
| | 03:34 | interactive widgets. With them you
can fit any amount of content into a
| | 03:38 | tight spot.
| | Collapse this transcript |
| Creating pop-overs| 00:00 | Images add interest to your
projects. So does interactivity.
| | 00:04 | So, it stands to reason that you can
add even more interest by combining
| | 00:07 | imagery and interactivity.
| | 00:10 | One way you can do this is to make an
interactive pop-over that can display
| | 00:14 | extra content when tapped.
| | 00:16 | Let's see how to make
pop-overs in iBooks Author.
| | 00:18 | So, I'm looking at the end of the
introduction of my geology project and I have
| | 00:22 | some extra space down here on the
page where I'd like to add something
| | 00:26 | interesting and interactive, just to
reinforce what students have learned in
| | 00:30 | this chapter before they move on.
| | 00:32 | And what I came up with was an idea
about a set of images that would illustrate
| | 00:36 | the three main classes of rock,
sedimentary, igneous, and metamorphic.
| | 00:40 | I have images and a short piece of
text for each one, which can be found in
| | 00:45 | the Exercise Files.
| | 00:47 | And I'll first add the pop-over
by choosing Widgets > Pop-Over.
| | 00:52 | At the bottom is where the image will
go, and at the top is the pop-over, which
| | 00:56 | will appear when the image is tapped.
| | 00:58 | And iBooks Author reminds me that the
Pop-Over can hold both text and images.
| | 01:03 | First I'll add the image of Sandstone.
I'll switch back to the Finder, grab my
| | 01:08 | sedimentary rock, drop it into
the widget, go back to iBooks Author.
| | 01:13 | Now, it's a little too large right now,
so I'll drag one of the corners and keep
| | 01:18 | an eye on the dimensions until
it's about a 160 points square.
| | 01:22 | I'll move it down into place, then
I'll switch over to my text file and grab
| | 01:27 | the text on sandstone.
| | 01:29 | I'll copy it, go back to iBooks
Author, double-click on the picture,
| | 01:35 | double-click in the pop-over, and paste.
| | 01:37 | And I'd like the word sandstone to
stand out a little bit more, so I'm going to
| | 01:42 | select the rest of the text and remove
the bold formatting in the Format bar.
| | 01:47 | I'll resize the pop-over because its
really large right now. I just want it to
| | 01:53 | fit the text, right about there.
| | 01:56 | I'd also like to add a background color
here just to make it stand out a little more.
| | 02:02 | In the Graphic inspector I'll click the
color box, and in the Color window I'll
| | 02:06 | click the magnifying glass, and
I'll borrow a color from the picture.
| | 02:10 | That looks pretty good.
| | 02:13 | Now, the last thing I want to do is to
add a caption underneath the photo to
| | 02:17 | identify this as sedimentary rock,
even before the reader taps the image.
| | 02:22 | So, I'll select the widget, go to the
Widget inspector, and in the Layout tab
| | 02:28 | I'll turn on Caption, and
I'll add the word sedimentary.
| | 02:31 | I'll use the controls in the Format
bar to center it, and make it Bold.
| | 02:39 | And if I double-click the
image, I see the full effect.
| | 02:43 | Now, let's see how quickly we can create
two more using this one as a starting point.
| | 02:48 | I'll hold down the Option key on my
keyboard, click on the photo, I'll hold down
| | 02:52 | the Shift key, and then drag straight across.
| | 02:55 | This makes a copy, and it makes it
straight in line with the other one.
| | 02:59 | I'll repeat that process again.
| | 03:02 | I'll hold Option and Shift,
click on the photo, and drag across.
| | 03:06 | So, let's work on the middle one,
I'll switch to the Finder, I'll grab my
| | 03:13 | igneous.jpg picture, and drop it in,
I'll switch to my text file, grab the text
| | 03:21 | on Granite, copy it, switch back to
iBooks Author, double-click on the photo,
| | 03:29 | click inside the pop-over,
select the text, and paste over it.
| | 03:33 | Now, I'll repeat the formatting change,
I'll remove the bold, and any extra
| | 03:41 | text, I'll resize the pop-over, in
this case I'll make it a little narrower
| | 03:48 | and a little taller.
| | 03:50 | And again I'll go to the Graphic
inspector and borrow a color with the
| | 03:54 | magnifying glass from the image.
| | 03:57 | Finally, I'll change the caption, Igneous, and
we'll repeat the process for the third widget.
| | 04:05 | Grab the image, drop it in, grab the
text, copy it, double-click, paste over,
| | 04:17 | change the formatting, I'll remove the
bold, resize the pop-over, and then in
| | 04:24 | this case, I'm going to want
white text on a dark background.
| | 04:28 | So, I'll use the Graphic inspector,
take the magnifying glass, pick a dark
| | 04:33 | tone, then I'll select the text, I'll go
to the graphic inspector and switch to
| | 04:39 | the text inspector, choose the fill
color for the text, and make it white.
| | 04:46 | Now, when I double-click on
the widget, I can read the text.
| | 04:49 | And last, I'll change the caption.
| | 04:53 | So there you have it, in just a few
minutes we are able to create a trio
| | 04:57 | of nicely-formatted, interactive pop-over
widgets to add a little spice to our project.
| | 05:02 | It's a great way to make
almost any material more fun.
| | Collapse this transcript |
| Adding HTML widgets| 00:00 | HTML5 Widgets are without a doubt
the most powerful and flexible of the
| | 00:04 | widgets in iBooks Author.
| | 00:06 | With them you can add an almost
unlimited variety of creative and interactive
| | 00:10 | elements to your projects.
| | 00:12 | But in order to get that power and
flexibility, someone has to do the coding of the HTML.
| | 00:17 | If you know how to code HTML, CSS, and
JavaScript, or use tools like Apple's
| | 00:22 | Dashcode, you can create
your own widgets from scratch.
| | 00:26 | Fortunately, for the rest of us,
there are services to help us create HTML
| | 00:30 | widgets without coding.
| | 00:32 | But no matter how you make them,
HTML widgets are really cool.
| | 00:35 | So, let's take a look.
| | 00:37 | In my geology project, I've added two
HTML widgets. Here I have one for the US
| | 00:42 | Geological Surveys Twitter feed, and if I
select it and click on Edit HTML, I can
| | 00:47 | preview it, and there's the live Twitter
feed. Then, down on page 6, I have another
| | 00:54 | widget that when tapped, will show the
Google Map for the Crater of Diamonds
| | 00:57 | State park in Arkansas, and it even
has a tappable point of interest.
| | 01:02 | So, let's switch to a different version of
this document and see how I created these.
| | 01:07 | These were both created from
third party services from the web.
| | 01:11 | So, I'll switch to Safari and look
at the first one, which is bookry.com.
| | 01:16 | There are several sites on the web
which have sprung up to offer widget
| | 01:19 | creations services for iBooks.
| | 01:21 | One source of high quality widgets is
bookry.com, formally known as Class Widgets.
| | 01:27 | With Bookry, you can create widgets that
add scientific calculators, timelines,
| | 01:32 | panoramic images, Google Maps,
sketch pads, YouTube videos, and more.
| | 01:37 | And the best part is the basic service is free.
| | 01:40 | The only catch is that the free widgets
carry the Bookry logo on them in your project.
| | 01:45 | If you want to remove the Bookry logo
or replace it with your own logo, you can
| | 01:49 | do that by paying a fee.
| | 01:51 | Bookry also offer's other services,
including analytics, to track how people are
| | 01:55 | using your projects, and
custom widget development.
| | 01:57 | So, let's try out Bookry.
| | 01:59 | We'll use it to create a widget that
puts the US Geological Survey's Twitter feed
| | 02:03 | into our geology project.
| | 02:06 | Bookry organizes your widgets into books.
| | 02:08 | So the first thing to do is to create
a book, which mainly just serves like a
| | 02:12 | folder to keep a set of
related widgets together.
| | 02:15 | I'll create a book called Geology.
| | 02:17 | I'll click on the large plus sign,
and type in Geology, and then click Create.
| | 02:25 | Next I can add a widget, and here are
the different varieties of widget I can
| | 02:30 | get, I'll scroll down, and
select the Twitter widget.
| | 02:35 | I'll give it a name and then, and then there are
static settings and live settings I can fill out.
| | 02:42 | First of all I can pick what orientation
I'm going to create my project in, I'll
| | 02:45 | leave it at landscape for now.
| | 02:47 | I can also select an image but for now
I'll just leave the default Twitter logo.
| | 02:52 | I'll also give it a title that appears
in the project, and the Twitter Username,
| | 02:57 | which is USGS, scroll down, I'll
save it, and then download my widget.
| | 03:08 | Now, the Mac is asking me if I want to
install this widget in Dashboard, which I
| | 03:11 | actually don't, so I'll just press
Cancel, and then I'll reveal it in the Finder.
| | 03:16 | Now, I can drag this widget into my
project, I'll select it, switch over to
| | 03:23 | iBooks Author, and drop it on the page.
| | 03:27 | Move it into position, and I can
test it out by pressing Edit HTML.
| | 03:33 | And there it is, I'll click Done, and
we'll work on the formatting a little bit.
| | 03:39 | I'll open the inspector, and in the
Layout tab, we'll turn off the Caption,
| | 03:44 | we'll leave the Label set to None,
and select the title, and type in US
| | 03:51 | Geological Twitter Feed.
| | 03:54 | Just to make it stand out a little,
I'll select it all and use the Format bar
| | 03:57 | to make it Bold, and resize the widget just
a bit, there we go. And maybe move it down.
| | 04:07 | So as you can see Bookry is very
useful for creating HTML widgets, but as I
| | 04:11 | mentioned they are not the
only site to offer this service.
| | 04:14 | I'll switch back to the browser
and we'll check out a different one.
| | 04:18 | This is iBooks Generator. It's a very
simple site, and once you have an account
| | 04:21 | set up you can create a Google Maps widget.
| | 04:25 | I'll log in, click on Widgets, Google
map widget, I'll click on Create, and now
| | 04:34 | I'll give it a name.
| | 04:35 | Crater of Diamonds State Park. I'll
type in the address, there it is, and I can
| | 04:43 | choose a zoom level.
| | 04:45 | I'll choose zoom level 6 and the type of map.
| | 04:49 | In this case I'll pick a Terrain map.
| | 04:52 | Now, a really nice feature here is
the ability to add a point of interest
| | 04:56 | that will appear on the map for the user to
tap and learn more about a specific location.
| | 05:00 | You can type anything you like to appear
in the point of interest, so I'll click
| | 05:05 | on Add POI, I'll give it the same name,
Crater of Diamonds, and in the Exercise
| | 05:12 | Files I have a description set in a
text file, I'll grab that, copy it, switch
| | 05:19 | back to the browser, and paste.
| | 05:21 | And again, type in the address, there
it is, I'll scroll down and click Save.
| | 05:30 | I'll close that window, save my
widget, and now I can download it.
| | 05:38 | Again, I don't want to install it in
Dashboard so I'll click Cancel, reveal it
| | 05:44 | in the Finder, and I can
drag it into my project.
| | 05:48 | First of all, I'll switch to the right page.
| | 05:51 | I'll zoom out of it to make room, switch
back to the Finder and grab that widget,
| | 05:57 | and drop it on the page.
| | 05:59 | Now I'll format it.
| | 06:01 | In the Layout tab I'll put both the
Title and the Caption underneath, and in the
| | 06:06 | text file in the Exercises File I
have the text for the title and caption.
| | 06:11 | So, I'll select them, copy,
switch back to iBooks Author, and paste.
| | 06:18 | I'll grab the title, cut it and
paste it in the title position.
| | 06:23 | Now, I'll add some formatting, so with
my cursor in the title, I'll go to the
| | 06:27 | Format bar and choose a paragraph
style I created called Figure Title.
| | 06:34 | And lastly just to set it off from the
rest of the page, I'll select the widget
| | 06:37 | and add a background.
| | 06:39 | I'll use the Graphic inspector to choose a
light blue color fill. And one last thing.
| | 06:47 | I'd like to replace this image of
the map with a photo of a diamond.
| | 06:51 | So, again I'll switch back to the
Finder, and in the Exercise Files, you'll find
| | 06:56 | the image diamond.jpg.
| | 06:59 | I'll select that, switch back to
iBooks Author, and drop it in place.
| | 07:05 | And I'll just adjust the position of
the photo in the widget a little bit, move
| | 07:09 | it to the top, and resize it a little.
| | 07:13 | There, that's looks good. And let's test it.
| | 07:17 | I'll select it and click Edit HTML.
There's my Google Map, I'll tap on the point
| | 07:24 | of interest, and we can read
the information that we added.
| | 07:27 | I'll click Done, and that's it.
| | 07:32 | If you have some experience in web
development, you'll likely be able to create
| | 07:35 | your own HTML widgets from
scratch, or with Apple's Dashcode.
| | 07:40 | But even if you don't have any
familiarity with HTML, you can still create and
| | 07:44 | add free HTML widgets to your projects
with the help of third party sites like
| | 07:49 | Bookry and iBooks generator.
| | Collapse this transcript |
| Adding audio and video| 00:00 | Adding media like audio and video to
your projects might sound like it would be
| | 00:04 | a tough job, but actually it's not much
harder than adding an image. As long as
| | 00:08 | you stick to the file formats that
iPad and iBooks Author supports, you won't
| | 00:13 | have much hassle at all
bringing your projects to life.
| | 00:15 | So let's go ahead and see
how to add some multimedia.
| | 00:19 | The first thing to know about working
with media in iBooks Author is that you
| | 00:22 | can't place just any kind
of file into your projects.
| | 00:25 | Apple recommends that you use MP4
files for video and M4A files for audio.
| | 00:32 | But in reality, iBooks Author can place any
file format that you can open with QuickTime.
| | 00:38 | Here in this Finder Window, I have
an Avalanche.wav sound file, and I can
| | 00:42 | actually play it in the Finder--
| | 00:44 | (audio playing)
| | 00:51 | --and hear the sound of an avalanche.
| | 00:53 | Now I'll just click and drag it into my
project, and when I do, iBooks Author
| | 00:58 | optimizes the audio file.
| | 01:00 | I can click to play it and pause it.
| | 01:04 | One more note about
converting media file formats.
| | 01:09 | Converting media before you place it
into iBooks Author is definitely the way to
| | 01:13 | go if you're going to be placing the
same file in multiple places or projects.
| | 01:17 | But in this case, I'm only going to be
using this audio file once, so I'm just
| | 01:21 | going to be a little lazy and let
iBooks Author do the converting for me.
| | 01:25 | Now let's format this audio widget.
| | 01:28 | In the Widget inspector I have choices
for how to present the audio and what
| | 01:31 | kind of controls to offer the user.
| | 01:33 | So right now, I'm in the Interaction
tab, I can show the audio as a plain
| | 01:37 | button, as a Scrubber Bar with
volume controls, or as an Image.
| | 01:43 | I happen to have an image of an avalanche,
so I'm going to click and drag that in.
| | 01:49 | I'll select the widget again, notice I
can set the file to repeat, and I have
| | 01:54 | controls to play it right
here in the Widget inspector.
| | 02:00 | Now let's go the Layout tab and
work on the formatting a little bit.
| | 02:04 | I'll use the title to add an instruction
to tap the image to play the sound file.
| | 02:11 | I'll select the widget;
| | 02:12 | I could also add a background if
I wanted too, and an extra caption.
| | 02:17 | In this case I'll leave the
caption off, and the background.
| | 02:22 | I'll just move it into place on the page here.
| | 02:25 | Now let's add a video file. I'll go to page
2 and zoom out, so I can see the whole page.
| | 02:32 | I want to put a short video of ocean
waves crashing against rocks at the shore
| | 02:36 | to illustrate the process of erosion.
| | 02:39 | Once again, I'll switch to the Finder,
locate my media file, in this case it's
| | 02:44 | Waves.m4v, and drag and
drop it into iBooks Author.
| | 02:50 | Again, iBooks Author will
optimize the file format.
| | 02:53 | Now that it's done
optimizing, I'll select the widget,
| | 02:57 | I'll go to the Interaction tab,
and look at the options there.
| | 03:00 | In the Interaction settings, I can
allow the video to be played at the size and
| | 03:04 | position it currently is or I can
make it open as full-screen when tapped.
| | 03:09 | I can also drag the scrubber in the
panel to choose a movie poster. That's the
| | 03:13 | still image that shows
before the movie starts playing.
| | 03:16 | I'll drag the scrubber and find a good
point in the video, how about right there?
| | 03:22 | I can set the video to loop if I want
to, and I have controls to watch the video
| | 03:27 | right here in the Widget inspector.
| | 03:29 | I'll go to the Layout settings. First
of all I can choose where the title and
| | 03:33 | caption appear. Note that we don't have
the freeform layout option that we have
| | 03:38 | with some of the other Widgets.
| | 03:40 | In this case, that means we're going
to have a pretty large gap between the
| | 03:43 | video and the title and the caption.
| | 03:46 | Now, add a proper title, clicking
and replacing the text, and a caption.
| | 03:55 | Now that I have my caption typed, let's
play the video. And there you have it.
| | 04:02 | Note that iBooks Author doesn't offer
any tools for cropping audio or video.
| | 04:06 | If you need to that, do it before you
bring the media files into your project.
| | 04:11 | Adding media files is a great way to
make your iBooks Author creations come
| | 04:15 | alive with sights and sounds
no printed material can match.
| | 04:19 | Just be sure you use the right
formats that iBooks Author requires.
| | 04:22 | In many cases, iBooks Author can
convert files to the formats it needs, or you
| | 04:27 | can use QuickTime or iTunes.
| | Collapse this transcript |
| Adding 3D content| 00:00 | By adding 3D widgets to your projects,
you can allow your students to explore an
| | 00:04 | illustration from any angle and
bring content to life in a way that still
| | 00:08 | pictures and even video can't match.
| | 00:10 | Once you become familiar with widgets
in iBooks Author, it's no problem at all
| | 00:14 | to add 3D models to your projects.
| | 00:17 | The bigger question is, where do you
get 3D files to place into your projects?
| | 00:21 | The first thing to know is that iBooks
Author accepts only one file format for 3D,
| | 00:26 | COLLADA files with the extension .DAE.
| | 00:30 | If you want to try your hand at drawing
your own 3D illustrations, you can use
| | 00:34 | one of several programs for the Mac
that can export to COLLADA, format including
| | 00:38 | Trimble SketchUp, Blender,
Autodesk Maya, and 3D tools by Strata.
| | 00:46 | It's worth noting that some of these
applications are quite expensive and complex.
| | 00:51 | But one relatively inexpensive
option for the Mac is Strata Design 3D SE.
| | 00:57 | Trimble SkecthUp comes in a free
version, although as of this recording, it
| | 01:00 | lacks the ability to set a viewing
position that iBooks Author will match.
| | 01:05 | So when you place the COLLADA file in
iBooks Author, the initial view will be
| | 01:08 | different from what you see in SkecthUp.
| | 01:11 | For now, the workaround is to rotate
your model in SketchUp to compensate for
| | 01:15 | the initial view iBooks Author shows you.
| | 01:18 | If you don't want to try drawing your
own 3D models, there are several sources
| | 01:22 | online where you can download
models that other people have created.
| | 01:25 | Some are free, others you have to pay for it.
| | 01:28 | So let's look at a few of those.
| | 01:30 | Trimble 3D Warehouse is the
companion website for SketchUp, where users
| | 01:34 | upload their creations.
| | 01:36 | You can browse or search for something
specific and when you find what you want,
| | 01:39 | you can download the file and open it
in SketchUp, then export the COLLADA file.
| | 01:45 | Again, you may have a little work to do
in SketchUp to rotate the model so it
| | 01:49 | appears with the correct
initial view in iBooks Author.
| | 01:53 | Another site where you can find
free COLLADA files is ourbricks.com.
| | 01:57 | After you set up an account at
ourbricks.com, you can download 3D models.
| | 02:01 | You can search the site and results
are displayed with the terms of the
| | 02:04 | license for each item.
| | 02:06 | Again, some are free, others are not.
| | 02:09 | Some are public domain, some have a price,
and some have Creative Commons licenses.
| | 02:16 | You can click the license link to find out more.
| | 02:19 | I'll switch over to the Finder, and here I
have a COLLADA file, note the .DAE extension.
| | 02:26 | If I press the Spacebar, I can use the
Mac's quick look feature to preview the
| | 02:30 | 3D model, and I can drag to
view it from different angles.
| | 02:34 | I'll press the Spacebar again to
close it, switch over to iBooks Author, and
| | 02:40 | let's create a 3D widget.
| | 02:44 | I'll switch back to the finder.
| | 02:46 | Some DAE files are self-contained,
containing all the 3D information they need,
| | 02:51 | others have separate files like this .tif file.
| | 02:55 | I could either drag the entire folder
into iBooks Author or just the .DAE file.
| | 03:00 | iBooks Author takes a moment to place
the file, and there it is. Over in the
| | 03:06 | Widget inspector, I can choose a
different 3D file, I can set Object Rotation
| | 03:10 | options, so I can allow it to freely
rotate, or restrict rotation in either
| | 03:15 | horizontal or horizontal
and vertical dimensions.
| | 03:19 | I can also set the object to auto-rotate
while idle, so it will spin on its own.
| | 03:24 | In the Layout tab, I can set a
Title, Caption, and Background.
| | 03:28 | Also, when I have the models selected, I can go
to the Graphic inspector and set a fill color.
| | 03:35 | I'll pick a gray color.
| | 03:38 | I'll go back to the Widget inspector.
| | 03:40 | I'll keep the Label at
None and turn the Caption off.
| | 03:45 | I'll use the title for our direction
line, I'll select it all, and I'll use the
| | 03:51 | Format bar to make it Bold and Centered.
| | 03:55 | I can't preview this 3D
widget here in iBooks Author.
| | 03:58 | So if I wanted to check it, I'd have to
either use the Quick Look feature in the
| | 04:03 | Finder, as I did earlier or I could
open the COLLADA file in the Mac's Preview
| | 04:07 | application, or I can connect my iPad and
preview my project, which we'll see how
| | 04:11 | to do in a later movie.
| | 04:12 | Adding 3D models is definitely a
way to increase the wow factor in your
| | 04:17 | projects, and there's almost nothing you have
to do to get them to work inside iBooks Author.
| | 04:22 | Instead, the work is done ahead of
time, either by you in a 3D modeling
| | 04:26 | application, or by someone else whose
work you can purchase or use for free from
| | 04:31 | one of the various sites on
the web devoted to 3D modeling.
| | Collapse this transcript |
|
|
6. Working with ReviewsCreating multiple-choice review questions| 00:00 | As you're developing a project, you
may wish you had some kind of assessment
| | 00:04 | tool to test whether students understand and
remember the material that's been presented.
| | 00:09 | iBooks Author allows you to add
various kinds of interactive reviews at
| | 00:13 | any point in your project, so
students can test themselves and be sure of
| | 00:16 | what they've learned.
| | 00:17 | We'll start our look at reviews by seeing how
to create one with multiple choice questions.
| | 00:22 | So here I am at the end of my chapter,
and to add a review quiz, I'll go to the
| | 00:27 | Widgets menu in the toolbar and choose Review.
| | 00:31 | This creates a review widget on the
page and it's composed of one multiple
| | 00:34 | choice question right now in placeholder text.
| | 00:38 | I'll start filling out this review by
going to the Layout tab in the Widget
| | 00:41 | inspector. And for the Title label,
I'll keep None, but there is a Label called
| | 00:46 | Review, which you could use if you
wanted to, or you could choose Edit Label
| | 00:50 | Styles and create you own label.
| | 00:53 | For my title, I'll just use Chapter
Quiz. I'll select it and use the Format
| | 00:59 | bar to make it Bold.
| | 01:01 | I'll select my Widget, I'll turn on
the Background, and use the Graphic
| | 01:06 | inspector, I'll click in the color box,
and choose a nice, relaxing blue color.
| | 01:13 | Then I'll switch back to the Widget
inspector and go the Interaction tab.
| | 01:18 | Here's my first question, and if I
click on the right side, I can see that the
| | 01:22 | question can have anywhere between two
and six potential answers. I'll leave
| | 01:27 | it at four, and note also that I have the
option to set this quiz to full-screen only.
| | 01:33 | This would be useful if you wanted to
include material that's on the current
| | 01:36 | page and not let students see
that while they're taking the quiz.
| | 01:40 | Next, we'll type or paste in the first question.
| | 01:43 | In the Exercise Files, there's a text
file called Chapter Quiz, which contains
| | 01:48 | all the questions and answers
if you don't want to type them.
| | 01:51 | I'll select the first question, copy it,
switch back to iBooks Author, select
| | 01:58 | the question text, and Paste. Then
| | 02:01 | I'll just type in the answer choices,
and select Granite as the correct answer.
| | 02:08 | If I had a question where there was
more than one right answer, I can mark each
| | 02:12 | correct answer by Command+clicking on
it, but in this case, there's just one.
| | 02:17 | So that's it, this question is all set.
| | 02:20 | Let's add another question by clicking
on the pop-up menu in the inspector and
| | 02:24 | choosing the second kind
of multiple choice question.
| | 02:27 | This one contains an image. I'll switch
back to the Finder, and in the Exercise
| | 02:33 | Files, I'm going to select
pyrite.jpg, and drop it in.
| | 02:40 | I'll switch to my text file, grab the
question, copy it, switch back to iBooks
| | 02:47 | Author, and paste. And then I'll type in the
answer choices and select the right answer.
| | 02:57 | Let's add one more kind of multiple
choice question. This one lets us add four
| | 03:01 | images as answer choices, and the
student will tap to select the right one.
| | 03:06 | We'll go back to the text file, grab
the question, copy it, paste it in, and
| | 03:14 | then to add the photos. You could
drag and drop them one at a time from the
| | 03:17 | Finder into the question.
| | 03:19 | You can also just grab them all at
once and drop them on the page, and then use
| | 03:24 | the Metrics inspector to put them into
the question, and then delete the other
| | 03:31 | photos that you don't need.
And select the right answer.
| | 03:37 | Now back in the Widget inspector, if I
wanted to reorder the questions in the
| | 03:41 | quiz, I can simply drag them to a
different position. And the navigation arrows
| | 03:45 | in the widget also work right now.
| | 03:48 | When students take the quiz, they
tap their answer choice, and then tap to
| | 03:53 | check their answer.
| | 03:54 | If they got it right, a green
check appears next to their choice.
| | 03:58 | If they got it wrong, a red X appears,
and there's a button at the bottom of the
| | 04:02 | widget they can tap to try the question again.
| | 04:05 | At the end of the quiz, students get
their score telling them how many questions
| | 04:09 | they got right, and questions
they skip are counted as incorrect.
| | 04:12 | No matter what their score, students always
have the option to start over and retake a quiz.
| | 04:18 | In this movie, we saw how easy
it is to create a review quiz with
| | 04:22 | multiple choice questions.
| | 04:23 | In the next movie, we'll
continue to build our quiz by adding
| | 04:27 | matching questions.
| | Collapse this transcript |
| Creating matching review questions| 00:00 | In our previous movie, we saw how to
create multiple choice quiz questions
| | 00:04 | with the review widget.
| | 00:05 | Now, let's continue to build our
quiz by adding some matching questions.
| | 00:09 | So, here's the Chapter Quiz from our
geology project, and so far it's looking good.
| | 00:14 | We added some formatting and we've
added three different kinds of multiple
| | 00:18 | choice questions that I can see by
clicking through either the Inspector or
| | 00:22 | using the Navigation arrows.
| | 00:25 | Now, let's add a couple more questions
where students will test their matching
| | 00:28 | skills and really get to use the touch
screen as they drag items around to match them.
| | 00:33 | I'd like to mix up my question types
a bit and not have all of the multiple
| | 00:38 | choice questions in a row.
| | 00:39 | So I'll add a question
right after the first one.
| | 00:42 | I'll select the first question and
then down below, I'll click the plus
| | 00:46 | button, I'll select Drag Label to Target.
| | 00:50 | Then to add a question at the end of the
quiz, I'll select the last question, and
| | 00:54 | again use the pop-up menu, and this time
I'll choose Drag Thumbnail to Target.
| | 00:59 | First, we'll work on Question 2.
| | 01:02 | I'll switch over to the Finder, and in
the Exercise Folders, there's a text
| | 01:06 | file called Chapter Quiz, which
contains the text for all the questions, and
| | 01:11 | there are also photos.
| | 01:13 | So for Question 2, we're going to
use the photocave.jpg. We'll drag and
| | 01:17 | drop that in, and you can also copy the
labels if you want to or you can just type them.
| | 01:23 | I'll copy the first one, select the
label, paste it in, and then grab the other
| | 01:30 | one and paste it in.
| | 01:35 | Now we just have to move the dots
to where they should be on the photo.
| | 01:38 | We'll move those over
just a little bit, there we go.
| | 01:44 | When students take the quiz, they
won't see the labels on the photo, they'll
| | 01:47 | just see the circles and the labels
below the photo, and their job is to drag the
| | 01:51 | correct label from below the
photo to the matching white dot.
| | 01:55 | Now, let's see the last question.
| | 01:57 | I'll select it in the Inspector.
| | 01:59 | This is the Drag
Thumbnail to Target question type.
| | 02:02 | It works just the same as the Drag
Label to Target, except instead of text
| | 02:06 | labels, we have little thumbnail images.
| | 02:09 | I'll start by grabbing the question text,
which simply says Drag each photo to
| | 02:13 | the correct place on the map.
| | 02:15 | I'll copy it and paste it in.
| | 02:17 | Now, I'll drag in my images, I'll
start with the main one, north_america.jpg,
| | 02:24 | it's just a map of North America.
I'll click inside the Widget, click on
| | 02:29 | Edit Mask, and reposition a little bit,
I'll just drag it down there. And now
| | 02:36 | I'll place the smaller images,
switch back to the Finder, I'll grab
| | 02:41 | mt_st_helens.jpg and devils_tower.jpg,
and since I have one more image label I
| | 02:47 | have to add, I'll go to the Widget
Inspector, click on the right side and
| | 02:52 | change the number of answers from 2 to
3, switch back to the Finder, and grab
| | 02:58 | smoky_mtns.jpg.
| | 03:00 | Now, all that's left is to move the
circles into position, from Mount Saint
| | 03:04 | Helens, I'll move Devil's Tower and
the Smokey Mountains. And that's it, our
| | 03:13 | Chapter Quiz is complete and ready for taking.
| | 03:16 | Review quizzes are an easy way to
build some assessment of students'
| | 03:19 | progress into your project.
| | 03:21 | You can build them quickly by
dragging and dropping images and text, and as
| | 03:25 | we've seen, they offer some
flexibility in the number and type of questions
| | 03:29 | you can ask.
| | Collapse this transcript |
| Collecting and reviewing results| 00:00 | As we've seen in earlier movies, you
can use iBooks Author Widgets to create
| | 00:04 | interactive quizzes with
multiple choice and matching questions.
| | 00:08 | Unfortunately, there's no option for
students to submit their answers in the
| | 00:12 | quizzes for grading.
| | 00:13 | However, if you want that kind of
feature, you're not out of luck because there
| | 00:17 | are third party services that you can use.
| | 00:19 | They're just as easy as iBooks Author,
and you can give them a try for free.
| | 00:24 | Since iBooks Author doesn't have a
feature that allows you to collect the
| | 00:27 | answers to its review questions,
we'll have to rely on a third party to
| | 00:31 | provide a similar service.
| | 00:32 | One option is this one, book-widgets.com.
| | 00:34 | Book Widgets is a desktop application
and a companion website for the creation
| | 00:40 | of special iBooks Author
Widgets and related services.
| | 00:43 | You can learn about the service, which
is subscription-based, through the video
| | 00:47 | tour here on the Homepage.
| | 00:49 | If you decide to give Book Widgets a
try, click the Free Trial button to
| | 00:53 | download the Book Widgets application.
| | 00:56 | You also need to set up an account.
| | 00:58 | Once you have the application installed
on your machine, you can launch it and
| | 01:01 | use the free trial, and
that's what I'm doing here.
| | 01:05 | I'll switch over to Book Widgets, and
here's the list of available widgets I can add.
| | 01:10 | So I can add a Graph, Flash Cards,
Quizzes, White Boards, Worksheets and so on.
| | 01:17 | Let's check out the quiz
by double-clicking on it.
| | 01:21 | There are six different question types,
some of which are not available in
| | 01:24 | iBooks Author, but the key advantage and
selling point is the ability to report results.
| | 01:30 | Even if you haven't subscribed to the
service, you can still try out the widget
| | 01:33 | and create your own quiz, or you can
skip the creation process and just see what
| | 01:38 | it's like to take and
submit a quiz, so let's do that.
| | 01:41 | We'll click View Example.
| | 01:44 | Even though we're in a separate
application, this mimics the quiz experience
| | 01:48 | you would create in your iBooks Author project.
| | 01:50 | I'm going to take the quiz.
| | 01:52 | So first we have multiple choice, we
have fill in the blank, we have putting
| | 02:00 | images in the correct sequence, and so on.
| | 02:04 | I can put items in a sequence, and
do one more multiple choice question.
| | 02:09 | When I'm done, I can either clear my
answers and start over, or I can submit them.
| | 02:15 | I'll submit, I'll enter my name and
the email address, click Send, and I'll
| | 02:24 | switch over to my Mail Application, and
in the Inbox, there are the quiz results.
| | 02:29 | I'll open them and see how I did.
| | 02:33 | So I have the number of correct answers,
wrong answers, skipped questions, and
| | 02:39 | then I can see the detailed results.
| | 02:41 | iBooks Author is still a young
program with features that hopefully will be
| | 02:45 | extended and enhanced in future versions.
| | 02:48 | One of those is the Review Widgets,
which don't allow your students to submit
| | 02:52 | their answers to you.
| | 02:53 | Fortunately, third parties like Book
Widgets have stepped in with services to
| | 02:57 | make up for what iBooks Author currently lacks.
| | Collapse this transcript |
|
|
7. Sharing iBooks Author ProjectsTesting projects on an iPad| 00:00 | We're almost at the finish line.
We've seen how to start a project with a
| | 00:04 | template, how to work with text, images,
media, and interactive widgets, and now
| | 00:09 | it's time to test and proofread our
project before sharing it with students.
| | 00:14 | There are several options for sharing
iBooks Author projects with students, and
| | 00:17 | we'll cover those in later movies.
| | 00:19 | But no matter how you plan on sharing
your project, it's important to test it
| | 00:23 | on an iPad to confirm that it looks
and behaves the way you expect it to.
| | 00:28 | To open and preview iBooks Author 2 projects,
you need an iPad with the iBooks 3 app installed.
| | 00:34 | Then launch iBooks on the iPad, then in
iBooks Author, click Preview in the toolbar.
| | 00:40 | You can also preview by going to the
File menu and choosing Preview, or by using
| | 00:45 | the keyboard shortcut, Command+Option+P.
Notice too that there's another choice
| | 00:50 | here in the File menu,
Preview Current Selection Only.
| | 00:53 | If I just wanted to Preview Chapter 1, which I
currently have selected, I could choose this.
| | 00:58 | This can be a great time saver especially if
you have a really large or complex project.
| | 01:03 | But in this case, I want to
preview the whole project.
| | 01:08 | Now, let's take a look
in iBooks at what we made.
| | 01:11 | Be sure the project opens to the right page.
| | 01:14 | iBooks will open to the last page that
you worked on, so in this case, the last
| | 01:18 | thing I did before previewing was to
go to the start of Chapter 1 in iBooks
| | 01:22 | Author, and I made a small change and saved.
| | 01:25 | Look at the Table of Contents.
| | 01:27 | Since this project is meant to work in
both portrait and landscape orientations,
| | 01:32 | we need to check the Table of Contents in both.
| | 01:37 | Check that your images all look as you
intended them to, both in terms of color
| | 01:41 | and quality, in the layout and in full screen.
| | 01:46 | Test your hyperlinks and cross references.
| | 01:54 | Test Glossary items, both on the
page and in the glossary itself.
| | 02:02 | Also try the Study Card feature,
which you can access by tapping the Notes
| | 02:06 | Icon, then Study Cards. Test your Widgets.
| | 02:19 | If you created a project to work in both
Portrait and Landscape Orientations, be
| | 02:24 | sure to check each page in both views.
| | 02:26 | When I checked this page in Portrait
Orientation, I realized that the direction
| | 02:30 | line for the pop-overs needs to be
changed since the Widgets don't appear below
| | 02:35 | the direction line in Portrait view.
| | 02:38 | Check you image galleries.
| | 02:46 | If you have media like audio or video,
be sure it plays as expected. And don't
| | 02:54 | forget to take the
quizzes you set up for students.
| | 03:01 | Be sure to reset reviews and other
widgets as needed in iBooks Author so the
| | 03:05 | initial appearance is what
you want students to see.
| | 03:08 | And before you finish, scan all the pages
for little defects, things like missing
| | 03:13 | text, styles applied in the wrong
places, things out of alignment, not enough
| | 03:18 | space in between elements, or too
much space, inconsistent use of fonts,
| | 03:23 | colors, typos, and so on.
| | 03:25 | You might be surprised how many
times you can look at a page while you're
| | 03:29 | working on it and not notice a mistake
until you see that page in its final form.
| | 03:33 | In fact, you might want to make
testing each section or chapter as you go a
| | 03:38 | regular part of your workflow.
| | 03:40 | That way you won't get caught having to
fix a bunch of mistakes all at once when
| | 03:43 | you might not have the time to spend on that.
| | 03:46 | It's also a good idea after you think
you have fixed everything to hand your
| | 03:50 | iPad to a colleague and have
them check your project over.
| | 03:53 | A fresh pair of eyes can see lots of
things that you, being so familiar with
| | 03:57 | your content, might miss.
| | 03:59 | iBooks Author makes creating engaging
projects fairly easy, but it's also fairly
| | 04:04 | easy to make mistakes as you go.
| | 04:06 | So it's essential to preview and
test your project before you declare
| | 04:10 | it complete.
| | Collapse this transcript |
| Collaborating on a project| 00:00 | They say two heads are better than one,
and being an author can sometimes be a
| | 00:04 | lonely job, so why not consider
working with someone else to create your
| | 00:08 | iBooks Author project?
| | 00:09 | Let's take a look at how you can share
an iBooks Author file to allow someone
| | 00:13 | else to collaborate with you on your project.
| | 00:15 | There are a few different ways you can
share content from iBooks Author with a
| | 00:19 | colleague who is helping you develop the project.
| | 00:21 | First, if you really want to share the
full duties of authoring, you can share
| | 00:24 | the iBooks Author file itself.
| | 00:27 | It's best to do this after you've
settled on things like the formatting of your
| | 00:30 | paragraph and character styles, just so
you don't create more work for yourself
| | 00:34 | by introducing inconsistent formatting.
| | 00:36 | That said, iBooks Author has a lot
going for it in a collaborative workflow.
| | 00:41 | First of all, there is just one file to share.
| | 00:44 | You don't have to worry about
collecting up a whole bunch of linked assets like
| | 00:47 | images, movies, et cetera.
| | 00:49 | And as we saw in a previous movie, it's
a breeze to copy and paste sections or
| | 00:54 | hold chapters from one file to another.
| | 00:56 | You just can't work on the same
section as your colleague at the same time.
| | 01:00 | Also, iBooks Author handles the
messy chore of numbering for you.
| | 01:04 | So as you piece together a final
project, you don't have to worry about
| | 01:07 | correcting page numbers, chapter numbers,
| | 01:09 | figure numbers, and so on.
| | 01:11 | So to share an iBooks Author file, you
could attach it to an email, and in fact,
| | 01:15 | iBooks Author has a built in
feature for doing just that.
| | 01:18 | I'll go to the Share menu, choose
Send via Mail > iBooks Author for Mac.
| | 01:25 | I get a dialog box telling me the file
size and asking if I want to proceed.
| | 01:29 | This is to prevent me from trying to
share a file that's too big to be sent
| | 01:32 | through my email service, and file size
can be a problem because iBooks Author
| | 01:36 | files grow quickly as soon as you
start adding audio and video, high
| | 01:40 | resolution images, and widgets.
| | 01:42 | If you have a file that's too big to
email, consider using one of the services
| | 01:45 | like dropbox.com, that let you
store and share files in the cloud.
| | 01:50 | But at this point, I still have a
fairly small file, so I'll proceed.
| | 01:54 | And over in Mail, I have a new
mail message with my file attached.
| | 01:58 | I'll switch back to iBooks Author, and
let's talk about another way of collaborating.
| | 02:03 | You can also do all the work in iBooks Author
yourself and have someone else proofread it.
| | 02:08 | If you just want to send a plain text
file of the text in your project, choose
| | 02:12 | Share > Export, and then choose Text.
| | 02:18 | I'll save it to the Desktop and click Export.
| | 02:23 | Let's take a look at that, I'll press
the spacebar to quick look, and there is
| | 02:28 | all the text from my project,
stripped of its formatting, and ready to be
| | 02:32 | proofread without any of the other
page elements distracting the proofreader.
| | 02:37 | Another way to proofread is by
looking at a PDF of the project.
| | 02:40 | The advantage of the PDF is that your
proofreader doesn't need to have iBooks or
| | 02:44 | an iPad and they still get to
see the formatting and the images.
| | 02:48 | And you could use tools like Apple's
Preview or Adobe's Reader, which allow you
| | 02:52 | to add comments to mark up to PDF.
| | 02:54 | To share my project as a PDF, I'll again
choose Share > Export and this time I'll select PDF.
| | 03:01 | I have some choices I can make in terms
of image quality and Security Options,
| | 03:06 | so I can require a password
to Open, Print, or Copy content.
| | 03:11 | I'll leave those all
unchecked for now and click Next.
| | 03:15 | I'll save my PDF to the Desktop, I'll
just call it Geology, I'll switch to the
| | 03:20 | Desktop, and open it with Preview.
| | 03:24 | Now let's look through the project.
| | 03:28 | The PDF won't retain any
interactivity except for hyperlinks.
| | 03:32 | So this link to the Arches
National Park website will still work.
| | 03:38 | But any widgets or media files would
just be displayed as static images.
| | 03:42 | Furthermore, you will run into a
problem if you have any scrolling content
| | 03:46 | widgets, as any content that was not
visible on the page in iBooks Author, won't
| | 03:50 | be in the PDF. So you may not be able
to proof all of your content this way.
| | 03:55 | On the upside, you do have the option
to mark up the PDF with annotations.
| | 03:59 | So here I am in Preview, I can use the
Annotation tools to add a sticky note.
| | 04:05 | Now we could send this PDF back to
the person I'm collaborating with, they
| | 04:09 | could open it in Preview or Adobe Reader, and
see that comment about adding the glossary item.
| | 04:14 | As we saw in this movie, there are a
few options for how you could collaborate
| | 04:19 | on an iBooks Author project.
| | 04:21 | You could share the iBooks Author file
with a colleague and then combine each
| | 04:24 | other's work into one finished file,
or one person could do all the work in
| | 04:28 | iBooks Author and then share either
PDFs or plain text files to be proofread.
| | Collapse this transcript |
| Sharing an iBook via email| 00:00 | iBooks Author can of course be used
to publish projects to the iBookstore.
| | 00:04 | The process isn't difficult
but it is a little complicated.
| | 00:07 | It involves several extra steps, plus
you have to wait for Apple to approve your
| | 00:12 | project, and that extra work and waiting
is really not necessary if all you want
| | 00:16 | to do is distribute your project to students.
| | 00:19 | One much simpler option is to simply
export the project in iBooks format and
| | 00:24 | distribute it yourself via the web
or email. Let's see how it's done.
| | 00:28 | Here is my geology project,
and it's time to share it.
| | 00:31 | I'm going to share it in a format
that will allow my students to view it in
| | 00:35 | iBooks or on their iPads and take
advantage of all the features I've built into it.
| | 00:40 | One option is to simply email
the finished project to students.
| | 00:43 | To send a project via email, go to
Share > Send via Mail > iBooks for iPad.
| | 00:51 | When you do, you'll see an alert
telling you the size of the attachment, and
| | 00:56 | since this isn't over the limit
for what I can email, I'll Proceed.
| | 01:06 | When the email is opened in Mail on the
iPad, the student can tap the attachment
| | 01:10 | to open it in iBooks.
| | 01:17 | Another option is to place a copy of
your project in iBooks format on a web
| | 01:22 | server so your students can click a
link to download the project to their iPads
| | 01:26 | and then open it in iBooks.
| | 01:28 | To do that, again go to the Share
menu, but this time, choose Export.
| | 01:33 | For the Format choose iBooks and click
Next. Then just name your file and pick a
| | 01:41 | destination, I'll just save it to the Desktop.
| | 01:47 | There is my complete iBooks file that I
can put onto a server for users to download.
| | 01:52 | When it comes to sharing your
finished project with students or others, you
| | 01:55 | have several options.
| | 01:56 | In this video, we saw how to send a
project via mail, and how to export a project
| | 02:00 | so it can be placed on the
web for users to download.
| | 02:04 | In the next movie, we'll see another
option that you can use when you want to
| | 02:07 | share with someone who may not
have iBooks or even an iPad, sharing a
| | 02:11 | project via PDF.
| | Collapse this transcript |
| Sharing an iBook via PDF| 00:00 | So far, we've seen how to share our
finished project as an iBooks file, which is the
| | 00:04 | best option, since it's the only
means of preserving all the features and
| | 00:08 | interactivity you build.
| | 00:09 | But there may come a time when you want to
share a project with people who don't have iPads.
| | 00:14 | If you have to do that, then
you have another option, PDF.
| | 00:17 | It's not ideal, but if you can live with
losing most of the interactivity in your
| | 00:21 | project, it can be useful.
| | 00:23 | To share my project as a PDF, I'll
go to Share > Export and select PDF.
| | 00:30 | I have choices for Image Quality and
Security Options, so I can require a
| | 00:34 | password to Open, Print, or Copy content
from the document, let's try one of these out.
| | 00:41 | I'll select the password for opening
the document, and I'll just make it lynda.
| | 00:46 | I'll click Next and I'll save the
PDF on my Desktop as Geology.pdf.
| | 00:57 | Switch over to the finder, I'll open the PDF,
and as expected, it's asking for a password.
| | 01:04 | I'll type in lynda, and here's my project.
| | 01:11 | And there's no table of contents
after the title page before the start of
| | 01:14 | Chapter 1. Then there's a chapter
opener, and the chapter pages, and at the end
| | 01:22 | are the glossary terms, each on its own page.
| | 01:25 | Now in terms of
interactivity, most of it is gone.
| | 01:29 | I can't tap on images and make them
full screen, I can't tap on glossary items,
| | 01:33 | but my link to the National Park Service
does work. Scrolling down, I can see my
| | 01:39 | HTML5 widget doesn't work,
and neither do my pop-overs.
| | 01:45 | So as we've seen, there are some
drawbacks to sharing a project via PDF.
| | 01:49 | It's not a full substitute for a real
iBooks file, but if you don't absolutely
| | 01:54 | need the interactivity of widgets, a
PDF can solve the problem of how to get
| | 01:58 | your project to people who
don't have access to an iPad.
| | Collapse this transcript |
| Archiving project assets| 00:00 | One of the great things about an iBooks
Author file is that it's self-contained.
| | 00:04 | Everything you place into it is
embedded, so you don't have to worry about
| | 00:08 | maintaining links to your
images, media files, and so on.
| | 00:11 | But if you ever lose access to your
iBooks Author file, you could lose
| | 00:14 | everything you put into it too.
| | 00:15 | So it would be very helpful to have a
back up set of your assets in a separate
| | 00:20 | folder. Let's see how to do that.
| | 00:22 | Here's my project, and what I want to
do is gather up all the assets, all the
| | 00:26 | images and media files that I used into
one folder, so that if I had to, I could
| | 00:31 | recreate this project from scratch. Or I
could create a new variation on it, or
| | 00:36 | use any of my assets in other projects.
| | 00:39 | One way you could do this is to go
page by page, select each image and media
| | 00:43 | file, and check the Metrics inspector.
| | 00:46 | I'll go to my Title page, select
the image, and I can see in the Metrics
| | 00:50 | inspector, the image right here, cover.jpg.
And I can actually drag this file
| | 00:55 | name to the Finder to make
a new copy of that image.
| | 00:59 | This works even if you've masked an
image or if you've adjusted it, even if
| | 01:02 | you've scaled it, you'll get a fresh
copy of the unaltered image at its original
| | 01:06 | size, so let's try it.
| | 01:08 | I'll resize my window a little bit so
I can see the Finder, and on my desktop,
| | 01:13 | I'll create a new folder.
| | 01:18 | Back in iBooks Author, I'll select the
title page, use the Metrics inspector,
| | 01:24 | and drag cover.jpg right to my Archive,
and there it is, a fresh copy of that
| | 01:29 | file, let's try it again.
| | 01:32 | We'll go to the Chapter 1 opener page,
click on the image, and this time, I'll
| | 01:37 | drag canyon.jpg to my archive.
| | 01:40 | This same drag and drop works for
audio and video files too, but there are a
| | 01:44 | couple of instances when it won't work.
| | 01:46 | You can't drag a Keynote file out of
the inspector, and you can't drag an HTML5
| | 01:51 | widget out of the inspector either.
| | 01:53 | You also can't drag an image if it's
been converted to an interactive image.
| | 01:57 | Still, it's nice to know that you can
collect fresh, pristine copies of most of
| | 02:01 | your project assets with a simple
drag and drop, and there is another method
| | 02:05 | which will allow you to recover
your HTML5 widgets as separate files.
| | 02:10 | It involves a little bit of computer
hackery, but basically, if you can unzip a
| | 02:14 | file, you can do it.
| | 02:15 | The first thing to do is export
your project to an iBooks file.
| | 02:19 | I'll close my archive, go back to
iBooks Author and choose Share, Export,
| | 02:26 | iBooks, and then I'll click Next. I'll export
it to the Desktop and I'll just call it Geology.
| | 02:37 | Then in the Finder, I'm going to
select my project and change the extension
| | 02:41 | from .ibooks to .zip.
| | 02:45 | The Finder asks me I'm sure I want to
do this, and I am, so I'll click Use .zip.
| | 02:51 | Now, I need to unzip this archive,
but the Finder won't do it for me.
| | 02:54 | If I just double-click, it
won't unzip this archive.
| | 02:57 | So I'm going to need a
third party utility to do this.
| | 03:00 | There are few, like Springy and BetterZip
for Mac, but those cost a little bit of money.
| | 03:05 | If you want a free option,
check out The Unarchiver.
| | 03:09 | To open my archive with The Unrchiver,
I'll click on it, and drag and drop it on
| | 03:14 | this alias that I made of the application.
| | 03:17 | The Unarchiver has to ask for
permission to extract the file, I'll give it to
| | 03:21 | it, and this folder here is my Unarchived
Folder of my project. I'll double-click
| | 03:28 | on it, and now we see the
true nature of an iBooks file.
| | 03:32 | It's very similar to an ePub eBook file
in that it's a collection of content in
| | 03:37 | a specific hierarchy of folders, and
where you can find your assets is in the OPS
| | 03:42 | folder, inside assets.
| | 03:46 | Here is images, and I can open the
folder to see all the images in my project.
| | 03:55 | Also, if there were media like audio
and video files, there would be a folder
| | 03:59 | for them inside this assets folder.
| | 04:01 | Now, a couple of words of caution are
in order because this is content from an
| | 04:05 | iBooks file and not an iBooks Author file.
| | 04:08 | Images that have been masked or scaled in
iBooks Author will be masked and scaled here.
| | 04:13 | They won't be identical to the original
images that you first placed into iBooks Author.
| | 04:18 | But if what you really want are the images
cropped and scaled, this is where you can find them.
| | 04:23 | Also, Keynote files are not preserved
in a recoverable format in an iBooks
| | 04:27 | file, but HTML5 widgets are, and they'll work
fine if you drag them into another project.
| | 04:33 | In this movie, we saw a few methods for
collecting up our project assets, so we
| | 04:37 | can efficiently reuse them in the future.
| | 04:40 | One method that works in most cases,
although it is manual work, is selecting
| | 04:44 | images, audio, and video and dragging
them from the inspector to the Finder
| | 04:48 | to make fresh copies.
| | 04:50 | Another way is to export to iBooks,
decompress the file archive, and retrieve the
| | 04:55 | assets from the folders within the OPS folder.
| | 04:58 | Either of these methods can also help
you reuse assets from a project that
| | 05:02 | someone else created when you might not
otherwise have access to those assets.
| | Collapse this transcript |
|
|
ConclusionNext steps and goodbye| 00:00 | Congratulations on completing
iBooks Author for Teachers: Fundamentals.
| | 00:04 | I hope you enjoyed these movies, and
that they gave you a good understanding
| | 00:07 | about how iBooks Author works,
and what you can build with it.
| | 00:11 | The iPad can be a great tool for
learning, but it can only be as good as the
| | 00:15 | content that we put into it.
| | 00:17 | So I hope that the videos help you
create the kind of content that really
| | 00:20 | engages and inspires your students.
| | 00:22 | I'm Mike Rankin, thanks for watching.
| | Collapse this transcript |
|
|
