movable type とウェブサイトの情報設計
TRANSCRIPT
Movable Typeas the
Publishing Platform
Jun Kaneko , 2009/5/16
2009年5月17日日曜日
ウェブサイト（World Wide Web）のインフォメーション・アーキテクチャ
Userユーザー
Contentコンテンツ
from the book “Information Architecture for the World Wide Web, 3rd Edition”
Document / data types, content object, volume, existing structure
Business goals, funding, politics, culture, technology, resources, constraints
Audience, tasks, needs, information seeking behavior, experience
Context状況, 文脈, 背景
2009年5月17日日曜日
Publishing Platform
User作成者
Content文章, 写真
Contextテンプレートウェブサイト
ContentHTMLブラウザ
User読者
<mt:Entries>
<h2><$mt:EntryTitle$></h2>
<$mt:EntryBody$>
<$mt:EntryAuthorLink$>
</mt:Entries>
伝えたいコンテンツを、読者に向けて発射する
2009年5月17日日曜日
Website published by MT
2009年5月17日日曜日
コンテンツ本体Sunset Surfing By Jun Kaneko on May 14, 2009 8:34 PM
Typhoon #20, probably the last typhoon this season, brought the shiny surf day. It was a bit stormy weather on Saturday, but the storm wind blow all the cloud away and the perfect sky was upon the typhoon swell on Sunday.
2009年5月17日日曜日
ブラウザ向けのマークアップ
Sunset Surfing By Jun Kaneko on May 14, 2009 8:34 PM
Typhoon #20, probably the last typhoon this season, brought the shiny surf day. It was a bit stormy weather on Saturday, but the storm wind blow all the cloud away and the perfect sky was upon the typhoon swell on Sunday.
<h2>
<span class="vcard author"> <abbr class="published">
<p>
<img>
2009年5月17日日曜日
コンテンツを表すマークアップ
Sunset Surfing By Jun Kaneko on May 14, 2009 8:34 PM
Typhoon #20, probably the last typhoon this season, brought the shiny surf day. It was a bit stormy weather on Saturday, but the storm wind blow all the cloud away and the perfect sky was upon the typhoon swell on Sunday.
<h2>
<span class="vcard author"> <abbr class="published">
<p>
<img>
<$mt:EntryTitle$>
<$mt:EntryAuthorLink$> <$mt:EntryDate$>
<$mt:EntryBody$>
<$mt:EntryAssets$>
2009年5月17日日曜日
mt:Entry = コンテンツ・ブロック
Sunset Surfing By Jun Kaneko on May 14, 2009 8:34 PM
Typhoon #20, probably the last typhoon this season, brought the shiny surf day. It was a bit stormy weather on Saturday, but the storm wind blow all the cloud away and the perfect sky was upon the typhoon swell on Sunday.
<h2>
<span class="vcard author"> <abbr class="published">
<p>
<img>
<$mt:EntryTitle$>
<$mt:EntryAuthorLink$> <$mt:EntryDate$>
<$mt:EntryBody$>
<$mt:EntryAssets$>
2009年5月17日日曜日
<mt:Entries>
<h2><$mt:EntryTitle$></h2>
<$mt:EntryBody$>
<$mt:EntryAuthorLink$>
</mt:Entries>
HTMLとMTMLでブロック化されたコンテンツ
2009年5月17日日曜日
ブロックをテンプレート化
module="Banner Header"
mt:Entries Widget List
2009年5月17日日曜日
投稿画面
2009年5月17日日曜日
Custom Fieldsによる拡張<mt:Entries>
<mt:EntryMyFields>
</mt:Entries>
Template 用の独自MTタグ
投稿画面の独自入力フィールド
2009年5月17日日曜日
コンテンツ・ブロックと 投稿画面が連動
<mt:Entries>
<h2><$mt:EntryTitle$></h2>
<$mt:EntryBody$>
<$mt:EntryAuthorLink$>
</mt:Entries>
2009年5月17日日曜日
MT標準の様々なコンテンツ・ブロック
•mt:Entries•mt:Pages•mt:Assets
•mt:Comments•mt:Pings•mt:ActionStreams
2009年5月17日日曜日
Motion (Action Stream)
インターネット上の様々なコンテンツ（twitter, flickr, youtubeなど）をMT上のコンテンツのように、テンプレートでカスタマイズ、表示する
2009年5月17日日曜日
コンテンツを公開するコンテクスト
Context
User Content
2009年5月17日日曜日
コンテンツ構造化の方法
•mt:Blogs• mt:Categories• mt:Folders• mt:Tags• mt:Calendar• mt:Archives
2009年5月17日日曜日
カテゴリー
2009年5月17日日曜日
フォルダ（ディレクトリ）
2009年5月17日日曜日
タグ
2009年5月17日日曜日
コンテンツとテンプレートの構造設計= アーカイブ・マッピング
2009年5月17日日曜日
Context of MT
• MT内のコンテンツを整理・構造化してウェブサイトの狙った場所に出力するためのテンプレートの設定・内容・状態 ($ctx)
• 処理中のblog, blog_id, entry, entries, category, comment, commenter, ping , asset, tag, author, template, etc
2009年5月17日日曜日
Website > Blog > Template > Contents
http://www.goodpic.com/
/
Portal Multi Blog
/blog1
Blog 1
http://www.mycompany.com/
ArchivesFolderBlog 2
Directory
Directory
Directory /blog2files
pages
Website
Website
/folder1/folder2
Professional Website Theme
Context
2009年5月17日日曜日
Publishing Platformウェブサイトの狙った場所にコンテンツを発射（そのために、MT管理画面はまだ進化の余地が沢山ある）
http://www.goodpic.com/
/folder1/blog1Path
Site URL
files
pages
Blog 1
/folder1/folder2Path
Folder
files
pages
/folder1Path
/index.html
/folder1/folder2/etcPath
2009年5月17日日曜日
ユーザー中心の情報設計
Context
User Content
2009年5月17日日曜日
mt:Authors共同作業をサポートする仕組み
2009年5月17日日曜日
読者を参加者に
コミュニティー用のMTタグ＆テンプレート
• コミュニティ掲示板テンプレート
• グループブログテンプレート
• ユーザープロフィールページ
• 記事お気に入り
• 注目ユーザー (友達)
2009年5月17日日曜日
mt:ActionsユーザのMT上での様々なActionを元に、コンテンツを出力
2009年5月17日日曜日
Movable Typeのインフォメーション・アーキテクチャ
Context
User Contentmt:Entriesmt:Pagesmt:Assets mt:Commentsmt:Pingsmt:ActionStreams
mt:Blogsmt:Foldersmt:Tags
mt:Categoriesmt:Calendarmt:Archives
mt:Authorsmt:Actions
2009年5月17日日曜日
自由に拡張可能な情報アーキテクチャ
= フレームワーク
2009年5月17日日曜日
User
Content
Context
新しいMTタグを自分で作成
Plugin-MT::Plugin::MyPlugin-MT/plugins/myplugin/config.yaml
registry=>tagsFunction, Block, Modifier
Template
Context$ctx->stash(‘entry’)
MT::Entry
<mt:Entries>
sub hdlr_”my_tag”
2009年5月17日日曜日
Callbackを利用したコンテンツ処理
registry=>callbacks
cms_post_save.entry
sub hdlr_cms_”my_callback”
Plugin-MT::Plugin::MyPlugin-MT/plugins/myplugin/config.yaml
MT::App::CMS
MT::Callback
$objMT::Entry, ...
$app
$cb
User
Content
Context
2009年5月17日日曜日
管理画面のカスタマイズ
MT App template-tmpl-cms-dialog-include-popup-widget-comment
-feeds-wizard
sub hdrl_template_param($tmpl_ref, $tmpl)
TransformerDOM manipulation
registry=>callbackstemplate_param.”tmpl name”
=>application=>cms=>menus, =>methods
MT custom menu
-tmpl- custom_menu.tmpl
-lib-CustomMenu
Add Menu
Plugin-MT::Plugin::MyPlugin-MT/plugins/myplugin/config.yaml
2009年5月17日日曜日
その先には深遠なるラクダの王国が
Perl
2009年5月17日日曜日
Designyour website
as you imagine !
2009年5月17日日曜日