人人图书馆_基于QT的电子画板的设计

人人图书馆_基于QT的电子画板的设计
人人图书馆_基于QT的电子画板的设计

2012年12月第12期电子测试

ELECTRONIC TEST

Dec. 2012

No.12

冯耀玲, 孙运强, 姚爱琴

(中北大学, 仪器科学与动态测试教育部重点实验室, 山西太原 030051)

摘要:电子画板以其方便性和快捷性越来越受到人们的青睐。基于Qt的电子画板是使用Qt编程开发的绘图软件,结合触摸屏的使用,构成的一款电子画板。它是一个能轻松完成手工绘图,并用计算机加工和修改的绘图帮手。除了能实现在计算机上进行任意线和规则图形的绘制,画笔加粗,颜色填充等简单制图功能外,还具有新建,图片编辑,保存功能。本文主要研究,Qt绘图软件图形界面的设计及编写,使用的操作系统为Linux,使用的Qt版本为Qt4。画板触摸屏采用四线电阻触摸屏。

关键词:电子画板;Qt;Linux;触摸屏

中图分类号: TP332 文献标识码: A

Electronic drawing board design based on QT

Feng Yaoling,Sun Yunqiang,Yao Aiqin

(North University of China,The Ministry of Education Key Lab for Instrument Science and

Dynamic Test,Shanxi,Taiyuan 030051)

Abstract: Electronic drawing board get the favor of more and more people for its convenience and quick. Based on the QT electronic drawing board is a drawing software which use of QT programming, combined with the use of touch screen, constitutes a new electronic drawing board. It is a can easily finish manual drawing and computer processing and modified drawing helper. It can realize on simple drawing function which contain arbitrary line、fixed rules、graphic drawing、 Brush overstriking and color filling in the computer, besides, it still have new、photo editing and save functions.The main subject of study, the Qt mapping software graphical interface design and the preparation of the operating system used for the Linux version of Qt Qt4. sketchpad touch screen using four wire resistance touch screen.

Keywords: electronic drawing board;Qt;Linux;touch screen

基于QT的电子画板的设计

0 引言

电子画板的优点不言而喻,可随意修改,快速存储,快速传播,几乎不耗费多余材料即可永久保存等等。本文基于Linux 操作系统系统,使用Qt 图形编程工具的软件开发。

Qt 是诺基亚开发的一个跨平台的C++图形用户界面应用程序框架。它提供给应用程序开发者建立艺术级的图形用户界面所需的所用功能。Qt 是完全面向对象的,很容易扩展,并且允许真正地组件编程。它不仅实现了画图板的画直线、画圆、画曲线、画矩形、画正方形等各种基本画图功能及其相关属性设置,并且实现了填充图等各种基

本画图功能,更达到界面友好方面用户使用的效果。1 Qt电子画板的总体设计

Qt 电子画板采用Qt 图形界面编程,使用四线电阻触摸屏ADS7843作为画板(见图1),通过USB 口与PC 连接,组合而成一个可以在画板上随意作图,计算机轻松实现的绘图工具。除了作图的功能外,该电子画板还可以实现对已有图片进行修改保存,创建新图片以及改变图片大小等常规绘图软件可以实现的功能。

图1 绘图板

2 四线电阻屏

典型触摸屏的工作部分一般由3部分组成:两层透明的阻性导体层、两层导体之间的隔离层以及电极。如图2所示。

图2 触摸屏结构图

导体层选用阻性材料,如铟锡氧化物(ITO )涂在衬底上构成,上层衬底用塑料,下层衬底用

玻璃。隔离层为粘性绝缘液体材料,如聚脂薄膜。

电极选用导电性能极好的材料(如银粉墨)构成,其导电性能大约为ITO 的1000倍。

触摸屏工作时,上下导体层相当于电阻网络,

如图3所示。

图3 工作时的导体层

当某一层电极加上电压时,会在该网络上形成电压梯度。如有外力使得上下两层在某一点接触,则在电极末加电压的另一层可以测得接触点处的电压,从而知道接触点处的坐标。比如,在顶层的电极(X+,X-)上加上电压,则在顶层导体层上形成电压梯度,当有外力使得上下两层在某一点接

触,在底层就可以测得接触点处的电压,再根据

该电压与电极(X+)之间的距离关系,知道该处的

X 坐标。然后,将电压切换到底层电极(Y+,Y-)上,并在顶层测量接触点处的电压,从而知道Y 坐标。采用典型的四线电阻式触摸屏ADS7843,其主要特点是精确度高,不受环境干扰,适用于各种场合。控制器为四线电阻式触摸屏通用的ADS7843控制芯片,具有12位转换精度, 支持SPI 通讯协议; 内建512KByte ROM,提供繁体或简体中文,支持2 Page 显示模式,支持文本显示和图形显示(320×240点)两种方式,显示模块内

建有512KByte 的16×16中文显示字型ROM (Font

ROM)与8×6的ASC II 半型字型,除内建8×16 和16×16 的字号外,还提供字型放大的功能。

ADS7843串行接口的一次完整操作需要3×8=24个DCLK 时钟周期,前8个脉冲接收8位的命令,并在第6个脉冲的上升沿开始A/D 转换器进入采样阶段,从第9个脉冲开始进入转换阶段,输出12位采样值,转换结束进入空闲阶段。直到24 个DCLK 结束, CS 置高电平,一次测量结束。如图4

所示。

图4 ADS7843串行接口的一次完整操作时钟周期示意图

当用户在触摸屏上的有效区域内点击时,触摸屏的X 方向、Y 方向输出电阻分别随X 和Y 呈线性变化,ADS7843控制器将其分别转换为12位数据,通过中断告知C8051F020需要接收数据, C8051F020接收到数据后进行处理;首先进行触点数据是否有效判断,包括两方面:一是判断是否误操作,即是否是由于人的抖动产生的错误数据;二是ADS7843传过来得数据是否有效。由于刚开始的传过来的第一个坐标是用户开始接触触摸屏时产生的,电阻不准确,导致数据也不准,通常要去掉;在接收过程中采用多次平均的方法,假如有一次接收的数据和平均值差别很大,则这次测量就作废,需要重新测量。一旦数据有效, C8051F020接着计算触点坐标落在液晶屏的位置,根据计算的结果判断执行相应的功能函数。使触摸屏和液晶屏有机的结合起来,建立一定的逻辑关系,交互地进行信息存取和输出。流程图如图5所示。

5 流程图

3 软件实现

程序基本框架如图6所示;绘图窗口的实现流程图如图7

所示。

图6 程序基本框架

7 绘图窗口的实现流程图

4 关键技术

4.1 双缓存

双缓冲技术是GUI 编程中常用的技术。所谓的双缓冲就是把需要绘制的控件保存到一个图像中,然后在把图像拷贝到需要绘制的控件上。在Qt 的早期版本中,为了用户界面更加清爽,经常用这个技术来消除闪烁。

在Qt4中,所有的窗口部件默认都使用双缓冲进行绘图。使用双缓冲,可以减轻绘制的闪烁感。在有些情况下,用户要关闭双缓冲,自己管理绘图。下面的语句设置了窗口部件的Qt::WA_PaintOnScreen 属性 ,就关闭了窗口部件的双缓冲。

由于Qt4不再提供异或笔,组合模式QPainter::CompostionMode_Xor()并不是异或笔,Qt4只提供了QRubberBand 实现矩形和直线的绘图反馈。因此要实现在绘图中动态反馈必须使用其他方法。程序中使用双环冲来解决这个问题。

在绘图过程中,一个缓冲区绘制临时内存,一个缓冲区保存绘制好的内容,最后进行合并。在交互绘图过程中,程序将图像缓冲区复制到临时缓冲区,并在临时缓冲区上绘制,绘制完毕在将结果复制到图像缓冲区,如果没有交互复制,则直接将图像缓冲区绘制显示到屏幕上。

4.2 种子填充算法

种子填充算法又称为边界填充算法。其基本思想是:从多边形区域的一个内点开始,由内向外用给定的颜色画点直到边界为止。如果边界是以一种颜色指定的,则种子填充算法可逐个像素地处理直到遇到边界颜色为止。种子填充算法常用四连通域和八连通域技术进行填充操作。

从区域内任意一点出发,通过上、下、左、右

4个方向到达区域内的任意像素。用这种方法填充的区域就称为四连通域;这种填充方法称为四向

连通算法。从区域内任意一点出发,通过上、下、左、右、左上、左下、右上和右下八个方向到达区域内的任意像素。用这种方法填充的区域就称为八连通域;这种填充方法称为八向连通算法。

一般来说,八向连通算法可以填充四向连通区域,而四向连通算法有时不能填充八向连通区域。例如,八向连通填充算法能够正确填充如图8(a)所示的区域的内部,而四向连通填充算法只能完成如图8(b)的部分填充。

图8(a) 八向连通填充算法 图8(b)四向连通填充算法

图8 填充法示意图

四向连通填充算法:a )种子像素压入栈中;

b )如果栈为空,则转e);否则转c);

c )弹出一个像素,并将该像素置成填充色;并判断该像素相邻的四连通像素是否为边界色或已经置成多边形的填充色,若不是,则将该像素压入栈;

d )转b );

e )结束。

5 结论

5.1 运行界面

运行界面如图9所示。

5.2 可实现的主要功能

它可以完成自由线的绘制如图10(a )所示,圆形,直线以及椭圆的绘制如图10(b )所示,以及改变画笔粗度如图10(c )所示,填充颜色如图

10(d )所示等等的辅助功能。

图9 运行界面

图10(a )自由线的绘制

图10(b )

圆形,直线,椭圆的绘制

图10(c) 画笔加粗

图10(d) 改变画笔颜色

参考文献

[1] 陈英,梁建武.Linux 基础及应用教程[M].北

京:水利水电出版社,2008:29-42.

[2] 丁丁,习勇,魏急波.三种主流嵌入式图形

用户界面的移植及性能比较[J].电子产品世

界,2004(9):73-74.

[3] 丁林松,黄丽琴. QT4 图形设计与嵌入式开发

[M].北京:人民邮电出版社,2009:45-69. [4] 金西,黄汪.嵌入式 Linux 技术及其应用.计

算机应用[J],2000,20(7):5-6.

[5] 刘峥嵘.嵌入式Linux应用开发详解[M].北

京:机械工业出版社,2004:53-68.

[6] 林锐,韩永泉.高质量程序设计指南:C++、C

语言[M].北京:电子工业出版社,2007:124-

155.

[7] 倪继利.QT以及linux操作系统窗口设计[M].

北京:电子工业出版社,2006:45-152.

[8] 钱能.C++程序设计教程[M].北京:清华大学

出版社,2006:56-88.

[9] 孙琼.嵌入式Linux应用程序开发详解[M].

北京:人民邮电出版社,2006.

[10] 谭浩强.C++面向对象程序设计[M].北京:清

华大学出版社,2006,89-100.

[11] 王子强,刘海燕,李媛州.Linux下图形用户

界面程序的开发与实现[J].计算机应用与软

件,2005.

[12] 谢春,陶烨,瞿坦.基于嵌入式Linux系统的

多进程图形用户界面GUI系统研究[J].工业

控制计算机,2003(5):28-29.

作者简介:

冯耀玲,中北大学信息与通信

工程学院在读硕士研究生,主

要研究方向为智能信息系统。

E-mail:

253304696@https://www.360docs.net/doc/a88343497.html,

ui用户界面设计课程设计报告

UI用户界面设计 大作业课程设计报告 题目:依依旅行系统前台应用及后台管理院别:信息与控制学院 专业:计算机科学与技术 学生姓名: 7宋依依 指导教师:孙丽云 成绩: 2015年 6 月 12 日 一、系统概述 1.1课程设计题目: 依依旅行系统前台及后台管理 1.2 课程设计运行环境: Java,MyEclipse6.5,Tomcat5.x Microsoft SQL Server 2008 360安全浏览器7.1 1.3 课程设计实现技术: 基于HTML,CSS,JSP等技术的应用 二、依依旅行系统需求分析 2.1系统功能需求:

系统的功能需求包括一下几个方面 (1)游客在不登录的情况下只可以进行相关旅行,车票,酒店信息的查询。(2)游客通过注册登录或者登录后,可以通过网络查询景点的信息概况和预定景点票,酒店,车票(飞机票,火车票,或者租车)。 (3)游客登录后还可以进行各种订单的退订,个人信息的修改。 (4)系统管理员可以查看游客的预定请求和取消预定的请求。 (5)系统管理员可以对系统的数据库进行维护,例如增加、删除和修改景点信息,增加、删除工作人员帐户,增加和删除旅行用户。 三、依依旅行系统概要分析 3.1旅游系统模块介绍 满足以上需求的管理系统主要包括以下几个模块。 (1)旅游数据维护模块 基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。 (2)旅游业务模块 基本业务模块主要用于实现游客查询景点信息和预定的管理,可以登陆系统预定景点游票和导游预定,工作人员可以处理预定信息和取消预定信息等操作。 (3)数据库管理模块 在系统中,所有景点信息以及工作人员和导游的帐户信息都要进行统一管理,景点的使用情况和预定情况也要进行详细的记录,要用统一的数据库平台进行管理。 (4)旅游信息查询模块 信息查询模块主要用于查询景点的信息和游客的预定信息。 下图所示表示了旅游开发管理系统的功能需求: 3.2旅游数据维护模块 数据维护模块包括如下图所示的几个方面: (1)修改更新景点信息:系统管理员可以更新和修改景点信息。 (2)更新和修改信息:系统管理员可以更新和修改旅游景点和酒店出行,删除游客的信息。 (3)添加景点信息:系统管理员可以添加景点及景点信息。 (4)删除景点信息:系统管理员可以删除景点及景点信息。 3.3旅游业务模块 旅游业务模块包括一下几个方面: (1)注册登陆后,更改个人信息 (2)查询信息:游客查询景点使用信息及景点概括信息。 (3)预定取消景点:游客预定景点票。 (4)酒店预订:游客可一根据情况预定酒店。 (5)出行方式:游客可以根据自己的情况选择出行方式。 3.4数据库管理模块 数据库模块包括一下一个方面: (1)游客信息管理:信息包括游客的姓名,电话号码,及联系方式等。(2)景点信息管理:景点信息包括景点的名称,代号,概况等。

用户界面设计说明书样本

用户界面设计说明 书

[键入公司名称] [键入文档标题] [键入文档副标题] [键入作者姓名] 2012/11/27

修订历史记录

目录 1 引言................................................... - 3 - 1.1编写目的............................................ - 3 - 1.2项目背景............................................ - 4 - 1.3定义、缩略词........................................ - 4 - 1.4参考资料............................................ - 5 - 2 应当遵循的界面设计规范 ................................. - 5 - 2.1用户界面设计原则.................................... - 5 - 2.2界面一致性.......................................... - 5 - 2.3布局合理化原则.......................... 错误!未定义书签。 3 界面的关系图和工作流程图 ............................... - 7 - 4 主界面................................................ - 10 - 4.1主界面............................................. - 10 - 4.2子界面A ........................................... - 11 - 4.3子界面B ........................................... - 12 - 4.4子界面C ........................................... - 13 - 4.5子界面D ........................................... - 14 - 4.6子界面E ........................................... - 15 - 4.7子界面F ........................................... - 16 - 5 美学设计.............................................. - 17 -

用户界面设计实验-系统界面设计实例完整版.doc

用户界面设计实例 ● 设计的系统名称:个人日常事务管理系统 ● 针对用户群是:广大电脑用户(有一定的电脑操作基础),officer 和广大学 生。 一、系统需求分析(The system requirement ) 针对officer 和学生们的需求分析,从我自身分析:对于我日常的安排我平 时会用专门的记事本记录和更改,对于日常各种事务可能会冲突或不变携带,现在针对这些需求,设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。此系统是要面向个人的,同企业系统相比,此软件要力求操作简单,效率要高效,由于针对的人群是officer 和大学生,这些人都是年轻的一代人,对计算机和系统都比较了解,而且倾向于华丽的界面,但是该系统同时要解决高效,较少的操作较快地达到用户的需求。由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况,同时,有些情况下可能无法连接网络,此系统应支持 1.、本机数据保存。2、可以上传到服务器数据库,用户注册可获得免费的空间,用户注册后,只要登录就能在随时随地获得自己的日程安排等信息。 二、系统功能定义(The function definitions ) 个人日程管理系统主要是提供个人时间日程安排系统软件,它具有相当方便的操作接口,让用户能够对所安排的行程一目了然,除去主要功能还附带了更多功能和小工具,安排的行程可以生成通行路线,并会根据天气预报提醒当天安排是否影响。而且用户可以注册,注册后用户有更多的服务,安排的日程数据可以保存到本地同时可以更新到服务器,这样用户就算到外地也可以随时查看自己的日程安排,同时其他功能有:时钟提醒、通讯录、效率评估等。 实现功能(主界面导航): 个人日常事 务管理系统

基于LABVIEW的用户登录界面设计

基于LABVIEW的用户登录界面设计 Labview具有功能强大的数学工具,用在传感器设计上可大大降低软件的设计负担。对于一个实际的传感器使用,其用户数量有限,其登陆界面设计可以完全借助其数组函数与数据记录文件完成,而不就是数据库,这样既减轻了系统的重量,也减轻了系统的负荷。没有牵涉第三方的软件,系统的稳定性也大大提高。本文设计了一个简单的用户登录系统的2个模块,希望能对读者有所启发。 1)用户初始文件的建立 Labview的数据记录文件具有较强的功能,并且不能用写字本打开,因此作为一般的保密级别可以用来存储初程序运行环境数据,本文用来存储登陆系统的用户数据。 本程序采用两个套嵌while循环,用于批量产生用户名单,内While

采用三个文本输入框,分别输入用户姓名、用户初始密码、用户权限等内容,并用系统时间空间获取用户建立时间,通过数组创建函数创建成一维数组,点击确定键完成一个用户的建立,可以继续进行下一个用户的建立(当然您也可以只建立一个超级用户,在超级用户登陆后继续建立用户名单),用户建立完毕点击停止按钮完成用户名单建立,形成一个二维数组,由于点击停止键时,最后一个用户名单会重复建立,故采用数组删除函数去掉最后一行,然后创建一个文件,用数据记录函数将该名单存储在您希望的文件夹内(本例放在桌面上,面板上的数组就是为验证程序而建立的,可以去掉)。 2)登陆界面 登陆面板实际上只有两个文本输入控件:用户名与密码。程序首先将记录文件读入内存,让后将第一列(索引0列)的所有用户列出来,用一维数组搜索函数搜索该用户密码所在的行号,再用该行号将该用户的信息从记录文件索引出来。由于密码放在第二列(1列),直接从用户的记录信息索引第第二列(索引1列)取出该用户密码),直接用文本比较“等于”函数进行比较用户输入的密码就是否与其预设的密码一致。 至于修改用户名单、用户权限等内容可用“数组的删除、插入”

app用户界面设计大作业演示版.doc

教学站:杭州前进学号:201812925310039 姓名:詹浩裕 医护app用户界面设计说明书 修订历史记录

目录 1 引言................................................... - 2 - 1.1编写目的............................................ - 2 - 1.2项目背景............................................ - 2 - 1.3主要功能 (2) 2 应当遵循的界面设计规范 ................................. - 2 - 2.1用户界面设计原则.................................... - 2 - 2.2界面一致性 (4) 2.3布局合理化原则.......................... 错误!未定义书签。 3 引导页..................................... 错误!未定义书签。 4 主界面................................................. - 5 - 4.1主界面.............................................. - 6 - 4.2登录页面................................ 错误!未定义书签。 4.3各子界面 (7) 5 美学设计 (10) 6 界面资源设计 (10) 6.1图标资源 (10) 7 投诉与建议 (11)

用户界面设计及标准答案

1.用户满意度=功能+___人机界面_____+响应时间+可靠性+易安装性+____信息____+可维护性+其他因素 2. ____人机交互(人机对话)____是指人与计算机之间使用某种语言、以一定的交互方式,为了完成任务进行的一系列信息交换过程。 3.软件界面设计分为____功能性设计界面____、____情感性设计界面____、____环境性设计界面____。 4.进行系统分析和设计的第一步是___用户分析_____。 5.使用较早,也是使用最广泛的人机交互方式是____交互方式____。 6.软件界面开发流程包括____系统分析____、____系统设计____、____系统实施____三个阶段 7.设计阶段包括界面的____概念设计____、____详细设计____、____原型建立____与界面实现以及综合测试与评估等8.VB 是以结构化___Basic_____语言为基础、以____事件驱动作____为运行机制的可视化程序设计语言。 9.菜单使用形式主要有____菜单操作____和____Tba控件操作____两种。 10.随着计算机图形技术的发展,以直接操纵、桌面隐喻以及所见即所得为特征的____图形用户界面____技术广泛被计算机系统采用。 11.在用VB 开发应用程序时,一般要布置窗体、设置控件的属性、___编写代码___。 12. 假定在窗体上有一个通用对话框,其名称为CommonDialog1,为建立一个保存文件对话框,则需要把Action 属性设置为__value__。 13. 计时器事件之间的间隔通过__interval__属性设置。 14. 语句“Print “5+65=”;5+65”的输出结果为__5+65=70__。 15. 设有下列循环体,要进行4次循环操作,请填空。 x = 1 Do x = x * 2 Print x Loop Until__x<=32__ 16. 下列程序段的执行结果为__2 3 5__。 x = 1 y = 1 For I = 1 To 3 F= x + y x = y y = F Print F; Next I 17. 以下为3个列表框联动的程序,试补充完整。 Private Sub Dir1_Change() File1.Path=Dir1.Path End Sub Private Sub Drive1_Change() Drivel.Path=File1.Path;Dir1.Path=Drivel.Path__[7]__ End Sub 18. 在下列事件过程中则响应该过程的对象名是cmdl,事件过程名是__窗口标题事件__。 Private Sub cmd1_Click() Form1.Caption=“VisualBasic Example” End Sub 19. 当将文本框的SelStar 属性设置为0时,表示选择第开始位置在第一个字符之前,设置为1时表示__[9]__。 20. 以下程序代码实现单击命令按钮Command1 时形成并输出一个主对角线上元素值为“-”,其他元素值为“+”第6*6 阶方阵。 Privas Sub Command1_Click() DimA(6,6) For I = 1 To 6 For J = 1 To 6 If I = J Then Print “-” Else __[10]__ End If Print A (I,J); Next J Print Next I

登录界面设计

目录 第一章绪论 (1) 第二章功能需求分析 (2) 第一节社会与技术背景 (2) 第二节客户功能需求分析 (2) 第三节系统运行的软、硬件环境 (2) 第四节系统的具体功能要求 (2) 第三章系统设计 (3) 第一节采用的软件及开发平台 (3) 第二节目的详细设计 (3) 第三节项目的总体框架 (4) 3.3.1 流程图 (4) 3.3.2 登录界面 (5) 第四章技术实现 (6) 4.1 主要功能模块的具体实现 (6) 4.1.1判断文件是否存在: (6) 4.1.2标准模块sub过程jiami: (8) 4.1.3列表框中可记住登录成功的用户名: (8) 4.1.4登录功能代码: (9) 4.1.5 退出程序代码: (11) 4.1.6选择已成功登录的用户名: (11) 4.1.7修改密码代码: (12) 4.1.8返回登录窗体代码: (13) 4.2主要难题的解决方法 (13) 4.3 亮点或创新点 (13) 第五章总结与体会 (14) 第六章参考文献 (15)

第一章绪论 计算机和网络技术的出现和发展改变了世界,也改变了人们的生活.作为新世纪的大学生,我们应当站在时代发展的前列,掌握计算机语言,调整知识结构和能力结构,充满活力和创新意识才能适应社会发展的要求. 作为计算机高级语言之一,visual basic 是Microsoft公司推出的可视化开发工具,由于其功能强大,内容十分丰富,随着版本的不断升级,已经成为应用程序开发人员的首选工具之一。 在当今科技社会,随着网络,信息技术的飞速发展,登录界面设计的设计已经变成一个网站登录的重要研究课题,本次课题设计有助于对登录界面设计的探索和改进,以便于以后能设计出更好的登录界面,推进网络技术和网站的建设。 本次课题重点解决了判断用户输入的帐号和密码是否正确及用户修改密码问题本程序设计简单,功能基本齐全,使用简捷便利,对硬件要求不高,可在windows环境下运行,能实现登录及修改密码的功能。. 由于笔者水平所限,本论文在书写过程中又难免还存在不妥之处,敬请读者予以批评指正。 牛涛 2008.07.21

用户登录与注册的设计

课程实验报告 专业计算机信息管理 班级09秋计算机 姓名李亚娜 实验报告填写说明

1、填写一律用钢笔或圆珠笔填写或打印,要求字迹工整,条理清晰。2、“实验题目”可以填写章节名称或用文字表述。 3、“实验目的”要逐条列出,“实验内容”以简练的文字进行概括。4、“附注”处填写实验注意事项或调试过程,以及实验中出现的异 常情况和解决方法。 5、“教师批阅”处由课任老师填写评语,给出实验成绩,并作为平 时成绩,参与期末成绩总评。 2011年11月25日 实验项目:用户登录与注册的设计

实验目的: 1.能正确设计用户注册程序。 2.能正确设计用户登录程序。 3.能正确设计用户的管理程序。 实验仪器: 电脑一台(CPU:T4400 ,内存:2G ,操作系统:WindowsXP) Macromedia Dreamweaver 8软件 实验步骤(或程序清单:) (一)编程实现用户注册功能 首先创建注册界面 图1注册界面 任务1操作方法: 1)用dreamweaver打开前面我们所创建的动态网站,将项目三中所设计的静态注册页面 reguser.html复制一份并改名为reguser.asp,其中注册部分页面如图2如所。

图2注册界面 3)选择标签

,将其属性按图3修改,将表单名称命名为fom1,动作右侧的文本框中 输入reguser.asp?act=reg,其含义为此表单提交到本页处理,并附加参数act=reg,此参数含义为表单填写完成后提交表单进行注册的参数传递,方法右侧的列表中选择post,其它方面可以忽略。 图3表单属性 4)依照表1修改各个表单元素的名称,以方便程序的编写。 表1注册表单中各表单元素的名称 文本名称表单元素名称文本名称表单元素名称 用户名f_user固定电话f_tel1f_tel2 密码f_code手机号码f_mtel 姓名f_name其他联系f_contact 性别f_sex提交submit 详细地址f_addr 重置reset 设计思想: 当用户输入注册信息时,如果用户名或密码没有填写时系统出现提示信息“用户名或密码不能为空!”,并将重新注册; 如果用户名在数据库中已经存在通过判断语句系统会有弹出提示信息“用户名已经存 在,请重新注册!”,本教材的其他信息并不要求必须输入,读者可以自己设计; 将用户信息写入到数据库的tbl_user表中保存,注册成功时会有弹出信息“注册成功!”,单击“确定”按钮将跳转到登录页面可供用户登录,如果注册失败弹出提示信息,并说明注 册失败的原因。 任务2操作方法: 1)先创建一个数据库连接文件db.asp,代码: <% dim conn,dbpath set conn=Server.CreateObject("adodb.connection") DBPath = Server.MapPath("db/tygasp.mdb") conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="& DBPath %> 2)打开网页的代码视图,我们在网页的最上部添加代码如下的代码如图4所示,由于数据库连接文件我们在项目五中已经完成,本项目只要使用语句将其引用到本页面中即可,以后的网页中也是一样:

实训四__设计用户系统的注册及登录

实训四设计用户系统的注册及登录 一、实训目的 1.能正确设计用户注册程序。 2.能正确设计用户登录程序。 3.能正确设计用户的管理程序。 二、工作任务 任务1:将静态注册页面转换成动态ASP文件页面,设置表单对象。 任务2:为网页设置引用文件。 任务3:为注册页面编程,实现对填写的注册信息进行判断的功能,并将注册信息写入数据库。 任务4:为登录页面编程,实现登录功能,并出现欢迎用户登录的界面。 三、实训步骤 (一)编程实现用户注册功能 首先创建注册界面 图1注册界面 任务1操作方法: 1)用dreamweaver打开前面我们所创建的动态网站,将项目三中所设计的静态注册页面reguser.html复制一份并改名为reguser.asp,其中注册部分页面如图2如所。

图2注册界面 3)选择标签,将其属性按图3修改,将表单名称命名为fom1,动作右侧的文本框中输入reguser.asp?act=reg,其含义为此表单提交到本页处理,并附加参数act=reg,此参数含义为表单填写完成后提交表单进行注册的参数传递,方法右侧的列表中选择post,其它方面可以忽略。 图3表单属性 4)依照表1修改各个表单元素的名称,以方便程序的编写。 表1注册表单中各表单元素的名称 文本名称表单元素名称文本名称表单元素名称 用户名f_user固定电话f_tel1f_tel2 密码f_code手机号码f_mtel f_name其他联系f_contact 性别f_sex提交submit 详细地址f_addr 重置reset 设计思想: 当用户输入注册信息时,如果用户名或密码没有填写时系统出现提示信息“用户名或密码不能为空!”,并将重新注册; 如果用户名在数据库中已经存在通过判断语句系统会有弹出提示信息“用户名已经存在,请重新注册!”,本教材的其他信息并不要求必须输入,读者可以自己设计; 将用户信息写入到数据库的tbl_user表中保存,注册成功时会有弹出信息“注册成功!”,单击“确定”按钮将跳转到登录页面可供用户登录,如果注册失败弹出提示信息,并说明注册失败的原因。 任务2操作方法: 1)先创建一个数据库连接文件db.asp,代码: <% dim conn,dbpath set conn=Server.CreateObject("adodb.connection") DBPath = Server.MapPath("db/tygasp.mdb") conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="& DBPath %>

系统用户界面设计

XX系统 用户界面设计报告 机构公开信息 1 / 15

版本历史

目录 0.1 文档目的 (4) 0.2 文档范围 (4) 0.3 读者对象 (4) 0.4 参考文献 (4) 0.5 术语与缩写解释 (4) 1. 应当遵循的界面设计规范 (4) 1.1:易用性: (5) 1.2易用性细则 (5) 2. 界面的关系图和工作流程图 (5) 2.1前台管理完成界面功能一览 (5) 2.3 界面关系及工作流程 (6) 2.3.1前台管理界面关系 (6) 3. 界面关系 (6) 3.1 登录界面 (6) 3.1.1 页面说明 (6) 3.1.2 页面迁移图 (6) 3.1.3 页面说明 (7) 3.1.4 前置条件 (8) 3.1.5 关联数据表 (8) 3.1.6 补充说明: (8) 3.2 前台管理主界面 (8) 3.2.1 页面说明 (8) 3.2.2 页面迁移图 (9) 3.2.3 页面说明 (9) 3.3 入网登记单界面 (11) 3.3.1 页面说明 (11) 3.3.2 页面迁移图 (11) 3.3.3 页面说明 (12) 4.总后总结: (15) 3 / 15

0. 文档介绍 0.1 文档目的 XX系统《用户界面设计报告》。是为了开发XX系统而编写,主要面向系统分析员、程序员、测试员、实施员和最终用户。 本说明书是整个软件开发的依据,它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。 0.2 文档范围 本文档主要包含以下几部分: 1. 文档介绍 2. 界面设计规范 3. 界面关系图 4. 主界面说明 0.3 读者对象 本文档的读者主要包含以下几类: 1. 界面设计人员 2. 美工人员 3. 编码人员 4. 测试人员 0.4 参考文献 提示:列出本文档的所有参考文献(可以是非正式出版物),格式如下: [标识符] 作者,文献名称,出版单位(或归属单位),日期 例如: [AAA]作者,《立项建议书》,机构名称,日期 [SPP-PROC-SD]SEPG,系统设计规范,机构名称,日期 0.5 术语与缩写解释 1. 应当遵循的界面设计规范 界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设

登录界面设计

登录界面设计 本系统在正常情况下通过统一认证系统登录,本校学生和教师在指定位置输入一卡通号或工作证号、密码及验证码后,可登录进系统。非本校人员则可以通过新教务系统内的教务管理系统的教务系统入口三和入口四,使用教务处为其指定的通行证号码及密码登录进系统。 1.本校人员登录界面设计 教务处办公教学系统学科竞赛管理子系统作为教务处的一个分支系统,面向全校参与到竞赛活动中的学生及教职员工开放。本校参加竞赛的学生及指导教师和竞赛组织工作人员均可通过北京航空航天大学校园网内部通用的统一认证系统登录。本系统中的统一认证登录界面采用浅蓝色作为背景色,象征蓝天,符合北航的特色,最上方设置一条深蓝色的页眉,并插入北京航空航天大学的校徽于左上角作为标志图案,接着书写“北京航空航天大学”字样。页眉下方正中央书写“统一认证中心”和“学科竞赛管理系统登录界面”字样,下方依次插入三个表单,分别是“职工号/学号”表单、“密码”表单和“验证码”表单,其中“验证码”表单后给出所要填写的数值,在所有表单的下方插入“登录”按钮元件,正确填写所需内容后单击“登录”按钮即可登录进学科竞赛管理系统了。

2.外校人员登录界面设计 对于需要登录进教务处网站中的学科竞赛管理子系统中查询有关竞赛信息的外校学生和管理竞赛信息的外校指导老师及其他人来说,通过统一认证系统登录进本系统显然是无法实现的,因此,以上人员需要由教务处为其指定相应的临时通行证号码及其密码,并通过新教务系统内的教务管理系统的教务系统入口三和入口四登录进系统,经过改版后的新教务网站将承担这一功能,因此,不再对这一页面进行详细设计

系统首页设计 学科竞赛管理系统的首页,采用了简单明快的设计风格,背景图片采用了嫦娥三号探测器携玉兔号月球车成功软着陆月面的图片,具有极强的时效性和鲜明的北航特色。首页正中书写“北京航空航天大学教务处学生竞赛管理系统”字样,下面分别写出了功能1和功能2的文字内容,即“学科竞赛管理设置、准考证打印、成绩登入及公布”和“竞赛学生获奖和教师指导竞赛情况录入和查询”,并分别链接到相关页面。

用户界面设计实验-系统界面设计实例

用户界面设计实例 设计的系统名称:个人日常事务管理系统 针对用户群是:广大电脑用户(有一定的电脑操作基础),officer 和广大学生。 一、系统需求分析(The system requirement ) 针对officer 和学生们的需求分析,从我自身分析:对于我日常的安排我平时会用专门的记事本记录和更改,对于日常各种事务可能会冲突或不变携带,现在针对这些需求,设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。此系统是要面向个人的,同企业系统相比,此软件要力求操作简单,效率要高效,由于针对的人群是officer 和大学生,这些人都是年轻的一代人,对计算机和系统都比较了解,而且倾向于华丽的界面,但是该系统同时要解决高效,较少的操作较快地达到用户的需求。由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况,同时,有些情况下可能无法连接网络,此系统应支持 1.、本机数据保存。2、可以上传到服务器数据库,用户注册可获得免费的空间,用户注册后,只要登录就能在随时随地获得自己的日程安排等信息。 二、系统功能定义(The function definitions ) 个人日程管理系统主要是提供个人时间日程安排系统软件,它具有相当方便的操作接口,让用户能够对所安排的行程一目了然,除去主要功能还附带了更多功能和小工具,安排的行程可以生成通行路线,并会根据天气预报提醒当天安排是否影响。而且用户可以注册,注册后用户有更多的服务,安排的日程数据可以保存到本地同时可以更新到服务器,这样用户就算到外地也可以随时查看自己的日程安排,同时其他功能有:时钟提醒、通讯录、效率评估等。 实现功能(主界面导航): 个人日常事 务管理系统 用户注册登录 主要功能实现 软件设置、帮助 用户登录界面 主界面(导航) 用户注册登录 子界面(功能)

学生成绩管理系统登录界面设计

计算机应用系统与开发 实 训 报 告 实训地点:实训楼四楼 班级:网络0912

姓名:孙德灵 学号:0900002236 指导教师:李伟老师 9 / 1 一、实训题目 学生成绩管理系统登录界面设计。 二、学习任务与目的 1、了解相关控件的创建与设置。 2、了解https://www.360docs.net/doc/a88343497.html,的相关知识,逐步掌握https://www.360docs.net/doc/a88343497.html,中数据库开发的基本步骤。 3、学习使用Connection对象用于连接SQL Server或Access数据库的连接,了解其相关的属性和方法。对比连接两种数据库的异同。 4、学习使用Command对象访问数据进行对数据的访问、修改、运行存储过程以及发送或检索参数值的命令、 5、以及用于Datasset和数据源之间进行桥接、进行保存数据和检索数据的DataAdapter和Dataset对像的使用。 6、了解DataReader对象:可从数据源提供高性能的数据流,其从数

据源中获得只读和只进数据,在任何时候只在内存中保存一行数据,减少了内存开销,提高了性能。 三、任务实施 1、对于要设计的界面进行分析: 设计界面首先要对用户输入的数据进行初步验证,判断输入数据9 / 2 是否有效,如果无效返回从新输入,跳出“输入数据有误”的提示。看输入的数据是否与数据库如果有效则进行下步验证,调用数据库,中某个相符,否则返回从新输入,有则跳出“登录成功”的提示。、具体是实施步骤2,在【文件】菜单visual studio2005)、新建解决方案,启动1(命令,在弹出的【新建项目】对话框中选择项目]][下,选择[新建应用程序】选项。并在对话框中输入名称及保存路径,具【windows新建解决方案。体见图1- 新建解决方案图1-1、创建等录界面的设计,其相关的控键属性如表

毕业论文__设计用户登录界面

毕业论文设计用户注册页面 在之前的章节中,已经介绍了用户登录界面的设计,事实上在用户登录网站之前,往往还需要访问用户注册的页面,注册为网站的会员。使用Dreamweaver的文本区域表单组件和菜单/列表表单组件,以及之前介绍的文本字段组件和按钮组件,可以方便地制作各种用户注册的页面,如图6-36所示。 图6-36 用户注册页面 1 设计思路 用户注册页面也是互联网中最常见的用户交互页面类型。其与用户登录网站类似,都是提供一些表单供用户填写,通过网页获取用户填入的信息,再把用户信息写入到网站的数据库中。用户注册往往是网站用户系统中与用户交互的第一步。具有十分重要的作用。 1.用户注册页面分析 在设计用户注册页面时,首先需要设计具体的注册填写项目,包括各种必填项目、选填项目等。设计项目时不能盲目的设计,而应参考以下一些规范。 设计项目应目的明确 设计注册填写项目时,应该有明确的目的。每一个需要用户填写的内容,都应该是网站经

营者需要获得的信息,而不是无聊的玩笑。一些小网站往往要求用户填写数页的注册信息内容,将其保存起来,却从来不对这些信息进行分析和总结,这样的注册没有任何意义,反而延长了用户在注册网站时花费的时间,给用户造成很坏的印象。 为什么需要用户注册?通常互联网中各种经营性的网站获得用户信息有许多种,例如,获得用户的联系方式(电话号码,手机号码,电子邮件,通信地址等)、喜好和习惯(生活规律,业余爱好,擅长领域,工作习惯等)、个人信息(教育程度,社会阶层,职业年龄,性别经历等)、真实身份(身份证号,学生证号,工号帐号,其他身份等)。获取的这些信息都应该与网站的经营目的有关,如图6-37所示。 图6-37 网站注册项目的作用 在设计网站注册的填写项目时,应量体裁衣,根据网站用户的性质归化注册项目,尽量避免无意义的注册项目,防止这些既浪费用户时间,又占用数据库的空间的项目产生,降低网站系统的运营效率。 ●设计项目应精简易填 网站的注册项目还应该通俗易懂。网站所需要面对的并不只是局限于专业用户。过于艰深的词汇可能造成用户误解,以致注册无法进行。因此,能使用中文时尽量使用中文,能使用简单的词汇,尽量少使用术语。 例如,大多数网民都了解Email代表电子邮件,因此在要求用户填写电子邮件时,可使用Email,也可使用“电子邮件地址”等。然而,对于一些英语不是很熟悉的用户而言,很少有人知道“Zip code”的含义,因此应以“邮政编码”作为代替。 由于国内大多数用户使用的是汉字而非26个拉丁字母,因此在填写各种问题和答案时,需要比欧美人多开启一次输入法。因此如果不是十分必要,在注册时尽量少使用直接的问题,而应提供尽量详细的选项供用户选择,使用户免于输入的麻烦。 在国内很多中年网民的打字速度很慢,甚至完全不会打字。因此,大量需要用户输入的注册选项 无疑会给这些用户造成很大的困难。而网站界面设计中,应尽量避免这种情况的发生。 ●注册项目应有详细注释 即使已经使用非常简单的语言编写了设计的项目,仍然应该为用户提供详细的注释内容,帮助用理解项目的含义,以及填写项目时所采用的格式等。 例如,在用户名的注册项目中,应清晰地描述用户名可使用的字符,包括是否允许使用中

登录界面设计及代码设计

登录界面: using System; using System.Collections.Generic; using https://www.360docs.net/doc/a88343497.html,ponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Data.SqlClient; namespace _123 { public partial class login : Form { public login() {

InitializeComponent(); } private void quxaio_Click(object sender, EventArgs e) { MessageBox.Show("确定退出吗?"); this.Close(); } private void denglu_Click(object sender, EventArgs e) { if (this.zhanghao.Text.Trim() == ""|this.mima.Text.Trim()=="") { if(this.zhanghao.Text.Trim()=="") { MessageBox.Show("帐号不能为空!请从洙新输入!"); } else if (this.mima.Text.Trim() == "") { MessageBox.Show("密码不能为空!请从新输入!"); } } else { string ConnStr = @"server=.;database=user_db;uid=sa;pwd=zhangrui;"; SqlConnection conn = new SqlConnection(ConnStr); conn.Open();

用户界面设计

用户界面设计 简介 在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。 用户界面是人与机之间交流、沟通的层面。从深度上分为两个层次:感觉的和情感的。感觉层次指人和机器之间的视觉、触觉、听觉层面;情感层次指人和机器之间由于沟通所达成的融洽关系。总之用户界面设计是以人为中心,使产品达到简单使用和愉悦使用的设计。 界面设计从流程上分为结构设计、交互设计和视觉设计三部分。 随着产品屏幕操作的不断普及,用户界面已经融入我们的日常生活。一个良好设计的用户界面,可以大大提高工作效率,使用户从中获得乐趣,减少由于界面问题而造成用户的咨询与投诉,减轻客户服务的压力,减少售后服务的成本。因此,用户界面设计对于任何产品/服务都极其重要。 在国外,用户界面设计人员有了一个新的称谓:Information Architecture,信息建筑师。它不仅仅是指美工,而是具有心理学、软件工程学、设计学等综合知识的人 用户界面设计工作流程 用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。 ·结构设计Structure Design 结构设计也成概念设计(Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。 ·交互设计Interactive Design 交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下: 1)有清楚的错误提示。误操作后,系统提供有针对性的提示。 2) 让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。 3) 允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。 4) 允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够

QQ登录界面设计C#

第2章设计QQ用户登录界面 通过对本章的学习,在学会设计QQ登录界面的同时,还能了解设计用户界面的一些相关知识,如V isual C# 2008工具箱、属性窗口的使用,以及使用【格式】菜单的菜单命令来美化用户界面等。 2.1 用户界面设计 用户界面设计是Visual C# 2008程序设计中非常重要的工作,本节首先介绍了用户界面的概述和类型,然后再介绍设计用户界面的一些基本原则,读者在设计用户界面时,应当遵循这些基本原则。 2.1.1 用户界面概述 用户界面是应用程序的重要组成部分,设计用户界面时,有许多问题需要考虑:例如一共需要使用多少个窗体、要不要使用菜单、要不要创建工具栏、采用什么样的方式来与用户交换信息、应当给用户提供哪些帮助等。 由此可见,在设计用户界面之前,应当了解该应用程序的用途及用户的计算机水平层次,据此设计出合理、美观的用户界面,用户界面决定了应用程序的易用性,从而决定了应用程序的整体质量。 2.1.2 用户界面的类型 基于Windows应用程序的用户界面主要有两种类型:第一种是单文档界面(SDI),第二种是多文档界面(MDI)。Microsoft Windows操作系统中自带的写字板程序就是一个单文档界面应用程序的例子,它只能处理一个文档,如需要处理另一个文档,则必须关闭前一个文档,写字板程序如图2-1所示。

图2-1 写字板——单文档界面应用程序 多文档界面应用程序有很多,如Microsoft Excel,它允许同时处理多个文档,如图2-2所示,可以通过窗口菜单来切换当前窗口中的活动文档。 图2-2 Microsoft Excel——多文档界面应用程序 除了SDI界面和MDI界面,比较常见的还有对话框型界面和类似于“Windows资源管理器”的界面。对话框型界面如Windows中的计算器;类似于“Windows资源管理器”的界面由两部分组成,左边是层次视图区,右边是内容显示区,这种界面便于浏览大量的文档、图片和目录等。

登录注册页面设计

登录注册页面设计 一、表结构 二、页面设计 页面设计主要是采用css与javascript代码去美化与验证jsp页面和jsp页面上的操作。 登录页面

注册页面 修改信息页面 三、代码设计 本项目主要是实现了用户登录与注册这两个功能,是结合struts2+hibernate框架整合开发的,DAO作为实现了数据访问操作的所有细节的处理层。开发过程中,Struts2与hibernate主要是靠MyEclipse自动生成:struts2生成MVC模型的控制层的配置,hibernate生成MVC模型的持久层的类对象(PO);数据传值过程中,我主要是设计struts的action类与struts配置,还有DAO模式的设计,JS与css。 DAO设计: IUserDAO类是其DAO层里的CRUD 操作基础接口类,HibernateDAO类是那些持久化操作封

装一起的基础工具类,HibernateUtil类是责处理事务、会话或连接等等事务界定操作。UserDAOFactory类是生成DAO的工厂。 持久层接口 DAO工厂类 说明: UserDAOFacory是供外界进行CRUD 操作的一个接口,是通过声明UserDAO接口,实例化IUserDAO实现类,得到CRUD操作的实例。 HibernateUtil是个静态类型的工具类,主要是处理事务的界定,session,Configuration,Trasaction等等事务方面由此类负责。 HibernateDAO实现了IPersisitentDAO接口,在IUserDAO实现类里通过接口实例化具体类,将HibernateDAO组合在UserDAOimpl类里面。那些持久化操作封装到HibernateDAO 这个基础类里,通过这个基础类,DAO的实现类可以在很大程度上简化持久化操作的步骤,减少代码的重复量 Struts设计: 在struts.xml文档里共设置了三个action:login.action是用来登录的,register.action是用来

相关文档
最新文档