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

Ch 11 Presentation
Ch 11 PresentationCh 11 Presentation
Ch 11 Presentationnormag792003
 
Reproductive System Ch 10
Reproductive System Ch 10Reproductive System Ch 10
Reproductive System Ch 10normag792003
 
Reproductive System Ch 10
Reproductive System Ch 10Reproductive System Ch 10
Reproductive System Ch 10normag792003
 
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 world123asma aamer
 
Rest And Sleep, Bedmaking
Rest And Sleep, BedmakingRest And Sleep, Bedmaking
Rest And Sleep, BedmakingFrank Smith
 
Bathing And Skin Care
Bathing And Skin CareBathing And Skin Care
Bathing And Skin CareFrank Smith
 
Spasticity After Stroke
Spasticity After StrokeSpasticity After Stroke
Spasticity After StrokeFrank Smith
 
Exercise, Transfers & Ambulation
Exercise, Transfers & AmbulationExercise, Transfers & Ambulation
Exercise, Transfers & AmbulationFrank Smith
 
Abdomen & Breasts
Abdomen & BreastsAbdomen & Breasts
Abdomen & BreastsFrank Smith
 
Thorax And Lungs
Thorax And LungsThorax And Lungs
Thorax And LungsFrank Smith
 
Ears, Nose,Mouth,Throat
Ears, Nose,Mouth,ThroatEars, Nose,Mouth,Throat
Ears, Nose,Mouth,ThroatFrank Smith
 
Triage In Emergency Department
Triage In Emergency DepartmentTriage In Emergency Department
Triage In Emergency DepartmentFrank Smith
 
กาแฟสตาร์บัคส์
กาแฟสตาร์บัคส์กาแฟสตาร์บัคส์
กาแฟสตาร์บัคส์guest97eff4
 
Logros del 1er Gobierno del FA
Logros del 1er Gobierno del FALogros del 1er Gobierno del FA
Logros del 1er Gobierno del FAFernando Bravo
 

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 InteractionJitu Choudhary
 
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 InterfacesJeffrey Nichols
 
Design Vocabulary
Design VocabularyDesign Vocabulary
Design Vocabularycarolineyes
 
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.Gladson DSouza
 
Demo day presentation
Demo day presentationDemo day presentation
Demo day presentationBilly Kennedy
 
New collaborative tools require new foundations.
New collaborative tools require new foundations. New collaborative tools require new foundations.
New collaborative tools require new foundations. Lorenzo Davoli
 
BSC Software & Software engineering-UNIT-IV
BSC Software & Software engineering-UNIT-IVBSC Software & Software engineering-UNIT-IV
BSC Software & Software engineering-UNIT-IVYamunaP6
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basicsPreeti Mishra
 
Interact2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsInteract2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsVille Antila
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panaceaMichael Meikson
 
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 UglyJoshua Randall
 

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

Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetEnjoy Anytime
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 

Recently uploaded (20)

Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 

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.