1 / 64

Web2.0 サービスのアーキテクチャと実装

Web2.0 サービスのアーキテクチャと実装. マイクロソフトコーポレーション プラットフォーム・アーキテクチャ・チーム シニアアーキテクト 成本正史 masashin@microsoft.com. Web の変遷. …. Web スタートアップ. Web 3.0. セマンティック Web. エンタープライズ. Web 2.0. ユーザー参加型、ソーシャルダイナミクス. Web 1.0. インターネットプレゼンス、サーチエンジン.

winifred-gentry
Download Presentation

Web2.0 サービスのアーキテクチャと実装

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web2.0サービスのアーキテクチャと実装 マイクロソフトコーポレーション プラットフォーム・アーキテクチャ・チーム シニアアーキテクト 成本正史masashin@microsoft.com

  2. Webの変遷 … Web スタートアップ Web 3.0 セマンティックWeb エンタープライズ Web 2.0 ユーザー参加型、ソーシャルダイナミクス Web 1.0 インターネットプレゼンス、サーチエンジン

  3. Web2.0アプリケーションオンラインコミュニティにおける活発なソーシャル活動を通じてユーザーの参加を促すWebアプリケーションWeb2.0アプリケーションオンラインコミュニティにおける活発なソーシャル活動を通じてユーザーの参加を促すWebアプリケーション

  4. Web2.0 サービスアクセスはWebブラウザーに限定されない、サイトの成長は自社プロバイダーに限定されない

  5. OPENな Web2.0アプリケーション O – OpenP – ProgrammableE – ExtensibleN - Neutral

  6. http://www.myspace.com Service

  7. http://www.linkedin.com Service

  8. http://slideshare.net Service

  9. http://twitter.com Service

  10. http://www.livemocha.com Application

  11. http://www.popfly.com Service

  12. 業界標準およびテクノロジー • デザインの原則 • 実装のパターン • 開発プラットフォーム • アプリケーションやサービス HTTP Wikis Blogs AggregatorsE-mail IM Collaboration Social Networking Web2.0 – 全体像 Sharing Folksonomies Viral SocialMedia Blogosphere ASP.NET PHP Collective Intelligence Social Web CrowdSourcing Scalable REST JavaScript Ruby on Rails Mashups XML MVC Mobile SEO Atom RSS Joomla Drupal Microformats Accessible XHTML Social Graphs OpenID Browsers SOAP Semantic Web Social CSS Syndication Programmable Interoperable AJAX Modular

  13. Web2.0アプリケーションの構築

  14. デモ: Planet PPT

  15. Web 2.0サービスの概念アーキテクチャ

  16. Designers Users Developers Administrators Architecture Layers Tools

  17. プラネットPPT R1 ソリューションアーキテクチャ

  18. Designers Developers Administrators Adapter Repository Tools

  19. 開発プラットフォームの選択

  20. マイクロソフトの開発プラットフォーム

  21. http://www.microsoft.com/web/

  22. Expression Popfly Visual Studio Server Admin Tools Architecture Layers Tools

  23. Expression Planet PPT R1 Implementation Architecture Visual Studio Server Admin Tools Adapter Repository Tools

  24. Web2.0サービスの一般的なアーキテクチャ

  25. ブラウザー WebＵＩフレームワーク サービスロジック ファウンデーショナルサービスアダプター データ 非構造化ストレージ AJAX ユーザー管理 Web サービスフレームワーク ブラウザプラグイン ソーシャルサービス ウィジェット 広告 ユビキタスチャネル 検索

  26. テクノロジーとパターンの選択

  27. 選択基準＝アーキテクチャの観点

  28. ファインダビリティプログラマビリティエクステンシビリティ……ファインダビリティプログラマビリティエクステンシビリティ……

  29. 実装ドリルダウン

  30. ブラウザー WebＵＩフレームワーク サービスロジック ファウンデーショナルサービスアダプター データ 非構造化ストレージ AJAX ユーザー管理 Web サービスフレームワーク ブラウザプラグイン ソーシャルサービス ウィジェット 広告 ユビキタスチャネル 検索

  31. Webアプリケーションの構造RIA テクノロジーRESTful Web サービスファウンデーショナルサービス

  32. MVC vs. Classic ASP.NET

  33. ASP.NET MVC

  34. 基本動作AJAXとの組み合わせSilverlightとの組み合わせModelの実装基本動作AJAXとの組み合わせSilverlightとの組み合わせModelの実装

  35. RIA テクノロジー

  36. RichInternet Application?

  37. RIA はこれを提供する…- 非同期アクセス - マルチメディアコンテンツの統合 - 部分的なレンダリング - DOMを多用するレンダリング - ネットワークの効果的な利用 - インタラクティブなUI - ローカルリソースの活用

  38. RIA パターン

  39. Animation Logo | Welcome <User> (Sign out) | Invite Auto Complete Site Search Home Browse Upload My Zone Community Business Accessories Multi-Media Integration Partial Rendering Slide/Presentation User Comments X + Comment Presentation Viewer <Slide Navigation Controls> | Notes Partial Rendering Contextual Ads Embed Download + Favorites + Recommend Tweet FriendFeed Related Presentations By Topic Related Presentations By Author Title Description Title Description Title Description Title Description

  40. RIAテクノロジーの選択方法

  41. RIA: テクノロジー選択 ASP.NETAJAX Static HTML Simple NO Either of the “Rich” UI elements required? rendering jQuery Data Complex NO YES Server interaction サービスとの対話 Multi-media content Visual pages YES ASP.NETAJAX Silverlight Controller Page Retrieve Page or Data? Data API

  42. RESTful Webサービス

  43. REST: 原則 AddressabilityUniform InterfaceStatelessConnectedness

  44. REST: 実装 クリーンURLシリアライゼーションシンディケーションエラーコードキャッシュコントロールユーザー認証

  45. ファウンデーショナルサービス

  46. 変化に対応するためのデザイン

More Related