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

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
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
Enterprise Knowledge
 

Recently uploaded (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
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
 

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