移动项目开发课程教学大纲.docx

《移动项目开发课程教学大纲.docx》由会员分享，可在线阅读，更多相关《移动项目开发课程教学大纲.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、移动工程开发教学大纲课程性质专业选修课课程编号xx436408课程名称移动工程开发适用专业软件工程先修课程移动应用基础，移动应用基础实验总学时32 其中理论16学时，实验16学时 学分数 2一、课程简介本课程为理论和实践相结合的工程设计课程，通过学习本课程，学生能够利用所学 计算机编程知识应用到实际工程中，完成移动开发中原型设计、APP模块设计，最终完 成一个APP工程；让学生掌握最新移动开发技术，并积累工程经验。此课程选择最新的 移动开发技术HTML5和CSS3以及React作为开发框架实现一个HR管理平台，要求学生 具备基本编程思维，掌握基本的网页编写和JavaScript程序设计。二、课

2、程教学目标通过本课程移动工程开发的学习，学生应实现如下目标：知识目标：理解HTML5和CSS3界面布局，熟悉React JSX编程。能力目标：熟练使用HTML5和CSS3中的Flexbox弹性布局并将它运用到工程中。 能够使用React JSX设计移动工程系统模块 三、课程教学基本要求学生需要掌握JavaScript/HTML5/CSS3技术，并能使用其进行基本的程序设计。四、课程教学模块（或教学内容）与学时分配序号教学模块知识点学时1搭建移动人 力资源管理 平台，UI原 型设计和UI了解：移动设备环境、移动浏览器，移动开发 技术的历史和现状.认识Cordova和React Native移动开

3、发技术理解：Node, js概念和原理,理解React Native2布局设计和React JSX概念和作用以及适用工程掌握：Node. js React Native环境搭建，创 建移动人力资源管理工程，分析每个工程模块： 考勤打卡、签到、审批、公告、邮件、出差、 请假、报表统计、权限、部门、用户。了解：原型设计概念、Mockplus原型工具 理解：使用原型设计工具Mockplus设计移动人 力资源管理工程界面，包括Mockplus工作环 境，创立工程和页面以及组件。掌握：使用Mockplus设计组、母版、图片和标 注、批注和备注、组件交互、交互状态。将制 作的原型发布并预览，导入和导出HT

4、ML页面。2了解：HTML/CSS基本界面布局方式，了解标准 流、盒子模型的概念理解：盒子模型中的基本属 性:border, padding, margin, position, z-inde x;理解Flexbox布局模型掌握：根据原型设计使用Flexbox布局以及 HTML和CSS技术制作出工程界面；掌握 flex-direction, flex-wrap, flex-flow, justi fy-content, align-items, align-content 容 器属性；掌握工程属性 order, flex-grow, flex-shrink, flex-basis, f lex

5、, align-lefto使用flexbox布局实现移动 人力资源管理平台首页各模块盒子模型界面。42使用React JSX搭建移 动人力资源 管理平台各了解：ReactJS环境、JSX概念理解：载入JSX方式：内联方式和外联方式， 理解JSX中的标签/转换/执行JS表达式/注释/ 属性/自定义属性，理解JSX生命周期中的四个4模块阶段：创立、实例化、更新、销毁。理解虚拟 DOMo掌握：使用JSX编写系统模块，在JSX中使用 样式，向JSX模块代码中添加事件绑定。掌握 原生组件和自定义组件的创立方式；掌握JSX 中组件之间的通信了解：常用组件 View/Text/Image/TextInput

6、/Touchable/TabBarlO/WebView理解:理解WebView,理解常用API 掌握：API:AppRegistry/AsyncStorage /AlertlOS/ActionSheetIOS/PixelRatio/DataRequest2了解：组件封装的概念和基本要求理解：静态组件的实现，实现组件的复用以及 封装掌握：开发移动人力资源管理平台各主要组件 模块，自定义组件或使用开源组件组装系统各 模块；掌握APP的初始化设置、更新逻辑、回 滚策略；掌握发布APP的各个环节，包括生成 发布证书，生成应用的唯一标识AppID,生成 发布证书，生成AppID对应的描述文件。2序 号实

7、验工程名称内容摘要实验 学时实验类型开出要求1移动HR管理平 台UI原型设计使用Mockplus设计HR管 理平台UI原型2设计性必做2移动HR管理平 台模块设计使用Mockplus设计HR管 理平台各模块以及模块 关联2设计性必做3移动HR管理平 台界面实现使用HTML5和CSS3以及 Flexbox实现界面界面及 其布局4综合性必做4移动HR管理平 台JSX模块实 现使用JSX实现系统各个模 块4综合性必做5移动HR管理平 台界面逻辑实 现使用JSX实现系统各个模 块之间的通信2综合性必做6移动HR管理平 台APP发布生成最终APP并发布2综合性必做五、教学方法与策略本课程以讲授和实践相结

8、合，全程使用HR管理平台工程为主线一步步实现整个 APP,教学过程中以工程组的方式进行分组学习和讨论以及编码实现，使学生在实践过 程中以团队的方式开发工程并掌握移动开发最新技能。六、学生学习成效考核方式考核环节构成(均为100分制)评分依据占总成绩 的比重考勤到课为总分值，迟到一次扣5分，缺课不计分，特殊情况请假不扣分30%课程讨论每个工程小组成员须积极参与讨论并设计出自己任务模块的原型图30%实验测试使用React JSX将原型界面转换为系统UI界面，小组 成员中每个人必须完成自己所负责的模块，根据模块 完成质量计分40%七、选用教材美艾森曼(Bonnie Eisenman),React N

9、ative开发指南,人民邮电出版社, 2016提6月八、参考资料教学参考资源包括教学指导书、参考书、案例集、习题集、网络学习资源、相关学术刊物等。1 .弗里曼（美）著，HTML5权威指南，人民邮电出版社，2014年2 .李东博著，HTML5+CSS3从入门到精通，清华大学出版社，2013年3 .弗兰纳根（美）著，JavaScript权威指南，机械工业出版社，2012年4 .阙喜涛著，React Native跨平台移动应用开发，电子工业出版社，2017年5 .金晖著，网站与手机APP原型设计，华南理工大学出版社，2017年相关网站与主页：React 官网 s:/facebook, github. io/react/