Lecture のバックアップ(No.11)

マルチメディアプログラミング実習 2016年度後期
ヒューマンインタフェース 2016年前期

マルチメディアプログラミング実習 2016年度後期 †

↑

2016年11月24日(自習) †

↑

第12章　Swing （つづき） †

↑

ラベルを表示するウィンドウ（復習） †

前回、ウィンドウの中に、Hello!という文字を出してみました。

解答例：

import javax.swing.*;
import java.awt.*;

public class SimpleWindow extends JFrame {

	public void initialize () {
		this.setTitle("私が作った最初の窓");
		
		JLabel label = new JLabel("Hello!");
		Container container = this.getContentPane();
		container.add(label);
		this.pack();
		
		this.setVisible(true);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}

	public static void main(String argv[]) {
		SimpleWindow sw = new SimpleWindow();
		sw.initialize();
	}

}

JFrameのインスタンスにgetContentPaneをお願いするとContainerインスタンスを返してくれます。これに、JLabelのインスタンスを貼り付けると表示されるわけです（この文章に現れる?マークは無視してください）

↑

ボタンを２個表示するウィンドウ †

プログラム12.2をみてください。 JLabelを貼り付けたプログラムと同様に、 getContentPane()で得られたContainerに直接ボタンを貼付けることもできます。しかしその場合、貼付けられるのは一つのボタンだけのようです。

そこでプログラム12.2では、 JPanel (パネル) に２個のボタンを貼付け、それをContainerに貼付けることで複数のボタンを表示しています。

プログラム12.2を参考にして、継承を使ったプログラムによるウィンドウの中に、 2個のボタンを出してみよう。

解答例：

（数人が完成したら解答例を公開します）

（解答例を見て実行できたら次に進んでください）

↑

ボタンのイベントを受け取るプログラム †

このプログラムでは，ボタンを押しても何もおこりません．

ボタンが押されたイベントを受け取るためには，

ActionListenerをimplementしたクラスを作る
そのインスタンスを作る
これをボタンにaddActionListener()で登録する

必要があります．ActionListenerをimplementするクラスはなんでも良いのですが、教科書のプログラムでは、JFrameから作る本体クラスをイベント受け取り手にしています。イベント受け取り専用クラスを作るなどの設計も、もちろん可能です。

プログラム12.3とこれに関する教科書の説明を読んで，ボタンを押したらprintlnで次のようなメッセージを表示するプログラムを作ってみましょう．

ヒント（最初の6行です）

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class SimpleButton extends JFrame implements ActionListener {

JButton button1, button2;

	public void initialize () {

解答例

（数人が完成したら解答例を公開します）

（解答例を見て実行できたら次に進んでください）

↑

プログラム12.4を入力して動かしてください †

ボタンは、並べ方の規則を決めて、配置することができます。このプログラムは、いくつかの方法を紹介しています。ボタンを並べたいときの参考にしてください。

↑

第13章　様々なコンポーネントとレイアウト †

↑

プログラム13.1のようにボタンを配置して、それぞれを押すと、それぞれのボタンの名前が表示されるプログラムを作ってください。 †

まずは、プログラム12.4を見て、上記のプログラムを拡張して5個のボタンに対応して, WEST, EAST, SOUTH, NORTH, CENTERと表示されるプログラムをつくってください。さらにこれを拡張して、プログラム13.1のようなボタンを配置して、それぞれを押すと、それぞれのボタンの名前が表示されるプログラムを作ってください。次回の授業で提出お願いします。

なお、以下のようにすると、ボタンの名前を印刷することができます。

        public void actionPerformed(ActionEvent e){
                System.out.println(((JButton)e.getSource()).getText());
        }

↑

プログラム13.1の説明図 †

panel1はFlowLayoutを使っています。これは流れるように均等にボタンを配置するレイアウトです。
panel2はY軸方向のBoxLayoutを使っています。Y軸方向に並べます。
panel3は3 x 2のGridLayoutです。3行2列に並べています。
panel4はBorderLayoutです。NORTHとSOUTHを使っています。
panel5はX軸方向のBoxLayoutを使っています。X軸方向に並べます。

この5枚のラベルをウィドウのcontainerに貼り付けているのですが、そこでもレイアウトのオプションを使っています。 BorderLayoutを使って、東西南北、センターに、ラベルを貼り付けています。

↑

13.2節を読んで，プログラム13.2を実行させてください †

ボタンが一つしかないプログラムなので、ActionPerformedの中で、ボタン種類のチェックを省略してしまっているところが特徴です。

↑

演習13.1をやってください †

こんなのをつくってください。左のテキストフィールドに文字を書き込むことができます。 left to rightボタンを押すと、その文字が右のフィールドに転送されます。 clearボタンを押すと、文字が消えます。

BorderLayoutでもできるようですが、私はGridLayour使ってみました。

 		panel.setLayout(new GridLayout(2,2));
		panel.add(textleft);
		panel.add(textright);
		panel.add(button);
		panel.add(clearbutton);

ボタンが複数になるので、ActionPerformedの中で、ボタンを区別する必要があります。

解答例

（数人が完成したら解答例を公開します）

（解答例を見て実行できたら次に進んでください）

↑

どのボタンからのイベントであるかを識別する方法 †

プログラム12.3では
- ボタンへの参照を、action Performedから参照できる変数に入れて
- action Performedの中で、e.get Source()してButtonのインスタンスを得て比較している
プログラム12.4では、
- 準備として button.set Action(button.get Text());でボタン文字をactionとして設定して
- action Performedの中で e.get Action Command()でアクションを得て文字比較している
ということで以下のようなことも可能
- acttion Performedの中で、get Source()してボタンを得る
- そのボタンからget Textしてボタンの文字列を得て文字比較する
- ただし、get Sourceで得られるのはボタンの親クラスなのでButtonにキャストする
- 以下をaction Performedのなかで試してみよう
```
System.out.println((JButton)(e.getSource()).getText());
```

↑

13.5節を読んで，プログラム13.5を実行してください †

ここではJMenuBarインスタンスをJFrameにsetMenuBarメソッドで取り付けています。 JMenuBarインスタンスにはJMenuインスタンスを貼り付けることができます。これがメニューバーに現れる項目になります。メニューバー項目をクリックして現れるメニュー項目がJMenuItemのインスタンスです。 JMenuItemのインスタンスはaddメソッドでJMenuBarに貼り付けます。

JMenuItemの代わりに、JMenuBarのインスタンスをaddメソッドでJMenuBarに貼り付けると、カスケードメニューが作れます。

メニューアイテムにcommandという情報をつけて、ActionPerformedではこれを使ってメニュー項目を区別しています。

↑

演習13.2をやってください（メニュー項目は何でも良いです） †

↑

13.6節を読んで，プログラム13.6を実行してください †

教科書203ページのプログラム13.6の5行めのところに、

... implements ActionListener6: {

とありますが、これは、

... implements ActionListener {

の間違いのようです。

↑

終章　おまけ †

↑

マウスイベント †

マウスイベントを受け取るには、Mouse ListenerやMouse Motion Listenerなどをインプリメントします。以下のようにするとイベントをうけとれるます。以下のプログラムを動かして試して見てください。

import java.awt.*;
import javax.swing.*;
import java.awt.event.*;

public class MouseTest extends JFrame implements MouseListener, MouseMotionListener{
	
	public void mouseClicked(MouseEvent e) {
		System.out.println("mouse clicked!");
	}
	public void mouseEntered(MouseEvent e) {
		System.out.println("mouse entered!");
	}
	public void mouseExited(MouseEvent e) {
		System.out.println("mouse exited!");
	}
	public void mousePressed(MouseEvent e) {
		System.out.println("mouse pressed!");
	}
	public void mouseReleased(MouseEvent e) {
		System.out.println("mouse released!");
	}
	public void mouseDragged(MouseEvent e) {
		System.out.println("mouse dragged!");
	}
	public void mouseMoved(MouseEvent e) {
		System.out.println("mouse moved!");
	}
	
	public static void main(String[] args) {
		MouseTest test = new MouseTest();
		test.setTitle("MouseTest");
		test.addMouseListener(test);
		test.addMouseMotionListener(test);
		test.setSize(400,300);
		test.setVisible(true);
		test.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}
	
}

↑

2016年11月17日(自習) †

↑

オブジェクト指向に関する小テスト †

TAの皆さんの指示に従って、テストを受けて、相互で採点してください。

↑

【課題１】写真ファイルのダウンロード(つづき） †

をダウンロードして、cat.jpgというファイルを作るプログラムを作りました。解答例は以下でした。

解答例

import java.io.*;
import java.net.*;

//http://siio.jp/cat.jpg
//をダウンロードして、cat.jpgというファイルを作るプログラム

public class URLJpeg {
	public static void main (String argv[]) {
		try {
			URL targetURL = new URL("http://siio.jp/cat.jpg");
			InputStream istream = targetURL.openStream();
			
			FileOutputStream fout = new FileOutputStream("cat.jpg");
			
			int aData;
			while((aData  = istream.read()) != -1) fout.write(aData);
			
			istream.close();
			fout.close();
			
			
		} catch (IOException e) {
			System.out.println("error...");
		}
	}
}

上記の例では写真データを1バイトずつ読み書きしていました。 InputStreamのメソッドを調べると、複数バイト単位で読み込むメソッドがあります。たとえば、512バイトずつ読み書きすることで、処理速度が向上すると期待できます。そこで、複数バイト読み書きするよう、上記のプログラムを変更して、実際にどの程度（実行速度にして何倍くらい）性能向上するか確認してみましょう。

read

public int read(byte[] b)
         throws IOException
入力ストリームから配列長さだけのバイト数を読み込もうとし、それをバッファ配列 b に格納します。
実際に読み込まれたバイト数は整数として返されます。
戻り値は、バッファに読み込まれたバイトの合計数。ストリームの終わりに達してデータがない場合は -1

を使って読みこみ、

write

public void write(byte[] b,
                  int off,
                  int len)
           throws IOException
指定された byte 配列の、オフセット位置 off から始まる len バイトを出力ストリームに書き込みます。

を使ってください。

ヒント１

byte[] data = new byte[512];

という配列を用意して、

	int datalength;
	while(( datalength=istream.read(data)) != -1) fout.write(data, 0, datalength);

とします。

ヒント２

このヒントでは512バイトを読み込むことにしています。でも、InputStreamのメソッドを見ると、available()というのがあります。

available()
この入力ストリームのメソッドの次の呼出しによって、ブロックせずにこの入力ストリームから読み込むことができる(またはスキップできる)推定バイト数を返します。

これを使えば、適切な長さを見積もれるかもしれません。

↑

【課題２】引数で指定したURL先データのダウンロード †

curlというコマンドがあります。

curl http://ocha.ac.jp/

などとすると、htmlが見られますし、

curl http://siio.jp/cat.jpg > cat.jpg

などとすると、ファイルとして保存できます。上のプログラムを発展させて、curlに近いプログラムを作ってみましょう。

また、ここでも1バイトずつ読み込むのではなく、まとめて読むことで速度の改善を図りましょう。

↑

提出 †

上記の引数のURLをファイルにするプログラムを作ってください。また、cat.jpgのファイル取得で、１バイトずつ読むのに比べて、まとめて読むことでどれくらい速度が改善したかを、レポートにしてください。レポートの書式は任意です。（テキストファイルでかまいません）

これらのjava, class, レポートのファイルをまとめて、出席番号＋名前のフォルダに入れて、圧縮して提出してください。

↑

ラベルを表示するウィンドウ †

プログラム12.1を参考にして、上記の、継承を使ったプログラムによるウィンドウの中に、 Hello!という文字を出してみよう。

解答例：

import javax.swing.*;
import java.awt.*;

public class SimpleWindow extends JFrame {

	public void initialize () {
		this.setTitle("私が作った最初の窓");
		
		JLabel label = new JLabel("Hello!");
		Container container = this.getContentPane();
		container.add(label);
		this.pack();
		
		this.setVisible(true);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}

	public static void main(String argv[]) {
		SimpleWindow sw = new SimpleWindow();
		sw.initialize();
	}

}

↑

2016年11月10日 †

↑

第11章　入出力 †

↑

整数を出力する例 †

import java.io.*;

public class DoutTest {
	public static void main (String[] args) {
		try {
			FileOutputStream fout = new FileOutputStream("dout.dat");
			DataOutputStream dout = new DataOutputStream(fout);
			dout.writeInt(100);
			dout.close();
			
		}catch (Exception e) {
			System.out.println(e);
		}
	}
}

これでdout.datという名前のファイルができあがるはずです。作ったファイルを

od -h dout.dat

または

hexdump dout.dat

してみてください

e100:java siio$ hexdump dout.dat 
0000000 00 00 00 64                                    
0000004

↑

整数を入出力する例 †

import java.io.*;

public class DoutTest {
	public static void main (String[] args) {
		try {
			FileOutputStream fout = new FileOutputStream("dout.dat");
			DataOutputStream dout = new DataOutputStream(fout);
			dout.writeInt(100);
			dout.close();
			
			FileInputStream finput = new FileInputStream("dout.dat");
			DataInputStream dinput = new DataInputStream(finput);
			System.out.println(dinput.readInt());
			dinput.close();
			
		}catch (Exception e) {
			System.out.println(e);
		}
	}
}

↑

宿題：演習11.1 をやってください †

作ったファイルを

od -h dout.dat

または

hexdump dout.dat

してみてください

解答例

import java.io.*;

public class En111 {
	public static void main (String[] args) {
		int i;
		try {
			FileOutputStream fout = new FileOutputStream ("dout.dat");
			DataOutputStream dout = new DataOutputStream(fout);
			for(i=1;i<101;i++) dout.writeInt(i);
			dout.close();
			
			FileInputStream fin = new FileInputStream ("dout.dat");
			DataInputStream din = new DataInputStream(fin);
			
			for(i=1;i<101;i++) System.out.println(din.readInt());
			din.close();
			
		} catch (FileNotFoundException e) {
			System.out.println(e);
		} catch (IOException e) {
			System.out.println(e);
		}
	}
}

↑

プログラム11.3をやってみてください †

作ったファイルを

od -h

または

hexdump

してみてください

import java.io.*;

public class PrintWriterTest{
	public static void main(String[] args) {
		try {
		//writer.txtというファイルを作って文字を書き込む
			FileWriter fwriter = new FileWriter("writer.txt");
			PrintWriter pwriter = new PrintWriter(fwriter);
			pwriter.println(2006);
			pwriter.println("Java教科書");
			//fwriter.write("Java教科書");
			pwriter.close();	
		}
		catch (IOException e) {
			System.out.println(e);
		}
	}
}

つぎに、プログラム11.4を参考にして、このPrint Write Testに書き足して、書き込んだデータを読み出して画面に表示するプログラムを作ってください。

ヒント：

import java.io.*;

public class PrintWriterTest{
	public static void main(String[] args) {
		try {
		//writer.txtというファイルを作って文字を書き込む
			FileWriter fwriter = new FileWriter("writer.txt");
			PrintWriter pwriter = new PrintWriter(fwriter);
			pwriter.println(2006);
			pwriter.println("Java教科書");
			//fwriter.write("Java教科書");
			pwriter.close();	
			 
			 
			 ここに書き足す
			 
			 
		}
		catch (IOException e) {
			System.out.println(e);
		}
	}
}

↑

文字ストリームをファイルに書いて読み込むプログラム †

import java.io.*;

public class PrintWriterTest{
	public static void main(String[] args) {
		try {
		//writer.txtというファイルを作って文字を書き込む
			FileWriter fwriter = new FileWriter("writer.txt");
			PrintWriter pwriter = new PrintWriter(fwriter);
			pwriter.println("java 教科書" + 2001 );
			pwriter.close();			
		//writer.txtのファイルの中身をSystem.out.printlnで表示する
			FileReader freader = new FileReader("writer.txt");
			BufferedReader breader = new BufferedReader(freader);
			String tmp;
			while( (tmp=breader.readLine() ) != null) {
				System.out.println(tmp);
			}
			breader.close();
		}
		catch (IOException e) {
			System.out.println(e);
		}
	}
}

↑

プログラム11.5をやってこれを拡張して演習11.2をやってください †

キーボードから1行入力された文字列によるテキストファイルを作る

ヒント

 import java.io.*;
 
 public class En112 {
 	public static void main(String[] args) {
 	
 		try {


ここにプログラムを書く
 		
 			}
			catch(IOException e) {
 				System.out.println(e);
　 			}
    }
 }

解答例

import java.io.*;

public class En112 {
	public static void main(String[] args) {
	
		try {
			InputStreamReader ireader = new InputStreamReader (System.in);
			BufferedReader breaderK = new BufferedReader(ireader);
			String line = breaderK.readLine();
			
			FileWriter fwriter = new FileWriter("writer.txt");
			PrintWriter pwriter = new PrintWriter(fwriter);
			pwriter.println(line);
			pwriter.close();
			
			FileReader freader = new FileReader("writer.txt");
			BufferedReader breaderF = new BufferedReader(freader);
			
			String tmp=null;		
			while(  (tmp=breaderF.readLine())  != null)
				System.out.println(tmp);
			
			breaderF.close();
		
			}
			catch(IOException e) {
				System.out.println(e);
			}
	}
}

↑

http://www.ocha.ac.jp/の内容を表示するプログラムを書いてみよう †

ヒント1

import java.net.*;

が必要です。

URL targetURL = new URL("http://www.ocha.ac.jp/");

でURLクラスのインスタンスが得られる。

InputStream istream = targetURL.openStream();

でこれからInputStreamのインスタンスが得られる。

InputStreamReader isreader = new InputStreamReader(istream);

でこれからInputStreamReaderのインスタンスが得られる。

BufferedReader breader = new BufferedReader(  isreader );

でこれからBufferedReader のインスタンスが得られる。

ヒント2

import java.io.*;
import java.net.*;

public class URLTest {
	public static void main (String argv[]) {
		try {
			
			 
			 ここにプログラムを書く
			 
			 
		} catch (IOException e) {
			System.out.println("error...");
		}
	}
}

ヒント3：

import java.io.*;
import java.net.*;

public class URLTest {
	public static void main (String argv[]) {
		try {
			URL targetURL = new URL("http://www.ocha.ac.jp/");
			InputStream istream = targetURL.openStream();
			InputStreamReader isreader = new InputStreamReader(istream);
			BufferedReader breader = new BufferedReader(  isreader );
		
ここで一行ずつ読み込む

		} catch (IOException e) {
			System.out.println("error...");
		}
	}
}

解答例：

import java.io.*;
import java.net.*;

public class URLTest {
	public static void main (String argv[]) {
		try {
			URL targetURL = new URL("http://www.ocha.ac.jp/");
			InputStream istream = targetURL.openStream();
			InputStreamReader isreader = new InputStreamReader(istream);
			BufferedReader breader = new BufferedReader(  isreader );
		
			String line;
			while((line=breader.readLine()) != null) System.out.println(line);
		
		} catch (IOException e) {
			System.out.println("error...");
		}
	}
}

↑

写真ファイルのダウンロード †

http://siio.jp/cat.jpg

をダウンロードして、cat.jpgというファイルを作るプログラムを作ってください。データはテキストじゃなくて、バイナリーです。

ヒント1：

InputStreamのインスタンスに対してread()メソッドを使うと１バイトのデータが得られます。読み終わると-1になります。 1バイトのデータを書き出すなら、FileOutputStreamだけで可能です。

ヒント２：

import java.io.*;
import java.net.*;

public class URLJpeg {
	public static void main (String argv[]) {
		try {
			URL targetURL = new URL("http://siio.jp/cat.jpg");
			InputStream istream = targetURL.openStream();
			
			FileOutputStream fout = new FileOutputStream("cat.jpg");

というインスタンスを作って、

istream.read()

で読んで、

fout.write(1バイト)

で書き出します。

解答例

import java.io.*;
import java.net.*;

//http://siio.jp/cat.jpg
//をダウンロードして、cat.jpgというファイルを作るプログラム

public class URLJpeg {
	public static void main (String argv[]) {
		try {
			URL targetURL = new URL("http://siio.jp/cat.jpg");
			InputStream istream = targetURL.openStream();
			
			FileOutputStream fout = new FileOutputStream("cat.jpg");
			
			int aData;
			while((aData  = istream.read()) != -1) fout.write(aData);
			
			istream.close();
			fout.close();
			
			
		} catch (IOException e) {
			System.out.println("error...");
		}
	}
}

↑

第12章　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);
       }
}

↑

JFrameを継承するプログラミング †

import javax.swing.JFrame;
public class SimpleWindow extends JFrame {

	public void initialize () {
		this.setTitle("私が作った最初の窓");
		this.setSize(200,100);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		this.setVisible(true);
	}

	public static void main (String argv[]) {
		SimpleWindow sw = new SimpleWindow();
		sw.initialize();
	}
}

↑

本日のレポート †

上記のプログラム（URLJpeg.java, URLJpeg.class) を、出席番号＋名前のフォルダにいれて、ZIP圧縮して提出してください。｀

↑

ラベルを表示するウィンドウ †

プログラム12.1を参考にして、上記の、継承を使ったプログラムによるウィンドウの中に、 Hello!という文字を出してみよう。

↑

2016年11月3日 †

↑

第8章　継承 †

継承の話をしました。別のクラスを継承することで、差分だけを書いて機能を拡張していくことができます。

↑

Osaifuクラスを継承してOsaifuUSDクラスを作ってみよう †

OsaifuUSDクラスはアメリカで買い物をするときに便利な、アメリカドルでお金を出し入れできる財布です。
あたらしく追加するメソッドは以下です
- void inUSD(int x) xドルをお財布に入金します。このとき円に換算して残高に追加します
- int outUSD(int x) xドルをお財布から出金します。このとき円に換算した金額だけ残高が減ります。戻り値はドルにしましょう。
- 1ドルは90円にしてください（時勢に合わない設定ですみません）
OsaifuUSDクラスをテストするmain()メソッドでは次のことをやってください
- OsaifuUSDインスタンスを一つ作ってそれをsaifu1という名前にする
- OsaifuUSDインスタンスをもう一つ作ってそれをsaifu2という名前にする
- saifu1に1000円入金する
- saifu2に5ドル入金する
- saifu1とsaifu2が持っている金額を印刷する
- saifu1から2ドル出金してそれをsaifu2に入金する
- saifu1とsaifu2が持っている金額を印刷する

動作例

ヒント：一行目はこれ

public class OsaifuUSD extends Osaifu {

ヒント：mainはこんな感じ

	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();
	}

解答例

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) †

親のメソッドを活用しても良い

public class OsaifuUSD extends Osaifu {

	public int outUSD(int usd) {
		return ( out( use * 90) / 90 );
	}

	public void inUSD(int usd) {
		in( usd * 90 );
	}
	
…

}

親のメソッドを呼ぶことを明示的に書くためにsuper.をつかってもよい。

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 );
	}
	
…

}

↑

OsaifuUSDクラスの改造(2) †

OsaifuUSDにprint()メソッドを追加して、円表示の次の行に ( xxx USD ) と残高をUSD表示するようにしてください。円表示を行う部分はスーパークラスOsaifuのインスタンスメソッドprint()を利用することを考えてみてください。

解答例

	public void print() {
		super.print();
		System.out.println("( " + (okane / 90) + " usd )" );
	}

↑

小テスト練習 †

以下のプログラムの中で、クラス、インスタンス、サブクラス、スーパクラス、クラスメソッド、インスタンスメソッドがどれであり、インスタンス化、継承がどこで行われているのか確認してください。 (importで始まる一行目はまだ説明していない内容なので小テストでは扱いません。無視してください)

import javax.swing.JFrame;

 public class SampleWindow extends JFrame {
	public static void main(String args[]) {
		SampleWindow w = new SampleWindow();
 		w.setVisible(true);
	}
 }

↑

第9章　エラーと例外処理 †

次のプログラムを作って試してください。引数が少ないとエラーが出るのを確認してください。

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クラスとコレクションフレームワーク †

↑

入力した文字を逆に出力するプログラムを作ってみましょう †

[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 の練習 †

サンプルプログラムを実行するときは、

	LinkedList<String> list = new LinkedList<String>();

などと定義すると良い。

↑

program 10.2 改造 †

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の練習 †

教科書の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日 †

今週と椎尾は手術入院でお休みします。その代わり自習とします。

それぞれの課題は、次のページをみてください。

2016年10月27日

↑

2016年10月20日 †

↑

第6章　クラスの基礎 †

↑

クラスとインスタンスの説明をしました †

クラスは型、インスタンスはそれから作られたもの
- クラスがたいやきの焼き型だとすると、インスタンスはそれから作られたたいやき
- クラスは設計図でインスタンスはそれから作られたもの
クラスとインスタンスそれぞれにメソッドと変数がある
- クラス変数例：何個のインスタンスを作ったか？
- クラスメソッド例：インスタンスを作れ
- インスタンス変数例：ひとつのたいやきの重さ
- インスタンスメソッド　例：たいやきをxxグラム食べる

演習問題6.1, 6.2, 6.3

例えば以下のような実行結果が出るようにしてください

↑

public static void main の説明をしました †

javaコマンドは、引数のクラスのクラスメソッドmainを実行します
- staticと付いているのがクラス変数、クラスメソッドの印です
Pointクラスにクラスメソッドmainを実装すれば自分自身をテストできます

クラスPoint3Dに自分自身をテストするクラスメソッドmainを作ってみよう

↑

変数にはメソッド経由でアクセスするのが良いという説明をしました †

変数の型などを将来変更してもメソッドの書き換えで対応できます

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日 †

↑

CotEditorもおすすめです †

こちらからダウンロードできます。演習室のOSにあわせたバージョンをダウンロードします。

https://coteditor.com/archives.ja

↑

第3章 †

演習

演習3.4をみて、自分の名前の最初の文字の文字コードを表示してみてください。

argv[0]を表示する

class ArgsTest {  
public static void main (String argv[]) {
	System.out.println(argv[0]);
        }
}

argv[0]とargv[1]をprintlnの中で+でつないで表示する

解答

class ArgsTest {  
public static void main (String args[]) {
	System.out.println(args[0] + " + " + args[1]);
        }
}

↑

第5章 †

↑

演習 †

演習問題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を表示するプログラムを書け。動作例を以下に示す。

解答例：

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文は新しい手法なので練習しましょう †

プログラム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);
	     }
       }
}

↑

演習 †

mainの引数argsは、Stringの配列で、コマンドラインで起動したとき、コマンドの後に続けた書いた文字が入っています。 args[0], args[1], args[2] .... をすべてfor-each文で表示するプログラムを書いてみましょう。

ヒント：for(String s: args)を使います

解答例

class ArgsTest2 {  
public static void main (String args[]) {
	for(String s: args) 
	    System.out.println(s);
       }
}

↑

第6章　クラスの基礎 †

↑

クラスとインスタンスの説明をしました †

クラスは型、インスタンスはそれから作られたもの
- クラスがたいやきの焼き型だとすると、インスタンスはそれから作られたたいやき
- クラスは設計図でインスタンスはそれから作られたもの
クラスとインスタンスそれぞれにメソッドと変数がある
- クラス変数例：何個のインスタンスを作ったか？
- クラスメソッド例：インスタンスを作れ
- インスタンス変数例：ひとつのたいやきの重さ
- インスタンスメソッド　例：たいやきをxxグラム食べる

↑

欠席状況 †

3/4以上出席してください。（欠席は3回まで）欠席4回で自動的に不可になります。

↑

javaのマニュアル †

http://docs.oracle.com/javase/jp/8/docs/api/index.html

↑

レポート提出方法 †

/home/isstaff/siio/Public/Drop Box/.

に提出してください。ターミナル.appからなら

cp 123456siioitiro.zip /home/isstaff/siio/Public/Drop\ Box

としてください。ファインダーからなら、メニューから「移動」「フォルダへ移動...」を選んで以下のように入力して、移動ボタンを押して、そこに現れるドロップボックスホルダに、ドラッグアンドドロップしてください。

↑

出来上がったプログラムの提出方法 †

フォルダを作ってその中にjavaファイルとclassファイルを入れてください。フォルダの中のclassファイルをダブルクリックしたらプログラムが起動することを確認してください。
このフォルダに名前を付けてください。フォルダの名前は、「出席番号＋氏名（ローマ字の姓名）＋必要ならばバージョン番号の数字」にしてください。たとえば09020999siioitiro01のように。なお全部半角英数字でお願いします。
このフォルダを圧縮してください
- フォルダを選択してファイルメニューから圧縮を選択します
圧縮したファイルを以下の手順で
```
/home/isstaff/siio/Public/Drop Box/.
```
に提出してください。ターミナル.appからなら
```
cp 123456siioitiro.zip /home/isstaff/siio/Public/Drop\ Box
```
としてください。ファインダーからなら、メニューから「移動」「フォルダへ移動...」を選んで以下のように入力して、移動ボタンを押して、そこに現れるドロップボックスホルダに、ドラッグアンドドロップしてください。

書き込み専用なので確認できないけどokですかという意味のダイアログが出るかと思いますが問題ありません。

レポート提出用フォルダは書き込み専用で見ることができません。アップロードできたかどうか不安でしたら教員まで質問してください。
授業中でしたら、ココを見ると一覧をみることができます。
同じ名前のフォルダを投げ込むと、エラーになります。ということで新しいバージョンができたら別の名前のフォルダを作って提出し直してください。（フォルダ名最後に数字をつけてください）

↑

教科書 †

http://www.amazon.co.jp/dp/4883732258/

買ってください。もしくは、先輩から安く譲ってもらってください。

↑

この講義の目的 †

Javaでプログラムする
オブジェクト指向の概念を理解してプログラミングする
GUIプログラミングをする

↑

この講義の順序 †

Javaになれる（C言語などのプログラミング手法の復習）
オブジェクト指向について理解する
GUIプログラミングについて理解する（イベント駆動）
お絵描きプログラムを作ってみる

↑

成績評価 †

お絵描きプログラムの完成度，作り込み
毎回の宿題の達成（参考程度）
出席状況（参考程度）

↑

第1章および第2章 †

↑

Mac OS XでJavaを使う †

Mac OS XはJavaと相性が良く、最初からjavaがインストールされています。ということでWindowsより簡単に（というか何もしなくても）javaが使えます。

↑

terminalを起動する †

terminalは、/Applications/Utilities/の中にあります。ちなみに、/Applicationsはファインダでは/アプリケーションと日本語として見えます。 /Applications/Utilities/は、/アプリケーション/ユーティリティ/と日本語として見えています。

ダブルクリックすると起動します。よく使うことになると思いますので、dockにドラッグアンドドロップして登録しておくと良いかと思います。(うちの子はこのアイコンを「顔テレビ」と呼んでいます」)

メニューのターミナル／環境設定...を開きます。ここで、テキストを選んで、「テキストをアンチエイリアス処理」にチェック入れておくとフォントが奇麗なのでおすすめです。

おなじウィンドウの「詳細」に、「文字エンコーディング」というのがあります。 Javaの場合、ここで「Unicode (UTF-8)」を選んでおきましょう。（日本語コードにはいろいろな種類があって混乱しますが、21世紀に生きるみなさんはUnicodeで統一していきましょう）

ターミナルから、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を用意しておく †

Javaのプログラムを作るエディタです。一番簡単にはterminalからviとかemacsとかpicoとかタイプしてエディタを呼び出せば良いです。

でも日本語の設定などが結構難しいので、GUIベースのエディタを使ってみましょう。

いくつかありますが、おすすめの一つはmi (みみかきエディタ) という、便利なフリーウェアのテキストエディタです。

miを使うには、http://www.mimikaki.net/からダウンロードして~/Applicationsにコピーします。

これも便利なのでdockに入れておくとよいと思います。

↑

超簡単なプログラム(hello world)を作ってみる †

ターミナルから、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になっていれば日本語も正しく出るはずです。

これを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.setVisible(true);
       }

}

これをSimpleWindow.javaという名前で保存して、

javac SimpleWindow.java
java SimpleWindow

とタイプしてコンパイル／実行します。このプログラムは，ウィンドウのクローズボタンを押しても終了しません．プログラムを停止するには，ターミナルでコントロール-cを押します．

↑

ヒューマンインタフェース 2016年前期 †

↑

出席状況 †

学部「ヒューマンインタフェース」は出席重視の授業です．そのため70%以上出席お願いします．授業回数が15回程度と見込まれますので，欠席が4回を超えた場合は単位が出ません．以下に授業全体の欠席状況を示しておきます．欠席回数は成績に大きく影響しますので、間違いありましたら至急お知らせください．

学籍番号

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

出

欠

出

欠

出

↑

期末レポートのお知らせ †

提出は任意です．もし良いレポートを提出いただけたら出席点の加算に使用します．(出席点不可はくつがえりません)
締め切り2016年8月31日水曜日
形式分量：A4, ページ数は2-3ページ程度
提出先・提出方法：PDFにしてsiio@mac.comまでメール添付で送付
- メールの標題は「ヒューマンインタフェースレポート: 14205XX」としてください。数字部分は出席番号です。
- 提出いただいた方はここのページで学籍番号でお知らせします。提出してしばらく経つのに、自分の番号がなかなか表示されない場合は，受付されていないかもしれません．もう一度催促してください (提出を確認出来るよう締め切りより早めに提出していただくことをお勧めします)
- 提出したことを学籍番号で公開されたくない方は、秘密のペンネームをおしらせください。

提出日	学籍番号もしくはペンネーム
2016/8/31	1420512
2016/8/31	1420513
2016/8/31	zzz
2016/8/31	1420507

↑

期末レポートの課題 †

身の回りの携帯機器、家電製品、機械製品、コンピュータソフトウェア、道具、日用品、調度品、設備などから、使いにくいと思われる道具を見つけ出して欲しい。
そして、それがなぜ使いにくいのかを、授業で説明した、制約、マッピング、Affordance、モデル、エラー対策、標準化、直接操作、メタファー、モードなどの用語を使って分析せよ。（全部の用語を使う必要は無い）
また，自分ならこのように設計して使いやすくするというアイディアを、これも授業で使った用語を交えて、述べよ．

↑

ヒューマンインタフェースの予定 2016年前期 †

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

↑

教科書 †

http://www.amazon.co.jp/dp/4781912605/

↑

授業資料 †

(授業開始直前や直後に差し替えされている可能性があります。)

↑

教科書サポートページ †

http://lab.siio.jp/index.php?CSL11HCI

このページについてのお問い合わせはsiio@is.ocha.ac.jpまで。

Lecture のバックアップ(No.11)

マルチメディアプログラミング実習 2016年度後期 †

2016年11月24日(自習) †

第12章 Swing （つづき） †

ラベルを表示するウィンドウ（復習） †

ボタンを２個表示するウィンドウ †

ボタンのイベントを受け取るプログラム †

プログラム12.4を入力して動かしてください †

第13章 様々なコンポーネントとレイアウト †

プログラム13.1のようにボタンを配置して、それぞれを押すと、それぞれのボタンの名前が表示されるプログラムを作ってください。 †

プログラム13.1の説明図 †

13.2節を読んで，プログラム13.2を実行させてください †

演習13.1をやってください †

どのボタンからのイベントであるかを識別する方法 †

13.5節を読んで，プログラム13.5を実行してください †

演習13.2をやってください（メニュー項目は何でも良いです） †

13.6節を読んで，プログラム13.6を実行してください †

終章 おまけ †

マウスイベント †

2016年11月17日(自習) †

オブジェクト指向に関する小テスト †

【課題１】写真ファイルのダウンロード(つづき） †

【課題２】引数で指定したURL先データのダウンロード †

提出 †

ラベルを表示するウィンドウ †

2016年11月10日 †

第11章 入出力 †

整数を出力する例 †

整数を入出力する例 †

宿題：演習11.1 をやってください †

プログラム11.3をやってみてください †

文字ストリームをファイルに書いて読み込むプログラム †

プログラム11.5をやってこれを拡張して演習11.2をやってください †

http://www.ocha.ac.jp/の内容を表示するプログラムを書いてみよう †

写真ファイルのダウンロード †

第12章 Swing †

とても簡単なウィンドウ †

JFrameを継承するプログラミング †

本日のレポート †

ラベルを表示するウィンドウ †

2016年11月3日 †

第8章 継承 †

Osaifuクラスを継承してOsaifuUSDクラスを作ってみよう †

OsaifuUSDクラスの改造(1) †

OsaifuUSDクラスの改造(2) †

小テスト練習 †

第9章 エラーと例外処理 †

第10章 Stringクラスとコレクションフレームワーク †

入力した文字を逆に出力するプログラムを作ってみましょう †

Linked List の練習 †

program 10.2 改造 †

宿題：Hash Mapの練習 †

2016年10月27日 †

2016年10月20日 †

第6章 クラスの基礎 †

クラスとインスタンスの説明をしました †

public static void main の説明をしました †

変数にはメソッド経由でアクセスするのが良いという説明をしました †

2016年10月13日 †

CotEditorもおすすめです †

第3章 †

第5章 †

演習 †

for-each文は新しい手法なので練習しましょう †

演習 †

第6章 クラスの基礎 †

クラスとインスタンスの説明をしました †

欠席状況 †

javaのマニュアル †

レポート提出方法 †

出来上がったプログラムの提出方法 †

教科書 †

この講義の目的 †

この講義の順序 †

成績評価 †

第1章および第2章 †

Mac OS XでJavaを使う †

terminalを起動する †

miを用意しておく †

超簡単なプログラム(hello world)を作ってみる †

第12章　Swing （つづき） †

第13章　様々なコンポーネントとレイアウト †

終章　おまけ †

第11章　入出力 †

第12章　Swing †

第8章　継承 †

第9章　エラーと例外処理 †

第10章　Stringクラスとコレクションフレームワーク †

第6章　クラスの基礎 †

第6章　クラスの基礎 †