{"id":2117,"date":"2010-04-08T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/johnjohnston.info\/blog\/?e=2117"},"modified":"2023-12-16T13:51:01","modified_gmt":"2023-12-16T13:51:01","slug":"maths-maps-and-the-ipod-touch","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/blog\/maths-maps-and-the-ipod-touch\/","title":{"rendered":"Maths Maps and the iPod Touch"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/johnjohnston.info\/blog\/images\/2010-03\/2010-03-31_ipod_map_comics.gif\" alt=\"ipod_Map_comics\" width=\"480\" height=\"480\" \/><\/p>\n<p>As a bit of a <a title=\"John's World Wide Wall Display\" href=\"http:\/\/johnjohnston.info\/blog\/tag\/googlemaps\">google maps enthusiast <\/a> I love Tom Barrett&#8217;s <a href=\"http:\/\/edte.ch\/blog\/maths-maps\/\">Maths Maps<\/a> ideas. It looks to me like a nice way to show some &#8216;real&#8217; application of maths in an engaging way.<\/p>\n<p>I am still supporting\/interfering with an <a title=\"Glencairn iPod\" href=\"http:\/\/pod.nleducation.org.uk\/users\/glencairnipod\/\">ipod touch project<\/a>\u00a0(site gone but not <a href=\"http:\/\/web.archive.org\/web\/20160322005049\/http:\/\/pod.nleducation.org.uk\/users\/glencairnipod\/\">forgotten on the Internet archive<\/a>). This gave me the excuse a few weekends ago to spend some time messing about with the <a href=\"http:\/\/www.jqtouch.com\/\">jQTouch \u2014 jQuery plugin<\/a> which simplifies developing webpages for mobile devices. I am experimenting with building some sort of base site\/web app for the touch.<\/p>\n<p>One of the nice things about the iPod Touch is that you can add webpages as &#8216;applications&#8217; to your home screen. Apple provide a way which jQTouch supports of giving a webpage an icon the idea with the site I am working on, the <a href=\"http:\/\/pod.nleducation.org.uk\/touch\/#home\"> iPod Playground<\/a>, is that it should provide an easy way to present links etc to the children this avoids typing long urls into the touch, the webpage could be edited<\/p>\n<p>A couple of weeks ago I went over to <a title=\"Glencairn iPod\" href=\"http:\/\/pod.nleducation.org.uk\/users\/glencairnipod\/\">Glencairn<\/a> to give the maps a try out. The task I gave the pupils was presented on one of the &#8216;pages&#8217; of a jQTouch page. Based on one of Tom&#8217;s shape problems, the children visited the Jardin du Luxembourg and collected screenshots of different 2D shapes, these were then built into Comics with Comic Touch. We encouraged the children to work in pairs to collect shapes, one child to keep the instructions open the other to click on the link to the map. Then bump the images from the image gatherer to the one with the instructions on his\/her screen. The lesson seemed to go pretty well the children accessing the maps, taking pictures and creating comics with out a problem.<\/p>\n<p>I am hoping to get the children to try a Street View problem soon. The Slides from flickr show some of the screens of the jQTouch webpage and a couple of street view images on the touch.<\/p>\n<div style=\"text-align: center;\"><object width=\"380\" height=\"480\"><param name=\"flashvars\" value=\"offsite=true?=en-us&amp;page_show_url=%2Fphotos%2Ftroutcolor%2Fsets%2F72157623736506366%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Ftroutcolor%2Fsets%2F72157623736506366%2F&amp;set_id=72157623736506366&amp;jump_to=\" \/><param name=\"movie\" value=\"https:\/\/www.flickr.com\/apps\/slideshow\/show.swf?v=71649\" \/><param name=\"allowFullScreen\" value=\"true\" \/><\/object><\/div>\n<h3>Creating the Tasks<\/h3>\n<p>The jQtouch setup is very easy to work with, everything in a &#8216;site&#8217; is really one page, jQtouch provides a nice standard interface, navigation and animation for that navigation.<\/p>\n<p>It took me a while to figure out how to link to the maps so that I dropped a pin where I wanted it and that pin would have a name on it using the Name and the location in the query seems to work:<br \/>\n<em><a href=\"http:\/\/maps.google.co.uk\/maps?q=StreetView Shapes 1 @48.845511,2.311803&amp;num=1&amp;sll=48.845511%2c2.311803&amp;sspn=0.079128,0.22316&amp;hl=en&amp;z=18\" target=\"_blank\" rel=\"noopener\">Street View Shapes 1<\/a><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"margin: 4px; float: left;\" src=\"https:\/\/johnjohnston.info\/blog\/images\/2010-04\/2010-04-04_weeorgangeguy.png\" alt=\"Weeorgangeguy\" width=\"240\" height=\"106\" \/><\/p>\n<p>You need to have a pin on the map to get street view to work. On the iPod touch or iPhone you click on the <em>Wee Orange Guy<\/em> to switch to street view. As an aside I think street view on a browser uses flash, obviously not on the iPod but it is a very smooth experience.<\/p>\n<p>Apple provide quite a few nice tricks to help web app development. You can set an icon for your webpage, so that if folk add it to their home screen it looks like a &#8216;real&#8217; app. You can also set a splash screen image which will show until the page has loaded when opened as a web app. I have a wee problem with the <a title=\"Flickr Lunes\" href=\"http:\/\/johnjohnston.info\/lunes\/\">Flickr Lunes<\/a> site I <a href=\"http:\/\/johnjohnston.info\/blog\/archive\/2010\/02\/28\/ipod-touch-poems\">blogged about recently<\/a> if I set: to run in full screen users cannot hold on an image to copy it to their photos, pretty much killing the functionality of the app, so I have had to lose the splash screen. I&#8217;ve been working on an ipod\/phone version of my <a href=\"http:\/\/johnjohnston.info\/flickrCC\/\">A flickr CC search toy<\/a> called <a href=\"http:\/\/johnjohnston.info\/flickrcctouch\/\">Flickr Search and Stamp<\/a> this just lets you stamp a flickr photo with attribution. Like <a title=\"Flickr Lunes\" href=\"http:\/\/johnjohnston.info\/lunes\/\">Flickr Lunes<\/a> it only find photos you are allowed to alter so should keep you on the right side of the copyright fairy.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; As a bit of a google maps enthusiast I love Tom Barrett&#8217;s Maths Maps ideas. It looks to me like a nice way to show some &#8216;real&#8217; application of maths in an engaging way. I am still supporting\/interfering with an ipod touch project\u00a0(site gone but not forgotten on the Internet archive). This gave me [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"mf2_syndication":[],"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[88,45,86,137,1772],"post_format":[],"class_list":{"0":"post-2117","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-wwwd","7":"tag-flickr","8":"tag-ios","9":"tag-iphone","10":"tag-ipodtouch","11":"tag-my-flickrcc","12":"kind-article","14":"h-entry","15":"hentry"},"better_featured_image":null,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p57zFQ-y9","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"kind":false,"_links":{"self":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/comments?post=2117"}],"version-history":[{"count":3,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2117\/revisions"}],"predecessor-version":[{"id":18680,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2117\/revisions\/18680"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media?parent=2117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/categories?post=2117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/tags?post=2117"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/post_format?post=2117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}