电子商务系统案例分析

实验一 电子商务系统案例分析

一、实验目的

使学生了解电子商务系统的主要作用及其与一般管理信息系统的差异，要求学生明确

电子商务系统设计、开发、建造过程中的主要技术热点和前沿问题。

要求学生掌握电子商务系统的生命周期的基本概念，理解电子商务系统分析设计和开

发的各个主要阶段及其主要任务，了解电子商务系统分析开发过程与一般管理信息系统的差

异，了解电子商务系统开发过程中的人员组织及其职责。

要求学生理解水平型网站、垂直型网站、综合型网站的主要特征、作用及其核心技术。

要求学生掌握网站设计的基本思路和过程。了解电子商务网站设计常用组件，掌握首页设计、

页面可视化设计、网站的风格和创意设计、网站的栏目和版块设计、网站的目录结构和链接

结构确定的要点。

二、实验内容及要求

1.实验内容

（1）B2C 网站调研

网上调查3～4个B2C 网站，比较分析其首页设计、页面可视化设计、网站的风格和创

意设计、网站的栏目和版块设计、网站的目录结构和链接结构设计的特点。

（2）B2B 网站调研

网上调查3～4个B2B网站，比较分析其首页设计、页面可视化设计、网站的风格和创

意设计、网站的栏目和版块设计、网站的目录结构和链接结构设计的特点。

（3）电子商务系统的开发方式

访问淘宝网（/）网站，了解其技术解决方案的提供过程。根

据相关资料，写出一份报告，说明如果试图利用该平台开展网络零售，并租用该平台提供的

支付宝实现网络支付，需要做什么工作。

2. 实验要求

完成实验报告。按上实验内容步骤完成实验报告。

三、相关知识

电子商务与电子商务系统的基本概念，网站与电子商务系统之间的联系与区别，电子

商务网站的基本类型，电子商务系统的主要作用及其与一般管理信息系统的差异，电子商务

系统设计、开发、建造过程中的主要技术热点和前沿问题。

电子商务系统的生命周期，电子商务系统设计开发的过程各个阶段的任务、目标，电

子商务系统的建设方式。

电子商务网站的基本构成、设计要点，电子商务网站设计常用组件，首页设计、页面

可视化设计、网站的风格和创意设计、网站的栏目和版块设计、网站的目录结构和链接结构

确定的要点，电子商务网站设计的成功要素。

四、参考资料

（一）国内最优秀的B2C网站全集

1.玩具/礼品网

我爱玩具网

六六玩具商城

天天玩具商城

多多宝玩具商城

亚佳礼品网

我爱购物时尚网

2.家用电器网

国美电器

海尔网上商城

三联家电网上商城

搜易得IT数码商城

18900手机网

北斗手机网

IT宝商城

IT88数码商城

3.体育用品网

亚赛体育网

康程体育网

第一运动

富日渔具商城

极浪商城

搏浪体育用品商城

4.办公用品网

亚文办公用品

永硕在线（北京办公用品网）

亚商在线

汇文潭办公用品网

无忧耗材网

5.珠宝首饰/工艺品网

八佰拜

优雅珠宝

无银三百

彩虹水晶湾

腾越翡翠居

美玉缘购物网

易购800

周丽钩花

阿奴妹妹民族工艺品网

藏晶阁水晶

6.鲜花礼品网

莎拉拉鲜花连锁

嘀哒嘀鲜花礼品网

东方鲜花礼品

5288鲜花礼品网

7.化妆品网

香水化妆品折扣网

天天购物网

玫瑰园化妆品商城

可爱女人

三芬网

猎丽

韩国魅力化妆品网

8.票务/旅行网

携程旅行网

e龙旅行网

中国旅游票务网

饭统网

中国票务联盟

中国票务网

中国票务在线

中国票务之星

票务通

中国票务中心

9.音像图书网

当当

卓越

贝塔斯曼

旌旗网上书市

美亚视听

第二书店

中国音像商务网

6688

e国好望角

10.成人用品网

蜜色情人

七彩谷

伊甸园网上商城

情人谷

11.虚拟物品交易网

全球游戏门户第一站

我有网

网游先锋

装备交易网

E86宝乐虚拟物品交易网

忽悠财富网

虚拟交易时代网

12.点卡网

云网

网易在线销售

盟卡商城

网联超市

网上联邦

中华卡网

中国游戏中心

卡之国

13.音乐下载网

iTunes音乐商店 /iTunes/

hifi-cd 网上音乐商店

中国音乐网站

欧奔音乐商店

爱国者数码音乐网

（二）十个值得推荐的B2B电子商务网站（排名不分先后）

1、

大名鼎鼎的环球资源网，国际上也享负盛名，去年还跟慧聪合作，连中小企业市场也不

放过。

2、阿里巴巴：

绝对称得上是目前国内最牛的B2B网站，人气旺得很！

3、

万国商业网，谷歌刚刚对其投资了500万美元，潜力无限。

4、/

冒升得非常快的多语种B2B网站，听说外文版近来全新改版上线

5、

香港贸易发展局的站点，做的还是非常不错的。

6、

亚洲网络，做的比较一般，不过这个英文站点的风格和其他不太一样

7、

一家老牌B2B网站，风格示低调地做，沉默地赚钱

8、

不是特别出名，但流量还行。

9、

两年前刚起来的一个B2B网站，流量还不错。

10、

一个完全免费的B2B站点

实验报告

B2C 网站分析比较

一、家电类B2C网站的比较

首先，选取两个比较类似的B2C网站进行比较，国美电器网上商城和海尔商城。

1. 简介

国美电器网上商城是国美电器唯一官方网上商城，是中国领先、专业的家电及消费电

子商品网上商城。

海尔商城（ehaier）为海尔集团官方建立的海尔全系列家电一站式销售服务平台。有海

尔集团品牌保证，是用户挑选家电一个放心的网上渠道渠道。

2. 从产品和经营模式的角度的比较

共同点有：

（1）从主营产品角度来说，国美商城和海尔商城主营的产品都是大小型家电和电子数

码产品。

（2）从经营模式角度来说，国美电器网和海尔商城都是线上线下同时销售，有自己专

营的实体商城或商店，同时也进行线上销售。

不同点：

（1）在经营产品的品牌上，国美电器经营各种知名品牌的电器，海尔商城主要是销售

海尔品牌的各种型号的产品。

（2）在产品种类的角度上，国美电器除了销售各种家电和数码产品之外还销售小部分

的日用百货，国美的经营范围更广

3. 网站的分析比较

（1）首页设计

国美电器网上商城首页 海尔商城首页

在首页的整体配色上，海尔商城采用的是能代表企业形象的蓝色，国美电器也一直延续了

其一贯使用的红色，同时也是电子商务网站的经典色。

在首页上所展示的商品图片和链接图片的比较上，国美电器比海尔商城相对花哨，所采用

的图片颜色更加丰富，海尔主要就是展示自己的产品图片和部分图片链接，整体上看依然是

白色和蓝色为主，相比之下较为单调。同时海尔商城上产品信息比较多 ，而国美商城上有

更多的图片广告，这也增加了首页的色彩，吸引消费者的眼球。

在首页的布局上国美电器相比海尔商城结构复杂，板块也更丰富，页面长度也相对较长，

所能容纳的产品销售促销信息无论从种类还是数量上都比海尔商城要多。

页面效果的比较上，国美电器的网站上，鼠标停留在图片个文字上出现的效果比海尔商城

更加的丰富，这一定程度上能曾加消费者在挑选商品上的愉悦感，不易产生疲劳。同时国美

商城的导航栏设计的效果相比海尔商城要好，使用户能够更加方便的分类挑选商品，用户体

验更好。

（2）页面可视化设计

进入网站后，首先我们注意到的是网站的导航栏：

海尔商城的导航栏

国美商城的导航栏

从页面的可视化设计来看，海尔商城更加简洁，国美商城相对的花哨，各种特效图片和效果

也比较的丰富。值得一提的是国美商城的导航栏，栏目层次分类清晰，并且按照不同的分类

方式比如说品牌或者是产品进行分类，非常的详细，鼠标触发的页面效果也能给人很舒服的

感觉，用户体验较好。海尔商城的导航栏较为简洁，客户也能很方便的找到自己需要的产品。

导航栏和及其他效果主要是根据网站的整体需求来设计，两者的设计各有自己的优点。

（3）网站的风格和创意设计

在网站风格上，国美商城给人感觉更加的跳跃轻快活泼内容也相应的丰富些，各种广告信息

能够促进销售。海尔商城给人感觉更加的严谨，可能与海尔的理念更加符合，海尔一直强调

产品的品质，从网站的整体风格上也有所体现。

在创意上国美电器有更多的图片广告和图片效果，其导航栏的分类更详细给人，其效果给人

感觉更加像是专业的网上商城。海尔的创意在于其富有特色的在线设计板块，为客户提供了

一个成套家电的解决方案，方便快捷。

（4）网站的栏目和板块设计

除了导航之外，国美电器有公告区，为您推荐，促销专区，套购专区，品牌专区，限时抢购，

新品上市，畅销热卖，精品推荐，品牌活动区等10余个板块；海尔商城有商城快讯，成套

家具解决方案，热销产品，热销排行，晒单专区，还有按照家电种类划分的产品专区6个板

块。

相比之下国美电器的板块更加的复杂丰富，能展示的广告信息，促销也更多。海尔商城比较

简洁，能够强调产品。也是各具有点

（5）网站的目录结构和链接结构设计

国美的目录结构与海尔商城的目录相比更加的的复杂，因为除了对商品进行分类国美还对品

牌进行了分类，海尔商城只对产品的种类进行了分类。在链接的设计上，两者都采用了图片

链接和文字链接，国美商城由于产品品牌比较丰富其图片也比较花哨。同时国美上有相对于

海尔商城更多的广告链接和促销链接。

二、综合型B２C网站卓越亚马逊，与家电类B2C网站的比较

1．首页设计

卓越亚马逊首页

卓越亚马逊作为一个综合型的网上商城和国美海尔相比其首页的内容并没有比国美或

者是海尔更加丰富，而是采取了想海尔首页那样的简洁的风格，从整体配色上来看,卓越采

用的也是蓝色作为主色调，但是整个页面上并没有很大块的蓝色，仅仅是在边框和导航栏上

采用了蓝色。在首页结构的设计上，卓越的结构比较简单,和国美海尔相比,卓越的风格与海

尔商城更加接近。卓越的首页上将商品广告位一致放在最右侧，国美的广告则是分布在各个

板块中间。卓越用大面积的板块来展示它的推荐商品和销售排行。结构清晰简单，没有过分

累赘。

2．页面可视化设计

卓越的导航栏设计

卓越分类导航栏设计也和海尔商城十分类似，但是种类相对要多，采用了多级分类的经

典模式，没有国美那么复杂。

3．网站的风格和创意设计

卓越的网站风格也是以简洁为主，广告位置比较聚集，更多的位置用来推荐商品，创意和特

点在于它将客户浏览记录展示在网页的最下方，方便用户查找。

卓越的为你推荐板块

还有一个特点是，卓越会根据客户的购买情况和浏览记录对首页上部分板块进行改变，当不

同用户登录看到的首页板块的内容是不一样的。这种方式使得卓越对用户的产品推销更有针

对性。

4．网站的栏目和版块设计

卓越的首页上有商品分类，热销分类推荐，热门活动，畅销推荐，受关注商品，销售

排行榜，排行榜，最近浏览新品排行，销售排行，广告位等10余个部分。

5．网站的目录结构和链接结构设计

卓越的目录结构和链接的设计都很简单，没有过多的效果， 一切都以简洁

为主，在其页面上处处可以体现其营销手法，针对不同的客户显示的链接也是不

一样的。

B2B 网站调研

选择的调研对象是

阿里巴巴

中国制造网

环球资源网

这三个都是业界比较著名的B2B网站，作为B2B网站它们在设计上都有自己的风格。

1、首页设计

阿里巴巴的首页

阿里巴巴的首页在整体配色上以蓝色和浅灰色为主，文字也大多数用了蓝色和深灰色，

看上去比较清晰简洁，图片每个板块里基本上都有图片，显得板块充实而不单调，整体看来

页面的颜色还比较丰富。

中国制造的首页

中国制造的首页设计主要采用了各种深浅不一的蓝色来互相搭配，文字采用的是深蓝，

深灰，浅灰色。所以给人以整体蓝色的清新的感觉，再加上首页上较大面积图片较多，更显

出以蓝色为底色的丰富色彩，这种方式在一定成都上能够突出商品图片，同样也很美观。

全球资源的首页

全球资源的首页上主要以较深的蓝色和科技灰相呼应，文字叙述较多，链接较多，由于

蓝色和灰色的色调比较接近，给人一种很浓的色彩的感觉，不如前面两个网站看上去清新，

图片较少，显得链接之间过于紧凑，但是能包含的链接内容更多。实用性方面可能不错，但

是没关方面，个人更喜欢前两个网站。

2、页面可视化设计

当我们进入一个网站，首先进入我们眼睛的就是网站的LOGO，导航，搜索栏，和第一屏的

中上部分，同时我们将最多的注意力会放在网站的左上部分，所以在网站设计的时候，左上

部分的设计是十分重要的，一般会包含尽量多的重要信息。下面对三个网站的可视化设计进

行比较：

阿里巴巴的导航栏和搜索栏

阿里巴巴的导航和搜索在网站的左上部分，这样的设计是十分合理的不仅非常符合用户

的使用习惯，而且在一定程度上也非常美观。将产品导航和网站导航分开，网站导航在搜索

栏的上方，显得设计更加的合理化，分类清晰。中间的轮转图片十分抢眼，在装饰网站的同

时，也能展示出重要的产品信息。

中国制造的导航栏和搜索栏

比较中国制造的页面和阿里巴巴在结构上其实差别并不大，在配色上两者一个以蓝为主

一个以蓝灰为主，虽然颜色不同但是都是采用比较淡的颜色。中国制造与阿里巴巴的不同点

在于中国制造将搜索栏放在了网站的中间，同样是很显眼的位置，并且在搜索栏下方增加了

快速搜索的一栏，更加能方便用户。

全球资源的导航栏和搜索栏

全球资源的可视化设计和前两个很不一样，全球资源的导航采用的是横式的下拉菜单的

方式，这样的弊端在于如果栏目较多，那么一行就排不下了，还有就是在导航设计时一般不

要超过五个栏，因为相比横向扫描人眼更喜欢竖向扫描。超过五个栏用户体验会变差。再一

个就是全球资源将网站导航和产品导航放在了一起，导航条的第一个栏的下拉菜单是产品分

类，后面的网站导航的内容，这样产品就不能被凸显出来，不易于用户搜索。再说说搜索栏，

搜索栏位于导航的下方，弊端在于，下拉菜单会把搜索栏挡住，还有就是搜索栏在一堆文字

里，用户不易发现搜索栏，给使用带来了不便。网页的文字太多，图片太少，留白不足，给

人整体很挤的感觉。

3、网站的风格和创意设计

网站的整体风格基本上和首页比较相似，全球资源在除了首页之外的网页上图片信息还稍微

对多一点。相比三个网站，用户体验较好的应该是阿里巴巴和全球制造，两个网站同样给人

很清晰，清爽的感觉，中国制造在图片的运用上做到恰到好处，非常美观，用户在浏览的时

候会感觉很舒服。可能全球资源的网站设计的比较早，其页面设计更多的考虑到信息的展示，

而不注重设计，其实良好的设计能够帮助信息的展示，我想这应该是全球资源可以改进的地

方。

4、网站的栏目和版块设计

阿里巴巴在首页上可以数出大概有14个左右的板块，中国制造有11个左右的板块，都是采

用的横向板块和竖向板块混合搭配排列，两个网站板块排列整齐合理，错落有秩，板块之间

的留白也非常均匀，美观整齐。全球资源也有大概11个板块，主要采用的是横向的排列，

每一个板块基本上都是横向的和页面宽度差不多的长方形，有的板块在一个板块里又用竖线

将文字分开成两到3个板块，图少字多，非常紧凑。这样的弊端在于浏览者不能立刻在文字

中找到所需要的内容，需要花更多的时间去看网站上的字，而通常浏览者浏览网站的时候采

用的方式是跳跃式的扫描的方式，只对和自己要搜索的相关内容会注意一下，而页面文字太

多就会带来这种扫描障碍。

5、网站的目录结构和链接结构设计

三个网站做比较在结构方面，全球资源不如另外两个网站结构合理清晰，导航的设计上也存

在很大差异，相比之下中国制造和阿里巴巴的目录结构能够更方便用户的使用。在链接的设

计上，阿里巴巴和中国制造采用的图片链接和文字链接相结合的方式，更加能凸显链接，中

国制造的链接以图片居多，设计的非常的美观。全球资源的链接基本上是由文字组成，不如

另外两个美观丰富，链接又非常的多，造成链接不能凸显出来，在查找的过程中存在一定的

不便。

电子商务系统的开发方式

淘宝网成立于2003年5月10日，由阿里巴巴集团投资创办。目前，淘宝网是亚洲第一大网

络零售商圈，其目标是致力于创造全球首选网络零售商圈。通过结合社区、江湖、帮派来增

加网购人群的粘性，并且采用最新团网购模式，让网购人群乐而不返淘宝网目前业务跨越

C2C（Consumer to Consumer，消费者对消费者）、B2C（Business-to-Consumer商家对消费者）

两大部分。

淘宝开店流程简介：

利用淘宝网进行网络销售，淘宝网将会免费提供给卖家网络平台进行开店，

同时免费提供支付宝、阿里旺旺等功能。卖家所需要做的工作就是根据以下提示

逐步进行注册、认证、开店等步骤即可。

第一步：账户注册

首先，点击这里打开淘宝网进行免费注册，在打开的页面淘宝网LOGO的下面

点击免费注册。如图所示：（淘宝开店流程、步骤）

进入注册页面（如图）

填写相关信息

当你输入完注册信息并提交后，淘宝网会给你注册的邮箱发送一个激活开通淘宝

账号的邮件，所以在上面的注册中需要确认你的邮箱是正确的。

进入邮箱，点击激活连接后，就会看到淘宝网提示你注册成功！

当你输入完注册信息并提交后，淘宝网会给你注册的邮箱发送一个激活开通

淘宝账号的邮件，所以在上面的注册中需要确认你的邮箱是正确的。

进入邮箱，点击激活连接后，就会看到淘宝网提示你注册成功！

第二步：相关认证

为了保证网络交易的安全性，淘宝网目前开店之前必须要经过相关实名认

证，虽然这一步增加了开店的难度，但是对于营造一个公平、诚信、绿色的网络

交易环境还是非常重要的。

在实名认证的过程中有一项特别的重要，那就是支付宝认证。支付宝，是支

付宝公司针对网上交易而特别推出的安全付款服务，其运作的实质是以支付宝为

信用中介，在买家确认收到商品前，由支付宝替买卖双方暂时保管货款的一种增

值服务。

以前在网络上，电子商务迟迟不能发展，最主要的一个障碍就是：不知道货

物如何，不知道给了钱会不会发货，或者不知道发了货，对方会不会给钱，马云

很聪明，他想到了一个办法，就是以淘宝网作为信誉中心，买家先把钱给卖家在

淘宝的支付宝帐户，而卖家这时是不能提取这个钱的，只有买家收到了货物并且

满意，亲自签发了：“同意付款”，这是卖家才是能真正的收到钱，不过对于我们

这些想在淘宝网上开网店的卖家来说，同样也是有好处的，因为我们再也不用担

心发货之后，买家会赖账的问题，既然钱已经在卡里，只要做到让买家满意，那

么钱是我们的，这样又可以保证买家和卖家的利益，有可以促进和提高服务质量。

当完成注册工作之后，卖家登录淘宝账户，在首页上点击“我的淘宝”开始相关

认证。

进入我的淘宝，点击实名认证：

申请支付宝个人实名认证：

选择一种方式认证：

填写、并上传相关个人信息，完成验证。

第三步：我要开店

在淘宝开店铺，您需要满足以下条件：

您是通过认证的会员；

您需要发布十件以上的宝贝；

满足条件的会员可以登录“我的淘宝”>>“我是卖家”>>“免费开店”，申

请开设店铺。根据系统的相关提示进行填写，全部完成后卖家的店铺就开设成功

了。

完成卖家必备相关知识，提交答卷，

创建店铺：

再次进入“我的淘宝”，点击“我要卖”

选择一种方式发布宝贝，如“一口价”

选择出售宝贝的类别，类目需要与宝贝的属性类别相对应，然后点击确认继续：

填写宝贝信息，确认发布：

宝贝发布完毕后，卖家即可进行正常营业。

阿里旺旺是淘宝交易的必须工具，所以一定要先下载安装阿里旺旺才能进行

交易。完成后就可以进行零售交易了。卖家应该学习通过各种方式来给自己的商

铺招来更多的生意，这些在淘宝大学里有很多相关的信息。

实验小结

通过本次实验，我网上调研了几个B2C网上商城和B2B网站，从首页设计、页面可视

化设计、网站的风格和创意设计、网站的栏目和版块设计、网站的目录结构和链接结构设计

等方面分析了其各自的特点，也学习了在淘宝上进行网络零售的开店流程，加深了对电子商

务系统的认识。