1、 目 录第一章 引言2第二章 设计思路221 设计宗旨2 22 设计理念3第三章 技术运用43 1 多媒体技术432 数据库技术4第四章 栏目设计64 1 网站栏目结构图 642 栏目内容设计7第五章 流程设计1051 网站实现流程1052 网站模块分析11第六章 模块功能设计12第七章 开发工具15附录一18总经理: 技术主管: 策划人: 第一章 引 言“互动”为Internet的基本核心和根本价值,从”WINDOW”(单项反馈)向”GATE”(双项互动)的转变,从单一媒体向互动平台的转化,是网络建设观念的革命性变革,也是当代网络建设的真正精髓。网站平台已经不仅仅停留在原始”电子媒体”的层面
2、,也不仅仅是宣传的窗口或平台,而是向生产管理、网络营销、客户支持、市场拓展等领域渗透、延伸的最先进的生产工具和生产力。网络所具有的无法替代的先进性和功能性,已经成为最先进和有效的管理和营销工具。借助Internet和Intranet的无限扩展性,依托网络空前先进的规划、统计、分析、管理等功能,将优化企业结构、协调配置资源、提升企业的综合竞争力,从根本上改变企业的生存与发展条件。网络以人为本,个性化是我们这个时代最鲜明的主题。*厂作为发动机行业知名企业,网站建设必须要做到:个性化、功能化、市场化;在树立企业形象、展示产品的同时,直接面向市场,通过网络与各级用户建立联系,并向用户提供售前售后服务和
3、动态服务状态查询等支持,缩短反应时间,丰富服务手段,个性化地满足客户需求,最大限度提升客户满意程度。另外,依托网络营销手段,建立最有效的市场反馈和服务管理体系。此外,考虑平台和技术的可扩展性,必须设立足够的外挂系统接口,为平台升级预做准备。鉴于以上观念,百汇公司为您提供以下建站设计方案。第二章 设计思路21 设计宗旨本着体现介绍企业、宣传产品、服务于售前与售后客户的原则,本网站设计宗旨以功能性、技术性、易用性和国际性为主。1、 功能性以网络平台为营销基础,充分体现本网站的功能性。在目标顾客访问网站的同时,收集公司的目标顾客、潜在顾客的资料,以及进行的交流沟通和商业往来信息,对顾客提供更多及时服
4、务,发现顾客新的潜在需求,加强与顾客紧密关系,帮助公司改进营销方法和营销策略,使公司能系统了解市场和把握市场更好满足市场需求。2、 技术性 运用百汇先进的技术服务特色,在高效的整合传播中体现美感,准确、快速的传达信息,让技术的进步成为锐利的营销武器。将节奏寓于平面之中,让客户在视觉的冲击与听觉的震撼中,体验来源于高技术所带来的全方位个性体现中,产生需求。3、 易用性使用先进的数据库技术,通过完备的后台管理系统,使网站的后期维护更加轻松快捷,使用信息更新快捷方便,及时促进企业的售前与售后服务。4、 国际性 由于网络的国际性,企业形象的网络化将带给企业前所未有的新市场、新机遇。通过稳重大方的形象展
5、现和严谨统一的构图设计,充分利用企业全球化的推广方案,真正实现国际性的企业国际化的服务。22 设计理念色彩设计 色彩是一切视觉艺术的基础,是人类辩别物质的基础依据。在Internet中给客户带来最大的视觉冲击力的元素,就是网站的色彩设计。我们以蓝色为网站的基本色,用银灰色和白色进行修饰搭配,使整个网站的格调既稳重大方又清爽明朗。构图设计 构图是任何构图行为以及视觉表达的基本构架。好的构图设计,不但能够突出要表现的主题,更是网站风格形成的关键,我们力求各页面的设计统一而变化,充分体现网站的功能性、特色性、美观性。编排设计 在每个网站的编排设计中都力求突出功能性、艺术性及准确性。图文比例及图文数量
6、的编排科学合理,符合站点的主题及功能要求。*指定的重要文字或图片资料,均体现在站点每个页面的显著位置。第三章 技术运用*厂网站的整体规划充分体现功能性、技术性、易用性和国际性。主要运用多媒体技术和数据库技术。31 多媒体技术 多媒体技术是体现最新网络宣传及营销的一项重要技术手段,我们的设计将这些新技术纳入到网页设计的元素中来,使之为网页的制作效果增添光彩,更能够使浏览者体验到现代化媒体超凡的功能效果。(1) 利用百汇公司最新开发的FLASH全方位互动展示技术,将企业的产品进行360度全方位展示。并以FLASH的流量显示功能,避免了访问者等待的烦恼,同时FLASH全方位互动展示让用户可从各个角度
7、观察产品,对一些重要的产品还可以将各个剖面进行多视角互动展示。(2) 利用FLASH技术,将产品操作流程进行动态的展示,用户可在网站上,进行实物操作演示。(3) 利用百汇公司开发的FLASH地图技术,动态的展示出各分公司和代理商的分布网点、地理位置、交通路线、服务项目、联系方法等。32 数据库技术 一个结构设计优良的数据库,是实现信息网强大管理功能的坚实基础;我们将着重设计出结构合理、扩充性好、易于使用的库结构和表结构。(1) 为实现产品信息、产品展示智能化管理,方便产品查询,设计了产品信息数据库;(2) 为做好会员管理,并向会员提供更好的服务,设计了会员管理数据库;(3) 为了收集客户反馈信
8、息,设计了反馈信息数据库;(4) 为了实现客户之间,员工之间,客户与员工之间的交流与沟通,设计了论坛管理数据库。(5) 为了后期维护的简便性和更新信息的实效性,我们将运用严谨的数据库设计,建立良好的后台管理。以完善的客户端工具,实时更新网站信息。节省了大量的人力而且不易出错。(6)附:为充分体现网站的营销服务价值,建议结合数据统计分析及数据挖掘系统与FLASH动感地图,挑选建立以下专题营销及管理数据库层: 客户购买力空间分布分析 销售/服务网点布局决策分析 市场营销区域布局分析 客户投诉分布空间分析 目标客户分布及动态变化分析 主要消费流向、重点消费趋势; 市场战略布局; 竞争对手市场战略布局
9、; 客户服务能力布局; 目标客户分布。第七章 栏目设计4 1 网站栏目结构图扉 页主 页 本站介绍在线论坛科学技术售后服务销售网络产品介绍新闻动态企业介绍安装流程客户反馈售后服务产品展示产品荣誉产品配件各分公司代理商的地图及资料员工之家技术论坛客户服务论坛行业新闻其它新闻企业新闻企业文化领导关怀组织机构领导风采企业荣誉企业简介公益事业网站导航友情链接关于我们技术园地最新科技质量检测技术设备与我联系422栏目内容设计 扉页 以FLASH动画和3D技术制作一个发动机为动感展示内容,稳重大方而又具吸引力的扉页。首页 主页设计以蓝色为基本色调,运用白色和银灰进行融合搭配,突出网站稳重清爽的格调;另外运
10、用FLASH技术设计动态效果,强调网站的特色同时也更能吸引浏览者的注意。基本栏目 1 企业介绍 向外界介绍企业基本情况,展示企业的整体形象。内容包含:企业简介:介绍企业的基本情况。企业荣誉:以图文形式介绍企业曾获得的荣誉,奖励。领导风采:介绍企业领导人,公司领导的致辞和期望等。组织机构:介绍企业各组织机构的主要人员和主要工作职能。领导关怀:图文结合展示各级领导对*的关怀,比如:各级领导到*参观指导或领导为*题词等。企业文化:宣传*的优良传统,企业理念以及在新世纪里的奋斗目标等。公益事业:通过图文结合介绍企业所做的公益事业,更好的宣传企业的社会形象。2 新闻动态 介绍与企业相关的新闻。行业新闻:
11、介绍行业的大事要事,让访问者及时集中的了解本行业的最新动态。企业新闻:介绍企业的最新动态,让访问者随时随地的了解企业的最新情况。其他新闻:介绍国际国内重大新闻。3 产品展示 (重点):产品展示:运用FLASH技术360度全方位的向访问者展示企业的产品。产品荣誉:企业曾开发研制出的优秀产品及产品所获荣誉等。产品配件:图文结合介绍各种配件,点击进入详细介绍,并可进行在线订购。4 销售网络 FLASH动感地图动态展示各分公司和代理商的具体位置,交通路线和详细资料。5 售后服务 售后服务在线指导和介绍。安装流程:网上安装操作指导,利用网络开展售后安装指导。售后服务:介绍各个产品的售后服务情况。客户反馈
12、:及时了解客户的意见和建议,为公司的销售和服务提供参考。6 科学技术技术设备:介绍企业先进的生产设备,展示企业的技术实力;质量检测:介绍产品的检测设备,检测方法,检测标准等;最新科技:介绍行业内以及本企业的最新技术;技术园地:介绍企业的技术力量,主要技术人员及技术成果。7 在线论坛 做为企业的信息交流平台,根据不同的功能分为三个不同的论区。客户服务论坛: 企业与客户、客户与客户之间交流的平台。员工之家:企业员工之间相互交流的平台。技术论坛:供技术人员交流思想,和工作经验的平台。8 本站介绍 网站情况介绍,沟通本站与外界的交流。网站导航:向用户介绍网站的结构,便于用户迅速查找所需内容。关于我们:
13、有关本站的介绍,声明等。友情链接:与相关网站合作增加本站的访问量与我联系:对本网站的建议和意见可与网络管理员进行交流。第五章网站流程设计首页信息管理客户信息产品信息需求信息反馈信息销售点信息论坛信息新闻信息管理员信息企业介绍新闻动态科学技术产品介绍产品查询定购需求产品互动展示销售网络网点地图展示售后服务客户反馈安装流程展示在线论坛发表文章论坛会员注册会员信息修改客户注册客户信息修改管理员信息管理新闻信息管理产品信息管理销售点信息管理需求信息管理反馈信息管理论坛信息管理验证登录查询条件验证需求单反馈单登录静态显示页面数据库交互模块数据库信息块功能模块后台数据库信息管理模块Flash交互模块图例说
14、明:5.1 网站实现流程:5.2网站模块分析整个网站根据页面显示和交互的不同可以分为三大模块,每一模块又可以细分为相对独立的小模块。第八章 静态信息显示模块(htm)企业介绍:以静态图文介绍*的情况。科学技术:以静态图文介绍杭汽发厂的技术设备,技术力量和相关的技术知识本站介绍:网站的介绍及联系方式其他介绍:如产品荣誉,销售服务等的介绍,分布在不同的栏目里。2数据库交互功能模块(asp)会员注册登陆:记录会员的信息到数据库中新闻信息发布:企业新闻,行业新闻等新闻的发布产品信息发布:发布企业的产品信息,发动机或相关的配件产品需求订购:客户(非会员或会员)在线进行产品的选择和订购需求操作,定单记录到
15、后台数据库中客户投诉反馈:客户在线论坛讨论:是客户与厂家,员工与员工交流信息的地方,所有信息存入数据库后台信息管理:是针对以上各个交互模块的管理,具体有产品信息管理,订购信息管理,反馈信息管理,新闻信息管理,论坛信息管理,销售点信息管理等,对应有不同的管理人员。3Flash交互功能模块(swf)产品互动展示:对重要产品提供flash的交互操作演示安装维修流程:互动的演示不同产品的安装或维修的流程销售网点地图:分公司或销售点的地图显示,还可以进行交互的操作,调出内容介绍页面。第九章 功能模块设计2 会员注册模块设计会员主要分两种:一种是网站管理员,一种是普通会员。其中网站管理员又分为总站管理员和
16、区域管理员两种。总站管理员有权限对网站的各个模块进行管理,而区域管理员只能对其负责的某一区域进行管理。不同的模块管理员拥有不同的用户名和密码,管理员可用相应的用户名和密码进入相应模块的后台管理,可对相应的模块进行添加、修改或删除。总站管理员可通过总站管理的用户名和密码进入总站后台管理,并可对所有模块进行添加、修改或删除。访问者通过注册即可成为普通会员。对于非会员,只可以进行信息浏览;只有用户注册成为会员后,才可以真正进入平台填写电子订单,在论坛上发表文章,并享有一些会员优惠服务。公司可根据会员的不同情况判断会员的级别,并可对重点会员给予更好的服务或更大的优惠,还可以主动与重点会员联系,以维护良
17、好的客户关系,提高企业的销售业绩。3 搜索引擎模块设计运用搜索引擎可根据产品的具体性能和技术参数等进行快速准确的查询。结合以往开发基于浏览器和数据库的动态网站的成功经验,我们对*的网站及其数据库开发需求进行多方面的分析后,提出以下的设计方案:(1) 产品查询建立大型产品信息数据库为用户提供两种不同的查询方式。2) 分类查询在用户对所需产品没有详细的了解时,可通过选择不同产品类型进行查询,然后再在同一类产品中选择所需产品;3) 关键字查询 用户对只需键入产品的名字,就可以直接进行关键字查询,迅速的查找到所需产品。(2) 网点查询进入销售与服务栏目出现中国地图,所有分公司和代理点在地图上标注出,可
18、查询操作。第七章 产品展示模块设计产品展示模块以百汇公司最新开发的FLASH全方位互动展示技术进行制作:用户进入产品展示页面,可以看到产品匀速的将各个角度进行展示;当用户需要详细察看某角度时,可将鼠标放在产品图片上,图片即停止转动;如需进一步察看,可以将产品展示图片进行放大;当用户需要查看某个部件时,还可以点击产品部件,进行放大。 第八章 订购系统模块设计我们可通过一次示范性的网上订购来简要描述其实现功能及操作流程,例如:在产品展示框下设有“我要订购”按钮,如果没有进行会员登陆点击按钮,将会弹出登陆对话框;如果已经进行会员登陆,点击按钮将弹出电子定单,用户需填写订单,然后提交既可完成订购。定单
19、中设有必填栏目,例如:会员用户名和密码,订购人,收货地点,配货方式等。取消订购,则点击电子订单上的“取消订购”按钮。用户提交定单后,所有数据全部载入数据库。管理人员根据用户所填信息进行分析确认,然后上报有关部门安排相关事宜。5. 安装流程展示模块 利用FLASH技术动态的展示产品安装过程。用户进入安装流程栏目,点击某一产品,展示框内立即显示该产品。点击“自动操作”,动态的显示各操作过程。如果需要详细观察每一步操作可点击“分步操作”,展示栏内会反复出现某一步操作,点击“下一步”或“上一步”,则进入相应操作的重复展示。第九章 销售网络动感地图模块点击“销售网络”即可进入动态“中国地图”页面,页面上
20、总公司以大的红色标志标出,分公司以橙色标志标示,代理商以黄色标志标示。点击总公司进入*市地图,可以看到企业在*市的具体位置;点击相关按钮可查询从各大站点到企业的交通路线;再点击企业标志,则进入总公司的详细介绍。点击分公司或代理商的标志,进入相应的企业地图;点击相关按钮可查询从所在城市各大站点到企业的交通路线;再点击企业标志,则进入相应销售点的详细介绍。7信息反馈模块设计 客户通过信息反馈栏目提交的信息直接发送到公司的邮箱,同时也存入信息反馈数据库。在信息反馈栏目中,可选择收信人(如:总经理,销售主管,技术主管等),这样不同的问题由不同的人员进行回复。同时,公司还可定期统计每种意见的数量,对于非
21、常集中的意见进行分析和改进,为企业的生产和销售提供参考。第十章 后台管理模块设计对于公司网站内容的管理维护工作,应建立独立的管理员站点来完成,以保证站点数据的安全可靠和维护方便。进入管理员站点必须登录,只有有权限的用户才可进入操作。共设以下几个管理功能:产品管理:可在此进行产品库信息的更新。 定单管理:及时查询未处理的新定单,处理后标记为已处理,并从库存量中减少。新闻管理:增加、删除行业新闻,企业新闻。论坛管理:对论坛上的信息进行增加、删除客户信息查询及会员管理:在此可检索客户资料及以往交易历史,对长期大客户可升为会员;对已有的会员资格的取消。 反馈信息管理:对用户提交的反馈信息进行整理。 开
22、设网上集团信箱,便利网上联系。第十一章 系统使用平台及软件操作系统平台:Windows 2000Windows 2000 是Microsoft公司最新开发的操作系统平台,它集合了Windows98和windowsNT的优点,其中Windows2000 server和Windows2000 Advance Server是运行于服务器的版本,能更稳定的运行各种应用软件。根据网站建设的需求主要是进行信息发布和信息交流,也出于便于开发和管理建设的考虑,采用Windows 2000 Server或Windows 2000 Advance Server作为网络操作系统是较好的选择。后台数据库:Micros
23、oft SQL server在选用Windows NT/2000网络操作系统时,宜使用Microsoft SQL server。这种数据库能提供关系管理系统(RDBMS)核心和一组外围管理工具软件。采用标准数据库语言和远程数据访问标准,能够实现网络环境下数据库之间互联、互操作,具有网络容错、完整性检查和安全保密等功能,使整个网络数据库的存取更加合理。在选择数据库需求,比较各种的性能和优缺点,并有一个长期的规划和若干年后要实现目标。Microsoft SQL7数据库系统的可以跨越各种:从简单的个人系统(如安装Windows 95的普通台式机和笔记本电脑),直到16个CPU、几个GB内存、几个TB
24、硬盘的高端对称多处理系统。SQL7系统结构的改进主要体现在以下几个方面。新的存储格式:数据库的页(Page)、行(Row)、盘区(Exent)、数据文件、日志文件的存储方案经过全面更新,不仅便利服务器在低端和高端之间伸缩自如,而且明显提高了性能和可管理性;新的查询处理程序:SQL7的查询处理程序经过重新,提供新的查询算法,例如索引交叉、混合连接,以及并行查询,这些都为海量数据库的快速查询算法提供了条件。SQL7还支持SQLSERVER与其他OLEDB和ODBC数据库之间的颁布式查询功能(Distributed and Heterogeneous Query)。 服务器端脚本:ASP 我们将采用
25、Microsoft Active Server Pages 即我们所称的ASP来开发实现系统的功能,ASP其实是一套微软开发的服务器端脚本环境,ASP内含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的WEB服务器应用程序。有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。Active Server Pages 的源程序,不会被传到客户
26、浏览器,因而可以避免所写的源程序被他人剽窃,也提高了程序的安全性。ActiveX Server Components(ActiveX服务器组件)具有无限可扩充性。可以使用Visual Basic、Jave、Visual C+、COBOL等编程语言来编写你所需要的ActiveX Sertver Component。ADO是WEB数据库应用的最佳选择。ActiveX Data Object 的技术,可以与Active Server Pages(简称ASP)结合以建立提供挂接数据库的网页内容,只需在网页面中执行Structured Query Language(结构化查询语言,简称SQL)指令,让用
27、户端的浏览器填好表单所要求输入的资料并按下”Submit”按钮后,经过互联网、内联网传送HTTP请求到WEB服务器,该请求在WEB服务器执行一个表单所指定的Active Server Pages 程序(后缀名为.ASP的文档)。IIS3.0/4.WEB服务器执行.ASP文档,通过ODBC驱动程序,连接到支持ODBC的数据库上,执行ASP文档所指定的SQL指令,最后将执行的结果以HTML的格式传送给用户浏览器。AKO具有容易使用、开发执行快速、消耗系统资源较少,和占用磁盘空间小等优点。客户端多媒体交互技术:Flash5.0 Flash 是Macromedia公司三大网站制作产品之一,曾获众多国际
28、奖项,是网络制作和回放技术标准。它解决了网页动画互动性与网络带宽之间的矛盾体现了互联网的新概念快捷、生动!人们用它将高效果的网站发送给尽量广泛的观众。通过与Micrsoft 和 America Online等伙伴的合作,Flash 正在向超过2.22亿的观众提供高效果的站点。世界一流的站点如 D, M, IBM 和 CNN Interactive等都是Flash站点,它们小巧、充满了动感、互动性及图形,非常令人振奋。 Flash动画是由交互式矢量图形组成的动画,所以下载速度很快,并且动画大小可以随用户的屏幕大小而自如缩放。Flash可以用它生成动画,创建互动性网页,并在网页中加入声音。它还可以
29、生成亮丽夺目的图形和界面,而使文件体积不会过大,它还能下载到本地,独立于浏览器之外进行播放。Flash发展到现在的5.0版本,不只是拘泥于制作绚目的效果,还可以通过asp等服务器端脚本跟后台数据库很好的进行连接,可以根据数据库数据信息调用不同的flash多媒体文件,这样就改变了传统客户端跟后台数据库交互只能是文字和静态图形的模式,使用户能够享受视觉效果更佳的多媒体交互操作。Flash在窄带及宽带环境下都可以灵活运用。窄带下,可以选择性的播放动画文件,声音特效可以舍去,由于是流式播放格式,所以可以下载一段,播放一段,交互也可以在已完成片段的基础上进行。宽带下,播放可以更加流畅,多媒体功能和交互功能也就更加绚目,更加强大。服 务 与 报 价略 服务项目:1 免费页面和系统维护,时间1年;2 免费培训2-3名管理维护人员;3 免费提供域名解析服务;4 免费在200个国内外搜索引擎上登陆宣传;5 免费在数字中国网站上进行链接。