An Ibook About Creating Ibooks

Home , IBook, IBooks Author, Pages (word processor)

CENTER FOR INNOVATION IN TEACHING AND RESEARCH iBooks Author An iBook About Creating iBooks.

Create Interactive Books for iPad

BY CHAD DENNIS CHAPTER 1 Get Started

Chapter Objectives After completing this chapter you will be able to:

• Create a new book from a template

• Add a cover, intro media, TOC and glossary

• Add static elements including shapes, tables and charts

• Add interactive widgets including gallery, media, review, keynote, interactive image, 3D, scrolling sidebar and pop-over

• Preview and publish your iBook SECTION 1 Introduction

INTRODUCTION

1. What is iBooks Author? 2. The Template Chooser 3. The Lay of the Land • Tools What is iBooks Author? • Left Panel iBooks Author is a software program for the Apple Mac platform (not available for a PC). It is used to create and • Main Window publish interactive books for the iPad and can be viewed using the iBooks app. iBooks can be published and sold, or given away for free, in the iTunes store.

You can add audio, video, interactive images, review questions, 3D images and more to create an engaging experience for the reader.

Not only can these books be viewed on iBooks, but they can also be viewed as a PDF or plain text. However, the pdf and plain text versions will loose all of the interactive capabilities.

2 The Template Chooser • Select a template and click Choose. To get started using iBooks Author you can choose from one of Apples templates. Templates come with pre-defined styles There are nine to help with the look and style of your book. Landscape with GALLERY 1.1 Landscape with Portrait templates to Portrait Templates • First, open iBooks Author by clicking the icon in the doc or by choose from. going to the Applications folder.

• Click File in the menu and choose New or New from Template Chooser... You will see the following:

INTERACTIVE 1.1 Template Chooser

Basic

Template Thumbnail There are six Portrait Only templates to GALLERY 1.2 Portrait Only choose from. Templates

Slider Open Recent Cancel

Open an Existing File Choose Classic Text

3 The Lay of the Land LEFT PANEL After you choose a template you will see the following The top left panel is where you can add a cover for your book, window. an intro media file such as a video, table of contents and a glossary. INTERACTIVE 1.2 Lorem Ipsum dolor amet, Cover consectetur To add a cover simply click the book icon labeled iBooks Author and drag an image into the main window. If you are using a template you can drag an image and drop it on top of the templates placeholder image to replace it.

Tool Panel Media File To add a media file simply click the film strip icon labeled Intro Media and drag a movie file onto the main window. Left Panel Table of Contents Main Window iBooks Author uses the templates styles to automatically create the table of contents for you. To view the styles drawer click View in the main menu and choose Show Styles Drawer.

Glossary To add a glossary term click the A-Z icon labeled Glossary. In the main window type in the term and the definition. Drag related terms to the Related Glossary Terms area at the bottom.

TOOL PANEL MAIN WINDOW The tool panel contains tools for viewing, formatting, The main window is where you will see the pages of your book previewing and adding content. More on the tool panel in and add/edit your content such as text, shapes, tables, charts, section 2.

4 and widgets. Items in the main window can be moved around or deleted from the page.

5 SECTION 2 Inspector and Media Inspector Adding Content The inspector is a window that allows you to make adjustments to all aspects of your book. Click the Inspector icon on the top right to bring up the window. Make changes by using the icons along the top.

• Document Inspector

• Layout Inspector ADDING CONTENT • Wrap Inspector 1. Inspector and Media • Text Inspector 2. Adding Chapters, Sections and Pages • Graphic Inspector 3. Adding Text, Shapes, Tables and Charts • Metrics Inspector 4. Adding Widgets • Table Inspector • Gallery • Chart Inspector • Media • Link Inspector • Review • Widget Inspector • Keynote Media • Interactive Image The media window shows all of your audio, photos and movies. You can drag any media file from the Media window • 3D and onto the page or into a widget. Simply click the Media • Scrolling Sidebar icon on the upper right to bring the Media window up.

• Pop-Over The Audio tab will show all your iTunes and GarageBand music, Photos will show all of your iPhoto and Photo Booth 6 images and Movies will show all of your iMovie projects as Section well as any videos in your Movies folder, iPhoto, Photo Booth The Section option gives you five choices: Section, Section and iTunes. Text, Copyright, Dedication and Forward. To add one of these do the following: Adding Chapters, Sections and Pages • Click the Add Pages icon and hover your mouse over Section Adding chapters, sections and pages in iBooks Author is to get the fly-out menu. simple. Using the Add Pages drop down menu at the top left, you can use the drop down menu to choose what you want to • Choose Section, Section Text, Copyright, Dedication or Forward. add. Simply click to select the chapter or section you want add to in the left panel and make your choice from the Add Pages Pages drop down menu. The Pages option gives you five choices: Default, 1 Column, 2 Column, 3 Column and Blank. To add one of these do the following:

• Click the Add Pages icon and hover your mouse over Pages to get the fly-out menu.

• Choose Default, 1 Column, 2 Column, 3 Column or Blank. Adding Text, Shapes, Tables and Charts iBooks Author comes with tools that allow you to insert many Chapters simple elements into your book. Using the tools at the top you The Chapter option gives you two choices: Chapter or Preface. can create Text, Shapes, Tables and Charts. To add one of these do the following:

• Click the Add Pages icon and hover your mouse over Chapter to get the fly-out menu.

• Choose Chapter or Preface.

7 Text Charts When using a template you can simply select the placeholder iBooks Author provides you with several different chart text and start typing. You can also add a text box anywhere on options including 2D and 3D charts. To add a chart do the the page. To add a text box do the following: following:

• Click the Text Box icon located at the top of the window. A text • Click the Charts drop down menu at the top and choose the box will appear on the page. chart you want to insert. The chart will be inserted into your page. • Click and drag the text box to where you want it on the page. Use the handles to resize. • Click and drag to put the chart where you want it. Use the Chart Inspector to make changes. • Click inside the text box to start typing. 7% Shapes 8% 2010 2011 10% iBooks Author provides you with several different 2012 2013 38% shapes. To add a shape do the following: 2014 2015 11%

• Click the Shapes drop down menu at the top 26% and choose the shape you want to insert. The Adding Widgets shape will be inserted into your page. Widgets allow you to add interactive content to your book. • Click and drag to put the shape where you want it. Use the Widgets include: handles to resize. Use the Graphics Inspector to adjust the Fill color and the Stroke. • Gallery • Interactive Image

• Media • 3D TABLES • Review • Scrolling Sidebar You may need to include tabular data in your book. To do this • Keynote • Pop-Over you will use the Table icon located at the top. Do the following: The content will need to be created ahead of time. Once the Click the Table icon located at content is created, inserting and creating the widget could not be Use the Table Inspector to the top. A table will appear on easier. make changes to the table. the page.

8 Gallery Media Use the Gallery widget to add a photo slideshow to your book. To Use the Media widget to add a video to your book. To insert a insert a Gallery widget, do the following: Media widget, do the following:

• Click the Widgets drop down menu and choose Gallery. The • Click the Widgets drop down menu and choose Media. The widget will appear on the page and the inspector window will widget will appear on the page and the inspector window will show the Widget inspector. show the Widget inspector.

• Click and drag the widget to where you want it on the page. Use • Click and drag the widget to where you want it on the page. Use the handles to resize it if you want. the handles to resize it if you want.

• Click, drag and drop your images into the placeholder from the • Click, drag and drop your video into the placeholder from the Photos tab of the Media window or directly from your desktop Movies tab of the Media window or directly from your desktop or a folder. or a folder.

• Use the Widget inspector to add captions and titles. • Use the Widget inspector to add captions and titles.

GALLERY 1.3 Gallery Widget Example MOVIE 1.1 Media Widget Example

Ground Zero iBooks Author

9 Review Use the Review widget to add review questions to your book. To insert a Review widget, do the following:

• Click the Widgets drop down menu and choose Review. The widget will appear on the page and the inspector window will show the Widget inspector. REVIEW 1.1 Review Widget Example

• Click and drag the widget to where you want it on the page. Use Question 1 of 3 the handles to resize it if you want. iBooks Author only runs on a Mac. • Type your question and answers in the placeholder text.

• Use the Interaction tab on the Widget inspector to add questions. You can add the following type of questions:

• Multiple Choice • Multiple Choice with image on the side A. True • Multiple Choice with image on the top B. False • Multiple Choice with images in the answer choices

• Drag Label to target

• Drag Thumbnail to target

Check Answer

10 Keynote Interactive Image Use the Keynote widget to add a keynote presentation to your Use the Interactive Image widget to add an interactive image to book. To insert a Keynote widget, do the following: your book. To insert an Interactive Image widget, do the following: • Click the Widgets drop down menu and choose Keynote. The widget will appear on the page and the inspector window will • Click the Widgets drop down menu and choose Interactive show the Widget inspector. Image. The widget will appear on the page and the inspector window will show the Widget inspector. • Click and drag the widget to where you want it on the page. Use the handles to resize it if you want. • Click and drag the widget to where you want it on the page. Use the handles to resize it if you want. • Click, drag and drop your keynote file into the placeholder from your desktop or a folder. • Click, drag and drop your image into the placeholder from the Photos tab of the Media inspector or your desktop or folder. • Type a title and caption in the placeholders and use the Widget inspector to adjust layout and interaction. • Click the image in the placeholder. The following Set View window will appear. Use the slider that appears to set your default view of the image and click Set View. INTERACTIVE 1.3 Keynote Example

• Click and drag on a label box and it’s pointer to desired area, use the slider to set the view of the image for that label. Click Set View.

• Click in a label box to type in the info.

• Click the plus (+) icon to add more labels.

The video on the next page demonstrates how to do this. Tap to go through the presentation slides.

11 MOVIE 1.2 Creating an Interactive Image INTERACTIVE 1.4 Interactive Image Example

Template Thumbnail

Slider Open Recent Cancel

This video demonstrates how to create an interactive Open an Existing File Choose image.

12 3D Scrolling Sidebar Use the 3D widget to add a 3D image to your book. To insert a 3D Use the Scrolling Sidebar widget to add a Scrolling Sidebar widget, do the following: to your book. To insert a Scrolling Sidebar widget, do the following: • Click the Widgets drop down menu and choose 3D. The widget will appear on the page and the inspector window will show the • Click the Widgets drop Widget inspector. down menu and choose Scrolling Sidebar Example Scrolling Sidebar. The • Click and drag the widget to where you want it on the page. Use widget will appear on the the handles to resize it if you want. page and the inspector window will show the • Click, drag and drop your 3D image file into the placeholder Widget inspector. from your desktop or a folder. • Click and drag the widget to • Type a title and caption in the placeholders and use the Widget where you want it on the inspector to adjust layout and interaction. page. Use the handles to Originally released in early resize it if you want. INTERACTIVE 1.5 3D Image Example 2012, Apple’s education- • Double click the themed ebook creation tool placeholder to add text or took bold steps as the first copy and paste text into the WYSIWYG program to box. You can also drag export an ebook just as its images into the sidebar. author envisioned it. As I Use your finger to scroll through • Type a title and caption in the text. the placeholders and use the Widget inspector to adjust layout and interaction.

Tap and drag to rotate the image.

13 Pop-Over Use the Pop-Over widget to add a Pop-Over image to your book. To insert a Pop-Over widget, do the following:

• Click the Widgets drop down menu and choose Pop-Over. The widget will appear on the page and the inspector window will show the Widget inspector. Pop-Over Example • Click and drag the widget to where you want it on the page. Use the handles to resize it if you want.

• Click, drag and drop your image file into the placeholder from Photos tab of the Media window or your desktop or folder.

• Double click the image to bring up the pop-over text box.

• Click in the pop-over text box and type in your content.

• Type a title and caption in the placeholders and use the Widget inspector to adjust layout and interaction.

Tap the image to view the pop-over.

14 SECTION 3 Preview and Publish Preview Review and Summary While creating your book, and when your book is finished, you can preview it on the iPad. To preview your book, do the following:

• Connect your iPad to your computer

• Open the iBooks app

• Click the Preview icon at the top of the iBooks REVIEW AND SUMMARY Author window 1. Preview and Publish Publish 2. Review You can have your iBook published to the Apple iTunes store for sale or to give away for free. To publish your 3. Summary iBook to the iTunes store do the following:

• Click the Publish icon at the top.

• Click the Continue button. You will see the following window.

• Follow the on screen instructions to publish your book.

15 Review Summary Now that you’ve gone through the iBooks Author book, lets Congratulations! You've completed the iBook Author book review. Answer the following review questions. and review. You have learned how to:

• Create a new book from a template

• Add a cover, intro media, TOC and glossary

REVIEW 1.2 Answer the following: • Add static elements including shapes, tables and charts

• Add interactive widgets including gallery, media, review, Question 1 of 5 keynote, interactive image, 3D, scrolling sidebar and pop-over There are templates available in landscape and portrait views. • Preview and publish your iBook.

A. True

B. False

Check Answer