Creating Contextual Applications with Maslow & The Device API

Tim Wright
Tim WrightProfessional Human
Creating Contextual
Applications with Maslow
& the Device API
Tim Wright, @csskarma Fresh Tilled Soil
What?
How?
Why?
Contextual
Applications Maslow
Device API
MaslowMaslow
Contextual Applications
Abraham Maslow
“If all you have is a
hammer, everything looks
like a nail.”
Physiological
Safety
Love/Belonging
Esteem
Self-
Actualization
Why does this matter?
The Device API
THE DEVICE API
2009
SAFTEY
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
!
});
Geolocation
THE DEVICE API
2014?
Abraham Maslow’s
Device API
“Physical requirements for
human survival”
PHYSIOLOGICAL
Creating Contextual Applications with Maslow & The Device API
Creating Contextual Applications with Maslow & The Device API
Creating Contextual Applications with Maslow & The Device API
Creating Contextual Applications with Maslow & The Device API
PHYSIOLOGICAL
Connectivity
Bandwidth
Do I have internet right now?
Do I have enough to get the content?
Online & Offline events
PHYSIOLOGICAL
navigator.onLine = true; // or false
window.addEventListener('online', updateOnlineStatus);
window.addEventListener('offline', updateOnlineStatus);
Network information API
brings us all great sadness.
PHYSIOLOGICAL
PHYSIOLOGICAL
<picture>
<source srcset="big.jpg 1x, big-hd.jpg 2x">
<source srcset="small.jpg 1x, small-hd.jpg 2x">
<img src="fallback.jpg" alt=“dog barf">
</picture>
SAFETY
“The need for security in
personal life, finances,
and health”
SAFETY
Physical Safety
Data Safety
Am I in a safe place?
Is all the work I’ve done safe?
Battery Manager
SAFETY
navigator.getBattery().then(function(battery) {
console.log(battery.level);
!
battery.addEventListener('levelchange', function() {
console.log(this.level);
};
});
Battery Manager
SAFETY
navigator.battery.charging
navigator.battery.chargingTime
navigator.battery.dischargingTime
navigator.battery.level
onchargingchange
onchargingtimechange
ondischargingtimechange
onlevelchange
LOVE & BELONGING
“The desire for friendship,
intimacy, and family”
LOVE & BELONGING
Connecting With People
Feeling Comfort
How can I meet and be around people?
Is the environment I’m in comforting?
LOVE & BELONGING
Contacts Manager
LOVE & BELONGING
contacts code here
WebNFC
LOVE & BELONGING
WebNFC code here
Messaging
LOVE & BELONGING
messaging code here
Ambient Light
LOVE & BELONGING
window.addEventListener("devicelight", function(e){
console.log(e.value);
!
});
ESTEEM
“The need for self-esteem
and self-respect.”
LOVE & BELONGING
Self-respect
Self-esteem
How do I feel about myself?
How do other people feel about me?
Media Capture & Streams
ESTEEM
Media capture
Proximity
ESTEEM
Proximity
SELF ACTUALIZATION
“The Desire to accomplish
everything that one can.”
LOVE & BELONGING
Reaching Potential
Self-reflection
Am I doing the best I can?
Why am I here?
Vibrate
SELF-ACTUALIZATION
navigator.vibrate(1000);
navigator.vibrate([1000]);
navigator.vibrate([50, 100, 50]);
navigator.vibrate(0);
navigator.vibrate([]);
SELF-ACTUALIZATION
But seriously, folks…
The Web is an
open medium.
Prototyping
It’s super cool!
Creating Contextual Applications with Maslow & The Device API
Questions, now?
Questions, later?
Use words!
@csskarma

tim.wright@freshtilledsoil.com
csskarma.com/contact
1 of 44

Recommended

Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012 by
Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012
Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012Atlassian
1.7K views59 slides
Machine Learning in Corporate E-learning - Applications and Trends by
Machine Learning in Corporate E-learning - Applications and TrendsMachine Learning in Corporate E-learning - Applications and Trends
Machine Learning in Corporate E-learning - Applications and TrendsStella Lee
2K views31 slides
Week 7 Presentation by
Week 7 PresentationWeek 7 Presentation
Week 7 PresentationDouglas Pippen
178 views10 slides
Top 10 Things at Esri UC & ArcGIS Pro - Pee Dee User Group - August Meeting by
Top 10 Things at Esri UC & ArcGIS Pro - Pee Dee User Group - August MeetingTop 10 Things at Esri UC & ArcGIS Pro - Pee Dee User Group - August Meeting
Top 10 Things at Esri UC & ArcGIS Pro - Pee Dee User Group - August MeetingJim Tochterman
225 views16 slides
Creating resiliency through destruction by
Creating resiliency through destructionCreating resiliency through destruction
Creating resiliency through destructionAmazon Web Services
207 views65 slides
Ecosistemas Mobile - eCommerce Day Argentina 2016 by
Ecosistemas Mobile - eCommerce Day Argentina 2016Ecosistemas Mobile - eCommerce Day Argentina 2016
Ecosistemas Mobile - eCommerce Day Argentina 2016Mariano Carrizo
146 views17 slides

More Related Content

What's hot

Site migrations: avoiding sticky situations - BrightonSEO by
Site migrations: avoiding sticky situations - BrightonSEOSite migrations: avoiding sticky situations - BrightonSEO
Site migrations: avoiding sticky situations - BrightonSEOEmily Scott
769 views41 slides
Embracing failure on the front-end: Making better JavaScript apps by learning... by
Embracing failure on the front-end: Making better JavaScript apps by learning...Embracing failure on the front-end: Making better JavaScript apps by learning...
Embracing failure on the front-end: Making better JavaScript apps by learning...Clay Smith
2.1K views18 slides
RIGEA-Using AGOL by
RIGEA-Using AGOLRIGEA-Using AGOL
RIGEA-Using AGOLSeth Dixon
3K views18 slides
AgileIot: Agile meets IoT by
AgileIot: Agile meets IoTAgileIot: Agile meets IoT
AgileIot: Agile meets IoTFelice Pescatore
571 views12 slides
Assignment by
AssignmentAssignment
AssignmentGraeme Gibson
37 views1 slide
Computing at scale by
Computing at scaleComputing at scale
Computing at scalejerjou
446 views25 slides

What's hot(6)

Site migrations: avoiding sticky situations - BrightonSEO by Emily Scott
Site migrations: avoiding sticky situations - BrightonSEOSite migrations: avoiding sticky situations - BrightonSEO
Site migrations: avoiding sticky situations - BrightonSEO
Emily Scott769 views
Embracing failure on the front-end: Making better JavaScript apps by learning... by Clay Smith
Embracing failure on the front-end: Making better JavaScript apps by learning...Embracing failure on the front-end: Making better JavaScript apps by learning...
Embracing failure on the front-end: Making better JavaScript apps by learning...
Clay Smith2.1K views
RIGEA-Using AGOL by Seth Dixon
RIGEA-Using AGOLRIGEA-Using AGOL
RIGEA-Using AGOL
Seth Dixon3K views
Computing at scale by jerjou
Computing at scaleComputing at scale
Computing at scale
jerjou446 views

Viewers also liked

Slow kinda sucks by
Slow kinda sucksSlow kinda sucks
Slow kinda sucksTim Wright
2.3K views97 slides
Keys to Responsive Design by
Keys to Responsive DesignKeys to Responsive Design
Keys to Responsive DesignTim Wright
2K views62 slides
Bringing Environmental Design to the Web by
Bringing Environmental Design to the WebBringing Environmental Design to the Web
Bringing Environmental Design to the WebTim Wright
15.7K views52 slides
Implementing a Scalable Mobile Strategy by
Implementing a Scalable Mobile StrategyImplementing a Scalable Mobile Strategy
Implementing a Scalable Mobile StrategyTim Wright
1.5K views100 slides
Mobile, Media & Touch by
Mobile, Media & TouchMobile, Media & Touch
Mobile, Media & TouchTim Wright
1.7K views41 slides
USC dot EDU: A Responsive Design Case Study by
USC dot EDU: A Responsive Design Case StudyUSC dot EDU: A Responsive Design Case Study
USC dot EDU: A Responsive Design Case StudyTim Wright
1.5K views7 slides

Viewers also liked(13)

Slow kinda sucks by Tim Wright
Slow kinda sucksSlow kinda sucks
Slow kinda sucks
Tim Wright2.3K views
Keys to Responsive Design by Tim Wright
Keys to Responsive DesignKeys to Responsive Design
Keys to Responsive Design
Tim Wright2K views
Bringing Environmental Design to the Web by Tim Wright
Bringing Environmental Design to the WebBringing Environmental Design to the Web
Bringing Environmental Design to the Web
Tim Wright15.7K views
Implementing a Scalable Mobile Strategy by Tim Wright
Implementing a Scalable Mobile StrategyImplementing a Scalable Mobile Strategy
Implementing a Scalable Mobile Strategy
Tim Wright1.5K views
Mobile, Media & Touch by Tim Wright
Mobile, Media & TouchMobile, Media & Touch
Mobile, Media & Touch
Tim Wright1.7K views
USC dot EDU: A Responsive Design Case Study by Tim Wright
USC dot EDU: A Responsive Design Case StudyUSC dot EDU: A Responsive Design Case Study
USC dot EDU: A Responsive Design Case Study
Tim Wright1.5K views
Design process by Tim Wright
Design processDesign process
Design process
Tim Wright1.6K views
Native Device vs. Mobile Web Applications by Tim Wright
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web Applications
Tim Wright4.6K views
Color & Typography by Tim Wright
Color & TypographyColor & Typography
Color & Typography
Tim Wright4.1K views
Building an Atomic Design System by Tim Wright
Building an Atomic Design SystemBuilding an Atomic Design System
Building an Atomic Design System
Tim Wright2K views
Form design by Tim Wright
Form designForm design
Form design
Tim Wright9.1K views
A Look at the Future of HTML5 by Tim Wright
A Look at the Future of HTML5A Look at the Future of HTML5
A Look at the Future of HTML5
Tim Wright10K views
HTML 5: The Future of the Web by Tim Wright
HTML 5: The Future of the WebHTML 5: The Future of the Web
HTML 5: The Future of the Web
Tim Wright3.8K views

Similar to Creating Contextual Applications with Maslow & The Device API

Jim grubb internet of everything by
Jim grubb   internet of everythingJim grubb   internet of everything
Jim grubb internet of everythingMassTLC
1.1K views67 slides
Rubbing the Sankara Stones the wrong way - From the Front 2014 by
Rubbing the Sankara Stones the wrong way - From the Front 2014Rubbing the Sankara Stones the wrong way - From the Front 2014
Rubbing the Sankara Stones the wrong way - From the Front 2014Christian Heilmann
14.5K views66 slides
OWASP, the life and the universe by
OWASP, the life and the universeOWASP, the life and the universe
OWASP, the life and the universeSébastien GIORIA
907 views58 slides
Øredev2013 - FirefoxOS - the platform HTML5 deserves by
Øredev2013 - FirefoxOS - the platform HTML5 deservesØredev2013 - FirefoxOS - the platform HTML5 deserves
Øredev2013 - FirefoxOS - the platform HTML5 deservesChristian Heilmann
6.4K views61 slides
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S... by
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S...Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S...
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S...Matt Raible
150 views75 slides
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl... by
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...Matt Raible
237 views74 slides

Similar to Creating Contextual Applications with Maslow & The Device API(20)

Jim grubb internet of everything by MassTLC
Jim grubb   internet of everythingJim grubb   internet of everything
Jim grubb internet of everything
MassTLC1.1K views
Rubbing the Sankara Stones the wrong way - From the Front 2014 by Christian Heilmann
Rubbing the Sankara Stones the wrong way - From the Front 2014Rubbing the Sankara Stones the wrong way - From the Front 2014
Rubbing the Sankara Stones the wrong way - From the Front 2014
Christian Heilmann14.5K views
Øredev2013 - FirefoxOS - the platform HTML5 deserves by Christian Heilmann
Øredev2013 - FirefoxOS - the platform HTML5 deservesØredev2013 - FirefoxOS - the platform HTML5 deserves
Øredev2013 - FirefoxOS - the platform HTML5 deserves
Christian Heilmann6.4K views
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S... by Matt Raible
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S...Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S...
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Jforum S...
Matt Raible150 views
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl... by Matt Raible
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...
Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...
Matt Raible237 views
Application Security on a Dime: A Practical Guide to Using Functional Open So... by POSSCON
Application Security on a Dime: A Practical Guide to Using Functional Open So...Application Security on a Dime: A Practical Guide to Using Functional Open So...
Application Security on a Dime: A Practical Guide to Using Functional Open So...
POSSCON1K views
Adoption of AI: The Great Opportunities for Everyone by Kan Ouivirach, Ph.D.
Adoption of AI: The Great Opportunities for EveryoneAdoption of AI: The Great Opportunities for Everyone
Adoption of AI: The Great Opportunities for Everyone
Firefox OS workshop, JSFoo, India by Robert Nyman
Firefox OS workshop, JSFoo, IndiaFirefox OS workshop, JSFoo, India
Firefox OS workshop, JSFoo, India
Robert Nyman16.1K views
Going Node At Netflix by Ryan Anklam
Going Node At NetflixGoing Node At Netflix
Going Node At Netflix
Ryan Anklam3.7K views
Microservices for the Masses with Spring Boot, JHipster, and OAuth - South We... by Matt Raible
Microservices for the Masses with Spring Boot, JHipster, and OAuth - South We...Microservices for the Masses with Spring Boot, JHipster, and OAuth - South We...
Microservices for the Masses with Spring Boot, JHipster, and OAuth - South We...
Matt Raible355 views
Automating AWS with DevOps by Brett Gillett
Automating AWS with DevOpsAutomating AWS with DevOps
Automating AWS with DevOps
Brett Gillett692 views
RSA Europe 2013 OWASP Training by Jim Manico
RSA Europe 2013 OWASP TrainingRSA Europe 2013 OWASP Training
RSA Europe 2013 OWASP Training
Jim Manico16.3K views
Worldwide Public Sector Breakfast Hosted by Teresa Carlson (WPS01) - AWS re:I... by Amazon Web Services
Worldwide Public Sector Breakfast Hosted by Teresa Carlson (WPS01) - AWS re:I...Worldwide Public Sector Breakfast Hosted by Teresa Carlson (WPS01) - AWS re:I...
Worldwide Public Sector Breakfast Hosted by Teresa Carlson (WPS01) - AWS re:I...
Creating and Distributing Mobile Web Applications with PhoneGap by James Pearce
Creating and Distributing Mobile Web Applications with PhoneGapCreating and Distributing Mobile Web Applications with PhoneGap
Creating and Distributing Mobile Web Applications with PhoneGap
James Pearce6.4K views

Recently uploaded

WEB 2.O TOOLS: Empowering education.pptx by
WEB 2.O TOOLS: Empowering education.pptxWEB 2.O TOOLS: Empowering education.pptx
WEB 2.O TOOLS: Empowering education.pptxnarmadhamanohar21
16 views16 slides
Marketing and Community Building in Web3 by
Marketing and Community Building in Web3Marketing and Community Building in Web3
Marketing and Community Building in Web3Federico Ast
12 views64 slides
IETF 118: Starlink Protocol Performance by
IETF 118: Starlink Protocol PerformanceIETF 118: Starlink Protocol Performance
IETF 118: Starlink Protocol PerformanceAPNIC
354 views22 slides
Building trust in our information ecosystem: who do we trust in an emergency by
Building trust in our information ecosystem: who do we trust in an emergencyBuilding trust in our information ecosystem: who do we trust in an emergency
Building trust in our information ecosystem: who do we trust in an emergencyTina Purnat
106 views18 slides
Is Entireweb better than Google by
Is Entireweb better than GoogleIs Entireweb better than Google
Is Entireweb better than Googlesebastianthomasbejan
12 views1 slide
information by
informationinformation
informationkhelgishekhar
9 views4 slides

Recently uploaded(9)

Marketing and Community Building in Web3 by Federico Ast
Marketing and Community Building in Web3Marketing and Community Building in Web3
Marketing and Community Building in Web3
Federico Ast12 views
IETF 118: Starlink Protocol Performance by APNIC
IETF 118: Starlink Protocol PerformanceIETF 118: Starlink Protocol Performance
IETF 118: Starlink Protocol Performance
APNIC354 views
Building trust in our information ecosystem: who do we trust in an emergency by Tina Purnat
Building trust in our information ecosystem: who do we trust in an emergencyBuilding trust in our information ecosystem: who do we trust in an emergency
Building trust in our information ecosystem: who do we trust in an emergency
Tina Purnat106 views
PORTFOLIO 1 (Bret Michael Pepito).pdf by brejess0410
PORTFOLIO 1 (Bret Michael Pepito).pdfPORTFOLIO 1 (Bret Michael Pepito).pdf
PORTFOLIO 1 (Bret Michael Pepito).pdf
brejess04108 views
How to think like a threat actor for Kubernetes.pptx by LibbySchulze1
How to think like a threat actor for Kubernetes.pptxHow to think like a threat actor for Kubernetes.pptx
How to think like a threat actor for Kubernetes.pptx
LibbySchulze15 views

Creating Contextual Applications with Maslow & The Device API