保险营销员管理系统课程设计报告.doc

宁波大红鹰学院信息工程学院课 程 设 计 报 告项目名称：保险营销员管理系统设计项目组长：王利强 曾翔(页面设计)项目成员：王晨(美工设计) 陈腾蛟(交互设计)班级名称：09计科6班专业名称：计算机科学与技术完成时间:信息工程学院制一、 项目需求和背景项目的开发背景：近年来，我国的保险行业得到了快速的发展，为适应本行业的业务的不断发展和营销员队伍的日益壮大的需要，加强对业内营销员的流动的统一管理，维持保险行业良好的经营秩序，搭建一个实时信息共享的保险营销员业内流动管理平台，实现对保险营销员展业行为、奖惩情况、淁动情况的全程动态盱控，发现异常，可予以警示。形成公司内控、行业自律、政府监管和社会监督埛方面的全方位监督管理。项目需求：卯会能增加公司用户，新增公司用户的权限为“操作员”。协会能修公司甩户以及2级机柄用户的相关信息，包括登录名、真实姓、登录密码。协会还可以修改自己的登录密码。协会能将协会发布的奖惩数据录入系统，并能对该数据进行修改。发布的奖惩信息允许发布者进行删除。协会可用姓名、资格证编号、展业证号、公司简称等方式查询某位或某批营销人员信息，并能查看某位营销人员的具体信息、能查到的营销员展业证信息、能查到的营销员资格证信息、历史信息查询以及营销员展业证打印。界面有较好地适应性，兼容目前流行的浏览器；对于非统计的计算页面，用户端响应时间小于5秒钟。 二、网站规划设计说明1、网站规划网站名称：保险营销员管理系统网站主题： 通过网站来实现对业内营销员的统一管理。输入法网站语言：简体中文网站风格：以暖色调为主，给人以家的感觉，主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情趣，办出网站的特点。建站内容及特性：利用网站来实现对保险营销员展业行为、奖惩情况、流动情况的全程动态监控。并做好各个栏目的导航，突出网站的重要职能和重要内容，使得网站能够同今日高科技与服务行业完美结合。（1）首页设计页头：准确无误的标识网站和它的公司标志。页面：应是各大栏目导航，最新加入会员企业，最新行业资讯，最新展会信息以及各个营销人员的情况。（2）导航设计导航系统是有效连接网站各处的工具，它有效的分类网站内容并指向它所代表的内容。是通过超文本链接或图片链接，使浏览者能够在网站上自由前进或后退，而不会让浏览者使用浏览器上的前进或后退。2、结构设计网页布局图(1)首页图片标志导航条动态信息网站服务权限图1 首页布局图(2)内容页图片标志导航条动态信息网站服务权限图2 内容页1布局图 网站结构图首页保险公司营销员信息营销员信誉投保人保险代理人相关行业发布信息添加图4 网站结构图3、网站色彩 (1)网站主色调该网站的主色彩是白色，文字为黑， (2)网页链接色表1 普通文字链接配色表4、技术方案表2 技术方案表序号网站组成使用技术效果说明11、网站所有文字页面2、静态图片3、表格HTML1、 出版在线的文档，其中包含了标题、文本、表格、等内容。 2、 通过超链接检索在线的信息。3、 为获取远程服务而设计表单，用于检索信息等。 4、 在文档中直接包含电子表格以及其他的一些应用。21、网站动态菜单2、动态图标JavaScript1、 实现在一个Web页面中链接多个对象2、 与Web客户交互作用，而可以开发客户端的应用程序等。31、轻常更新的网页2、动态数据如新闻中心，汽车展示ASP1、 是一种在WEB服务器端运行的脚本语言，程序代码安全保密 2、 此可以使用ActiveX控件继续扩充其功能 3、 可以轻松的存取各种数据库 4、 适用与各种浏览器4网站内的动态按钮CSS使用CSS的技术，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。51、 产品资料2、 新闻资料3、产品查询数据库1、 完善的客户数据资料处理2、 快速的资料查询能力61、 主要动画2、动态图标Flash1、 以极富吸引力的动画吸引浏览者停留2、增强网站感染力三、 HTML页面结构图首页：#main#logo#text#img#text#text内容页1：#main#logo#text#text#text#text内容页2：#main#logo#text内容页3：#main#logo#text内容页4:#main#logo#text内容页5:#main#logo#text内容页6:#main#logo#text内容页7:#main#text四、页面DIV结构代码首页: div align=right ( 内容页1： 内容页2： 内容页3： 内容页4： 内容页5： 内容页6： 内容页7： 五、代码及注释.buttonborder-bottom:1px;border-left:1px;border-right:1px;border-top:1px;border-style:solid;border-color:#6188AF;font-size:12px;color:#666666;background:#FFFFFF;font-family: Verdana;body /设置整个页面的背景色及文本的位置SCROLLBAR-FACE-COLOR: #e8e7e7; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(img/bg.gif); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ff6600; SCROLLBAR-TRACK-COLOR: #efefef; FONT-FAMILY: 宋体; SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; SCROLLBAR-BASE-COLOR: #000000; BACKGROUND-COLOR: #ffffff六、网站测试结果1、IE6.0下测试结果七、项目计划及分工1、项目计划表保险行业网站设计 项目计划表项目组长: 王利强 曾翔 班级: 09计科6班 日期:进程第1次课（11.22）第2次课（11.23）第3次课（11.25）第4次课（1126）第5次课（12.3）第6次课（12.5）负责人项目计划王利强曾翔总体方案效果图设计报告系统测试答辩2、分工 陈腾蛟：PS，策划书 曾翔：网页制作，调试修改 王利强：网页制作，调试修改 王晨：实验报告，调试修改八、总结王利强：通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！创新是网页制作的核心内容。规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当要制作一个很大的网站的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人。大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。曾翔：科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网站并不是一件害怕的事情，而是一件努力和尝试的事情。王晨：当我在暑期学校众多迷人的项目中作艰难选择时，我只选择了web网页设计制作学习班，选择电子设计培训是因为我学的是电子信息专业，与其有极大的关系；选择网页制作，并不是我以后立志想成为网页设计专业人员，主要是由于我的兴趣所至。遗憾的是前者落选了，而幸运的是概率只有十分之一的网页制作学习班收留了我，万岁！获得了知识当然是最重要的，另外，通过这次学习，我还结识了很多来自不同学院的朋友，课下与他们沟通、交流、切磋经验，了解更广泛的专业知识与各学院之间的文化以及介绍不同学科之间的差别、共性。在交流中，我们青年人的人生观及理想抱负都洋溢在青春魅力的脸上，对未来充满了信心与渴望。陈腾蛟:用汗水换来的东西要珍贵的许多。学习网页制作所付出的努力，我感觉已明显超过了专业知识的学习。每天我到教室都比较早，坐在前几排，上课几乎没有走过神，也从未因身体犯困而引起精神犯困，尽管我每天只睡六