{"id":228,"date":"2011-05-04T17:39:36","date_gmt":"2011-05-04T17:39:36","guid":{"rendered":"http:\/\/wanchilau.com\/?p=228"},"modified":"2015-03-06T16:26:52","modified_gmt":"2015-03-06T16:26:52","slug":"thousand-character-reference","status":"publish","type":"post","link":"http:\/\/rainydaymagazine.com\/wp\/2011\/05\/04\/thousand-character-reference\/","title":{"rendered":"Thousand Character Reference"},"content":{"rendered":"<p><span class=\"style28\">The\u00a0\u00a0<\/span>idea of using Adobe&#8217;s DMP tools to convert\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/DVDBig.jpg\">a project<\/a>\u00a0we did about eight years ago into a reference text for the iPad came to us in a roundabout fashion. It dawned on us after a conversation with a total stranger we met at a birthday party last Saturday night. The original project was\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/DVDBig.jpg\">a DVD<\/a>\u00a0of the\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/DVDPlayerScreenBig.jpg\">1000 Chinese Characters<\/a>\u00a0created using\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/DVDBrushStylesBig.jpg\">iMovie and iDVD<\/a>\u00a0and resulting in the standard media files (jpgs, sound files, etc.). When we got the iPad in 2010, we built a\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2010\/RainyDayEngineering\/Week17\/RDEApr2310.htm#iPadPublishing\">.pdf version<\/a>\u00a0to see how it would &#8220;feel&#8221; on the device. While the eBook was\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2010\/RainyDayEngineering\/ePublishing\/1KText\/Layout1HTurnUpperBig.jpg\">more usable<\/a>\u00a0than then DVD version, some features were missing. The PDF approach was fine for creating\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2010\/RainyDayEngineering\/ePublishing\/1KText\/Layout1VTurnLowerBig.jpg\">an eBook<\/a>\u00a0but adding additional capabilities (voice, video, multiple views) proved to be more challenging.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AdobeToolsBig.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AdobeTools.jpg?resize=620%2C452\" alt=\"\" width=\"620\" height=\"452\" \/><\/a><\/p>\n<p>After a few beers, and while describing our experience with Adobe&#8217;s DMP tools, it clicked into place that we had\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AdobeToolsBig.jpg\">all we needed<\/a>\u00a0to put together an iPad app of the Thousand Character Reference text with all of the features missing from the PDF version. The challenging part was creating a workflow to track the\u00a0\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/1KCharTheIssueBig.jpg\">the different files<\/a>\u00a0(1000 characters @ 20 characters per page= 50 pages, x 4 different styles) while building the issue. With the workflow in place, we were able to crank through and build the fifty-page issue in less than two days.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/FilesViewer.jpg?resize=620%2C259\" alt=\"\" usemap=\"#Map414\" width=\"620\" height=\"259\" border=\"0\" \/><\/p>\n<p>We tested the various features as we were building the issue. Early in the beta program Adobe did not have a local version of the Viewer. To see our work, we had to upload the files to an Adobe server then download the issue to the iPad before we could test it. A few releases ago, Adobe made the process much simplier with a desktop version called the\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AdobeContentViewerBig.jpg\">Content Viewer<\/a>. There are some limitations as to what iPad functions the Content Viewer can simulate, but it is close enough that we were able to test about 85% of the features. The rest of the testing was done when we had\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/1KCharBig.jpg\">the actual issue<\/a>\u00a0built.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/1KCharBig.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/1KChar.jpg?resize=621%2C466\" alt=\"\" width=\"621\" height=\"466\" \/><\/a><\/p>\n<p>In order to build the real iPad issue, the one that would be submitted to Apple, we had to have all of the files,\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/ViewerBuilder\/ViewerBuilderCertificatesBig.jpg\">security certificates<\/a>, and other\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/ViewerBuilder\/ViewerBuilderIconsSplashScreenBig.jpg\">miscellaneous pieces<\/a>\u00a0in place. If any one of these items was missing or &#8220;bad,&#8221; the Adobe ViewerBuilder would reject the\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/ViewerBuilder\/ViewerBuilderQueuedBig.jpg\">build request<\/a>. With all the files uploaded, the request is queued and processed on a first in, first out schedule. The cycle is typically is a few minutes. We would have liked the ability to do the builds locally, but we understand Adobe&#8217;s reason for keeping control of this step.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/ViewerBuilder\/ViewerBuilderScreens.jpg?resize=620%2C452\" alt=\"\" usemap=\"#Map415\" width=\"620\" height=\"452\" border=\"0\" \/><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/ViewerBuilder\/ViewerBuilderBig.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/ViewerBuilder\/ViewerBuilder.jpg?resize=620%2C453\" alt=\"\" width=\"620\" height=\"453\" \/><\/a><\/p>\n<p>If the build completes successfully, both the\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/ViewerBuilder\/ViewerBuilderBig.jpg\">test and distribution issues<\/a>\u00a0will be available for download from Adobe via the ViewerBuilder. The\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/1KCharS1Big.jpg\">test issue<\/a>\u00a0may be loaded onto the iPad (via iTunes) for viewing and final QA. The distribution version is zipped and must be sent to Apple &#8220;as-is.&#8221;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/1KChar4Styles.jpg?resize=620%2C466\" alt=\"\" usemap=\"#Map413Map\" width=\"620\" height=\"466\" border=\"0\" \/><\/p>\n<p>Once we were satisfied that everything worked as expected, we could then upload the Distribution package from Adobe onto Apple&#8217;s server. There are two steps involved in the process: creating the App Store page and uploading the package.\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AppStoreThreeAppsBig.jpg\">ITunes Connect<\/a>\u00a0is used to create all of\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AppStoreWriteUpBig.jpg\">the marketing and sales info<\/a>\u00a0which will be\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AppStoreScreenGrabsBig.jpg\">displayed<\/a>\u00a0in the App Store. The\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/AdobeDMP\/XCodeAppLoaderBig.jpg\">Application Loader<\/a>\u00a0(part of XCode&#8217;s utilities) is used to send the zipped package to Apple. Once all of that is done, then it is just a matter of waiting for Apple\u00a0<a href=\"http:\/\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AppWaitingForReviewBig.jpg\">to review<\/a>\u00a0the submission and hopefully approve it for sale in the App Store.<\/p>\n<map name=\"Map413Map\"><\/map>\n<p><a href=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AppWaitingForReviewBig.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/i0.wp.com\/www.rainydaymagazine.com\/RDM2011\/RainyDayPublishing\/1KCharReference\/AppWaitingForReview.jpg?resize=620%2C444\" alt=\"\" width=\"620\" height=\"444\" \/><\/a><\/p>\n<p>In less than three days, we were able to take an idea and turn it into an issue for the iPad using Adobe&#8217;s DMP tools. The issue has all of the standard UI elements of an iPad app. We were also able to add transitions and sound to the content. Once the Adobe tools go live, we will lose the ability to use Adobe&#8217;s ViewerBuilder to make standalone iPad apps. We hope Adobe will make a version of the ViewerBuilder tool for small publishers. The availability of such a tool will let those of us who are interested in creating specialized content an opportunity to get our idea off the drawing board and onto the tablet. We think it will be good for everybody.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The\u00a0\u00a0idea of using Adobe&#8217;s DMP tools to convert\u00a0a project\u00a0we did about eight years ago into a reference text for the iPad came to us in a roundabout fashion. It dawned on us after a conversation with a total stranger we met at a birthday party last Saturday night. The original project was\u00a0a DVD\u00a0of the\u00a01000 Chinese Characters\u00a0created using\u00a0iMovie and iDVD\u00a0and resulting in the standard media files (jpgs, sound files, etc.). When we got the iPad in 2010, we built a\u00a0.pdf version\u00a0to see how it would &#8220;feel&#8221; on the device. While the eBook was\u00a0more usable\u00a0than then DVD version, some features were missing. The PDF approach was fine for creating\u00a0an eBook\u00a0but adding additional capabilities (voice, video, multiple views) proved to be more challenging. After a few beers, and while describing our experience with Adobe&#8217;s DMP tools, it clicked into place that we had\u00a0all we needed\u00a0to put together an iPad app of the Thousand Character Reference text with all of the features missing from the PDF version. The challenging part was creating a workflow to track the\u00a0\u00a0the different files\u00a0(1000 characters @ 20 characters per page= 50 pages, x 4 different styles) while building the issue. With the workflow in place, we were able to [&#8230;]<\/p>\n","protected":false},"author":2,"featured_media":1401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[13,38,35,3,328,342,249,351,248,10],"tags":[40,8,39,12,42],"class_list":["post-228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development-environment","category-epublishing","category-idevices","category-ios-programming","category-ipad","category-rainydaybooks","category-rainydayengineering","category-rainydayprojects","category-rainydaypublishing","category-ui-prototyping-ios-programming","tag-1000-chinese-characters","tag-apps","tag-epublishing","tag-ipad-ui-prototyping","tag-touchscreen"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/rainydaymagazine.com\/wp\/wp-content\/uploads\/2015\/03\/1KCharBig.jpg?fit=1024%2C768","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7F1GW-3G","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/posts\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":3,"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/posts\/228\/revisions"}],"predecessor-version":[{"id":1403,"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/posts\/228\/revisions\/1403"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/media\/1401"}],"wp:attachment":[{"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/media?parent=228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/categories?post=228"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/rainydaymagazine.com\/wp\/wp-json\/wp\/v2\/tags?post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}