掌上英语四级appui交互设计毕业设计说明书
目 录
一 、引言 1
（一）课题背景 1
（二）课程意义 1
（三）设计目标 1
二、设计工具 1
（一）Photoshop图形处理软件 1
（二）Eclipse集成开发环境 1
（三）Adt插件 1
三、需求分析 1
四、总体设计 2
（一）基本设计和处理流程 2
（二）基本界面定位设计 3
五、系统的设计与实现 4
（一）欢迎页设计 4
（二）注册页设计 5
（三）登录页设计 6
（四）记单词页设计 9
（五）翻译页设计 11
（六）设置页设计 13
六．总结 15
致谢 16
参考文献 17
一 、引言
（一）课题背景
国际化时代，英语已经成为不可或缺的一种语言，在工作和学习中难免会用到英语。开发掌上英语四级App，其目的是为了帮助更多的人了解和掌握英语这门语言，更好的适应国际化的社会。
（二）课程意义
掌上英语四级App 可以有效的解决了大多数同学对于英语四级的听力和单词难题，通过有针对性的练习，提高了同学四级通关的概率。对于大多数专、本科同学过四级提出了有效的方案，让同学们既学的开心，也能学到东西。
（三）设计目标
掌上英语四级App可以使学习者有效利用碎片时间，改善和优化英语的学习方法。通过小游戏环节，用户可以有一个更加愉悦的学习环境，同时让用户有一种全新，舒适的使用体验。
二、设计工具
（一）Photoshop图形处理软件
Photoshop软件主要是对图形、图像、文字、视频等进行图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理。本课题使用Photoshop软件对掌上英语四级APP的Logo图标和UI界面进行颜色的搭配和布局设计。
（二）Eclipse集成开发环境
Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。它的最大特点是能接受
*好棒文|www.hbsrm.com +Q: ^351916072*
br /> Photoshop软件主要是对图形、图像、文字、视频等进行图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理。本课题使用Photoshop软件对掌上英语四级APP的Logo图标和UI界面进行颜色的搭配和布局设计。
（二）Eclipse集成开发环境
Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。它的最大特点是能接受由Java开发者自己编写的开放源代码插件。掌上英语App在训练平台UI设计方面主要使用Eclipse对UI界面布局的设计和界面的跳转。使用Eclipse的XML布局对安卓页面进行布局、设计与优化，通过XML的编写可以让用户有一种使用体验。根据插件Adt、组件Jdk构建开发环境，可以在Eclipse上对APP实现界面的布局，以及对用户交互反馈进行优化、解读与翻译，使其自带的动画效果进行整体视觉效果优化。
（三）Adt插件
Adt是Eclipse中构建Android应用程序IDE插件，Adt扩展了Eclipse的功能，可以建立新的Android项目、创建应用程序的用户界面。掌上英语四级App使用了Adt的界面视图，来设计其注册、登录、记单词、翻译、设置等界面。
三、需求分析
系统主要模块有登录、新用户注册、记单词、翻译、设置，系统框架如图3-1所示。
◆登录：页面正中显示，用户名以及密码，左下角为密码找回，右下角为用户注册。
◆新用户注册：填写用户名，密码，年龄，性别，邮箱，进行对掌上英语的注册。
◆记单词：单击学习新单词，进入搜索单词界面，输入单词，进行单词查询。
◆翻译：输入需要查询的单词或者句子，可对当前句子或者单词进行翻译。
◆设置：对App账户、使用记录、wifi和安全等的设置。
图3-1需求分析
四、总体设计
（一）基本设计和处理流程
图4-1系统处理流程图
（二）基本界面定位设计
1、欢迎界面
欢迎界面：通过用户注册页面，来进行用户登录。登录成功后进入记单词主页面，通过侧滑，左侧为翻译页面，右侧为设置页面。翻译页面又分为在线翻译和语音读取。记单词界面点击GO学习新单词进入搜索新单词界面。
2、注册界面
注册界面：通过新用户注册页面注册的用户名和密码，然后跳转回登录界面，在请输入文本框中填入注册的用户名，在请输入密码文本框中填入注册的密码，然后点击登录，如果登录成功，会跳转到记单词界面；同时如果登录不成功，会出现提示信息用户名或者密码错误，请重新登录或者注册。
3、登录界面
登录界面，点击进入掌上英语App，会进入到登录界面，然后再右下角找到新用户注册按钮，点击进入新用户注册界面。然后会从上到下，会呈现出来用户名，密码，年龄，性别，邮箱文本框以及单选框。依次输入你想要注册的用户名，年龄只可以输入数字。并且其他文本框内不许为空。
4、记单词界面
记单词界面：当你登录成功之后进入记单词界面，然后从上到下，从左到右依次是学习进度，荣誉级别，学习目标以及GO学习新单词，左下角为离线下载，右下角为连连看小游戏。荣誉级别分为青铜、白银、黄金，白金，钻石，大师和最强王者阶段。然后想要学习新单词，点击GO学习新单词，进行更加深入的学习。点击GO学习新单词，进入搜索单词界面，分为输入想要搜索的单词以及查询按钮，查询结果就在下方文本框，并且采用冒泡查询法，更快捷，更方便用户的查询。查询结果显示所要查询的单词的词性和词义。
5、翻译界面
翻译界面：登录成功向左滑动即为翻译单词界面。此界面分上方为输入英文字符，中间为语音读取字符以及翻译按钮。下方为翻译之后的文本框。在上方输入你想要翻译的英文字符，然后点击喇叭按钮，此App就会语音识别该英文字符，并且点击右侧翻译按钮，通过Internet权限来来进行对所要翻译的英文字符进行翻译，翻译完成后，会在下方文本框内呈现翻译后的中文。
6、设置界面
设置界面：登录成功之后向右滑动即为App设置界面。此界面从上到下分为设置界面分为账号管理、四级达人、司机记录、Wifi和安全监测，这些按钮右面分别配对他的图标。账号管理用于对用户账号的切换，可以同时拥有多个账号切换；四级达人主要用来实现对该App的应用；四级记录用来对你学习记录的保存；Wifi用来对周围免费Wifi的链接；安全监测用来对该App环境的监测。
五、系统的设计与实现
（一）欢迎页设计
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1523.html
一 、引言 1
（一）课题背景 1
（二）课程意义 1
（三）设计目标 1
二、设计工具 1
（一）Photoshop图形处理软件 1
（二）Eclipse集成开发环境 1
（三）Adt插件 1
三、需求分析 1
四、总体设计 2
（一）基本设计和处理流程 2
（二）基本界面定位设计 3
五、系统的设计与实现 4
（一）欢迎页设计 4
（二）注册页设计 5
（三）登录页设计 6
（四）记单词页设计 9
（五）翻译页设计 11
（六）设置页设计 13
六．总结 15
致谢 16
参考文献 17
一 、引言
（一）课题背景
国际化时代，英语已经成为不可或缺的一种语言，在工作和学习中难免会用到英语。开发掌上英语四级App，其目的是为了帮助更多的人了解和掌握英语这门语言，更好的适应国际化的社会。
（二）课程意义
掌上英语四级App 可以有效的解决了大多数同学对于英语四级的听力和单词难题，通过有针对性的练习，提高了同学四级通关的概率。对于大多数专、本科同学过四级提出了有效的方案，让同学们既学的开心，也能学到东西。
（三）设计目标
掌上英语四级App可以使学习者有效利用碎片时间，改善和优化英语的学习方法。通过小游戏环节，用户可以有一个更加愉悦的学习环境，同时让用户有一种全新，舒适的使用体验。
二、设计工具
（一）Photoshop图形处理软件
Photoshop软件主要是对图形、图像、文字、视频等进行图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理。本课题使用Photoshop软件对掌上英语四级APP的Logo图标和UI界面进行颜色的搭配和布局设计。
（二）Eclipse集成开发环境
Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。它的最大特点是能接受
*好棒文|www.hbsrm.com +Q: ^351916072*
br /> Photoshop软件主要是对图形、图像、文字、视频等进行图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理。本课题使用Photoshop软件对掌上英语四级APP的Logo图标和UI界面进行颜色的搭配和布局设计。
（二）Eclipse集成开发环境
Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。它的最大特点是能接受由Java开发者自己编写的开放源代码插件。掌上英语App在训练平台UI设计方面主要使用Eclipse对UI界面布局的设计和界面的跳转。使用Eclipse的XML布局对安卓页面进行布局、设计与优化，通过XML的编写可以让用户有一种使用体验。根据插件Adt、组件Jdk构建开发环境，可以在Eclipse上对APP实现界面的布局，以及对用户交互反馈进行优化、解读与翻译，使其自带的动画效果进行整体视觉效果优化。
（三）Adt插件
Adt是Eclipse中构建Android应用程序IDE插件，Adt扩展了Eclipse的功能，可以建立新的Android项目、创建应用程序的用户界面。掌上英语四级App使用了Adt的界面视图，来设计其注册、登录、记单词、翻译、设置等界面。
三、需求分析
系统主要模块有登录、新用户注册、记单词、翻译、设置，系统框架如图3-1所示。
◆登录：页面正中显示，用户名以及密码，左下角为密码找回，右下角为用户注册。
◆新用户注册：填写用户名，密码，年龄，性别，邮箱，进行对掌上英语的注册。
◆记单词：单击学习新单词，进入搜索单词界面，输入单词，进行单词查询。
◆翻译：输入需要查询的单词或者句子，可对当前句子或者单词进行翻译。
◆设置：对App账户、使用记录、wifi和安全等的设置。
图3-1需求分析
四、总体设计
（一）基本设计和处理流程
图4-1系统处理流程图
（二）基本界面定位设计
1、欢迎界面
欢迎界面：通过用户注册页面，来进行用户登录。登录成功后进入记单词主页面，通过侧滑，左侧为翻译页面，右侧为设置页面。翻译页面又分为在线翻译和语音读取。记单词界面点击GO学习新单词进入搜索新单词界面。
2、注册界面
注册界面：通过新用户注册页面注册的用户名和密码，然后跳转回登录界面，在请输入文本框中填入注册的用户名，在请输入密码文本框中填入注册的密码，然后点击登录，如果登录成功，会跳转到记单词界面；同时如果登录不成功，会出现提示信息用户名或者密码错误，请重新登录或者注册。
3、登录界面
登录界面，点击进入掌上英语App，会进入到登录界面，然后再右下角找到新用户注册按钮，点击进入新用户注册界面。然后会从上到下，会呈现出来用户名，密码，年龄，性别，邮箱文本框以及单选框。依次输入你想要注册的用户名，年龄只可以输入数字。并且其他文本框内不许为空。
4、记单词界面
记单词界面：当你登录成功之后进入记单词界面，然后从上到下，从左到右依次是学习进度，荣誉级别，学习目标以及GO学习新单词，左下角为离线下载，右下角为连连看小游戏。荣誉级别分为青铜、白银、黄金，白金，钻石，大师和最强王者阶段。然后想要学习新单词，点击GO学习新单词，进行更加深入的学习。点击GO学习新单词，进入搜索单词界面，分为输入想要搜索的单词以及查询按钮，查询结果就在下方文本框，并且采用冒泡查询法，更快捷，更方便用户的查询。查询结果显示所要查询的单词的词性和词义。
5、翻译界面
翻译界面：登录成功向左滑动即为翻译单词界面。此界面分上方为输入英文字符，中间为语音读取字符以及翻译按钮。下方为翻译之后的文本框。在上方输入你想要翻译的英文字符，然后点击喇叭按钮，此App就会语音识别该英文字符，并且点击右侧翻译按钮，通过Internet权限来来进行对所要翻译的英文字符进行翻译，翻译完成后，会在下方文本框内呈现翻译后的中文。
6、设置界面
设置界面：登录成功之后向右滑动即为App设置界面。此界面从上到下分为设置界面分为账号管理、四级达人、司机记录、Wifi和安全监测，这些按钮右面分别配对他的图标。账号管理用于对用户账号的切换，可以同时拥有多个账号切换；四级达人主要用来实现对该App的应用；四级记录用来对你学习记录的保存；Wifi用来对周围免费Wifi的链接；安全监测用来对该App环境的监测。
五、系统的设计与实现
（一）欢迎页设计
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1523.html
