SlideShare a Scribd company logo
1 of 16
Programming for Interactivity
Processing
Interactivity
• Programming Interactivity focused primarily
on programming for interaction design, that is,
programming to create an application with
which users interact directly.
The Nature of Interaction
• what exactly is interaction?
• Defined as the exchange of information
between two or more active participants.
• Cell Example
• human computer interaction, computer
human interaction, or experience design.
Messages and Interaction
• Interaction happens via messages sent from
systems to users, and vice versa.
• Text, speech, colors, visual feedback, or
mechanical and physical input or feedback.
• Difficult tasks in creating interactive
applications is to understand how
Interfaces and Interaction
• An interface sits between two actors and
facilitates their com- munication.
• The interface is the medium of the
communication between the user and the
system.
Languages of Interaction
• All interactions have a certain vocabulary that
they use.
• If you think of how you delete something from
the desktop with a mouse, you might say, “I
select the file and drag it to the trash.”
• Input using code
• Physical manipulation
• Mouse manipulation
• Presence, location, and image
• Interfaces and multitouch
• Gesture
• Voice and speech recognition
Working Process
• Conception
Starting to sketch without a clear plan of what
you’re doing can often lead to great and new
ideas
Research
When you’ve decided what you would like your
application to look like and how you would like it
to function, you’ll need to do the research on
what components you might need and what
libraries or existing code might be available that
can help you create your project
Design
• The design phase is one of the more
amorphous because it blends so easily into
the research, conception, and actual building
of your project.
Build
This is the process of actually putting together
sofware and writing code
Test
• Once you’re finished building your application,
it’s important to test it. Testing can be as
complex as creating situations for users to use
your application and ob- serving how they use
it, or it can be as simple as using the
application or hardware yourself and ensuring
that everything works.
Processing

More Related Content

Viewers also liked (15)

Ch 11 Presentation
Ch 11 PresentationCh 11 Presentation
Ch 11 Presentation
 
Reproductive System Ch 10
Reproductive System Ch 10Reproductive System Ch 10
Reproductive System Ch 10
 
Reproductive System Ch 10
Reproductive System Ch 10Reproductive System Ch 10
Reproductive System Ch 10
 
The highest range of mountain in the world123
The highest range of mountain in the world123The highest range of mountain in the world123
The highest range of mountain in the world123
 
Rest And Sleep, Bedmaking
Rest And Sleep, BedmakingRest And Sleep, Bedmaking
Rest And Sleep, Bedmaking
 
Elimination
EliminationElimination
Elimination
 
Bathing And Skin Care
Bathing And Skin CareBathing And Skin Care
Bathing And Skin Care
 
Spasticity After Stroke
Spasticity After StrokeSpasticity After Stroke
Spasticity After Stroke
 
Exercise, Transfers & Ambulation
Exercise, Transfers & AmbulationExercise, Transfers & Ambulation
Exercise, Transfers & Ambulation
 
Abdomen & Breasts
Abdomen & BreastsAbdomen & Breasts
Abdomen & Breasts
 
Thorax And Lungs
Thorax And LungsThorax And Lungs
Thorax And Lungs
 
Ears, Nose,Mouth,Throat
Ears, Nose,Mouth,ThroatEars, Nose,Mouth,Throat
Ears, Nose,Mouth,Throat
 
Triage In Emergency Department
Triage In Emergency DepartmentTriage In Emergency Department
Triage In Emergency Department
 
กาแฟสตาร์บัคส์
กาแฟสตาร์บัคส์กาแฟสตาร์บัคส์
กาแฟสตาร์บัคส์
 
Logros del 1er Gobierno del FA
Logros del 1er Gobierno del FALogros del 1er Gobierno del FA
Logros del 1er Gobierno del FA
 

Similar to Class1

Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
Jitu Choudhary
 
Design Vocabulary
Design VocabularyDesign Vocabulary
Design Vocabulary
carolineyes
 
Demo day presentation
Demo day presentationDemo day presentation
Demo day presentation
Billy Kennedy
 

Similar to Class1 (20)

Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
Interaction-design-basic.pptx
Interaction-design-basic.pptxInteraction-design-basic.pptx
Interaction-design-basic.pptx
 
ICT L4.pptx
ICT L4.pptxICT L4.pptx
ICT L4.pptx
 
Interaction design
Interaction designInteraction design
Interaction design
 
Using the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesUsing the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User Interfaces
 
Lesson 2 HCI 2.pptx
Lesson 2 HCI 2.pptxLesson 2 HCI 2.pptx
Lesson 2 HCI 2.pptx
 
Design Vocabulary
Design VocabularyDesign Vocabulary
Design Vocabulary
 
HCI.pptx
HCI.pptxHCI.pptx
HCI.pptx
 
HCI
HCIHCI
HCI
 
Choosing the right Technologies for your next unicorn.
Choosing the right Technologies for your next unicorn.Choosing the right Technologies for your next unicorn.
Choosing the right Technologies for your next unicorn.
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Demo day presentation
Demo day presentationDemo day presentation
Demo day presentation
 
New collaborative tools require new foundations.
New collaborative tools require new foundations. New collaborative tools require new foundations.
New collaborative tools require new foundations.
 
BSC Software & Software engineering-UNIT-IV
BSC Software & Software engineering-UNIT-IVBSC Software & Software engineering-UNIT-IV
BSC Software & Software engineering-UNIT-IV
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Interact2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsInteract2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable Systems
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panacea
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Recently uploaded (20)

CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
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...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 

Class1

  • 2. Interactivity • Programming Interactivity focused primarily on programming for interaction design, that is, programming to create an application with which users interact directly.
  • 3.
  • 4. The Nature of Interaction • what exactly is interaction? • Defined as the exchange of information between two or more active participants. • Cell Example • human computer interaction, computer human interaction, or experience design.
  • 5.
  • 6. Messages and Interaction • Interaction happens via messages sent from systems to users, and vice versa. • Text, speech, colors, visual feedback, or mechanical and physical input or feedback. • Difficult tasks in creating interactive applications is to understand how
  • 7.
  • 8. Interfaces and Interaction • An interface sits between two actors and facilitates their com- munication. • The interface is the medium of the communication between the user and the system.
  • 9. Languages of Interaction • All interactions have a certain vocabulary that they use. • If you think of how you delete something from the desktop with a mouse, you might say, “I select the file and drag it to the trash.”
  • 10. • Input using code • Physical manipulation • Mouse manipulation • Presence, location, and image • Interfaces and multitouch • Gesture • Voice and speech recognition
  • 11. Working Process • Conception Starting to sketch without a clear plan of what you’re doing can often lead to great and new ideas
  • 12. Research When you’ve decided what you would like your application to look like and how you would like it to function, you’ll need to do the research on what components you might need and what libraries or existing code might be available that can help you create your project
  • 13. Design • The design phase is one of the more amorphous because it blends so easily into the research, conception, and actual building of your project.
  • 14. Build This is the process of actually putting together sofware and writing code
  • 15. Test • Once you’re finished building your application, it’s important to test it. Testing can be as complex as creating situations for users to use your application and ob- serving how they use it, or it can be as simple as using the application or hardware yourself and ensuring that everything works.