22
ユーザー部門を満足させる Webプラットフォームアーキテクチャ 2015年2月12日 株式会社ミックスネットワーク Web基盤ソリューション推進室 福慶 荘介

B 5 20150212-summit資料_mics

Embed Size (px)

Citation preview

Page 1: B 5 20150212-summit資料_mics

ユーザー部門を満足させる

Webプラットフォームアーキテクチャ

2015年2月12日

株式会社ミックスネットワーク

Web基盤ソリューション推進室

福慶 荘介

Page 2: B 5 20150212-summit資料_mics

会社紹介、自己紹介

株式会社ミックスネットワーク 国産CMS専業パッケージメーカー

「SITE PUBLIS」の提供

2012,2013年度シェア№1

自己紹介 Web基盤ソリューション推進室 室長

Facebook:

https://www.facebook.com/fukukei

Page 3: B 5 20150212-summit資料_mics

アジェンダ

ユーザー部門が今、望むこと

ユーザー部門が今、特に望むデバイス対応

ユーザー部門を満足させるアーキテクチャ

Page 4: B 5 20150212-summit資料_mics

ユーザー部門が今、望むこと

こんなことを 望んでいます

多様化していくデバイス

へ対応したい

高機能なWebサービスを 提供したい

複数サイトを 横断した

マーケティング施策 専門知識が無い

人でもコンテンツ 更新がしたい

インフラで 難しいことを 考えたくない

Page 5: B 5 20150212-summit資料_mics

Webの先にいるコンシューマを

調査してみると、、、

http://www.micsnet.co.jp/topics/Report_20141202.html

ユーザ部門が今、特に望むデバイス対応

Page 6: B 5 20150212-summit資料_mics

ユーザ部門が今、特に望むデバイス対応

スマートフォン所有率57.1% 15〜59歳に高い普及

タブレット所有率22.2% 20〜59歳に若干高めの普及

フィーチャーフォン所有率未だ46.1%

Page 7: B 5 20150212-summit資料_mics

ユーザ部門が今、特に望むデバイス対応

私的利用が主だが業務利用も

自宅、移動先、移動場所を選ばない

決済や予約でも当たり前に利用

Page 8: B 5 20150212-summit資料_mics

ユーザ部門が今、特に望むデバイス対応

マウスによる緻密な操作性 高速通信による

ストレスフリーな閲覧環境

指による範囲を制限された アバウトな操作性

狭い画面とPCに劣る 通信速度

指による範囲を制限された アバウトな操作性

PCに劣る通信速度だが PCに近しい広い画面

Page 9: B 5 20150212-summit資料_mics

PCサイト→スマートデバイス対応では

今後さらに加速するスマートデバイス時代に対応できず

Webエクスペリエンスの向上が望めない。。。

ユーザ部門が今、特に望むデバイス対応

Page 10: B 5 20150212-summit資料_mics

PC専用 レイアウト

タブレット専用レイアウト

スマホ専用 レイアウト

ガラケー専用 レイアウト

コンテンツA

コンテンツB コンテンツC

コンテンツD コンテンツE コンテンツF

コンテンツG

ユーザ部門が今、特に望むデバイス対応

Page 11: B 5 20150212-summit資料_mics

ユーザ部門を満足させてあげたい、、、

ユーザ部門を満足させるアーキテクチャ

Page 12: B 5 20150212-summit資料_mics

ユーザ部門を満足させるアーキテクチャ

CMSの機能でマルチデバイス対応

プレゼンテーションとロジックの分離

複数サイトの統合管理

NonコーディングCMS

セキュアかつスケーラブルなインフラ

Page 13: B 5 20150212-summit資料_mics

CMSの機能でマルチデバイス対応

共通パーツ

スマートフォン用パーツ

タブレット用パーツ

ガラケー用パーツ

Page 14: B 5 20150212-summit資料_mics

CMSの機能でマルチデバイス対応

継続的なデバイス対応を行うために 新機種が発売されたら、 機種情報をインポート

Page 15: B 5 20150212-summit資料_mics

ポータルサイト

コンテンツ管理 権限・フロー デバイス管理

Webシステム

会員情報管理 製品情報管理 販促 決済処理 在庫管理 レコメンド

プレゼンテーションとロジックの分離

会員情報管理 製品情報管理 販促

従来型のWebシステムアーキテクチャ

Page 16: B 5 20150212-summit資料_mics

コンテンツ管理 権限・フロー デバイス管理

ポータルサイト

Webプレゼンテーション層(Webサイト運用基盤)

会員情報管理 製品情報管理 販促

決済処理 在庫管理 レコメンド

ビジネスロジックサービス群

連携

連携

連携

プレゼンテーションとロジックの分離

これからのWebシステムアーキテクチャ

Page 17: B 5 20150212-summit資料_mics

Aサイト

Bサイト

Cサイト

Dサイト

デバイス別テンプレート デバイス別に制作 外部サービスで変換

HTMLで構築 JAVAで開発 VBで開発 外部委託

複数サイトの統合管理

Webサイトの現状

Page 18: B 5 20150212-summit資料_mics

顧客接点を組織的設計

CI・ブランディングの統一

マーケティングデータの集約

コスト集約・削減効果

セキュリティレベルの均一化

複数サイトの統合管理

Webサイトを統合管理することで

Page 19: B 5 20150212-summit資料_mics

NonコーディングCMS

簡単にブロックの入れ替え

サイト共通パーツの配置

WYISWYG編集 ブロックの配置

画像の配置

エディット画面

エディター

Page 20: B 5 20150212-summit資料_mics

SITE PUBLIS 公開サーバ (仮想サーバ)

SITE PUBLIS 編集サーバ (仮想サーバ)

iSCSI NAS/FTP Evault backup (仮想サーバ)

Private Network

Management Network

Public Network

商品情報 スレーブDB (ベアメタル)

SoftLayer

Private Network

Management Network

FireWall LB

基幹システム

商品情報 マスタDB

VPN

システム管理者

サイト管理者・更新者

xml

VPN暗号化通信 (IPsec,SSL,PPTP)

セキュアかつスケーラブルなインフラ

Multi Device Access

Page 21: B 5 20150212-summit資料_mics

製品情報等 メンテナンス

データ コンテンツ

DTP

VAN

連携 プラグイン

その他WEBコンテンツ

MD部門等

WEB管理部門

WEB記事作成・更新・サイト公開

DAM

ERP

商品 マスタ

基幹システム (商品管理 在庫管理 等)

REST API

向け配信

マルチデバイス

事例)メーカー製品サイトのアーキテクチャ

Page 22: B 5 20150212-summit資料_mics

おわりに

ご清聴ありがとうございました。

より詳細な情報は、

「SITE PUBLIS」ブースにお立ち寄りください。

http://www.sitepublis.net/