模块三KC02090000010模块三软件设计任务2界面设计

《模块三KC02090000010模块三软件设计任务2界面设计》由会员分享，可在线阅读，更多相关《模块三KC02090000010模块三软件设计任务2界面设计（17页珍藏版）》请在金锄头文库上搜索。

1、软件开发与项目管理,主讲人 郭永洪 常州信息职业技术学院,任务2 用户界面设计,模块三 软件设计,能力目标 会设计简单的Web用户界面,知识目标 掌握用户界面包含的内容 掌握用户界面设计的主要原则 了解用户界面分类,用户界面包含的内容 用户研究 交互设计 界面设计,任务2 用户界面设计,模块三 软件设计,主要设计原则 界面功能体现用户任务要求 正确选择界面的类型 界面操作直观、简单，减少用户工作量 界面风格保持一致,任务2 用户界面设计,模块三 软件设计,用户界面分类 图形用户界面 网页风格用户界面 手持设备用户界面,任务2 用户界面设计,模块三 软件设计,任务简介 项目载体是基于浏览器的We

2、b应用系统 主要围绕网页风格的用户界面设计,任务2 用户界面设计,模块三 软件设计,任务分析 使用ASP.NET母版页技术布局“学分管理系统”总体页面 使用ASP.NET内容页技术布局“学分管理系统”的业务功能页面,任务2 用户界面设计,模块三 软件设计,界面设计时，母版页和内容页分开设计； 具体编码时，母版页和内容页可以合成完整的页面,任务实施 总体界面设计 “项目实施模块”的“制定项目计划”界面设计,任务2 用户界面设计,模块三 软件设计,总体界面设计 布局说明 页宽900像素比较好的适应800*600和1024*768的屏幕分辨率 导航区占页宽1/3，内容区占页宽2/3 高度自适应,任务

3、2 用户界面设计,模块三 软件设计,总体界面设计 布局控件 标签控件（Label）：部门、姓名 树形控件（TreeView）：功能菜单 内容页控件（ContentPlaceHolder）：内容展示区 页眉、页脚等其它界面元素用CSS样式布局,任务2 用户界面设计,模块三 软件设计,任务2 用户界面设计,模块三 软件设计,总体界面设计使用母版页技术,“制定项目计划”界面设计 布局说明 功能标题说明区：制定项目计划 项目选择区：选择项目计划所属的素质领域、模块和项目 编辑区：输入项目计划的具体内容 计划列表显示区：分页显示某一项目下的计划列表,任务2 用户界面设计,模块三 软件设计,“制定项目计划

4、”界面设计 布局控件 选择控件（DropDownList）：素质领域、模块、项目、负责系部 文本控件（TextBox）：计划编号、计划内容、考核要点、素质训练分、学期安排、负责人 按钮控件（Button）：新增计划、保存计划、清除输入 列表显示控件（GridView）：项目计划列表,任务2 用户界面设计,模块三 软件设计,任务2 用户界面设计,模块三 软件设计,制定项目计划界面设计内容页技术,拓展训练 设计“提交项目计划”功能界面 设计“启动项目计划”功能界面 设计“登记学生”功能界面 设计“项目评分”功能界面 设计“项目结项”功能界面,任务2 用户界面设计,模块三 软件设计,任务总结 用户界面设计原则 网页风格的界面 “学分管理系统”界面总体布局 “制定项目计划”功能界面设计,任务2 用户界面设计,模块三 软件设计,再 见,