教育現場のニーズが生んだユーザーエクスペリエンス

CMSCafe 03 NetCommons※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。 0

自己紹介永原篤twitter@nagasheep• 株式会社オープンソース・ワークショップ代表取締役• 内閣府認証NPO法人コモンズネット理事• OSSコンソーシアム理事兼CMSビジネス部会リーダ• PHP技術者認定機構副理事長 COOhttp://opensource-workshop.jp 1

UX• テーマ、難しいんですけど。･･･(･∀･i)ﾀﾗｰ･･･ 2

タイトル• 発表タイトル「教育現場のニーズが生んだユーザーエクスペリエンス」• サブタイトル「新卒OLに聞くユーザーエクスペリエンス」笑いに逃げているわけではないですよ。たぶん。（笑） 3

Q. 簡単。かんたん？• NetCommonsって簡単。かんたん。というけれど。• どれぐらい簡単なの？？ 4

A. この子が使えるぐらい。 5

この子はだれ？【プロフィール】• 氏名：緑川陽菜（みどりかわひな）• 年齢：24歳• twitter：@MidorikawaHina• ワープロ、エクセルはできる。• ホームページは作ったことがない。• ネットコモンズ公式マニュアルシリーズのヒロイン 6

陽菜ちゃんtwitter twitter@MidorikawaHina• NetCommonsのことをポツポツつぶやいてます。• よければフォローしてあげてください！ 7

ちなみにその公式本 [注] 宣伝ではありません。エビデンスです。 8

冗談はおいといてせっかく、課題があるのでデモをやっていきたいと思います。 9

コンテツ編集・ページ作成まずはページを作ってみます。• ログイン＞トップページ① メニューの編集② ページ追加③ 編集終了これだけで、ページ作成完了！ 10

陽菜ちゃん談⇒ メニューの編集で。「なんとなく、直感的にこうかなって。NetCommons ってわかりやすいですね！」 11

陽菜ちゃん談⇒ 編集終了で。「あっ。ちゃんとメニューができています！」この「ちゃんと」に驚きがあらわされていますね（^^） 12

陽菜ちゃん談「これだけで、もうページが作れちゃったんですね。」「ちょっと感動しました。」 13

陽菜ちゃん談「ちょっと感動しました。」 14

陽菜ちゃん談感動しました。」「ちょっと 15

陽菜ちゃん談感動しました。 16

陽菜ちゃん談感動しました。」「ちょっと陽菜ちゃんの脳内でUX発動！？ UXを発動と表現するのかどうかわからないのですが。。（笑） 17

この辺りの詳細はこちらの本のP45 基本編／まずはページを作りますで言ってます。[注] 宣伝ではありません。エビデンスです。 18

ちょっと寄り道が多かったので• 頑張ってデモを進めてみたいと思います。 19

記事の投入• 先ほど作ったページにシンプルな記事の枠を追加。【お知らせ】• 記事を記入。• 簡単に記事が追加できましたね。 20

陽菜ちゃん談「この広い枠の中に、ようこそ・・・を書けばいいんですよね。」「本当にワープロみたい。これでちゃんとWeb サイトになるんだ・・・。」あまりに簡単すぎて、どうも陽菜ちゃん、実感を持っていないですよね。えっ？これで、ホームページなの？って感じです。 21

この辺りの詳細はこちらの本のP55 基本編／記事投稿の基本で言ってます。[注] 宣伝ではありません。エビデンスです。 22

レイアウト操作コンテツブロック要素を変更する⇒ デモ• 記事の枠を追加• ブロック移動 23

陽菜ちゃん談「わあ。びっくり。こんなに簡単にレイアウトを変更できるんですね。」Ajaxが一般的になって、この辺りの機能は多くのCMSでもありますよね。 24

この辺りの詳細はこちらの本のP59 基本編／自由自在にデザイン変更で言ってます。[注] 宣伝ではありません。エビデンスです。 25

ブロック段組み• NetCommonsでは、ブロックの段組みが可能です。• 2つ以上のブロックを選択し、「グループ化」• グループ内でレイアウトが可能⇒ デモ 26

ブロック段組み• グループ化（段組み）はネストすることが可能です。• 次ページのような複雑な段組みも可能。• サイトでもデモ 27

ブロック段組み：複雑な例グループA ブロックブロックグループBグループC グループD ブロックグループE ブロックブロックブロックブロック 28

ブロック段組み：デモ画面でデモをしてみます。• 段組みサンプル• 段組みの枠を取ったもの 29

この辺りの詳細はこちらの本のP60 基本編／自由自在にデザイン変更[注]宣伝ではありません。エビデンスです。 30

ブロック段組み：もっと複雑グループを20階層作ってみた。なんか幾何学でちょっときれいかも。（^-^） FireFox では外から9階層目で止まっちゃった。残念。（>_<）

時間大丈夫かな？ちょっとペース確認 32

画像／テキストの位置を変更基本はWYSYWYG• テキスト記入、装飾• 画像貼り付け• 回り込み設定• 画像の移動⇒ 時間があればデモ 33

画像・ファイル操作• リサイズ／文字付与／画質調整／トミング等＞機能なし• ただし、HTML上でのサイズ指定は可能（画像そのものの編集ではない） 34

画像・ファイル操作• 複数画像・ファイルアップロード• WYSYWYG 内で複数の画像、ファイルアップが可能 35

画像・ファイル操作の権限• 権限管理で権限毎に画像・ファイルのアップロード制限が可能 36

画像・ファイル操作• PDF ／動画アップロード時のサムネイル作成＞モジュール毎• 基本はまだ対応できていない。 37

時間大丈夫かな？ちょっとペース確認 38

その他ユーザの声• ボタンなどの言葉がわかりやすい（Web制作者様）• 自分で部屋を作れるのが楽しい（大学事務局様） 39

その他管理画面-会員管理• 管理者の会員管理が好評• 会員管理-項目設定• 個人情報管理これらが使いやすいと聞きます。 40

質疑応答• なんでも聞いてください。• NetCommons公式本は NetCommons公式サイトからリンクがあります。• 「NetCommons」で検索！ 41

ありがとうございましたお問い合わせ株式会社オープンソース・ワークショップhttp://opensource-workshop.jp 42

http://opensource-workshop.jp	171
http://localhost	89

教育現場のニーズが生んだユーザーエクスペリエンス

by 株式会社オープンソース・ワークショップ on Nov 02, 2011

Accessibility

Tags

Upload Details

Usage Rights

2 Embeds 260

Statistics