海外事例に学ぶマルチデバイス対応サイト構築テクニック<br />サイトコア株式会社<br />原水真一<br />
SitecoreCMSの3大特長<br />2<br />
Sitecore CMS = 次世代統合型Web CMS<br />オンライン   マーケティング<br />アナリティクス<br />多機能Webコンテンツ マネジメント<br />カスタマー<br />インテリジェンス<br />3<br ...
Sitecoreアーキテクチャ~Sharepoint & DynamicsCRMコネクタ、外部DB/システム連携API~<br />4<br />
Web サイトのマルチデバイス対応<br />
マルチデバイスの時代<br />6<br />ケータイ<br />PC<br />スマートフォン<br />タブレット<br />キオスク<br />IPTV<br />
モバイル対応のためのソリューション<br />
コンテンツ イン -> コンテンツ アウト<br />ウェブページ<br />リレーショナルDB<br />構造化されたドキュメント<br />PDF ファイル<br />モバイルデバイス<br />構造化されていないドキュメント<br />シ...
データテンプレートとレイアウト<br />レイアウトの開発<br />Sitecore で管理しているデータを表示するページレイアウトの作成<br />テンプレートエディタ<br />ページで利用するアイテムのデータ構造を定義する<br />
デバイスの設定、サポート機能<br />デバイスの定義<br />その他<br /><ul><li>画像ファイルの自動リサイズ
デバイスごとのキャッシュ制御
デバイスに依存しないシステム間連携の実装
アクセス解析・オンラインマーケティングの活用
プレビュー機能</li></ul>レイアウトの設定<br />
ページの要素をアイテムで管理<br />サブアイテムの一覧を表示<br />6つのキャンペーン<br />マーケティングメッセージ、画像、リンク先の項目を1つのアイテムとし、時間ごとにローテーション<br />4 つのアイテムで訴求しているソリ...
アイテムを階層化して管理<br />アイテムを階層で管理することで、ページの中で部品と同じように利用することができる。<br />アイテムごとに言語管理ができるため、多言語サイトにおいても柔軟な情報発信が可能<br />
モバイルサイトでの利用<br />アイテムの階層情報を利用して、<br />モバイルサイトのメニューを構築<br />PC サイトにおいてトップレベルのメニューが増えた場合には、自動的にモバイルサイトのメニューが更新される<br />
ビジネス ユーザーは    コンテンツを作成、編集<br />開発者とデザイナーはプレゼンテーションにフォーカス<br />コンテンツとプレゼンテーションの分離<br />CMSがコンテンツとプレゼンテーションを一体化する<br />
デバイス毎の最適化<br />15<br /><ul><li>レイアウト
フォームファクター
画面解像度
機能</li></li></ul><li>事例:マルチデバイス・マルチ言語サイトTHE PENINSULA<br />16<br />iPhoneサイト<br />PCサイト<br />http://www.peninsula.com/Toky...
事例:マルチデバイス・マルチチャネルサイトBROOKINGS<br /><ul><li>モバイルおよびクロスチャネルパブリッシングとエンゲージメントを目指し約50,000アイテムを移行
Upcoming SlideShare
Loading in...5
×

Sitecore CMS マルチデバイス

1,192

Published on

サイトコアとロフトワークのセミナー第二弾として、マルチデバイス時代に求められる CMS に関するセミナーを実施しました。このスライドは、セミナーの中身を抜粋して紹介をしています。

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,192
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • コンテンツのプレゼンテーションからの分離エンタープライズ レベルで迅速な開発が可能コンテンツのオーサリングの集中管理 ルック &amp; フィールの一貫性の維持
  • Sitecore CMS マルチデバイス

    1. 1. 海外事例に学ぶマルチデバイス対応サイト構築テクニック<br />サイトコア株式会社<br />原水真一<br />
    2. 2. SitecoreCMSの3大特長<br />2<br />
    3. 3. Sitecore CMS = 次世代統合型Web CMS<br />オンライン マーケティング<br />アナリティクス<br />多機能Webコンテンツ マネジメント<br />カスタマー<br />インテリジェンス<br />3<br />多言語編集やマルチデバイス対応など多機能Webコンテンツ管理に、サイト内ビジター行動分析機能や、パーソナライゼーションなどのオンラインマーケティング機能を統合したWebCMS<br />
    4. 4. Sitecoreアーキテクチャ~Sharepoint & DynamicsCRMコネクタ、外部DB/システム連携API~<br />4<br />
    5. 5. Web サイトのマルチデバイス対応<br />
    6. 6. マルチデバイスの時代<br />6<br />ケータイ<br />PC<br />スマートフォン<br />タブレット<br />キオスク<br />IPTV<br />
    7. 7. モバイル対応のためのソリューション<br />
    8. 8. コンテンツ イン -> コンテンツ アウト<br />ウェブページ<br />リレーショナルDB<br />構造化されたドキュメント<br />PDF ファイル<br />モバイルデバイス<br />構造化されていないドキュメント<br />シンディケーション<br />マルチメディア<br />マルチソースからマルチフォーマットへ<br />
    9. 9. データテンプレートとレイアウト<br />レイアウトの開発<br />Sitecore で管理しているデータを表示するページレイアウトの作成<br />テンプレートエディタ<br />ページで利用するアイテムのデータ構造を定義する<br />
    10. 10. デバイスの設定、サポート機能<br />デバイスの定義<br />その他<br /><ul><li>画像ファイルの自動リサイズ
    11. 11. デバイスごとのキャッシュ制御
    12. 12. デバイスに依存しないシステム間連携の実装
    13. 13. アクセス解析・オンラインマーケティングの活用
    14. 14. プレビュー機能</li></ul>レイアウトの設定<br />
    15. 15. ページの要素をアイテムで管理<br />サブアイテムの一覧を表示<br />6つのキャンペーン<br />マーケティングメッセージ、画像、リンク先の項目を1つのアイテムとし、時間ごとにローテーション<br />4 つのアイテムで訴求しているソリューションへの誘導<br />
    16. 16. アイテムを階層化して管理<br />アイテムを階層で管理することで、ページの中で部品と同じように利用することができる。<br />アイテムごとに言語管理ができるため、多言語サイトにおいても柔軟な情報発信が可能<br />
    17. 17. モバイルサイトでの利用<br />アイテムの階層情報を利用して、<br />モバイルサイトのメニューを構築<br />PC サイトにおいてトップレベルのメニューが増えた場合には、自動的にモバイルサイトのメニューが更新される<br />
    18. 18. ビジネス ユーザーは コンテンツを作成、編集<br />開発者とデザイナーはプレゼンテーションにフォーカス<br />コンテンツとプレゼンテーションの分離<br />CMSがコンテンツとプレゼンテーションを一体化する<br />
    19. 19. デバイス毎の最適化<br />15<br /><ul><li>レイアウト
    20. 20. フォームファクター
    21. 21. 画面解像度
    22. 22. 機能</li></li></ul><li>事例:マルチデバイス・マルチ言語サイトTHE PENINSULA<br />16<br />iPhoneサイト<br />PCサイト<br />http://www.peninsula.com/Tokyo/jp/default.aspx<br />
    23. 23. 事例:マルチデバイス・マルチチャネルサイトBROOKINGS<br /><ul><li>モバイルおよびクロスチャネルパブリッシングとエンゲージメントを目指し約50,000アイテムを移行
    24. 24. PCおよび各種モバイルブラウザに最適なレイアウトのコンテンツ配信
    25. 25. RSS配信、TwitterやFacebookへのポストもSitecoreのコンテンツエディターより直接実行
    26. 26. iPhone, Android, Blackberryなどのモバイルアプリケーションへのコンテンツ配信も統合
    27. 27. 導入効果:「Edit Once, Publish Everywhere」の実現</li></ul>http://www.brookings.edu<br />Android画面<br />Twitterへの投稿<br />iPhone画面<br />17<br />
    28. 28. マルチ言語サイトのブランディング<br />18<br />Spanish<br />English<br />Chinese<br />
    29. 29. 多機能 CMS として<br />
    30. 30. 使いやすさと多機能の両立<br />メディアライブラリ<br />マルチデバイスレイアウト<br />マルチサイト対応<br />マルチ言語対応<br />バージョン管理<br />バージョン間差分チェック<br />コンテンツ自動検証※<br />デバッグ(性能分析)<br />ワークフロー<br />公開スケジューリング<br />プレビュー(過去~未来)<br />ウェブフォームウイザード<br />SEOモジュール<br />Web2.0モジュール<br />プレビュー機能は、過去および未来にスケジュールされたコンテンツを公開イメージで見ることができます。<br />マルチデバイス、マルチ言語にも対応。簡単にモードを切り替えながら新しいバージョンのコンテンツを反映したウェブページをプレビューできます<br />※SEO自動化やガバナンス、情報品質管理に有効<br />(特許出願済)<br />20<br />
    31. 31. 事例:リッチデザイン&メディア統合ECサイト マンチェスター シティFC<br /><ul><li>AJAXによる高度なインタラクティブ操作とリッチメディア統合を実現したサイト
    32. 32. 高度サービス連携:Brightcove/ビデオ管理,IRIS/ECチケット、Metagy/ショップ&出荷、YesPay/決済、LimeRight/CDN
    33. 33. 導入効果:「企画から2.5カ月でラウンチし、その後100日で300万ユニークビジターと4,500万PVを達成」</li></ul>http://www.mcfc.co.uk<br />21<br />
    34. 34. 事例:クラウド活用メディアサイト産経フォト<br /><ul><li>報道写真や投稿写真など高品質かつ大容量データを速やかに掲載する事が出来る表現力豊かで速報性に優れたサービス
    35. 35. Windows Azure PlatformとSitecore CMSにより2.5ヶ月で構築
    36. 36. 月間2,000万PVのアクセスと大容量データ管理に対応
    37. 37. オンプレミス環境と比較して、開発期間および費用を半減</li></li></ul><li>まとめ<br />マルチデバイスサイトに求められる機能<br />ページで利用するアイテムの構造を自由に定義することができる<br />アイテムを表示するために必要な、レイアウト管理機能を利用できる<br />将来提供される未知のデバイスに対応する機能が含まれている<br />CMS に求められる機能<br />多言語対応<br />簡単な編集機能<br />マルチサイト対応<br />様々なシステムとの連携<br />CRM 連携<br />オンラインマーケティング機能<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×