梦想之鹰的天空

天高任鸟飞......放飞....心情..........放飞.....梦想

日志

关于我

梦想之鹰

非淡泊无以明志非宁静无以致远

文章分类

Ajax技术足以成熟应对企业应用

2007-08-16 12:39:13| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

　在AOL公司你在Ajax方面正在做些什么?

　　Edwin Aoki:我们拥有一个完整的团队，曾有段时间致力于基于web的动态的应用。一旦你有了自己的很好的想法，选择了你想用的任何工具，并落实了你的观点，那么能够将这些想法在真实世界中实施和部署的快乐的时刻就开始了。

　　在真实的世界中你有遇到什么特殊的问题吗?

　　Aoki:当我们谈论Ajax的时候，很多次的话题都是围绕性能和可访问性，在这里可访问性不只是定义为围绕屏幕浏览器和对在视觉上削弱的情况的支持等方面，除此以外还被定义为内容和服务可能会达到最广泛的用户，最多的浏览器的数目和最多的设备数目等方面。这的确是真实的，特别是当对象可能不是人的时候。对于许多那样的应用来说搜索引擎是一个巨大的对象。Ajax为此造成了一些特殊的挑战。

　　你正在做很多Ajax的工作吗?

　　Aoki:我们在Ajax方面拥有广大的支持。我们已经用Dojo [开源的JavaScript 工具包]完成了很多工作。我们有很多使用Ajax的产品。我们致力于Dojo工作已经有段时间了。我们以前的一些产品，包括我们已经发布的MyAOL，使用了Ajax来传入内容流或提高负载体验。我们还利用Ajax做渐进增强。

　　什么是渐进增强?

　　Aoki:它是这样一个概念;采用以XHTML[可扩展超文本标记语言]和微格式形式的原始语义内容通过一个提供给简单的CSS[串联式样式表]或性能较差的浏览器的层来显示，然后在那基础上用JavaScript和DOM [文本目标模型]创建更多的交互，达到可选式的增加和删除元素。

　　你通过渐进增强得到了什么?

　　Aoki:这个模型相较于传统的功能衰减的模型而言，优势在于你可以利用那个可访问性的宽广的概念创建更容易访问的站点。它们甚至可以在JavaScript关闭的情况下工作。他们也可以在移动浏览器上工作。即使你有丰富的媒体用户也并不会感觉到有什么不同。他们获得了对他们的输出模型来说最好的体验。而搜索引擎知道怎样能搜索到这个原型。这个帮套Ajax原型没有将它们分离出来。

　　所以它帮助搜索引擎找到你的内容?

　　Aoki:是的，事实上在我今天所做的演示中我展示了我们的视频集线器的一个老版本，它很大程度上基于Ajax。我们有好几万的完整版的电视节目，但是如果你去Google搜索，会发现根本就找不到，因为Ajax接口阻止搜索引擎查找到所有内容。

　　你是怎么做的呢?

　　Aoki:我们使用一些渐进增强的原则当然也有一些设计技术来浏览和重新设计它.我们回退回去做了很多Ajax工作，在没有妨碍主要内容的情况下使它变得不那么以使用PE为核心来驱动交互作用。

　渐进增强模型做了什么使得搜索引擎可以找到内容?

　　Aoki:以前的情况是我们有非常多的内容是通过滚动条DIV罗列的。我们用XHR[XMLHttpRequest]从后台将内容放入DIV。因为我们有点匆忙的写作这个，当搜索引擎通过时它不解析JavaScript，所以它所能看到的就只有这个空的DIV而从来不会进入。

　　所以搜索引擎对内容是视而不见的?

　　Aoki:没错，因为我们将内容通过Ajax管道动态地放入。

　　现在它工作的怎么样?

　　Aoki:现在我们所做的是所有的内容以原始HTML的形式存在，如果你是一个搜索引擎或你是个文本浏览器或者你关闭了浏览器中的CSS和JavaScript，那么这就是你所获得的内容。但是它是一个凭借自身条件的非常易读，非常可视化的页面。然后我们在它之上应用一系列样式单，这样你就得到了一个更好的显示。如果你是一个具有电力不足的web浏览器的移动电话，那这就可能是你所看到的。如果你关闭了JavaScript，那你看到的也是这个显示。如果你在低于IE7的浏览器上关闭了ActiveX控件，那么你不能得到XML HTTP请求，你看到的会是这个显示。如果你将这些都设置为可用的，我们利用JavaScript来操纵DOM以便你得到flash，图片和所有的那些东西，但是他们是对体验的增加而没有减少过去的体验。

　　那么渐进增强是否是一个具有多种多样的能力的更好的获得浏览器的方式呢?

　　Aoki: 当我们谈论它的时候它总是引起一些小的争论，因为它和人们思考功能衰退的方式是相反的,你首先积累全面的体验，然后指出如果你没有完全的浏览器能力那么什么会失败。但是结论是渐进增强是非常有利于搜索引擎的。很显然，它确实有利于对解析JavaScript有困难的屏幕浏览器。而且它也表现出对性能很有帮助，因为它产生了更为清晰的标记和隐蔽性更好的JavaScript，这是因为你的JavaScript与你的内容之间是更为独立的。它给予了你一个很好的编程模型。

　　AOL的开发者主要使用JavaScript吗，还是你们也用PHP和Ruby?

　　Aoki:我们每种都用一点。我们的一些产品是构建在Ruby on Rails上的。我们还有一些PHP的内容。我们的团队倾向于选择他们觉得最适合他们特定的工作的工具。

　　在过去的一年，有些谈论说JavaScript是 Ajax的脆弱的一环，你的体验是什么?

　　Aoki:它确实有改进。在IE7和Firefox2还有Safari3中完成的工作使得为JavaScript提供的完整支持好了很多，但是在我今天的演示中我们讨论了浏览器厂商所作的工作，去年同行已经基于像

　　Dojo和Prototype [JavaScript框架]还有Script.aculo.us [JavaScript库]这些东西做了很多工作，但是它还没有完成。还有一些基础部分是我们感觉与一个功能完善的web开发环境相比所欠缺的。我们想和同行还有其他与会的人们共同合作来充实这些部分。

　　你希望看到JavaScript的哪部分得到改进?

　　Aoki:像身份管理之类的。我们有个做身份管理的API叫做开放验证。我们认为它功能很完善。它集成了OpenID[单点登录技术]，但是它没有构建到任何框架中去。它并不和Ajax所接受的档案模型一起工作。我们没有做这个的框架。通信也一样。我们有一个非常好的基于web 的即时信息平台，我们正在将其扩展为一个基于web的数据缓存平台，但同时你还是要选中它，把它放到一起。正在构建的块也是相当粗糙和原始的。我们想和做Dojo，Prototype 和Script.aculo.us方面的人合作创建一个环境，你可以依赖这个环境中的服务，并且你可以只关注你的应用要做的事情而不用关心存储，身份或是怎样向前向后传递数据。这就是Dojo和其他框架在客户端所做的工作，但是我们认为下一个阶段就是使它们和我们自己和其他人提供的一系列后台服务一起工作。

　　那就是你认为的在Ajax成长方面的下一个阶段?

　　Aoki:它如此重要的一个原因就是它已不只是关于建立新的web应用。同样的模型将用于桌面部件和像Google那样的集合环境。那是Nintendo Wii的开放环境。它是适用于移动的唯一的开放环境，无论是掌上IE或是Nokia SE还是Apple iPod。一旦你们了解了Ajax是第一种适用于这些平台的开发环境，那么你们立刻就达到了一个共识：它将开启人们想将这些后台工具和安全，节奏和以便人们可以获得关于他们的应用的分析而构建在内的测量系统结合起来的想法。那就是我的主题。事实上它已经无处不在了。我们已经走了很长的路。我们在AOL遇到并努力解决很多这个领域中的每个开发者都遇到并努力解决的相同的问题，但是目前我们还有很多的工作要做，也有很多的机遇在等待。

评论这张

转发至微博

阅读(313)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_095074080082084075080082074064084083086066080087080',
              blogTitle:'Ajax技术 足以成熟应对企业应用',
              blogAbstract:'　<STRONG\>在AOL公司你在Ajax方面正在做些什么?</STRONG\>\r\n<P\>　　Edwin Aoki:我们拥有一个完整的团队，曾有段时间致力于基于web的动态的应用。一旦你有了自己的很好的想法，选择了你想用的任何工具，并落实了你的观点，那么能够将这些想法在真实世界中实施和部署的快乐的时刻就开始了。</P\>\r\n<P\>　　<STRONG\>在真实的世界中你有遇到什么特殊的问题吗?</STRONG\></P\>\r\n<P\>　　Aoki:当我们谈论<STRONG\>Ajax</STRONG\>的时候，很多次的话题都是围绕性能和可访问性，在这里可访问性不只是定义为围绕屏幕浏览器和对在视觉上削弱的情况的支持等方面，除此以外还被定义为内容和服务可能会达到最广泛的用户，最多的浏览器的数目和最多的设备数目等方面。这的确是真实的，特别是当对象可能不是人的时候。对于许多那样的应用来说搜索引擎是一个巨大的对象。</P\>',
              blogTag:'',
              blogUrl:'blog/static/30571416200771603913527',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:0,
              publishTime:1187239153527,
              permalink:'blog/static/30571416200771603913527',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'非淡泊无以明志 非宁静无以致远',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/30571416200771603913527">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

梦想之鹰的天空

导航

日志

Ajax技术足以成熟应对企业应用

历史上的今天

最近读者

热度

评论

页脚

梦想之鹰的天空

导航

日志

Ajax技术 足以成熟应对企业应用

历史上的今天

最近读者

热度

评论

页脚

Ajax技术足以成熟应对企业应用