A night time story for book, iPad, and iPhone…

Today we get a peek behind the process of turning one original book into an iPad and iPhone app, respectively.

The Berenstain Bears’ Bedtime Battle is the first title produced through an agreement between Oceanhouse Media and HarperCollins Children’s Books to bring more Berenstain Bears titles to the app market. Each omBook™  is created for two formats:  one for iOS (all Apple devices);  and one for Android devices.

Michel Kripalani, founder and president of Oceanhouse Media,  visited the Got Story Countdown last February to guide us  through his apps of classic books, including many best-selling Dr. Seuss titles.

Backstory on the Berenstain Bears:  Stan and Jan Berenstain were already successful magazine cartoonists when they wrote their first children’s book.  Inspired by their own two children, the bear family Berenstain first appeared in The Big Honey Hunt under the Dr. Seuss Beginner Books imprint of Random House in 1962.

Mike Berenstain and Jan Berenstain

Mike Berenstain and Jan Berenstain

Many more titles followed as the tales of Mama, Papa, Brother, Sister and Honey Bear garnered praise from education professionals and the reading public. The long-running series of picture, beginner and chapter books spawned a popular TV show on PBS.  In 2005, the  Berenstain Bears franchise moved to HarperCollins. Son Mike joined the enterprise after Stan passed away in 2005.  More than 300 Berenstain Bears books have been published, and more than 260 million copies have been sold.

I was invited to visit Michel and his team at Oceanhouse Media’s new office facilities in Encinitas, California, and to preview Bedtime Battle. Development Director Greg Uhler  joined the conversation.

Joy Chu:  Oceanhouse Media was already producing omBooks of the Berenstain Bears/Living Lights book series through the religious publishing house, Zondervan. Did you arrive at your current arrangement with HarperCollins as a result of that on-going relationship, since Zondervan is one of their divisions?

Michel Kripalani:  Certainly, the success that we had with the Zondervan titles helped. Previously, we had gotten The Berenstain Bears and the Golden Rule to #1 in the Book category on the App Store. However, we needed to strike a completely new deal for these titles. I had numerous conversations and in-person meetings with the folks at HarperCollins, including Susan Katz, President and Publisher of HarperCollins Children’s Books. It took many months of going back and forth before Oceanhouse Media was given a green light to proceed. Bedtime Battles is simply the first of many apps that we hope to deliver together.

From there, HarperCollins Children’s Books selected The Berenstain Bears’ Bedtime Battle as the first app to be developed. It’s a fun story and seemed like an appropriate title to launch the omBook series.

Written in 2005 by Stan and Jan Berenstain with Mike Berenstain, Brother and Sister Bear will do anything to postpone bedtime. Playing with dinosaurs, having a tea party and getting a piggyback ride from Papa Bear all sound better than going to bed. Thus, the great bedtime battle begins!

Screen shot from main menu

Screen shot from main menu, iPad version

Greg Uhler:  The mischievous antics in the story gave our team the opportunity to be especially creative with the voice-over narration and custom background audio.

Karen Kripalani in the voice-over booth

Karen Kripalani in the voice-over booth

Michel Kripalani:  Swipe through the various pages of the app and you soon realize that the hallmark feel of the Berenstains is prevalent throughout.

As we’ve done with the Dr. Seuss apps, Oceanhouse Media maintains the original content of the book version. Every word and illustration that’s in the original 32-page print version of Bedtime Battle is included in the app. However, to display the artwork and text as large as possible on mobile devices, the app contains over 50 pages that pan and zoom to accentuate key parts of the illustrations.

Example of "pan and zoom" effect

Example of “pan and zoom” effect

The page zooms out to show more of the original illustration

Greg Uhler:  We don’t take liberties with the artwork and text. What we do is enhance what is already there. For instance, we add a thoughtful narrative, custom sound effects and music, and an appropriate level of interactivity that doesn’t distract from the original story.

We also use a “pan and zoom” effect where we take a page with multiple illustrations and enlarge individual images to create single pages within the app.

A key feature in The Berenstain Bears’ Bedtime Battle is the ability to touch individual words of the text and hear them spoken aloud.

For example, if a child is struggling to read a specific word on a page, they simply tap the word and immediately they will hear it pronounced for them.  We feel this feature provides an immediate and simple way for children to learn, whether reading with a parent or on their own.

Of course, Oceanhouse Media’s trademark reading modes — Read To Me, Read It Myself and Auto Play — are also included in the app, with word highlighting as the story is read and words zooming up when pictures are touched.

A word is highlighted when tapped

A word is highlighted and spoken aloud when the picture is tapped

Michel Kripalani:  HarperCollins Children’s Books, publisher of this Berenstain Bears book, reviewed various stages of the app’s development, commenting on such things as text placement and hot spots, areas on each page that allow a reader to tap on an image and see and hear the word.

In addition, Jan and Mike Berenstain reviewed the app and gave their input during the final phase of development.

One change they did request was to have the poem that’s on the first page of the book be the opening page of the app. They also asked that the treehouse image that’s on the title page of the book be its own page in the app.

Treehouse image from the second page of the omBook

Treehouse image from the second page of the omBook


They felt the addition of these two pages to the app would make it more akin to the physical book and would properly set the stage for the story. So, for the first time in an Oceanhouse Media digital book app, there’s a two-page introduction leading into the beginning of the story.

Greg Uhler:  As a developer, to have direct input from the author is a tremendous opportunity. We feel honored to have the Berenstains’ stamp of approval on the app and their valuable feedback along the way to make the app feel as close to their printed book as possible.

The poem that Jan and Mike Berenstain requested be the first page of the omBook

The poem that Jan and Mike Berenstain requested be the first page of the omBook


Michel Kripalani:  One challenge that Oceanhouse Media has mastered is adapting the images from the physical books to the 3.5 inch size of the iPhone screen as well as on iPad and Android tablets.

IPad and iPhone, side-by-side

IPad and iPhone, side-by-side

This is where our team’s years of software experience comes to play. A unique development process ensures that images are of the highest quality possible across all of the mobile devices we support.

iPad version

iPad

iPhone4

iPhone4

iPhone3

iPhone3

Above, top-to-bottom:  iPad, iPhone4, and  iPhone3.  Their screen sizes represent their relative screen resolutions. There are the same number of pages in the iPhone version as in the iPad version.

Greg Uhler:  Creating apps is a software business. But you need more than just the ability to write and program code to create a kid-friendly app. A strong artistic component, attention to detail, and sensitivity to the needs of children go hand-in-hand with the technology. It’s less about what we can do on a mobile device, and more about what we should do.

Tech artists working at Oceanhouse Media

Tech artists working at Oceanhouse Media

Most everyone at Oceanhouse Media has kids of our own, so we’re sensitive to the needs of young readers. We create all of our children’s book apps with a user-friendly interface that allows kids as young as two years old to enjoy them.

This slideshow requires JavaScript.

Joy Chu:   Thank you, Michel Kripalani and Greg Uhler, for sharing your hard-won wisdom and details behind the  collaborative creativity of your team. And a special shout-out to Cathy Veloskey for coordinating all the details with us :)

Other news:  Michel Kripalani will be among the presenters at the upcoming 40th Annual SCBWI Conference in L.A.

Check out his workshop presentation, in person or via SCBWI’s live blog this Saturday. The Conference itself happens August 5-8.

Wait, wait. . . there more!  August 2, 2011 is the official pub date for The Berenstain Bears’ Bedtime Battle omBook.

Icon for Bearstain Bears Bedtime BattleTo celebrate, we are giving away a free download of The Berenstain Bears’ Bedtime Battle omBook (for iOS devices only). Enter a comment below. You will be asked for your email address — which will not appear on this page. Three winners will be selected at random from comments posted by August 9th. Good luck!



Late-breaking NEWS:
Click here for the names of the winners!


About these ads

23 responses to “A night time story for book, iPad, and iPhone…

  1. Pingback: Apps, e-Books, and Us: A Chat with Michel Kripalani | got story countdown

  2. kitcat gif The winners of a free download of The Berenstain Bears’ Bedtime Battle (iOS version for all Apple devices) are Gina Perry, Maria Golding, and Marcie Rinka Wessels. Congratulations!

  3. I have both a Nook Color and an iPhone 4 and I have purchased several children’s books for my kids for both devices. While there will always be something wonderful about holding a book in one’s hands, the new technologies are producing equally delightful and engaging reading experiences for the next generation. Thanks for posting your interview. I enjoyed reading more about the process.

  4. Great seeing you here, Andrea!

  5. Thanks again, Joy, for the behind the scenes info.

  6. Thanks for visiting, Carin!

  7. Thanks for posting this interview. What an amazing process, and how perfect for Berenstein Bears to become an app. It seems that I always see parents giving their kids the iphones for games. Now we can have interactive books when we are out with the kids.

  8. Thanks Joy for this wonderful interview. We enjoyed giving you a sneak peak at turning this beloved book into an app. Thanks to everyone for their nice comments!

  9. Thank you for such a wonderful series of books! My family loves the Bernstein Bears and watches it on the PBS network and we read all the books. My son has Aspbergers and is technologically savvy. We use both iPad and Android software with him. He is able to read to us using technology which is amazing! Hopefully more books will follow on this format.

  10. Greetings :)

    As an iphone developer looking to create similar apps for children this interview is quite helpful.
    especially using the pan & zoom to make it feel as a book and also other interesting stuff.

    Lots of things to add! OceanHouse Media has done a impressive job.
    Glad you shared this interview. :)

  11. What an excellent interview on so many levels. this should excite authors and illustrators of children’s stories about the tremendous opportunites that the new technologies present for them. All my children have been fans of the Berenstain Bears and my youngest daughter will be really excited about this new story in this new interactive format. Congratulations everyone!

  12. As a family have enjoyed Berenstain Bears’ for years. My eldest son read a Berenstain Bears’ book as his 1st ever book read by himself in Kindergarten – it holds a very special place for me. It was so nice to read about the history of the Berestain family. Thank you so much for your informative article, I really enjoyed it.

  13. Great interview! Hearing about the additional pages piqued my curiosty, and having the book on both the ipad and iphone is a huge draw to me, as a mother.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s