{"id":499,"date":"2012-06-21T10:00:04","date_gmt":"2012-06-21T15:00:04","guid":{"rendered":"https:\/\/keithcchan.com\/?p=499"},"modified":"2013-10-29T16:33:19","modified_gmt":"2013-10-29T21:33:19","slug":"anthropomotron-for-the-ipad","status":"publish","type":"post","link":"https:\/\/www.keithcchan.com\/wordpress\/2012\/06\/anthropomotron-for-the-ipad.html","title":{"rendered":"Anthropomotron for the iPad"},"content":{"rendered":"<p>Driven by Apple&#8217;s <a href=\"https:\/\/keithcchan.com\/2012\/06\/how-to-gracefully-give-criticism.html\">rejection<\/a> of the Anthropomotron app, I looked into making it more iPad-y (iPaddy?). The first version I submitted just blew up the contents to fill the iPad screen, like so:<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_500\" style=\"width: 460px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/keithcchan.com\/wordpress\/wp-content\/uploads\/iPad-Screenshots-old.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-500\" class=\"size-medium wp-image-500\" title=\"iPad-Anthropomotron (old)\" src=\"https:\/\/keithcchan.com\/wordpress\/wp-content\/uploads\/iPad-Screenshots-old-450x588.jpg\" alt=\"\" width=\"450\" height=\"588\" srcset=\"https:\/\/www.keithcchan.com\/wp-content\/uploads\/iPad-Screenshots-old-450x588.jpg 450w, https:\/\/www.keithcchan.com\/wp-content\/uploads\/iPad-Screenshots-old-114x150.jpg 114w, https:\/\/www.keithcchan.com\/wp-content\/uploads\/iPad-Screenshots-old.jpg 768w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><p id=\"caption-attachment-500\" class=\"wp-caption-text\">{ Rawr! }<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Some internet searching suggested that what Apple wants is a sidebar that makes better use of the larger space, like in the bibliography app Sente (which is fantastic, by the way):<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_501\" style=\"width: 460px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.thirdstreetsoftware.com\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-501\" class=\"size-medium wp-image-501\" title=\"Sente for iPad\" src=\"https:\/\/keithcchan.com\/wordpress\/wp-content\/uploads\/mzl.svaynths.480x480-75-450x329.jpg\" alt=\"\" width=\"450\" height=\"329\" srcset=\"https:\/\/www.keithcchan.com\/wp-content\/uploads\/mzl.svaynths.480x480-75-450x329.jpg 450w, https:\/\/www.keithcchan.com\/wp-content\/uploads\/mzl.svaynths.480x480-75-150x109.jpg 150w, https:\/\/www.keithcchan.com\/wp-content\/uploads\/mzl.svaynths.480x480-75.jpg 480w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><p id=\"caption-attachment-501\" class=\"wp-caption-text\">{ Image credit: <a href=\"http:\/\/www.thirdstreetsoftware.com\">Third Street Software<\/a> }<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>One of the ways that I&#8217;ve picked up Javascript so quickly is that I&#8217;m rarely the first person to have any given problem. So, a search on the internet for my particular issue (making a sidebar for an iPad app using jQTouch) came up with a <a href=\"http:\/\/www.hnldesign.nl\/blog\/jqtouch-on-ipad-with-minimal-modifications\/\">solution that was found last year<\/a>. jQTouch&#8217;s internal architecture has changed since then so it took me a few days of fiddling to implement this solution, but eventually I got it:<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_502\" style=\"width: 460px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/keithcchan.com\/wordpress\/wp-content\/uploads\/iPad-Screenshot-new.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-502\" class=\"size-medium wp-image-502\" title=\"iPad Anthropomotron (new)\" src=\"https:\/\/keithcchan.com\/wordpress\/wp-content\/uploads\/iPad-Screenshot-new-450x588.jpg\" alt=\"\" width=\"450\" height=\"588\" srcset=\"https:\/\/www.keithcchan.com\/wp-content\/uploads\/iPad-Screenshot-new-450x588.jpg 450w, https:\/\/www.keithcchan.com\/wp-content\/uploads\/iPad-Screenshot-new-114x150.jpg 114w, https:\/\/www.keithcchan.com\/wp-content\/uploads\/iPad-Screenshot-new.jpg 768w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><p id=\"caption-attachment-502\" class=\"wp-caption-text\">{ Sidebar! }<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>There is also a custom startup screen for the iPad version that only shows on that device and nowhere else. The iPad features show up both in the Apple app and in the web version, which brings me to my next point.<\/p>\n<p>I had decided that the iOS version would be 99\u00c2\u00a2 since there is a fee I had to pay for the honor of submitting an app to the App Store. However, on further consideration, I&#8217;ve decided to make it free since there is no function difference between any of the versions. In fact, the next thing I will add to Anthropomotron is the ability for the web version to work without the internet, following the advice I got in my rejection letter! I don&#8217;t think it&#8217;s fair to charge for something on one device but not on another. So, when I submit the iPaddier Anthropomotron to the App Store for review, it&#8217;ll be as a free app.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Driven by Apple&#8217;s rejection of the Anthropomotron app, I looked into making it more iPad-y (iPaddy?). The first version I submitted just blew up the contents to fill the iPad screen, like so: &nbsp; &nbsp; Some internet searching suggested that what Apple wants is a sidebar that makes better use&#8230; <a href=\"https:\/\/www.keithcchan.com\/wordpress\/2012\/06\/anthropomotron-for-the-ipad.html\" class=\"readmore\">Read more<span class=\"screen-reader-text\">&#8220;Anthropomotron for the iPad&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[20],"tags":[141,146,49],"class_list":["post-499","post","type-post","status-publish","format-standard","hentry","category-anthropology","tag-anthropomotron","tag-chantastisoft","tag-webdesign"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/posts\/499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":0,"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/posts\/499\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.keithcchan.com\/wordpress\/wp-json\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}