软件开发与项目管理教学课件作者朱利华教学资源372KC02090000010_模块三软件设计任务2界面设计课件.pptVIP

常州信息职业技术学院 常州信息职业技术学院 软件开发与项目管理 模块三 软件设计 用户界面包含的内容 用户研究 交互设计 界面设计 模块三 软件设计 主要设计原则 界面功能体现用户任务要求 正确选择界面的类型 界面操作直观、简单，减少用户工作量 界面风格保持一致 模块三 软件设计 用户界面分类 图形用户界面 网页风格用户界面 手持设备用户界面 模块三 软件设计 任务简介 项目载体是基于浏览器的Web应用系统 主要围绕网页风格的用户界面设计 模块三 软件设计 任务分析 使用ASP.NET母版页技术布局“学分管理系统”总体页面 使用ASP.NET内容页技术布局“学分管理系统”的业务功能页面 模块三 软件设计 界面设计时，母版页和内容页分开设计； 具体编码时，母版页和内容页可以合成完整的页面 任务实施 总体界面设计 “项目实施模块”的“制定项目计划”界面设计 模块三 软件设计 总体界面设计 布局说明 页宽900像素比较好的适应800*600和1024*768的屏幕分辨率 导航区占页宽1/3，内容区占页宽2/3 高度自适应 模块三 软件设计 总体界面设计 布局控件 标签控件（Label）：部门、姓名 树形控件（TreeView）：功能菜单 内容页控件（ContentPlaceHolder）：内容展示区 页眉、页脚等其它界面元素用CSS样式布局 模块三 软件设计 模块三 软件设计 总体界面设计——使用母版页技术 “制定项目计划”界面设计 布局说明 功能标题说明区：制定项目计划 项目选择区：选择项目计划所属的素质领域、模块和项目 编辑区：输入项目计划的具体内容 计划列表显示区：分页显示某一项目下的计划列表 模块三 软件设计 “制定项目计划”界面设计 布局控件 选择控件（DropDownList）：素质领域、模块、项目、负责系部 文本控件（TextBox）：计划编号、计划内容、考核要点、素质训练分、学期安排、负责人 按钮控件（Button）：新增计划、保存计划、清除输入 列表显示控件（GridView）：项目计划列表 模块三 软件设计 模块三 软件设计 制定项目计划界面设计——内容页技术 拓展训练 设计“提交项目计划”功能界面 设计“启动项目计划”功能界面 设计“登记学生”功能界面 设计“项目评分”功能界面 设计“项目结项”功能界面 模块三 软件设计 任务总结 用户界面设计原则 网页风格的界面 “学分管理系统”界面总体布局 “制定项目计划”功能界面设计 模块三 软件设计 再 见 常州信息职业技术学院 常州信息职业技术学院