Java程序設(shè)計(jì)項(xiàng)目式教程 教案 單元10 Java圖形用戶界面設(shè)計(jì)

教案課程名稱：《Java面向?qū)ο虺绦蛟O(shè)計(jì)》適用專業(yè)：授課年級(jí)：授課學(xué)期：授課教師：

教學(xué)基本信息授課題目學(xué)生信息管理系統(tǒng)登錄界面設(shè)計(jì)授課專業(yè)軟件技術(shù)專業(yè)授課班級(jí)一年級(jí)學(xué)生授課課時(shí)4學(xué)時(shí)（180分鐘）授課地點(diǎn)教學(xué)做一體化教室學(xué)情分析授課對(duì)象是軟件技術(shù)專業(yè)大一學(xué)生，學(xué)生已經(jīng)具備Java面向?qū)ο蟮木幊趟枷?，掌握了異常處理、多線程、文件處理、數(shù)據(jù)庫(kù)訪問等內(nèi)容。GUI圖形用戶界面，提供了一種直觀、可視化的方式,讓用戶可以通過鼠標(biāo)、鍵盤等輸入設(shè)備與計(jì)算機(jī)進(jìn)行交互。增加了程序的可交互性。通過圖形元素如窗口、按鈕、菜單、對(duì)話框等來呈現(xiàn)信息和提供操作選項(xiàng)，可以調(diào)動(dòng)學(xué)習(xí)和探究的主動(dòng)性、積極性。圖形用戶界面可以為用戶提供便利，做完開發(fā)者需要站在用戶的角度看待問題，通過本節(jié)學(xué)習(xí)可以提升學(xué)生換位思考的能力，提升服務(wù)他人意識(shí)。教學(xué)資源教材：《Java程序設(shè)計(jì)教程項(xiàng)目式教程》趙國(guó)玲等編著，機(jī)械工業(yè)出版社網(wǎng)絡(luò)學(xué)習(xí)資源平臺(tái)：山東省省級(jí)職業(yè)教育在線精品課程《Java面向?qū)ο蟪绦蛟O(shè)計(jì)》教學(xué)環(huán)境：教學(xué)做一體化教室，極域電子，一體機(jī)等教學(xué)素材：多媒體課件，動(dòng)畫視頻片段教學(xué)目標(biāo)知識(shí)目標(biāo)1.了解Java圖形用戶界面編程基礎(chǔ)理論和圖形用戶界面程序設(shè)計(jì)方法2.掌握AWT布局管理器的應(yīng)用3.熟練掌握常見Swing組件4.掌握事件處理機(jī)制能力目標(biāo)1.能夠使用布局管理器實(shí)現(xiàn)界面設(shè)計(jì)2.能對(duì)事件進(jìn)行正常處理3.能夠靈活使用各種常用組件素質(zhì)目標(biāo)1.培養(yǎng)一定的審美能力，懂得欣賞美、創(chuàng)造美2.培養(yǎng)站在客戶角度看問題,提升服務(wù)他人意識(shí)教學(xué)重點(diǎn)容器組件的使用、Java事件處理、Swing常用組件設(shè)置教學(xué)難點(diǎn)事件處理、表格JTable

授課過程教學(xué)流程教學(xué)活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)思路時(shí)間知識(shí)回顧并到入新課1.利用超星學(xué)習(xí)平臺(tái)推送本節(jié)學(xué)習(xí)任務(wù)清單。2.回顧上節(jié)內(nèi)容。3.我們平時(shí)使用的操作系統(tǒng)、各種軟件都是提供了可視化的界面，但截止目前我們寫的程序都是運(yùn)行在控制臺(tái)，以命令行的方式提示用戶，不夠友好，我們能不能做出可視化的界面提供給用戶，需要什么技術(shù)？引出本節(jié)課內(nèi)容，圖形化界面設(shè)計(jì)。學(xué)生觀討論自己都使用過哪些體驗(yàn)感較好，及較差的軟件，分析我們之前做出的項(xiàng)目，思考我們應(yīng)該完成什么樣的軟件，帶著問題進(jìn)入學(xué)習(xí)。1.課前利用超星學(xué)習(xí)平臺(tái)推送本節(jié)學(xué)習(xí)任務(wù)清單2.從簡(jiǎn)單圖形到負(fù)責(zé)界面設(shè)計(jì)，逐步提升學(xué)習(xí)難度，循序漸進(jìn)。10分鐘學(xué)習(xí)新知1.什么是GUI說明GUI是圖形用戶界面，感受圖形用戶界面的好處2：Java圖形用戶界面組成說明：Java圖形用戶界面主要有三類組件構(gòu)成：容器組件、控制組件和用戶自定義組件。3：JFrame容器組件的使用講解：容器組件JFrame的特點(diǎn)及使用使用該組件完成窗體展示4：JPanel容器組件的使用；講解：容器組件JPanel的特點(diǎn)及使用5：GUI常用類及層次結(jié)構(gòu)6：Java布局管理對(duì)五個(gè)常用布局管理器類FlowLayout、BorderLayout、GridLayout、CardLayout、GridBagLayout分別進(jìn)行講解說明7：Swing常用組件設(shè)置對(duì)常用組件按鈕(JButton)、標(biāo)簽(JLabel)、單行文本框JTextField、多行文本框JTextArea、口令文本框JPasswordField、復(fù)選框(JCheckBox)、組合框(JComboBox)、列表框(JList)等分別進(jìn)行講解說明1.分析歸納總結(jié),從眾多的對(duì)象中凝練出共同特征。2.參與討論區(qū)分父類與子類。3.理解繼承的特點(diǎn)，通過繼承樹理解父類子類的關(guān)系，也就是繼承的特點(diǎn)。子類繼承父類已有的屬性和行為即為我們的傳承，而子類可以根據(jù)需要添加自己特有的特有就做到了創(chuàng)新。1.從大家熟悉的內(nèi)容入手，帶領(lǐng)學(xué)生分析問題，并進(jìn)行歸納總結(jié)。2.互動(dòng)，討論Java布局管理，各組件使用。3.鼓勵(lì)學(xué)生積極學(xué)習(xí)，提升個(gè)人技藝技能，培養(yǎng)精益求精的工匠精神。4.通過教學(xué)增強(qiáng)學(xué)生的創(chuàng)新意識(shí)，同時(shí)加深對(duì)本節(jié)知識(shí)的理解。80分鐘編程實(shí)戰(zhàn)1.編碼測(cè)試JFrame窗體2.編碼測(cè)試FlowLayout、BorderLayout、GridLayout、CardLayout布局管理器3.編碼測(cè)試常用組件4.編程實(shí)現(xiàn)學(xué)生信息管理系統(tǒng)登錄界面。1）任務(wù)分析。要完成該該界面需要使用哪些界面元素？各界面元素使用什么布局，如何擺放？2）任務(wù)實(shí)施，編碼完成界面設(shè)計(jì)并運(yùn)行測(cè)試。1.學(xué)生接收任務(wù)，思考編程思路。2.編寫代碼，由點(diǎn)到面，逐步構(gòu)建完整界面，完成編程。3.運(yùn)行代碼，查看運(yùn)行結(jié)果是否符合預(yù)期。如不符合，找出原因，進(jìn)行修正。提升學(xué)生編碼能力及調(diào)試能力，提升學(xué)生解決問題的能力。80分鐘任務(wù)拓展在登錄界面添加記住密碼復(fù)選框，放置在登錄按鈕之下。編程實(shí)現(xiàn)組件的創(chuàng)建及添加拓展學(xué)生的邏輯思維，鍛煉學(xué)生獨(dú)立思考、獨(dú)立完成任務(wù)的能力。8分鐘小結(jié)1.總結(jié)授課內(nèi)容2.歸納重難點(diǎn)，布置作業(yè)總結(jié)2分鐘課后拓展作業(yè)設(shè)計(jì)用戶注冊(cè)窗體要求：窗體標(biāo)題設(shè)置為用戶注冊(cè)，在該窗體中使用布局，合理擺放并顯示用戶名，密碼，確認(rèn)密碼，角色，注冊(cè)按鈕等組件。1.學(xué)生登錄云實(shí)訓(xùn)平臺(tái)，并根據(jù)自己的知識(shí)基礎(chǔ)和課堂掌握情況2.學(xué)會(huì)獨(dú)立思考，并能夠獨(dú)立分析、解決問題。課后習(xí)題結(jié)合學(xué)生系統(tǒng)，更加的實(shí)用性，讓學(xué)生理解圖形用戶界面的使用，在問題解決過程中，提高學(xué)生靈活運(yùn)用知識(shí)的能力。教學(xué)反思教案課程名稱：《Java面向?qū)ο虺绦蛟O(shè)計(jì)》適用專業(yè)：授課年級(jí)：授課學(xué)期：授課教師：

教學(xué)基本信息授課題目學(xué)生信息管理系統(tǒng)登錄界面設(shè)計(jì)授課專業(yè)軟件技術(shù)專業(yè)授課班級(jí)一年級(jí)學(xué)生授課課時(shí)4學(xué)時(shí)（180分鐘）授課地點(diǎn)教學(xué)做一體化教室學(xué)情分析授課對(duì)象是軟件技術(shù)專業(yè)大一學(xué)生，學(xué)生已經(jīng)具備Java面向?qū)ο蟮木幊趟枷?，掌握了異常處理、多線程、文件處理、數(shù)據(jù)庫(kù)訪問等內(nèi)容。GUI圖形用戶界面，提供了一種直觀、可視化的方式,但我們上節(jié)課鼠標(biāo)后尚不能實(shí)現(xiàn)交互，且界面元素相對(duì)簡(jiǎn)單，本節(jié)增加事件處理，表格、對(duì)話框等組件，提升程序可用性，可以進(jìn)一步調(diào)動(dòng)學(xué)習(xí)和探究的主動(dòng)性、積極性。圖形用戶界面可以為用戶提供便利，做完開發(fā)者需要站在用戶的角度看待問題，通過本節(jié)學(xué)習(xí)可以提升學(xué)生換位思考的能力，提升服務(wù)他人意識(shí)。教學(xué)資源教材：《Java程序設(shè)計(jì)教程項(xiàng)目式教程》趙國(guó)玲等編著，機(jī)械工業(yè)出版社網(wǎng)絡(luò)學(xué)習(xí)資源平臺(tái)：山東省省級(jí)職業(yè)教育在線精品課程《Java面向?qū)ο蟪绦蛟O(shè)計(jì)》教學(xué)環(huán)境：教學(xué)做一體化教室，極域電子，一體機(jī)等教學(xué)素材：多媒體課件，動(dòng)畫視頻片段教學(xué)目標(biāo)知識(shí)目標(biāo)1.了解Java圖形用戶界面編程基礎(chǔ)理論和圖形用戶界面程序設(shè)計(jì)方法2.掌握AWT布局管理器的應(yīng)用3.熟練掌握常見Swing組件4.掌握事件處理機(jī)制能力目標(biāo)1.能夠使用布局管理器實(shí)現(xiàn)界面設(shè)計(jì)2.能對(duì)事件進(jìn)行正常處理3.能夠靈活使用各種常用組件素質(zhì)目標(biāo)1.培養(yǎng)一定的審美能力，懂得欣賞美、創(chuàng)造美2.培養(yǎng)站在客戶角度看問題,提升服務(wù)他人意識(shí)教學(xué)重點(diǎn)容器組件的使用、Java事件處理、Swing常用組件設(shè)置教學(xué)難點(diǎn)創(chuàng)建和使用菜單、表格JTable

授課過程教學(xué)流程教學(xué)活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)思路時(shí)間知識(shí)回顧并到入新課1.利用超星學(xué)習(xí)平臺(tái)推送本節(jié)學(xué)習(xí)任務(wù)清單。2.回顧上節(jié)內(nèi)容。3.我們前面界面已經(jīng)設(shè)計(jì)完成，但點(diǎn)擊按鈕沒有反應(yīng)，需要什么技術(shù)才能與用于有交互？引出本節(jié)課內(nèi)容，事件處理。學(xué)生觀看后能感受到文化的傳承及創(chuàng)新，帶著濃厚的興趣融入到課堂情景，非常期待學(xué)習(xí)Java的傳承與創(chuàng)新這堂課會(huì)生動(dòng)有趣。1.課前利用超星學(xué)習(xí)平臺(tái)推送本節(jié)學(xué)習(xí)任務(wù)清單2.從界面無交互功能到可以與用戶做到有效交互，并添加復(fù)雜組件實(shí)現(xiàn)項(xiàng)目更強(qiáng)的友好性。10分鐘學(xué)習(xí)新知1.Java事件處理講解說明事件、事件源、監(jiān)聽器、委托管理等概念，講解常用事件、事件類型及對(duì)應(yīng)監(jiān)聽器接口2.創(chuàng)建和使用菜單講解說明菜單欄（MenuBar）、菜單項(xiàng)（MenuItem）和子菜單（Submeun），逐步完成菜單欄、菜單、菜單項(xiàng)、子菜單項(xiàng)、為菜單項(xiàng)添加圖標(biāo)及快捷鍵并添加事件處理3.表格JTable說明表格的特點(diǎn)及使用，講解表格的構(gòu)造方法，及常用設(shè)置方法，表格數(shù)據(jù)的構(gòu)建可以使用對(duì)象數(shù)組，更多的使用Vector。3.對(duì)話框使用對(duì)話框可以給用戶更好的進(jìn)行友好交互，說明對(duì)話框的常見類型及如何使用。1.分析歸納總結(jié),從眾多的對(duì)象中凝練出共同特征。2.參與討論區(qū)分父類與子類。3.理解繼承的特點(diǎn)，通過繼承樹理解父類子類的關(guān)系，也就是繼承的特點(diǎn)。子類繼承父類已有的屬性和行為即為我們的傳承，而子類可以根據(jù)需要添加自己特有的特有就做到了創(chuàng)新。1.從大家熟悉的事件入手，帶領(lǐng)學(xué)生分析問題，并進(jìn)行歸納總結(jié)。2.互動(dòng)，逐步完成增加難度完成功能，學(xué)習(xí)上一個(gè)新的臺(tái)階。3.通過教學(xué)增強(qiáng)學(xué)生的創(chuàng)新意識(shí)，同時(shí)加深對(duì)本節(jié)內(nèi)容的理解。75分鐘編程實(shí)戰(zhàn)1.編碼測(cè)試處理按鈕單擊事件2.編碼測(cè)試使用對(duì)象數(shù)組構(gòu)建表格3.編碼測(cè)試使用Vector對(duì)象構(gòu)建表格4.編程實(shí)現(xiàn)學(xué)生信息管理系統(tǒng)登錄界面交互功能，點(diǎn)擊按鈕，要實(shí)現(xiàn)與用戶的交互。1）任務(wù)分析。要完成該該界面交互需要監(jiān)聽哪些組件的什么事件？在事件處理過程中如何獲取文本框數(shù)據(jù)信息？2）任務(wù)實(shí)施，編碼完成界面設(shè)計(jì)并運(yùn)行測(cè)試。1.學(xué)生接收任務(wù)，思考編程思路。2.編寫代碼，由點(diǎn)到面，逐步添加各項(xiàng)功能，完成編程。3.運(yùn)行代碼，查看運(yùn)行結(jié)果是否符合預(yù)期。如不符合，找出原因，進(jìn)行修正。提升學(xué)生編碼能力及調(diào)試能力，提升學(xué)生解決問題的能力。85分鐘任務(wù)拓展點(diǎn)擊登錄按鈕完成獲取用戶輸入的數(shù)據(jù)信息連接數(shù)據(jù)庫(kù)進(jìn)行相關(guān)合法性驗(yàn)證，如果驗(yàn)證成功，進(jìn)入系統(tǒng)主界面。編程實(shí)現(xiàn)事件監(jiān)聽時(shí)連接數(shù)據(jù)庫(kù)進(jìn)行相關(guān)驗(yàn)證。拓展學(xué)生的邏輯思維，鍛煉學(xué)生獨(dú)立思考、獨(dú)立完成任務(wù)的能力。8分鐘小結(jié)1.總結(jié)授課內(nèi)容2.歸納重難點(diǎn)，布置作業(yè)總結(jié)2分鐘課