Making A ‘Book’ With iBooks Author

Aug 6, 2012 by

Making a “book” with iBooks Author is not like anything you’ve ever done before.  We promise.

Apple did a fantastic thing in January when it released its iBooks Author software to the world. The software makes it possible to include audio, video, text, 3-D animations, interactive widgets, graphs, quizzes and HTML links all in a “book,” that Apple has heavily trademarked and called an “iBook.” 

It is important to distinguish here that an iBook made for the iPad can not be opened on a Kindle or a Nook.  You can’t even read one on a desktop of a Mac.  It’s a product for the iPad only.  (We’ve even argued that the word “Book” should be dropped from the description of what this is….)

Numerous times since January, this writer has had conversations with people who heard me talking about an iBook for the iPad, but they really had no idea what I was talking about.  Many still, even in August 2012, are confusing the iBook for an e-Pub book they’ve read on their Kindle or Nook.  Talk about frustrating.

Turning the Page

But it’s when you open a 3-D image of say, the Rio Azul mask in the soon-to-be-released 2012: Science and Prophecy of the Ancient Maya by scholar Dr. Mark Van Stone and you put the iPad in front of them that eyes pop. And then they touch their fingers to the iPad screen and begin to spin it around in a trance. The next reaction is, “WOW! My Kindle/Nook can’t do this.”  EXACTLY!  And then there is no going back….

The iBook is soon-to-be-released by Apple.

Today at ClaxtonCreative.com we begin a new series on iBooks Author.

At present, we have finished one book and are in final edits and approvals, ready to send it to Apple for their blessings and entry into the iTunes iBookstore. We have three other children’s books in the hopper and are looking to do other projects. Ultimately, we want to produce the series of books that started this whole pursuit via our sister project and website, TheWondersExpedition.com.

With the release of iBooks Author, yes, a lay person can make one of these books. But a word of caution.

We just invested seven months of seven-days-a-week work to discover the processes for how to make these technological wonders. Many of us have been given uplifting (sarcasm) advice to go get “real jobs,” to “take a salary,” etc., all the while knowing that what we are doing has never been done before and because of that, we can make a difference.

The iBook Challenge

There have been hours of frustration.  Hours of staring at settings in applications, cursing them, talking to them and begging them to work.

There have been hours listening to audio files and trying to remove sounds that we wish we hadn’t recorded (the convention center manager in Memphis will always remain one of our least favorite people on the planet.)

We’ve done editing on hours and hours of video clips.  Endured kernel crashes from computer software that the manufacturer says we’re causing because we’ve pushed their premium technology further than it may be ready or capable of going.

There have been days of going to bed puzzled. And days of not going to bed at all because we wanted to find a workable solution to a vexing problem and refused to let technology get the best of us.  This writer can think of at least three occasions where unraveling a particular issue took 36 hours here, 52 hours there, and another 16 hours there.

If you have this kind of a drive, this series is for you.  (If you’re interested in us doing it all for you, give us a call today at 972-863-8784.  We’d be happy to have your business.)

The iBook Information Sharing Strategy & Budding Community

We share this information willingly, though some might say we’re giving away trade secrets. Share with us something that’s not a secret because of the Internet…. When we have shared, we’ve found wonderful people around the world who have shared something mutual in return.  And we’re building a vast community of people like us; people who want to use this technology to change the world and make learning something along the lines of a discovery, not rote memorization.

We are on the verge of greatness with this new product.

Tomorrow we begin with the first step—exploring and explaining the software product, iBooks Author. The rest of the series will break down the aspects of an iBook—Photo & Images, Audio, Video, Widgets, 3-D animations, Text programs, and just as important as all the rest, where does one store all this information.  We invite you back to sample a little of each part and even more so, encourage you to share your stories or struggles. Through it all, we all will make better products for our growing number of readers.

It’s going to be an exciting series.

 

Enhanced by Zemanta
read more

Adding Audio Widgets to iBooks Author Using Tumult’s Hype

Jul 8, 2012 by

At Claxton Creative, LLC in Dallas, we’re working hard each day to develop new technologies to include in iBooks, the new form of publications made possible through the advent of iBooks Author–a program that has changed the very meaning of the word “book” to be something that also includes video, 3-D animations, interactive maps, charts, and of course, text.  (We are nearly completed with Dr. Mark Van Stone’s 2012: Science & Prophecy of the Ancient Maya) But through the great work of Tumult’s Hype program, available for Macs, we have been able to push the envelope of capabilities even further. This  post is meant as a helpful addition to the great tutorial posted on the Tumult Hype support site on July 2, 2012 entitled: Adding Audio to an iBooks Author Widget.

(These directions are written out, but there also is a YouTube video at the bottom of this post!)

I spent nearly a day and a half, off and on, out of frustration trying to add audio widgets to iBooks Author using the directions on the Tumult Hype site.  But after receiving an email from them saying an initial post was flawed and to use this one, I was also able to download two Banana widgets they made available. When I tried to load them into my demo book project, they didn’t work, and that brought me back to the solution eventually–if one tries to load a 3-D widget into iBooks Author and doesn’t have texture files in the same folder, then you’ll wind up with just the frames of the object.

So here is what one must do in order to create a widget that has audio embedded in it and then be able to load it into iBooks Author and it works…..

Step 1:

Per the Tumult site, you’re to drag an .m4a into Hype but don’t place it on the the main scene area.

But before doing this, one needs to create an .m4a file and there are a number of ways to do this.  But I found the quickest one, as you will see in the video, is simply to open a .wav file, etc in Quicktime and then do an Export.  It automatically will default the file into the .m4a format.

Another important note here, I have found files that have no spaces in them seem to work better, e.g. (FileName1.wav converts to FileName1.m4a) (I’ve not had much luck with File Name 1.wav or File Name 1.m4a working)  Tighten it up and don’t even use the underscores_to-link_the_words_together.)

Step 2

Tumult says to drag the .m4a file into Hype and then drag it off the scene.  Once I got it into Hype, I found I couldn’t even move it again, so just save a step here and load it into Hype and drop it off the whitened area of the central scene. (See the video.)

2A One you have it in this state, now go down to the timeline are and change the name of the file to just plain old “video.”  Don’t ask me why. That’s the way it was done in the demo pieces from Hype and hey, it works.

2B Now go up to the Inspector and DELETE the name of the file from the Display Name box and just leave it blank.  You might see N/A pop up.  That’s fine.  It will wind up just being an empty white box.

2C Now go to the lower box and change the Unique Element ID to an arbitrary number. In the Hype demos they made it 11.  I stuck with it.  It apparently has no significance other than you’re going to have to plug that number in elsewhere, so remember what ever it is you use.

Step 3:

Now grab the image you want to make as the hotspot.  In my demo, I used a photo of my friend, Ally. When you load the photo onto the scene, also go up to the top left of the program and change the name of the scene from Untitled Scene to whatever you’re going to call the file.

3B Back to the Inspector tab–the one on the far right–Change the Unique Element ID to 12. (Again, no rhyme or reason known.)

3C Now go to the tab just to the left of the one on the far right–it looks like a gear–and is called the “Mouse Action Inspector.”

3D On the “On Mouse Click” tab, the second one from the top, you are going to need to make a few changes.

3E Pull down to NEW JAVA SCRIPT under Function and a new dialogue box is going to pop up with some code in it.

3F Change the Name of the File in the top line.  Then go down to the final forward slash / and before the bracket } and add the following code: var snd = document.getElementById("sound1"); snd.play();

3G But you’re going to have to make a change.  Change the SOUND1 to that 11 we talked about above.

This is where the Tumult Hype post stops, and I went to Export here under File and kicked out the widget and loaded it into iBooks Author, did a Preview, moved it over to my iPad, and the widget worked–you could tell it was trying to play the file.  Except what it wasn’t telling me is it didn’t know where it was…..

Step 4

Go to File and pull down to Export and then CREATE a new FOLDER.

Inside this folder will be FileName_Resources. In this folder you’ll see the .png, the .m4a file and a couple others.

Step 5

Go to File and pull down to Dashboard/iBooks Author Widget and then create a name for the widget you create.  When this file pops up, I presume on your desktop, it is critical to then take the .wdgt file and ADD it to the FileName_Resources file above.

Step 6

Then go into iBooks Author and add in an HTML widget into your document.  Once the dialogue box pops up, then, and ONLY then, should you pull the FileName.wdgt into iBooks Author.

Step 7

Preview the widget and make sure it’s working by loading the .iba file over to your iPad.

Other Options

If you don’t want the caption, headline or even a background around the .png for the widget, all those can be removed.  Just watch the end of the video posted.

Tumult has done a great job making this widget and all the thanks in the world go out to Daniel from Tumult for his email assistance.

If we can help you with this widget or other matters involving iBooks Author, please let us know.  We are excited about this new field of opportunity and would enjoy the opportunity to work with you on the production of your own iBooks.

 

 

 

 

 

 

Enhanced by Zemanta
read more

Using @Hypeapp from Tumult Adding An HTML5 Kickstart To WordPress Site

Apr 9, 2012 by

WOW!

Deutsch: HTML5 Logo English: HTML5 official lo...

Deutsch: HTML5 Logo English: HTML5 official logo (official since 1 April 2011, see FAQ) Français : Logo HTML5 ‪中文(简体)‬: HTML5标志 ‪中文(繁體)‬: HTML5標識 (Photo credit: Wikipedia)

I downloaded Tumult’s Hype about 3 p.m. and started playing with it and through a little manipulation and searching through their very generous support forums figured out that through Dropbox, adding an HTML 5 animation into a WordPress blog post is as easy as 1, 2 and 3.

Loading An Animated Logo To The Wonders Expedition Website

I’ve only begun to play with this, but it feels like Christmas Morning! The user interface for Hype is easy to use and straightforward.  The user support, FAQs and forum posts are easy to read, follow and have plenty of visual and text support.

Just playing and keeping things simple, I took the TWE logo and put it into the Hype timeline.  I then rotated Y axis of the logo back -60° and then set a second keyframe two seconds later.  At the second keyframe I set the Y Axis back to O°.  At the beginning keyframe I also set the opacity back to 0 so that as it did the build it brought the logo to 100 percent.

Then I went in and added text, having it fly in on the same Y Axis and percentages.

Then I went to Export.

I tried to use the HTML file upload and was able to do that with Fetch via FTP.  I got the page: http://thewondersexpedition.com/TWELogo2.html to work. But when I took that code as recommended and tried to embed it into an actual HTML setting on a post, I could not get it to work.

Ultimately, I tried the Export > to Dropbox public folder route and then added in the coding:

<iframe src=”http://dl.dropbox.com/u/2269153/TWELogo/TWELogo.html” frameborder=”0″ width=”600px” height=”450px”></iframe> and it works like a charm.

 

You can see an example of this very simple format working in Hanna Pethen’s post about the ancient Egyptian story, The Shipwrecked Sailor.

I’ve only begun to play, I mean, work with Hype, but it’s going to be every bit worth the $49.99 to buy it and then use it, taking all my sites and client sites into HTML5 with honor and glory and a lot of pizzaz.

This product is very much worth a go–if you have a Mac!

Other Uses For Hype

Of course the real reason for learning how to use Hype is to employ it as we continue to rapidly move forward with the development of our Interactive Books for the iPad.  More about that, soon!

 

Enhanced by Zemanta
read more

You Tube Coding; httpv works for embedding, not for email

Feb 14, 2011 by

Well, I’ve learned a little lesson here this morning from posting an important news release over on my business site, ClaxtonCreative.com.

I found last week a great tool that helps make it easier to embed video from YouTube right into a blog post.  It’s really tricky.  Not.

You take the coding:  http://www.youtube.com/watch?v=5cQWj_qxxbM and instead of having to go get all that embedding language and then go into the HTML settings here in WordPress, you simply add a V to the end of the http: prefix so it looks like this:  httpv:     //www.youtube.com/watch?v=5cQWj_qxxbM as such. (I put a bunch of space in between v: and // so that it would stay so I could show you and not add the video box.)

But Don’t Do This With Email

I’ve sent news releases via email this morning all over America promoting my client’s book: What your pastor didn’t tell you about ‘The Prosperity Message.’

In the news release, I copied the text from the WordPress posting over there and pasted into an email.  Well, it doesn’t work that way.  I’d even loaded it into PitchEngine with the v. It didn’t work either.

So please, this great short cut works well in WordPress, and doesn’t work at all in Email or PitchEngine.

And it was embarrassing to have to send out a followup updated release saying: Here’s the proper link.

httpv://www.youtube.com/watch?v=5cQWj_qxxbM

Enhanced by Zemanta
read more

Pin It on Pinterest