マトリックス型モデルによるテキストエディターと作文過程の可視化
1 like2,825 views
日本教育工学会 第29回全国大会 課題研究K01-1-405 「システム開発・新技術の利用：学びを拡げる情報環境」にて。 デモのスナップショットやQ&A・コメントを反映しています。 2013-09-23 暫定0.9版 2013-09-23 暫定0.91版 2013-09-23 発表1.0版 2013-09-24 デモ、Q&Aやコメントを反映した1.1版
![視点の可視化
操作履歴
メトリックス
文章モデル
2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 33
個々の授業、業務
指導法、業務フロー
ワークシート、帳票
マトリックス型モデル
データ構造・処理方式
採用
利用
データ表現
編集操作実現
[抽象化]](https://image.slidesharecdn.com/matrixeditorandwritingprocessv0-130922172618-phpapp01/85/-33-320.jpg)
![ワークシートによる指導/業務
2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 34
〜〜〜
個々の授業、業務
指導法、業務フロー
ワークシート、帳票
マトリックス型モデル
データ構造・処理方式
採用
利用
データ表現
編集操作実現
[抽象化]
• 思考シート
• 科研費申請書
(などなど)…
• ○○メソッド
• 申請業務 & 審査業務
(などなど)…](https://image.slidesharecdn.com/matrixeditorandwritingprocessv0-130922172618-phpapp01/85/-34-320.jpg)
![視点の可視化: 分離・データ化
操作履歴
メトリックス:マトリックス数、
文字数、…
文章モデル
2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 35
データ化と分析
• 視点の共有
• ライティング行動(の一面)
個々の授業、業務
指導法、業務フロー
ワークシート、帳票
マトリックス型モデル
データ構造・処理方式
採用
利用
データ表現
編集操作実現
[抽象化]](https://image.slidesharecdn.com/matrixeditorandwritingprocessv0-130922172618-phpapp01/85/-35-320.jpg)
![実装
2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 36
Web
• データ表現: HTML、CSS
• 処理: JavaScript、HTTP
文章表示の互換性
マルチプラットフォームでの処理
PC、タブレット、スマホ
個々の授業、業務
指導法、業務フロー
ワークシート、帳票
マトリックス型モデル
データ構造・処理方式
採用
利用
データ表現
編集操作実現
[抽象化]](https://image.slidesharecdn.com/matrixeditorandwritingprocessv0-130922172618-phpapp01/85/-36-320.jpg)
![評価の階層と学際研究
• 上位すべての評価を踏まえた
下位の評価
• 単独の評価
2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 43
個々の授業、業務
指導法、業務フロー
ワークシート、帳票
マトリックス型モデル
データ構造・処理方式
採用
利用
データ表現
編集操作実現
[抽象化]
評価
評価
評価
評価](https://image.slidesharecdn.com/matrixeditorandwritingprocessv0-130922172618-phpapp01/85/-43-320.jpg)
マトリックス型モデルによるテキストエディターと作文過程の可視化
- 1. マトリックス型モデルによる テキストエディターと作文過程の可視化 - 視点の可視化による協調学習とLearning Analysis - v1.1 2013-09-24 ◎山口琢(学生)、大場みち子、高橋修 公立はこだて未来大学 12013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室
- 9. マトリックスと文章の関係はゆるめ 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 9 マトリックスには 整理してない… …まぁ、その必要はない 不採用 不採用
- 10. デモ: 編集操作ログ 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 10
- 12. 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 12 デモ用のログ出力 行追加ボタン
- 13. 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 13 行が追加された
- 14. 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 14 RowAppend: 行が追加された 追加先のマトリックスのidはcc_117 行内にはセルが2つ追加されていて、idはcc_323とcc_324である
- 16. 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 16 paragraphBefore: 段落が追加された。 追加された段落を含む要素のidはcc_324。 それって、さっき追加した行内のセルだ！ テキスト(段落)が追加された
- 17. デモ: テンプレートからの追跡 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 17
- 21. テンプレート • HTMLページ • 別のサーバーにあってよい • われわれとは別に運営できる 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 21
- 22. デモのポイント マトリックス関連の編集操作を追跡できる。 追加・編集されたテキストは記録されない。 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 22
- 24. 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 24 視点 セッションの「お題」という視点「一般的な発表の構成」という視点
- 25. 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 25 タブレットコンピューター向けのワードプロセッサーを試作した．特長は， 様々な視点を軸にしてマトリックス型に文章を集約できることである．これ により，デスクトップPCよりも小さなタブレット画面においても，文章をマ クロに編集することが可能となる．文章データはHTML5で記述し，CSS3で 表示し，JavaScriptで編集し，利用者のクラウド環境に保存する．これらに よって，クロスプラットフォームで編集可能であり，ブラウザーさえあれば オフラインでJavaScriptがオフであっても表示可能である．マトリックスの 軸であるところの視点をテンプレートとして共有し，これらに基づく編集操 作を記録することが可能だが，この編集操作履歴のビッグデータを解析し共 有することが今後の目標である． マトリックスと文章
- 26. マトリックスを介して 視点から文章を作成・編集 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 26 セッションの「お題」という視点「一般的な発表の構成」という視点 タブレットコンピューター向けのワードプロセッサーを試作した．特長は，様々 な視点を軸にしてマトリックス型に文章を集約できることである．これにより， デスクトップPCよりも小さなタブレット画面においても，文章をマクロに編集す ることが可能となる．文章データはHTML5で記述し，CSS3で表示し， JavaScriptで編集し，利用者のクラウド環境に保存する．これらによって，クロ スプラットフォームで編集可能であり，ブラウザーさえあればオフラインで JavaScriptがオフであっても表示可能である．マトリックスの軸であるところの 視点をテンプレートとして共有し，これらに基づく編集操作を記録することが可 能だが，この編集操作履歴のビッグデータを解析し共有することが今後の目標で ある．
- 27. スマホ版の画面 関連技術 – オープンな検索システム – クローズドな推薦システム 背景と目的 – 新たな観光客獲得(ニーズ) – リピーター獲得(ニーズ) – ネットへ発信(シーズ) – ネット利用(シーズ) – 目的 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 27 視点 文章 マトリックス
- 28. 視点の可視化 視点 • 話題、論点、… • 文脈、分類、… • 規則、尺度、… 可視化 • データ化 + 編集可能化 • 見える • 触れる • 編集の過程が分かる • 過程に介入できる 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 28
- 29. 某投稿の編集ログ 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 29 マトリックス操作 段落追加など 文字編集など 〆切間際に「what to say」は再考しないらしい…
- 30. Yyyyyyy zzzz xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. 編集のアウトプット 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 30 xxx yyy xxx yyy Xxx xxx Yxx xxx xx yy zz xxx Axx Cxx xxx xxx Bxx Dxx xxx xxx xx yy zz xxx Axx Cxx xxx xxx Bxx Dxx xxx xxx xxx Exx Fxx xxx xxx xxx Gxx Hxx xxx xxx xxx Kxx Lxx xxx xxx xxx yyy Xxx xxx Yxx xxx xx yy zz xxx Axx Cxx xxx xxx Bxx Dxx xxx xxx xx yy zz xxx Axx Cxx xxx xxx Bxx Dxx xxx xxx xxx Exx Fxx xxx xxx xxx Gxx Hxx xxx xxx xxx Kxx Lxx xxx xxx ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ 考え方 (視点と その組合せ) 編集行動 パターン 文章 テンプレート
- 31. 各人のクラウドストレージ (ex. Dropbox) ブラウザ ビッグデータ、クラウド 2013-09-23、JSET第29回全国大会 31 サーバー(SaaS) 編集ログ (ビッグデータ) 各人のクラウドストレージ (ex. Dropbox) xxx xxxxxxxxxx xxxxxxxxx 利用者 文章はサーバーに保存されない(通過する) ↓ 機密性の高い文章でも利用しやすい ↓ 企業での利用可能性 ↓ • 個人を生涯にわたってサポート • 幅広い種類の文章、プロによる本気の文章 処理 編集 処理 山口琢@はこだて未来大学 高橋修研究室 文章データ
- 33. 視点の可視化 操作履歴 メトリックス 文章モデル 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 33 個々の授業、業務 指導法、業務フロー ワークシート、帳票 マトリックス型モデル データ構造・処理方式 採用 利用 データ表現 編集操作実現 [抽象化]
- 34. ワークシートによる指導/業務 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 34 〜〜〜 個々の授業、業務 指導法、業務フロー ワークシート、帳票 マトリックス型モデル データ構造・処理方式 採用 利用 データ表現 編集操作実現 [抽象化] • 思考シート • 科研費申請書 (などなど)… • ○○メソッド • 申請業務 & 審査業務 (などなど)…
- 35. 視点の可視化: 分離・データ化 操作履歴 メトリックス:マトリックス数、 文字数、… 文章モデル 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 35 データ化と分析 • 視点の共有 • ライティング行動(の一面) 個々の授業、業務 指導法、業務フロー ワークシート、帳票 マトリックス型モデル データ構造・処理方式 採用 利用 データ表現 編集操作実現 [抽象化]
- 36. 実装 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 36 Web • データ表現: HTML、CSS • 処理: JavaScript、HTTP 文章表示の互換性 マルチプラットフォームでの処理 PC、タブレット、スマホ 個々の授業、業務 指導法、業務フロー ワークシート、帳票 マトリックス型モデル データ構造・処理方式 採用 利用 データ表現 編集操作実現 [抽象化]
- 38. 編集行動の識別 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 38 xxx yyy xxx yyy Xxx xxx Yxx xxx xxx yyy xxx yyy zzz Xxx xxx Yxx xxx Zxx xxx xxx, xxx xxxxx. xxx yyy zzz Xxx xxx Yxx xxx Zxx xxx xxx, xxx xxxxx. 既定の視点に従って埋めた 視点項目を足した 自分で視点を見いだした
- 39. Aaaa zzzz xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. 視点共有行動(協調学習)の中身 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究 室 39 xx yy zz xxx BB BBBB zzzz xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. C CCC CCC zzzz xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xx yy zz xxx Axx Cxx xxx xxx Bxx Dxx xxx xxx xx yy zz xxx Axx Cxx xxx xxx Bxx Dxx xxx xxx ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ (該当ログなし) ▲▲▲ ▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ C CCC CCC zzzz xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, xxxx x. xxxx xx xx xxx, xx, x xx yy zz xxx Axx Cxx xxx xxx Bxx Dxx xxx xxx Aさん B君 Cさん D君 x 利用している 利用していない 活発に利用している
- 40. 指導/レビュー効果の分析 (Learning Analysis) 違うということが分かる 違うということと、その良し悪しとは別 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 40 指導・レビュー ▲▲▲ ▲▲ ▲▲ ▲▲▲ ▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ 編集が行われた ▲▲▲ ▲▲ ▲▲▲▲▲ ▲▲▲ ▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ マトリックス編集が 活発に行われた ▲▲▲ ▲▲ ▲▲▲ ▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ 文字編集が 活発に行われた
- 41. まとめ 新しい技術 マトリックス型モデルによる テキストエディター – 視点の可視化 – 文章のマトリックス構造 – 編集操作ログ – モデルの役割 学びの可能性 作文過程の可視化が もたらすもの 協調学習 – 視点を共有する作文 Learning Analysis – 視点共有「行動」の分析 – 指導・レビュー効果の分析 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 41
- 42. 評価とLINKED OPEN DATA 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 42
- 43. 評価の階層と学際研究 • 上位すべての評価を踏まえた 下位の評価 • 単独の評価 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 43 個々の授業、業務 指導法、業務フロー ワークシート、帳票 マトリックス型モデル データ構造・処理方式 採用 利用 データ表現 編集操作実現 [抽象化] 評価 評価 評価 評価
- 44. ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲ ▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ 標準化と国際化 2013-09-23、JSET第29回全国大会 山口琢@はこだて未来大学 高橋修研究室 44 ▲ ▲ ▲▲▲ ▲▲▲ ▲▲▲ 学部4年 ▲▲▲ ▲▲ ▲▲▲ ▲▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ 学部1年 ○○製作所 ○○研究所 生涯 学校、職場、… 言語、国家、… 文章の種類、業務、… ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲ ▲▲▲ ▲▲▲ ▲▲▲
- 45. Webサイト 各人のクラウドストレージ ブラウザ オープンデータによる学際研究 2013-09-23、JSET第29回全国大会 45 サーバー(SaaS) 編集ログ (ビッグデータ、 オープンデータ) 各人のクラウドストレージ 文章データ xxx xxxxxxxxxx xxxxxxxxx 利用者 研究データLOD (Linked Open Data) • オープンデータ • 外部のテンプレートへのリンク 処理 編集 処理 山口琢@はこだて未来大学 高橋修研究室 Webサイト テンプレート リンク研究者 研究者 研究者