ANewObservatory

Hi Sam and everyone! I propose making short interactive stories using <a href="http://twinery.org">Twine</a> normally used for making choose your own adventure type interactive fiction and what we use to make games for the <a target="_blank" href="http://domesticscience.org.uk/InF.html">Interactive Non-Fiction Arcade</a>. I thought it would be a nice practical exercise to make and publish some simple stories about data interoperability? I'd show people how to make them with Twine super simply. I've done this before with a room full of web illiterate <a target="_blank" href="http://github.com/cheapjack/ForkingLibraries">librarians</a> in an hour. Although technically you could do this with any text editor its a nice environment to focus on the ''story'' and not just another word doc or set of text notes. It can be a nice <a target="_blank" href="http://domesticscience.org.uk/codeforliverpool.html">documentation</a> tool. Here's a [[quickstart tutorial|quickstart]] I made which shows some basics of how to make the games in the online editor. We can then make little speculative interlinked stories like [[this|speculate1]] Want to dive in yourself go <a target="_blank" href="http://twinery.org">here</a> and choose ''Use it online'' link from the top right Download menu and make the stories right in your <a target="_blank" href="http://twinery.org/2/">browser window</a>. You can then export ''html'' files when you're done and serve them anywhere which we could publish somewhere easily.

So Ive used this in Twine `<object data="https://www.motorwaycameras.co.uk/england/m62/westbound/traffic-camera/2250" width="350" height="350"></object>` So you can see this: <object data="https://www.motorwaycameras.co.uk/england/m62/westbound/traffic-camera/2250" width="350" height="350"></object> Watch people trying to get into Liverpool from a camera on the M57. Here I've typed `<a href="https://www.motorwaycameras.co.uk">source</a>` to make a link to the <a href="https://www.motorwaycameras.co.uk">source</a> of the traffic cam What could we link this with? how about [[air quality|observatory 2]] Go back to the [[start|Start]]

Imagine you could use an <a target="_blank" href="http://www.washingtonpost.com/wp-dyn/content/article/2007/05/22/AR2007052200499.html">electronic nose</a> to sniff citizens as they enter a city? If it detects asthma then it checks volatile particulate readings locally and advises you, if necessary to go home. In a more sinister tone, a city could screen visitors with e-nose data and not letting certain conditions enter the city... <object data="https://www.motorwaycameras.co.uk/england/m62/westbound/traffic-camera/2250" width="350" height="350"></object> ''PM10 particulate matter (Hourly measured) (PM10) 24/08/2017 13:00 4.700 µg/m3 (TEOM FDMS)'' air quality reading from <a target="_blank" href="https://uk-air.defra.gov.uk/data/site-data?f_site_id=LVP&view=last_hour">here</a> Warning <h1>ASTHMA DETECTED!</h1> <h3>Please leave the area</h3> Refer to <a target="_blank" href="https://www.gov.uk/government/publications/gastrointestinal-pathogens-specimen-acceptance-criteria">this document</a> Go back to the [[start|Start]]

<h3>Quickstart</h3> You make new passages/episodes/rooms in a story by typing square brackets `[[ around the word you want to be ''clicked'' and a pipe | to link to the passage you can edit in Twine in the editor window for your story, then close it with ]]` So link to a new_passage like this `[[my new passage in the story|new_passage]]` You add weblinks with `<html>` tags like this `<a target="_blank" href="http://www.trafficengland.com/">source</a>` For example this will make a link in a tab to the <a target="_blank" href="http://www.trafficengland.com/">source</a> of the traffic cam you can see in my example Add images the size you want (in pixels) like this `<img src="my/image/location" width="200">` so like this: <img src="http://www.furtherfield.org/sites/furtherfield.org/files/resize/laurenac/21._the_new_observatory_at_fact_2017._learning_space._photo_by_gareth_jones-589x407.jpg" width="200"> You can even embed whole other webpages inside twine by typing `<object data="https://www.motorwaycameras.co.uk/england/m62/westbound/traffic-camera/2250" width="350" height="350"></object>` which will display ''this'': <object data="https://www.motorwaycameras.co.uk/england/m62/westbound/traffic-camera/2250" width="350" height="350"></object> Go back to the [[beginning|Start]]

So here's a new passage Click [[here|quickstart]] to go back to the page you want