第0章 电子商务发展现状

– – – – – 利用浏览器内置的JavaScript增强用户界面的交互能力 充分发挥客户端的硬件资源 节省网络带宽 运行速度较快 信息传输较快
讲座目的
• 什么是Web2.0技术？ （广义的定义） • 随着互联网信息技术和标准的发展，Web应用系统已 跨入Web2.0的时代，Web2.0代表着一系列新的： –软件技术和系统框架 –网络标准和信息组织方法 –Web应用系统用户界面（UI）交互能力 –用户处理（AJAX），共享信息（Blog) • AJAX（Asynchronous JavaScript and XML）是 Web2.0的核心技术之一，顾名思义，这项技术是 JavaScript语言和XML等多种技术的综合。
Web2.0新动向：WebOS
• Symbian操作系统
– 诺基亚 – 索尼爱立信
• Windows Mobile操作系统
– 包括HTC（Dopod，Qtek） – Mio生产的带有GPS功能的手机
• Palm操作系统的手机
– HandSpring（与Palm合并）的 Treo系列 – 香港生产商CSL的Xplore系列。
AJAX技术
AJAX技术
AJAX技术
三层和四层分离模式
三层和四层分离模式
• • • • • 用户不断增长的交互需求 激烈的IT业竞争 Web浏览器中怪异的JavaScript HTML、CSS的单调性和无挑战性 四层分离带来新的分工： 界面设计师、Web UI设计师(new!)、 业务逻辑程序员、SQL程序员
摩尔定律受到科学发展水平的制约
• 按摩尔定律计算，到2010年，一个芯片上晶体管的数 量将超过10亿 • 现实印证了科学家的计算：2006年底GATE宽度约为 50nm • 在SiO2介质上GATE宽度的极限是32nm，制程小于 此宽度就容易发生电子隧穿、漏电、发热过高等反常 效应 • 目前商业用的CPU芯片绝大多数采用SiO2介质，制程 为45nm • 现在Intel公司经过10多年的努力，发现用HfO2(二氧 化铪)介质替代SiO2介质后，MOS管的GATE宽度可 降至22nm • 但是，Hf元素的获取成本比Si高很多，因为Hf存在 于大多数Zr(锆)矿中，地壳中含量很少，Hf常与Zr共 存，无单独矿石，一般由HfCl4(四氯化铪)与Na(钠)加 热还原而制得
采用Web2.0技术的网站 http://twitter.com/
采用Web2.0用户界面技术的网站
什么是twitter？ • Twitter (中文称：推特)是国外的一个网站，它利 用无线网络，有线网络等通信技术进行即时通讯， 是微博客的典型应用。它允许用户将自己的最新 动态和想法以短信息的形式发送给手机和个性化 网站群，而不仅仅是发送给个人。
讲座目的
• 浏览器/服务器模式(Browser/Server)：TCP+HTTP • HTTP (Hyper Text Transmission Protocol)
– B/S模式严格说是C/S模式的拓展，是采用客户端为浏览器标 准软件的、以Web服务器为中心的、特殊的C/S模式。 – 与C/S模式相比较，B/S模式优点： – 简化了客户端 – 简化了系统的开发和维护 – 使用户容易学习 – 适宜在网上发布信息
JavaScript OOP编程框架
• JavaScript编程框架
–JavaScript传统的Prototypal Inheritance –仿C++、Java普遍的Classical Inheritance
• OOP的发展和普及：
– 1960’ s的SmallTalk – a=2, b=3的对换： c=a; a=b; b=c; a=a+b; b=a-b; a=a-b; – 1990’ s的C++、Java： 物质的硬件发展到一定程度，内存、CPU、硬 盘、高速传输接口
Web2.0应用功能扩展
Web2.0应用功能扩展
Web2.0应用功能扩展
• 网页博客（Web Blog） • 博客本质上是“个人网页”信息管理系 统 • 信息管理系统的4大操作：
– 添加 – 修改 – 删除 – 查询
Web2.0应用功能扩展
Web2.0应用功能扩展
wenku.baidu.com
Web2.0应用功能扩展
软件的发展以硬件为基础
摩尔定律的实践验证
摩尔定律受到科学发展水平的制约
• CPU集成度是指在CPU芯片的单位面积上集成电子器件数量 的程度。 • 如今的CPU大多数是基于场效应管（MOS管）技术制造的， nMOS管的结构如图所示。 • CPU集成度用MOS管的“制程”衡量。所谓制程，就是指在 一定制造工艺下MOS管可以实现的最小“门控导线”(GATE) 长度。一般来说，MOS管的制程越小，CPU的主频越高， CPU的运算速度越快。
Web2.0的技术基础
采用Web2.0用户界面技术的网站
• XHTML（eXtensible HyperText Markup Language ） • HTML是一种基本的WEB网页设计语言，XHTML是一个基 于XML（Extensible Markup Language）的置标语言，看起 来与HTML有些相象，但有重要的区别 • XHTML就是一个扮演着类似HTML的角色的XML，所以， 本质上说，XHTML是一个过渡技术，结合了XML的强大功 能及HTML的简单特性。 • XHTML解决HTML语言所存在的严重制约其发展的问题 • HTML存在三个主要缺点： – 不能适应现在越多的网络设备和应用的需要，比如手机、 PDA、信息家电都不能直接显示HTML – 由于HTML代码不规范、臃肿，浏览器需要足够智能和 庞大才能够正确显示HTML – 数据与表现混杂，如果页面要改变显示，就必须重新制 作HTML
主要内容
• • • • • • • 讲座目的 T/S、C/S和B/S模式 AJAX技术 Web2.0 三层和四层分离模式 Web OS 中国Internet发展状况
讲座目的
• 主机/终端模式(Terminal/Server)：
极瘦的客户端，因为硬件资源昂贵，需要共享
• 在Client/Server模型中，所有客户端需要配置 几层软件：操作系统、网络协议软件。分客户 端软件和服务器应用程序。 • Browser/Server采用三层结构即Browser /Web Server/Database Server，浏览器、Web服务器 和后台数据库服务器的三层操作模式。 • C/S和B/S有区别，但不是本质区别：只是客户 端软件和通信协议不同。
讲座目的
表 C/S模式和B/S模式的优缺点
比较项目 客户端资源利用率 网络带宽的占用率 系统运行速度 信息传输速度 学习系统的难度 发布信息的影响面 用户界面交互能力 C/S模式 较高 较低 较快 较快 较大 较小 较强 B/S模式 较低 较高 较慢 较慢 较小 较大 较弱
讲座目的
• Web2.0 —— 新版本的B/S模式，吸收C/S的优点 （狭义的定义） • Web2.0模式的优点：
AJAX技术
• Ajax的工作原理就是相当于在浏览器和服务 器之间加了一个中间层，使用户操作与服务 器响应异步化。 • 这一中间层所要做的工作都是由Ajax引擎 （Ajax engine）来完成的。 • Ajax引擎就是一些复杂的JavaScript程序，先 调用XMLHttpRequest对象的属性和方法来与 服务器端进行数据交互，然后再通过DOM来 解析处理XML文档，最后部分更新HTML页 面的内容。
– 在任何时间、任何方式发表任何信息，分享给希望获知 这些信息的人； – 在第一时间、任一方式获知你所关注的人（或事）的最 新进展；
• 目前国内也出现了许多类似twitter的网站，比如 新浪微博（MicroBlog）http://t.sina.com.cn/、说 说http://shuoshuo.cn/、贫嘴http://pinzui.com/等网 站。其主要优势是对中文的良好支持，以及与国 内移动通讯服务商、即时聊天工具的绑定。 • WAP(Wireless Application Protocol)
软件的发展以硬件为基础
• 2007年诺贝尔物理奖得主：瑞典的彼得-格林 贝格尔 • 发现巨磁电阻效应：非常弱小的磁性变化就 能导致磁性材料发生非常显著的电阻变化
• 用于读取硬盘数据的技术，得益于这项技术， 硬盘和U盘在近年来迅速变得越来越小
软件的发展以硬件为基础
摩尔定律
1965年有一天，摩尔为了完成《电子学》杂志(Electronics Magazine)的一篇关于半导体工业的约稿时，突然想到要把几 年来芯片的集成度增长的情况总结一下，设想一下将来的情况。 于是拿了一把尺子和一张纸，画了个草图。发现1962年和1965 年的芯片的集成度很有规律。于是大胆地预测了1970年芯片的 集成度。他提出，芯片上集成的晶体管数量将每两年翻一番。 后来又发现二者的平均——18个月更准确。
• WebOS实例：JavaScript前端 + PHP后台 • http://eyeos.org/
• WebOS实例：Flash Player前端 + ?后台 • http://ijimu.cn/
• WebOS实例： JavaScript前端(mootools框架) + ?后台 • but developing now… • http://takos.info/
• 采用Linux操作系统
– MOTO的E680，海尔的N60， 飞利浦的968等
• Mac操作系统
– iphone
Web2.0新动向：WebOS
• 什么是WebOS？ Web operating system • WebOS是指在“互联网规模级”上的分布式计算技术 （主要指“云计算技术”）所提供的Web应用服务。 两种竞争的技术： • Flash Player + ActionScript • Web Brower + JavaScript 前景：看好后者B+J（个人观点），因为， • ActionScript和JavaScript均是ECMAScript Language Specification Edition 3的子集 • European Computer Manufacturers Association 欧洲 电脑厂商协会 • HTML5将增强对多媒体的支持
摩尔定律受到科学发展水平的制约
• 由于CPU的速度受其集成度的制约，因此，在商 业运营成本的范围内，多数服务器厂商以计算机 并行技术为基础，以服务器“最高并行工作的 CPU个数”为主要指标划分服务器类型。 • 一般来说， • 小型机(入门级)“最高并行工作的CPU个数”是4 颗 • 中型机(中档级)是8颗 • 大型机(高端级)最少是16颗
Web2.0用户界面
• Web2.0为提高Web应用系统的交互能力，需 要Web浏览器运行更多的JavaScript软件。 • 实现大量的控制功能。 • 实时处理错误操作和通讯中断等异常状况。 • 可靠性、安全性和稳定性等方面对JavaScript 软件的要求日益提高。 • 随着大型Web应用的规模和复杂度不断增加， 相应的JavaScript软件也会变得越来越复杂。 • 有必要对JavaScript软件编程方法进行研究。
采用Web2.0用户界面技术的网站 http://www.google.com.hk/
采用Web2.0用户界面技术的网站 http://www.flickr.com/
采用Web2.0用户界面技术的网站 http://cn.bing.com/
采用Web2.0用户界面技术的网站 http://maps.google.com/
Web2.0新动向：WebOS
• 什么是WebOS？ Web operating system • WebOS是指在“互联网规模级”上的分布式 计算技术（主要指“云计算技术”）所提供 的Web应用服务。
例如，Palm智能手机(Smart Phone ) 的功能不再仅限于拨打电话。它是 一款集电子邮件、短讯传送，以及 上网功能于一身的移动电话。 至 于连络人、行事历、照片，以及音 乐等功能超多。