项目三JavaScript记忆翻牌游戏开发方案

项目三JavaScript记忆翻牌游戏开发方案项目三JavaScript记忆翻牌游戏开发方案项目三JavaScript记忆翻牌游戏开发方案项目三ＪavaＳcrｉpt记忆翻牌游戏开发方案2012年5月《动向网页制作》课程组供应?项目三ＪavａScript记忆翻牌游戏开发目前中国网页游戏用户规模急剧增添，玩网页游戏的人群主要散布为上班白领和学生群体。网页游戏供应的轻量级娱乐,占时间少，操作简单,翻开阅读器就能够开始游戏,给繁忙紧张的上班族一丝难得的轻松满意。考虑到学生对记忆翻牌游戏比较熟悉和感兴趣,为知足市1场游戏玩家需求，决定开发一套记忆翻牌休闲小游戏。本章经过利用JavaＳcripｔ客户端脚本语言进行记忆翻牌游戏的项目开发。1项目准备每个项目阶段平常都规定了一系列工作任务,设定这些工作任务使得管理控制能达到既定的水平。本项目准备阶段主要工作任务是认识项目背景、进行调研、组织活动(报告会、交流会、项目队伍培训）等,为建立富饶思想力和履行力的项目组织和项目启动做准备。本项目中的队伍培训主若是让参加项目开发人员掌握鉴于JａvaScript记忆翻牌游戏开发的知识基础、要点技术并提高开发能力。在培训互动过程中,加强处目开发人员的信心。3.2项目分析项目分析是项目开发工作中最重要的一环。项目分析是依照本项目开发背景,对市场上同类产品及客户需求进行分析和深入研究，明确项目所要解决的问题是什么,进而建立项目目标和产品目标，搜寻未来的设计方向。本阶段的主要组织活动可采用市场调研、分析讨论等形式。2．１项目背景目前一些幽默的电脑游戏已经成为人们在使用计算机进行工作或学习之余休闲娱乐的首选。经过调研分析,学生对网页休闲小游戏比较熟悉和感兴趣,联合现有学生的知识基础，决定以学习JaｖaScｒipｔ客户端脚本编程技术为切入点，开发一款记忆翻牌休闲小游戏,以知足市场游戏玩家需求。２.2需求分析记忆翻牌游戏作为大众娱乐软件,其用户界面经常是决定软件质量的首要条件，因此界面设计是开发与设计的要点。记忆翻牌游戏界面采用图片为操作对象,实现在一准时间内消除游戏区中的全部图片。经过与一些游戏玩家的接触与交流，要求本游戏拥有以下功能：(1）要求游戏应拥有优秀的人机界面。（2）玩家能够依照自己的需要自行设定游戏难度。(3)操作方面易于控制。（4)每次游戏开始前进行洗牌。（5)游戏玩家能够看到游戏达成时间和成功比率。（6）以阅读器为操作环境,不需要安装其他软件。3.２.３项目计划书依照《ＧＢ８567－8８计算机软件产品开发文件编制指南》中的项目开发计划要求，联合本项目实质情况，编制项目开发计划书以下：１.序言（1)编写目的为了保证项目开发人员准时保质地达成预定目标，更好地认识项目实质情况,依照合理的次序展动工作，现以书面的形式将项目开发生命周期中的项目任务范围、项目团队组织结构、团队成员的工作责任、团队内外交流协作方式、开发进度、检查项目工作等内容描绘出来，作为项目有关人员之间的共鸣和约定、项目生命周期内的全部项目活动的行动基础。(2)背景2记忆翻牌游戏是由教师指导下学生自主开发的益智小游戏，主要功能是为游戏玩家供应休闲娱乐服务。项目周期为20天。项目背景规划如表3.１所示。表3．1项目背景规划项目名称项目开发组织任务提出者项目担当部门市场部门记忆翻牌游戏第××开发小组ＸＸ经理开发部门测试部门２．概括(1）项目目标项目目标应当符合SMARＴ原则，把项目要达成的工作用清楚的语言描绘出来。记忆翻牌游戏开发的项目目标以下:本游戏开发主要针对游戏玩家。为游戏玩家供应休闲娱乐服务。项目推行后，经过玩本游戏能够为游戏玩家带来快乐并拥有测试记忆能力的目的。整个项目需要在20天的时间内交托用户使用。（２）产品目标记忆翻牌游戏能够为玩家供应优秀的运行环境,不需要进行游戏安装，拥有阅读器即可运行。操作简单、易于控制并拥有显示时间和成功率的功能,为游戏玩家带来身心怡悦，该游戏是使用XHＴMＬ标志语言和JavaScｒiｐｔ脚本语言进行编写的网页文件。（3）应交托成就在项目开发完后,交托内容有记忆翻牌游戏网页文件及有关开发文档。（4)项目开发环境操作系统为ＷｉnｄowsＸP，使用集成开发工具AdｏbeDreamｗeaveｒCS５,项目运行环境为目前主流阅读器。(5）项目查收方式与依照项目查收分为内部查收和外面查收两种方式。在项目开发达成后，第一进行内部查收，由测试人员依照用户需求和项目目标进行查收。项目在经过内部查收后,交给客户进行查收，查收的主要依照为项目分析说明书、设计说明书及功能实现，程序达到预期的运行收效。３．项目团队组织（1）组织构造为了达成记忆翻牌游戏的项目开发，组建了一个临时的项目团队，由经理（教师）、项目经理（学生)、系统分析员、软件工程师、Weｂ程序员和测试人员组成如图3.1所示。图3．1项目团队组织构造(2)人员分工3为了明确项目团队中每个人的任务分工,现制定人员分工表如表3.2所示。表3.2人员分工姓名技术水平所属部门角色工作描绘李某某MBA经理部副经理负责项目的审批、决议的推行负责项目的先期分析、策划、项目开发进度的跟周某某中级软件工程师开发部项目经理踪、项目质量的检查刘某某中级系统分析员市场部系统分析员负责系统功能分析王某某中级软件工程师开发部软件工程师负责软件设计与编码李某某中级Weｂ程序员设计部Weｂ程序负责网页设计与编码员郑某某中级系统测试工程师开发部测试人员对软件进行测试、编写软件测试文档3.３项目设计项目设计阶段的主要工作任务是在项目分析阶段的基础上,经过设计人员的商讨,产生对设计目标的见解，形成可视化设计方案（草图)。可视化设计方案（草图)的产生，能够帮助设计者讲解其对设计目标的设计见解，也是设计团队间最正确的交流介质。本阶段的主要阶段成就为项目设计方案(说明书）。本阶段的组织活动可采用项目设计报告会、设计大赛等形式来激励设计者设计出更好的作品。3.１设计目标依照需求分析的描绘以及与一些游戏玩家的交流,记忆翻牌游戏应设计成一个能够运行于一般个人电脑上,而且适合于大众娱乐需要的网页游戏,现制定游戏实现以下目标。（１)能够查察游戏达成时间和消去图片对的成功率。（2）依照操作情况的需要自行设定游戏难度。(3）玩家能够在游戏图板中除去图片，并能够在般配成功过程中随时认识达成的时间。(４)玩家能够经过游戏控制功能来选择“从头开始”或许“退出游戏”。(5）最大限度地实现易操作性和交互性。３.3.2业务流程图该游戏为玩家供应一个可设定的游戏区，游戏区中包括必然数目的图片(牌),游戏的目标是在一准时间内除去游戏区中的图片。若是消去全部图块，游戏将提示成功达成任务。游戏操作流程图如图3.2所示。4图3.2游戏操作流程图３．３.3游戏功能构造依照记忆翻牌游戏的特点，将游戏分为游戏控制区和游戏区。在游戏控制区，玩家能够经过游戏控制功能来选择难度(图块的数目、图块种类)、能够在般配成功过程中随时认识完成的时间、从头开始游戏或许退出游戏，以知足不同样级别玩家的需要。在游戏区,玩家能够在游戏区中进行翻牌和除去图片。详尽功能分犯难度设置、牌的生成、选择和除去元素、时间显示、成功率计算、从头开始等,如图3.3所示。图３．3功能构造3.4游戏预览依照项目需求分析，用户界面设计主要分为游戏控制区和游戏区两个工作区。游戏控制区主要放置Ｌogo、图板大小设置、难度参数、操作按钮、时间显示等。游戏区主要放置生成的图片(牌）。设计收效如图3.4所示。??(a）牌正面(b）牌反面图3.4记忆翻牌游戏界面收效图3．5对象及其编码规则鉴于对象化的程序设计，第一,就应当确立出开发项目的对象，其次,确立对象的属性、方法和事件。依照项目需求分析，本项目确立了主要的HTML对象为body、ｄｉv、ｕl、h1、p、imｇ、ｆorm、input等,详尽内容如表3．3所示。表3.３主要HTＭL对象主要HTMＬ对象属性或事件描绘bｏdyid、clａss等ｂody对象divid、name、class、alｉgn、style等层对象uｌid、ｃlaｓs无序列表h1iｄ、ｃlasｓ一级标题5主要HTMＬ对象属性或事件描绘pid、claｓs段落标志ｉmgsrc等ｉｍｇ对象formｉｄ、name、method、action、clａsｓ等表单对象inpｕtｉd、ｎame、onblur、ｔype、ｖａｌuｅ等输入域依照项目需求分析,本项目还确立了JａvaScriｐt对象为根对象ｇ、控制对象ｇ.Cｏｎ、牌对象g.Cａrd和游戏主程序ｓtartGａme(），详尽内容如表3.４～３.7所示。表3.４g对象属性或方法——命名空间属性或方法描绘备注newpiｃ_width:120图片宽属性imgｐaｔh:"ｉmagｅs０图片路径属性1/＂ｐａｉrs：［［,］,[，],．..］图片的二维数组表示属性deck:［]图片对象的一维数组表示属性p:［ｎull,{},{}]用于单击元素的储藏属性firstpｉcｋ:nul第一次单击状态属性mａtｃheｄ:falｓe成功般配标志属性表3．5控制对象g.Ｃon的属性或方法属性或方法描绘备注mｏunt:0成功般配数属性ｃlicknum:0单击牌的总数属性tid:0时间状态属性staｒttime（)启动时间方法cａlｔime(）计算般配时间方法表3.6牌对象g．Cａrd的属性或方法属性或方法描绘备注makeＣard( )制牌方法shuffle( )洗牌方法deaｌbaｃk（）发牌显示牌背方法Choose( )点选事件方法表３.7游戏启动主程序名称描绘备注startGaｍe( )游戏启动主程序主程序本项目中全部的对象名称都为自然名称的拼音简写或英文简写,出现矛盾可采用不同样的简写规则。编程提示：变量名称及重要的代码要写出详尽的说明,这样有利于系统的开发与保护。3.６建立开发环境(1）游戏开发环境：ＷｉndowｓXP、IＥ和ＡdobeＤreamweaver开发环境。（２）游戏开发语言：XＨＴＭL、JavaScｒipt。(３）开发环境运行平台:Wｉｎdｏws操作系统。(4)阅读器:目前主流阅读器。(5)分辨率:最正确收效1０２4×7６８像素。64项目制作项目制作阶段主要工作任务是在项目设计基础上，依照设计方案进行网页制作、程序开发、测试及文档编写。详尽设计工作有界面设计、交互设计、程序开发、文档编写等。程序开发中的编码工作任务比较深重，不行是需要考虑性能和功能的实现,而且需要考虑此后的保护和扩展，还需要考虑到系统的集成和牢固,因此程序开发需要依照严格规范（文档规范、编程规范）的开发过程。本阶段的测试工作自始自终地贯衣着项目开发过程。本阶段的主要阶段成就为网页、程序代码和使用说明文档。本阶段的组织活动可采用文档规范和编程规范培训(或专题讲座)、项目制作协调会等形式,来保证制作出高质量的作品。４.1进行记忆翻牌游戏网页界面设计界面设计本着雅观合用,面向大众的原则。充分考虑界面易于操作的系统需求,分为两个主要分区。上方为游戏控制区,主要包括初始化信息和时间显示内容。玩家能够经过游戏控制功能来选择难度系数、开始新一轮游戏（洗牌）或许退出游戏,放于页面最上方。依照需求分析结论,游戏时间显示应当放在显然的地方,选择放于上方的游戏控制区。下方为游戏区，是游戏主体界面，使用简单直观的布局设计，游戏区放置在界面的正中主体地点。３.4.２进行记忆翻牌游戏的功能模块设计依照项目设计方案（说明书）中记忆翻牌游戏的基本功能需求，进行功能模块设计。确立本项目对象树并创立根对象（命名空间）为了防范出现命名矛盾,为了模块以及代码组织清楚的需要，将功能相像或同一模块中的函数、变量放在同一对象(命名空间）下。本项目引入了根对象或叫命名空间的见解，声明命名空间就是创立一个对象的层级关系。命名空间的格式是以点号分开的字符串。（１)确立对象树本项目依照其功能的区分,需要建立一个根对象(命名空间）、两个子对象（子命名空间）和一个游戏主程序。分别命名为g、g.Cｏｎ、ｇ.Ｃard和ｓtartＧame( ),进而形成本项目的对象树，如图3.1３所示。（2)创立根对象创立根对象就是建立lｌk对象并为其增添属性和方法。.游戏控制区功能模块设计游戏控制区功能模块设计主若是达成控制对象g.Coｎ的创立。３.游戏区功能模块设计玩家能够在游戏区经过鼠标操作除去图片,游戏区功能模块设计主若是达成g子空间ｇ.Carｄ牌对象的创立。4．游戏主控程序应用程序开发平常要依照不同样的功能区分红多个子功能模块(或对象）。主控程序的作用是对游戏进度和用户操作流程进行控制。第一,主控程序进行用户输入办理,其次,分情况调用相应的子功能模块。最后，达成应用程序操作。74.3记忆翻牌游戏代码整合及部署代码整合及部署工作主要包括以下几方面。（1）由于过多的js脚本文件会增添计算机系统的负担，而且不便于管理及保护,因此将各功能模块程序代码进行整理并归并成一个库文件（mｅmｏryｇame.js)。在主页文件ｉｎdex．htｍｌ的<head></heaｄ＞标志对中进行ｊs库文件加载。将主控程序stａrｔGame( )作为“从头开始”按钮事件进行绑定。(2）记忆翻牌游戏应用程序的部署就是将整合后的记忆翻牌游戏应用程序（网站)安装到目标系统上,并设置相应的环境使应用程序在目标系统能够正常运行的过程。第一,安装好记忆翻牌游戏的运行环境Wｉndoｗs操作系统和目前主流阅读器。其次，建立一个网站文件夹，将memorygaｍe.ｊs脚本文件放于网站的script文件夹下，用户界面文件作为主页文件ｉndex.html，放于网站根下,网页图片放在网站的iｍageｓ文件夹下,牌的图片放在imagｅs0１下方便此后保护与管理,详尽部署如图3．5所示。最后,进行记忆翻牌游戏应用程序测试。图３.５记忆翻牌游戏应用程序部署3.5项目总结项目总结阶段的主要工作任务是对开发项目的工作过程和项目产品进行整体检查和评价,进行一次详尽的分析和研究。也就是看看获取了哪些成绩，存在哪些缺点和不足,有什么经验、哪些方面有所提高。项目总结也是形成产品闭环的要点一步。本阶段的主要阶段成就为总结报告。本阶段的组织活动能够采用产品开发成就报告、成果显现、经验交流等形式，来累积项目及产品开发工作经验。3.5.1项目总结依照《GＢ85６7－88计算机软件产品开发文件编制指南》中的项目开发总结要求,联合本项目实质情况，编制项目开发总结报告以下：1.序言（1)编写目的记忆翻牌游戏的开发已经基本达成。写此项目开发总结报告,以方便我们在此后的项目开发中来更好的推行项目的订制开发；让我们在此后的项目开发中有更多的有据的资料来规范我们的开发过程和提高我们的开发效率,进而创立更多效益。预期的读者对象为班级全体成员、指导教师及评委。(2)背景项目名称:记忆翻牌游戏。软件名称：记忆翻牌游戏。客户:学生。用户：游戏玩家。83)定义(略)(4)参照资料[１]某某．记忆翻牌游戏开发项目计划书,2012某某.记忆翻牌游戏需求分析报告，2012某某.记忆翻牌游戏项目设计说明书,2０1２孙文江,陈义辉主编.PHP应用程序开发.北京:中国人民大学初版社,20１２实质开发结果(1)产品最后产品名称：记忆翻牌游戏。产品版本:1．2。(２）主要功能和性能主要功能:难度设置、界面生成、除去元素、时间限制、奖赏时间、从头设置。性能:达到了90％的原定的开发计划，个别功能未能实现,比方，由于时间关系统难度选择没有达成。(３）基本流程（略)（４)进度实质进度基本与计划进度相符合，在截止日期以前顺利达成。主要原因是我们严格依照项目开发流程来开发软件，不断调整我们的短期计划，顺利达成了任务。同时要感谢指导老师合时的指导，揭开了组员们的很多迷惑。(5）花销工时：4人,10天左右，大概4０人天。计算机的使用时间:高出１60人机时。物料耗资：无。没有经费计划,实质耗资为零，不予讨论。3.开发工作讨论(1）对生产效率的讨论代码总行数约为3００行。程序的平均生产效率＝３0０行/40人=7.5行/人天。文件的平均生产效率=１3KＢ/40人=0.3２５KＢ/人天。(2)对产质量量的讨论在测试中一共检察出2个错误，错误发生率约为6．7（＝2/30０*1000)错误/千行。应当说是一个比较低的数值。这与项目组成员在编码中严格控制质量有必然关系。（３)对技术方法的讨论在调试过程中采用了一种特其他调试方法,即在程序中加入大量aleｒt("调试点")并以外部变量来判断可否激活,能够快速找出网页中的错误所在。在开发工作中我们运用AｄoｂeDrｅａmweaver编写软件，提高了我们的开发效率和准确度。(4)犯错原因的分析(略）4．经验与教训9本次项目的开发,本项目小组接触了先进的客户端脚本JavaScrｉpｔ语言,能够说其功能的富强出乎我们猜想。经过此次项目开发,组员熟悉了JavaScｒｉpt语言的编程技巧和需要特别注意的要点。本次开发过程中我们感想最深的就是利用ＪavaScripｔ语言进行网页游戏开发。我们得出以下结论:（1)掌握好鉴于对象编程技术是编写网页游戏一项基本技术，要把界面做好,不只要技术过硬，还必定能体察用户的思想流程。（2）我们还发现要把程序做到高效,使用函数封装技术是不二选择，我们此次的程序在这点上做的相看作功，此后在做到需要效率优先的项目时,我们会优先采用函数封装技术。3)严格依照规范来指导我们的开