支持WEB用户界面自动生成的三种界面设计模式

支持WEB用户界面自动生成的三种界面设计模式

论文摘要

近十年来,界面设计和系统功能设计相分离成为界面设计的主流思想,界面代码根据界面描述模型来自动生成已成为开发人员的目标。为提高图形用户界面的开发效率和质量,许多界面模型被提了出来。这些模型分为概念模型和陈述模型两类。这两类模型各有其优缺点:概念模型的优点在于直接针对界面、描述简洁,缺点在于无法支持全过程开发;陈述模型的优点在于支持全过程开发、支持自动生成、描述能力强,缺点在于模型设计过于复杂,模型整合比较困难。介绍了一种支持用户界面自动生成的界面模型FMP,它借鉴了概念模型和陈述模型的优点,以实现图形交互系统自动生成、支持系统体系结构设计为目标,包括功能模型、内在模型和基于界面模板的表示模型三个部分。其中基于界面模板的表示模型突破了现有的表示模型缺乏对交户对象之间的关系考虑的局限性,并且吸收和借鉴用户界面设计模式的思想。本课题的核心在于,从整体上对基于FMP模型的Web用户界面设计模式进行阐述,详细介绍了三种具体的用户界面设计模式:自由格式设计模式、表格格式设计模式和图形格式设计模式。其中,自由格式设计模式是三种设计模式介绍的重点,提出自由格式设计模式的需求和设计实现结构,探讨自由格式设计模式的形式化规范,完善用户对界面模板自由格式布局的灵活控制。给出自由格式设计模式、图形格式设计模式以及表格格式设计模式从AUI模型到Asp.net页面之间的代码自动生成,它们是基于FMP模型的Web用户界面设计模式的重要组成部分。最后,文章以自由格式展示模式给出具体的测试实例,进一步验证正确地实现了从界面模板自由格式展示到Asp.net页面之间的映射;验证了生成代码逻辑上的正确性和使用上的健壮性;验证了基于FMP模型的Web用户界面设计模式加快了Web页面的开发速度。

论文目录

  • 摘要
  • ABSTRACT
  • 第1章 引言
  • 1.1 论文的研究背景及意义
  • 1.2 本文的创新点
  • 1.3 本文的组织结构
  • 第2章 国内外相关研究
  • 2.1 用户界面自动化生成
  • 2.1.1 交互界面构造工具
  • 2.1.2 基于模型的工具
  • 2.2 Web应用用户界面特点
  • 2.3 界面设计模式
  • 2.3.1 用户界面设计模式的概况
  • 2.3.2 基于用户目标的界面模式
  • 2.4 设计模式的形式化研究
  • 2.5 代码自动生成
  • 2.5.1 代码自动生成的概况
  • 2.5.2 代码自动生成的发展过程
  • 2.5.3 目前对代码自动生成的研究
  • 2.6 本章小结
  • 第3章 FMP界面模型
  • 3.1 FMP界面模型介绍
  • 3.2 本章小结
  • 第4章 代码自动生成系统AUI
  • 4.1 代码自动生成系统介绍
  • 4.2 本章小结
  • 第5章 Web用户界面设计模式
  • 5.1 界面模板、设计模式及其与Web页面之间的关系
  • 5.2 目标模型的代码结构
  • 5.3 依据交互模型对设计模式进行分类
  • 5.3.1 数据对象
  • 5.3.2 汇集
  • 5.3.3 查询条件对象
  • 5.3.4 控制参数对象
  • 5.3.5 用例组
  • 5.4 本章小结
  • 第6章 三种设计模式的详细设计
  • 6.1 汇集的表格设计模式
  • 6.1.1 实现问题描述
  • 6.1.2 对此问题的解决方案
  • 6.2 自由格式设计模式
  • 6.2.1 实现问题描述
  • 6.2.2 界面模板自由格式控制参数
  • 6.2.3 汇集自由格式设计模式的描述
  • 6.2.4 对此问题的解决方案
  • 6.3 图形格式设计模式
  • 6.3.1 实现问题描述
  • 6.3.2 对此问题的解决方案
  • 6.4 本章小结
  • 第7章 设计实例说明
  • 7.1 测试实例
  • 7.1.1 体系结构建模
  • 7.1.2 功能模型建模
  • 7.1.3 对象模型建模
  • 7.1.4 交互模型建模
  • 7.1.5 界面模板建模
  • 7.2 测试结果
  • 7.2.1 生成Web页面上的表格展示
  • 7.2.2 生成Web页面上的自由格式展示
  • 7.2.3 生成Web页面上的图形展示
  • 7.3 本章小结
  • 第8章 总结
  • 8.1 已经完成的工作
  • 8.2 下一步的工作
  • 参考文献
  • 致谢
  • 攻读学位期间发表的学术论文
  • 学位论文评阅及答辩情况表
  • 相关论文文献

    标签:;  ;  ;  

    支持WEB用户界面自动生成的三种界面设计模式
    下载Doc文档

    猜你喜欢