SlideShare a Scribd company logo
1 of 22
How we created ‘De Kinderpuzzel’ Boris Rogge Metanous
Overview The idea & the project Functional design Graphical design Some code (application, controls, …) The results Lessonslearned Questions
The idea – De Kinderpuzzel Participants need to match kids and parents 32 kids – 7 couples Participants gather knowledge about the kids during a number of  assignments and lay out the puzzle at the end of each episode a Microsoft Surface is used to lay out  the puzzle
Why Microsoft Surface ? multi-user – parents can work together to lay out the puzzle intuitive – parents can lay out the puzzle without any education or training visual – ideal device for showing the  couples lay out the puzzle
The project Short term notice – 3 weeks for 2 applications one-time-use software – someshortcutswere taken Verystressed and occupiedproduction team onlyone face to face meeting Graphical design team that we had never met before Threedays of filmingonlocation
The functional design v1
V1
Functional design v1 – some issues too static couples can not be moved on the canvas kids can not be dragged onto the canvas not ‘surface-like’ not really multi-user
The functional design v2
Graphical design (v1, v2, ... )
V2
Some code
KidsPuzzleWindow
Code – KidsPuzzleWindow  SurfaceWindow Grid MediaElement ScatterView CoupleScatterViewItem KidsScatterViewItem CoupleScroller KidsListbox
CoupleScroller a = height of the curve b = position of the center of the peak c = width of the ’bell’ http://www.metanous.be/boblog/post/Creating-a-fish-eye-scrolling-panel.aspx
Code – CoupleScroller SurfaceScrollViewer ItemsControl CoupleList CoupleData
V2bis
V2final
Surface onlocation
Surface onlocation
raw footage
TV version

More Related Content

What's hot

Project management wisdom from the trenches
Project management wisdom from the trenchesProject management wisdom from the trenches
Project management wisdom from the trenches
Saumya Ganguly
 

What's hot (9)

Computer design cycle final
Computer design cycle finalComputer design cycle final
Computer design cycle final
 
Project management wisdom from the trenches
Project management wisdom from the trenchesProject management wisdom from the trenches
Project management wisdom from the trenches
 
1. solution design 1 design sprint
1. solution design 1  design sprint1. solution design 1  design sprint
1. solution design 1 design sprint
 
Startup shocker: Bootstrapping for the non-geek
Startup shocker: Bootstrapping for the non-geekStartup shocker: Bootstrapping for the non-geek
Startup shocker: Bootstrapping for the non-geek
 
Info session
Info sessionInfo session
Info session
 
Creating Innovative Interfaces using Design Thinking
Creating Innovative Interfaces using Design ThinkingCreating Innovative Interfaces using Design Thinking
Creating Innovative Interfaces using Design Thinking
 
What I learned about innovation (Pragmatic Ideas)
What I learned about innovation (Pragmatic Ideas)What I learned about innovation (Pragmatic Ideas)
What I learned about innovation (Pragmatic Ideas)
 
How to embed UX thinking in API design
How to embed UX thinking in API designHow to embed UX thinking in API design
How to embed UX thinking in API design
 
STEM and Authentic Projects
STEM and Authentic ProjectsSTEM and Authentic Projects
STEM and Authentic Projects
 

Similar to How we created "De Kinderpuzzel"

e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012 e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012
Stanford dmedia
 
CE Catalog 2016 -2017 low res
CE Catalog 2016 -2017 low resCE Catalog 2016 -2017 low res
CE Catalog 2016 -2017 low res
Janee Johnson
 
Computers Instructional Tools
Computers Instructional ToolsComputers Instructional Tools
Computers Instructional Tools
kirish43
 

Similar to How we created "De Kinderpuzzel" (20)

Digital pi castlemilk case study
Digital pi castlemilk case studyDigital pi castlemilk case study
Digital pi castlemilk case study
 
TADCAD
TADCADTADCAD
TADCAD
 
e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012 e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012
 
Using Game Design & Virtual Worlds for Creation of Interesting & Engaging Lea...
Using Game Design & Virtual Worlds for Creation of Interesting & Engaging Lea...Using Game Design & Virtual Worlds for Creation of Interesting & Engaging Lea...
Using Game Design & Virtual Worlds for Creation of Interesting & Engaging Lea...
 
CE Catalog 2016 -2017 low res
CE Catalog 2016 -2017 low resCE Catalog 2016 -2017 low res
CE Catalog 2016 -2017 low res
 
Computers Instructional Tools
Computers Instructional ToolsComputers Instructional Tools
Computers Instructional Tools
 
You Scored a 3D Printer! Now What?
You Scored a 3D Printer! Now What?You Scored a 3D Printer! Now What?
You Scored a 3D Printer! Now What?
 
Extensive portfolio
Extensive portfolioExtensive portfolio
Extensive portfolio
 
Proposal gcompris
Proposal gcomprisProposal gcompris
Proposal gcompris
 
Design Workshop at UI/UX Summit, Esri User Conference 2014
Design Workshop at UI/UX Summit, Esri User Conference 2014Design Workshop at UI/UX Summit, Esri User Conference 2014
Design Workshop at UI/UX Summit, Esri User Conference 2014
 
Romero & Vallerand (2016) Co-creative activities for the 21st century kids-R02
Romero & Vallerand (2016) Co-creative activities for the 21st century kids-R02Romero & Vallerand (2016) Co-creative activities for the 21st century kids-R02
Romero & Vallerand (2016) Co-creative activities for the 21st century kids-R02
 
Case study OOPS .pptx
Case study OOPS .pptxCase study OOPS .pptx
Case study OOPS .pptx
 
Extensive Portfolio
Extensive PortfolioExtensive Portfolio
Extensive Portfolio
 
Project planning 101 for publicsectorpm v2
Project planning 101 for publicsectorpm v2Project planning 101 for publicsectorpm v2
Project planning 101 for publicsectorpm v2
 
From Buildings to Software - Paving the way to construction
From Buildings to Software - Paving the way to constructionFrom Buildings to Software - Paving the way to construction
From Buildings to Software - Paving the way to construction
 
Originate - Think In Hours Not Sprints
Originate - Think In Hours Not SprintsOriginate - Think In Hours Not Sprints
Originate - Think In Hours Not Sprints
 
Introduction for Stop Motion
Introduction for Stop MotionIntroduction for Stop Motion
Introduction for Stop Motion
 
FETC 2015 Advanced Game Design Presentation - Workshop
FETC 2015 Advanced Game Design Presentation - WorkshopFETC 2015 Advanced Game Design Presentation - Workshop
FETC 2015 Advanced Game Design Presentation - Workshop
 
User Experience 1: What is User Experience?
User Experience 1: What is User Experience?User Experience 1: What is User Experience?
User Experience 1: What is User Experience?
 
4 Pillars - Presentation Notes
4 Pillars - Presentation Notes4 Pillars - Presentation Notes
4 Pillars - Presentation Notes
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

How we created "De Kinderpuzzel"

  • 1. How we created ‘De Kinderpuzzel’ Boris Rogge Metanous
  • 2. Overview The idea & the project Functional design Graphical design Some code (application, controls, …) The results Lessonslearned Questions
  • 3. The idea – De Kinderpuzzel Participants need to match kids and parents 32 kids – 7 couples Participants gather knowledge about the kids during a number of assignments and lay out the puzzle at the end of each episode a Microsoft Surface is used to lay out the puzzle
  • 4. Why Microsoft Surface ? multi-user – parents can work together to lay out the puzzle intuitive – parents can lay out the puzzle without any education or training visual – ideal device for showing the couples lay out the puzzle
  • 5. The project Short term notice – 3 weeks for 2 applications one-time-use software – someshortcutswere taken Verystressed and occupiedproduction team onlyone face to face meeting Graphical design team that we had never met before Threedays of filmingonlocation
  • 7. V1
  • 8. Functional design v1 – some issues too static couples can not be moved on the canvas kids can not be dragged onto the canvas not ‘surface-like’ not really multi-user
  • 11. V2
  • 14. Code – KidsPuzzleWindow SurfaceWindow Grid MediaElement ScatterView CoupleScatterViewItem KidsScatterViewItem CoupleScroller KidsListbox
  • 15. CoupleScroller a = height of the curve b = position of the center of the peak c = width of the ’bell’ http://www.metanous.be/boblog/post/Creating-a-fish-eye-scrolling-panel.aspx
  • 16. Code – CoupleScroller SurfaceScrollViewer ItemsControl CoupleList CoupleData
  • 17. V2bis
  • 23. Lessons learned one and two finger gestures are not intuitive “reset to last position” would have been a time saving feature functional and graphical design should be finished first take a good book – there is a lot of waiting involved
  • 24. Questions Boris Rogge boris.rogge@metanous.be http://www.metanous.be/ Twitter: @roggeb