Last Sunday in the Observer I was reading Why all our kids should be taught how to code and have been following with great interest the boos by Alan O’Donohoe (teknoteacher) Submitted to EDUtalk
I am also interested in the difference between digital literacy/ fluency and coding beautifuly described by Josie Fraser in response to Mr Gove’s surprising enthusiasm for coding SocialTech: Computer Science is not Digital Literacy:

It’s dismaying then, to see in a week where we are seeing a huge move forward in the promotion of technology and a fresh look at how ICT as a subject area is designed and implemented in schools, to see digital literacy being used as an interchangeable term for computer science skills.

With the introduction of iPads into the mix as a really powerful tool for curricular ict. I am also intrigued by the tension between this back to programming and the use of ict to support learning. Brief visits to the primary classes piloting 1-2-1 have been exciting and gone a long way to convincing me that this is an important direction for ict in education.
Although I hope the iPads are only for consumption myth has been put to bed I’ve been wondering if there are ways they can support programming in education. It has often been pointed out that the reluctance of Apple to allow apps that produce executable code will hinder their use for coding.
(As a primary teacher this is well out of my depth or experience but fun as a sort of thought experiment.)
Some of the efforts to enthuse pupils and others in coding have started with HTML, CSS and JavaScript. (Hackasaurus and the like links). I though that might be a good place to start.
photoI’ve blogged before about Textastic – Text, Code and Markup Editor with Syntax Highlighting – FTP, SFTP, Dropbox – for iPad, the web page title says most of it.

a challenge of sorts

I though I’d give it a go and create a page or two with some sort of JavaScript stuff. To keep things nice and simple I thought I’d use the Dropbox functionality to publish the pages created to my Dropbox public folder. In a teaching situation this would avoiding FTP uploading.

templates and images

The first nice thing I noticed was that textastic supplies a few basic html templates which gets you off to a nice start. I created a folder in textastic then some files. Next I clicked on the globe to access my Dropbox. You see a listing of a local folder and one in Dropbox it is simple to transfer files back and forth. You can also pull images in from Dropbox to the textastic folder if you want to added images to your web page. This means a trip to the Dropbox app to add photos to that folder from the iPad photos.
I could not find an app on my iPad that would let me resize images where I could see pixels rather than manipulating with my fingers, but I am sure such an app exists.

auto complete

Textastic supports autocomplete in a TextMate like way type a < and say a p it pops a list of possible tags, selecte one and it is completed. The app then put the cursor in a good position, eg between the opening and closing tag of a paragraph to ready to type in the first parameter of a link. With more complex tags it wil select the first edit then tab through the other section indicated by a wee triangle:


update: the first image I uploaded Looked ok on the iPad but was unreadable on my desktop. I’ve replaced it. Image editing for blogging is a bit of a challenge on the iPad, but I am learning.
It was pretty simple to create a HTML page and link it to a CSS file in the same folder in textastic, easy to publish both to Dropbox. Textastic allows you to locally preview and it is easy enough to switch to Safari too.

JavaScript challenge

Since I know little JavaScript this should be a fairy realistic test of the iPad as a tool to learn coding. I decided to try assignment 3 from Mashups: Remixing the Web a course from New York University. The assignment was to create a lolcats memory game. I decided to make one with Flickr images. There are a few good hints in the assignment but I need to do a few things: look up JavaScript references on the web, preview and debug. Reference was easy to do by switching to safari and searching. Textastic supports preview and firebug. I also turned on the safari debug console. Textastic supports auto complete for JavaScript too.
The result is not a polished or complex piece of work, but I’ve stretched myself a wee bit. And managed to stick to the iPad throughout.

update a couple of tweets from @fraserspeirs who will know a lot more about this than me:


– Posted using BlogPress from my iPad

Location:Crow Rd,Glasgow,United Kingdom

Assignment 3 – Comic Timing – #edtechcca3 « Ed Tech Creative Collective

Make a comic-strip style set of instructions for a practical task. The task you choose is entirely up to you. It could be something that relates to your subject area, or alternatively you can do something more generic like starting up and shutting down a computer, how to set an alarm clock, or how to use the office photocopier.

I’ve always liked making comics both with with pupils and for myself, a few years ago I made this set for my daughter when she went to university: Recipe Comics – a set on Flickr.

For this assignment I decided to use ComicLife on the iPad, I’ve used ComicLife on the desktop a fair bit but not done much more with the iPad app than quickly demo it. This looked like a good opportunity. I’ve been doing a fair bit of iPad workshopping this week, and one of the things I’ve been showing teachers is some map activities. These are based on ones I’ve carried out a few times with pupils on an iPod touch. Basically taking screenshots of the maps app and using them for Maths or literacy. So the comic was made with the techniques shown by the comic.

Comic map Ideas

Software Thoughts

Although there has been suggested web apps for each of the edtechcc assignments I’ve used desktop applications for the first two (Fireworks, audacity) and now an iPad app. I have used web image and audio editors in the past but never found a compelling reason to use them before a desktop app other than price. I am editing this post in TextMate and will post to my blog via the MetaWeblogAPI rather than by using a browser. The problem with browser applications is with, imo, workflow and integration with other application which is not as mature as desktop or as simple as iOS. ComicLife on a mac is a good example of this, easily showing your images to ad to your comic without having to upload them. Or TextMate, here to add an image to a post I drag the image from the desktop onto the document I am typing in, it uploads it to my blog and inserts the code.

Design Thoughts

I had planned to try planning a bit with pencil and paper for this assignment after watch other folk go through the notes/mind-mapping/sketching process. But again I just got started and played about as I went along. I’ve noticed my ‘planning’, if you call it that, occurs when walking, driving or doing some other activity so I have some idea of what I am hoping for when I sit down. No excuse really and I will try a bit harder on a future assignment.

There was not much thought in this one anyway, I’ve stuck to ComicLife defaults, perhaps over familiar but they do the job I think.

I’ve been interested in combining maps and media for a while now. Here is a recap of some of the methods I’ve been using. I’ve not often had the chance to do this sort of thing in a teaching situation but continue to believe that mapping media would be a valuable way to record experiences for pupils and a nice slant on digital storytelling.

Last Sunday I had a walk to Benvane & Ben Ledi recorded the gpx with the iPhone Trails app (one of my top 10 apps) took photos, video and some panoramas. Here are the three ways I’ve been developing of displaying them on the web. None of these are good as examples of story telling as I am still thinking about the workflow and tech.

Photos on the map

Benvamemap

I’ve built up a fair collection of these over the last few years. this one only uses iPhone photos which means I can skip the stage of matching photos to the gpx file. When I started doing these google maps API was at version 1, I move to 2 and now am behind version 3.

This is the most conventional story combining an image with text in a liner fashion along the track.

Video Mapping

Videoandmap

Benvane and Ben Ledi video map

I just blogged about this in the previous post

I am hoping that this can produce a more contemplative result.

Although I’ve only just worked out how to do this the workflow is a lot simpler than the photo maps. I’ve developed a mac application (using SuperCard) to make these. All I need to do is to drag some iphone videos out of iPhoto onto the application and it creates the smaller versions of the video and the HTML to display them along side the maps

I you have a mac and would be interested in trying the app, let me know.

Panoramas in Place

Panomapthumb

Benvane Panos

This is the most recent development, after tweeting about the Video Maps @drewburrett suggested using photosynth for the iPhone to take pano photos and do something similar. I’ve not got a workflow for creating these and don’t think I’ve got the display method right yet but I am quite excited about working out different ways to present pano photos.

As I said I’ve been messing with maps and media for a long time (2006 example) I’ve blogged about it a fair bit, pretty much in a vacuum. I’d be really interested in finding some folk to play along with or a school interested in trying out some of this stuff.

I’ve blogged before about the wonderful Hmsg Spiral Map a project that combines video, audio and google maps into a mesmerising meditative experience.

Recently I noticed that iPhoto shows the location of videos as well as audio which got me thinking a wee bit. I checked out a few exif tools and found that the location was stored in exif data in the same way as photos.

I already had made some crude tools to map walks on google maps and made an odd foray into adding sounds to the photos: burn, so though I might be able to knit together some video and maps.

After a few false starts I manage to do this:

Loch Hump Screen
A Loch Humphrey Walk

This is a webpage that shows a series of videos with a couple of maps pointing to the location the video was shot at. When one video ends the next is automatically loaded. You can jump around by clicking the numbers.It information: videos urls, locations and time shot is stored in an xml file, this is loaded by some javascript (jquery)

Bideomapfolder

The list of movies and locations are loaded from an xml file that is a very simple list:
<item><file>loch_humprey_02.m4v</file><loc>55.9323,-004.4594</loc><dc> 2011:08:02 21:27:10</dc></item>
I though xml was a good idea as it would allow reuse to display the movie in different ways. As the movies are shown the location is used to show a couple of images using the google maps static api. This first Video Map Experiment was cobbled together using a couple of command line tools (pcastaction, built into Mac OS X and ExifTool by Phil Harvey). I am not knowledgeable about shell stuff but it can often help do interesting things and once you figure it out is easy to reuse.

After a couple of tries I’ve made a Supercard project that sorts this all out, here is what I did to make the A Loch Humphrey Walk

  1. Take videos on iPhone
  2. Trim on iPhone
  3. import into iphoto
  4. Drag videos from iphoto on to a field in a SuperCard project I’ve made.
  5. Click a button on said project which:
    1. Asks me to choose a folder
    2. Gathers locations & date/time from the video files
    3. Makes a copy of videos in the folder, shrinking file size & dimensions (this take a few minutes)
    4. Creates an xml file & and index.html file in the folder to show videos

Video Maps.sc45

I then upload folder to server via ftp.

Getting the JavaScript stuff sorted out took me a wee while and quite a few wrong turnings, but it all seems to work on both Mac & Windows with FireFox, Safari or IE now. I started to write about the gory details in this post, but decided to split them off and I’ll put them up somewhere else sometime soon. I also hope to make the Supercard Project available for anyone who is interested. (If you want to see an early version let me know)

I hope this could be an interesting way to tell a story, record a trip or describe a place. I’d be interested to know what other folk think.


Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads).

Swiffy currently supports a subset of SWF 8 and ActionScript 2.0, and the output works in all Webkit browsers such as Chrome and Mobile Safari. If possible, exporting your Flash animation as a SWF 5 file might give better results.

Google Swiffy looks good, support extends to flash five. Here is a swiffy animation created with Google Swiffy the original flash file, made by my daughter 11 or so years ago when she was in primary school is on the sam page, I can’t tell the difference.

Swiffy output and flash source

Works on an iPad, Safari, webkit, chrome, firefox on my mac.


River Tales

I am listening so some great pupil podcasts on Mr O’D’s class posterous pupils take on the role of a river and tell their life story:
Rachael does Rivers and
Kyle and the Nile for example. They show, in my opinion, the power of mashing up subjects and reinforce for me the value of podcasting and the voice.

Regular Gems

The User Outcomes section of Doug’s new Synechism Ltd. blog is turning up some nice stuff, this week’s gem for mac users is One Thing Well A weblog about simple, useful software.

UK Sound Map

I didn’t realise that the great UK Sound Map project was limited to a year and read:

The final date for uploads to the UK Soundmap is Friday 24 June, 2011. No new recordings will be added after then, but the UK Soundmap will remain online and you’ll still be able to listen to its collection of sounds.

I really meant to add a boo from work yesterday but got caught up in other things. There is a fair racket as the school, behind which I work, is being renovated. I had a good time contributing to the map and felt quite sad to learn it had finished. Visit the SoundMap and enjoy listening to sounds.

Listening to more podcasts

I’ve been listening to more podcasts recently thanks to Instacast. I’ve removed podcasts from the iPod app of my phone and don’t sync them via itunes anymore. Instacast allows you to build subscriptions (I imported from the iPod app before stopping the sync) and download episodes without being tied to a computer in a much simpler way than the ipod app. I can now sync my podcasts at the office before the drive home, rather than noticing that I had forgotten to sync my phone from my computer at home.

Instacast allows you to see the episodes you have downloaded, and also stream new ones. This can lead to a hammering of your data allowance.

I am presuming that with iOS 5 that apple will have some sort of similar setup too. It is certainly the way I want to go with mobile stuff.

The interface of instacast is nice, very minimal, although the text is a wee bit too small for my eyes at any distance. Well worth £1.19 even if Applce come up with something as good in iOS 5.

Islay high School

Joe Wilson blogs about Islay High School a reminder of all the great work going on there over the past few years. Good to be reminded that it is not the tech:

Beyond the technology they timetable 3rd to 6th year together – which leads to a great community feel in the senior school. This allows for personalised timetables over 3 or 4 years – this gives learners a large range of academic and vocational options and allows some to really stretch themselves – a few 5th years have achieved Advanced Highers.

A while back I bought a ‘Gorillapod Gorillamobile Style Tripod for iPhone 4’ from eBay, for about a tenner.

iphone tripod

This works very well, and has now survived a few walks and being stuffed in pockets, bags and rucksacs.

Iphone Tripod 2

The seller I bought it from does not seem to have any left but Tripod iPhone 4 search on eBay UK turned up a few similar items.

Here is a pretty steady video shot using the device.

iTimeLapse

There are a horde of time lapse apps on the Apple iOS app store now. A while back I tested iMotion – Stop motion animation for iPhone and I’ve downloaded a few more.

Yesterday I noticed iTimeLapse had an update, listed in the fixes was – General crashy-ness fixed which sounded good and I decided to give it another try.

I set up my phone on the windowsill pointing at the trees and sky across the road. There is a choice of resolutions I choose 1280×960. I set the app to take a picture every 30 seconds and set it going. It seemed to be taking picture faster than that so I stopped, reset and started a few times (I even forced quit the app). Eventually I just let it do its own thing. After an hour or so it had taken 1333 images (Which the app tells me takes up 1339 mb on my phone) so I do not think that the Snap Interval is accurate/working! However the resulting video worked out fine.

On stopping the app you then have to render the video, my first attempt at one of the higher resolution settings failed, producing a block video, I tried again at a more sensible 640x 480 and this worked. The video was then watchable on my iPhone.

There are several export options, I tried the Vimeo option, which took a while but worked well and the Local WiFi Sharing.

I am a fan of a few other apps which have Local WiFi Sharing. Most apps that do this have a screen which shows an address to be typed into a browser, usually an IP address, although some support using bonjour in Safari. iTimeLapse does something different it show a link to TapShare.org with a 3 figure number. You visit TapShare on your desktop, type in the 3 figure number and that opens the local iP. TapShare is a service which offers this small utility to generate a 24 hour shortcode which can redirect to your local IP via an API which iOS developers can use. Being nosy I checked Safari and bonjour works too:

Leading to a webpage to download video:

iTimeLapse Safari

This video was 46MB in size and didn’t make it through my mail system to posterous, a quick export fromQuicktime, iphone setting, shrunk it to 9MB which upload fairly quickly: Evening Sky

Here is the Vimeo version:

I am sure this could be a useful app to use in the classroom for easily generating time lapse movies & animations.

I’ve illustrated this post with some screenshots, glued together in an animated gif, to save some screen space, please let me know if you think it is useful or annoying.

On Thursday evening I was lucky enough to be in conversation with Gillian Penny, Dan Bowen, John Johnston and Fraser Speirs as part of the Edutalkr series. Iain Hallahan kept the conversation organised as chairperson and David Noble did the background tech.

You can hear the discussion on Edutalk:

EDUtalkr online panel discussions about Scottish education #7: The practicalities of using iPods and iPads in the classroom – EDUtalk

The practicalities of using iPods and iPads in classrooms. 


Chairperson:

  •   Iain Hallahan (@don_iain) 

Panelists:

     1. Fraser Speirs @fraserspeirs

     2. John Johnston @johnjohnston

     3. Gillian Penny @gillpenny

     4. Dan Bowen @dan_bowen  –  tbc

Areas for discussion:

  1. Network connectivity & IT support   
  2. iTunes account management & licensing issues 
  3. Authority/Department/Cluster/School policies on usage
  4. Is there a way to suggest changes to Apple? What might these suggestions be?  

This week I’ll be taking part in this online audio panel. Thanks to Iain Hallahan (@don_iain) for putting me forward. I am looking forward to hearing what the other panellists will be saying.