43
การออกแบบ Class ssc 1

Applet 3 design_class_composition

Embed Size (px)

DESCRIPTION

เอกสาร Applet ชุดที่ 3 จาก อาจารย์ฝนครับ

Citation preview

Page 1: Applet 3 design_class_composition

การออกแบบ Class

ssc

1

Page 2: Applet 3 design_class_composition

การออกแบบ Class

Class ?

ssc

2

Page 3: Applet 3 design_class_composition

การออกแบบ Class

public สัญลักษณ์ +private สัญลักษณ์ -protected สัญลักษณ์ #package

ssc

3

Page 4: Applet 3 design_class_composition

การออกแบบ Classssc

Class Name

Attribute

Method

4

Page 5: Applet 3 design_class_composition

การประกาศ Method

Constructor method

Accessor method (“get” method)

Mutator method (“set” method)

Facilities method

ssc

5

Page 6: Applet 3 design_class_composition

การออกแบบ Classssc

Number

Number

6

Page 7: Applet 3 design_class_composition

การออกแบบ Classssc

Number

- number : int

Number

7

Page 8: Applet 3 design_class_composition

การออกแบบ Classssc

Number

Number

- number : int

+ Number()+ Number(int n)

8

Page 9: Applet 3 design_class_composition

การออกแบบ Classssc

Number

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void

9

Page 10: Applet 3 design_class_composition

การออกแบบ Classssc

Number

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int

10

Page 11: Applet 3 design_class_composition

การออกแบบ Classssc

Number

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String

11

Page 12: Applet 3 design_class_composition

การออกแบบ Classssc

Number

testNumberNumber

12

Page 13: Applet 3 design_class_composition

การออกแบบ Classssc

public class Number{...}

Number.java

testNumber.javapublic class testNumber extends JApplet{...}

13

Page 14: Applet 3 design_class_composition

การออกแบบ Class

ให้นักศึกษาสร้าง class

ชื่อว่า Number

pico Number.java

ssc

14

Page 15: Applet 3 design_class_composition

การออกแบบ Classssc

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String

15

Page 16: Applet 3 design_class_composition

Number.javassc

public class Number{ private int number;}

- number : int

16

Page 17: Applet 3 design_class_composition

การออกแบบ Classssc

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String

17

Page 18: Applet 3 design_class_composition

Number.javassc

public class Number{ private int number;

public Number() { setValue((int) (Math.random() * 100)); } public Number(int n) { setValue( n ); }}

+ Number()+ Number(int n)

18

Page 19: Applet 3 design_class_composition

การออกแบบ Classssc

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String

19

Page 20: Applet 3 design_class_composition

Number.javassc

public class Number{ private int number; public Number() { setValue((int) (Math.random() * 100)); } public Number(int n) { setValue( n ); }

public void setValue(int n) { number = n; }}

+ setValue(int n) : void

20

Page 21: Applet 3 design_class_composition

การออกแบบ Classssc

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String

21

Page 22: Applet 3 design_class_composition

Number.javassc

public class Number{ ... public Number(int n) { setValue( n ); } public void setValue(int n) { number = n; }

public int getValue() { return(number); }}

+ getValue() : int

22

Page 23: Applet 3 design_class_composition

การออกแบบ Classssc

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String

23

Page 24: Applet 3 design_class_composition

Number.javassc

public class Number{ ... public void setValue(int n) { number = n; } public int getValue() { return(number); }

public String toString() { return(Integer.toString(getValue())); }}

+ toString() : String

24

Page 25: Applet 3 design_class_composition

การออกแบบ Class

ให้นักศึกษาCompile class Number

javac Number.java

ssc

25

Page 26: Applet 3 design_class_composition

การออกแบบ Classssc

Number

testNumberNumber

testNumber.html

26

Page 27: Applet 3 design_class_composition

การออกแบบ Class

ให้นักศึกษาสร้าง HTML file

pico testNumber.html

ssc

27

Page 28: Applet 3 design_class_composition

testNumber.htmlssc

<html><body>

<h1>Test Class Number</h1><h3>5366261111 Supaporn Simcharoen IT1-RC</h3>

<applet code="testNumber.class" height="100" width="400"></applet>

</body></html>

28

Page 29: Applet 3 design_class_composition

การออกแบบ Class

ให้นักศึกษาสร้าง class

ชื่อว่า testNumber

pico testNumber.java

ssc

29

Page 30: Applet 3 design_class_composition

testNumber.javassc

http://202.44.47.108/~ssc/DC-number/testNumber.html

30

Page 31: Applet 3 design_class_composition

testNumber.javassc

31

Page 32: Applet 3 design_class_composition

testNumber.javassc

JLabel textLabel; JTextField textField; JButton saveBtn, clearBtn, showBtn;

Number obj;

ประกาศตัวแปรต่างๆ32

Page 33: Applet 3 design_class_composition

testNumber.java ..init..ssc

Container c = getContentPane();c.setLayout( new FlowLayout());

...สร้าง JLabel 1 อัน,

JTextField 1 อัน,

JButton 3 อัน...

สร้าง Container, JLabel, JTextField, JButton

33

Page 34: Applet 3 design_class_composition

testNumber.java ..init..ssc

textLabel.setFont(new Font("Courier New",Font.BOLD,20));

ตัวอย่างในกรณีที่ระบุ Font

34

Page 35: Applet 3 design_class_composition

testNumber.java ..init..ssc

สร้าง obj ของ Class Number ขึ้นมา

obj = new Number(); textField.setText(obj.toString());

ให้ค่าเริ่มต้น textField

35

Page 36: Applet 3 design_class_composition

ssc

Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String

obj = new Number();

มันไปทําที่ไหน ?

testNumber.java ..init..

36

Page 37: Applet 3 design_class_composition

ssc testNumber.java ..a.p..

ถ้ากด Save จะบันทึกค่าลงตัวแปรของ Class

if (event.getSource() == saveBtn) { int value = Integer.parseInt(textField.getText());

obj.setValue(value); textField.setText(""); }

37

Page 38: Applet 3 design_class_composition

ssc testNumber.java ..a.p..

ถ้ากด Clear จะบันทึกค่า 0 ลงในตัวแปร Class

else if (event.getSource() == clearBtn) {

obj.setValue( 0 ); textField.setText(""); }

38

Page 39: Applet 3 design_class_composition

ssc testNumber.java ..a.p..

ถ้ากด Show จะดึงค่าของตัวแปร Class มาแสดง

else if (event.getSource() == showBtn) {

textField.setText(obj.toString()); }

39

Page 40: Applet 3 design_class_composition

ssc Homework #1Number

- number : int

+ Number()+ Number(int n)+ setValue(int n) : void+ getValue() : int+ toString() : String+ add(int n) : void

เพิ่ม method add เพื่อให้ Class Number

สามารถใช้บวกเลขได้

40

Page 41: Applet 3 design_class_composition

ssc Homework #1

http://202.44.47.108/~ssc/DC-hw/testNumber.html

41

Page 42: Applet 3 design_class_composition

ssc Homework #1

http://202.44.47.108/~ssc/DC-hw/testNumber.html

วิธีส่ง:

เปิดให้ดูก่อนเรียนต้นคาบหน้า

42

Page 43: Applet 3 design_class_composition

ssc Homework #2ให้นักศึกษาคิดหัวข้อ Assignment ว่าจะทําอะไร

พร้อมทั้งออกแบบ Class ว่าจะมี Class อะไรบ้าง

และภายในแต่ละ Class นั้นๆ จะม ีattribute และ

method อะไรบ้าง

ส่งต้นคาบหน้าโดยเขียนลงสมุดการบ้าน

กลุ่มละไม่เกิน 4 คน

43