九阳股份有限公司客户服务中心网站建设方案山东齐鲁八达网络通信技术有限公司二〇一九年八月一日联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层1目录一、网站建设目的……………………………………………………2二、网站定位…………………………………………………………2三、网站风格…………………………………………………………2四、网站设计原则……………………………………………………2五、平台用户类型……………………………………………………31、网站浏览用……………………………………………………32、网站管理员……………………………………………………3六、网站框架结构图…………………………………………………5七、网站功能要求……………………………………………………61、频道管理要求…………………………………………………62、信息中心管理要求……………………………………………63、客服中心要求…………………………………………………74、下载中心………………………………………………………75、网站维护管理要求……………………………………………76、语言要求………………………………………………………8八、现有网站分析……………………………………………………8九、技术实现…………………………………………………………13十、网站建设分配……………………………………………………20十一、售后服务………………………………………………………21十二、项目报价………………………………………………………22联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层2一、网站建设目的实现全新的公司对外宣传形象;提供客户咨询服务、解决方案等,辅助公司产品营销。二、网站定位1.科技、创新、朝气、简洁、实用、锐意进取。2.以客户服务和企业形象为导向。3.结构清晰,层次分明。三、网站风格1.特点:风格要简洁、大气、现代感、有新意、体现科技创新;强调色彩、时尚;但要求协调、页面流畅,不可以给用户凌乱的感觉,保证浏览者在较短的时间内看到最想看到的内容,更好的方便客户进行查询,达到简洁实用的效果。2.页面:注重页面、banner、flash和图片的协调;合理安排首页的信息,避免信息过多分不清主次,造成信息冗余。3.颜色:色彩要与VI相同,页面要求精致,通过页面体现技术实力和数据权威;搭配图片、banner、flash等装饰,使得页面有灵活性和实用性。联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层3四、网站设计原则在网站的设计和开发过程中,我们要求遵循以下原则:◆品牌性——重点塑造九阳网络服务中心平台的“专业、温馨、创新、科技”的形象,体现九阳产品的品牌性。◆实用性——网站主要为客户服务、售后咨询在一定程度上要体现网站的实用性,通过简单的页面能够让客户操作方便,一目了然。◆一致性——符合网站的定位思想,各页面之间具有连续性。◆易用性——系统设计制作使用的技术对使用者的专业技能没有特殊要求,方便个人和客户的使用。◆高效性——网站页面的设计简洁、美观,尽可能地提高浏览速度,突出主要信息。导航系统在层次清晰的同时方便浏览者对相关信息和服务的访问。◆可扩展性——为保证公司未来发展的需要,同时兼顾系统建设的阶段性,尽量减少模块间的连动设计,便于今后系统扩展与升级。◆安全稳定性——在充分考虑网站功能的同时,应格外重视网站的安全和稳定性,如使用密码加密及数字证书等。◆多用户——考虑到网站的使用者同时操作的情况,系统支持多人操作。◆可移植性原则——采用采用三层架构,视图层,业务逻辑层,数据交互层,使用MVC架构(STRUTS)、OR映射HIBERNATE,数据库采用ORACLE,Web服务器采用TOMCAT,不仅满足现在的应用需求,而且要适应未来的发展趋势,在以后的升级、移植工作方便,降低二次开联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层4发成本。五、平台用户类型该平台用户分为二类:1.网站浏览者访问网站进行产品服务的咨询、网店查询和产品说明下载等主要内容。2.网站管理员网站的系统管理员——整个网站系统的一级管理员,包括对普通管理员的增、删及属性更改,系统性能的监控。网站的普通管理员——整个网站二级管理员,接受系统管理员分配的指定权限范围,对信息频道、内容上传等进行管理。联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层5六、网站框架结构图展示性首页在线互动在线客服在线留言九阳故事九阳服务九阳服务服务动态服务热线服务支持常见问题选购保养下载中心服务网点授权网店商务平台查询综合查询人工或其他查询后台管理系统会员中心会员进行登记权限划分,享受不同的服务。联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层6主要内容如下:1.首页运用图片、Flash、视频短片形式设计与众不同的首页及内页风格。使网站在能够提供给访问者最需要的信息之外还能拥有赏心悦目的感觉。使整个网站最终拥有可观性和实用性的特点。2.在线互动主要包括:在线客服、我要报修、我要投诉、九阳故事主要板块。3.九阳服务主要包括:九阳服务、服务动态、服务热线。4.服务支持主要包括:服务网点、常见问题、选购保养、下载中心、视频指南。5.授权网店商务平台查询、多个条件综合查询、人工或者其他查询。6.会员中心客户会员进行权限分级,每个权限的会员会享受不同的服务项目。七、网站功能要求1.频道管理要求频道的增减:通过简单的文字输入来增加、修改、删除和移动网站频道。例如:当有新项目需要在网上增加一个频道做介绍,网站系统管理员只需要输入相应的频道名称就可以建立一个新的频道,项目联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层7内容通过频道内容编辑就能实现了。频道内容的编辑:通过系统编辑器来编辑相应频道的文字和图片内容。网站系统管理员通过一个类似WORD的编辑器就可以对网站的所有内容进行编辑了,编辑的内容包括文字、表格、图片、动画和多媒体文件等。2.信息中心管理要求新闻管理系统吸取静态数据高效的特点,同时结合关系数据库来进行信息管理,将网页上的某些需要经常变动的新闻信息,集中管理,并通过信息的某些共性进行分类。做到动态信息静态发布,自动管理大容量信息,具有高度灵活性和可扩充性的系统框架,可以完成网站系统管理用户简单、高效的发布功能。具体包括以下功能:信息内容类别管理:信息发布管理系统可以设置多个信息类别的管理,网站系统管理员可以添加或删减新闻类别。信息内容的增加、编辑、审批、修改、删除:在网站后台提供一个类似WORD的编辑器,可以编辑和修改信息,可以实现图文混排,其中图片为嵌入式。上传的图片可自动调整为网上方便浏览的尺寸和可供下载的尺寸,并自动归入图片库。新闻查询功能:可按发布时间段、发布内容关键字进行查询。新闻的自动分页功能,通过插入分页符号即可以实现新闻的自动分页功能。3.客服中心要求联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层8客服系统链接到已有的网站上;进行在线交流;4.下载中心多用户管理分权限发布、管理软件信息。大类小类两级无限制软件分类、无限制添加软件下载链接。完善的下载统计功能,记录软件每日、每周、每月的下载次数。本站资源的统计功能。在线人数统计功能,并显示在线用户的详细信息。5.网站维护管理要求网站维护:可以实现网站内容的备份和系统优化,出于网站内容的安全考虑,可以定时将网站内容备份到本地电脑或网站空间,保证网站的安全可靠;同时系统优化功能可以提高网站的运行和浏览速度。6、会员系统企业用户可以在网站上登记注册,选择会员的类别、查看的权限范围并成为预备会员,并提交到用户管理数据库;待网站审核通过后成为正式会员,享有网站提供的相应服务。7.语言要求本网站需要中文简体。八、现有网站分析现客服中心网站与公司主站页面整体风格不相符合。缺乏衔接性,与主站健康、明快、朝气的感觉不一致,未体现出客户服务界面应有的友好、热情、专业的服务态度和精神。联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层9颜色方面:与主站缺乏统一性。现采用的绿色和灰色不能和九阳的橙色形象协调搭配,整体感觉暗淡,缺乏设计的流行性。建议运用鲜亮、明快、透明的色调,更好的与主站色调风格相匹配。版式方面:缺乏整体性;板块分隔不够明晰、易混淆。局部文字说明和图片过于拥挤。细节方面处理过于粗糙。内容方面:首页缺乏客户服务的实用性,文字内容应该以针对客户的实际需求而设定,进入客户服务界面后,应让用户便捷的得到所需的帮助。综上所述,列举以下图例说明:首页:,首先要给人承诺,才更得到客户的信任。在图片的运用上多使用宣传标语、宣传口号,放在醒目位置。之前的网站是放在页面的最下端,我们认为有待改善。联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层10颜色暗沉,不明快,未给人健康、积极、热情的感觉,但表现方式较直观,值得借鉴。联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层11广告播放器样式不美观,破坏页面风格。服务向导页面:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层12样式和颜色极不搭配,过于俗气常见问题页面:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层13九、技术实现框架技术:Struts、过滤器页面技术:JSP、Ajax、JSTL安全技术:数字证书技术(双向认证或单向认证)(一)、框架技术概要:1、Struts:目前Struts是Java平台Web应用程序开发最为成熟的框架技术。其有众多的优点,可以大幅度提高开发效率,是目前Java平台应用最为广泛的框架技术。当建立一个物理建筑时,建筑工程师使用支柱为建筑的每一层提供支持。同样,软件工程师使用Struts为业务应用的每一层提供支持。它的目的是为了帮助我们减少在运用MVC设计模型来开发Web应用的时间。Struts是基于MVC模式设计的框架结构。MVC(Model-View-Control的简写)即“逻辑层、视图层、控制层”的意思。MVC结构可以大幅度降低应用系统的复杂度,使应用系统结构清晰、简单。极大的提高了程序开发的效率、降低了开发期与后期维护时的难度。极大的节约了程序开发的成本。联系人:李军营电话:86970039-80218953152060地址:济南市山大路数码港大厦A座3层14MVC结构简图:Struts框架其他优点:Struts的优点主要集中体现在两个方面:Taglib和页面导航。Taglib是Struts的标记库,灵活运用,能大大提高开发效率。页面导航,使系统的脉络更加清晰。通过一个配置文件,即可把握整个系统各部分之间的联系,这对于后期的维护有着莫大的好处。尤其是当另一批开发者接手这个项目时,这种优势体现得更加明显。2、过滤器技术:过滤器技术给应用程序的整体安全性提供了一个可靠的实现,通过给程序添加登陆验证和权限验证过滤器,可以有效杜绝未登陆或未授权的用户对应用系统敏感模块的访问。未登陆或未授权的用户在访问网站或程序的某些机能的时候,过滤器会自动拦截此访问请求并对用户进行必要的验证,如果此请求为一个非法访问,过滤器会终