November 1, 2011
I discovered Demibooks® Composer while attending StoryWorld Conference in San Francisco with my husband Kevin. We had written the story for our first book app, and were working with an amazing NYC based illustrator, Kristine Marsh, who was turning my original Jumble Bugs plush toy designs into cartoon characters. The Jumble Bugs are ladybugs that are jumbled up with all sorts of adorable things. The first book app tells the story of Bloomie the Flower Bug and her trip to the beach to give her best friend Leilani the Hula Bug a birthday surprise. At Jumble Beach, Bloomie stumbles upon a surprise of her own…..(cue exciting music here!)
I thought that the next step would be to hire an iOS developer, who would then build the app from our storyboards and specifications….we thought we’d meet a keen developer at StoryWorld……
Instead we met Rafiq Ahmed and Saadat Qadri, who were demonstrating their new ipad app, that allows non-programmers to create an app themselves. I was amazed and excited! I have been working in multimedia and web design for over 10 years, and was happy that I could now use these skills and build the whole thing myself. Sweet!!
The benefits I saw from the start were how much money this was going to save me, and that I could change my mind on screens whenever I’d want, test out different ways of doing things, and not have to endure the hassle of sending changes to a programmer. But most importantly, this was going to be a fun project and something I’d be proud to say that I put together myself. 
November 3, 2011
I returned home from StoryWorld, downloaded the free Composer app, and quickly began playing around with it. I joined the Demibooks forum and poked around the demo apps that were included – Not Without Bear, A is for Aardvark and Steampunk Chess Puzzles. These were a great help to me, as I could take a look at how things were set up and coded, and get ideas for how to bring my book app to life!
Animation plays a large part of my app, and I used the tool most familiar to me, Flash, to build the walk cycles and character animations. Once complete, I exported these as individual .png frames to bring in to Composer. Since Flash is not supported on the ipad or iphone, I was real happy that I could still use that program to create animations for my project.
Authoring the app directly on the ipad is cool. I like that it is super easy to preview your work by pressing a button, this is more natural than running a simulator on a desktop application, as you get a real feel of how the user will interact with the behaviors you set up in the program e.g. you can instantly see what happens when areas of the screen are touched or swiped. And then you can show it to people directly on the ipad and get their feedback and suggestions.
I spent the next two weeks creating animations and test pages.
November 23, 2011
On a short trip to Sydney, Australia to visit family and friends I stopped by the Demibooks office and met programmers Christopher Roosen and Andy Skinner – awesome guys! It was pouring with rain so I left my waterlogged sneakers at the front door for my first ever barefoot meeting. I got a first hand look at Composer Version Two. I showed them the Jumble Bugs test screens I had made, and they were keen for me to get 5 or 6 pages ready to include as demo when the newer version of Composer is launched in 2012. We talked for an hour or so and I gave them a list of ideas and features to add in that will improve work flow and make it faster to set up animations – I left the meeting with a huge grin and warm and fuzzy feeling inside! These were cool people making a cool product and it was fantastic to meet them in person. And being Australian, I liked that there were fellow Aussies involved!
December 1, 2011
Back home in San Diego, I received an email from Andy saying that the book app pages for the demo were due before Dec 15th. My initial reaction was to re-enact the Home Alone scene where Macauly Culkin slaps his after-shaved face and yells “aaaaaaaaaah”. After calming myself down, I realized this is an achievable deadline if I made the most of my free time after work: “Late nights and a lot of coffee on the weekends!”
I downloaded the beta for Composer Version Two and started building my app “for real”. No time to second guess myself, I worked full steam ahead. A notable improvement was the ability to import the frames of an animation as one zip file, instead of selecting each frame one by one – a huge time saver. Also noteable is the addition of easing effects to motion animations created in Composer. I applied these to the sunbeams on the page that shows the exterior of Bloomie’s house, and also on the wooden “Bloomie’s House” sign to create a fun bounce effect when clicked. Lots of possibilities!
Without time to audition “professional” narrators, I turned to those you can rely on in a pickle, my family! My brother Alex had read a few lines of the story to me when I saw him a week before in Sydney, and these sounded excellent. So I called him and asked if he’d record the lines. He downloaded a free app called Italk to his ipad, which made it easy for him to record the narration and email them straight to me. And after 2 weeks of hearing him narrate over and over, I still loved his voice, so this is a good sign! He really “hams it up” and I hope this opens up a new career for him!
I used Adobe Soundbooth to slice up the audio for each page. Kevin and I created most of the sound effects ourselves – the snore is me snoring, the swoosh sound on the mail box is me saying “swoosh” and the sound of the drawers opening and closing in Bloomie’s bedroom is Kevin opening and shutting our drawers, you get the idea – fun!
December 12, 2011
I had my 5 demo pages ready, before my deadline, wohoo! I am very happy with how they turned out. For the final version of the app we will have Alex re-record the audio with a proper microphone to improve the overall sound quality, and also add or adjust effects on the first 5 pages. Next I updated my website to showcase the new app in development: http://www.jumblebugs.com
December 30, 2011
Ready to start the New Year with a bang! We will work hard to complete the first app as soon as possible, and would love to have it in the app store by March 2012. This is just the beginning — we’re looking forward to creating many more book apps in the Jumble Bugs series, there are over 40 unique characters and they all have a story to tell, so this could keep me busy for the next few years. We’d love to re-release the Jumble Bugs plush toys soon too. Thanks to the Demibooks team for their inspiration, encouragement and support, but most of all for creating the tools that are making my dreams come true. Cheers!
App Building 101, PubAppExpo | Photo: Gary Wexler
We previewed the new release at Mediabistro’s Publishing App Expo conference in New York City earlier this month. It was great to be on the App Building 101 panel with Jordan Stolper from Storydesk and Kwiksher CEO Alex Souza, whom I finally met in person (we’ve been on several #storyappchat tweetups on Sunday nights). The desire for affordable, easy to use tools for publishing interactive content has only grown over the course of this year. A critical question everyone is trying to grapple with is “how do we make money with book apps”, something we all need to dialog on more openly going forward.
The Survivors: Immersedition Back Row: NY Times assistant to the editor Kevin Roche, The Survivors Series author Amanda Havard, Chafie Creative Group, LLC chairman and chief executive L.C. Havard, mediabistro director of content, events/conferences Stewart Quealy Front Row: NPG president owner Nicole Pope Gaia, Demibooks founder / president Rafiq Ahmed, Vanderbilt University producer / songwriter Deanna Walker, Quantum Media principal Erica Gruen Photo: Gary Wexler
There was another reason to be at Pub App Expo – the launch of The Survivors: Immersedition, the highly interactive YA novel by Amanda Havard that sets a new marker for transmedia storytelling. We developed the book app on our new HTML5 platform. More on the platform later, but Amanda and publisher Chafie Creative’s LC Havard showed off the app for the first time to lots of oohs and aahs! I captured some video on my iPad2 and you can, of course, see the trailers on our home page.
The holiday season is upon us and it’s time to reflect back on an amazing year. We started with the rough beginnings of what would become Demibooks® Composer, when all we could do was apply a few transforms to an object on a page. Hundreds of design iterations, code check-ins, test builds, beta testing feedback comments, bug fixes followed. Not to mention the challenges of bootstrapping our company for much of the year, managing our team across the globe and entering a new industry that could certainly use a bigger dose of innovation. We end the year with a couple of products in the market, some very cool book apps you are creating with Composer, and more to come. We’re continuing to learn what works and what needs to change.
Throughout, we have had some great supporters and customers to whom we owe a lot of gratitude. We hope you have a wonderful holiday season, and all the best for the New Year!
It’s my pleasure today to present a new iOS app we’ve been working on for some time with the visionary team at Chafie Creative. Available now in the App Store, it’s an interactive version of The Survivors novel by Amanda Havard, previously available in print and ebook editions. We are calling this app the Immersedition.
From my very first meeting with Amanda and the Chafie team, I could tell that this would be no ordinary project. There would be music from world-class performers, there would be original video, historical documents, photos of places, hot cars, and hotter fashion. We would need to produce illustrations in a variety of period styles, of subjects ranging from gorgeous to grotesque. We would need Google maps, Twitter feeds and Facebook walls, and all of this wrapped in a few hundred pages of supernatural mystery.
Yet above all we wanted to make sure that the interactive widgets shouldn’t steal the show, indeed the whole experience was geared to be as book-like as possible, with the media items concealed unless the reader tapped on subtle watermarks behind the text.
The app also needed to work across iPad and iPhone screens in both portrait and landscape orientations. So fixed layouts were out, the pages needed to flow fluidly to fit the space they were presented in.
Of course none of these desired features would be possible without the right technology, something conductive to long form text-based content that was nonetheless flexible enough to support interactive elements. We considered some standard ebook formats but these didn’t seem like they could support the full range of features this project demanded – elements like Twitter integration, or a persistent music player.
Conversely our own authoring tool, Demibooks Composer – which we normally use for in-house book projects – wasn’t up to this particular task either. Composer was designed more for fixed-layout experiences, it isn’t so suitable (yet) for the longer tracts of continuous text that make up a typical novel.
So we went back to the drawing board with the Chafie team, and together really dug deep to bring you a reading experience unlike any other. We hope you like it!
Publishers Weekly Back Cover Ad Nov 14 2011
The imprint encompasses all aspects of traditional publishing while offering authors and illustrators an innovative way to reach the next generation of readers. Author/illustrator contracts will be royalty-based agreements. Authors and illustrators use the Composer platform when submitting to InkPad Press. [Note: If an author or illustrator is not comfortable working in Composer, we will – initially – accept submissions via email, but our strong preference is for Composer-produced submissions.]
Kane Miller Books’ and Demibooks’ combined experience and expertise in editorial, art direction and production, design, publicity, marketing and sales will ensure that InkPad Press titles will have a place on every child’s bookshelf, now and in the future. For example, we will leverage Demibooks Studio to assist authors in finishing their interactive digital books. Demibooks Studio is our internal creative team trained on the Composer platform. Sales and marketing will benefit from our partner EDC’s Usborne Books and More direct sales division as well as representatives to traditional sales channels, including gift stores, bookstores and chain stores. We are looking at ways to improve our distribution of digital products on the App Store, and at other platforms beyond the iPad.
Not all submissions may be suitable for both print and digital, although our preference is to publish content that fits both formats. It’s interesting to note how print and interactive digital versions of the same story can be complimentary, yet very different reading experiences. Our own Astrojammies launched as a book app built on the Demibooks platform. Recently, author/illustrator Stacey Williams-Ng released a wonderful print version that has several completely different story elements from the original book app. We see the possibility for many great titles conceived for both formats.
Demibooks will, of course, continue to provide pathways to our customers who choose to publish directly to the App Store under their own brand.
InkPad Press becomes fully operational in early 2012 and we will share more details at as they become available. InkPad Press can be reached at info@inkpadpress.
Starting to work with Demibooks® Composer was a challenge at first, but as I became more familiar with the software, and as it matured with new features, it became very simple and intuitive. I quickly learned how to think like a computer programmer, without having to learn any computer code.
Demibooks Composer
Building my book became more about dealing with my own limitations rather than with the Composer app. My plan to use authentic Victorian-era chess problems as the basis for an interactive book seemed simple enough, but first, I had to figure out how Composer worked: there was no user documentation in the beta phase (Note: the Composer User Guide is now available. You can view the pdf file here).
I started out by experimenting with basic controls: navigation, the physics engine, and adding behaviors to an object. In Composer, the powerful properties of graphics objects (such as size, position, and opacity) are defined and altered with the Inspector panel. The Effects panel allows you to manipulate them with Behaviors.
Building, testing, and troubleshooting is a quick and relatively painless process in Composer. You add an object, create an effect, then preview the book to test your work. If it works as you intended, you move on to the next step; if not, you can quickly go back and make an adjustment, all right on the iPad. The only time you have to use the composer is to add a graphic or sound file to Composer through iTunes so you can include it in your book.
I decided to build pages resembling the actual printed chess puzzles in the Victorian-era books I had found. First, I placed the chess pieces on the board to match the original puzzle. Next, I needed a way to make the pieces move automatically into the positions that would reveal the solution. This was more challenging. I created number buttons in Photoshop to serve as triggers to move the chess pieces.
Steampunk Chess Puzzles
It’s a simple process to import the Photoshop .png files into Composer through iTunes. Once they’re in the iPad, you just click the “add” button and the image you select from the drop-down menu appears on the Composer page you’re working on. You can use pinch gestures to resize graphics, then drag or rotate the graphic to wherever you want on the page using normal iPad gestures. A handy feature is the “lock” switch in the Inspector menu, which prevents objects from moving by accident if you touch them after the initial placement on the page. This save a lot of frustration and makes page design very efficient.
Another issue I ran into was the page grid. I wanted a finer overlay grid to use for positioning my objects on the page than the 12×12 default grid overlay you normally see when you create a new Composer book. Eventually, the development team solved this by allowing the designer to alter the grid line spacing in the “Book” drop-down menu, allowing you to position large or very small objects visually and repeat that positioning on successive pages easily without having to type coordinates, speeding page construction immensely.
The “Inspector” menu panel also provides exact coordinates for objects on the page in pixels, i.e. X=350, Y=108. This meant I could set up the puzzle, then record the X/Y coordinates of the chess square I needed the piece to move. With this information, it becomes very simple to create a control button that will trigger the piece to jump across the board.
Composer uses very simple conditional logic to program behaviors. You can add an object, then in the effects menu, create a new behavior that is essentially a set of instructions with an “if-then” structure.
To make my chess piece jump from one space to another, I added the chess piece graphic, recorded the X/Y coordinates of the place I wanted to end up, then moved it to the place I wanted to it start: its position in the puzzle you see when you turn to that page. Then, I added a number button graphic, positioned it on he page, then “locked” it in place.
Finally, I created my Behavior: essentially, “If the user touches [the button], then change the position of [chess piece] to [X=350, Y=108] in .5 seconds.” I also added a second effect to the “then” part of the if-then instructions, “play the ‘Crank’ audio file instantly.” The overall effect is that when the user touches the appropriate number button, the piece jumps across the page to the correct space on the board, and you hear a “crank” sound, as if some unseen mechanism is moving the piece.
Remember, I don’t know any computer code. Everything I just described was accomplished simply by loading the graphics and audio files into Composer through iTunes, then adding graphics to pages and creating “if-then” behaviors using simple drop-down menus. The end result is that for me, interactive graphic app design has become completely transparent, allowing author-illustrator or graphic designers to create prototypes and end products in a matter of minutes or hours instead of weeks or months, without knowing any computer code at all. This is simply a revolution in App development.
What’s so exciting to me is that the initial functionality of Composer is just the beginning … the list of upcoming features will include support for adding video files to pages, advanced physics functions for graphic objects, and more. I can’t wait to see what others put together using Demibooks Composer!
