資訊學科中心研習 JAVA程式設計專題 臺北市立大理高級中學 黃世隆 2019/2/23.

Presentation on theme: "資訊學科中心研習 JAVA程式設計專題 臺北市立大理高級中學 黃世隆 2019/2/23."— Presentation transcript:

1 資訊學科中心研習 JAVA程式設計專題 臺北市立大理高級中學 黃世隆 2019/2/23

2 大綱 單元摘要 教學目標 教學計畫與內容 教學評量與成果 教學心語

3 教學摘要 JAVA視窗環境程式設計 物件導向程式設計 模組化程式設計

4 教學目標 了解JAVA視窗程式設計環境 認識模組化程式基本觀念 透過繪圖類別了解物件導向程式觀念
建立學生學習程式語言之熱情與信心

5 教學計畫與內容 對應課綱 教學節數 5.電腦與問題解決 5.4電腦解題實作 5.4.1電腦解題工具介紹 5.4.2解題實作
8-10節(依內容多寡可彈性伸縮)(此為10節版本)

6 教學計畫與內容(cont.) 第一節 軟體安裝與專題程式架構介紹 軟體皆是免費的 引領學生瀏覽程式專題之架構 程式編輯與編譯環境認識
第一節 軟體安裝與專題程式架構介紹 軟體皆是免費的 JAVA SE（Compiler） JCREATOR（Editor） 環境變數與路徑設定 引領學生瀏覽程式專題之架構 程式編輯與編譯環境認識

7

8

9 系統要設定環境變數 JCreator也要設定路徑

10 教學計畫與內容(cont.) 第二節 專題程式架構介紹與修改 編輯程式介紹 再次引領學生瀏覽程式專題之架構 程式修改示範(學生可練習)
第二節 專題程式架構介紹與修改 編輯程式介紹 再次引領學生瀏覽程式專題之架構 程式修改示範(學生可練習) 如何理解除錯訊息(重要)

11

12 程 式 架 構 圖 public class J001() public J001( )
public void actionPerfomed( ) public void Paint( ) public static void main( )

13 關於事件驅動 教師可解釋「事件」如何使本程式執行之流程 設定滑鼠按鈕 點擊按鈕並送出訊息 傾聽機制Action Listener接收
程式碼須加入implement ActionListener 啟動action Performed（） 執行Action Event所設定的動作。

14 教學計畫與內容(cont.) 第三節 繪圖指令與設計專題作業內容
第三節 繪圖指令與設計專題作業內容 指令drawLine(int x1,int y1,int x2,int y2); 指令drawRect ( int x,int y,int width,int height); 指令fillRect ( int x,int y,int width,int height); 指令drawOval(int x,int y,int width,int height); 指令fillOval(int x,int y,int width,int height); 學生練習以上指令 學生依主題範圍畫草稿(4-5格小漫畫)

15 教學計畫與內容(cont.) 第四節 繪圖指令與條件判斷(增加按鈕)
第四節 繪圖指令與條件判斷(增加按鈕) 指令drawArc(int x,int y,int width,int height, int start, int end ); 如何新增按鈕(大工程) If 與 case 結構 練習以上指令 教師檢查學生主題草稿 並與之討論

16

17 教學計畫與內容(cont.) 第五節 迴圈觀念與使用 教師可指定較熟悉指令之同學 示範繪出10個形狀相同 位置規則變化之圖形
第五節 迴圈觀念與使用 教師可指定較熟悉指令之同學 示範繪出10個形狀相同 位置規則變化之圖形 請同學平移以上圖形 引入迴圈觀念 簡化程式碼與日後便於修改 學生練習 教師可強制規定學生必須應用此一觀念至專題作業中(利用檢查草圖之機會)

18 教學計畫與內容(cont.) 第六節 陣列觀念與使用 int[ ]y={100,100,110}; 為何使用陣列—三角形的關係
第六節 陣列觀念與使用 為何使用陣列—三角形的關係 宣告 int[ ]x={100,150,125}; int[ ]y={100,100,110}; 指令 drawPolyline(x,y,3); 指令 drawPolygon(x,y,3); 指令 fillPolygon(x,y,3); 學生練習 教師可視情況 統整複習 { } 、 [ ] 、 ( ) 在使用上的差別

19 教學計畫與內容(cont.) 第七節 顏色與文字設定(視情況) 顏色修改指令 Color X=new Color(x1,x2,x3);
第七節 顏色與文字設定(視情況) 顏色修改指令 Color X=new Color(x1,x2,x3); setColor(X);//其中 X表示自定的顏色名稱， x1表示紅色(R)強度, x2表示綠色(G)強度, x3表示藍色(B)強度, x1、x2、x3的值介於0-255之間。

20 教學計畫與內容(cont.) 第七節 顏色與文字設定(視情況) 文字顯示指令 學生練習 使用文字或自定顏色 列為額外加分
第七節 顏色與文字設定(視情況) 文字顯示指令 setFont(new Font("字型 ", Font.特效,大小)); 配合setColor(Color.顏色常數); drawString(“字串內容”, int x,int y);//int x 與int y 表示字串在視窗內的位置 學生練習 使用文字或自定顏色 列為額外加分

21 教學計畫與內容(cont.) 第八 九節 學生實做時間 第十節 學生互評與觀摩 先做完專題 且經老師認可 享有free time
第八 九節 學生實做時間 先做完專題 且經老師認可 享有free time 自己做完且經老師認可 幫助其他同學 再加分 第十節 學生互評與觀摩 利用教學廣播+投影 全班互相觀摩 好的作業上傳給老師 供日後學弟妹觀摩

22 學生評量與成果

23 戲劇方式示範—激發學生學習動機

24 教學心語 如何面對數位原生 關於物件導向程式 學生回饋對於Java程式設計課程的收獲 誰說會玩手機 會玩Facebook就一定要會寫程式
物件 類別 事件 V.S. 高中生 建構式教學法 學生回饋對於Java程式設計課程的收獲

25 祝大家教學順利 成功

26 感謝聆聽 敬請指教