北京优力联合科技有限公司网站管理系统解决方案二○○五年四月23第一章北京优力联合科技有限公司网站建设方案2.1背景介绍及需求分析背景介绍:优力联合公司本着以自主芯片设计为核心,以硬件软件开发为基础,以全面的技术产品应用解决方案为龙头的全新的经营策略,充分适应市场需求,成为国内集芯片设计/关键技术部件生产/应用开发的专业类技术公司根据公司自身的商业定位,在整体的消费类电子产品行业中是属于上流通道需求分析:作为一家以芯片研发为产业的公司,北京优力联合科技有限公司本着客户至上的原则,提供专业的多媒体芯片以及相关的产品和服务。为了推广公司形象,树立自己的品牌,公司对于建设一个适合自己,展示自己并且可以服务于大众的网站非常之重视,而网络宣传已经在企业宣传中占据了一个非常重要的位置,其辐射性已经远远走出了传统媒体的区域限制。由于公司目前着力于芯片研发的方向发展,因此网站除基本内容外,应把产品宣传作为重点,进行全方位的设计策划。让阅览者在了解公司的同时,也能直观的了解芯片从研发到市场的一切相关内容。所以,公司目前需要的是一个既能展示自我形象,推广公司业务,又能突显公司自身特点的企业门户型,商务型的大型综合性网站。2.2网站设计原则:建设网站要充分考虑如下设计原则:(1)充分考虑到宣传形象、扩大知名度的作用。(2)充分了解及考虑客户对网站的需求,比如网站以优联科技出现。(3)数据库开发要充分保障业务的需求,比如实用性及安全性。(4)适度考虑数据库在中短期内的可扩展性,满足业务发展对网站的需求扩大。(5)具体分析用户的应用,寻找适合的解决方案,即可实现满足的需求,又可有效的4节省投资。2.3北京优力联合科技有限公司网站解决方案根据上面对于北京优力联合科技有限公司的背景介绍及需求分析,我提出如下设计方案:2.3.1网页设计及数据库开发解决方案网站整体要求:界面设计精美、简洁大方、充分体现多媒体芯片的魅力、突显(芯片名称)更快的信息访问速度、更加省时和智能化的用户界面更简便、智能化程度更高的浏览查询流程易于在线接收客户,会员的反馈信息、需求与咨询强大的虚拟空间与数据库支持,信息容量大,处理效率高。综合信息和配套服务完全。网站风格:网站结构简单明了,结构条理清晰,页面精美、功能实用。版面要求:设计构思力求精巧,布局要求简捷合理,网站整体设计风格统一。页面部分:1、形象页形象页以冷色调形式表现,要求精美,给人一种震撼力。形象页的内容:企业名称,标识,LOGO,等。2、公司首页首页作为设计的主要内容,力求页面简洁而不失个性化,明确不同阶段的传播受众与目的,确定传达的主题。主页的内容:5上部LOGO及banner条,以寓意深刻的图片或徽标等作为表现要素,以动态表现公司徽标和名称,制作成网上动画的形式(好多软件屏蔽FLASH,建议改为GIF),使网站动感强烈,给人留下深刻印象。导航条位于公司LOGO及BANNER下面,根据公司的需要,导航条包括项目有:首页(按纽)、公司介绍、最新动态、公司产品、BBS、资料下载、人才招聘、服务咨询、联系我们(拟订)。页面下部显示版权信息、公司名称、联系方式等。位于下部居中的位置。3、栏目页面:(首页(按纽)、公司介绍、最新动态、BBS、资料下载、人才招聘、联系我们(按纽))首页“首页”作为按纽,如果进入其它栏目点击此按纽可以快速返回首页。(1)公司介绍对本公司进行详细的介绍,其中包括:(供参考)A、公司简介B、部门介绍C、关于我们D、经营理念E、公司宗旨F、我们的信念(2)最新动态在线发布优利联合相关新闻,产品图片等信息内容,让浏览者可以看到最新的资讯。此栏目可通过“新闻发布系统”功能实现。6(3)BBS主要用于交流,可开设以下几个办块。包括:A.问题解答B.最新动态C.加入我们D.联系我们其中:A.包括产品容易出现的各种问题。B.包括公司最新的相关图片、新闻,以及近期所举行的活动等。C.加入我们可在线提交申请,提供申请表格。D.详细的联系方式。因为网站中任何页面的底部位置都有联系方式,所以联系方式不作单独的页面,而将此栏直接作为按纽,点击后直接进入OUTLOOK按纽进行在线联系。(4)资料下载点击后,进入资料下载页面,具体内容待定。(5)人才招聘通过公司网站向社会招揽人才,可以节省部分费用(6)联系我们因为网站中任何页面的底部位置都有联系方式,所以联系方式不作单独的页面,而将此栏直接作为按纽,点击后直接进入OUTLOOK按纽进行在线联系。7最新动态主页附:网站总体框架图网站总体框架图:数据库部分:A、新闻发布系统信息动态作为一种网站以及网站管理企业公司对外宣传的强大工具,通过该信息发布系统,网站可以发布通知、公告、新闻、网站动态等丰富的内容。通过本系统管理的内容有:最新动态,会员动态。包括公司新闻和新品动态。信息内容包括标题、图片、内容都由后台来添加、修改及删除;网站管理者在以上栏目添加任何内容,都只需要在本系统中简单地录入文字内容,本系统可以自动生成首页,将内容添加到各自的类别中去。信息发布系统主要有4个模块组成:(1)、存储信息内容的数据库;形象页优力联合BBS首页(按钮)公司介绍资料下载人才招聘联系我们A.公司简介B.部门介绍C.关于我们D.经营理念E.公司宗旨F.我们的信念问题解答最新动态加入我们联系我们A.GPS车载方案B.硬盘录象机方案C.体育俱乐部D.体育场馆8(2)、对信息数据进行保存、删除处理;(3)、处理信息的标题显示和动态生成信息的详细内容;(4)、用于处理信息在网页的显示数目等。前台:每个栏目的页面中包含此频道的N个信息内容,内容中显示每条信息的标题、图片、简介、评论等,以信息录入时间为依据按倒序显示,点击后进入相应信息的详细内容后台:在成功的输入用户名与密码后,进入信息管理的主窗口可以具体的对每个栏目的内容进行删除、修改、添加操作,实现信息上传,图片上传,信息修改与类别管理。其一些功能有其身的特点,其功能如下:(1)信息分类管理(2)信息对象自动递交(3)信息自动分类、匹配(4)信息查询、统计、分析B、在线反馈表单在线及时了解客户提出的咨询与问题,查询客户留言,使服务咨询做到快速,及时,准确。在线反馈表单需要通过ASP技术实现,通过程序的开发对特定的字段进行代码转换,实现信息的快速提交。C、会员注册,登陆管理系统对于服务平台网站,这是必不可少的系统。首先,通过该系统,网站可以开展围绕会员各种活动;其次,该类网站的所有信息一般都有直接客户、会员的区别,因此需要设置会员系统,以提供更方便的服务;第三,以会员的方式进行最后产品的供求和服务,将大大简化信息的管理程序。9D、BBS系统BBS系统是客户在网站上的交流区,本论坛主要分两部分:会员论坛和普通浏览者论坛两种,不同会员进过不同身份进入系统,进入不同的论坛。论坛分板块管理,浏览者可发表文章,浏览文章,文章粘贴,查询文章。管理员可对板块进行管理和增减,可实现统计文章的人气、排序等功能。BBS专题讨论区能增强企业与客户之间的交互性,为网民解决相关问题,提高网站的人气。我们拥有业内专业的服务队伍,借BBS的互动可以增加专业人士的浏览频次,对外体现公司对服务的重视,但有时也会有不良的言语,需要有专人来管理。并且该系统拥有独立的管理界面,管理员通过管理界面,可浏览网民反馈意见并对网民意见进行分类,查看、编辑和删除用户记录。E、网站后台管理系统考虑到方便网站更新维护,所以设计上一定要操作简便,可以将本网站所有数据库的后台端口整合到同一管理层,针对管理者,首先是管理者登录的界面,在成功的输入用户名与密码后,验证进入管理的主窗口(采用frame方式),左边是导航栏,列出网站的几大频道和对管理者的信息配置(修改密码、用户名等等一些基本信息),作为管理者,在进行网站维护管理时只需选择需求分类进入可以具体的对每个栏目的内容进行删除、修改、添加操作。主要包含以下管理端口(其中部分端口包含子栏目):·信息增加·信息管理·信息删除·新闻发布·会员管理……信息数据处理:主要针对留言信息进行数据处理,实现最新留言查询,留言统计分析与历史留言查询,作为管理人员,只需要选择相应的检索要求,数据库将作相应响应,条件适合的信息将自动列表显示。10后台管理人员分两类,一类为最高权限,即管理员,另一类为录入员,其功能的差别在于管理员可进行设置其他的管理员及录入员,而录入员无权限设置功能。2.3.2网站推广解决方案:建立了企业的网站,好比是在互联网络的世界里建立了宣传自己的“广告牌”,如何让更多的客户能“看”到呢?互联网络的资料与信息浩如烟海,你的网站不论作的再好,不做必要的宣传只是泥牛入海渺无音迅。根据国内外各种权威调查报告表明,除了国外如Microsoft、YAHOO,国内如新浪、搜狐、网易这样的大型网站外,一般网站的访问来源有超过85%都是来自各个搜索引擎和连接。并及时和国内一些芯片权威网站沟通,申请加入等注:公司可根据需求进行选择。2.3.3网站技术实现序号网站组成使用技术名称效果说明11、文字页面2、静态图片3、表格HTM静态页面,以HTML进行设计,通过DREMEWAVER软件进行设计制作21、网站动态菜单2、动态图标JAVASCRIPT1、实现在一个Web页面中链接多个对象2、与Web客户交互作用。3、从而可以开发客户端的应用程序等。31、轻常更新的网页2、动态数据,如新闻,会员信息库等ASP1、ASP的运行速度快,而且它为使用HTML,脚本和Active服务器组件构建Web应用程序提供了一个框架.可以能过将脚本嵌入HTML页内来创建ASP文档.当用户请求得到一个ASP时,服务器便执行嵌入在页内的脚本,而且将脚本的输出作为HTML的组成部分也包括在内,从而任何浏览器都可以浏览这个页2、可以和HTML或其它脚本语言(VBScript,JavaScript)相互嵌套3、是一种在WEB服务器端运行的脚本语言,程序代码安全保密4、此可以使用ActiveX控件继续扩充其功能5、可以轻松的存取各种数据库6、适用与各种浏览器4网站内的动态按钮CSS1、使用CSS的技术,网页便会给人一种赏心悦目、工工整整的感觉,同时字体的色彩变化也使主页变得更加生动活泼。2、代码短,却得到不同凡响的效果。51、信息内容2、会员列表数据库1、完善的数据资料处理2、快速的资料查询能力113、未来电子商务的基础61、主要动画2、动态图标Flash1、以极富吸引力的动画吸引浏览者停留2、增强网站感染力技术上,我建议采用ASP+ACCESS编程技术,保证数据库的调用及浏览速度。可以满足本网站“企业宣传、产品属性丰富、数量巨大、查询检索功能强大”的需求。网页所用的页面设计大致都采用DREAMWEAVER、PHOT0SHOP、FLSAH、FIREWORK等程序制作。在操作上我打算采用目前最方便的B/S模式,B/S模式(浏览器/服务器)随着Internet的发展,已经成为了企业信息系统建设的首选。B/S模式使用方便,客户端统一采用浏览器,不限制客户平台,可以方便的和其他系统连接。同时采用COM+技术,在编码过程中对数据访问进行了优化,保证了数据访问的效率、数据的安全,数据的承载能力和并发处理能力。我打算把整个系统分为三层架构,用户层(界面层Forms)--应用层(COM执行层)--数据层(存储层Storage)我们用一台服务器来实现所有的功能,也可以分为WEB服务器和DataBase数据服务器,这样就可以减轻服务器的负担,提高了执行效率,图示如下:访问用户用户层界面应用层执行数据层数据存储和读取