diff --git a/Closing.html b/Closing.html new file mode 100644 index 0000000..93ae685 --- /dev/null +++ b/Closing.html @@ -0,0 +1,23 @@ + + +
+
+最後に実験全体に関するアンケートにお答えいただき,実験は終了となります.
+
+
+これで実験はすべて終了となります.
+この度は,ご協力いただき誠にありがとうございました.
+
+甲南大学知能情報学部のソフトウェア設計検証研究室です.
+この度は私共の実験にご協力頂きまして誠にありがとうございます.
+
+実験の主旨と概要について説明いたします. +
+
+ Javaによる実務経験3年以上のエンジニアの方々を対象に,被験者として実験へのご協力をお願いいたします.
+ この実験は,Javaプログラムを理解する上での「実行トレースを用いたデバッガ」の有効性を評価することを目的としています.
+ 実行トレースとは,変数の値や実行された行など実行時のプログラム内部の情報を時系列に記録したファイルのことです.
+ また,実行トレースを用いたデバッガ(以下,トレースデバッガと略)とは,実行トレースを参照しながら対象プログラムをデバッグすることができるデバッガのことです.
+ トレースデバッガは,プログラムを何度も実行することなく,同じ条件で繰り返しデバッグすることができるという特長を持ちます.
+ 今回の実験では通常のデバッガと同じように実行に対して順方向にしかトレースを辿れない順方向バージョンと,実行に対して順方向にも逆方向にも辿ることができる逆方向バージョンの2種類のトレースデバッガをお使いいただきます.
+ トレースデバッガの実行環境および課題となるオープンソースプログラムはすべて,Amazon の EC2インスタンス上にご用意しております.
+ そのため,皆様のマシン上で環境構築を行っていただく必要は一切ございません.
+ 実験では,2つのオープンソースプログラムから2つずつ機能を選んで,計4つの課題に取り組んでいただきます.
+ 比較の公平性を保つため,4つのうちの2つの課題に対しては順方向バージョンを,残り2つの課題に対しては逆方向バージョンを用いてソースコードを追いかけていただき,
+ それぞれの操作に要した時間を計測した上で,課題ごとにアンケートにお答えいただきます.
+ 全体の作業時間としては,5~6時間程度を想定しています.
+ お答えいただくアンケートは最初と最後,課題ごとに2個ずつの計10個あります.
+ アンケートへの回答が終わるたびに作業を中断していただいて構いません.
+ 作業はすべてEC2インスタンスおよびWeb上で完結します.
+
+実験における作業内容について説明いたします.
+ 実験は,リモートデスクトップでログインしたEC2インスタンス上で,トレースデバッガを用いてソースコードを追いかけていただくことと,Web上のアンケートにお答えいただくことが主な作業内容になります.
+ トレースデバッガで追いかける対象は,2つのオープンソースプログラムの4つの機能です.
+ また,実験の開始前と終了後に1つずつアンケートにお答えいただきます.
+
+ご応募までの手順を説明いたします. +
+以上が実験の流れです.
+全ての作業はEC2インスタンスおよびWeb上で完結します.
+
+実験中の危険性に関して説明いたします.
+通常のPC画面に向かっている際と危険性は変わりません.
+
+実験時間(拘束時間)に関して説明いたします.
+全体の作業としては5~6時間を想定していますが,人によっては多少前後する可能性があります.
+時間に余裕がある際に行ってください.
+また,後日大学にお越しいただいたり,こちらから連絡を行うことはありません(参加者に不利益が発生する恐れのある場合は除く).
+
+実験への参加取りやめに関して説明いたします.
+実験の途中で,参加を取りやめることが可能です.
+その場合の報酬に関する取扱いついては.以下で説明いたします.
+
+契約と報酬に関して説明いたします.
+
+個人情報の取り扱いについて説明いたします.
+
+同意確認フォームはこちらです. +
+ ++ 同意確認フォーム ++ +
+実験にご同意いただけましたら,以下の個人アンケートにご協力ください. +
+ ++ 個人アンケートはこちら ++ + diff --git a/courseA/ArgoUML_Forward/DescriptionArgoUML.html b/courseA/ArgoUML_Forward/DescriptionArgoUML.html new file mode 100644 index 0000000..93adafe --- /dev/null +++ b/courseA/ArgoUML_Forward/DescriptionArgoUML.html @@ -0,0 +1,33 @@ + + + +
ArgoUMLはJavaで書かれたオープンソースのUMLエディタです.
+ArgoUMLを起動すると,まずクラス図の編集画面が開きます.
+
+編集画面上で行える操作はモードによって異なります.
+モードの切り替えは,ツールバーのボタンをクリックすることによって行うことができます.
+
+例えばクラス配置モードでは,編集画面上をクリックすると,クリックした位置にクラスを配置することができます(クラス配置機能).
+
+クラスを配置すると選択モードに戻ります.
+選択モードでは,編集画面上に配置されたクラスをクリックすると,そのクラスを選択状態にすることができます(選択機能).
+
+選択状態のクラスは,Delキーを押すことで削除することができます(削除機能).
+
+
+次へ
+
+
+
diff --git a/courseA/ArgoUML_Forward/pictures/ArgoUML-1.png b/courseA/ArgoUML_Forward/pictures/ArgoUML-1.png
new file mode 100644
index 0000000..9cf99cc
--- /dev/null
+++ b/courseA/ArgoUML_Forward/pictures/ArgoUML-1.png
Binary files differ
diff --git a/courseA/ArgoUML_Forward/pictures/ArgoUML-2.png b/courseA/ArgoUML_Forward/pictures/ArgoUML-2.png
new file mode 100644
index 0000000..3aafdf1
--- /dev/null
+++ b/courseA/ArgoUML_Forward/pictures/ArgoUML-2.png
Binary files differ
diff --git a/courseA/ArgoUML_Forward/pictures/ArgoUML-3.png b/courseA/ArgoUML_Forward/pictures/ArgoUML-3.png
new file mode 100644
index 0000000..590f931
--- /dev/null
+++ b/courseA/ArgoUML_Forward/pictures/ArgoUML-3.png
Binary files differ
diff --git a/courseA/ArgoUML_Forward/pictures/ArgoUML-4.png b/courseA/ArgoUML_Forward/pictures/ArgoUML-4.png
new file mode 100644
index 0000000..888d97a
--- /dev/null
+++ b/courseA/ArgoUML_Forward/pictures/ArgoUML-4.png
Binary files differ
diff --git a/courseA/CourseDescriptionA.html b/courseA/CourseDescriptionA.html
new file mode 100644
index 0000000..bee8a07
--- /dev/null
+++ b/courseA/CourseDescriptionA.html
@@ -0,0 +1,61 @@
+
+
+
+
+甲南大学知能情報学部のソフトウェア設計検証研究室です.
+この度は私共の実験にご協力頂きまして誠にありがとうございます.
+
+ これから行っていただく作業は,4つの課題とアンケートへの回答です.全体の作業時間としては,5~6時間程度を想定しています.
+ 実験に入る前にAmazon EC2インスタンスにログインしていただき,実験で使用するトレースデバッガの操作の練習を行っていただきます.
+ 実験では,2つのオープンソースプログラムの4つの機能を対象に4つの課題に取り組んでいただきます.
+ これ以降お答えいただくアンケートは実験中に8個と,最後に1つの計9個あります.
+ アンケートへの回答が終わるたびに作業を中断していただいて構いません.
+ 作業は,すべてEC2インスタンスおよびWeb上で完結します.
+
+取り組んでいただく課題は,ArgoUMLが課題A1と課題A2,JHotDrawが課題A3と課題A4の計4つです.課題A1, A2では順方向バージョン,課題A3, A4では逆方向バージョンのトレースデバッガを使っていただきます.
+こちらからお進みください.まず,EC2インスタンスへのログイン方法の説明から始めます.
+
+ いよいよ実験に入っていきます.
+ トレースデバッガの操作に要した時間を測っていただきますので,お手元に時計をご用意ください.
+ まず,ArgoUMLの説明をお読みいただき,ArgoUMLに関する課題A1と課題A2に取り組んでいただきます.
+ その後,JHotDrawの説明をお読みいただき,JHotDrawに関する課題A3と課題A4に取り組んでいただきます.
+ 課題A1, A2では順方向バージョン,課題A3, A4では逆方向バージョンのトレースデバッガをお使いいただきます.
+ 課題ごとに2つずつアンケートにお答えいただきます.
+
+それでは以下のリンクよりお進みください. +
+ +ArgoUMLの説明へ進む + diff --git a/courseA/JHotDraw_Reverse/DescriptionJHotDraw.html b/courseA/JHotDraw_Reverse/DescriptionJHotDraw.html new file mode 100644 index 0000000..db4d128 --- /dev/null +++ b/courseA/JHotDraw_Reverse/DescriptionJHotDraw.html @@ -0,0 +1,33 @@ + + + +JHotDrawはJavaで書かれたオープンソースの2Dグラフィックスフレームワークです.
+JHotDrawを起動すると,まず編集画面が開きます.
+
+編集画面上で行える操作はモードによって異なります.
+モードの切り替えは,ツールバーのボタンをクリックすることによって行うことができます.
+
+例えば矩形配置モードでは,編集画面上をクリックすると,クリックした位置に矩形図形を配置することができます(矩形配置機能).
+
+矩形図形を配置すると選択モードに戻ります.
+選択モードでは,編集画面上に配置された図形をクリックすると,その図形を選択状態にすることができます(図形選択機能).
+
+選択状態の図形はドラッグすることで,移動することができます(図形移動機能).
+
+
+次へ
+
+
+
diff --git a/courseA/JHotDraw_Reverse/pictures/JHotDraw-1.png b/courseA/JHotDraw_Reverse/pictures/JHotDraw-1.png
new file mode 100644
index 0000000..9949c6d
--- /dev/null
+++ b/courseA/JHotDraw_Reverse/pictures/JHotDraw-1.png
Binary files differ
diff --git a/courseA/JHotDraw_Reverse/pictures/JHotDraw-2.png b/courseA/JHotDraw_Reverse/pictures/JHotDraw-2.png
new file mode 100644
index 0000000..0d8f79b
--- /dev/null
+++ b/courseA/JHotDraw_Reverse/pictures/JHotDraw-2.png
Binary files differ
diff --git a/courseA/JHotDraw_Reverse/pictures/JHotDraw-3.png b/courseA/JHotDraw_Reverse/pictures/JHotDraw-3.png
new file mode 100644
index 0000000..180c656
--- /dev/null
+++ b/courseA/JHotDraw_Reverse/pictures/JHotDraw-3.png
Binary files differ
diff --git a/courseA/JHotDraw_Reverse/pictures/JHotDraw-4.png b/courseA/JHotDraw_Reverse/pictures/JHotDraw-4.png
new file mode 100644
index 0000000..28f131f
--- /dev/null
+++ b/courseA/JHotDraw_Reverse/pictures/JHotDraw-4.png
Binary files differ
diff --git a/courseA/JHotDraw_Reverse/pictures/JHotDraw-5.png b/courseA/JHotDraw_Reverse/pictures/JHotDraw-5.png
new file mode 100644
index 0000000..5c89171
--- /dev/null
+++ b/courseA/JHotDraw_Reverse/pictures/JHotDraw-5.png
Binary files differ
diff --git a/courseB/ArgoUML_Reverse/DescriptionArgoUML.html b/courseB/ArgoUML_Reverse/DescriptionArgoUML.html
new file mode 100644
index 0000000..26eb4e3
--- /dev/null
+++ b/courseB/ArgoUML_Reverse/DescriptionArgoUML.html
@@ -0,0 +1,33 @@
+
+
+
+ArgoUMLはJavaで書かれたオープンソースのUMLエディタです.
+ArgoUMLを起動すると,まずクラス図の編集画面が開きます.
+
+編集画面上で行える操作はモードによって異なります.
+モードの切り替えは,ツールバーのボタンをクリックすることによって行うことができます.
+
+例えばクラス配置モードでは,編集画面上をクリックすると,クリックした位置にクラスを配置することができます(クラス配置機能).
+
+クラスを配置すると選択モードに戻ります.
+選択モードでは,編集画面上に配置されたクラスをクリックすると,そのクラスを選択状態にすることができます(選択機能).
+
+選択状態のクラスは,Delキーを押すことで削除することができます(削除機能).
+
+
+次へ
+
+
+
diff --git a/courseB/ArgoUML_Reverse/pictures/ArgoUML-1.png b/courseB/ArgoUML_Reverse/pictures/ArgoUML-1.png
new file mode 100644
index 0000000..9cf99cc
--- /dev/null
+++ b/courseB/ArgoUML_Reverse/pictures/ArgoUML-1.png
Binary files differ
diff --git a/courseB/ArgoUML_Reverse/pictures/ArgoUML-2.png b/courseB/ArgoUML_Reverse/pictures/ArgoUML-2.png
new file mode 100644
index 0000000..3aafdf1
--- /dev/null
+++ b/courseB/ArgoUML_Reverse/pictures/ArgoUML-2.png
Binary files differ
diff --git a/courseB/ArgoUML_Reverse/pictures/ArgoUML-3.png b/courseB/ArgoUML_Reverse/pictures/ArgoUML-3.png
new file mode 100644
index 0000000..590f931
--- /dev/null
+++ b/courseB/ArgoUML_Reverse/pictures/ArgoUML-3.png
Binary files differ
diff --git a/courseB/ArgoUML_Reverse/pictures/ArgoUML-4.png b/courseB/ArgoUML_Reverse/pictures/ArgoUML-4.png
new file mode 100644
index 0000000..888d97a
--- /dev/null
+++ b/courseB/ArgoUML_Reverse/pictures/ArgoUML-4.png
Binary files differ
diff --git a/courseB/CourseDescriptionB.html b/courseB/CourseDescriptionB.html
new file mode 100644
index 0000000..5cc980a
--- /dev/null
+++ b/courseB/CourseDescriptionB.html
@@ -0,0 +1,61 @@
+
+
+
+
+甲南大学知能情報学部のソフトウェア設計検証研究室です.
+この度は私共の実験にご協力頂きまして誠にありがとうございます.
+
+ これから行っていただく作業は,4つの課題とアンケートへの回答です.全体の作業時間としては,5~6時間程度を想定しています.
+ 実験に入る前にAmazon EC2インスタンスにログインしていただき,実験で使用するトレースデバッガの操作の練習を行っていただきます.
+ 実験では,2つのオープンソースプログラムの4つの機能を対象に4つの課題に取り組んでいただきます.
+ これ以降お答えいただくアンケートは実験中に8個と,最後に1つの計9個あります.
+ アンケートへの回答が終わるたびに作業を中断していただいて構いません.
+ 作業は,すべてEC2インスタンスおよびWeb上で完結します.
+
+取り組んでいただく課題は,JHotDrawが課題B1と課題B2,ArgoUMLが課題B3と課題B4の計4つです.課題B1, B2では順方向バージョン,課題B3, B4では逆方向バージョンのトレースデバッガを使っていただきます.
+こちらからお進みください.まず,EC2インスタンスへのログイン方法の説明から始めます.
+
+ いよいよ実験に入っていきます.
+ トレースデバッガの操作に要した時間を測っていただきますので,お手元に時計をご用意ください.
+ まず,JHotDrawの説明をお読みいただき,JHotDrawに関する課題B1と課題B2に取り組んでいただきます.
+ その後,ArgoUMLの説明をお読みいただき,ArgoUMLに関する課題B3と課題B4に取り組んでいただきます.
+ 課題B1, B2では順方向バージョン,課題B3, B4では逆方向バージョンのトレースデバッガをお使いいただきます.
+ 課題ごとに2つずつアンケートにお答えいただきます.
+
+それでは以下のリンクよりお進みください. +
+ +JHotDrawの説明へ進む + diff --git a/courseB/JHotDraw_Forward/DescriptionJHotDraw.html b/courseB/JHotDraw_Forward/DescriptionJHotDraw.html new file mode 100644 index 0000000..db4d128 --- /dev/null +++ b/courseB/JHotDraw_Forward/DescriptionJHotDraw.html @@ -0,0 +1,33 @@ + + + +JHotDrawはJavaで書かれたオープンソースの2Dグラフィックスフレームワークです.
+JHotDrawを起動すると,まず編集画面が開きます.
+
+編集画面上で行える操作はモードによって異なります.
+モードの切り替えは,ツールバーのボタンをクリックすることによって行うことができます.
+
+例えば矩形配置モードでは,編集画面上をクリックすると,クリックした位置に矩形図形を配置することができます(矩形配置機能).
+
+矩形図形を配置すると選択モードに戻ります.
+選択モードでは,編集画面上に配置された図形をクリックすると,その図形を選択状態にすることができます(図形選択機能).
+
+選択状態の図形はドラッグすることで,移動することができます(図形移動機能).
+
+
+次へ
+
+
+
diff --git a/courseB/JHotDraw_Forward/pictures/JHotDraw-1.png b/courseB/JHotDraw_Forward/pictures/JHotDraw-1.png
new file mode 100644
index 0000000..9949c6d
--- /dev/null
+++ b/courseB/JHotDraw_Forward/pictures/JHotDraw-1.png
Binary files differ
diff --git a/courseB/JHotDraw_Forward/pictures/JHotDraw-2.png b/courseB/JHotDraw_Forward/pictures/JHotDraw-2.png
new file mode 100644
index 0000000..0d8f79b
--- /dev/null
+++ b/courseB/JHotDraw_Forward/pictures/JHotDraw-2.png
Binary files differ
diff --git a/courseB/JHotDraw_Forward/pictures/JHotDraw-3.png b/courseB/JHotDraw_Forward/pictures/JHotDraw-3.png
new file mode 100644
index 0000000..180c656
--- /dev/null
+++ b/courseB/JHotDraw_Forward/pictures/JHotDraw-3.png
Binary files differ
diff --git a/courseB/JHotDraw_Forward/pictures/JHotDraw-4.png b/courseB/JHotDraw_Forward/pictures/JHotDraw-4.png
new file mode 100644
index 0000000..28f131f
--- /dev/null
+++ b/courseB/JHotDraw_Forward/pictures/JHotDraw-4.png
Binary files differ
diff --git a/courseB/JHotDraw_Forward/pictures/JHotDraw-5.png b/courseB/JHotDraw_Forward/pictures/JHotDraw-5.png
new file mode 100644
index 0000000..5c89171
--- /dev/null
+++ b/courseB/JHotDraw_Forward/pictures/JHotDraw-5.png
Binary files differ
diff --git a/ec2/ConnectToEC2.html b/ec2/ConnectToEC2.html
new file mode 100644
index 0000000..2a24f6d
--- /dev/null
+++ b/ec2/ConnectToEC2.html
@@ -0,0 +1,75 @@
+
+
+
+ + Windows Server 2019 の実験用サーバを Amazon EC2 インスタンスとして立ち上げております. + 皆様のPCからは,リモートデスクトップを用いて以下のような手順でログインしていただきます. + Mac をご使用でリモートデスクトップをお持ちでない方は,App Store から「Microsoft Remote Desktop」をインストールしてください. + 以下,Windows の画面を用いて手順の説明を行います. +
+ ++







