移動(dòng)項(xiàng)目開(kāi)發(fā)課程教學(xué)大綱

《移動(dòng)項(xiàng)目開(kāi)發(fā)》教學(xué)大綱課程性質(zhì)專(zhuān)業(yè)選修課課程編號(hào)xx436408課程名稱(chēng)移動(dòng)項(xiàng)目開(kāi)發(fā)適用專(zhuān)業(yè)軟件工程先修課程移動(dòng)應(yīng)用基礎(chǔ),移動(dòng)應(yīng)用基礎(chǔ)實(shí)驗(yàn)總學(xué)時(shí)32其中理論16學(xué)時(shí)，實(shí)驗(yàn)16學(xué)時(shí)學(xué)分?jǐn)?shù)2一、課程簡(jiǎn)介本課程為理論和實(shí)踐相結(jié)合的項(xiàng)目設(shè)計(jì)課程，通過(guò)學(xué)習(xí)本課程，學(xué)生能夠利用所學(xué)計(jì)算機(jī)編程知識(shí)應(yīng)用到實(shí)際項(xiàng)目中，完成移動(dòng)開(kāi)發(fā)中原型設(shè)計(jì)、APP模塊設(shè)計(jì)，最終完成一個(gè)APP項(xiàng)目；讓學(xué)生掌握最新移動(dòng)開(kāi)發(fā)技術(shù)，并積累項(xiàng)目經(jīng)驗(yàn)。此課程選擇最新的移動(dòng)開(kāi)發(fā)技術(shù)HTML5和CSS3以及React作為開(kāi)發(fā)框架實(shí)現(xiàn)一個(gè)HR管理平臺(tái)，要求學(xué)生具備基本編程思維，掌握基本的網(wǎng)頁(yè)編寫(xiě)和JavaScript程序設(shè)計(jì)。二、課程教學(xué)目標(biāo)通過(guò)本課程移動(dòng)項(xiàng)目開(kāi)發(fā)的學(xué)習(xí)，學(xué)生應(yīng)實(shí)現(xiàn)如下目標(biāo)：知識(shí)目標(biāo)：理解HTML5和CSS3界面布局，熟悉ReactJSX編程。能力目標(biāo)：熟練使用HTML5和CSS3中的Flexbox彈性布局并將它運(yùn)用到項(xiàng)目中。能夠使用ReactJSX設(shè)計(jì)移動(dòng)項(xiàng)目系統(tǒng)模塊三、課程教學(xué)基本要求學(xué)生需要掌握J(rèn)avaScript/HTML5/CSS3技術(shù)，并能使用其進(jìn)行基本的程序設(shè)計(jì)。四、課程教學(xué)模塊（或教學(xué)內(nèi)容）與學(xué)時(shí)分配序號(hào)教學(xué)模塊知識(shí)點(diǎn)學(xué)時(shí)1搭建移動(dòng)人力資源管理平臺(tái)，UI原型設(shè)計(jì)和UI布局設(shè)計(jì)了解：移動(dòng)設(shè)備環(huán)境、移動(dòng)瀏覽器，移動(dòng)開(kāi)發(fā)技術(shù)的歷史和現(xiàn)狀.認(rèn)識(shí)Cordova和ReactNative移動(dòng)開(kāi)發(fā)技術(shù)理解：Node.js概念和原理，理解ReactNative和ReactJSX概念和作用以及適用項(xiàng)目掌握：Node.js、ReactNative環(huán)境搭建，創(chuàng)建移動(dòng)人力資源管理項(xiàng)目，分析每個(gè)項(xiàng)目模塊：考勤打卡、簽到、審批、公告、郵件、出差、請(qǐng)假、報(bào)表統(tǒng)計(jì)、權(quán)限、部門(mén)、用戶。2了解：原型設(shè)計(jì)概念、Mockplus原型工具理解：使用原型設(shè)計(jì)工具M(jìn)ockplus設(shè)計(jì)移動(dòng)人力資源管理項(xiàng)目界面,包括Mockplus工作環(huán)境，創(chuàng)建項(xiàng)目和頁(yè)面以及組件。掌握：使用Mockplus設(shè)計(jì)組、母版、圖片和標(biāo)注、批注和備注、組件交互、交互狀態(tài)。將制作的原型發(fā)布并預(yù)覽，導(dǎo)入和導(dǎo)出HTML頁(yè)面。2了解：HTML/CSS基本界面布局方式，了解標(biāo)準(zhǔn)流、盒子模型的概念理解：盒子模型中的基本屬性:border,padding,margin,position,z-index;理解Flexbox布局模型掌握：根據(jù)原型設(shè)計(jì)使用Flexbox布局以及HTML和CSS技術(shù)制作出項(xiàng)目界面;掌握f(shuō)lex-direction,flex-wrap,flex-flow,justify-content,align-items,align-content容器屬性；掌握項(xiàng)目屬性order,flex-grow,flex-shrink,flex-basis,flex,align-left。使用flexbox布局實(shí)現(xiàn)移動(dòng)人力資源管理平臺(tái)首頁(yè)各模塊盒子模型界面。42使用ReactJSX搭建移動(dòng)人力資源管理平臺(tái)各模塊了解：ReactJS環(huán)境、JSX概念理解：載入JSX方式：內(nèi)聯(lián)方式和外聯(lián)方式，理解JSX中的標(biāo)簽/轉(zhuǎn)換/執(zhí)行JS表達(dá)式/注釋/屬性/自定義屬性，理解JSX生命周期中的四個(gè)階段：創(chuàng)建、實(shí)例化、更新、銷(xiāo)毀。理解虛擬DOM。掌握：使用JSX編寫(xiě)系統(tǒng)模塊，在JSX中使用樣式，向JSX模塊代碼中添加事件綁定。掌握原生組件和自定義組件的創(chuàng)建方式；掌握J(rèn)SX中組件之間的通信4了解：常用組件View/Text/Image/TextInput/Touchable/TabBarIO/WebView理解：理解WebView,理解常用API掌握：API:AppRegistry/AsyncStorage/AlertIOS/ActionSheetIOS/PixelRatio/DataRequest2了解：組件封裝的概念和基本要求理解：靜態(tài)組件的實(shí)現(xiàn)，實(shí)現(xiàn)組件的復(fù)用以及封裝掌握：開(kāi)發(fā)移動(dòng)人力資源管理平臺(tái)各主要組件模塊，自定義組件或使用開(kāi)源組件組裝系統(tǒng)各模塊；掌握APP的初始化設(shè)置、更新邏輯、回滾策略；掌握發(fā)布APP的各個(gè)環(huán)節(jié)，包括生成發(fā)布證書(shū)，生成應(yīng)用的唯一標(biāo)識(shí)AppID,生成發(fā)布證書(shū)，生成AppID對(duì)應(yīng)的描述文件。2序號(hào)實(shí)驗(yàn)項(xiàng)目名稱(chēng)內(nèi)容摘要實(shí)驗(yàn)學(xué)時(shí)實(shí)驗(yàn)類(lèi)型開(kāi)出要求1移動(dòng)HR管理平臺(tái)UI原型設(shè)計(jì)使用Mockplus設(shè)計(jì)HR管理平臺(tái)UI原型2設(shè)計(jì)性必做2移動(dòng)HR管理平臺(tái)模塊設(shè)計(jì)使用Mockplus設(shè)計(jì)HR管理平臺(tái)各模塊以及模塊關(guān)聯(lián)2設(shè)計(jì)性必做3移動(dòng)HR管理平臺(tái)界面實(shí)現(xiàn)使用HTML5和CSS3以及Flexbox實(shí)現(xiàn)界面界面及其布局4綜合性必做4移動(dòng)HR管理平臺(tái)JSX模塊實(shí)現(xiàn)使用JSX實(shí)現(xiàn)系統(tǒng)各個(gè)模塊4綜合性必做5移動(dòng)HR管理平臺(tái)界面邏輯實(shí)現(xiàn)使用JSX實(shí)現(xiàn)系統(tǒng)各個(gè)模塊之間的通信2綜合性必做6移動(dòng)HR管理平臺(tái)APP發(fā)布生成最終APP并發(fā)布2綜合性必做五、教學(xué)方法與策略本課程以講授和實(shí)踐相結(jié)合，全程使用HR管理平臺(tái)項(xiàng)目為主線一步步實(shí)現(xiàn)整個(gè)APP，教學(xué)過(guò)程中以項(xiàng)目組的方式進(jìn)行分組學(xué)習(xí)和討論以及編碼實(shí)現(xiàn)，使學(xué)生在實(shí)踐過(guò)程中以團(tuán)隊(duì)的方式開(kāi)發(fā)項(xiàng)目并掌握移動(dòng)開(kāi)發(fā)最新技能。六、學(xué)生學(xué)習(xí)成效考核方式考核環(huán)節(jié)構(gòu)成（均為100分制）評(píng)分依據(jù)占總成績(jī)的比重考勤到課為滿分，遲到一次扣5分，缺課不計(jì)分，特殊情況請(qǐng)假不扣分30%課程討論每個(gè)項(xiàng)目小組成員須積極參與討論并設(shè)計(jì)出自己任務(wù)模塊的原型圖30%實(shí)驗(yàn)測(cè)試使用ReactJSX將原型界面轉(zhuǎn)換為系統(tǒng)UI界面，小組成員中每個(gè)人必須完成自己所負(fù)責(zé)的模塊，根據(jù)模塊完成質(zhì)量計(jì)分40%七、選用教材[美]艾森曼（Bonnie

Eisenman），《ReactNative開(kāi)發(fā)指南》，人民郵電出版社，2016提6月八、參考資料教學(xué)參考資源包括教學(xué)指導(dǎo)書(shū)、參考書(shū)、案例集、習(xí)題集、網(wǎng)絡(luò)學(xué)習(xí)資源、相關(guān)學(xué)術(shù)刊物等。[1].弗里曼（美）著，《HTML5權(quán)威指南》，人民郵電出版社，2014年[2].李東博著，《HTML5+CSS3從入門(mén)到精通》，清華大學(xué)出版社，2013年[3].弗蘭納根（美）著，《JavaScript權(quán)威指南》，機(jī)械