Thursday, 7 March 2013

Three.js Workshop 2 - Peter Todd / Concept idea


Research Question
-------------------

The Impact of Storytelling on the User Experience

The Study of Interactive Microstories and the effect on User Engagement

"The Study of Interactive Microstories and effect on the User Experience"

---

Look at Chris Crawford

What do I want to gain?
Framework,

Microstory Navigation System

---

Greenwich Stories
> Local History Group

---

CONTENT?
stories
maps
historical stories
recent photos
scans of newspapers

50 word Pitch to GHC

What is the Need? - Talk to Greenwich Heritage Centre.
open Tue - Sat
info@greenwichheritage.org

http://www.greenwichheritage.org/
Local History Group

Stories through voice?

What is covered?
What is not covered?

Community

---

Theory:
Microstories
User Experience - one type
Framework

Practice:
Stories
Interactive
Community

---

The Concept/Prototype
Story content

What is it?
An interactive touchscreen table, that allows a visitor to explore stories about the area and community of North Greenwich.

What stories?
Recorded audio sample
Recorded video sample
Recorded transcript

How are the stories communicated?
- Through audio recordings of interviews.
- Through 3D map of the area?
- Through 3D objects, with associated microstories. (100 words)
-

---

What do I want to achieve with Three.js?
Sound player, Play/Stop controls, wav file or mp3 file
3D map
3D object - how is it navigated?

---

Greenwich Historical Society
http://www.ghsoc.co.uk/home.php
contact:

Greenwich Heritage Centre
http://www.greenwichheritage.org/

Greenwich Heritage Centre
Artillery Square
Royal Arsenal
Woolwich SE18 4DX
020 8854 2452

info@greenwichheritage.org

---

How do I load a new image into Three.js ?

tQuery notes from:
http://learningthreejs.com/blog/2012/02/27/linkify-tquery-extension/

Dom Events in 3D Space

domEvents have been ported to tQuery. It is an important part because jQuery developpers use this a lot, thru .on()/.off().
1
2
3
tQuery('cube').on('mouseover', function(event){
console.log("somebody put the mouse over a cube");
});
The supported events are click obviously, dblclick, mouseup, mousedown , mouseover and mouseout. It has been improved to better match actual dom events. The callback now receives a event object. It contains .type and .target as described in dom specification.
1
2
3
4
5
tQuery('.myClass').on('click', function(event){
console.log("An event of type", event.type, "has been trigger on ", event.target);
// If you wish to stop propagation, just do
event.stopPropagation();
});
---

WebGL Draggable 3D cubes
http://mrdoob.github.com/three.js/examples/webgl_interactive_draggablecubes.html

tQuery
http://jeromeetienne.github.com/tquery/

tQuery example
http://jeromeetienne.github.com/tquery/www/live/editor/

---

tQuery Object
createSphere
createTorus
createCube

---






























Wednesday, 6 March 2013

Three.js Workshop - Peter Todd, Lecturer, Goldsmiths (06 March 2013)






WebGL workshop
Visit http://stemkoski.github.com/Three.js/

(need to be careful between different versions of Three.library)

WebGL Jobs
http://www.creativeapplications.net/job-board/

Export from Google Skethup as .Obj format

http://learningthreejs.com/

http://learningthreejs.com/blog/2012/03/20/sounds-for-more-realistic-3d/

google Three.js transformations

tQuery = Three.js Query language

---

Talk to Peter about the project
Interactive - on Greenwich?
Map/Story/



Monday, 4 March 2013

Interactive Microstories (04 March 2013)


Interactive Narratives

Interactive Stories - to define
Do I mean (1)? - Telling a story audibly, where the learner can add their responses or answers?

Do I mean (2)? - Playing a text adventure, where you can click on the text to proceed through the story. / Choose your own ending story.

Do I mean (3) - Playing a video sequence, where you can click on a route to proceed through the story, and play the next sequence of video.

Q.What defines what a Microstory is?
beginning
middle
end

Leon Ingulsrud
http://thirdculture.com/leon/stuff/microstories/stories.html



Q.What do other people say what a Microstory is?




Example:
http://www.writing.com/main/interact/item_id/873408-Become-Your-Character/map/1

http://www.writing.com/main/interact/item_id/873408-Become-Your-Character/action/outline

Do I mean (4)? - Playing a slide-based story that includes animation sequences and recorded narration.

Interactive Microstories -
http://forums.mosaicmusings.net/index.php?showtopic=3559

- smallest particle of work of interactive fiction

Who is your audience?


Sunday, 3 March 2013

Thinking about the Research Question (02 March 2013)

Feedback from Sarbjit, member of Interactive Narratives Meetup:

List of links:www.thegameaboutlove.tumblr.com
http://www.guardian.co.uk/culture-professionals-network/culture-professionals-blog/2013/jan/17/interactive-theatre-rules-audience-perspective




Dear Andrew,

I've got a blog which might be useful to you:

www.thegameaboutlove.tumblr.com and in particular I've linked to this recently:


I think question 10 is most interesting.


1. Notion of bringing stories to life

Not sure what to say about this. Many possible angles. 
 
2. Difference between the term 'Story' and 'Narrative' and their misuse, is it important to distinguish?
 
Someone corrected me on this. A narrative is something that tells a story. Not sure how important this is.

3. Is Interactive Storytelling a contradictory statement? Should stories rely on flow, rather than game-like mechnanics?

The mechanic of interaction can often get in the way of the story. I think David Crane's Heavy Rain and Farenheit are case in points. On the other hand Final Fantasy XIII is the other extreme - a moment of interaction and then half an hour of storytelling.
 
4. Statement: Whether the story is linear or multi-directional, the user experience is still linear. True or False?

True- because it is the only one the player experiences.
 
5. Exploration of Tools for Storytelling
Conductrr is the one we learned about. I'm not sure what else is out there.
 
6. Using Storytelling as a Teaching Method
 
7. 'Narrative Architecture'

Not sure what this means. 

8. 'Interactive Narrative' - Look at World Without Oil - Ken Eckland.
Who is contributing the interactive stories.

 I don't understand.
 
9. Is Transmedia Storytelling Immersive?

Depends on your definition of immersive. Transmedia is more than one media - it can be immersive, but I think that is more to do with how good your story is. Most transmedia is obsessed with juvenile themes and therefore IMHO is not immersive.

Don't confuse immersive with overwhelming - often Transmedia is.
 
10. Interactive Stories and problems with User Engagement.

 
Also see:


11. Study of Interactive Stories that are navigated through Emotional responses.

This is the example I am most familiar with: http://en.wikipedia.org/wiki/Silent_Hill_2 

Others were talking about:


12. Study of Immersiveness and Interactivity in Transmedia Storytelling

None that I'm aware of.
 
13. Examples of Gestural Interactive Storytelling

Don't know what that means.
 
14. Augmented Reality Storytelling

AR is a tool that can be used in storytelling.
 
15. Gamification and tensions with Interactive Storytelling

Gamification means making something a game that isn't one. http://www.ted.com/talks/jesse_schell_when_games_invade_real_life.html

16. Transmedia Storytelling: Interactive Fiction and Interactive Scenarios

Nothing to say about this. 
 
17. Visual Storytelling

Not sure what this means.
 
18. Defining a Markup language for writing stories for the web

Maybe look at Quest or Storynexus.
 
19. Adapting classic written stories, and conversion into Interactive Digital Stories.

Maybe possible thematically...
 
20. Multiplayer Interactive Narrative

See above - A Machine to see with.
 
21. Mapping timelines between two storyworlds

See above - A Machine to see with.
  
22. Geo-locational Storytelling

The Guardian did an app that allowed you to hear a story as you approached certain buildings. I can't find it now, but I did find this: http://www.guardian.co.uk/books/audio/2011/nov/24/dickens-audio-tour-david-copperfield 
 
23. Player inputs and motivations within Interactive Story Participation

There is a hardcore of players within Transmedia. Looking into their motives might be too predictable.

Regards,

Sarbjit.

Saturday, 2 March 2013

PG04 - Planning and Research (02 March 2013)

Learning Cycle 1 (Concept Design Stage - include research and concept presentation to establish market interest.)

In my thinking I considered my future direction, and looked into matching:
'Desired career skills' WITH the MA study skills for BOTH 'Research question' & 'prototype'.

Future Objectives:
A.CAREER / B.RESEARCH QUESTION / C.PROTOTYPE
- UX Design work
(including
Research primary & secondary sources, FOR ALL 3 AREAS
Personas (user profiles), Case Studies / Case Studies
Wireframes in Axure, / Poster / Axure for prototype
User Journeys, / Audience / Audience
User Testing*, / Interviews / Prototype Testing
Interaction Design / Consider interactivity / Prototype Interactivity
Prototyping / Test Models of Theory and Debates / Prototyping
Presentation in Powerpoint/other)
- Teaching Work (Vocabulary,Grammar,Topics,Sentences,Spelling, Pronounciation,Subjects)

(With Career comes the question what am I creating (Product/Service) who am I working for (The Client), and who am I creating things for? (Target Audience))
(With Research Question comes the equivalent question what or who am I researching (Topic/Question), and who am I researching this for? (Target Audience))
(With Prototype comes the question what problem/need is the Prototype solving (Problem/Need), how will the prototype be built (Physical Product) and who is the prototype aimed at (Target Audience))

A summary of this is below:
Career consists of a Product/Service created with Client for a Target Audience
Research Question is composed of a Topic/Question aimed at a Target Audience
Prototype is addressing a Problem/Need, and is a Physical Products for a Target Audience

2 parts mentioned in the Brief for PG04

1.Research Question/Proposal (Write out a Research Proposal composed on 100 words)

Thinking about the Research area - should align with future direction.

Topics:
'Teaching with Storytelling Method'
'Transmedia Storytelling'
'What is Narrative Architecture?'
'Narrative Architecture and Storytelling'

Vocal/Structural or Visual emphasis, or all?
Keep the area as narrow as possible

http://en.wikipedia.org/wiki/TPR_Storytelling
http://universityofibnkhaldunbogor-indonesia.blogspot.co.uk/2010/01/teaching-by-using-story-telling-method.html
http://www.ncte.org/positions/statements/teachingstorytelling
http://www.ukcle.ac.uk/resources/teaching-and-learning-practices/blissenden/
http://www.slideshare.net/ukcleslidespace/storytelling-an-alternative-teaching-methodology
http://www.slideshare.net/CommLab/why-are-people-more-influenced-by-storytelling-approach-of-teaching
http://www.facebook.com/pages/Multimedia-Storytelling-Teaching-Method/66765742290
http://zvavanhuchopper.blogspot.co.uk/2010/10/story-telling-method-of-teaching-in.html
http://www.youtube.com/watch?v=kvj11DuppPA

Research Proposal: (for 17 April)
Title, 300 words abstract, 1000 words methods and methodology (what, why, how, where and when)
Include Theories and Literature Review.

2.Concept/Prototype - should also align with future direction. (Actual User Research is Crucial !)

POSTER PRESENTATION is FOR THE CONCEPT/PROTOTYPE , NOT THE RESEARCH PROPOSAL!

Cycle 2 - Alter ideas for Prototype based on feedback from Investors, Companies and Prospective Users. By 29th May (1 month later) should have a basic prototype for Testing and Feedback.


7 more weeks.


Wk6: 06 Mar - Creative Coding Workshop 10.00-17.00
07 Mar - Creative Coding Workshop 10.00-17.00

Wk7: 13 Mar - IDM as usual, last session before Easter
Wk8: 20 Mar

Academic tutorials - week of 25th.

Wk9: 27 Mar
Wk10: 03 Apr

Wk11: 10 Apr
Wk12: 17 Apr - (Formative) Assessment 1, 12.00 Level 1, Poster Presentation (on Research area or Concept?) / Research Proposal, Why, What, When, How, Which



Indefinite definitions: What and Why?

- Define your research question or problem that will be addressed in your project/research. Define an objectives in terms of seeking to enhance knowledge and understanding in relation to the question or problem to be addressed.

1.Define 'Research Question'
2.Set Objectives - in terms of seeking to enhance knowledge and understanding in relation to question.

- Specify a research context for the question or problem to be addresses. Why is it important that these particular questions or problems should be addressed, what other research is being or has been done conducted in this area, and what particular contribution this project will make to creativity, insight, knowledge and understanding in this area.

1.Specify 'Research Context' for Question/Problem
2.Why is it important that these particular questions or problems should be addressed?
3.What other research is being or has been done in this area?
4.What particular contribution will this project make to creativity, insight, knowledge and understanding in this area?

- Specify a research methods for addressing and answering the research question or problems. Why have you chosen the research methods and why does this methods provide the appropriate means by which to answer the research questions.

1.Specify 'Research methods'
2.Why have I chosen each 'research method'?
3.Why does this 'research method' provide the appropriate means by which to answer the research questions?

---

Thursday, 28 February 2013

Research into Touchscreen Tables (28 Feb 2013)





Chart of Manufacturers and Touchscreens:

SmartTech Table - 442i collaborative learning center
 http://www.smarttech.com/Solutions/Education+Solutions/Products+for+education/Complementary+hardware+products/SMART+Table+442i

Samsung - SUR40 Table - cost: £75000. 40 inch screen. Pixelsense technology (1-866-SAM-4BIZ)
http://www.samsung.com/us/business/commercial-display-solutions/LH40SFWTGC/ZA

Microsoft - Surface Table -starting at £399.
http://www.microsoft.com/Surface/en-GB

Lenovo - IdeaCentre Horizon - $1699. 27inch/39inch screen. (without table legs). Multi-touch. Win8.
http://www.lenovo.com/products/us/desktop/ideacentre/horizon/

Promeathean - ActivTable - £?. 46inch screen.
http://www.prometheanworld.com/en-gb/education/products/interactive-displays/activtable

Ideum - Pro - 55inch screen. (sales@ideum.com / 505-792-1110 ext.1)
Ideum - Platform - 55 inch screen. (sales@ideum.com / 505-792-1110 ext.1)
Ideum - Pano - 100 inch screen./dual 55inch LED LCD screens. (sales@ideum.com / 505-792-1110 ext.1)
http://ideum.com/blog/2012/06/new-multitouch-tables/

Promultis Table - (42inch,47inch,55inch,60inch,65inch) (Tel: 0239 251 2794)
http://www.promultis.info/promultis-table/
http://www.promultis.info/wp-content/uploads/PDF/ProMultis%20Table%20Spec%20Sheet.pdf

---

SmartTech 442i Table
 http://www.smarttech.com/Solutions/Education+Solutions/Products+for+education/Complementary+hardware+products/SMART+Table+442i




Samsung SUR40 Table
http://www.dailymail.co.uk/sciencetech/article-2063300/Surface-table-Samsung-unveils-40-inch-touchscreen-feel-50-hands-once.html




Microsoft Surface Tablet (conversion into a table...)
http://www.microsoft.com/surface/en-GB/surface-with-windows-rt?WT.mc_id=MSCOM_en_GB_WinHH




Lenovo Touchscreen Table (Horizon)
http://www.usatoday.com/story/technologylive/2013/01/07/ces-lenovo-touchscreen-table-pc/1813355/



Ideum Multitouch Pro, Platform and Pano Tables
http://ideum.com/blog/2012/06/new-multitouch-tables/




Promothean ActivTable
http://www.prometheanworld.com/en-gb/education/products/interactive-displays/activtable




Promultis Table
http://www.promultis.info/wp-content/uploads/PDF/ProMultis%20Table%20Spec%20Sheet.pdf







Wednesday, 27 February 2013

Kinetica 2013, Baker Street, London (27 Feb 2013)

I visited Kinetica 2013 with Kieran to view pieces of work there. Daero and Adrian were exhibiting there too. I also noted some of the components that were being utilised in the works.

These included Leds, Florescent fishing line, standard cog, side cog, mirror, prism, zoetrope, elastic band, coil spring, wood dowel, weights, wheel, gutter piping, optical fibre line, and more!

Photos from the evening:




Cylinder with mirror surface and a 3D printed distorted model of a hand.



Percussive work, with a typewriter, marble run, fishing line, and spring-loaded cardboard hammer points.




Figure composed of optical fibres, with handmade cuts in the lines to create points of light.