Voting: A free ticket to the show you never wanted to see

It’s election time. All over the EU people are voting for MEP’s and here in the UK some councils have elections for local councillors.  As per usual the issue of voting (and not voting) dominates the commentsphere.

It’s an issue that has got a bit of momentum in the UK thanks to some celebrity interventions into the debate around the whole idea of voting, particularly the vexed issue of getting young people to vote.

So, its seems like a good time to make a confession - I’m a ‘don’t voter’. There I have said it.   It’s not that I haven’t voted. Or that I will never vote.  When I have nothing to vote for I don’t vote.  From what I can make out, according to much of the commentary I’ve read this morning, this:

  • means I’m apathetic.
  • makes me an idiot
  • makes me selfish – apparently I’m stopping your party getting in
  • makes me selfish – apparently I’m allowing the party you don’t like to get in.
  • means I have never heard of the suffragettes or a number of wars – I’m an ignorant idiot.
  • no better than Russell Brand – and by extension, an idiot
  • makes me responsible for homophobia and wars in far off places, far-right parties in Europe etc.
  • means I have no right to comment on voting politics or anything else until I vote – at least I can be an idiot that gets irony
  • disrespectful of your grandmother, grandfather or whichever relative you found an ‘inspiration’ in your youth

But the truth is that this more than just the process of voting. It’s not just that I can walk up to the booth unmolested – great and powerful as that is. It’s the responsibility to then exercise a choice.  Exercising your right to vote is not enough and whilst it might be respectful of all those who came before, I’d have  thought it was important that we are using and allowed to use that choice ‘responsibly’.

Lets imagine for a minute that inspirational grandma saved up all her life and through her hard won efforts gave me 50 quid to spend (ardent capitalist as she clearly is).  Lets imagine I go to the market with my 50 quid. I get a number of stalls.  Look there’s the regulars selling a pile of shit. Then there are newcomers – smaller and less tricksy, and they have new shit. But, once you get it home and get past the wrapping, oh, it’s the same old shit.

So whichever way I spend my 50 quid I’m still going to have to go home and tell my Gran that I spent that hard earned 50 quid on shit. Or I could just say. ‘you’re all selling shit I’m going to hang on to my 50 quid and spend it when theres something other than shit to buy.

So I voted today – apparently I’m allowed to say all of this because I did vote.   None of the people on the ballot where people I wanted to vote for and there is no way I can express that and get that counted in the same way a vote would be counted – no ‘none of the above’ or minimum vote to validate the abuse of the term ‘mandate’.

So I spoiled my vote.  I scribbled on my ballot paper like 5 year old! You have no idea how angry and depressed that made me feel.

But at least I voted. That’s the important thing right?

Argentina’s Clarín gets to grip with convergence : exploring multilingual social media

The wonders of twitter, tweetdeck and google translate meant that I got an interesting insight into the way Clarín, the biggest newspaper in Argentina,  is approaching the challenge of a converged newsroom.

What caught my eye was a the visualization of the ‘new editorial cycle’ that journalism news site ELDSD posted to twitter. A translated version below.

Untitled

 

The process of transition has clearly not been smooth with staff representation voicing concerns of the process In terms of convergence they are familiar debates.

Despite the cod google translate filtering,  it made for an interesting perspective on an ongoing debate. But it also shows that language isn’t always a barrier to using social media.

Translating social media

Twitter has already experimented with translating tweets based during the ousting of Mohammed Morsi last year but some of their tools have it built in.

Tweetdeck, for example, offers a useful translate option

TweetDeck

So if you want to broaden your social media reach, don’t be afraid to follow beyond your language barrier.

Urban_Audit_Greater_Cities_Shapefiles_and_Centroids_-_Google_Fusion_Tables 2

Finding and mapping the center of your world(ish)

This is the center of Preston.

The center of Preston.
The center of Preston.

No really. The exact center of Preston.

I made that discovery as I pondered a post I saw a little while ago.

The article came from The Londonist, who ran an experiment to find the center or London.  It was a repeat of an experiment they did in 2010, things were a bit make do and mend…

We pasted a map of Greater London onto cardboard, cut out the map, and then tried to balance it on a pin-head. The balance point, also known as the centre of gravity, can be said to be the geometric centre of London. 

But for the update they went a bit more high tech.

Step forward Tom Hoban, who’s now refined the method and thinks he’s found the centre of London to much greater precision. Rather than using cardboard and scissors, Tom traced an electronic map in AutoCAD software. He was then able to find the shape’s centre of gravity digitally, removing the imprecision of our balancing-on-a-pin malarky.

I thought the ‘malarky’ of the pin and card was really nice.  Very hands on. But it got me thinking about how easy it would be to work that out for other places.  (that’s how my brain works)

Find the shape

The first challenge is finding the ‘shapes’ of a city to work with.  In these days of data journalism and digital mapping, I wondered if that kind of ‘data’ existed and it does; kind of. There are plenty of data sets that offer shape files; the data needed to ‘draw’ the shape of a city or (more commonly) electoral ward, county or country.  You see these a lot in visualizations of data like voting records etc. So it was just a case of finding one with about the right detail I needed.

The Office of National statistics maintains quite a nice list of  files with boundary information, which have that data included.  I chose  the Boundaries : County_and_unitary_authorities_(E+W)_2013_Boundaries_(Full_Extent).zip file.

Find the centroid!

As you expect these shapes are not uniform, they are polygons, so it took me a bit of Google work to find that the ‘center of gravity’ of  a polygon is called it’s centroid.

In mathematics and physics, the centroid or geometric center of a two-dimensional region is, informally, the point at which a cardboard cut-out of the region could be perfectly balanced on the tip of a pencil, assuming uniform density and a uniform gravitational field.

So it was a bit of piecing together.  I know you could easily map shape files using Google tools like Google Fusion tables etc. and I know that you can do some clever maths using scripting so the next step was to put it all together with more Google around ‘calculate the centroid of a polygon in Google maps‘.  Which, by a country mile,  is the most technical and intelligent sounding thing I’ve googled in the last 10 year.

Some time later…

Cutting a long Google very short, I ended up recognizing that doing it with Google maps was going to be hard – at least beyond my skills.  But my searching revealed that there was some good mapping software or GIS  available that might do the job. What’s that then

A geographic information system (GIS) lets us visualize, question, analyze, interpret, and understand data to reveal relationships, patterns, and trends.

I ended up using QGIS, an open source mapping program that works on PC and Mac.  I won’t lie, it’s a bit of bind to set up.  But once it’s done you have a pretty powerful set of tools and one that would be worth a look  for people doing a lot of mapping .

What’s great about QGIS is that once the ‘polygons’ are loaded in, it has a very neat menu item that calculates the centroids. Instant centers of all the areas on the map in one click!

Here’s a quick how-to:

This is shape file
This is shape file
  • Download and unzip the mapping data. If you look in the unzipped folder you’ll see a file with a .shp extension. That’s the one we want.
  • Open QGIS

QGIS_2_2_0-Valmiera_and_Applications

  • Click the Add Vector Layer button or pick Layer > Add Vector layer from the menu
  • Browser to the shape file (.shp) from the unzipped folder and open
  • A nice rendering of the shape file appears similar to the one below.
Don't worry if your colours are different. It's random
Don’t worry if your colours are different. It’s random Contains National Statistics data © Crown copyright and database right 2013
  • Make sure the layer you have created is selected and the select Vector > Geometry Tools > Polygon Centroids

Vector

 

The system offers a dialouge box. It wants to save the data as a new file. I saved mine in a new folder called centroids but you can put it where you like.  Make sure you check the Add Results to Canvas option or you won’t see the centers.  The result is something like:

Untitled1
Contains National Statistics data © Crown copyright and database right 2013

That’s all the centroids calculated and plotted.

Getting the data on to a google map. 

For a number of reasons I wanted to make sure I could share the results on a google map.  One of the easier ways to to get any complex location data into a google map is to use Google Fusion tables. They play nicely with location information saved as a KML (Keyhole markup language) file.

QGIS makes short work of this.

  • Select the new layer with your centroids in
  • Select Layer > Save As
  • Pick  Keyhole markup language KML from the Format option
  • Select a location and filename to save the content. Make sure you keep the .kml extension.
  • Repeat the process with the original layer (with the local authority areas on it)

The process to get the files in to Google Fusion tables is pretty easy. Here’s a slightly amended version of what Google suggests:

  1. Go to Google Docs. Sign in to your Google Account or create a Google Account if you don’t already have one. (Note that you while can use a Google Apps for your Domain account for Fusion Tables, you will not be able to create maps.)
  2. Click the “Create” button.
  3. Click the “Connect more apps” bar at the bottom of the resulting list.
  4. Type “fusion tables” in the “Search Apps” box and hit the “Enter” key.
  5. Click the blue “+ CONNECT” button, then click the “OK” button in the confirmation dialog box.
  6. Click “Create > Fusion Table (experimental)”.
  7. In the Import new table dialog box, click “Choose File”.
  8. Find the KML file you created from  QGIS
  9. Check that the data is formatted correctly and click “Next”.
  10. Give your table a name and click “Finish”.

Once it’s imported you can click the Map tab and you’ll see the elements mapped (either the outlines of the areas or the dots that represent the centroids.

You can embed the map straight from google fusion tables like this

Or you could use something like the Google Fusion Maps Wizard to mix together layers into one map. Like this:

Once you have it on a map you can also take advantage of the satellite view and the Street view tool on google maps to get a good look at the center of your world.

Conclusions

This may all feel like a sledgehammer to crack a pointless nut! I guess it is. It’s a bit of fun that spiralled. The best I could say is that it falls in to my find a tool that answers a question methodology.  But here’s some observations and what I learned  along the way:

  • The center really does depend on the boundaries you pick. The picture at the start of this post is based on the Urban Audit of Greater cities boundaries for Preston (data). That’s different from the center that the Unitary and Borough boundaries throws up. (that’s in a field just near the M55 junction on the M6)
  • Picking the The Full Extent version of the files does skew things a little as it describes the shape of an area even if some of it stretches into the sea! So the methodology isn’t rock solid on a number of counts
  • There are lots of data sets to play with. Qgis means you could load loads up and compare.
  • Using QGIS ties you to the desktop – not great if you’re in newsroom with locked-down IT.
  • Using QGIS opened my eyes to the power of GIS software in general and how it could be part of a data journalist’s toolkit. But if you’re doing a lot of data mapping (rather than mapping) I do think something like Tableau is the better place to focus your time.

Finally, and most importantly I’m bound to repeat that all of this post contains National Statistics data © Crown copyright and database right 2013

 

Restarting news: Will Journalism have much say in what journalism becomes?

Prof George Brock has an interesting post as a prelude to his talk at the international journalism festival in Perugia which is well worth a read.  He ponders an incomplete list of things that might shape what comes next in journalism.  There are a couple that stand out for me.

First off he cites ‘impact’. By impact he means the way that the digital landscape dilutes the impact of even the biggest stories. Much as it’s an interesting way of describing one of the negative effects of the networked environment. It’s concept that suggests news has a finite impact; With so many routes for news to travel it eventually, well, runs out of steam.

I think there is some merit in the idea – impact is neat phrase –  but I do think it stems from a slightly institutional (print) perspective.  What its really saying is the value to the producer is harder to conceptualise (and monetize). In that sense I don’t think that ‘news’ has any less impact. In some ways it can have more.  We can’t really think that news is a stone to throw and then measure its success by the size of the splash! In a digital world we are measured  against the ripples.

In that sense  I think ‘reach’ is a better word than impact. Impact is the same mentality that still demands we recognise the word breaking or exclusive. The challenge of reach suggests there less of a problem with the ‘news’ and more a problem with the industry’s capacity to inhabit the broader landscape and connect with the audience.

Restarting news

That’s not to criticise Brock. He clearly sees the impact of impact!

Even if a single outlet has something big and releases it first, a scoop is not quite the event that it was. Partly because a revelation will spread a long way very fast and won’t be “broken” by being published to many people simultaneously at a set time. What we used to call “news” was once prepared like a conjuring trick or play behind a curtain and revealed at a fixed time; if it was big news, its release was an event.

Brock says that means ” ‘news’ is an idea which is being bent into a different shape.” I like that phrase. But I’d go a little further. News is broken as a concept.  What news is has been changed (a factor Brock also identifies) But the news as an object (something we distribute) is also broken apart by the network. People chop it up and repurpose it for their own use.  

I think what we are seeing is people, just by expectation and consumption habits rather than any discrete motivation, pushing against attempts by media organisation to control (own, whatever you like) the structure, purpose and shape and importantly the life-cycle of news.  I see a lot of parallels with the Restart culture which wants to move beyond…

…the culture of constant upgrades and disposal, The Restart Project reconnects people with repair, preparing the ground for a future economy of maintenance and repair. We are supporting groups across the world which would like to replicate our community work.

People getting together to bring those dead electronic and electrical devices back to life.  It’s all about sustainability and usefulness. Digital means people are beginning to restart news in the same way.  

For me that presents interesting challenges the process of Brock’s suggestion that in making clear the ‘value of what journalist do’ journalists can:

insist that verification and investigation will not happen naturally in a ceaseless flow of data, conversation, gossip, rumour and manipulated misinformation; someone must make a choice to do these things and find the resources to support them. They can insist that big ideas depend on long passages of written words to spread and be debated. They can insist that a space to establish what is most likely to be accurate and true in the midst of what is now a marketplace for noise is something of value to democracies and worth fighting for.

I worry that we think we can/should insist anything.  I think that’s less about insisting and more about (a) proving it and (b) about being connected enough for the community who might value that to be able to tell them.

Funding Journalism or the journalism industry 

The last part that stood out was Brock’s assertion that:

While everyone thrashes around looking for a business model, philanthropy has a crucial role to play in bridging the gaps between a dying business model and a new one. 

I bristle slightly at that one. The idea that large, profitable organisations should benefit from “charity” rubs a little. I know that in the context of this conversation (and others) we are using it in the ‘fourth estate’ context rather than ‘where did our profits go’ sense.  But I don’t think you can split the two that easily.  And anyway plenty of rich individuals seem prepared to invest in journalism already. That seems to have worked well over the years!

As I say Brock’s piece is worth a read. Definitely (as the post proves) food for thought. It’s a good stager for his presentation (if you’re lucky enough to be in Perugia) and an indicator that his book “out of print” is worth checking out.

But, and this is no criticism of George,  but you have to wonder if  the biggest factor that is going to change the shape of journalism next is not going to be the journalism industry.

8285857732_7b0f21fe4e_o

5 steps to turn you into a journalism coder (maybe)

I’ve been thinking alot about coding.  Staring at some code for an hour and then realising that it’s not working because you spelt slider wrong will do that!  So it was nice to see a piece on the Guardian website, Head of Cardiff J-school Richard Sambrook has been pondering the whole issue of journalism and coding.  It made me think about how I learnt to code and I wanted to share that with you.

But before that, a brief detour to Richard. He starts with a question:

Do journalists need to learn computer code? It’s a question which has raised passionate debate in the US – with typically polarised responses. As yet in the UK it elicits little more than bemused curiosity. But it’s an increasingly important question as media adapts to the volatile requirements of digital technology and changing consumer expectations

The comments on the piece are also worth a read. They have the usual range of view from “whatever they do it won’t be proper coding” through “it’s cheaper to get someone else to do it” and out the other side of “don’t journalists have enough to do”.

I’m not sure whether the bemused curiosity is aimed at the question or the US debate. I’m very much in the camp that raises an eyebrow at the debate.  There is no doubt the industry want it, as much as the industry want anything these days. As with data and social there are always going to be unicorns. But for me  talking about journalists and coding  is a moot point. It happens. Debating if it’s important seems to take time away from actually trying it.

Language

It strikes me (and I know I’m not alone in this) that this is a problem of language rather than utility or necessity.  Think about the debate that the phrase Citizen Journalism creates. (It’s OK I’ll wait while some of you stop shouting at the screen). Now imagine you call yourself a coder and then some journalist comes along and starts saying what they do is coding! That’s the debate.

The industry has co-opted coding as a shorthand for many, differing practices and we use it inconsistently (there is no ‘correct’ here) . Everything from a bit of HTML, using R to do data journalism and even doing a bit of hardware programming with your Raspberry Pi.   Like many other things (data journalism etc.) its a reason to talk about other, more fundamental issues facing the industry. Coding isn’t a thing anymore. It’s a trope.

Sambrook’s article is a great example of that.  Dig below the surface and he’s really aiming stuff towards a balance of the technical skills that are needed to get a more  ‘scientific’ type of perspective. That’s a nod to the ‘precision journalism’ school of thought, one echoed in a comment by Liz Hannaford (whose blog is worth a look b.t.w).

My 5 steps to becoming a coder (for what it’s worth)

What about these 5 steps then?

In an earlier post I shared the process I went through to create some archive picture mashups.  The last part was a little bit of code that made it possible to mix between the two.

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>


 <div id="timemachine"> 
<h1> Andy's time machine </h1>
<p>Mix the old and new with Andy's time machine </p>

<div id="holder">
     <div id="new">
       <!-- don't worry about the weird img src here-->
       <!-- I'm using google drive to host the images-->
       <!-- Replace these with the images you want to use-->
       <!-- The modern image here -->
       <img src="http://drive.google.com/uc?export=view&id=0B1Gp8j4WdzDgc0duVnpzZU5sS28" />
     </div>
      <!-- The old image here. -->
     <div id ="old" class="overlay">
      <img src="http://drive.google.com/uc?export=view&id=0B1Gp8j4WdzDgX0RNX3E0a3JzazQ" />
     </div>
  
</div>

 <p>Move the slider to go back in time</p>

 <div id="slider"></div>

</div>
 

See the Pen An image before and after slider by Andy (@digitaldickinson) on CodePen.

Here’s how I learnt to do that in five easy steps.

  1. Load up Google
  2. Load up Codepen.io (a place to experiment with html and scripting).
  3. Load up Stackoverflow ( a place where people ask questions about coding,  html and scripting)
  4. Search and  cut-and-paste the fork out of stuff until it works.
  5. Share and let others see, learn from and critique what you’ve done.

Yes, I’ve been doing this a while so some of it has stuck and that helped speed up what I was searching for.  But along the way I learned how to do loads of things that I’ve now forgotten. It did the job and I moved on.

Getting a job done.

Ok. It’s semi-serious advice and I’m definitely not saying that coding is easy.  And in saying that I hope I’ve tempered any criticism that coders might imply from this post or any apparent perception that ‘I don’t get’ how busy journalists are. But the point for me is not that coding is any more or less useful than co-opting any process into your journalism process

The key is that you need to know what your journalism practice is.  After that you can see what fits and what doesn’t.  If the coding is too much then it’s about co-opting people in to the process.

Don’t learn ‘coding’ and look for a problem to solve.  Find a problem and then ask if a bit of code might help. If the problem is too big find someone who can help. 

That last part – engaging with people who could help is another good reason to dive-in, have a go and pick up a bit of the language. It’s like trying to learn a little bit of a foreign language for a holiday.  People who speak it often appreciate the effort.  Those who’ve invested some time learning this stuff like it when you make an effort to understand what they do – you know, a bit of journalistic empathy!

Whatever the motivation, on a very basic level I’d recommend giving coding a go. If you find yourself doing ( or really enjoying) lots of this stuff than actually learning a structured approach (like learning the piano rather than busking) will only enhance the process. But for me there is a really basic reason, if the right opportunity comes along. to have a go.  When you press run or refresh or whatever you’re doing to make it go it’s actually quite a buzz when it works.  There aren’t many things we make and do these days as part of our jobs that get such instant feedback.

Mashups of archive and current images do well on sites and social media

Archive mashup pics with extra interactivity

Mashups of archive and current images do well on sites and social media
Mashups of archive and current images do well on sites and social media

Update: Google maps streetview now has a history option which might offer some useful sources (not too historic though)

Update 2: And people are doing great stuff with video.

Over the last few weeks I’ve seen a number of sites making use of mashups of archive and current images.   These world war II mashups , NY crime pictures and  Cardiff Ghost cinemas are just a few I’ve come across.

It’s not a new thing,  but it’s an easy way to add a bit of visual interest to archive by doing a ‘then and now’ kind of mashup where the past peeks through in the present image – like the example above. I think that, in general, they are a nice bit of content  and one that plays to the strengths of a lot of media orgs who are sitting on massive archive.

So I set myself a few challenges.  How easy is to recreate them using free tools and secondly could I add a bit more interactivity to them?

Mixing images – The ingredients

  • An archive “old” image and a current new image.
  • Access to Pixlr on the web

A word about the archive image

The archive image came from a local history site http://chorltonhistory.blogspot.co.uk/ and used with permission of the site owner Andrew Simpson (Thanks Andrew!). It’s taken from the LLoyd collection. It’s a great site a worth a look to show what depth and passion for local history there is to tap into.

I found the image, amongst others via a google image search and it’s worth mentioning just how important it is to click the Visit page option and not just the View image.  Go to the site, find out more about how and who is using it.  It was a very short process for me to get permission from (a very helpful) Andrew.

The method

two images

Armed with an archive image, I took the current image myslef. I took the new image with my iphone which also had a copy of the old image on it. I used that to get an approximate position and then took the pic. The most common of these kinds of archive mashup are often building. They are great as they give you clear lines and points of reference but railings, road kerbs and stuff like that can also act as hooks to get a good match for position.

The Pixlr interface

The Pixlr interface

  • Open http://pixlr.com/editor/ in your browser
  • Use File > Open Image  to open your old picture
  • Use File > Open Image to open your new picture
  • In the toolbar down the left-hand-side of the window, click the Move tool Icon (first one on the right) or press the V key as a shortcut
  • Click on the “old” image
  • Select Edit > Select All of CTRL+A to select the whole image
  • Make sure you have the Move tool still active, press V to make sure.
  • Click on the “new” image
  • Click Edit > Paste

The old image is pasted as a new layer in the new image. Pixlr, like many image editing apps, mirrors the Photoshop model of being able to break an image down into layers so you can edit elements individually. The old image is pasted in as a new layer, Layer 2.

Matching up the image.

History pic mashups   Google Docs1

This next part is the creative (or depending on your view, fiddly) bit. You will need to use a number of tools to move the image around and and match the positioning.  To make this easier we can change the transparency of the old image (the top layer) so we can see the new image below.

History pic mashups   Google Docs3

  • In the layers panel click the Layer 2 panel. I’d suggest clicking the image, clicking the text can put it in edit mode  – you can change the name of the layer.
  • In the layer panel click the Toggle Layer properties button (it’s in the bottom Left-hand-side of the layers panel)
  • The panel expands with a slider for opacity. Try dragging the slider back until you get a good mix between the two images. You may find that you change this from time to time as you work with the image.

General positioning

To move the image around to get it into generally the right position:

  • Make sure you have the Move tool still active, press V to make sure.
  • Click on the old image you pasted in and move it around to get an approximate position.

Resizing

  • Make sure you have the Move tool still active, press V to make sure.
  • Make sure you have the Layer2 (old image layer) active
  • Click Edit > Free transform or press CTRL+T
  • Drag the blue boxes to change the width and height TIP: Holding down shift whilst you drag will maintain the aspect ratio
  • Hit Enter to commit the changes

Rotating

  • Make sure you have the Move tool still active, press V to make sure.
  • Make sure you have the Layer2 (old image layer) active
  • Click Edit > Free transform or press CTRL+T
  • hold your mouse near one of the four corners, a small, circular arrow will appear. Click and drag and the image will rotate.
  • Hit Enter to commit the changes

Distort

Sometimes the perspective of an image isn’t quite right. You can apply some distortion to an image to try and fix this.

Note: This isn’t as fine tuned or flexible as in photoshop so it’s worth a little effort to get the original image framed well if you can.

  • Make sure you have the Move tool still active, press V to make sure.
  • Make sure you have the Layer2 (old image layer) active
  • Click Edit > Free distort
  • Drag the blue boxes to skew the image
  • Hit Enter to commit the changes

Getting a better look at the image

Archive mashups   Google Docs5

Whilst you are positioning or, as we will explore next, editing the image, it’s often useful to zoom in and move around an image to get a closer look at the detail you’re matching.

  • Click View > Actual Pixels to show the image full size
  • Use the red square in the Navigator panel to move the view around
  • If you need to get in closer use View > Zoom in
  • To push out use View > Zoom out
  • To return to seeing the whole image in the window use View > Show All

Deleting unwanted elements.

Once you have the image in about the right place you can begin removing the bits of the old image you don’t want.  There are a mix of tools you can use to remove parts of the image with varying degrees of accuracy .

Erasing content

  • Make sure you have the Layer2 (old image layer) active
  • Click the Eraser tool icon or press E for the short cut
  • Select a size and shape for the tool in the Brush options across the top of the screen
  • Click and drag across the part of the image you want to delete.
  • The soft-edge brushes are often the best as they make for a nicer mix between the two and you’ll get a better result mixing sizes and zooming in to pick out detail.

Selecting content


History pic mashups   Google Docs7

You can use the Lasso tool to draw round content you want to delete. This is often good for cutting round cars or people. One way of working is  setting the opacity of the old layer you can draw round objects in the new layer and ‘cut a shaped hole’ in the old layer. Like the image above.

  • Click the lasso tool or press L for the shortcut
  • If you want a soft-edge around the bit you cut out, set the Feather option. The value here will depend on the amount you’re removing. Try a large value (70 or so) for big chunks and smaller values for finer detail. Always set this first.
  • Click-and-hold and drag the tool around the part of the image you want to cut out.
  • Hit the Delete key

What if I make a mistake?

Pixlr has a history function which is really useful for a bit of trial and error.  If you can’t see it then select View > History a few times to toggle it. To go back just scroll through the history and click on the last ‘good’ point.

Saving my image

  • When you’re happy with the result.
  • Select File > Save
  • Save the image to a location of your choice.

Adding interactivity. 

The images alone can make for a really interesting and engaging slideshow. But with a small amount of code, you can add a slider that lets the user mix between the two images. You can see an example of the code below. It’s not a complicated bit of code (I’m no coder). All it does is layer the old image over the new image and then change the transparency of the old image with the slider.

See the Pen An image before and after slider by Andy (@digitaldickinson) on CodePen.

BTW You can get a little more detail on how my approach to coding works on this blog post about journalism coders.

Conclusions
This exercise was, as much as anything else,a reason to create a tutorial that I could add to a list that students can experiment with.  The actual process is pretty straightforward if fiddly. But its a good chance to stretch the creative muscles and get useful content that we know plays well with an audience.  It also helps reinforce the value of local knowledge and taking a step beyond a google image search. The chorlton history blog was not only a diverting and interesting find. If this was something I was going to do more of, contacting Andrew would be the first step in building a useful contact.

The code part is just me playing but, and I’m going to blog about this, don’t be put off trying.It’s not tricky code and tools like Codepen make pulling it together more structured. Feel free to fork and play and as always, comments and feedback always welcome.

Doing data in a journalism course

It’s a subject that isn’t going away and it’s also one that generate a huge amount of debate – data journalism. If ever there was a perfect hook to hang all of journalisms best and worst it’s data journalism! But a recent flurry of tweets and a nice ‘there’s no reason not to try this stuff’ post from Matt Waite focussed on one part of the debate – how should we be doing more of this in our j-courses and who should be doing it at.

It was something that Matt kicked off with a tweet:

Quite a few people pitched in (an assortment of tweets below):


There is an interesting point in there about adjunct courses – essentially but not exclusively online courses – which I think is fair. There’s no better way to  put journalists (and students) off than combining maths and computers!

As I said in my response, we do ‘data’ across all of our courses and I thought I’d share an example of the kind of intro practical stuff we are doing with first years (year one of three year degree). It’s done in the context of a broader intro to data and journalism and it’s developed and expanded throughout the three years (more so as we are shifting things around in the courses.) including a dedicated data journalism module.

My take at this stage is that data journalism is worth considering as part of a more structured approach to journalism. The students are no doubt fed up of my Process into content mantra.

Anyway. Two slideshows below are an intro – context lecture and the other is the related workshop. And, yes, I know there is a fair bit of visualization in there – charts and maps – which some data people can get quite sniffy about. We are careful to make the point that not all data is visual but I do think a visual output can be a quick win for capturing peoples interest. It’s just the start.

Again, these are just the slides, there is the usual amount of narrative and discussion that goes with this. They are presented as is:


 
Let me know what you think if you get a chance.

Creating Instafax style video on your ipad? Harder than you’d think

20140227-150324.jpg

Earlier in the week I wrote a post about making instafax style video using free stuff online. A few commentators, on and off the site, suggested that this would be the kind of thing you could do with your ipad.   So I thought I would take a look.

The short answer is: You’d think it would be easy. Actually it’s a bit of a pain.

The first step is finding a way to make the image/text side of things,

Making nice images.

I tried a few apps to see if I could get that combination of editing (cropping and image manipulation) and text that I got from Pixlr.

A neat solution to the image manipulation and cropping came from Aviary. Their app has a neat crop tool and the image manipulation/filter tools are nice to play with. But Aviary’s text tools are pretty limited. You can add text but it’s limited by size and is always center aligned. Not quite what I want.

I also had a look at the Instagram focused end of the market.  One app that I liked was AfterPhoto. It crops to a square ratio but the text tool is limited to one line at a time. What makes up for that limitation however is the ability to add ‘layers’ of text. Another option was Over. It shares a similar style of editing with Afterphoto but the text tools are pretty flexible. It’s not free though.

As it turned out Pixlr was also the solution to the problem on ipad as it was on the web, with it’s PixlrExpress app.  Square cropping, nice text and image manipulation Well done Autodesk! The only thing to remember with PixlrExpress is apply all your filters etc. before you add text!

Being positive about it, you could say that you’re spoiled for choice when it comes to image editing apps on the ipad. You could range around and cherry-pick the nice fonts and filters from a number of them.

Making the video

There are surprisingly few, useful, free apps for video editing on ipads. ‘But wait a minute Andy’ you cry. ‘What about  imovie’. Technically you could say that’s cheating anyway as it’s only free if you happen to own a swanky new ipad. The rest of us chumps paid for it! But it’s nice and swish.

Sadly it falls at the first hurdle. In Apple’s cuddly style it demands that any stills fill the screen and are animated to make them dynamic and interesting. Now I love a good Ken Burns effect as much as the next man but it’s not what we want here.

Another issues is that you can’t set the resolution of the video clip (you cant set a custom width and height) so any video produced would be cropped by instagram. iMovie Fail!

In terms of other video editing options, it’s slim pickings. There are a few  free video editor that I tried but most failed when it came to keeping the images in the right resolution.  Some did but watermarked the video. In one way that was less of a problem as instagram actually crops it out. But that’s not the most ethical or fair way to go.

The best solution I found was an app called Flipagram. A very neat app that will quickly build up a slideshow for you. It has the added bonus of allowing you to record your own narration. That could be a real plus-point for those looking to leverage the audio-slideshow style of narrative. The downside is that it does add a watermark.

And the result…

But what about adding video…

If you do want to mix video and images (and have both behave in terms of resolution) then, I’m afraid, you’re paying for an app.   Even if you pay, as I said before, it’s slim pickings.   The big problem, as far as recreating instafax goes, is that the text tools on most editing apps are risible.

If I had to recommend an app (and a workflow) it would be a combination of VideoCrop (free) and Pinnacle Studio.(£8.99). Use video crop to crop the video to the right format and then use Pinnacle to piece it together. Pinnacle respects the aspect ration of the video and images you use so any video you output should crop nicely in Instagram.  Be prepared to wrangle with the tools though (especially text and the mystical composite setting). It’s a steep learning curve.

Conclusions

So it is possible to recreate my original experiment on an iPad using free tools. But the process underlined for me that the assumption that your iPad/smartphone/tablet, is a multimedia power house is pretty wide of the mark.  Moving outside the TV box with video is a case of moving around apps. A combination of tools will get the job done but as with most things, money buys you flexibility.

That said, if image slideshows is your thing then the Pixlr/Flipagram combination is a winner in my books.

Let me know what you think.

The no-budget way to make BBC Instafax style video for Instagram

How to make fancy visual news videos on the cheap
How to make fancy visual news videos on the cheap

Last week I spent a very pleasant day at the Newsrewired conference in London.  I was moderating a panel on short form video. It prompted a lot of thinking about what that actually was. But one example of what it could be was the BBC’s project Instafax. I’m still a bit skeptical as to whether this a ‘new form’ as much as a nice use of a platform. (I’ll maybe blog more about that issue)

Actually I’m just more impressed that orgs like the BBC, Channel 4 and The Guardian are experimenting with visual story telling online. They aren’t alone.  A number of startups like NowThisNews are experimenting with using micro-video on platforms like vine and instagram to reach that much-desired mobile audience.

Anyway, above what I might think of the rhetoric around the experiments, I did think that it was an interesting idea to show to students. It struck me as a fun way to introduce images etc. and think about telling stories in different ways.   So I set about working out a way to do instafax style video on the cheap (well, free).

One of the things that was clear in the panel discussion was how much a lot of orgs still rely on quite expensive kit and infrastructure to make video happen. (The key seems to be in getting your initial settings right) Now we aren’t short of kit at the uni but we do have some restrictions on the tools we can use and things we can install.  So I was looking at a solution that was pretty much web-based and as universal as it could be.

So here it is:

Instafax on no budget.

The ingredients

  • Some nice images of news stories (make sure you have cleared their use before you start)
  • Access to an image editor. Photoshop and gimp are fine but in this recipe we will be using Pixlr.com
  • Access to a youtube account
  • An instragram account
  • A phone with the instagram app to  upload your video.

The method

Making the image

  • Open up a new image in Pixlr.
    • Set the width and height to 640pixels.
    • cut-and-paste the image you want to use in to the image

OR

  • Open up the image you want to use in your video.
    • Select the crop tool
    • Set the Constraint option to Output Size
    • Set the output Width and Height to 640px . Note. Be careful how you use this tool. The crop will resize to 640×640. If you highlight a small part of the image or your image was small to start with, it can ‘blow-up’ the selection and leave you with a blurry, pixel-ly image.
  • Use the text tool to add a suitable caption. It’s worth thinking about where you put your caption. It seems to be common practice to add a caption at the top or bottom but never in the middle of the image. I’m guessing that’s to avoid it being obscured by a play icon on some platforms.
  • Save the image(s) as a png file

Making the video

  • Open the youtube.com/editor
  • Click the camera icon and click Add Photos to the project
  • Upload the images you created
  • Add the image to the timeline. Remember your video has to 15 seconds so stretch or minimize to fill. A guide of 4 seconds a slide is not a bad starting point. It depends on the amount of text.
  • When you’re done, publish the video
  • When the video has been processed go to your video manager (youtube.com/my_videos or click video manager on the video page)
  • Click the edit dropdown next to the video
  • Click Download MP4

The video looks something like…

Getting it on instagram

  • Copy the mp4 file to your device. Email is good or maybe dropbox would help here.
  • Upload using the instagram app as normal

When you add your video to Instragram, don’t forget the caption. You can get quite a lot in there are it works well as a kind of summary/intro/cue for the story.

Success?

As a process it’s a bit clumsy and the rendering up and down from youtube doesn’t leave the crisp edges that you would get from using better kit (or the whizzy transitions). But I think it does the job and with some music (which you could add using youtube’s own editor) I think it’s a viable, entry level way to explore image slideshows and mobile audiences.

What about adding video?

Instagram will crop out the sides of any video so framing is important.
Instagram will crop out the sides of any video so framing is important.

You can easily add video using the youtube editor but Instagram will crop the outer edges. So make sure you frame the video with the key elements in the middle. Also the youtube editor text tools are (very)very limited.

Conclusions

The big gap here is the ‘transfer to your phone’ bit.  There is site called Gramblr that will allow you to upload from the desktop but it wants your username and password. If that’s a price you’re prepared to pay (and I’ve no reason to assume that it isn’t safe) then it’s a workable solution. But I think Dropbox or email is just as easy and if you use the native app to upload you get all the other stuff like tags etc.

I’m convinced there is always real value in playing around with platforms. It isn’t just geeky tinkering. As I said, fair play to organisations that are experimenting in the way the BBC are.  For me, this was as much an exercise in something interesting for the students to try – exploring new platforms and playing with kit – as it was any attempt to prove it could be done.  But I think, like slideshows, this is an opportunity for those with plenty of image s to explore new narrative styles.

Let me know what you think.

Oh and hey BBC!  if you’re looking to drop the insta bit, how about something that sums up what it is. Facts that you can see. Maybe, seethefax…seefax…something like that.