论文部分内容阅读
【摘 要】本文对某一化工类职业技术学院乒乓球俱乐部的信息化教学平台进行了具体的实现与实施。实现包括美工部分和代码部分，实施则有测试和运行两过程。
【关键词】乒乓球俱乐部；信息化；教学平台；实现；实施
1.平台的功能概述
乒乓球俱乐部信息化教学平台，本文简称平台，是为了解决诸如会员信息统计、教学中不定期的测试与成绩公布、会员课外活动统计、期末论文的批量批阅、新闻公告的发布与订阅等等需求而设计的，是为了满足信息化时代乒乓球运动的教与学而开发的。[1]
整个平台分为前台浏览网页与后台管理系统两部分——前台以界面方式提供浏览功能，而后台则以菜单方式提供具体操作。其中，前台浏览网页的部分具体项目如图1，后台管理系统的部分具体操作菜单见图2。[2]
图1 前台浏览界面图
图2 后台管理系统图
从两图中可以看出，前台主要是实现网页浏览功能，因而，对它的实现与实施较为简单，只需要静态网页就可以办到，所要考虑的主要问题可能是它的页面的美观与否以及浏览时候的方便与否，也就是主要要考虑前台浏览页面的网页设计问题。但即便如此，所浏览网页的内容，是需要从后台中自动产生的。因此，后台的实现与实施至关重要，而且，不是简单的静态网页就可以办到的。而通过分析，我们可以看到，后台不管功能多少，主要用到的，还是数据的添加、删除、修改与查询这四大基本操作。比如，添加考试、录入成绩、添加留言等属于数据的添加功能，修改信息、管理考试、管理成绩、管理留言等则用到数据的修改功能，而查看分组则属于数据的查询功能，此外，管理考试、管理成绩、管理留言等也必然包含数据的删除功能。
2.平台的实现
在整个平台中，前台网页浏览部分几乎完全不需要动态功能，而只需要进行美工设计，而后台管理系统则完全相反，只需要动态功能的实现，而几乎不需要考虑美观的需求。因此，我们将整个平台的实现，分为（前台浏览网页的）美工实现和（后台管理系统的）代码实现两部分。
2.1 平台的美工实现
在首页的页面设计上，我们以简洁为主，采用由上到下版面依次增加的三段式——上段为介绍区，其中左半部分为内部设计的俱乐部徽标和自行书写的俱乐部名字及网址，右半部分为功能区，包括登录功能、密码恢复、设为首页和加入收藏功能；整个上段颜色设为淡蓝，与徽标的主题颜色一致，并且作为功能区的底色极为映衬，丝毫不影响功能区的文字识别。中段为频道区，较窄的上面部分为可链接的具体频道，包括首页、论坛、动态、教学、比赛、事记、留言和管理共8个频道，颜色设为深灰，以凸显白色的频道名文字；更宽的下半部分为图片区，也按图片大小分为窄中宽三段，图片不可链接。下段为通告区（其实就是动态部分），包括左片的新闻中心、右片的友情链接和中片的教学公告——整个区域为深蓝底色：新闻中心既提供新闻中心四字文字链接，也有图片轮显功能，还有新闻标题链接，占了整个新闻区面积的3/5强；教学公告则只提供标题链接，而友情链接部分既有图片链接，也有下拉菜单的选项链接。首页的最下端按惯例为信息区，包括版权与访问量等具体信息。
至于具体的频道页面和新闻中心与教学公告两个通告页面的设计，也以简洁为主，具体内容一概以白色垫底，黑蓝色文字对衬，最多加上浅蓝底色的介绍栏等。[3]
而不管是首页，还是具体的频道页面，或者是两个通告页面以及子频道页面，都以CSS（层叠样式表）的模式共享首页中的介绍区和频道区的频道链接部分。这样既简化了页面的美工设计，又达到页面内容、颜色、区划的统一效果，形成了完整的视觉效果和统一的印象痕迹。
2.2 平台的代码实现
如前所述，整个平台主要包括8个部分，即信息操作、考试操作、成绩操作、留言操作、规则操作、新闻操作、论坛操作、系统操作8个组成。另外，对于管理员而言，还有队员操作、学生操作、学生管理员操作、系统管理员操作、友情链接操作和我的课堂等操作部分。此外，比如首页等部分的实现，我们也采取了自己的特殊处理，下面择重分述如下：
（1）首页代码
首页代码我们并不和整个网站的代码放一块，而是采用引用的方式链接到其他网站，这样虽然首页开始打开的速度慢些，但代码异地也提高了网站的容灾能力同时加强了网站的安全系数。[4]
首页本地主要代码为：
首页异地主要代码为：
（2）各种操作的代码
各种操作尽管名目不同，但实质相同，都是数据的增删改查4个操作。下面以信息操作的代码为例，来说明各种操作的实现过程。而信息操作包括修改信息和查看分组两部分，代码[5]分别如下——
修改信息的主要代码为：
查看分组的主要代码为：
从上述代码可以看出，我们的网站代码都是通过对象引用的方式，使用现成代码，并且全部用JavaScript来实现，这和一般网站代码完全不同。
3.平台的实施
在整个平台根据前期的规划、分析和设计的结果，最终完成了代码的编写工作，接下来就是整个平台的测试和运行工作。
3.1 平台的测试
尽管整个平台规模相对不大，但是我们还是按照软件工程的流程进行了4项测试工作：在代码编写阶段进行单元测试，这是无法避免的；按照详细设计书进行了集成测试，按照概要设计书进行了系统测试，按照需求分析说明书进行验收测试，这是我们自己努力完成的。[6]
3.2 平台的运行
整个平台，从2009年6月运行到现在，已整整5年有奇，网站总访问量已经达到7万余次，日均访问量为40次，日均在线20人，且运行平稳。
4.总结
作为整个平台的后期工作，平台的实现和实施基本都是技术性流程，只要按照软件工程的基本原理和程序语言的结构化编写要求，即使出现问题，也较容易解决。而我们的创新在于充分利用JavaScript的便利，实现了整个网站的快速反应。
参考文献：
[1]毕飞.乒乓球俱乐部信息化教学平台建设项目申请书，2012.
[2]刘亮，崔健华.乒乓球俱乐部信息化教学平台的建设[J].南京化工职业技术学院学报，2012，4：6-7.
[3]马伟，华驰.动态网页设计与制作[M].北京：机械工业出版社，2010：16-18.
[4]南京化工职业技术学院乒乓球俱乐部.南京化工职业技术学院乒乓球俱乐部首页[EB/OL].http：//www.wushen.biz/projects/njccpp/index.jsp，2009-06-05/2013-07-23.
[5]南京化工职业技术学院乒乓球俱乐部.南京化工职业技术学院乒乓球俱乐部信息操作[EB/OL].http：//www.wushen.bix/projects/njccpp/admin/management.jsp，2009-06-05/2013-07-23.
[6]郑人杰等.软件测试[M].北京：人民邮电出版社，2011：26-33.
【关键词】乒乓球俱乐部；信息化；教学平台；实现；实施
1.平台的功能概述
乒乓球俱乐部信息化教学平台，本文简称平台，是为了解决诸如会员信息统计、教学中不定期的测试与成绩公布、会员课外活动统计、期末论文的批量批阅、新闻公告的发布与订阅等等需求而设计的，是为了满足信息化时代乒乓球运动的教与学而开发的。[1]
整个平台分为前台浏览网页与后台管理系统两部分——前台以界面方式提供浏览功能，而后台则以菜单方式提供具体操作。其中，前台浏览网页的部分具体项目如图1，后台管理系统的部分具体操作菜单见图2。[2]
图1 前台浏览界面图
图2 后台管理系统图
从两图中可以看出，前台主要是实现网页浏览功能，因而，对它的实现与实施较为简单，只需要静态网页就可以办到，所要考虑的主要问题可能是它的页面的美观与否以及浏览时候的方便与否，也就是主要要考虑前台浏览页面的网页设计问题。但即便如此，所浏览网页的内容，是需要从后台中自动产生的。因此，后台的实现与实施至关重要，而且，不是简单的静态网页就可以办到的。而通过分析，我们可以看到，后台不管功能多少，主要用到的，还是数据的添加、删除、修改与查询这四大基本操作。比如，添加考试、录入成绩、添加留言等属于数据的添加功能，修改信息、管理考试、管理成绩、管理留言等则用到数据的修改功能，而查看分组则属于数据的查询功能，此外，管理考试、管理成绩、管理留言等也必然包含数据的删除功能。
2.平台的实现
在整个平台中，前台网页浏览部分几乎完全不需要动态功能，而只需要进行美工设计，而后台管理系统则完全相反，只需要动态功能的实现，而几乎不需要考虑美观的需求。因此，我们将整个平台的实现，分为（前台浏览网页的）美工实现和（后台管理系统的）代码实现两部分。
2.1 平台的美工实现
在首页的页面设计上，我们以简洁为主，采用由上到下版面依次增加的三段式——上段为介绍区，其中左半部分为内部设计的俱乐部徽标和自行书写的俱乐部名字及网址，右半部分为功能区，包括登录功能、密码恢复、设为首页和加入收藏功能；整个上段颜色设为淡蓝，与徽标的主题颜色一致，并且作为功能区的底色极为映衬，丝毫不影响功能区的文字识别。中段为频道区，较窄的上面部分为可链接的具体频道，包括首页、论坛、动态、教学、比赛、事记、留言和管理共8个频道，颜色设为深灰，以凸显白色的频道名文字；更宽的下半部分为图片区，也按图片大小分为窄中宽三段，图片不可链接。下段为通告区（其实就是动态部分），包括左片的新闻中心、右片的友情链接和中片的教学公告——整个区域为深蓝底色：新闻中心既提供新闻中心四字文字链接，也有图片轮显功能，还有新闻标题链接，占了整个新闻区面积的3/5强；教学公告则只提供标题链接，而友情链接部分既有图片链接，也有下拉菜单的选项链接。首页的最下端按惯例为信息区，包括版权与访问量等具体信息。
至于具体的频道页面和新闻中心与教学公告两个通告页面的设计，也以简洁为主，具体内容一概以白色垫底，黑蓝色文字对衬，最多加上浅蓝底色的介绍栏等。[3]
而不管是首页，还是具体的频道页面，或者是两个通告页面以及子频道页面，都以CSS（层叠样式表）的模式共享首页中的介绍区和频道区的频道链接部分。这样既简化了页面的美工设计，又达到页面内容、颜色、区划的统一效果，形成了完整的视觉效果和统一的印象痕迹。
2.2 平台的代码实现
如前所述，整个平台主要包括8个部分，即信息操作、考试操作、成绩操作、留言操作、规则操作、新闻操作、论坛操作、系统操作8个组成。另外，对于管理员而言，还有队员操作、学生操作、学生管理员操作、系统管理员操作、友情链接操作和我的课堂等操作部分。此外，比如首页等部分的实现，我们也采取了自己的特殊处理，下面择重分述如下：
（1）首页代码
首页代码我们并不和整个网站的代码放一块，而是采用引用的方式链接到其他网站，这样虽然首页开始打开的速度慢些，但代码异地也提高了网站的容灾能力同时加强了网站的安全系数。[4]
首页本地主要代码为：
首页异地主要代码为：
（2）各种操作的代码
各种操作尽管名目不同，但实质相同，都是数据的增删改查4个操作。下面以信息操作的代码为例，来说明各种操作的实现过程。而信息操作包括修改信息和查看分组两部分，代码[5]分别如下——
修改信息的主要代码为：
查看分组的主要代码为：
从上述代码可以看出，我们的网站代码都是通过对象引用的方式，使用现成代码，并且全部用JavaScript来实现，这和一般网站代码完全不同。
3.平台的实施
在整个平台根据前期的规划、分析和设计的结果，最终完成了代码的编写工作，接下来就是整个平台的测试和运行工作。
3.1 平台的测试
尽管整个平台规模相对不大，但是我们还是按照软件工程的流程进行了4项测试工作：在代码编写阶段进行单元测试，这是无法避免的；按照详细设计书进行了集成测试，按照概要设计书进行了系统测试，按照需求分析说明书进行验收测试，这是我们自己努力完成的。[6]
3.2 平台的运行
整个平台，从2009年6月运行到现在，已整整5年有奇，网站总访问量已经达到7万余次，日均访问量为40次，日均在线20人，且运行平稳。
4.总结
作为整个平台的后期工作，平台的实现和实施基本都是技术性流程，只要按照软件工程的基本原理和程序语言的结构化编写要求，即使出现问题，也较容易解决。而我们的创新在于充分利用JavaScript的便利，实现了整个网站的快速反应。
参考文献：
[1]毕飞.乒乓球俱乐部信息化教学平台建设项目申请书，2012.
[2]刘亮，崔健华.乒乓球俱乐部信息化教学平台的建设[J].南京化工职业技术学院学报，2012，4：6-7.
[3]马伟，华驰.动态网页设计与制作[M].北京：机械工业出版社，2010：16-18.
[4]南京化工职业技术学院乒乓球俱乐部.南京化工职业技术学院乒乓球俱乐部首页[EB/OL].http：//www.wushen.biz/projects/njccpp/index.jsp，2009-06-05/2013-07-23.
[5]南京化工职业技术学院乒乓球俱乐部.南京化工职业技术学院乒乓球俱乐部信息操作[EB/OL].http：//www.wushen.bix/projects/njccpp/admin/management.jsp，2009-06-05/2013-07-23.
[6]郑人杰等.软件测试[M].北京：人民邮电出版社，2011：26-33.