SlideShare une entreprise Scribd logo
1  sur  46
Lecture 1 : Multi-touch tangible interface; HCI trends, projects, and development  By  Jazmi Jamal Area of expertise : new media interactive technology, eLearning technology, mixed and augmented reality, sound art & design. Employment history : interactive designer, instructional designer, multimedia designer, video editor, sound designer, project manager.  Twitter : jazmiizwan
Outline ,[object Object],[object Object],[object Object],[object Object],[object Object]
Human-computer interaction  is a discipline concerned with the  design, evaluation and implementation  of  interactive computing systems  for human use and with the study of major phenomena surrounding them
History of Human-Computer-Interface (HCI) Technology ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Interaction design history
Operate the machine ,[object Object],Back in the day.. Engineering design-based: make faster and bigger machine  People adapt to machine: people speak the machine’s language. No designers involve, but lots of expert engineers.
igital computer capable of being reprogrammed to solve a full range of  computing problems ENIAC  (Electronic Numerical Integrator And Computer) ,[object Object],[object Object],Mauchly and Eckert, 1946 Wiring the ENIAC with a new program ,[object Object],[object Object],[object Object]
PDP-8 ,[object Object],[object Object],[object Object],DEC, 1960s Front panel switches ,[object Object],[object Object]
Mouse ,[object Object],[object Object],[object Object],Doug Engelbart , 1960s First mouse
IBM 3270 ,[object Object],[object Object],[object Object],[object Object],IBM, 1972 Command line interface
Use the software ,[object Object],[object Object],Work on spreadsheet Work on word processor Play a game
VisiCalc  (Calculation spreadsheet software)  ,[object Object],[object Object],[object Object],VisiCorp, 1979 A tool for business calculation ,[object Object],[object Object],[object Object],[object Object],[object Object]
Wordstar  (writing tools)  ,[object Object],[object Object],[object Object],S. Rubenstein & J. Barnaby, 1979 A tool for writing
Perform a task ,[object Object],[object Object],[object Object],Draw and edit a picture Create printed materials Create a budget  Compose music
Apple Lisa  (personal multipurpose computer)  ,[object Object],[object Object],Apple Computer Inc, 1980s Graphical User Interface (GUI) ,[object Object],[object Object],[object Object]
Software design manifesto ,[object Object],[object Object],http://hci.stanford.edu/publications/bds/1-kapor.html
Experience:  live, learn, work & play ,[object Object],[object Object],[object Object],Manage household Learn math, science or etc. Manage a small business Immerse in a fantasy
Notebook / Laptop ,[object Object],[object Object],PowerBook Duo & PowerBook 500, 1990s Integrated with other hardware ,[object Object]
Designing the interaction have many layers of concerns ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Connect ,[object Object],[object Object],[object Object],Personal blog Podcast & Video sharing Cloud computing Multiplayer game
Software & Application ,[object Object],[object Object],[object Object]
Dynamically available ,[object Object],[object Object],Personal blog Video sharing Cloud computing Multiplayer game
Mobile ,[object Object],[object Object],[object Object],iPhone, 2007-present Brilliant multimedia device
Surface computing ,[object Object],[object Object],[object Object],Philips Future Kitchen Tabletop computing
Environment computing & interaction ,[object Object],[object Object],Microsoft Vision 2019 Environment computing
Interaction design history
What is Tangible Interfaces ?
Tangible interfaces ,[object Object],http://www.youtube.com/watch?v=Mgy1S8qymx0
There are 4 characteristics concerning representation and control:  ,[object Object],[object Object],[object Object],[object Object],http://vimeo.com/13879559
Tangible interfaces ,[object Object],[object Object]
Tangible interfaces ,[object Object],[object Object],http://www.youtube.com/watch?v=Cog8b8ojji0
Do you want to develop Tangible Interface project ? First, you need to know the project management.
Project management (PM) ,[object Object]
PM Criterion Based on ‘Why IT projects fails ?” Hard Criteria Scope Time Cost Resources Quality Soft Criteria Motivation Leadership Communication Recognition and etc.
Failures : PM in IT Based on ‘Why IT projects fails ?” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How to construct the project ? Then I will explain the project outlines.
Multi-Touch ‘Workshop’ ,[object Object]
MT ‘Workshop’ ,[object Object],[object Object],[object Object]
MT ‘Workshop’ ,[object Object],[object Object]
What should I do for next step? Prepare the ‘Resources’
Human resource ,[object Object]
Rangers (team) Multimedia Technician Multimedia Programmer Interaction Designer Multimedia Designer Industrial Designer ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Material resource :  Input sensor ,[object Object],[object Object],[object Object],[object Object]
Material resource :  Input sensor ,[object Object],[object Object],[object Object]
Re-cap : objective ,[object Object],[object Object],[object Object],[object Object],[object Object]
Any questions ?

Contenu connexe

Tendances

A short history of interaction design
A short history of interaction designA short history of interaction design
A short history of interaction design
Remy Bourganel
 
Rapid iteration for an Internet of Things
Rapid iteration for an Internet of ThingsRapid iteration for an Internet of Things
Rapid iteration for an Internet of Things
StudioSFO
 
Intro. to Human Computer Interaction
Intro. to Human Computer InteractionIntro. to Human Computer Interaction
Intro. to Human Computer Interaction
Jonathan Reid
 
ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...
ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...
ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...
ITCamp
 
ITCamp 2012 - Tim Huckaby - Keynote
ITCamp 2012 - Tim Huckaby - KeynoteITCamp 2012 - Tim Huckaby - Keynote
ITCamp 2012 - Tim Huckaby - Keynote
ITCamp
 
Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of things
Timo Arnall
 

Tendances (20)

Innovative Technologies and Tech Trends
Innovative Technologies and Tech TrendsInnovative Technologies and Tech Trends
Innovative Technologies and Tech Trends
 
A short history of interaction design
A short history of interaction designA short history of interaction design
A short history of interaction design
 
The Future of User Experience
The Future of User ExperienceThe Future of User Experience
The Future of User Experience
 
Impacts of HCI
Impacts of HCIImpacts of HCI
Impacts of HCI
 
Mobile-first, a quick introduction
Mobile-first, a quick introductionMobile-first, a quick introduction
Mobile-first, a quick introduction
 
Rapid iteration for an Internet of Things
Rapid iteration for an Internet of ThingsRapid iteration for an Internet of Things
Rapid iteration for an Internet of Things
 
Fallon Brainfood: CES 2011 Rewind
Fallon Brainfood: CES 2011 RewindFallon Brainfood: CES 2011 Rewind
Fallon Brainfood: CES 2011 Rewind
 
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
UX Scotland 2018: Systems, discontinuities and thinking beyond UI:  Key quest...UX Scotland 2018: Systems, discontinuities and thinking beyond UI:  Key quest...
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
 
UX Unicorns - legend or fable?
UX Unicorns - legend or fable?UX Unicorns - legend or fable?
UX Unicorns - legend or fable?
 
Intro. to Human Computer Interaction
Intro. to Human Computer InteractionIntro. to Human Computer Interaction
Intro. to Human Computer Interaction
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User Interfaces
 
ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...
ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...
ITCamp 2013 - Tim Huckaby - The Engaging User Experience & Natural User Inter...
 
#MobileRevolution: How Mobile Is (Still) Changing The World
#MobileRevolution: How Mobile Is (Still) Changing The World#MobileRevolution: How Mobile Is (Still) Changing The World
#MobileRevolution: How Mobile Is (Still) Changing The World
 
ITCamp 2012 - Tim Huckaby - Keynote
ITCamp 2012 - Tim Huckaby - KeynoteITCamp 2012 - Tim Huckaby - Keynote
ITCamp 2012 - Tim Huckaby - Keynote
 
Bridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UXBridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UX
 
Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of things
 
Warner 2014 sf11
Warner 2014 sf11Warner 2014 sf11
Warner 2014 sf11
 
It's All About Context
It's All About ContextIt's All About Context
It's All About Context
 
Mobile - More than just an app
Mobile - More than just an appMobile - More than just an app
Mobile - More than just an app
 
UXLx 2015: 'Designing Connected Products workshop
UXLx 2015: 'Designing Connected Products workshopUXLx 2015: 'Designing Connected Products workshop
UXLx 2015: 'Designing Connected Products workshop
 

En vedette

Multi Touch presentation
Multi Touch presentationMulti Touch presentation
Multi Touch presentation
senthil0809
 
How To Reduce Application Support & Maintenance Cost
How To Reduce Application Support & Maintenance Cost How To Reduce Application Support & Maintenance Cost
How To Reduce Application Support & Maintenance Cost
HCL Technologies
 

En vedette (16)

Optical Multi Touch Technology
Optical Multi Touch TechnologyOptical Multi Touch Technology
Optical Multi Touch Technology
 
multitouch screen
multitouch screenmultitouch screen
multitouch screen
 
Multi Touch presentation
Multi Touch presentationMulti Touch presentation
Multi Touch presentation
 
A SURVEY ON NUMEROUS DEVELOPMENTS IN MULTI-TOUCH TECHNOLOGY
A SURVEY ON NUMEROUS DEVELOPMENTS IN MULTI-TOUCH TECHNOLOGYA SURVEY ON NUMEROUS DEVELOPMENTS IN MULTI-TOUCH TECHNOLOGY
A SURVEY ON NUMEROUS DEVELOPMENTS IN MULTI-TOUCH TECHNOLOGY
 
Multi touch interaction
Multi touch interactionMulti touch interaction
Multi touch interaction
 
Multi touch technology
Multi touch technologyMulti touch technology
Multi touch technology
 
Human Computer Interaction HCI
Human Computer Interaction HCI Human Computer Interaction HCI
Human Computer Interaction HCI
 
multi touch screen
multi touch screenmulti touch screen
multi touch screen
 
Embedded system projects at hcl chennai
Embedded system projects at hcl chennaiEmbedded system projects at hcl chennai
Embedded system projects at hcl chennai
 
Touch Screen Technology PRESENTATION
Touch Screen Technology PRESENTATIONTouch Screen Technology PRESENTATION
Touch Screen Technology PRESENTATION
 
Hcl project
Hcl projectHcl project
Hcl project
 
Multi-Touch Interaction Overview
Multi-Touch Interaction OverviewMulti-Touch Interaction Overview
Multi-Touch Interaction Overview
 
How To Reduce Application Support & Maintenance Cost
How To Reduce Application Support & Maintenance Cost How To Reduce Application Support & Maintenance Cost
How To Reduce Application Support & Maintenance Cost
 
Human computer interaction
Human  computer interactionHuman  computer interaction
Human computer interaction
 
Touchscreen PPT
Touchscreen PPTTouchscreen PPT
Touchscreen PPT
 
MultiTouch
MultiTouchMultiTouch
MultiTouch
 

Similaire à Multi-Touch Tangible Interface; HCI trends, projects, and development

[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
jylee6977
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
jylee_kgit
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
Jitu Choudhary
 

Similaire à Multi-Touch Tangible Interface; HCI trends, projects, and development (20)

[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.ppt1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.ppt
 
Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5
 
Emerging Experiences - More Personal Computing (MPC) - Tim Huckaby
Emerging Experiences - More Personal Computing (MPC) - Tim HuckabyEmerging Experiences - More Personal Computing (MPC) - Tim Huckaby
Emerging Experiences - More Personal Computing (MPC) - Tim Huckaby
 
HCI_01.ppt
HCI_01.pptHCI_01.ppt
HCI_01.ppt
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
HCI
HCIHCI
HCI
 
Interaction design
Interaction designInteraction design
Interaction design
 
IMD 203 - Ch01
IMD 203 - Ch01IMD 203 - Ch01
IMD 203 - Ch01
 
Lcture 1
Lcture 1Lcture 1
Lcture 1
 
Life Comes At Us Polydimensionally
Life Comes At Us PolydimensionallyLife Comes At Us Polydimensionally
Life Comes At Us Polydimensionally
 
Make Tools
Make ToolsMake Tools
Make Tools
 
HCI NOTES.pdf
HCI NOTES.pdfHCI NOTES.pdf
HCI NOTES.pdf
 
The iPad is 40 years old
The iPad is 40 years oldThe iPad is 40 years old
The iPad is 40 years old
 
Gender.AI Natural Language AI Startup that didn't get funded in 2015.
Gender.AI Natural Language AI Startup that didn't get funded in 2015.Gender.AI Natural Language AI Startup that didn't get funded in 2015.
Gender.AI Natural Language AI Startup that didn't get funded in 2015.
 
Experience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdfExperience-Interface-Interaction.pdf
Experience-Interface-Interaction.pdf
 
Technology Infrastructure For The Pervasive Vision, Does It Exist Yet?
Technology Infrastructure For The Pervasive Vision, Does It Exist Yet?Technology Infrastructure For The Pervasive Vision, Does It Exist Yet?
Technology Infrastructure For The Pervasive Vision, Does It Exist Yet?
 
The User Interface-Introduction .ppt
The User Interface-Introduction .pptThe User Interface-Introduction .ppt
The User Interface-Introduction .ppt
 

Plus de Jazmi Jamal

Bengkel Slideshow (Microsoft Powerpoint)
Bengkel Slideshow (Microsoft Powerpoint)Bengkel Slideshow (Microsoft Powerpoint)
Bengkel Slideshow (Microsoft Powerpoint)
Jazmi Jamal
 

Plus de Jazmi Jamal (7)

Bengkel Slideshow (Microsoft Powerpoint)
Bengkel Slideshow (Microsoft Powerpoint)Bengkel Slideshow (Microsoft Powerpoint)
Bengkel Slideshow (Microsoft Powerpoint)
 
Seni Persembahan New Media : Peranan dan Pengurusan Multimedia
Seni Persembahan New Media : Peranan dan Pengurusan MultimediaSeni Persembahan New Media : Peranan dan Pengurusan Multimedia
Seni Persembahan New Media : Peranan dan Pengurusan Multimedia
 
Kepentingan Sejarah Lisan Dalam Digital Untuk Menyampaikan Silibus Persembaha...
Kepentingan Sejarah Lisan Dalam Digital Untuk Menyampaikan Silibus Persembaha...Kepentingan Sejarah Lisan Dalam Digital Untuk Menyampaikan Silibus Persembaha...
Kepentingan Sejarah Lisan Dalam Digital Untuk Menyampaikan Silibus Persembaha...
 
Introduction to Digital Media and Multimedia elements
Introduction to Digital Media and Multimedia elementsIntroduction to Digital Media and Multimedia elements
Introduction to Digital Media and Multimedia elements
 
Multi-Touch technologies: Software, tracking and functions
Multi-Touch technologies: Software, tracking and functionsMulti-Touch technologies: Software, tracking and functions
Multi-Touch technologies: Software, tracking and functions
 
Multi-touch Technologies; Hardware and Optical Tracking Techniques
Multi-touch Technologies; Hardware and Optical Tracking TechniquesMulti-touch Technologies; Hardware and Optical Tracking Techniques
Multi-touch Technologies; Hardware and Optical Tracking Techniques
 
A Study of Mixed Reality to Preserve a Malaysian Herb
A Study of Mixed Reality to Preserve a Malaysian HerbA Study of Mixed Reality to Preserve a Malaysian Herb
A Study of Mixed Reality to Preserve a Malaysian Herb
 

Dernier

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Dernier (20)

psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 

Multi-Touch Tangible Interface; HCI trends, projects, and development

  • 1. Lecture 1 : Multi-touch tangible interface; HCI trends, projects, and development By Jazmi Jamal Area of expertise : new media interactive technology, eLearning technology, mixed and augmented reality, sound art & design. Employment history : interactive designer, instructional designer, multimedia designer, video editor, sound designer, project manager. Twitter : jazmiizwan
  • 2.
  • 3. Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them
  • 4.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 27. What is Tangible Interfaces ?
  • 28.
  • 29.
  • 30.
  • 31.
  • 32. Do you want to develop Tangible Interface project ? First, you need to know the project management.
  • 33.
  • 34. PM Criterion Based on ‘Why IT projects fails ?” Hard Criteria Scope Time Cost Resources Quality Soft Criteria Motivation Leadership Communication Recognition and etc.
  • 35.
  • 36. How to construct the project ? Then I will explain the project outlines.
  • 37.
  • 38.
  • 39.
  • 40. What should I do for next step? Prepare the ‘Resources’
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.