第3组个人健身网站界面设计

1、个人健身网站用户界面设计报告文件状态：文件标识：个人健身网站v草稿当前版本：5.01 1正式发布作者：张文威正在修改完成日期：2014-10-21目录目录21. 界面的关系图和工作流程图31.1. 界面功能一览(客户端)31.2. 界面关系及工作流程31.3. 客户端界面关系32. 界面42.1. 前台主界面42.1.1. 主界面视图42.1.2. 主界面组件命名及功能一览62.1.3. 用户注册视图62.1.4. 用户注册页面组件命名及功能一览72.1.5. 用户登陆72.1.6. 用户组件命名及功能一览72.2. 功能界面82.2.1. 健身动画界面82.2.2. 健身动画界面组件命名及功

2、能一览82.2.3. 资讯界面82.2.4. 健身资讯页面组件命名及功能一览82.2.5 健康测试界面92.2.6健康测试组件命名及功能一览1()2.2.7健身计划界面112.2.8健康计划组件命名及功能一览11229健康记录界面121.界面的关系图和工作流程图1.1. 界面功能一览（客户端）界面名称界面标识功能说明主界面（包括 登录、动画、 资讯）main.html查看信息，包含其他操作功能用户注册rcg.html用户注册信息健身计划plan.html健身计划模块测试功能fitncsstijian.html用户身体测试模块健身记录write.html健身记录模块表2-1 213健身网客户端界

3、面一览表1.2. 界面关系及工作流程1.3. 客户端界面关系000reg.htmlplan.htmlfitnesstijian.htmlwrite.html图2-1 213健身网客户端界面关系及工作流程图2.界面2.1刖台主界面2. 1. 1.主界面视图个人僅身网站甘页健身动画健身资讯今日头条环tfi的亲裁。每天6分钟混合运动旻天短袖、吊芾大行其迢可是1e把的手直么百邯让你不甚荷意，怎么办？、缓解疲劳堆强免疫力健身增ffl必备运动与营养：平衡膳食平衝膳厲或傅廉膳色，是指苻台人休卫生更求的膳 倉。平脩曆後的质和鱼邵能籀足人体生里状况、生话務前濾身运动，衣服也祓汪水浸遗得建泡水了一样 此时，你要注

4、意些什么呢？熹季健身后降温别太着急！夏孝，是一个健身的好垂节。你刚进行了一城5b畅朋康比特乳清蛋白粉构筑肌肉打造钢铁之躯辻你也经币一凉丽所赤有的娈嬰记健身宝典僅身宝典一款对羊易用的注耳储康类计茸誓 件。主要也営四顷功能：継身视频啊豚 去、他身记录日志、俺身储虑资讯。:1/动作要綾，大虫俺身相关茨糾* 始，跟施作吿的节奏动起来！傅身专冢催身专家是一款专为大众曲身 品，也含大塑家庭戏可以宸成的i国小口播放健身动画健身动画斜板哑铃划船（双皆） 单手哑铃划船单皆） 哑铃划船（双晋） 俯卧挥哑铃划船1 （双晋） 俯卧撑哑铃划船2 （双腎） 哑铃绕肩（双譬） 哑铃耸肩（双臂） 俯身哑铃摆肩（戏臂） 侧卧哑

5、铃侧拉（双臂） 侧卧支挥哑铃侧拉（单臂）怕缓第rfil助你吉别失眠时刻健身健身没效果？十大误区全揭秘健身疚走走出病圭半小时要休克10分铃 示：各且运动护好关节苹宋吃不好也中击健身小握示：莆明雨纷纷 顶级护心"食樹推荐 fit身提示：最希生的走jr法吃沆紛色场也監戏肥 »#»«： 7个习憤只炭国5t小輩et（组rd 示：最彖生的走j8这吃泣粉3场也能时尚健身室内健身的3大诀点空气混浊缺氧 傕时薩地2分猶健身运动大支摇 坐持六个习u处长生令很貝单幣步游济后喝巧克力妍缢处犬 sbiebita方法别让只练剤阿忙室内健身五步打査性甬美昏 shtt«ft&

6、gt;fc 30天苗杀一整萱时尚健身室内健身的3大缺点空气混浊缺氧时刻健身健身没效果？十大误区全揭秘健身疚走sss龍时龍地2分钟健身运动大支招坚持六个习18余长生合很胃卑跑步游济后科巧兗力娟滋处大 方这别让只练剤创忙室内健身五步打苣性協关ht亶曰他貝备跑法30天苗茶一空总走出病圭丰小时要体克10分钟 fit身挨示：&启运动护好关节 苹采吃不好也中击.健身小提示：菇明由纷纷 顶级护&食物推落他身整示：恳豫生的走空法 吃asntt也盍卅一健身知识二7个习ffirtkhs*小玉er（组囹） fit身段示：<5濟生的走滋这 吃淀10倉桶也蓝hf!格斗迭手分亲鍵身花決傅牙画臨cop

7、yright©2014 - 213 all rights reserved213础仝扳权所有'® qqrw图3-1主界面一hdin男o女清再次植入密码15或18位的身分证2. 1. 2.主界面组件命名及功能一览对象名对象功能操作体能测试fitnesslijian. html体能测试输入健身动画main.html动画演示界而点击观看健身计划plan. html计划设定输入健身资讯main.html健身新闻资讯点击查看健身记录write html健身记录界而输入注册reg html注册点击输入登陆main, html登陆点击输入2. 1. 3.用户注册视图注册帐户基本信

8、息姓名參密码确认登录窖码x预号图3-2用户注册信息界而一reged i t2.1.4. 用户注册页面组件命名及功能一览对象名类功能操作idtext登陆账号显示nametext姓名显示sexradio性别显示passwordpassword密码不显示passwordpassword确认密码不显示phonetext手机显示tdentitytext身份证号码显示regsubmit提交点击2. 1. 5.用户登陆图3-3登陆界ffi-main2. 1. 6.用户组件命名及功能一览对彖名类功能操作idtext登陆账号显示passwordpasswoi'd登陆密码不显示loginbutton登陆按

9、钮点击regbutton注册按钮点击2. 2.功能界面2. 2. 1.健身动画界面健身动画健身动画斜板哑铃划船（戏警） 单手哑铃划船（单臂） 哑铃划船（双臂） 俯卧挥哑铃划船1 （双譬） 俯卧挥吸铃划船2 （戏臂） 哑铃绕肩（双曾） 哑伶耸眉（双習） 俯身哑铃摆肩（双腎） 侧卧哑铃侧拉（双臂） 侧卧支探哑铃侧拉（单臂）2. 2. 2.健身动画界面组件命名及功能一览对彖名类功能操作健身动画超链接观看不同视频动画点击热门主题超链接观看不同主题视频动画点击2.23资讯界面专业健身资讯时刻健身健身没效果？十大误区全揭秘套身寂走走出jfr走半小时妾体克io分钟他身覆示：呑旨运动护好关节苹采吃不好也中击健

10、身小程示：看明甬纷纷 顷ar护心倉物擅荐 ttacs；：最彖生的走胳浓吃浸紛良桶也检療甕 «#»«?： 7个习小£ht（组图）鉉身覆示：煤棕生的走除浓 吃法粉良鶴也蓝hu时尚健身室内健身的3大缺点空气混浊诀氧蛍时絶地2分钟健身运动大支招坚特六个习c贸长生令很同单幣步密济后电巧克力妍苗处大筌幄正禺像身方达室内健身五性战美背30天s-ss时刻健身健身没效果？十大误区全揭秘健身京走缶寓错走岀#t走半小聘要体息10分神他身12示：心宜运动护好关节 苹采吃不好也中击健身小提示：茹明雨纷纷顶级"护心鸟樹推荐 ttais示：盘祢生的走路法吃沆紛官詢也能療吧健

11、身知识：7个习惯只读由st小ster（组rd 示：最彖生的走拓浓也能戏靶时尚健身室内健身的3大缺.点空气混浊缺氧絶时龍地2分5健身运动大支招奎持六个习si£长生金很貝单定步游济后啮眄克力妍益处大 tlsektt方法别ueuawit室内健身£fl£性话美音頁日他身馆雅法3。天苗条一整頁2. 2. 4.健身资讯页面组件命名及功能一览对象名类功能操作无超链接存放健身咨询界面点击/自动切换2. 2.5健康测试界面健身测试健康测试身咼-体重:年龄:单位cm单位杓年龄罗身高要犬于440小于230体重要犬于20小于200年龄要犬于10小于80生成健身结果健康计划生成bp/ii指

12、数（体质指数kg；m2健身测试结果:正常尊敬的会员，您好！经过简单的测 试之后，您的体形属于正常！本网 站为您提供了相应的健身计划！系统生成健身计划2. 2. 6健康测试组件命名及功能一览对象名类功能操作heighttext身高显示weighttext体重显示agetext年龄显示submitsubmit生成按钮点击2. 2. 7健身计划界面健身计划次迎您！张文或时计对/期一3a回a1星期二，手譬誉部v -背沪twa.0 | -wm-可 *4七济* -稠一祁-9hs-* -hh-工潮五群祁-w8-tj»-. 4trfit部手r |翊f1f1 | tts8v2. 2. 8健康计划组件命

13、名及功能一览对象名类功能操作健身动画超链接观看不同视频动画点击2. 2. 9健康记录界面» 欢匹张文咸登录健身记录网!i我的日记i写健身记录暂无健身记录!当前页数：【1/0】copyrigh七陀014- 213 all rights reserved 2阳舍版权所有z交谈请迭择模板：默认女孩怀旧请首入日记标题：谙在此输入标题背部情况”胸肌情况请在此输入文字请在曲输入文字菜鸟强度：2组12x 12x菜鸟强度：2组12x 12x初级强度：3组12x 12x 12x初级强度：3组12x 12x 12x中级强度：4组12x 10x 10x中级强度：4组12x 10x 10x12x；：12x高

14、级强度：4组12x 12x 12x高级强度：4组12x 12x 12xlox:lox肩部情况请在此输入文字菜鸟强度：2组12x 12x初级强度：3组12x 12x 12x中级强度：4组12x 10x 10x12x高级强度：4组12x 12x 12x lox手臂情况请在此输入文字菜乌强度：2组12x 12x初级强度：3组12x 12x 12x中级强度：4组12x 10x 10x12x高级强度：4组12x 12x 12xlox2015年1月7日星期三腿部情况请在此输入文字菜鸟强度：2组12x 12x初级强度：3组12x 12x 12x中级强度：4组12* 10x 10x12x高级强度：4组12x