<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>OUseful.Info, the blog... &#187; iPhone 7 Day OU Programme CatchUp, via BBC iPlayer</title>
	<atom:link href="http://blog.ouseful.info/2008/11/12/iphone-7-day-ou-programme-catchup-via-bbc-iplayer/feed/?withoutcomments=1" rel="self" type="application/rss+xml" />
	<link>http://blog.ouseful.info</link>
	<description>Trying to find useful things to do with emerging technologies in open education</description>
	<lastBuildDate>Sat, 18 May 2013 11:27:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='blog.ouseful.info' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>OUseful.Info, the blog... &#187; iPhone 7 Day OU Programme CatchUp, via BBC iPlayer</title>
		<link>http://blog.ouseful.info</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://blog.ouseful.info/osd.xml" title="OUseful.Info, the blog..." />
	<atom:link rel='hub' href='http://blog.ouseful.info/?pushpress=hub'/>
		<item>
		<title>iPhone 7 Day OU Programme CatchUp, via BBC iPlayer</title>
		<link>http://blog.ouseful.info/2008/11/12/iphone-7-day-ou-programme-catchup-via-bbc-iplayer/</link>
		<comments>http://blog.ouseful.info/2008/11/12/iphone-7-day-ou-programme-catchup-via-bbc-iplayer/#comments</comments>
		<pubDate>Wed, 12 Nov 2008 09:52:08 +0000</pubDate>
		<dc:creator>Tony Hirst</dc:creator>
				<category><![CDATA[BBC]]></category>
		<category><![CDATA[OBU]]></category>
		<category><![CDATA[OU2.0]]></category>
		<category><![CDATA[multiple failures but am I bovvered? Face? Bovvered?]]></category>

		<guid isPermaLink="false">http://ouseful.wordpress.com/?p=531</guid>
		<description><![CDATA[Somewhen last week, I posted about a Recent OU Programmes on the BBC, via iPlayer hack that uses an Open2 twitter feed to identify recently broadcast OU programmes on the BBC, to create a feed of links to watchable versions of those programmes via BBC iPlayer. So yesterday I had a little play and put [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.ouseful.info&#038;blog=325417&#038;post=531&#038;subd=ouseful&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Somewhen last week, I posted about a <a href="http://ouseful.wordpress.com/2008/11/08/recent-ou-programmes-on-the-bbc-via-iplayer/">Recent OU Programmes on the BBC, via iPlayer</a> hack that uses an Open2 twitter feed to identify recently broadcast OU programmes on the BBC, to create a feed of links to watchable versions of those programmes via BBC iPlayer.</p>
<p>So yesterday I had a little play and put an <a href="http://ouseful.open.ac.uk/i/ioutv.php">iPhone/iPod Touch web front end</a> onto the pipe.</p>
<p>Here&#8217;s the front page (captured using an old version of iPhoney) &#8211; I&#8217;ve given myself the option of adding more than just the seven day catchup service&#8230;</p>
<p><a href="http://www.flickr.com/photos/psychemedia/3024732190/" title="Photo Sharing"><img src="http://farm4.static.flickr.com/3066/3024732190_a28ef7e1f4.jpg" width="249" height="500"></a></p>
<p>The <em>7 day Catchup Link</em> takes you through to a listing of the programmes that should, according to the BBC search results (but sometimes don&#8217;t always?) link to a watchable version of the programme on iPlayer.</p>
<p><a href="http://ouseful.open.ac.uk/i/ioutv.php" title="Photo Sharing"><img src="http://farm4.static.flickr.com/3234/3023908993_2b398094c9.jpg" width="265" height="500"></a></p>
<p>Clicking on the programme link takes you to the programme description &#8211; and a link to the programme on mobile iPlayer itself:</p>
<p><a href="http://ouseful.open.ac.uk/i/ioutv.php" title="Photo Sharing"><img src="http://farm4.static.flickr.com/3176/3023911411_edfc1c930d.jpg" width="263" height="500"></a></p>
<p>Clicking through the programme link take you to the appropriate iPlayer page &#8211; where you can (hopefully) watch the programme&#8230; :-)</p>
<p>As is the way of these things, I gave myself half an hour to do the app, expecting it to take maybe 90 mins or so. The interface uses the <a href="http://code.google.com/p/iui/">iUI library</a>, which I used previously to build <a href="http://ouseful.open.ac.uk/blogarchive/014128.html">iTwitterous/serendiptwitterous</a>, (various bits of which broke ages ago when Twitter switched off the friends RSS feeds, and which I haven&#8217;t tried to work around:-( so all I expected to do was hack around that&#8230;</p>
<p>&#8230;which was okay, but then the final link out to the iPlayer site didn&#8217;t work&#8230; Hmmm&#8230; now the URLs to the iPlayer mobile programme pages look like <em><a href="http://www.bbc.co.uk/mobile/iplayer/index.html#episode/b00fj0y4&#038;#8242" rel="nofollow">http://www.bbc.co.uk/mobile/iplayer/index.html#episode/b00fj0y4&#038;#8242</a>;</em>, and the way that the iUI pages work is to display various parts of a single HTML page using anchor/name tags of the form <em><a href="http://ouseful.open.ac.uk/i/ioutv.php#_proglist" rel="nofollow">http://ouseful.open.ac.uk/i/ioutv.php#_proglist</a></em>. So my guess was that the interface library was doing something different to normal whenever it saw a # (which I later refined to the assumption that it was intercepting the onclick event whenever that sort of link was clicked on).</p>
<p>My first thought at a fix was to just add another bit of pipework that would create a TinyURL to the mobile link (and so hide the # from iUI). I found an is.gd pipe and <a href="http://pipes.yahoo.com/pipes/pipe.info?_id=3MLui4mv3RGjeJF_pgt1Yg">cloned it</a>, but it didn&#8217;t work&#8230; it looked like is.gd had actually followed the link, got an error page back (&#8220;we don&#8217;t support that mobile device&#8221;) and shortened the iPlayer error page URL. V early hours of the morning now, so I wasn&#8217;t tempted to build a TinyURL shortener peipe and went to bed&#8230;</p>
<p>Next morning, and in the OU pipes wasn&#8217;t working for me very well over the guest network&#8230; so I thought I&#8217;d set up an Apache RewriteRule that would take a BBC programme ID and generate the mobile iPlayer URL. Nope &#8211; the # got encoded and the link didn&#8217;t work (I used something like <em>RewriteRule ^ipm/.* <a href="http://www.bbc.co.uk/mobile/iplayer/index.html#episode/$1" rel="nofollow">http://www.bbc.co.uk/mobile/iplayer/index.html#episode/$1</a></em>, but couldn&#8217;t get # rewritten as #??? Any ideas???)</p>
<p>Next thought &#8211; a PHP header redirect &#8211; didn&#8217;t work&#8230; a PHP page that returns some Javascript to reset the page location? Nope&#8230; (I later realised I was using the wrong mobile iPlayer URL pattern &#8211; I&#8217;d transposed <em>mobile</em> and <em>iplayer</em>, but I don&#8217;t think that was the only problem ;-)</p>
<p>A short walk to a meeting on ********************* (super secret censored project &#8211; I even used an arbitrary number of *&#8217;s there; and can&#8217;t even tell you who was at the meeting) gave me the crib &#8211; use javascript to reset the location in the link (<em>&lt;a href=&#8221;javascript:window.location.href=&#8217;<a href="http://www.bbc.co.uk/mobile/iplayer/index.html#episode/b00fj0y4&#8243;&#038;gt" rel="nofollow">http://www.bbc.co.uk/mobile/iplayer/index.html#episode/b00fj0y4&#8243;&#038;gt</a>;</em>).</p>
<p>Still no&#8230;. hmmm, maybe I need to add that to the <em>onclick</em> too? Success!:-)</p>
<p>So there we have it, multiple failure and blind hackery, little or no understanding of what&#8217;s not working or why, but always the option to try to find <em>another way</em> of doing it; not pretty, not clever, but not beholden to a particular way of doing it. Come across a problem, and route around it&#8230; just do it the internet way;-)</p>
<p><a href="http://ouseful.open.ac.uk/i/ioutv.php">OU Programme 7 day catchup, iPlayer&#8217;n'iPhone app</a>. Seen anything interesting lately?;-)</p>
<p>PS see also <a href="http://ouseful.wordpress.com/2008/10/09/openlearn-ebooks-for-free-courtesy-of-feedbooks/">OpenLearn ebooks, for free, (and readable on iPhone) courtesy of OpenLearn RSS and Feedbooks…</a></p>
<p>[18/11/08 - the site that the app runs on is down at the moment, as network security update is carried out; sorry about that - maybe I should use a cloud server?]</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ouseful.wordpress.com/531/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ouseful.wordpress.com/531/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.ouseful.info&#038;blog=325417&#038;post=531&#038;subd=ouseful&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.ouseful.info/2008/11/12/iphone-7-day-ou-programme-catchup-via-bbc-iplayer/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/abbd9f90565ce9ae4d065d93a81d8c03?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Tony Hirst</media:title>
		</media:content>

		<media:content url="http://farm4.static.flickr.com/3066/3024732190_a28ef7e1f4.jpg" medium="image" />

		<media:content url="http://farm4.static.flickr.com/3234/3023908993_2b398094c9.jpg" medium="image" />

		<media:content url="http://farm4.static.flickr.com/3176/3023911411_edfc1c930d.jpg" medium="image" />
	</item>
	</channel>
</rss>
