课题：登录界面窗体设计
一、教材分析
《C#程序设计基础教程》第六章的form2登录界面窗体设计里，介绍了登录界面的制作过程。本课强调学生对于C#语言的理解能力以及窗体设计的实际操作能力。按照新课改的教学理念，要注意培养学生的信息素养，培养学生不断探索新知识的能力，所以本课重在培养学生通过已有知识的掌握，自己主动去解决新的问题，只有具备这种能力，才能不断的去探究去创新。在内容上，本课是把前面学习C#程序设计语言实际运用到窗体的触发事件的代码设计中，是对前面所学语言的灵活运用，是前面知识的拓展和延伸；同时对于窗体的各个控件的学习，也为下面更复杂的窗体设计作了一个很好的铺垫，起到承上启下的作用。
二、学情分析
本课的授课对象是五年制大专电子商务专业四年级的学生，他们已经具备了一定的信息素养和动手能力，本学期学生同时还上了另外一门网页制作的课程，网页制作里涉及到一些控件的使用跟本课知识点有些类似，所以学生已经掌握了一些控件的使用方法以及属性的设置方法，对于窗体的简单设计已经有一定基础。但是作为非计算机专业学生，对于控件的触发事件的代码编写还是有不少困难的，所以本课降低难度，学生只要理解相关代码，并进行运用即可，不要求学生一定要自己编写代码，学有余力的同学可以尝试独立编写代码，所以可以进行分层教学，体现了新课标里的让所有的学生都参与到学习中来！
三、教学目标
1、知识与技能
a.掌握Form窗体、Button按钮、Text文本框和Label标签的创建和设置方法以及它
们相关属性的设置方法。
b.掌握Button按钮的Click单击事件的触发方式，并能够理解相关触发事件的代码设
计。
c.初步掌握利用各类窗控件制作出简单的窗体设计作品。
2、过程与方法
a.通过教师的知识点讲解以及学生的自主探究和合作学习，使学生掌握新的知识点。
b.通过学生亲手动手实践，自主探索，使学生基本掌握简单窗体设计的方法。
c.采用任务驱动、自主学习、探究学习、合作学习等教学方法，让学生观察、思考、
交流，培养学生自主学习、合作探究的能力。
3、情感态度与价值观
a.通过自主学习使学生体验程序设计语言以及软件的一般方法及规律，提高学生自主
学习的能力。
b.通过登录界面窗体的制作，激发学生对于本门课的兴趣。让学生体验到通过自身努
力完成一个完整作品的成功感。
4、行为与创新
通过本课程的学习让学生把窗体的设计以及程序编写的思想应用于生活和学习中，解
决生活中遇到的软件使用问题，学有余力的同学还可以自己编写小程序解决生活实
际问题！
四、教学重点和难点：
1、重点：窗体和控件的创建以及属性的设置、触发事件的代码设计
2、难点：触发事件的代码设计
五、教学方法：
1、教法：
本课遵循以教师为主导，学生为主体，训练为主线的教学原则。针对本课的教学目标和学生情况，我选用情景启发、演示法、任务驱动法、自动探究学习等教学方法，以任务驱动为主，把自主探究学习的思想渗透到整个教学过程中。
2、学法：
本节课以实践为主，把引导学生操作作为教学主线，所以要鼓励大家相互交流学习，发挥学生的主体功能，激发他们积极参与学习的主动性，能够自主探究的去学习，并且能有所创新。
六、教学组织：
1、教学安排：1课时新授课
2、教学组织：学生的自主合作学习为主，教师示范、指导相结合
七、教学环境：
硬件环境：多媒体机房
软件环境：WINDOWS 7、Visual Studio2010学习版八、教学过程：
2、通过对登录界面的分析，让学生了解登录
界面的三类控件标签Label、按钮Buttton、
文本框TextBox。教师布置任务一：
新建一个Winform应用程序
在窗体中添加两个Label标签控件
在窗体中添加两个TextBox文
本框控件
在窗体中添加两个Button按钮
控件
更改两个标签的Text属性分别为：
用户名和密码
更改两个按钮的Text属性分别为：
登录和重置
调整各控件位置
思考并解决：如何把第二个文本框
中输入的字符改成以*代替
要求学生运用已有知识通过互相讨论以及教师发放的操作视频完成任务一。
老师展示学生作品并点评和总结任务一完成情况。
3、帮助学生回忆之前学习过的选择结构语句，并对相关触发事件的代码进行分析。
布置任务二：
设计登录按钮的单击click事件的代码，要求可以产生三种不同的效果：一、什么都不输入，弹出消息框显示“用户名和密码不能为空”
二、用户名和密码输入错误，弹出消息框“用户名或密码有错！”
三、用户名和密码输入正确，弹出消息框“登录成功! ”
思考并解决：
设计重置按钮的单击click事件的代码，要求点击重置按钮两个文本框里输入的内容全部
清除掉，变为空
要求学生在相互讨论以及参见操作视频的基础上完成任务二。
教师展示学生完成作品并点评和总结任务二完成情况。
4、布置任务三，
美化登录框：
更改窗体的Text属性
给窗体添加一个图标
选择合适的图片给窗体
的背景填充
把标签Label的背景色设置为无
选择合适的图片给两个按钮Button
填充
教师布置任务三，让学生参照视频自主完成，教师展示学生作品并加以点评和总结
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）景点信息管理：景点信息包括景点的名称，代号，概况等。
工程学院 课程设计说明书 课程名称: 计算机应用基础课程设计 课程代码: 题目: 用户登录界面程序设计 年级/专业/班: 学生姓名: 学号: 开始时间: 2011 年 4 月25 日 完成时间: 2011 年 5 月 8 日 课程设计成绩： 指导教师签名：年月日 目录 摘要 (2) 1 引言 (3)
2 设计方案 (4) 2.1程序功能设计 (4) 2.1.1系功能描述 (5) 2.1.2系结构分析 (5) 2.1.3系统流程分析 (5) 2.2程序界面和代码设计 (7) 2.2.1系统工程设计框架 (7) 2.2.2系统各界面设计及代码设计 (7) 3 结果分析 (11) 结论 (14) 致谢 (15) 参考文献 (16)
摘要 随着计算机的普及，计算机高级语言已经运用到生活中的各个方面，本次课程设计使用VB语言作为开发工具，进行了用户登录系统的程序设计，该程序能实现用户登录系统的模拟功能，进行用户的登录，提醒，注册，退出等操作，这些操作都能模拟实际生活中的登录情况，最后分析所开发软件系统的优点和不足。该运行界面清晰实用，操作方便。 关键词：用户登录模拟操作界面
1 引言 随着科学技术的发展，计算机已经应用到生活、工作的各个方面。VB一种可视化的、面向对象和采用事件驱动方式的高级程序设计语言，可用于开发Windows环境下的各类应用程序。本次课程设计主要内容就是使用VB编制简单、实用的小程序，以巩固我们所学的计算机VB语言知识，提高分析问题和解决问题的能力，锻炼我们独立动手的能力以及综合创新能力。 1.1 选题背景 通过一个学期对Visual Basic 高级语言程序设计的学习，我已经掌握了一些常用的控件的使用方法，对简单的程序设计的常用算法也有了一定的了解，还掌握了对文件输入与输出的一些基本操作。为了进一步加深理解、验证、巩固课堂教学内容，加深对可视化编程思想的理解，强化Visual Basic对程序流程控制、常用控件的属性、事件、方法的理解和使用；为了进一步提高编程能力、程序的调试能力，理论联系实际的能力；巩固所学的这些程序设计的方法，为了达到后续课程对实际编程计算能力的要求，特选定“用户登录界面程序设计”题目作为课程设计实践教学环节的题目，有助于培养综合运用所学知识解决实际问题的能力，可以充分发挥想象力和创新能力；有助于提高独立思考能力，自学能力 1.2任务与分析 任务：设计一用户的登录窗口界面，实现模拟用户登录系统时的各种情况 具体要求：遵循面向对象和结构化程序设计的编程思路，设计合理的界面，设置所需控件及其属性，编写相应的事件过程，并上机调试程序，在基本要求达到后，进行一定创新设计 预期功能：实现用户成功登录系统，当用户明不正确或者密码错误时，提醒用户重新输入或者注册，当三次登录失败时，强制性退出操作界面。 涉及的VB知识点：界面设计，command控件、text控件及其属性，随机的读出于追加。
用户界面设计说明 书
[键入公司名称] [键入文档标题] [键入文档副标题] [键入作者姓名] 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 -
用户界面设计实例 ● 设计的系统名称：个人日常事务管理系统 ● 针对用户群是：广大电脑用户（有一定的电脑操作基础），officer 和广大学 生。 一、系统需求分析（The system requirement ） 针对officer 和学生们的需求分析，从我自身分析：对于我日常的安排我平 时会用专门的记事本记录和更改，对于日常各种事务可能会冲突或不变携带，现在针对这些需求，设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。此系统是要面向个人的，同企业系统相比，此软件要力求操作简单，效率要高效，由于针对的人群是officer 和大学生，这些人都是年轻的一代人，对计算机和系统都比较了解，而且倾向于华丽的界面，但是该系统同时要解决高效，较少的操作较快地达到用户的需求。由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况，同时，有些情况下可能无法连接网络，此系统应支持 1.、本机数据保存。2、可以上传到服务器数据库，用户注册可获得免费的空间，用户注册后，只要登录就能在随时随地获得自己的日程安排等信息。 二、系统功能定义（The function definitions ） 个人日程管理系统主要是提供个人时间日程安排系统软件，它具有相当方便的操作接口，让用户能够对所安排的行程一目了然，除去主要功能还附带了更多功能和小工具，安排的行程可以生成通行路线，并会根据天气预报提醒当天安排是否影响。而且用户可以注册，注册后用户有更多的服务，安排的日程数据可以保存到本地同时可以更新到服务器，这样用户就算到外地也可以随时查看自己的日程安排，同时其他功能有：时钟提醒、通讯录、效率评估等。 实现功能（主界面导航）： 个人日常事 务管理系统
B/S系统界面设计与开发详解 早在中国IT业方兴未艾之时，计算机应用系统主要以功能实现为主，几乎没有界面设计这个概念。时至今日，随着计算机和网络的不断普及，社会信息化程度日益加深，用户和市场的不断成熟，人们已经不仅仅满足于“够用”，而是更加强调“好用”“易用”；因此，不论是普通最终用户的个人软件，还是企业应用的大型系统，界面设计在系统构建中都成为了一个非常重要的方面。 但是，（至少在中国）由于IT业发展滞后、市场还不够成熟等原因，在绝大多数企业中，界面设计在软件系统开发中还没有获得与之重要性相匹配的一席之地，并且在企业运作和协调中也没有形成成熟的模式和解决方案，如何做好界面设计和开发，仍然是大家不断研究探讨的一个问题。 这篇文章，主要内容是我参加一个面向质检行业的Web系统界面设计和开发工作的过程，包括其间的一些构思和想法；其目的就是希望能和大家一起探讨一下这个问题，希望能供大家参考，起到抛砖引玉的作用。 另外，我同时承担了系统开发和界面设计工作，所以，虽然这是一篇讨论界面设计的文章，我也尽量把文章限制在界面设计范围内，但也有可能包含一些开发和系统设计的内容，请大家辨析清楚，欢迎指正。1.工作流程 下图，是整个开发过程中与界面设计相关的主要流程工作。
从最初需求分析开始，我就加入项目，自始自终参加整个开发过程。 在需求分析阶段，参与了对客户的访问和调研； 在概要设计阶段，参与了部分系统设计分析工作； 在详细设计阶段，完成了整个系统界面设计和Demo制作，并提交用户反馈； 在代码开发阶段，参与了系统表现层的设计开发。 2.需求分析 在需求分析阶段，主要针对界面交互相关问题，对用户进行若干调研。 主要包括以下内容 ·受众用户群调查 ·系统使用环境调查 ·受众用户使用习惯调查 ·用户对旧版本软件使用情况调查 这一阶段，由于成本原因，我并没有直接访问客户进行调查。工作主要是提出某些具体问题，由需求调研人员，以问卷或口头问答方式，对客户进行调研。另外，公司经验丰富的客服人员和市场人员，也是非常重要的需求来源之一。 本系统的客户群主要为国家省市下属质检单位，最终受众年龄从年轻到较高龄都有。对于普通国家机关人员，一般对计算机系统和网络不够熟悉，计算机环境一般，甚至比较差，少有配置优良的环境。在这种环境下，用户对计算机使用一般没有使用倾向，大多更适应手工操作。对本系统的前代使用，最主要意见是使用困难，不方便。 还有其他具体调查反馈，如用户基本不使用鼠标右键，年龄较大的用户难以看清密集的较小文字等等。 3.界面设计原则 在概要设计阶段，根据需求阶段的调研结果，我整理了系统界面设计的基本原则。因为在代码开发阶段，很多时候界面的具体制作是由开发人员直接写代码，因此必须确定一定的原则和规范，以保证系统界面的统一。 一般适用原则 ·简单明了原则：用户的操作要尽可能以最直接最形象最易于理解的方式呈现在用户面前。对*作接口，直接点击高于右键*作，文字表示高于图标示意，尽可能的符合用户对类似系统的识别习惯。 ·方便使用原则：符合用户习惯为方便使用的第一原则。其它还包括，实现目标功能的最少*作数原则，鼠标最短距离移动原则等。 ·用户导向原则：为了方便用户尽快熟悉系统，简化操作，应该尽可能的提供向导性质的*作流程。 ·实时帮助原则：用户需要能随时响应问题的用户帮助。 ·提供高级自定义功能：为熟悉计算机及软件系统的高级用户设置自定义功能，可以对已经确定的常规操作以及系统的方方面面进行符合自身习惯的自定义设置。包括常规操作、界面排版、界面样式等种种自定义。
经典登录界面制作 声明本登录使用jsp编写，可在MyEclipse8.5等软件中执行 1.登录界面图： 2.登录代码 Login.jsp <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@ taglib prefix="fmt" uri="https://www.doczj.com/doc/f19093534.html,/jsp/jstl/fmt" %> <%@ taglib prefix="c" uri="https://www.doczj.com/doc/f19093534.html,/jsp/jstl/core" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>