多平台无线设备的跳水赛事信息发布系统
近来,随着越来越多的运动会在全国各省市举办,关注比赛的人员规模也越来越大。随着智能手机等移动设备爆炸式发展,在传统PC端的比赛信息已经不能满足人们的需求,在移动平台有效的实时发布比赛信息就很有必要。此次以十二届全运会为例,开发了基于多平台无线设备的跳水赛事信息发布系统,实现的跳水赛事的实时发布,为以后其他运动会项目开发做好了工作。基于多平台无线设备的跳水赛事信息发布系统从实时性,可复用性,可移植行性等方面进行考虑,确定需要为是系统既要满足跳水项目的信息发布,还要能与其他运动会项目想整合。在系统设计之前对系统进行了详细的调研和细致的需求分析,并根据调研结果借助VS2010和SQL Server 2008作为开发工具,利用jQuery Mobile、Ajax技术完成了对竞赛计划显示、成绩明细显示、运动员详情显示、查询、等功能的开发。论文主要根据软件的生命周期进行阐述,主要包括需求分析、概要设计、详细设计与实现以及系统测试。论文详细的说明了整个系统的设计方案、开发和实现过程以及开发中遇到的问题及解决办法。
【Key Word】?Mobile Ajax jQuery information dissemination目 录
第一章 绪论 1
1.1 课题背景及意义 1
1.2课题研究内容 1
1.3 主要技术简介 2
1.3.1.jQuery Mobile 2
1.3.2.AJAX技术 4
1.4 开发工具简述 5
1.4.1简述 5
1.4.2.SQL Server 2008简述 6
第二章跳水赛事信息发布系统的需求分析 7
2.1 业务需求 7
2.2 功能需求 9
2.2.1.前台显示部分 9
2.2.2.后台的数据支持部分 9
2.3 数据需求 11
第三章基于多平台无线设备的跳水赛事信息发布系统概要设计 13
3.1 系统设计原则与设计思想 13
3.1.1 竞赛规则 13
3.1.2.设计原则 14
3.1.3.设计思想 14
3.2 软件结构设计 15
*好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
3.3 数据库设计 17
第四章 基于多平台无线设备的跳水赛事信息发布系统细设计 20
4.1欢迎页面 20
4.1.1.模块功能 20
4.1.2.设计思路及技术要点 20
4.1.3.界面展示图 20
4.2竞赛计划模块 21
4.2.1. 模块功能 21
4.2.2. 设计思路及技术要点 21
4.2.3界面展示 23
4.3 成绩详单界面模块 23
4.3.1 模块功能 23
4.3.2 设计思路及技术要点 23
4.3.3.界面展示 24
4.4 运动员详情界面模块 25
4.4.1模块功能 26
4.4.2设计思路及技术要点 27
4.4.3.界面展示 28
4.5 后台数据支持模块 28
4.5.1模块功能 28
4.5.2 设计思路与技术要点 28
第五章 调试遇到的问题及解决办法 30
第六章 总结与展望 33
6.1总结 33
6.2 展望 33
参考文献 35
科技文献翻译 36
1. 英文原文 36
2. 中文译文 37
第一章 绪论
1.1 课题背景及意义
近来,随着全国及省市级运动会的活动越来越多,参加活动的人数规模也越来越庞大,人们对运动会的信息有了更多的要求,比如能随时随地的了解相关信息。随着这几年移动端设备的大规模兴起,传统的PC端网页发布竞赛信息已经不能满足民众与举办方的需求。跳水项目是我国的传统强项,郭晶晶田亮等选手耳熟能详。本文以跳水项目为例,实现多平台、跨系统的信息发布,实现有较强的可复用性、可移植性,并能够与其他系统整合成综合运动会信息发布系统。即节省举办方预算,与满足了人们需求,一举两得。
以2013十二届辽宁全运会为例,民众除了使用PC端浏览官网很难从移动设备中获取信息,这大大降低了民众的参与热情。而官方为了全面完整解读运动会,花费大量资源在官网中建立各种信息。如新闻动态,全运言论,筹备公告,图说全运,票务信息等等。然而这现实生活中,随着移动端的兴起民众大多数选择在移动设备上去浏览。普通民众只关心如运动员出发秩序界面、比赛时的成绩排名、最后的名次等,这就造成了在移动端的官网显得杂乱而繁琐,并且占用了移动设备的大量内存。因此一个简洁的可移植的,跨系统的信息发布系统就尤其必要。本设计要求实时性强、使用方便,高效、功能完整,界面美观,有较强的可复用性、可移植性,并能够与其他系统整合成综合运动会信息发布系统,完美解决了民众与政府的需求,节省了资源的浪费。
1.2课题研究内容
基于多平台无线设备的跳水赛事信息发布系统是为满足运动会跳水项目竞赛信息系统的需求而开发的,利用无线网技术实现便携式设备平台的运动会跳水项目竞赛信息发布控制。运动会跳水项目竞赛信息发布系统主要功能是:实时控制便携式设备的显示内容,定制多样化显示模板和界面,包括比赛前的欢迎界面、运动员出发秩序界面、比赛时的成绩排名界面、最后的名次奖牌界面等等,能实现翻屏滚屏,切换显示内容,能根据比赛进程灵活变化,无间断实现比赛信息的显示。
在对基于多平台无线设备的跳水赛事信息发布系统进行开发之前,首先对系统进行了认真仔细的调研工作,确定了系统的相关需求,并根据需求,确定针对以下功能进行开发研究:
(1)后台数据管理子系统,该部分包括对前台显示项目进行设置、添加所需数据,和管理数据。
(2)前台显示子系统,该部分包含、赛程安排、比赛成绩、运动员信息等功能模块。
基于多平台无线设备的跳水赛事信息发布系统的系统架构图如图1.1所示:
图1.1 基于多平台无线设备的跳水赛事信息发布系统架构图
1.3 主要技术简介
1.3.1.JQuery Mobile
Jquery是一个优秀的Javascript库。jQuery Mobile是jQuery?在众多移动设设备上的版本。jQuery Mobile 不仅会给全球大部分的移动设备平台带来源自jQuery的核心库,还会发布一个完整统一的jQuery移动UI框架来支持主流的大部分现有移动平台。jQuery顾名思议,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。
jQuery Mobile 拥有下面的特点:
(1)一般简单性: 为使框架简单且易用。在页面开发中尽肯能使用标记功能,而尽可能的少使用 JavaScript。(2)优雅降级:虽然 jQuery Mobile 利用了最新的 HTML5、CSS3 和 JavaScript等特性,但是并非所有移动设备平台都能提供这样的支持。jQuery Mobile 的哲学是使高端设备和低端设备都能使用,比如那些没有 JavaScript 支持的设备,尽量提供最好的体验。
(3)利用率:jQuery Mobile 在设计时考虑了他自身的web访问能力,使各类用户在多种环境下可以访问,最大的提升利用率。
(4)小规模:jQuery Mobile 的大部分框架的整体大小相对传统框架较小,JavaScript 库 仅有12KB,而CSS只有 6KB。在其中还包括了一些图标。
【Key Word】?Mobile Ajax jQuery information dissemination目 录
第一章 绪论 1
1.1 课题背景及意义 1
1.2课题研究内容 1
1.3 主要技术简介 2
1.3.1.jQuery Mobile 2
1.3.2.AJAX技术 4
1.4 开发工具简述 5
1.4.1简述 5
1.4.2.SQL Server 2008简述 6
第二章跳水赛事信息发布系统的需求分析 7
2.1 业务需求 7
2.2 功能需求 9
2.2.1.前台显示部分 9
2.2.2.后台的数据支持部分 9
2.3 数据需求 11
第三章基于多平台无线设备的跳水赛事信息发布系统概要设计 13
3.1 系统设计原则与设计思想 13
3.1.1 竞赛规则 13
3.1.2.设计原则 14
3.1.3.设计思想 14
3.2 软件结构设计 15
*好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
3.3 数据库设计 17
第四章 基于多平台无线设备的跳水赛事信息发布系统细设计 20
4.1欢迎页面 20
4.1.1.模块功能 20
4.1.2.设计思路及技术要点 20
4.1.3.界面展示图 20
4.2竞赛计划模块 21
4.2.1. 模块功能 21
4.2.2. 设计思路及技术要点 21
4.2.3界面展示 23
4.3 成绩详单界面模块 23
4.3.1 模块功能 23
4.3.2 设计思路及技术要点 23
4.3.3.界面展示 24
4.4 运动员详情界面模块 25
4.4.1模块功能 26
4.4.2设计思路及技术要点 27
4.4.3.界面展示 28
4.5 后台数据支持模块 28
4.5.1模块功能 28
4.5.2 设计思路与技术要点 28
第五章 调试遇到的问题及解决办法 30
第六章 总结与展望 33
6.1总结 33
6.2 展望 33
参考文献 35
科技文献翻译 36
1. 英文原文 36
2. 中文译文 37
第一章 绪论
1.1 课题背景及意义
近来,随着全国及省市级运动会的活动越来越多,参加活动的人数规模也越来越庞大,人们对运动会的信息有了更多的要求,比如能随时随地的了解相关信息。随着这几年移动端设备的大规模兴起,传统的PC端网页发布竞赛信息已经不能满足民众与举办方的需求。跳水项目是我国的传统强项,郭晶晶田亮等选手耳熟能详。本文以跳水项目为例,实现多平台、跨系统的信息发布,实现有较强的可复用性、可移植性,并能够与其他系统整合成综合运动会信息发布系统。即节省举办方预算,与满足了人们需求,一举两得。
以2013十二届辽宁全运会为例,民众除了使用PC端浏览官网很难从移动设备中获取信息,这大大降低了民众的参与热情。而官方为了全面完整解读运动会,花费大量资源在官网中建立各种信息。如新闻动态,全运言论,筹备公告,图说全运,票务信息等等。然而这现实生活中,随着移动端的兴起民众大多数选择在移动设备上去浏览。普通民众只关心如运动员出发秩序界面、比赛时的成绩排名、最后的名次等,这就造成了在移动端的官网显得杂乱而繁琐,并且占用了移动设备的大量内存。因此一个简洁的可移植的,跨系统的信息发布系统就尤其必要。本设计要求实时性强、使用方便,高效、功能完整,界面美观,有较强的可复用性、可移植性,并能够与其他系统整合成综合运动会信息发布系统,完美解决了民众与政府的需求,节省了资源的浪费。
1.2课题研究内容
基于多平台无线设备的跳水赛事信息发布系统是为满足运动会跳水项目竞赛信息系统的需求而开发的,利用无线网技术实现便携式设备平台的运动会跳水项目竞赛信息发布控制。运动会跳水项目竞赛信息发布系统主要功能是:实时控制便携式设备的显示内容,定制多样化显示模板和界面,包括比赛前的欢迎界面、运动员出发秩序界面、比赛时的成绩排名界面、最后的名次奖牌界面等等,能实现翻屏滚屏,切换显示内容,能根据比赛进程灵活变化,无间断实现比赛信息的显示。
在对基于多平台无线设备的跳水赛事信息发布系统进行开发之前,首先对系统进行了认真仔细的调研工作,确定了系统的相关需求,并根据需求,确定针对以下功能进行开发研究:
(1)后台数据管理子系统,该部分包括对前台显示项目进行设置、添加所需数据,和管理数据。
(2)前台显示子系统,该部分包含、赛程安排、比赛成绩、运动员信息等功能模块。
基于多平台无线设备的跳水赛事信息发布系统的系统架构图如图1.1所示:
图1.1 基于多平台无线设备的跳水赛事信息发布系统架构图
1.3 主要技术简介
1.3.1.JQuery Mobile
Jquery是一个优秀的Javascript库。jQuery Mobile是jQuery?在众多移动设设备上的版本。jQuery Mobile 不仅会给全球大部分的移动设备平台带来源自jQuery的核心库,还会发布一个完整统一的jQuery移动UI框架来支持主流的大部分现有移动平台。jQuery顾名思议,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。
jQuery Mobile 拥有下面的特点:
(1)一般简单性: 为使框架简单且易用。在页面开发中尽肯能使用标记功能,而尽可能的少使用 JavaScript。(2)优雅降级:虽然 jQuery Mobile 利用了最新的 HTML5、CSS3 和 JavaScript等特性,但是并非所有移动设备平台都能提供这样的支持。jQuery Mobile 的哲学是使高端设备和低端设备都能使用,比如那些没有 JavaScript 支持的设备,尽量提供最好的体验。
(3)利用率:jQuery Mobile 在设计时考虑了他自身的web访问能力,使各类用户在多种环境下可以访问,最大的提升利用率。
(4)小规模:jQuery Mobile 的大部分框架的整体大小相对传统框架较小,JavaScript 库 仅有12KB,而CSS只有 6KB。在其中还包括了一些图标。
版权保护: 本文由 hbsrm.com编辑,转载请保留链接: www.hbsrm.com/dzxx/dzkxyjs/1691.html