个人健身网站用户界面设计报告3

《个人健身网站用户界面设计报告3》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、个人健身网站用户界面设计报告文件状态：文件标识：个人健身网站[V]草稿当前版本：1.011正式发布作者：李尚隆[]正在修改完成日期：2014-10-22目录目录21.界面的关系图和工作流程图31.1.界面功能一览（客户端）31.2.界面关系及工作流程31.3.客户端界面关系32.界面42.1.前台主界面42.1.1.主界面视图42.1.2.主界面组件命名及功能一览42.1.3.用户注册视图52.1.4.用户注册页面组件命名及功能一览52.1.5.用户登陆62.1.6.用户组件命名及功能一览62.2.功能界而62.2.

2、1.健身动画界而62.2.2.健身动画界面组件命名及功能一览62.2.3.资讯界面72.2.4.健身资讯页面组件命名及功能一览72.2.5.健身计划设定界面82.2.6.健身计划功能组件命名及功能一览81.界面的关系图和工作流程图1.1.界面功能一览（客户端）界面名称界面标识功能说明登录login.html连接服务器，对用户的身份进行验证主界面index.html查看信息，包含英他操作功能用户注册Register.hlml用户注册信息健身计划jihua.html健身计划模块测试功能ceshi.html用户身体测试模块

3、健身记录jilu.html健身记录模块资讯Zixun.html健身资讯模块健身动画donghua.html健身动画模块表2-1213健身网客户端界面一览表1.2.界面关系及工作流程1.3.客户端界面关系register.htindex.htmllogin.htmlzixun.htmljihua.htmldonghua.hceshi.htmljilu.html图2-1213健身网客户端界血关系及工作流程图2.界面2.1•刖台主界面2.1.1.主界面视图图3-1主界面—index2.1.2.主界面组件命名及功能一览对象名

4、对象功能操作体能测试ceshi.html体能测试输入健身动画donghua・html动画演示界面点击观看健身计划jihua・html计划设定输入健身资讯zixun.html健身新闻资讯点击查看健身记录jilu.html健身记录界面输入注册register・html注册点击输入登陆login.html登陆点击输入2.1.3.用户注册视图注册帐户基本信息對4个抹暂6个知请再:换15或18位的身份证6J0M抹图3-2用户注册信息界面一rcgcdit2.1.4.用户注册页面组件命名及功能一览对象名类功能操作usernamet

5、ext登陆账号显示re1nametext昵称显示PwdPassword密码显示Pwd2Password确认密码显示RadioText性别显示emailText电子邮箱显示TdentityText身份证号码显示NameText真实姓名显示submitsubmit提交点击2.1.4.用户登陆帐号：密码二Registration图3-3登陆界而一login2.1.5.用户组件命名及功能一览对象名类功能操作usernametext登陆账号显示PwdPassword登陆密码显示Submitsubmit登陆按钮点击Zhuce超链

6、接注册链接点击2.2.功能界面2.2.1.健身动画界面2.2.2.健身动画界面组件命名及功能一览对象名类功能操作健身动画超链接观看不同视频动画点击热门主题超链接观看不同主题视频动画点击无视频播放按钮点击2.2.3.资讯界面健身资讯DAHJ09:00to12:00DAILY09:COto12:00IndoorCycling蔓垂，是一个琏身的好垂节。你刚进行了一场酣畅淋离的俚身运动，衣駁也彼汗水谡透得像泡水了一样，此时，你要注意些什么呢？IndoorCycling夏垂，是一个键身的好垂节。你刚进行了一场酣新淋厲的僧身运动

7、，衣服也裤汗水盪透得像退水了一样，此时，你鉴注意些什么呢？IndoorCycling夏皋是一个谨身的好垂节。你冈璇行了一场酣畅淋离的他身运动，衣脈也被汗水浸透得像泡水了一样，此时，你要连意些什么DE?IndoorCycling夏垂，是一个憧身的好垂节。你冈储行了一轴舫淋篙的僧身运动，衣服也葆汗水浸谏得像电水了一样，此时•你羹注倉些什么呢？2.2.4.健身资讯页面组件命名及功能一览对象名类功能操作无超链接存放健身咨询界面点击/自动切换2.2.5.健身计划设定界面09:00-13:00WHATSNEXT?有氧运动健身09

8、:00-13:0009:00-13:0009:00-13:00胸部锻炼跑步足球练习查看完整的日历2.2.6.健身计划功能组件命名及功能一览对象名类功能操作无超链接存放健身计划界面点击/自动切换