Forward planning - Interactive Digital Media - Prototype (15 May 2013)

1.Re-look at brief
Cycle 2
- Research Proposal
- Initial User Research
- Prototype (Product ready for user testing) - subject 'Designing experiences'
- Documentation of Concept/Prototype to Moodle.

Learning Outcome: A1.Reflect upon research into emerging, innovative practice and knowledge and relate their findings to their practice-based work.

- Evaluate and reflect upon theory and practice
- Devise a Research Strategy
- Evaluate a range of Research Methodologies
- High level skills of self direction/problem solving.

20 minute presentation
Prezi/other Presentation format (Not Powerpoint)

1a.Invite Alan Barker and associate to the Presentation - Wednesday 29th May, 12.00, level 1
1b.Invite Robert Pratten and associate to the Presentation

A.Tutorial Outcomes:

*Email Will about the Touchscreen table. - DONE

*Set aside a location for the Web-based interactive. - DONE
Talk to Environment Design - Camilla,- planning of the space.

*Think about the Toolkit.

*Project Proposal - Resend to Brian, and cc Britta, (Design team) Camilla Benson, Yun cho. - DONE

*External funding - who would support the project?

Alot of time has gone into the project.

Continue on the same project, after the MA?

1.Make the project as versatile as possible.
2.Where is the project going to go?

--

Examine changes needed

- Email Will - Table - PC
-
-
- Add timeline into the interactive.

What is the interaction? - behaviour?



---

2.Writing the Research Proposal ***
2500 words



(7 weeks)

Dates:
15 May
22 May
29 May
5 June
12 June
19 June
26 June

Prototype Planning and Decisions (01 May 2013)

Date now: Wed 1 May

Build Timeline in Excel then Processing
Themes

Build a basic timeline.

---

Presentation - End of May

---

What is the core experience?

---

Create Designs for the Interactive
1430x805px

---

View User Guide for Samsung SUR40

separate accessories:
HDMI
RCA stereo cable
Optical cable
LAN cable
VESA mount

---

2 USB ports (ie.Keyboard and Mouse)
HDMI OUT (MONITOR)
HDMI-DVI (AUDIO OUT)
DIGITAL AUDIO OUT (AMPLIFIER)
HEADPHONE/MICROPHONE SOCKET
LAN CABLE CONNECTION
MICRO SD (HC) CARD SLOT CONNECTION (up to 64 GB)

Built in 10W x 2 speakers

---

PixelSense/taking 60 pictures a second (reacts to light)

---

Possible seat ordered to be placed next to the prototype

---

Environment Lighting Optimizer

---

*Interaction

---

MS Surface 2.0
http://technet.microsoft.com/en-us/library/gg680397.aspx

---

Industrial Revolution - timeline
http://www.victorianweb.org/technology/ir/irchron.html

---

merged image idea - that moves seamlessly between images...

---

multiple touch, multiple stories that can be compared, and contrasted
- to help with research

---



Hierarchies:

SITE LINK
  STORY THEME
    STORY
       STORYPOINT/IMAGE + INTERACTIVE OPTIONS

PERSON
    RELATED PEOPLE

TIMELINE
   CENTURY
     DATE

EAST GREENWICH MAP
     SITE MAP

---

rotatable - handler

centre point

---

List of Tasks

---

Rotation
http://btk.tillnagel.com/tutorials/rotation-translation-matrix.html

Learning Processing Software (25 April 2013)

size(1920, 1080);
     background(192, 64, 0);
     stroke(255);
     line(150, 25, 270, 350);

- Sets the dimensions, background colour, stroke color, and line direction.


Load and display image
http://processing.org/learning/basics/loaddisplayimage.html

Feedback from peer group (24 April 2013)

Feedback from group:
- iPad, other apps - even suggested from group
- Processing
- What are the theories?
- How do I test the methodologies
- Who are the users?, research report from TourismG
- online version
- Touch Screen Table / History of Green
- possibility for going mobile/ties in to walk
- focus on storytelling/character being central to the story
- look at Story themes/character development/identification of the person
- analytics - how to test the interactive
- identify one area, complex.
- processing, look at timelines.

---

Meeting with Andrea

Look at Processing:

http://www.openprocessing.org

http://iphonedevsdk.com/forum/iphone-sdk-tools-utilities/82561-how-to-create-ios-apps-in-windows-using-visual-studio.html

http://natureofcode.com/book/

---

theme which contains story, which contains a fragment.

define classes

story fragment
link/click area = code
timeline

void setup, fixed dimensions

image help - processing.org

http://forum.processing.org/topic/the-easiest-way-to-layer-images

book - learning processing

---

Comments from Peter

Who owns a future, nano-payments. - book
(control over data)
Corporate social responsibility

Presentation Feedback - 17 April 2013

Notes from Presentation Feedback:

Alex:
Look at iPad as an opportunity
Possibility of Augmented Reality, on site.
Look at WebGL, device independence, rather than Flash.
Opening up to a wider audience, through more devices

Robert:
Add case study - Visit NMM - Nelson
Look at Great Map, NMM
Liked the telegraph story, but concerned that stories might be too dry and broken.
Can the stories be told in an interesting way?
How are the images and stories being gathered?

Alan:
In 2014 there will be the Cruise Liner terminal - place for interactive

Kat:
Spanish language - greenwich...why?
What are peoples main questions? When they are in front of the interactive?
Can you answer these questions? Ie.Where is the NMM, Where is North Greenwich, etc?

Britta:
Is the technology novel/innovative?
Have you looked at the three user types? Write personas, and then test them.

Can people add their own stories?

Thinking about the objectives/user research/building the prototype (10 April 2013)

Thinking about the objectives/user research/building the prototype.

What do I want to find out?

Define what Interactive Microstories are?
Examine Strategies for increasing User Participation
Establish a Toolkit to create Interactive Micro-Stories

Aim: Provide a Toolkit for Students, Teachers and Businesses to construct Microstories

Research the history and development of the Micro-Stories trend
Compilation of Case Studies for Micro-Stories
Compilation of Case Studies for Touchscreen Technologies
Demonstrable Research of User Participation in the context of Micro-Stories

---

TEST WITH THE USER:
*Navigation Wayfinding
*Length of Immersion
*Retention/Memorisation.

---

How they are navigating through the system
Engagement/amount of time/How long they stay on?
Were you interested or confused?
Check their retention. Through a survey.
Website they can sign up to. Calculate the interest.
Look at Twitter.

How long should it take to read a microstory?

---

2500 words for Research Proposal

---

Building the prototype:

What I will have ready in 5 weeks time: (by 8 May 2013)

19th century history:

Interactive Table
Software
Test Enderby Wharf/Enderby Brother/CableTel
Front Screen - Map
Click Site
Site View
Site Figures


Second site - later - Frank Hills Chemical Works/Tide Mill

---

Put together A4 print outs to give to people.

---

Mental models

Book: Unfolding the Napkin, Dan Roam

- Detail, more overview

How to measure?

---

STORY MAPPING

Mental Map/
The Brain - node builder.
http://www.thebrain.com/products/thebrain/
Nodes - PersonalBrain.com

Draw out mental model of stories, with linkages.
Rewriting can alter linkages.

1.Branching story map diagram
As a spreadsheet.
2.Panned photo map flash animation, inside viewing window.
Text moves, photos fade in/fade out.

---

STORY INPUT

1.Virtual Keyboard/Physical Keyboard Input to Touchscreen Table
Contact Peter T in winchester, way to write and record stories, and upload background story photos into a touchscreen, via nodes. Virtual keyboard entry/plugin keyboard.
2.Input via Website/Blogfeed, and exported to standalone files
Stories written via a website/blogfeed, and compiled into a set of files. Might not inlcude fudicial code.

---




---

Can I provide a way for people to add stories
- into the interactive?

Select Site
Add Story
Save
Delete Story

---

Two approaches:

---

Contact Imano designer

Writing out Microstories - Approaches (06 April 2013)

Set of Rules to apply:

- Has a beginning, middle and an end, however the end should not necessarily be at the end.
- Usually has terse, short paragraphs
- Is more concise that a short story
- Microstories have viral, marketing potential, on social networks
- Microstories can be poetic and emotive
- Microstories are a product of the acceleration of information on the internet, and need to absorb information quickly to make informed decisions.
- Microstories are created for the Twitter generation! (Are there many previous examples before Twitter?)
- Colour code your microstories to understand them
- Microstories are often the subject of writing contests, to test people’s ability to write terse writing.
(idea that pictures are worth a thousand words, if so what is 100 words – a small photo?)
- A Micro Story is a story of predetermined maximum length which still contains the essential elements of narration: one or more characters acting in a more or less settled time and space, according to the traditional idea of introduction, climax and resolution.
- Keep verbs
- Remove joining words
- In super micro-stories (below 10 words), the key info are dates, people, and constructions.
- Reduce duplication. If something has been stated in a sentence. Remove later duplications.

Try 100 words
Try 50 words
Try 25 words
Try 10 words
Try 5 words

Story 1:

William Johnson had patented a tide mill design in 1801. In 1802 he approached Morden college and asked if he could lease a site for ‘a water corn mill’ – a tide mill with a wheel which could be adjusted to the ebb and flow of the tide.
(45w)

William Johnson patented a tide mill design in 1801. In 1802 he approached Morden college to ask to lease a site for ‘a water corn mill’.
(25w)

William Johnson patented a tide mill design in 1801. In 1802 he asked to lease a site for ‘a water corn mill’.
(20w)

William Johnson patented a tide mill design 1801. 1802 he bought a site for ‘water corn mill’.
(15w) - comfortable limit.

Johnson tide mill design 1801. 1802 leased site corn mill.
(10w)

Johnson tide mill 1801. 1802 leased corn mill.(8w)

cut style
1802. Johnson. design tide mill. 1802. lease corn mill.
(9w)
(which opens up to the larger text.)

---


The first Telegraph Cables
In 1837 the Enderby brothers were approached by William Cooke, the pioneer inventor of the telegraph, who asked for help in developing a specially insulated rope. This was for the earliest experiments in setting up the electric telegraph in which Cooke wanted to establish an electric telegraph across the Thames. It was possibly this cable that was used in the first trials of the telegraph on the railway up Camden Bank between Euston and Camden Town. If so, this means that the earliest effective telegraph cable was made in Greenwich. Later owners of the site made cables that stretched across the world and in so doing followed on work already done by the Enderby family.
(118w)

The first Telegraph Cables
In 1837 the Enderby brothers were approached by William Cooke. This was for an experiment in which Cooke wanted to establish an telegraph across the Thames. Possibly it was this cable that was used in the first trials of the telegraph on the underground. If so, this means that the earliest effective telegraph cable was made in Greenwich. Later owners of the site made cables that stretched across the world.
(73w)

In 1837 the Enderby brothers were approached by William Cooke. Cooke wanted to establish a telegraph across the Thames. Possibly this cable was for the first trials of the telegraph on the underground. Later owners of the site made cables that stretched across the world.
(45w)

In 1837 Enderby brothers were approached by William Cooke. Cooke wanted to establish a telegraph that could run across the Thames.
(20w)

1837 Enderby brothers approached by William Cooke. Cooke wanted a telegraph that could run across Thames.
(15w)

1837 William Cooke approached Enderby brothers. Cooke wanted telegraph across Thames.
(10w)

cut style
1837. William Cooke approached Enderby brothers. Wanted telegraph across Thames.
(10w)