- 追加された行はこの色です。
- 削除された行はこの色です。
#contents
#author("2021-03-02T12:03:32+00:00","ocha","ocha")
//#contents
------
*大学院博士前期課程授業2020年度後期 [#o618d6d1]
*マルチメディアプログラミング実習 2016年度後期 [#s6662b38]
- ヒューマンインタフェース(理学専攻)
- ヒューマン・コンピュータ・インタラクション(HCI) (生活工学共同専攻)
の授業です。毎週火曜日で開始時間は2:50pmです。
-------------
今学期はZoomの遠隔授業として実施します。ZoomのアドレスはMoodleを見ていただくか、椎尾までお問い合わせください。
**2016年11月3日 [#u190338b]
** 講義開催予定 [#xe5bc23d]
今のところの予定です。休講などはまた連絡します。
**第8章 継承 [#ka97b6ac]
-10/6 ガイダンス
-10/13 使いやすい道具・使いにくい道具
-10/20 使いやすい道具・使いにくい道具
-10/27 グラフィカルユーザインタフェース(休講)
-11/3 (文化の日)
-11/10
-11/17
-11/24
-12/1
-12/8
-12/15
-12/22
-1/12
継承の話をしました。
別のクラスを継承することで、
差分だけを書いて機能を拡張していくことができます。
**講義資料 [#dde386ec]
http://gyazo.com/2c8ef14d8be63b9fc18c58d79f2f3879.png
- http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c3.ppt.pdf
- http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c6.ppt.pdf
- http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c9.ppt.pdf
- http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c10.ppt.pdf
*** Osaifuクラスを継承してOsaifuUSDクラスを作ってみよう [#fc83e4ee]
-OsaifuUSDクラスはアメリカで買い物をするときに便利な、アメリカドルでお金を出し入れできる財布です。
-あたらしく追加するメソッドは以下です
-- void inUSD(int x) xドルをお財布に入金します。このとき円に換算して残高に追加します
-- int outUSD(int x) xドルをお財布から出金します。このとき円に換算した金額だけ残高が減ります。戻り値はドルにしましょう。
--1ドルは90円にしてください(時勢に合わない設定ですみません)
//-スーパークラスのメソッドを上書きするメソッドは以下です
//-- void print() お財布の残高を円とドルで表示します
-OsaifuUSDクラスをテストするmain()メソッドでは次のことをやってください
-- OsaifuUSDインスタンスを一つ作ってそれをsaifu1という名前にする
-- OsaifuUSDインスタンスをもう一つ作ってそれをsaifu2という名前にする
--saifu1に1000円入金する
--saifu2に5ドル入金する
--saifu1とsaifu2が持っている金額を印刷する
--saifu1から2ドル出金してそれをsaifu2に入金する
--saifu1とsaifu2が持っている金額を印刷する
-動作例
http://gyazo.com/f51ea5895aaab32bb30b9a940d91515d.png
**出席点 [#kc664278]
-ヒント:一行目はこれ
出席重視の授業ですので70%以上出席お願いします. 今期はzoomへの接続状況から出席、遅刻、欠席を集計します。授業回数が11回ですので,欠席が3回を超えた場合は単位が出ません.zoomへの接続が不調だった場合は考慮しますので連絡ください。また、研究上必要な用事(学会・研究会への参加・発表など)ありましたらそれも公欠としますので連絡ください。
public class OsaifuUSD extends Osaifu {
*マルチメディアプログラミング実習2020年度後期 [#q77c37e1]
-ヒント:mainはこんな感じ
今学期はZoomの遠隔授業として実施します。詳細はMoodleを見てください。
public static void main(String argv[]) {
OsaifuUSD saifu1= new OsaifuUSD();
OsaifuUSD saifu2=new OsaifuUSD();
saifu1.in(1000);
saifu2.inUSD(5);
saifu2.inUSD(saifu1.outUSD(2));
saifu1.print();
saifu2.print();
}
https://moodle.cc.ocha.ac.jp/course/view.php?id=24421
-解答例
*ヒューマンインタフェース2020年度前期 [#o618d6d1]
**ヒューマンインタフェースのレポート [#fa42ea61]
public class OsaifuUSD extends Osaifu {
public int outUSD(int usd) {
okane-=usd * 90;
return usd;
}
public void inUSD(int usd) {
okane+=usd * 90;
}
public static void main(String argv[]) {
OsaifuUSD saifu1 = new OsaifuUSD();
OsaifuUSD saifu2 = new OsaifuUSD();
saifu1.in(1000);
saifu2.inUSD(5);
saifu1.print();
saifu2.print();
saifu2.inUSD(saifu1.outUSD(2));
saifu1.print();
saifu2.print();
}
}
提出は任意です.もし良いレポートを提出いただけたら出席点の加算に使用します.
*** OsaifuUSDクラスの改造(1) [#g8c0b7a2]
-締め切り2020年8月31日月曜日
-形式分量:A4, ページ数は1-2ページ程度
-提出先・提出方法:PDFにしてsiio@is.ocha.ac.jpまでメール添付で送付
-メール表題:ヒューマンインタフェースレポート: 18205XX
親のメソッドを活用しても良い
メールの標題は「ヒューマンインタフェースレポート: 18205XX」としてください。数字部分は出席番号です。
提出いただいた方はこのページでお知らせします。提出してしばらく経つのに、 自分の番号がなかなか表示されない場合は,受付されていないかもしれません.もう一度催促してください
(提出を確認出来るよう締め切りより早めに提出していただくことをお勧めします)。
public class OsaifuUSD extends Osaifu {
public int outUSD(int usd) {
return ( out( use * 90) / 90 );
}
public void inUSD(int usd) {
in( usd * 90 );
}
…
}
提出状況は、この下に、学籍番号と受理日で案内します。
もし、学籍番号が公表されたくない場合は、確認用の秘密の仮名を提出メールの中でお知らせください。
学籍番号の代わりにその名前を使います。
親のメソッドを呼ぶことを明示的に書くためにsuper.をつかってもよい。
|学籍番号|受理日|
| 1820533 |2020年8月12日|
| 1820527 |2020年8月15日|
| 1620530 |2020年8月19日|
| 1820503 |2020年8月20日|
| 1820518 |2020年8月20日|
| 1820529 |2020年8月31日|
| 弧月 |2020年8月31日|
//| 1720535 |2020年8月31日|
//| 1720543 |2020年8月31日|
//| sunny |2019年8月31日|
public class OsaifuUSD extends Osaifu {
public int outUSD(int usd) {
return ( super.out( use * 90) / 90 );
}
public void inUSD(int usd) {
super.in( usd * 90 );
}
…
}
***レポートの課題 [#c9d0add0]
-身の回りの携帯機器、家電製品、機械製品、コンピュータソフトウェア、 道具、日用品、調度品、設備などから、 使いにくいと思われる道具を見つけ出して説明してください。
-そして、それがなぜ使いにくいのかを、 授業で説明した、 制約、マッピング、Affordance、モデル、 エラー対策、 標準化、直接操作、メタファー、モードなどの用語を使って分析してください。 (全部の用語を使う必要は無い)
-また,自分ならこのように設計して使いやすくするというアイディアを、 これも授業で使った用語を交えて、述べてください。
*** OsaifuUSDクラスの改造(2) [#sa44f577]
OsaifuUSDにprint()メソッドを追加して、
円表示の次の行に ( xxx USD ) と残高をUSD表示するようにしてください。
円表示を行う部分はスーパークラスOsaifuのインスタンスメソッドprint()を利用することを考えてみてください。
**出席状況 [#te5cda59]
http://gyazo.com/39a7b24a8c45e15ac55693592c2eb7cf.png
-解答例
public void print() {
super.print();
System.out.println("( " + (okane / 90) + " usd )" );
}
***小テスト練習 [#g4c60a6e]
以下のプログラムの中で、
クラス、インスタンス、サブクラス、スーパクラス、クラスメソッド、インスタンスメソッドがどれであり、
インスタンス化、継承がどこで行われているのか確認してください。
(importで始まる一行目はまだ説明していない内容なので小テストでは扱いません。無視してください)
import javax.swing.JFrame;
public class SampleWindow extends JFrame {
public static void main(String args[]) {
SampleWindow w = new SampleWindow();
w.setVisible(true);
}
}
**第9章 エラーと例外処理 [#gd4f8eae]
次のプログラムを作って試してください。
引数が少ないとエラーが出るのを確認してください。
public class TestException {
public static void main(String argv[]){
System.out.println(argv[0]+" "+argv[1]);
System.out.println("Nice to meet you.");
}
}
エラーが出る可能性のある場所をtryでくくっておき、
エラーが出たらそれを細くする処置をcatchで指定します。
public class TestException {
public static void main(String argv[]){
try{
System.out.println(argv[0]+" "+argv[1]);
System.out.println("Nice to meet you.");
}
catch (Exception e) {
System.out.println("please input 2 words.");
}
}
}
**第10章 Stringクラスとコレクションフレームワーク [#w938c6ce]
*** 入力した文字を逆に出力するプログラムを作ってみましょう [#xeaa862c]
[e100:?/Documents/java] siio% java TestString ochanomizu
ochanomizu
uzimonahco
[e100:?/Documents/java] siio%
このソースは、
public class TestString {
public static void main (String argv[]) {
try{
System.out.println(argv[0]);
int len = argv[0].length();
for(int i = len - 1; i>=0; i--) {
System.out.print(argv[0].charAt(i));
}
System.out.println();
}
catch (Exception e) {
System.out.println("please input a word");
}
}
}
である。
***Linked List の練習 [#d2a5cbd0]
サンプルプログラムを実行するときは、
LinkedList<String> list = new LinkedList<String>();
などと定義すると良い。
***program 10.2 改造 [#j2f946c0]
Alice --> Bob --> Cindy --> DaveというLinkedListをつくって、
それからtoArray()メソッドでString配列を作ってfor each文で要素を印刷する
import java.util.*;
public class LinkedListTest{
public static void main(String[] argv) {
LinkedList<String> list = new LinkedList<String>();
list.add("Alice");
list.add("Bob");
list.add("Dave");
list.add("Cindy");
Object[] names = list.toArray();
for(Object s: names ) System.out.println(s);
}
}
***宿題:Hash Mapの練習 [#jf7eb616]
教科書の10.5節をよんでください。
プログラム10.4を参考にして、
以下のように動作する英語ー日本語単語変換プログラムを作ってください。
次回の授業の最初に、いつものような方法で提出していただきます。
[e100:?/Documents/java] siio% java EtoJ banana
バナナ
[e100:?/Documents/java] siio% java EtoJ apple
りんご
[e100:?/Documents/java] siio% java EtoJ
Please input an English word
ヒント:
import java.util.*;
public class EtoJ{
public static void main(String args[]) {
HashMap<String,String> map = new HashMap<String,String>();
…..
-------------
**2016年10月27日 [#u190338b]
今週と椎尾は手術入院でお休みします。
その代わり自習とします。
それぞれの課題は、次のページをみてください。
- [[2016年10月27日:http://www.siio.jp/index.php?JavaProgramming20161027]]
**2016年10月20日 [#e68c98af]
**第6章 クラスの基礎 [#h5b270c6]
***クラスとインスタンスの説明をしました [#gc6def4c]
-クラスは型、インスタンスはそれから作られたもの
--クラスがたいやきの焼き型だとすると、インスタンスはそれから作られたたいやき
--クラスは設計図でインスタンスはそれから作られたもの
-クラスとインスタンスそれぞれにメソッドと変数がある
--クラス変数 例:何個のインスタンスを作ったか?
--クラスメソッド 例:インスタンスを作れ
--インスタンス変数 例:ひとつのたいやきの重さ
--インスタンスメソッド 例:たいやきをxxグラム食べる
http://gyazo.com/bbdd3587977a172f7fa7f00c4f5787e0.png
-演習問題6.1, 6.2, 6.3
例えば以下のような実行結果が出るようにしてください
http://gyazo.com/deeb78a70a724a01ce76945235d42ab8.png
***public static void main の説明をしました [#p8e5e198]
-javaコマンドは、引数のクラスのクラスメソッドmainを実行します
--staticと付いているのがクラス変数、クラスメソッドの印です
-Pointクラスにクラスメソッドmainを実装すれば自分自身をテストできます
-クラスPoint3Dに自分自身をテストするクラスメソッドmainを作ってみよう
http://gyazo.com/bdef2ab8e69f7f6e62273c2d67d7af2e.png
***変数にはメソッド経由でアクセスするのが良いという説明をしました [#c813a888]
-変数の型などを将来変更してもメソッドの書き換えで対応できます
public class Point {
private int x, y;
void set(int newx, int newy) {x=newx; y=newy;}
int getx() { return x;}
int gety() { return y;}
void print () {
System.out.println(x + ", " + y);
}
public static void main(String argv[]) {
Point pt1= new Point();
Point pt2 = new Point();
pt1.set(10,20);
pt2.set(-pt1.getx(), -pt1.gety());
pt1.print();
pt2.print();
}
}
-Point3Dのメソッドを充実させて次のmain()メソッドで
10, 20, 30
-10, -20, -30
という結果が出るようにしましょう
public static void main(String argv[]) {
Point3D pt1 = new Point3D();
Point3D pt2 = new Point3D();
pt1.set(10, 20, 30);//インスタンス変数を設定
pt2.set(-pt1.getx(), -pt1.gety(), -pt1.getz());
pt1.print();//インスタンスメソッド呼出
pt2.print();
}
-Point3Dに、他の点との距離を返すメソッド distance ( Point3D p ) を実装して、次のmain()メソッドで
10, 20, 30
-10, -20, -30
74.83314773547883
という結果が出るようにしましょう
public static void main(String argv[]) {
Point3D pt1 = new Point3D();
Point3D pt2 = new Point3D();
pt1.set(10, 20, 30);//インスタンス変数を設定
pt2.set(-pt1.getx(), -pt1.gety(), -pt1.getz());
pt1.print();//インスタンスメソッド呼出
pt2.print();
System.out.println(pt1.distance(pt2));
}
--解答例
double distance ( int ptx, int pty, int ptz ) {
int dx = ptx - this.x;
int dy = pty - this.y;
int dz = ptz - this.z;
return Math.sqrt(dx * dx + dy * dy + dz * dz);
}
double distance ( Point3D p ) {
return this.distance(p.getx(), p.gety(), p.getz());
}
----------------
**2016年10月13日 [#oa15ca00]
***CotEditorもおすすめです [#c7258b9c]
https://coteditor.com/img/appicon/128@2x.png
こちらからダウンロードできます。
演習室のOSにあわせたバージョンをダウンロードします。
https://coteditor.com/archives.ja
**第3章 [#xc22f04b]
-演習
--演習3.4をみて、自分の名前の最初の文字の文字コードを表示してみてください。
-argv[0]を表示する
class ArgsTest {
public static void main (String argv[]) {
System.out.println(argv[0]);
}
}
--argv[0]とargv[1]をprintlnの中で+でつないで表示する
http://gyazo.com/8159f78165e17781a7110de3763c833c.png
解答
class ArgsTest {
public static void main (String args[]) {
System.out.println(args[0] + " + " + args[1]);
}
}
**第5章 [#p54c6568]
***演習 [#leda55b3]
-演習問題5.4(変更)
乱数を10個表示する
public class Score {
public static void main (String argv[]) {
int i,a;
for(i=0;i<10;i++) {
a=(int)(Math.random() * 100);
System.out.println(a);
}
}
}
次にこの乱数を点数とみなして、演習問題5.4の基準に従ってABCDEを表示するプログラムを書け。
動作例を以下に示す。
http://gyazo.com/829b04a7fc82cdfe9dd0dfa650af873e.png
解答例:
public class Score {
public static void main (String argv[]) {
int i,a;
for(i=0;i<10;i++) {
a=(int)(Math.random() * 100);
System.out.print(a + " ");
if(a<40) System.out.println("D");
else if(a<60) System.out.println("C");
else if(a<80) System.out.println("B");
else System.out.println("A");
}
}
}
***for-each文は新しい手法なので練習しましょう [#s17e2f54]
-プログラム5.7の代わりに以下をやってみよう
class ArrayTest {
public static void main (String args[]) {
int[] vec = new int[3];
vec[0]=1;
vec[1]=2;
vec[2]=3;
for (int x: vec) {
System.out.println(x);
}
}
}
*** 演習 [#vc946bd9]
mainの引数argsは、Stringの配列で、コマンドラインで起動したとき、
コマンドの後に続けた書いた文字が入っています。
args[0], args[1], args[2] .... をすべてfor-each文で
表示するプログラムを書いてみましょう。
http://gyazo.com/8d8effac163e0dc939e74f237d8507b1.png
ヒント:for(String s: args)を使います
-解答例
class ArgsTest2 {
public static void main (String args[]) {
for(String s: args)
System.out.println(s);
}
}
**第6章 クラスの基礎 [#h5b270c6]
***クラスとインスタンスの説明をしました [#gc6def4c]
-クラスは型、インスタンスはそれから作られたもの
--クラスがたいやきの焼き型だとすると、インスタンスはそれから作られたたいやき
--クラスは設計図でインスタンスはそれから作られたもの
-クラスとインスタンスそれぞれにメソッドと変数がある
--クラス変数 例:何個のインスタンスを作ったか?
--クラスメソッド 例:インスタンスを作れ
--インスタンス変数 例:ひとつのたいやきの重さ
--インスタンスメソッド 例:たいやきをxxグラム食べる
http://gyazo.com/bbdd3587977a172f7fa7f00c4f5787e0.png
-------------
**欠席状況 [#l124acfe]
3/4以上出席してください。(欠席は3回まで)欠席4回で自動的に不可になります。
//欠席3回以下なら不可にはなりませんが、成績が下がるかもしれませんので、心当たり無ければ連絡ください。
**javaのマニュアル [#beafbfad]
//http://sdc.sun.co.jp/java/docs/j2se/1.5.0/ja/docs/ja/api/index.html
//http://java.sun.com/javase/ja/6/docs/ja/api/index.html
//http://java.sun.com/j2se/1.5.0/ja/docs/ja/api/index.html
http://docs.oracle.com/javase/jp/8/docs/api/index.html
**レポート提出方法 [#ac87d6ac]
/home/isstaff/siio/Public/Drop Box/.
に提出してください。ターミナル.appからなら
cp 123456siioitiro.zip /home/isstaff/siio/Public/Drop\ Box
としてください。ファインダーからなら、メニューから「移動」「フォルダへ移動...」を選んで
以下のように入力して、移動ボタンを押して、そこに現れるドロップボックスホルダに、ドラッグアンドドロップしてください。
http://siio.jp/gyazo/dropbox.png
** 出来上がったプログラムの提出方法 [#bd9cbbf8]
- フォルダを作ってその中にjavaファイルとclassファイル
//と、取扱説明書ファイルと、それ以外に必要なファイルがもしあればそれら
を入れてください。
フォルダの中のclassファイルをダブルクリックしたらプログラムが起動することを確認してください。
-このフォルダに名前を付けてください。フォルダの名前は、「出席番号+氏名(ローマ字の姓名)+必要ならばバージョン番号の数字」にしてください。たとえば09020999siioitiro01のように。なお全部半角英数字でお願いします。
-このフォルダを圧縮してください
--フォルダを選択してファイルメニューから圧縮を選択します
-圧縮したファイルを以下の手順で
/home/isstaff/siio/Public/Drop Box/.
に提出してください。ターミナル.appからなら
cp 123456siioitiro.zip /home/isstaff/siio/Public/Drop\ Box
としてください。ファインダーからなら、メニューから「移動」「フォルダへ移動...」を選んで
以下のように入力して、移動ボタンを押して、そこに現れるドロップボックスホルダに、ドラッグアンドドロップしてください。
http://siio.jp/gyazo/dropbox.png
--書き込み専用なので確認できないけどokですかという意味のダイアログが出るかと思いますが問題ありません。
-レポート提出用フォルダは書き込み専用で見ることができません。アップロードできたかどうか不安でしたら教員まで質問してください。
-授業中でしたら、[[ココを見ると:http://siio.jp/lecture/java_report.html]]一覧をみることができます。
-同じ名前のフォルダを投げ込むと、エラーになります。ということで新しいバージョンができたら別の名前のフォルダを作って提出し直してください。(フォルダ名最後に数字をつけてください)
***教科書 [#a7e1ce26]
http://gyazo.com/de3288074dae1c75f6df4ef3c0b9b3d4.png
http://www.amazon.co.jp/dp/4883732258/
買ってください。もしくは、先輩から安く譲ってもらってください。
*** この講義の目的 [#l5592b29]
+Javaでプログラムする
+オブジェクト指向の概念を理解してプログラミングする
+GUIプログラミングをする
*** この講義の順序 [#gcf48d66]
+Javaになれる(C言語などのプログラミング手法の復習)
+オブジェクト指向について理解する
+GUIプログラミングについて理解する(イベント駆動)
+お絵描きプログラムを作ってみる
*** 成績評価 [#c732dbb9]
+お絵描きプログラムの完成度,作り込み
+毎回の宿題の達成(参考程度)
+出席状況(参考程度)
**第1章および第2章 [#y3ae1beb]
*** Mac OS XでJavaを使う [#g3e7de3f]
Mac OS XはJavaと相性が良く、最初からjavaがインストールされています。
ということでWindowsより簡単に(というか何もしなくても)javaが使えます。
*** terminalを起動する [#ia8beba9]
//#ref(How2Java/terminal.png)
http://siio.jp/gyazo/7366bfab668207c6598c4d88ef70d2d4.png
- terminalは、/Applications/Utilities/の中にあります。
ちなみに、/Applicationsはファインダでは/アプリケーションと日本語として見えます。
/Applications/Utilities/は、/アプリケーション/ユーティリティ/と日本語として見えています。
- ダブルクリックすると起動します。
よく使うことになると思いますので、dockにドラッグアンドドロップして
登録しておくと良いかと思います。(うちの子はこのアイコンを「顔テレビ」と呼んでいます」)
- メニューのターミナル/環境設定...を開きます。
ここで、テキストを選んで、「テキストをアンチエイリアス処理」に
チェック入れておくとフォントが奇麗なのでおすすめです。
http://siio.jp/gyazo/8aa6f5ab8878bc57c0657b94f5ae7a58.png
- おなじウィンドウの「詳細」に、「文字エンコーディング」というのがあります。
Javaの場合、ここで「Unicode (UTF-8)」を選んでおきましょう。
(日本語コードにはいろいろな種類があって混乱しますが、21世紀に生きるみなさんはUnicodeで統一していきましょう)
//http://gyazo.com/1b36039be113ef9e8ed04842aaeb3da6.png
- ターミナルから、javac helpとタイプしてみてください。Javaがすでに入っているので、
オプションの説明が日本語で出てくると思います。
--最近のMac OS X (Mountain Lionなど)では、Javaが標準で入っていない場合もあります。
その場合は、ダインロードするかどうか聞かれますので、ダウンロードしましょう。
--ここでの日本語表示が化けていたら、javaがUnicodeじゃなくてShift-JISなどのコードで動いていることになります。ターミナルをShift-JISなどに設定しても良いのですが、ここは、JavaをUnicodeで動かすようにしましょう。
-JavaをUnicodeで動かす(前項で文字化けした場合の対処)
--javacを起動するときに、javac -J-Dfile.encoding=UTF-8 とオプションを付けます
--javaを起動するときには、java -Dfile.encoding=UTF-8 とオプションを付けます。
--面倒なので、.bash_profileに登録しておきましょう
-- ~/.bash_profileを開いて以下の行を追加します
alias javac='javac -J-Dfile.encoding=UTF-8'
alias java='java -Dfile.encoding=UTF-8'
*** miを用意しておく [#qfba9e5b]
http://siio.jp/gyazo/2c0e58d1b83d396e1fbe6f5d247670ff.png
- Javaのプログラムを作るエディタです。一番簡単にはterminalからviとかemacsとかpicoとかタイプして
エディタを呼び出せば良いです。
- でも日本語の設定などが結構難しいので、GUIベースのエディタを使ってみましょう。
- いくつかありますが、おすすめの一つはmi (みみかきエディタ) という、便利なフリーウェアのテキストエディタです。
- miを使うには、http://www.mimikaki.net/からダウンロードして~/Applicationsにコピーします。
- これも便利なのでdockに入れておくとよいと思います。
http://siio.jp/gyazo/7579915fefe1ecd9c0e4e2ddfa55177d.png
*** 超簡単なプログラム(hello world)を作ってみる [#v4ccc293]
- ターミナルから、vi Hello.javaとかemacs Hello.javaとかpico Hello.javaとかタイプしたり、
もしくは、miを起動してファイル/新規/javaを選んで新しいファイルを作って開きます。
- ここで、以下のようなプログラムを書いてみます。
class Hello {
public static void main (String args[]) {
System.out.println("hello java world!");
}
}
-このときmiで改行コードをLF (UNIX)にしておいてください。またUTF-8になっていれば日本語も正しく出るはずです。
http://siio.jp/gyazo/20121004010107.png
- これをHello.javaという名前で保存して、コンパイル実行します。すると以下のようになります。
javac Hello.java (コンパイルする)
java Hello (実行する。.javaなどの拡張子は不要)
hello java world! (結果)
- 次に簡単なウィンドウを出してみましょう。
授業の最後の方で紹介する,Swingというフレームワークを使ってウィンドウを出してみます.
import javax.swing.JFrame;
public class SimpleWindow {
public static void main(String argv[]) {
JFrame f = new JFrame("私が作った最初の窓");
f.setSize(200,100);
// f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.setVisible(true);
}
}
これをSimpleWindow.javaという名前で保存して、
javac SimpleWindow.java
java SimpleWindow
とタイプしてコンパイル/実行します。
このプログラムは,ウィンドウのクローズボタンを押しても終了しません.
プログラムを停止するには,ターミナルでコントロール-cを押します.
#ref(How2Java/simplewindow.png)
------------
*ヒューマンインタフェース 2016年前期 [#q0729239]
//**宿題 [#i19fb64a]
//***人の反応速度を測定するプログラムを作って測定してください。(2014.4.24) † [#jbad7411]
//-連休明けの授業(5/15)の開始時に、A4, 1枚(両面印刷でも可)で提出してください。
//--用紙の上辺に学籍番号、学年、氏名を1行で書いておいてください。
//-C 言語では,次のようなプログラムで、”hit now”という文字を表示した後、リターンキーが押されるまでの時間を測定できます。
//--http://siio.jp/hci/hitnow.c
//--このプログラムは固定時間(5秒)後にhit nowが表示されます。乱数を使って表示までの時間を変える改良をしてもらっても良いです。(改良したらそのこともレポートしてください)
//-これによりあなたの応答速度を複数回実測して、人の応答速度が 300ms 程度であることを確認してください。
//-また個人差や年齢などで結果は変わるかもしれません。周りの複数の人に被験者になってもらって調査しても面白いかもしれません。
//-また何度も測定することで、習熟して速度が向上したり、それでも限界があったり、さらには、逆に疲労により速度が低下することがあるかもしれません。
//--そのような現象が観察できたら、これも報告してください。(教科書8章の学習曲線を参考にしてください)
**出席状況 [#id495fc6]
学部「ヒューマンインタフェース」は出席重視の授業です.そのため70%以上出席お願いします.
授業回数が15回程度と見込まれますので,欠席が4回を超えた場合は単位が出ません.
以下に授業全体の欠席状況を示しておきます.
学部「ヒューマンインタフェース」は出席重視の授業です.そのため70%以上出席お願いします. 今期はミニテストの提出状況とzoomへの接続状況から出席、遅刻、欠席を集計します。授業回数が13回程度ですので,欠席が3回を超えた場合は単位が出ません. 以下に授業全体の欠席状況を示す予定です。
//しておきます.
欠席回数は成績に大きく影響しますので、間違いありましたら至急お知らせください.
//公欠届のある日は出席としてあります。
これも、学籍番号が公表されたくない場合は、確認用の秘密の仮名をメールでお知らせください。
学籍番号の代わりにその名前を使います。
|学籍番号|5月7日|5月14日|5月21日|5月28日|6月4日|6月11日|6月18日|6月25日|7月2日|7月9日|7月16日|7月23日|欠席回数|
//|1620415|出|出|欠|出|出|欠|欠|欠|出|出|出|出|出|4不可|
//|1620501|出|出|出|出|出|出|出|出|出|出|出|出|出|0|
|学籍番号|4月8日|4月15日|4月22日|5月6日|5月13日|5月20日|5月27日|6月3日|6月17日|6月24日|7月1日|7月15日|7月22日|7月29日|出席点|
|1420501|出|出|出|出|出|出|出|出|出|出|出|欠|出|出||
|1420502|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420503|出|出|出|出|出|出|出|出|出|出|出|出|欠|出||
|1420504|出|出|出|出|出|出|出|出|出|出|出|出|出|欠||
|1420505|出|出|出|出|出|出|出|欠|出|出|出|出|出|出||
|1420506|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420507|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420508|出|欠|出|出|出|出|出|出|出|出|出|出|出|出||
|1420509|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420510|出|出|出|出|出|出|出|出|出|欠|欠|出|出|出||
|1420511|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420512|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420513|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420514|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420515|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420516|出|出|出|出|出|出|出|出|欠|出|出|出|出|出||
|1420517|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420518|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420519|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420520|出|出|出|出|出|出|出|出|出|出|出|出|出|欠||
|1420521|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420522|出|出|出|出|出|出|欠|出|出|出|出|出|出|欠||
|1420523|出|出|出|出|欠|出|出|出|出|出|出|出|出|出||
|1420525|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420526|出|出|出|出|出|出|出|出|出|出|出|出|欠|欠||
|1420527|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420528|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420529|出|出|欠|欠|出|欠|出|出|出|出|出|出|欠|出||
|1420530|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420531|出|出|出|出|出|出|出|出|出|出|出|欠|出|欠||
|1420532|出|出|出|出|出|出|出|出|出|出|出|欠|出|欠||
|1420533|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420534|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420535|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420536|出|出|出|出|欠|出|出|出|出|出|出|出|出|出||
|1420537|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420538|出|出|出|出|出|欠|出|出|出|出|出|出|出|出||
|1420539|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420540|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1420541|出|出|出|出|出|出|出|出|出|出|出|出|出|出||
|1220116|出|欠|欠|欠|欠|欠|欠|欠|欠|欠|欠|欠|欠|欠|不可|
|1220121|出|出|出|欠|出|出|出|欠|出|出|出|出|出|出||
** 講義開催予定 [#p8ec1788]
-5/7 ガイダンス
-5/14 GUIの歴史
-5/21 人の知覚特性
-5/28 人の認知特性
-6/4
-6/11
-6/18
-6/25
-7/2
-7/9
-7/16
-7/23 (海の日)
-7/30
//** ヒューマンインタフェースのレポート 2015年前期 [#o7c956d4]
//案内が遅れてすみません。案内が遅れたことを配慮して締め切りを予告より1週間延期しました。
**期末レポートのお知らせ [#ha061f9f]
- 提出は任意です.もし良いレポートを提出いただけたら出席点の加算に使用します.(出席点不可はくつがえりません)
- 締め切り2016年8月31日水曜日
//- 締め切りその他は未定です
-形式分量:A4, ページ数は2-3ページ程度
-提出先・提出方法:PDFにしてsiio@mac.comまでメール添付で送付
--メールの標題は「ヒューマンインタフェースレポート: 14205XX」としてください。数字部分は出席番号です。
--提出いただいた方はここのページで学籍番号でお知らせします。提出してしばらく経つのに、
//--提出いただいた方は以下のとおりです。提出してしばらく経つのに、
自分の番号がなかなか表示されない場合は,受付されていないかもしれません.もう一度催促してください
(提出を確認出来るよう締め切りより早めに提出していただくことをお勧めします)
--提出したことを学籍番号で公開されたくない方は、秘密のペンネームをおしらせください。
//**宿題 [#pb8621ca]
|提出日|学籍番号もしくはペンネーム|
|2016/8/31|1420512|
|2016/8/31|1420513 |
|2016/8/31|zzz|
|2016/8/31|1420507|
//|1320501|
//|あこがれは早寝早起き|
//|ヒューマン|
//下のリンク先のソースコードをコンパイルして、応答速度を図るプロログラムを作ってください。これを使って、みなさんの応答速度を図って、次回(2019年5月16日)の小テスト用紙(A5サイズ)で報告してください。
//http://is.ocha.ac.jp/~siio/index.php?CSL11HCI#k497ebbd
//|学籍番号|受理日|
//| 1320516 |2015年8月19日|
//| 1120506 |2013年9月6日|
//| 1120513 |2013年9月6日|
//| 1120503 |2013年9月6日|
//| 1120532 |2013年9月6日|
//| 1120537 |2013年9月6日|
//| 1120507 |2013年9月6日|
//| 1120528 |2013年9月6日|
//**宿題 [#x69779a5]
//
//***GUI黎明期のPC性能を調べてください(2018.4.19) [#ba9db6ff]
//-GUI黎明期PCのCPU名、CPUクロック、メモリ容量、画素数を調べてください
//--現在,Windows を使っている人は,最初の Windows が出荷された 1985 年当時に使われていたIBM PC/AT
//--Mac OS Xを使っている人は,1984に出荷された最初の Macintosh
//-今あなたが使っているコンピュータと比較してください.
//-次回の授業(5/17)最初に配布するA5サイズの用紙に各自で記入して提出してもらいます
**期末レポートの課題 [#bbbfc878]
+身の回りの携帯機器、家電製品、機械製品、コンピュータソフトウェア、
道具、日用品、調度品、設備などから、
使いにくいと思われる道具を見つけ出して欲しい。
+そして、それがなぜ使いにくいのかを、
授業で説明した、
制約、マッピング、Affordance、モデル、
エラー対策、 標準化、直接操作、メタファー、モードなどの用語を使って分析せよ。
(全部の用語を使う必要は無い)
+また,自分ならこのように設計して使いやすくするというアイディアを、
これも授業で使った用語を交えて、述べよ.
** ヒューマンインタフェースの予定 2016年前期 [#u19fb704]
-4/8
-4/15
-4/22
-5/6
-5/13
-5/20
-5/27
-6/3
-6/10 授業なし
-6/17
-6/24
-7/1
-7/8 椎尾学会出張のため休講
-7/15
-7/22
-7/29
//**宿題
//
//***人の反応速度を測定するプログラムを作って測定してください。(2014.4.24) † [#jbad7411]
//-連休明けの授業(5/15)の開始時に、A4, 1枚(両面印刷でも可)で提出してください。
//--用紙の上辺に学籍番号、学年、氏名を1行で書いておいてください。
//-C 言語では,次のようなプログラムで、”hit now”という文字を表示した後、リターンキーが押されるまでの時間を測定できます。
//--http://siio.jp/hci/hitnow.c
//--http://is.ocha.ac.jp/~siio/hci/hitnow.c
//--このプログラムは固定時間(5秒)後にhit nowが表示されます。乱数を使って表示までの時間を変える改良をしてもらっても良いです。(改良したらそのこともレポートしてください)
//-これによりあなたの応答速度を複数回実測して、人の応答速度が 300ms 程度であることを確認してください。
//-また個人差や年齢などで結果は変わるかもしれません。周りの複数の人に被験者になってもらって調査しても面白いかもしれません。
//-また何度も測定することで、習熟して速度が向上したり、それでも限界があったり、さらには、逆に疲労により速度が低下することがあるかもしれません。
//--そのような現象が観察できたら、これも報告してください。(教科書8章の学習曲線を参考にしてください)
//***GUI黎明期のPC性能を調べてください(2014.4.17) [#ba9db6ff]
//-GUI黎明期PCのCPU名、CPUクロック、メモリ容量、画素数を調べてください
//--現在,Windows を使っている人は,最初の Windows が出荷された 1985 年当時に使われていたIBM PC/AT
//--Mac OS Xを使っている人は,1984に出荷された最初の Macintosh
//-今あなたが使っているコンピュータと比較してください.
//-次回の授業(4/24)最初に配布するA5サイズの用紙に各自で記入して提出してもらいます
**教科書 [#r47d2493]
**教科書 [#ta8dbb5f]
http://ec2.images-amazon.com/images/I/51SsP4P1UiL._SL500_AA300_.jpg
http://www.amazon.co.jp/dp/4781912605/
**授業資料 [#lca8065f]
+http://siio.jp/lecture/humaninterface/HCI_c1.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c2.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c3.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c4.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c5.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c6.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c7.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c8.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c9.ppt.pdf
+http://siio.jp/lecture/humaninterface/HCI_c10.ppt.pdf
**授業資料 [#s6bf1fc3]
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c1.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c2.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c3.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c4.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c5.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c6.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c7.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c8.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c9.ppt.pdf
+http://is.ocha.ac.jp/~siio/lecture/humaninterface/HCI_c10.ppt.pdf
(授業開始直前や直後に差し替えされている可能性があります。)
**教科書サポートページ [#a8165368]
**教科書サポートページ [#b385f64d]
-http://lab.siio.jp/index.php?CSL11HCI
-http://is.ocha.ac.jp/~siio/index.php?CSL11HCI
//**宿題:ボタンを押すたびに点灯/消灯を繰り返す(トグルする)プログラム (2015/7/17提出)[#s369672d]
//**宿題:ボタンを押すたびに点灯/消灯を繰り返す(トグルする)プログラム (2015/7/17提出) [#a9dc7742]
//
//以下は、Arduinoの2ピンに接続された押しボタンスイッチを押すとLEDが点灯するプログラムです。これを改造して、押しボタンスイッチを押すたびに、点灯/消灯を切り替えるプログラムを作ってください。
//以下は、Arduinoの2ピンに接続された押しボタンスイッチを押すとLEDが点灯するプログラムです。これを改造して、押し//ボタンスイッチを押すたびに、点灯/消灯を切り替えるプログラムを作ってください。
//ちなみにHIGHとLOWはintの値で、int型の変数で保存することができます。
//
// int outpin=13; //An LED is connected to ping 13
// int inpin=2; //A switch is connected to pin 2
//
// void setup() {
// // initialize the digital pin as an output and input.
// pinMode(outpin, OUTPUT);
// pinMode(inpin, INPUT);
// }
//
// void loop() {
// if ( digitalRead(inpin) == HIGH) {
// digitalWrite(outpin, LOW); // set the LED on
// }
// else {
// digitalWrite(outpin, HIGH); // set the LED off
// }
// delay(30); // wait for 30 second
// delay(30); // wait for 30 msecond
// }
//
//**宿題:人の反応速度を測定するプログラムを作って測定してください。(2015.5.1) [#gc9f981e]
//**宿題:人の反応速度を測定するプログラムを作って測定してください。(2015.5.1) [#f5834458]
//-連休明けの授業(5/8)の開始時に、A5, 1枚に書いて提出していただきます。
//-C 言語では,次のようなプログラムで、”hit now”という文字を表示した後、リターンキーが押されるまでの時間を測定できます。
//--http://siio.jp/hci/hitnow.c
//-C 言語では,次のようなプログラムで、”hit now”という文字を表示した後、リターンキーが押されるまでの時間を測定でき//ます。
//--http://is.ocha.ac.jp/~siio/hci/hitnow.c
//--このプログラムは固定時間(5秒)後にhit nowが表示されます。
//-- 乱数を使って表示までの時間を変える改良をしてもらっても良いです。(改良したらそのこともレポートしてください)
//-これによりあなたの応答速度を実測して、人の応答速度が 300ms 程度であることを確認してください。(複数回実測して平均とってもらえるとさらに正確ですね)
//
//
------
このページについてのお問い合わせはsiio@is.ocha.ac.jpまで。