SlideShare a Scribd company logo
1 of 74
Download to read offline
What's interesting [now] is that there is an emergent new model, and you
all are here because you are part of that new model. I don't think people
have really understood how big this opportunity really is. It starts with the
premise that the data services and architecture should be on servers.
We call it cloud computing – they should be in a "cloud" somewhere. And
that if you have the right kind of browser or the right kind of access, it
doesn't matter whether you have a PC or a Mac or a mobile phone or a
BlackBerry or what have you – or new devices still to be developed –
you can get access to the cloud. There are a number of companies that
have benefited from that. Obviously, Google, Yahoo!, eBay, Amazon
come to mind. The computation and the data and so forth are in the
servers.
Low                                       High


    Instruction Set VM   Bytecode VM      Framework VM




    IBM Blue Cloud                                 Y!OS
Amazon EC2     Microsoft Azure Google AppEngine     Salesforce
Network         Storage      Processing   Development   Application   Business    Enterprise    Consumer

 Akamai      Acceleration

Amazon                          S3           EC2                       SimpleDB

  AT&T            ●             ●              ●                      Web Meeting

 Box.net                        ●                                         ●                                       ●

 Google                      AppEngine     AppEngine     AppEngine                             Google Apps      Gmail

   IBM            ●         Blue Cloud

Microsoft                       ●              ●           Azure         Azure                 Office Online    Hotmail

Salesforce                                               Force.com                     ●            ●

  SAP                                                                 SAP Library      ●            ●

   Sun            ●         Metro Web-S   Metro Web-S    Sun SOA                               Open Office     Open Office

Terremark         ●             ●              ●

 Yahoo!                                                    Pipes                                              Yahoo!Mail

Xcalibre          ●             ●              ●

                                                                        cf. http://blogs.zdnet.com/BTL/?p=11206
Photo by IgnacioConejo
1.
2.
3.
4.
5.
6. Web
7.
8.
9.
Photo by argo72
1.            (Status Dashboard   )

2. 24   365

3. OS
4.
5.
6.
7.
8.
9.
NY Times
           NASDAQ
           SlideShare
            DropBox
              ESPN
           SecondLife


1.
2.   Web
3.
4.
5.
6.
7.
8.
1.

2.     (Mixi, Amazon,          )

3.       (Microsoft,Google )

4.               (DELL)

5.                 (Facebook)

6.                      (Yahoo!)

7.   (Salesforce, Microsoft)
Top 10 O&O (Obstacles & Opportunities)   01
   Availability of a Service



   DDoS
Top 10 O&O (Obstacles & Opportunities)   02
   Data Lock-in



     API

                  API



           (      )
Top 10 O&O (Obstacles & Opportunities)    03
   Data Confidentiality and Auditability




                                 EC2
Top 10 O&O (Obstacles & Opportunities)   04
   Data Transfer Bottlenecks
Top 10 O&O (Obstacles & Opportunities)         05
   Performance Unpredictability
   VM      disk I/O, memory I/O

     VM              (Hypervisor)




                      SSD(Solid State Drive)
Top 10 O&O (Obstacles & Opportunities)          06
   Scalable Storage




                               (   : Twitter)
Top 10 O&O (Obstacles & Opportunities)        07
   Bugs in Large Scape Distribution Systems



     VM
Top 10 O&O (Obstacles & Opportunities)   08
   Scaling Quickly




     (   :SNS)

     CPU
Top 10 O&O (Obstacles & Opportunities)   09
   Reputation Fate Sharing
Top 10 O&O (Obstacles & Opportunities)   10
   Software Licensing
200
AdWords
photo by PageBoy
High Performance Web Site
http://stevesouders.com/hpws/rules.php

  Rule 1 - Make Fewer HTTP Requests
  Rule 2 - Use a Content Delivery Network
  Rule 3 - Add an Expires Header
  Rule 4 - Gzip Components
  Rule 5 - Put Stylesheets at the Top
  Rule 6 - Put Scripts at the Bottom
  Rule 7 - Avoid CSS Expressions
  Rule 8 - Make JavaScript and CSS External
  Rule 9 - Reduce DNS Lookups
  Rule 10 - Minify JavaScript
  Rule 11 - Avoid Redirects
  Rule 12 - Remove Duplicate Scripts
  Rule 13 - Configure ETags
  Rule 14 - Make AJAX Cacheable
1.



2.



3. NetBook

4.

5.
wave




by Andy Clarke
SEAMLESS
1.
2.
3.
     1. (     : Dropbox, Gmail)
4.
        a)   Safari + local database storage (5MB) : SQLite 3
        b)   Gears (Google Gears)
        c)   Mozilla Prism
        d)   HTML 5
        e) Adobe AIR
STABLE
Status DashBoard
1.    (HPC            )
2.
3.
4.
5.
6.
7.
8.
9.           (Cisco   )
10.
DB
Status
SLA(Service Level Agreement)
5000   /
10%    Amazon

Ten Thousand Cents <http://www.tenthousandcents.com/>
dressfile
http://typekit.com/




http://www.loop11.com/
Thomas John Watson (IBM)




                           Photo by FaviinCayman
Resources
IT
UI

More Related Content

Similar to DESIGN IT! Conference 2009 - Cloud User Interface

Introduction to Clouds (Cloud Camp Columbus)
Introduction to Clouds (Cloud Camp Columbus)Introduction to Clouds (Cloud Camp Columbus)
Introduction to Clouds (Cloud Camp Columbus)
John Willis
 
クラウドを支えるハードウェア・ソフトウェア基盤技術
クラウドを支えるハードウェア・ソフトウェア基盤技術クラウドを支えるハードウェア・ソフトウェア基盤技術
クラウドを支えるハードウェア・ソフトウェア基盤技術
Ryousei Takano
 
7 Habits of Exceptional Performance
7 Habits of Exceptional Performance7 Habits of Exceptional Performance
7 Habits of Exceptional Performance
Nicole Sullivan
 

Similar to DESIGN IT! Conference 2009 - Cloud User Interface (20)

Introduction to Clouds (Cloud Camp Columbus)
Introduction to Clouds (Cloud Camp Columbus)Introduction to Clouds (Cloud Camp Columbus)
Introduction to Clouds (Cloud Camp Columbus)
 
SEO for Large/Enterprise Websites - Data & Tech Side
SEO for Large/Enterprise Websites - Data & Tech SideSEO for Large/Enterprise Websites - Data & Tech Side
SEO for Large/Enterprise Websites - Data & Tech Side
 
クラウドコンピューティングとは何か?
クラウドコンピューティングとは何か?クラウドコンピューティングとは何か?
クラウドコンピューティングとは何か?
 
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web AppsBuilding Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
 
SEO for Large Websites
SEO for Large WebsitesSEO for Large Websites
SEO for Large Websites
 
Building prediction models with Amazon Redshift and Amazon ML
Building prediction models with  Amazon Redshift and Amazon MLBuilding prediction models with  Amazon Redshift and Amazon ML
Building prediction models with Amazon Redshift and Amazon ML
 
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Develope...
 
Improve your Tech Quotient
Improve your Tech QuotientImprove your Tech Quotient
Improve your Tech Quotient
 
Finding the Jelly in the JAMstack
Finding the Jelly in the JAMstackFinding the Jelly in the JAMstack
Finding the Jelly in the JAMstack
 
Building Social Enterprise with Ruby and Salesforce
Building Social Enterprise with Ruby and SalesforceBuilding Social Enterprise with Ruby and Salesforce
Building Social Enterprise with Ruby and Salesforce
 
Scaling wix.com to 100 million users
Scaling wix.com to 100 million users Scaling wix.com to 100 million users
Scaling wix.com to 100 million users
 
Brandon
BrandonBrandon
Brandon
 
クラウドを支えるハードウェア・ソフトウェア基盤技術
クラウドを支えるハードウェア・ソフトウェア基盤技術クラウドを支えるハードウェア・ソフトウェア基盤技術
クラウドを支えるハードウェア・ソフトウェア基盤技術
 
Introduction to Google's Cloud Technologies
Introduction to Google's Cloud TechnologiesIntroduction to Google's Cloud Technologies
Introduction to Google's Cloud Technologies
 
Serverless computing with Google Cloud
Serverless computing with Google CloudServerless computing with Google Cloud
Serverless computing with Google Cloud
 
7 Habits of Exceptional Performance
7 Habits of Exceptional Performance7 Habits of Exceptional Performance
7 Habits of Exceptional Performance
 
What's new in App Engine and intro to App Engine for Business
What's new in App Engine and intro to App Engine for BusinessWhat's new in App Engine and intro to App Engine for Business
What's new in App Engine and intro to App Engine for Business
 
Cloud State of the Union for Java Developers
Cloud State of the Union for Java DevelopersCloud State of the Union for Java Developers
Cloud State of the Union for Java Developers
 
HTML5 - The Python Angle (PyCon Ireland 2010)
HTML5 - The Python Angle (PyCon Ireland 2010)HTML5 - The Python Angle (PyCon Ireland 2010)
HTML5 - The Python Angle (PyCon Ireland 2010)
 
Azure and web sites hackaton deck
Azure and web sites hackaton deckAzure and web sites hackaton deck
Azure and web sites hackaton deck
 

More from Yukio Andoh

More from Yukio Andoh (20)

デザインのリファクタリング (慣れを大切に)
デザインのリファクタリング (慣れを大切に)デザインのリファクタリング (慣れを大切に)
デザインのリファクタリング (慣れを大切に)
 
SIGGRAPH ASIA 2020 みどころ紹介
SIGGRAPH ASIA 2020 みどころ紹介SIGGRAPH ASIA 2020 みどころ紹介
SIGGRAPH ASIA 2020 みどころ紹介
 
UX MILK All Night 2020 (Yukio Andoh)
UX MILK All Night 2020 (Yukio Andoh)UX MILK All Night 2020 (Yukio Andoh)
UX MILK All Night 2020 (Yukio Andoh)
 
Ethical UX / uxmilk fukuoka 2019/12/17
Ethical UX / uxmilk fukuoka 2019/12/17Ethical UX / uxmilk fukuoka 2019/12/17
Ethical UX / uxmilk fukuoka 2019/12/17
 
Ethical UX
Ethical UXEthical UX
Ethical UX
 
SIGGRAPH 2019 preparation
SIGGRAPH 2019 preparationSIGGRAPH 2019 preparation
SIGGRAPH 2019 preparation
 
SIGGRAPH ASIA 2018 : BOF : SIGGRAPH ASIA 2018の歩き方
SIGGRAPH ASIA 2018 : BOF : SIGGRAPH ASIA 2018の歩き方SIGGRAPH ASIA 2018 : BOF : SIGGRAPH ASIA 2018の歩き方
SIGGRAPH ASIA 2018 : BOF : SIGGRAPH ASIA 2018の歩き方
 
VoiceUIのデザインと音声サービスの勘所
VoiceUIのデザインと音声サービスの勘所VoiceUIのデザインと音声サービスの勘所
VoiceUIのデザインと音声サービスの勘所
 
VUIテクノロジーアップデート& VUIビジネストレンド紹介
VUIテクノロジーアップデート& VUIビジネストレンド紹介VUIテクノロジーアップデート& VUIビジネストレンド紹介
VUIテクノロジーアップデート& VUIビジネストレンド紹介
 
Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」
Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」
Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」
 
Voice UI/UX Design Guideline
Voice UI/UX Design GuidelineVoice UI/UX Design Guideline
Voice UI/UX Design Guideline
 
Design JP vol2 (Motion Design & Animation)
Design JP vol2 (Motion Design & Animation)Design JP vol2 (Motion Design & Animation)
Design JP vol2 (Motion Design & Animation)
 
UX Jam x UX Sketch 2017 HD
UX Jam x UX Sketch 2017 HDUX Jam x UX Sketch 2017 HD
UX Jam x UX Sketch 2017 HD
 
Shin UX 2017 - UX strategy - UX review
Shin UX 2017 - UX strategy - UX reviewShin UX 2017 - UX strategy - UX review
Shin UX 2017 - UX strategy - UX review
 
BPStudy #111 iOS 10 and iPhone 7
BPStudy #111 iOS 10 and iPhone 7BPStudy #111 iOS 10 and iPhone 7
BPStudy #111 iOS 10 and iPhone 7
 
DesignJP prototyping 20160825
DesignJP prototyping 20160825DesignJP prototyping 20160825
DesignJP prototyping 20160825
 
UX Strategy 2016/06/18
UX Strategy  2016/06/18 UX Strategy  2016/06/18
UX Strategy 2016/06/18
 
UX milk (UX Jam) 20160108
UX milk (UX Jam) 20160108UX milk (UX Jam) 20160108
UX milk (UX Jam) 20160108
 
Google Cardboard and VR Tips (at KL)
Google Cardboard and VR Tips (at KL)Google Cardboard and VR Tips (at KL)
Google Cardboard and VR Tips (at KL)
 
google cardboard and VR tips
google cardboard and VR tipsgoogle cardboard and VR tips
google cardboard and VR tips
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Quantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingQuantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation Computing
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational Performance
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Choreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringChoreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software Engineering
 
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
 
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data Science
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
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...
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
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
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 

DESIGN IT! Conference 2009 - Cloud User Interface

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. What's interesting [now] is that there is an emergent new model, and you all are here because you are part of that new model. I don't think people have really understood how big this opportunity really is. It starts with the premise that the data services and architecture should be on servers. We call it cloud computing – they should be in a "cloud" somewhere. And that if you have the right kind of browser or the right kind of access, it doesn't matter whether you have a PC or a Mac or a mobile phone or a BlackBerry or what have you – or new devices still to be developed – you can get access to the cloud. There are a number of companies that have benefited from that. Obviously, Google, Yahoo!, eBay, Amazon come to mind. The computation and the data and so forth are in the servers.
  • 9.
  • 10. Low High Instruction Set VM Bytecode VM Framework VM IBM Blue Cloud Y!OS Amazon EC2 Microsoft Azure Google AppEngine Salesforce
  • 11. Network Storage Processing Development Application Business Enterprise Consumer Akamai Acceleration Amazon S3 EC2 SimpleDB AT&T ● ● ● Web Meeting Box.net ● ● ● Google AppEngine AppEngine AppEngine Google Apps Gmail IBM ● Blue Cloud Microsoft ● ● Azure Azure Office Online Hotmail Salesforce Force.com ● ● SAP SAP Library ● ● Sun ● Metro Web-S Metro Web-S Sun SOA Open Office Open Office Terremark ● ● ● Yahoo! Pipes Yahoo!Mail Xcalibre ● ● ● cf. http://blogs.zdnet.com/BTL/?p=11206
  • 12.
  • 16. 1. (Status Dashboard ) 2. 24 365 3. OS 4. 5. 6. 7. 8. 9.
  • 17.
  • 18. NY Times NASDAQ SlideShare DropBox ESPN SecondLife 1. 2. Web 3. 4. 5. 6. 7. 8.
  • 19. 1. 2. (Mixi, Amazon, ) 3. (Microsoft,Google ) 4. (DELL) 5. (Facebook) 6. (Yahoo!) 7. (Salesforce, Microsoft)
  • 20.
  • 21. Top 10 O&O (Obstacles & Opportunities) 01 Availability of a Service DDoS
  • 22. Top 10 O&O (Obstacles & Opportunities) 02 Data Lock-in API API ( )
  • 23. Top 10 O&O (Obstacles & Opportunities) 03 Data Confidentiality and Auditability EC2
  • 24. Top 10 O&O (Obstacles & Opportunities) 04 Data Transfer Bottlenecks
  • 25. Top 10 O&O (Obstacles & Opportunities) 05 Performance Unpredictability VM disk I/O, memory I/O VM (Hypervisor) SSD(Solid State Drive)
  • 26. Top 10 O&O (Obstacles & Opportunities) 06 Scalable Storage ( : Twitter)
  • 27.
  • 28. Top 10 O&O (Obstacles & Opportunities) 07 Bugs in Large Scape Distribution Systems VM
  • 29. Top 10 O&O (Obstacles & Opportunities) 08 Scaling Quickly ( :SNS) CPU
  • 30. Top 10 O&O (Obstacles & Opportunities) 09 Reputation Fate Sharing
  • 31. Top 10 O&O (Obstacles & Opportunities) 10 Software Licensing
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. 200
  • 40.
  • 41.
  • 42.
  • 44.
  • 45.
  • 46. High Performance Web Site http://stevesouders.com/hpws/rules.php Rule 1 - Make Fewer HTTP Requests Rule 2 - Use a Content Delivery Network Rule 3 - Add an Expires Header Rule 4 - Gzip Components Rule 5 - Put Stylesheets at the Top Rule 6 - Put Scripts at the Bottom Rule 7 - Avoid CSS Expressions Rule 8 - Make JavaScript and CSS External Rule 9 - Reduce DNS Lookups Rule 10 - Minify JavaScript Rule 11 - Avoid Redirects Rule 12 - Remove Duplicate Scripts Rule 13 - Configure ETags Rule 14 - Make AJAX Cacheable
  • 48.
  • 49.
  • 50.
  • 53. 1. 2. 3. 1. ( : Dropbox, Gmail) 4. a) Safari + local database storage (5MB) : SQLite 3 b) Gears (Google Gears) c) Mozilla Prism d) HTML 5 e) Adobe AIR
  • 54.
  • 57.
  • 58. 1. (HPC ) 2. 3. 4. 5. 6. 7. 8. 9. (Cisco ) 10.
  • 59.
  • 60. DB
  • 62.
  • 63.
  • 64.
  • 65. 5000 /
  • 66. 10% Amazon Ten Thousand Cents <http://www.tenthousandcents.com/>
  • 67.
  • 70. Thomas John Watson (IBM) Photo by FaviinCayman
  • 71.
  • 72.
  • 74. IT UI