1. プロジェクトサポートツ
ールの研究と開発
情報メディア学科 安田ゼミ 1023057 伊東純
平

2. 目次
• 1.研究背景
• 2.研究目的
• 3.制作物
• 4.制作物の特徴
• 5.開発環境
• 6.今後の課題
• 7.スケジュール

3. １.研究背景
• 研究の動機
プロジェクト活動において、各メンバーのデスクトップ上での作業内
容を動画として管理し、メンバーやアドバイザーなどと共有する事で、
充実したサポートが得られるのではないかと考えた。
○○のイラスト完成！
完成までの作業中の動画を
投稿します
レイヤーの分け方が間違っ
ているな、これでは次の編
集が大変になる。
Adobe Illustratorで説明する一例
動画を投稿
開発者をサポート
初心者イラスト作成者
編集動画を見たテクニカルアドバイザ

4. ２.研究目的
• プロジェクトサポートツールを開発し、実際にプロジェ
クトに配属されている開発者とアドバイザーに使用して
もらう。
• サポートを受けた開発者にサイト上でアンケートに回答
してもらい、実際にスキルアップに繋がったかどうかを
調査する。

5. ３.制作物
• 種類 : Webアプリケーション
• 想定した使用例 : ソフトウェア開発、Web開発などの開
発にコンピューターを使用するプロジェクト活動
• 現段階で完成している物 ： デモサイト WBS

6. ３.制作物
主な機能

7. ３.制作物:TOPページ
アカウント登録入力
フォーム
ログインボタン

8. ３.制作物:Myページ
現在参加しているプロジェクトの名前
クリックすると、プロジェクト紹介ペー
ジに移動する。
現在オンラインで作業中のメンバー
クリックすると他人のアカウントページに行け
る。
Check inボタン。クリックする事
で
スクリーンキャプチャーが起動し、
動画の録画がこの時点で開始され、
プロジェクトページに移動する。

9. ３.制作物:プロジェクト紹介ページ

10. ３.制作物:プロジェクトページ

11. 4.制作物の特徴
• タイムライン機能の利用方法
1.マイページのCheck inボタンをクリック

12. 4.制作物の特徴
2.プロジェクトページに移動したので、insert time line と
書かれているテキストフォームに現在の作業を入力する

13. 4.制作物の特徴
ここでは使用者がイラスト編集者と仮定し、
入力フォームに以下の作業を入力したとする。
ラフ絵作成開始

14. 4.制作物の特徴
Myページに戻ってみます。

15. 4.制作物の特徴
Time lineをクリックします

16. 4.制作物の特徴
Time lineページという場所に移動しました。

17. 4.制作物の特徴
先程入力した作業内容が一覧にあります。

18. 4.制作物の特徴
矢印をクリックします。

19. 4.制作物の特徴
先程作業を入力し、投稿した時の時間帯から
動画が再生されます。

20. 4.制作物の特徴
過去に行った作業も、検索出来ます。

21. 4.制作物の特徴
• Tag と Comment について
• Tag : タイムラインには表示されない。検索では表示され
る。
• Comment : タイムラインには表示されない。検索で表示
され、プロジェクトページのCommentに表示される
プロジェクトページ
のコメント一覧

22. 4.制作物の特徴
• 本研究で開発するタイムラインシステムにより、以下の
問題が解明出来る。
• １. 問題である、又は注意すべき作業シーンのクリティ
カルゾーンに素早くアクセス出来る。
• ２. ソフトウェアなどを使う作業では、細かい操作のサ
ポートが可能になる。
• ３. １つ１つの作業にどれくらい時間が掛かっているの
かがわかる。

23. ５.開発環境
• 使用サーバー: Red5
• サーバー種類: ストリーミングサーバー
• 使用言語
• サーバーサイド:Java
• クライアントサイド: PHP, MySQL, HTML, CSS,
JavaScript
• Red5のサーバーサイドがJavaメインで構築されているた
め、Javaを採用する。

24. ６.今後の課題
• 1.Java言語の習得
• 2.Ajaxを使用した検索予測システムの模索
• 3.サンドボックス用のサーバーから本サーバーへの移行方
法の研究
• 4.Red5のソースコードを理解する。

25. ７.スケジュール

26. ７.スケジュール

27. ７.スケジュール

28. 発表は以上です。
ご清聴ありがとうございました。