1

网络应用创作设计

大连理工大学创新实验学院

2

网站类型

1. 社交类网站

2. 博客类网站

3. 电子商务类网站

4. 多媒体广告类网站

5. 在线办公类网站

3

1. 社交类网站 - 概念

社交网，又称社交网站，英文名称为 SNS ，全称 Social Network Site。起源来自于美国，专指旨在帮助人们建立社会性网络的互联网应用服务。

在互联网领域有 SNS 三层含义：服务 Social Network Service ，软件 Social Network Software ，网站 Social Network Site 。 Social Network Service 中文直译为社会性网络服务或社会化网络服务，意译为社交网络服务。中文的网络含义包括硬件、软件、服务及网站应用，加上四字构成的词组更符合中国人的构词习惯，因此人们习惯上用社交网络来代指 SNS （包括 Social Network Service的三层含义），用社交软件代指 Social Network Software ，用社交网站代指 Social Network Site 。 SNS 专指旨在帮助人们建立社会性网络的互联网应用服务。

　　目前的社交网站通常含义变得很广泛，除了基于计算机终端的 SNS，包括手机在内的移动终端所提供的已成熟普及的信息载体服务，如短信 SMS 、彩信、飞信等即时通信在内的移动互联网功能也逐步纳入社交网的范围。

4

1. 社交类网站 - 举例

1. 人人网

2. 开心网

3. Facebook

4. shanghaiexpat

......

5

1. 社交类网站 - 特点

通过社交服务网站我们与朋友保持了更加直接的联系，建立大交际圈，其提供的寻找用户的工具帮助用户寻到失去了联络的朋友们。

网站的通常有很多志趣相同并互相熟悉的用户群组。相对于网络上其他广告而言商家在社交服务网站上针对特定用户群组打广告更有针对性。

6

1. 社交类网站 - 特点

社交网一个最显著的特点在于：它使用户能够系统地在网络上将自己现实的社交网络公诸于众。虽然这一特点使得一些线下无现实接触的人在社交网上建立一种线上联系，从而交往到新的朋友。但是这并非人们上社交网的主要目的。在很多大型的社交网，如 Facebook 、 MySpace 、 Bebo 上，人们往往是和他们既有的、线下的、现实的社交群体中的一部分人进行交流

7

1. 社交类网站 - 特点

1. 六度分隔理论与社交网

2. 社交网与自我中心（ egocentric ）的彰显

3. 促进现实人际关系的构建、维系

8

1. 社交类网站 - 问题

1. 虚假身份对社交网站造成的侵扰

2. 隐私

3. 角色冲突

4. 疏离

9

2. 博客类网站 - 概念

博客，又译为网络日志、部落格或部落阁等，是一种通常由个人管理、不定期张贴新的文章的网站。博客上的文章通常根据张贴时间，以倒序方式由新到旧排列。许多博客专注在特定的课题上提供评论或新闻，其他则被作为比较个人的日记。一个典型的博客结合了文字、图像、其他博客或网站的链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见，是许多博客的重要要素。大部分的博客内容以文字为主，仍有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题。博客是社会媒体网络的一部分。

10

2. 博客类网站 - 举例

1. 新浪博客

2. 新浪微博

3. 网易博客

4. twitter

11

2. 博客类网站 - 分类1 、基本的博客： Blog 中最简单的形式。单个的作者对于特定的话题提供相关的资

源，发表简短的评论。这些话题几乎可以涉及人类的所有领域。

2、微博：即微型博客，目前是全球最受欢迎的博客形式，博客作者不需要撰写很复杂的文章，而只需要抒写 140字内的心情文字即可（如 Twitter, 随心微博，品品米 ,新浪微博， 9911 ）。

3、亲朋之间的博客（家庭博客）：这种类型博客的成员主要由亲属或朋友构成，他们是一种生活圈、一个家庭或一群项目小组的成员（如布谷小区网）。

4、协作式的博客：与小组博客相似，其主要目的是通过共同讨论使得参与者在某些方法或问题上达成一致，通常把协作式的博客定义为允许任何人参与、发表言论、讨论问题的博客日志。

5、公共社区博客：公共出版在几年以前曾经流行过一段时间，但是因为没有持久有效的商业模型而销声匿迹了。廉价的博客与这种公共出版系统有着同样的目标，但是使用更方便，所花的代价更小，所以也更容易生存。

6、商业、企业、广告型的博客：对于这种类型博客的管理类似于通常网站的 WEB广告管理。商业博客分为： CEO博客、企业博客、产品博客、“领袖”博客等等。以公关和营销传播为核心的博客应用已经被证明将是商业博客应用的主流。

12

2. 博客类网站 - 作用* 个人自由表达和出版；

* 知识过滤与积累；

* 深度交流沟通的网络新方式。

但是，要真正了解什么是博客，最佳的方式就是自己马上去实践一下，实践出真知；如果你现在对博客还很陌生，我建议直接去找一个博客托管网站。先开一个自己的博客帐号。反正比注册邮件更简单，也不用花费一分钱，觉得没劲也就随手扔掉得了。

博客 , 之所以公开在网络上 , 就是因为他不等同于私人日记 ,博客的概念肯定要比日记大很多 ,它不仅仅要记录关于自己的点点滴滴 ,还注重它提供的内容能帮助到别人。

很好的一句话 :博客永远是共享与分享精神的体现。

13

3. 电子商务类网站 - 概念电子商务，英文是 Electronic Commerce ，简称 EC。电子商务通常是指是在全球各

地广泛的商业贸易活动中，在因特网开放的网络环境下，基于浏览器 /服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式。“中国网络营销网” Tinlu相关文章指出，电子商务涵盖的范围很广，一般可分为企业对企业 (Business-to-Business)，或企业对消费者 (Business-to-Customer) 两种。另外还有消费者对消费者（ Customer-to-Customer)这种大步增长的模式。随着国内 Internet 使用人数的增加，利用 Internet 进行网络购物并以银行卡付款的消费方式已渐流行，市场份额也在迅速增长，电子商务网站也层出不穷。电子商务最常见之安全机制有 SSL及 SET两种。

14

3. 电子商务类网站 - 概念

首先将电子商务划分为广义和狭义的电子商务。广义的电子商务定义为，使用各种电子工具从事商务或活动。这些工具包括从初级的电报、电话、广播、电视、传真到计算机、计算机网络，到 NII（国家信息基础结构－信息高速公路）、 GII（全球信息基础结构）和 Internet 等现代系统。而商务活动是从泛商品（实物与非实物，商品与非商品化的生产要素等等）的需求活动到泛商品的合理、合法的消费除去典型的生产过程后的所有活动。狭义电子商务定义为，主要利用 Internet 从事商务或活动。

15

3. 电子商务类网站 - 举例

1. 阿里巴巴

2. 淘宝

3. 当当

4. 卓越亚马逊

......

16

3. 电子商务类网站 - 分类

B2B 、 B2C、 C2C、 B2M 、 M2C、 B2A（即 B2G）、 C2A（即 C2G）电子商务模式等等。

B2B = Business to Business

B2C = Business to Customer

C2C = Consumer to Consumer

B2M = Business to Manager / Business to Marketing

M2C = Manager to Consumer

B2A = Business to Administration （也即 B2G = Business to Government ）

C2A = Consumer to Administration （也即 C2G = Consumer to Government ）

17

4. 多媒体类网站

18

4. 多媒体类网站

19

4. 多媒体类网站

20

5. 在线办公类网站 - 概念

办公自动化（ Office Automation, 简称 OA）是将现代化办公和计算机网络功能结合起来的一种新型的办公方式，是当前新技术革命中一个技术应用领域，属于信息化社会的产物。

21

5. 在线办公类网站 - 概念

计算机的诞生和发展促进了人类社会的进步和繁荣，作为信息科学的载体和核心，计算机科学在知识时代扮演了重要的角色。在行政机关、企事业单位工作中，是采用 Internet/Intranet技术，基于工作流的概念，以计算机为中心，采用一系列现代化的办公设备和先进的通信技术，广泛、全面、迅速地收集、整理、加工、存储和使用信息，使企业内部人员方便快捷地共享信息，高效地协同工作；改变过去复杂、低效的手工办公方式，为科学管理和决策服务，从而达到提高行政效率的目的。一个企业实现办公自动化的程度也是衡量其实现现代化管理的标准。 我国专家在第一次全国办公自动化规划讨论会上提出办公自动化的定义为：利用先进的科学技术，使部分办公业务活动物化于人以外的各种现代化办公设备中，由人与技术设备构成服务于某种办公业务目的的人一机信息处理系统。 　在行政机关中，大都把办公自动化叫做电子政务，企事业单位就大都叫 OA，以前常叫无纸化办公，后来叫办公自动化，再后来叫 OA。

22

5. 在线办公类网站 - 概念

典型的办公自动化软件体系结构

23

5. 在线办公类网站 - 功能

建立内部的通信平台

建立信息发布的平台

实现工作流程的自动化

实现文档管理的自动化

辅助办公

信息集成

实现分布式办公

24

6. 创建自己的社交网站 - 软件安装

1. XAMPP (Apache, Mysql, PHP, FileZillaFTP, MercuryMail...)

2. U-Center

3. U-Home

25

6. 创建自己的社交网站 - 软件安装

1. 到 XAMPP 官方网站下载合适版本的 XAMPP软件（ http://www.apachefriends.org/zh_cn/xampp.html ，以下以 Windows, .zip版本为例）

2. 将下载到的 .zip 文件解压到某个分区的根目录下；

3. 运行 xampp-control.exe

4. 启动 Apache 和 MySql ，如下图所示

26

6. 创建自己的社交网站 - 软件安装

1. 到 comsenz 官方网站下载合适版本的 UCenter 软件（ http://www.comsenz.com/downloads/install/ucenter ）

2. 将下载到的 .zip 文件中的 upload 文件夹解压到 xam

pp/htdocs 下，并改名为 ucenter

3. 打开浏览器，输入“ http://localhost/ucenter/install/i

ndex.php” ，进行安装

27

6. 创建自己的社交网站 - 软件安装接受安装协议，开始进行安装

28

6. 创建自己的社交网站 - 软件安装

1. 自动环境检查

29

6. 创建自己的社交网站 - 软件安装

2. 安装数据库

30

6. 创建自己的社交网站 - 软件安装

3. 成功安装数据库

31

6. 创建自己的社交网站 - 软件安装

4. 安装成功，进入管理界面

32

6. 创建自己的社交网站 - 软件安装

5. 进入用户管理中心

33

6. 创建自己的社交网站 - 软件安装

1. 到 comsenz 官方网站下载合适版本的 UHome 软件（http://www.comsenz.com/downloads/install/uchome ）

2. 将下载到的 .zip 文件中的 upload文件夹解压到 xampp/htdocs 下，并改名为 uhome

3. 打开浏览器，输入“ http://localhost/uhome/install/index.php”，进行安装

34

6. 创建自己的社交网站 - 软件安装1. 检查环境，准备安装

35

6. 创建自己的社交网站 - 软件安装

2. 设置 UCenter 信息

36

6. 创建自己的社交网站 - 软件安装

3. 提示注册UCenter 成功

37

6. 创建自己的社交网站 - 软件安装

4. 设置数据库连接信息

38

6. 创建自己的社交网站 - 软件安装

5. 设置管理员密码

39

6. 创建自己的社交网站 - 软件安装

6. 提示安装成功

40

6. 创建自己的社交网站 - 软件安装

7. 进入管理平台

41

6. 创建自己的社交网站 - 软件安装

8. 个人主页