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

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

1、个人健身网站用户界面设计报告文件状态：文件标识：个人健身网站[V]草稿当前版本：1.011正式发布作者：何家成[]正在修改完成日期：2014-10-21目录目录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.1.健身动画界面62.2.

2、2.健身动画界面组件命名及功能一览72.2.3.资讯界面71.1.1.健身资讯页面组件命名及功能一览71.界面的关系图和工作流程图1.1.界面功能一览（客户端）界面名称界面标识功能说明登录Login.html连接服务器，对用户的身份进行验证主界面Main.html查看信息，包含英他操作功能用户注册Register.hlml用户注册信息健身计划jihua.html健身计划模块测试功能ceshi.html用户身体测试模块健身记录jilu.html健身记录模块资讯Zixun.html健身资讯模块健身动画donghua.html健身动画模块表2-12

3、13健身网客户端界面一览表1.2.界面关系及工作流程1.3.客户端界面关系register.htlogin.htmlmain.htmlzixun.htmljihua.htmldonghua.hceshi.htmljilu.html图2・1213健身网客户端界面关系及工作流程图2.界面2.1.前台主界面2.1.1.主界面视图图3-1主界而一main【苗僱身敎程】娩九俯匕疗czDfir^i;】支搏培台腿戦程】检俾M肌“【R健身教程】Jg>infJack:DOJUktmSttttffiBbflT【?附勢紋17】工样恃快発曹用悌【力妙教程】CfiPW

4、M■廣【茁傩*枚程】怎钟做讎WI卍附列外门砂仲腹部1ft炸弟一级［册射翊【泊傅6載秽】仰刍女普举席UD健身諛程】畸前于早【力儘1H姑7】fi

5、&te«【力僅》教程】5甘钟肿:附菸CeDtt^WhJ4分忡JBSMHR(*)松门主J»2.1.2.主界面组件命名及功能一览对象名对象功能操作体能测试ceshi・html体能测试输入健身动画donghua・html动画演示界面点击观看健身计划jihua・html计划设定输入健身资讯zixun.html健身新闻资讯点击査看健身记录jilu.html健身记录界面输入注册register・html注册点击输入

6、登陆login.html登陆点击输入2.1.3.用户注册视图帐户基本信息帐户安全设羞登录密码:确认登录密码:真实姓名:身份证号:邮箱地址:验证码:如果您已有帐号，可直接登录图3-2用户注册信息界而一regedit2.1.4.用户注册页面组件命名及功能一览对象名类功能操作userntimetext登陆账号显示relntimetext昵称显示PwdPassword密码显示Pwd2Password确认密码显示RadioText性别显示emailText电子邮箱显示IdentityText身份证号码显示NameText真实姓名显示submitsubm

7、it提交点击2.1.5.用户登陆还没账号？立即注册图3-3登陆界面一login2.1.6.用户组件命名及功能一览对象名类功能操作usernametext登陆账号显示PwdPassword登陆密码显示Submitsubmit登陆按钮点击Zhuce超链接注册链接点击2.2.功能界面2.2.1.健身动画界面用户$匚:自站■汞借•计划偉身动BI【30妙斂粗】起式偏卧抹【曲“段稈】【艾丿健身敢程】JringJabrzotjfwrilwwwbmi【酬也戟程】怎样做长寛瞽屈停【乂僂少敎程】展【劝t身叔朴】岭仲腹訓內乐第一级【3&僅身敎程】15分钟肉郃usm

8、【箝他身敢程】•仰恥立曹半疑【力健另教程】哑怜前厶学【则勢枚47】仰&TM5少钟wsfw^.【©健身敢程】4分钟腹部锻薜（女）Copyright©2014（个人俅身系块网站）AllRightsReserved技术支抽：e«2132.2.2.健身动画界面组件命名及功能一览对象名类功能操作健身动画超链接观看不同视频动画点击热门主题超链接观看不同主题视频动画点击无视频播放按钮点击2.2.3.资讯界面HTMLAnimate简单过渡效果查看源代码更多精彩内容2.2.4.健身资讯页面组件命名及功能一览对象名类功能操作无超链接存放健身咨询界而点击/自动切换