Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Service Oriented UI Architecture in the world of web, desktop, & mobile applications

2.847 Aufrufe

Veröffentlicht am

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

Service Oriented UI Architecture in the world of web, desktop, & mobile applications

  1. 1. Service Oriented UI Architecture in the world of web, desktop and mobile applications How the web has gone beyond the browser and we’re headed back to Client/Server Jeff Haynie
  2. 2. <ul><li>JEFF HAYNIE </li></ul><ul><li>CEO, Appcelerator </li></ul><ul><li>Open Source Developer </li></ul>Twitter: jhaynie Blog: blog.jeffhaynie.us
  3. 3. How the web has gone beyond the browser and we’re headed back to Client/Server
  4. 4. Compared even to the development of the phone or TV, the Web developed very quickly. Sir Tim Berners-Lee Inventor, World Wide Web
  5. 5. The web was built for information retrieval URLs are for identification Search engines are for location of content Web sites help us produce & consume content
  6. 6. Search is king
  7. 7. Web content has been controlled by web servers Java has become the de-facto Enterprise platform (.NET is pretty compelling too)
  8. 8. We have turned our web servers into application platforms We want more interactivity with our users Content is dynamic Our apps use MVC on the server side
  9. 9. Our infrastructure is optimized for applications to be controlled by the server We call this “server-assisted” MVC Each page request is dynamically generated Sessions are maintained on the server Client is response for display and input
  10. 10. We couple our application and service logic We try not to do it, but it still happens Levels of indirection to make it less painful Mix metaphors and cross concerns
  11. 11. Server-side programming has become too complex (and it doesn’t have to be)
  12. 12. Great for the tech book publishers We have one, too!
  13. 13. J2EE hearts XML
  14. 14. Applications are distinctly different than services Different use cases Different technologies Different skill sets
  15. 15. The Browser has been our modern dumb terminal
  16. 16. Applications today are coupled at the server tier Still same development effort Web services in enterprise suffer the same fate Rapid iteration difficult, if not impossible
  17. 17. Web 2.0 Remix the web with services
  18. 18. We’ve started thinking about platforms that provide services
  19. 19. Services are separate from applications
  20. 20. Web 2.0 (accidently) introduced separation of concerns Services were designed to be separated Mashups allowed consumption and production Clients independently developed from backend
  21. 21. We call this Web 2.0 Facebook Flickr Google Maps Twitter
  22. 22. Social Communites Sharing RSS Blogging Microformats Social bookmarking Tagging
  23. 23. Web 2.0 is the divorce of services from applications. The Applications are back in control Applications can be built with no backend of their own
  24. 24. We’re going back in time
  25. 25. We call this Service Oriented UI Services are distinctly separated from the UI No assumptions need to be made about the UI UI can consume different, varied services
  26. 26. It’s the application stupid. Services are important. The “platform” Services should be lightweight Applications control services
  27. 27. We used to call this Client / Server. The web is a client server architecture We lost our way along the way Things became tightly coupled
  28. 28. The web is becoming more than a website The “web” can describe any number of ways of consuming and producing bits, on any number of devices, at multiple locations
  29. 29. We’re going into new territory
  30. 30. Phone is no longer a “phone”
  31. 31. The Web is in our back pocket
  32. 32. The Web is in our living room
  33. 33. The Web is in your PC bios
  34. 34. Web is coming (in) to a desktop near you
  35. 35. We have no choice anymore about applications and services
  36. 36. The web has become the ultimate application platform Flexibility of distribution Available of technologies and collaboration Global marketplace and workplace
  37. 37. SOUI attributes Separation of application from services Rapid prototyping of application without backend No throwaway code Ability to iterate with different constituents
  38. 38. SOUI is about the application User experience through usability
  39. 40. Current model of development is tightly coupled Each phase has impact on both sides Server dominates UI Dev cycle is elongated because of server-side
  40. 41. SOUI enables Interactive Use Cases User-driven development through use cases Technology enabled Agile Because functional requirements suck
  41. 42. If I had asked my customers what they wanted, they would have told me ‘a faster horse‘. Henry Ford
  42. 43. IUCs fulfillment of agile dev Client application can be fully developed with little to no backend Fast iteration of front-end application Mock-out of backend-services
  43. 44. Where are SOUI principles applied? Lots of Web 2.0 applications Adobe Flex and Flash Microsoft Silverlight
  44. 45. SOUI architecture Client is the application and controls state, logic Services are stateless Services provide well-known API
  45. 46. Appcelerator is a SOUI architecture SDK provides building client-applications Services tier cleanly separated 7 major programming languages, major frameworks
  46. 47. Appcelerator Java support Java support out of the box Rapid service prototyping with Jetty Clean, simple development Java 5 annotation, POJO driven
  47. 48. Appcelerator for building client Declarative AJAX, Web Expression Language Integrated services Message Oriented
  48. 49. Appcelerator cleanly separates
  49. 50. Appcelerator Web SDK Web Expression Language - DSL Message Broker Unified UI Widgets on [event] then [action]
  50. 51. Appcelerator Services Intentionally thin
  51. 52. Application Web Server HTTP Application makes request for files Application Web Server HTTP Web server returns static files
  52. 53. Application Page Application “compiles” page Elements Widgets Scripts Message Broker Services Services Services
  53. 54. AJAX Asynchronous Javascript
  54. 55. Appcelerator client example
  55. 56. Appcelerator Services are lightweight Simple annotation style POJO development Works well with other frameworks like Spring Makes no assumptions about backend
  56. 57. Appcelerator Services example
  57. 58. Appcelerator Java EE Deployable to any Java EE app server, OSGI Integration with Jetty for development POJO auto mapping for services
  58. 59. Web 3.0
  59. 60. Reuse Remix Refactor
  60. 61. Applications are moving beyond the browser Rich desktop applications are going mainstream Same development model with SOUI Same tools, services, skills
  61. 62. Appcelerator on the desktop, mobile
  62. 63. Rich Desktop applications Support for Win32, OSX and Linux Web technologies to build rich desktop apps Javascript API for desktop, file, network, menus, custom windows, etc.
  63. 64. Appcelerator is cross platform, cross browser Mac OSX, Win32, Linux Modern browsers: IE6/7, FF, Safari, Chrome, Opera Mobile browsers: iPhone, Android, Skyfire *
  64. 65. Appcelerator is open source Apache Public License Active Developer Community Hosted on GitHub http://community.appcelerator.org
  65. 66. Early access Available today on Manning website In print in Spring
  66. 67. Download Appcelerator today Let’s us know if you’d like to get involved IRC #appcelerator on freenode Twitter @appcelerator http://getappcelerator.com
  67. 68. Flickr Photo Shoutouts <ul><li>http://flickr.com/shutterhack </li></ul><ul><li>http://flickr.com/psd </li></ul><ul><li>http://flickr.com/cayusa </li></ul><ul><li>http://flickr.com/sigalakos </li></ul><ul><li>http://flickr.com/two-wrongs </li></ul><ul><li>http://flickr.com/chavals </li></ul><ul><li>http://flickr.com/stewf </li></ul><ul><li>http://flickr.com/actiondatsun </li></ul><ul><li>http://flickr.com/tyrussmalley </li></ul><ul><li>http://flickr.com/clompers </li></ul><ul><li>http://flickr.com/trucolorsfly </li></ul><ul><li>http://flickr.com/markknol </li></ul><ul><li>http://flickr.com/dan_h </li></ul><ul><li>http://flickr.com/cvanfleteren </li></ul><ul><li>http://flickr.com/stevenerat </li></ul><ul><li>http://flickr.com/carrierdetect </li></ul><ul><li>http://flickr.com/jazzmasterson </li></ul><ul><li>http://flickr.com/re-ality </li></ul><ul><li>http://flickr.com/bluesmuse </li></ul><ul><li>http://flickr.com/niallkennedy </li></ul>