29
混聚开发模式与应用 ——兼谈 Web2.0 环境中数字生活与学习 阮高峰 http://twitter.com/zjlester [email protected]

混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

Embed Size (px)

DESCRIPTION

应浙江师范大学教育技术协会要求讲座,技术要求:低.

Citation preview

Page 1: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

混聚开发模式与应用——兼谈Web2.0环境中数字生活与学习

阮高峰

http://twitter.com/zjlester

[email protected]

Page 2: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

Web2.0

•用户创建内容•社会网络•模块化•标准化 ……

Page 3: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

调查

• 计算机拥有情况?• 手机等拥有情况?• MP3/4、 PSP等移动数字娱乐设备(MEI)?

• 会从网络下载影音教学内容至MEI?• 遇到问题就会“百度”一下?• 无师自通玩转 QQ?

• 泡论坛、逛校内?• 维护着一两个博客( Blog)、空间?

Page 4: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

Web2.0时代,每个人的数字生活也 2.0了

Page 5: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

混聚随着Web2.0而涌现的一种网络应用开发模

Page 6: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

目的了解混聚的基本结构掌握混聚的简单应用

Level:100所有资源会在稍后提供于:

http://hi.baidu.com/ileo

Page 7: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

内容安排

• 案例展示

• 概念讲解

• 动手一试

Page 8: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

混聚(Mashup)案例展示

http://www.housingmaps.comBy Paul Redemacher

Page 9: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

Crailglist.org

Google Maps

housingmaps.com

Page 10: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

• 案例展示

• 概念讲解

• 动手一试

内容安排

什么是混聚混聚的结构混聚的发展

Page 11: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

2.1 什么是混聚(Mashup)

• Mashup (music):一种音乐类型,它完全混编、串接其它歌曲的部分而组成

– 古巨基-劲歌金曲

• Mashup (video):一种视频风格,混编多个视频源片断,并编辑成一段完整的影像

– 网络电影-网络惊魂之“中国廉通”

• Mashup (web应用 ):将多个来源的数据与服务进行组合,形成一个Web站点或应用服务的开发模式– Leo@Twitter

Page 12: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

2.2 混聚的结构

用户

混聚站点

站点1 站点n

数据处理

数据呈现递交提求

API调用 API调用数据 数据

混聚应用微观结构图(阮高峰 &徐晓东 ,2009)

Page 13: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

问题来了

不同的站点,它们的数据如何实现共享?

Web2.0

•用户创建内容•社会网络•模块化•标准化 ……

RSS

Page 14: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

RSS( Rich Site Summary)

• RSS是一种基于 XML的规范,用于描述站点更新内容,;

• 结构简单– 用 Channel(频道)表示一个源,其下有若干 item节点,表示一则更新信息

• 原理– 站点(通过动态网页技术)生成 RSS源→用户通过 RSS客户端获取更新

• RSS客户端– 客户端: Feed Demon、 Foxmail;– Web客户端( RSS聚合站点) :Feed Burner、 Google

News、 Zhuaxia

Page 15: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

RSS 2.0样例#<?xml version="1.0" encoding="gb2312" ?> <rss version="2.0"><channel><title>Leo’s Education Observation</title><image><url>http://…/img/logo.gif</url></image><description>除 注者外,均 原 标 为 创 </description><link>http://hi.baidu.com/ileo</link> <language>zh-cn</language> <generator>GF.Ruan</generator> <item><title>非正式 偶 同学习与 发学习异 </title><link>http://hi.baidu.com/ileo/../x.html</link><description>非正式 是…学习 ( 容内 )</description><pubDate>Tue, 26 Feb 2008 11:40:50</pubDate> <category>非正式学习</category><author>GF.Ruan</author>

</item><item>..</item>

</channel></rss>

Page 16: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

RSS显示示意图

RSS聚合网站

RSS客户端

Page 17: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

标准化

2008年 7月起 ,我国施行手机充电器统一标准

Page 18: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

混聚宏观结构图

GUI Tools

Code Libraries

APIs

Data Feeds

Platforms

RSS,Atom,JSON,REST...

metaBlog API, Map API...

Yahoo,IBM,Google..

Popfly,Pipes...

Page 19: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

2.3 混聚的发展

一图胜千言source:Shili Yu,2008

Page 20: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

October 2005

Page 21: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

January 2007

Page 22: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

• 案例展示

• 概念讲解

• 动手一试

内容安排

开发流程Demo1: Google混聚编辑器Demo2: 协作群体信息流整合Demo3:地图服务的整合

Page 23: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

3.1 开发流程

• 资源收集与逻辑流程设计

• 资源集成与混聚

• 调试、发布与应用

Page 24: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

Case 1

Page 25: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

Case 2

实现技术: Pipes&Feedlr

Page 26: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

Case3

实现技术: Pipes

Page 27: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

动手实践

• 目的– 个人信息发布策略的设计与规划

• 实现– 嘀咕网– RSS

Page 28: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

我有一个梦想 :积聚长尾的力量

Source:http://www.novelr.com/2008/02/08/the-long-tail-and-online-fiction-how-to-get-read

Page 29: 混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习

多谢聆听!

Follow me, at :

http://twitter.com/[email protected]