sin's profile有话好好说BlogLists Tools Help

今天高兴的事儿不少

一、 今天是七夕,中国的情人节!
   祝大家今天晚上个个都开开心心。
 
二、 昨天刚得知我参加的英语国家考试60分涉险过关,哈哈,值得庆祝!
 
 
 
 
8/10/2005

Portlet API参考实现的秘密

概要 在Stefan Hepper和Stephan Hesmer的portlet系列文章的第二部分中,作者把着笔点从Portlet API的基础概要介绍转移到了Portlet API的参考实现(RI reference implementation也就是Pluto)的细节描述。作者还提供了一系列portlet的实例来说明怎样扩展Portlet API的标准函数。企业portal提供商使用可插的用户接口组件(portlets)向信息系统提供表示层。不幸的是,以前的提供商都只定义了自己的portlet API,在整个行业之中互不相容。为了标准化整个行业进程,Java团体发布了Java规范要求(JSR)168:Portlet规范。这篇系列文章的第一部分介绍了JSP 168的细节。第二部分重点放在portlet API的参考实现(RI)上,也就是Pluto。此外还提供了一个portlet的实例,读者可以通过这个实例来学习。文章第一节描述了RI的体系结构,包括portlet容器的可拆卸性的概念和怎样在其他项目中重用portlet容器。第二节介绍了RI的安装和使用,以及怎样快速配置portlet。其中文章还包括一个逐步深入的实例。注意:你可以通过文章之后的资源链接下载原代码 Pluto的体系结构 让我们先来看一下Pluto的体系结构和一些基本的概念。我们先简要的说明portal的参考实现和portlet容器在整个portal体系结构中的位置。接下来我们在细节方面研究Pluto的体系结构。最后,我们看一下在portlet容器里很有趣的:portlet 展开。 关于portal Pluto一般用来演示Portlet API如何工作以及向开发者提供一个测试portlets的实例平台。然而,如果没有驱动来运行和测试portlet容器有点麻烦。Pluto的简单portal组件只是架构于portlet容器,它只满足了JSR 168的基本要求。(相比之下,Apache的开源项目Jetspeed就要专业的多。Jetspeed将着重中在了portal本身而非portlet容器之上,并且更多的考虑了其他团体的需求。)图一描述了portal的基本体系结构。Portal的网络应用程序处理客户端请求,从用户的当前页面得到portlets,之后调用portlet容器以获得每个portlet的内容。portal使用Portlet 容器的 Invoker API来访问 portlet容器,从 portal看来,portlet 容器的主要接口是支持基于请求的方法调用 portlets。容器用户要想获得portal的相关信息则必须实现portlet容器的Provider SPI (Service Provider Interface)的callback接口。最终,portlet容器通过portlet API调用所有portlet。 图一:Pluto中的一个简单的portal的结构 Portlet容器 Portlet容器是portlet的运行环境,也是每个portal的组成核心。它需要有关portal本身的信息,且它必须重用自身的公共代码。因此,portlet容器和其他portal组件是完全分离的。这就是说,你可以将独立的portlet容器嵌入任意的portal,只要你满足portlet容器的条件,比方说实现所有的SPI。 Portlet容器的 Invoker API,或者叫入口点,扮演了portlet容器的主调用接口的角色。Portlet容器的Invoker API将portlet容器的生存周期(init,destroy)和基于请求的调用方法(initPage(),performTitle(),portletService()等等)结合了起来。因为portlet容器最后调用portlet的方法名有点类似portlet API的主portlet接口,不同的是是否必须要传递portlet定义符。正是因为这个附加的portlet定义符,portlet容器才能正确的调用portlet。除了要用API访问portlet容器之外,portal还必须扩展portlet容器定义的SPI。因此,RI引入了容器服务:在容器注册过的可拆卸组件提供基础功能并且可扩充。RI包含如下一些容器内的自建服务(前四个必须在运行portlet容器时实现,最后一个是可选的): 信息提供器:给portlet容器提供portal和portal框架的信息。通过这个接口来获得信息和存储portal信息。这些信息包括导航栏里的URL、portlet上下文、portlet模式和窗口状态控制。 工厂管理器:定义了怎么怎样通过工厂方法来获得一个具体实现。(一个标准的portal应该已经存在一个实现。) 日志服务:定义了一个日志工具(一个标准的portal应该已经存在一个实现)。 配置服务:定义了怎么样获得配置参数(一个标准的portal应该已经存在一个实现)。 属性管理器(可选):属性管理器接口的实现允许处理JSR168规范中定义的属性。严格的说,portlet对象模型也是SPI中的一部分,只是它在SPI中占有一个特殊的地位。Portlet对象模型处理所有的potlet对象,他由一个交织在一起的接口集合组成。因此,不能把他和容器服务分开来考虑。 图二:portlet容器结构 Portlet的部署 portlet 容器 架构在servlet容器之上并且增强了它的功能。为了实现它,portlet 容器将原始servlet 加入每一个portlet应用程序的war文件中,这一点我们在图三3中有所描述。部署portlet组件时,先取得原始的war文件,然后向其中加入一个新的或者修改原有的web.xml,并且加入一个servlet作为一个调用点来包装每个portlet。之后, portlet的部署器(?这个原文是Then the portlet deployment passes the modified war file to the application server deployment)会传递一个修改过的war文件到应用服务器,将其部署到应用服务器系统。在portlet的调用过程中,portlet容器调用添加进去的servlet,作为部署portlet的war文件的入口点。 图三:RI中portlet的部署 Pluto和WSRP标准 正像第一部分所描述的那样,JSR 168与远程portlet网络服务(the Web Services for Remote Portlets (WSRP))标准紧密结合。几乎同时形成的这两种标准发布了开源实现,实现了在各自的规范中描述必要的功能。作为共有的目标,两种标准努力能够在一起更好的合作。现在,portlet容器可以很好的运行WSRP portlet。 Pluto可以在一个portal中运行多个portlet容器。从而Pluto的portlet容器可以被初始化多次。更重要的是,可以用不同的方式来初始化它。每一个portlet容器可以使用SPI的不同实现。 RI的安装 你会发现Pluto的安装过程非常简单。执行install命令,build目录/build下的install.bat或者install.sh。接下来安装程序会提示你指定Tomcat的安装目录。(注意:在MS windows下文件分隔符不是反斜杠。)在这之后,安装进程会创建RI和所有portlet,安装portlet到指定的Tomcat目录。安装完成后请查看文档以确定完成了所有必要的手工设置工作。现在可以启动Tomcat,通过http://localhost:8080/pluto/portal来访问RI了。就是这么简单! 怎样部署portlet 在Pluto中部署portlet和它的安装一样的简单。只要记住你必须首先安装了Pluto,它正确的设置了prepareRun.properties。这是部署过程所必须的。在命令提示符下转到build目录,输入命令deployPortlet.bat , 用portlet war文件做参数,比如: deployPortlet.bat C:\pluto\portlets\bookmark_04\driver\bookmark_04.war Portlet实例 我们来看一个portlet的例子,Bookmark。它充分利用了Portlet API并且阐明了我们学到的概念。我们以一个简单的例子开始,我们在每一节一步步扩展这个Bookmark portlet,最后我们将几乎用到所有的portlet API,把它做成一个高级的portlet。 Bookmark portlet:版本一第一个Bookmark portlet用到了Portlet API中如下的一些特性: Portlet API 接口The Portlet API interface  Java服务器页面(jsp)JavaServer Pages (JSP) pages  Portlet API标签库The Portlet API tag libraries  部署描述符Deployment descriptors 第一个Bookmark portlet的两个JSP页面分别显示和编辑模式。每个JSP页面只是简单的显示了portlet的当前portlet模式和windwos状态。为了显示这些信息,我们用到了Portlet API标签库(只是部分程序代码,请下载全部代码,不然很难理解:译者注): public void doView (RenderRequest request, RenderResponse response) throws PortletException, IOException { response.setContentType("text/html"); String jspName = getPortletConfig().getInitParameter("jspView"); PortletRequestDispatcher rd = getPortletContext().getRequestDispatcher(jspName); rd.include(request,response); } 接下来的代码是例子中的一个简单的JSP 页面(即view.jsp:译者注): Hello,
I am the bookmark portlet.

Current Portlet Mode:
Current Window State:

Bookmark portlet:版本二 第二个Bookmark portlet进一步深入了Portlet API 的概念。除了第一例子所使用到的Portlet API 特性,它增加了: 动作处理Action handling  Portlet 参数 Portlet preferences  验证参数 A preferences validator  在部署描述符中预定义参数 Predefined preferences in the deployment descriptor 在第二个Bookmark例子里,两个新的JSP页面替代了版本一中的。首先,edit.jsp允许通过portlet动作添加和删除书签。在这个JSP页面中输入的书签将作为portlet参数存放。其次,view.jsp 以超链接显示出作为portlet参数存放的书签。 Bookmark portlet:版本三 新增用到的特性: 地区性部署描述符 Localizable deployment descriptor  资源包ResourceBundles 现在部署描述符和JSP页面从资源包里(ResourceBundles)获得可显示的字符集,他们都可以支持英文和德文了。 Bookmark portlet:版本四 最终的这个portlet例子通过portlet API传递递交参量(render parameters)示范了导航的概念(the navigational state concept )。在版本四里有七个书签,但默认一页只显示四个,如图四所示。通过点击next和back的超链接,用户可以导航到向前或者向后的五个书签。初始点将被初始化为递交参量,使得用户可以使用浏览器的刷新、后退和前进按钮。 Bookmark portlet版本四的界面 Portlet复习 象你所看到的那样,portlet规范的参考实现包括两个部分:portal和portlet容器。Portal作为一个简单的运行portlet容器的测试驱动。Portlet容器作为一个能迅速使用到其他portal(比如jetspeed)里的普通组件。 这个portlet实例用到了许多portlet API里的很重要的概念。你可以用所有portlet API和servlet API的特性来扩展这个实例。比方说你可以用一个servlet在新窗口中输出其他有用的信息,如一个打印预览。还可以通过Http会话与portlet进行交互。实际上,因为portlet是一个强大的技术,能用他实现的功能是无穷无尽的。
    6/29/2006

    AJAX 框架、类库推荐(1)

     

    http://developer.yahoo.net/yui/


    Yahoo UI库是一套工具和控件,用javascript编写,可以通过DOM,HTML和AJAX等技术建立高度互动的web应用程序。这个UI库使客户端脚本的编写变得方便,增强了开发者对浏览器基础构件元素的操作(时间,页内http请求和DOM)。Yahoo UI库可以仅仅通过几行代码和css文件控制着视觉,互动用户界面元素。所有的Yahoo UI库组件都在BSD协议下对所有用户开放使用。

     

     

     

    http://prototype.conio.net/ 


    非常优秀的javascript和ajax框架。很多应用都基于这个框架。这里是中文文档(本地)[英文原版]。
    1.3.1版本解读 http://3rgb.com/b/?act=viewthread&threadid=407(本地)
    另外一个解读 http://www.hibernate.org.cn/viewtopic.php?p=95454 (本地)
    1.4.0版本最新解读 http://www.sergiopereira.com/articles/prototype.js.html 

     

     

    http://openrico.org/


    开源的胖客户端javascript库。提供完全的ajax支持,拖放操作管理,以及令人惊异的动态效果。

     

     

     http://www.activewidgets.com/


    可滚动的javascript表格组件。在一个表格里显示所有数据,可缩放调整的列和客户端数据排列。

     

     

     

     http://www.nextapp.com/提供两个框架。


    Echo2 Web Framework 是开发web胖客户端应用的平台。通过内置的ajax渲染引擎提供性能、兼容、和增强的用户体验。使用Mozilla开放授权(也可以是LGPL),可以在开源和商业产品使用。EchoStudio 2.0 是基于Eclipse 3.1的开发环境。使用商业授权。

     

     

    http://www.modernmethod.com/sajax/


    Sajax是一个开源的ajax工具。可以在PHP, Perl或Python中使用。它能够帮你完成99%的工作!

     

     

     http://qooxdoo.oss.schlund.de/


    qooxdoo 是一个强大的开源 javascript 工具包。qooxdoo 能帮你完成胖客户端应用的设计-比以往任何时候都简单。

     

     

     http://zk1.sourceforge.net/


    开发网络应用的难度正在增加,为了解决这个问题,ZK被设计用来让web应用同时拥有丰富的用户体验和简单的编码模型。ZK包括基于AJAX的事件驱动引擎,自动完成互动,一套丰富的XUL和XHTML组件来增强可用性,和一套标记语言来简化UI设计。
    通过ZK,你可以用丰富的XUL组件来表现应用程序,通过监听用户事件触发来操作这些组件,就像桌面应用程序一样。用户获得桌面体验,而你的开发也像桌面应用程序一样简单。

     

     

    http://www.amowa.net/buffalo/


    唯一一个国产的ajax框架。目前来看功能非常强悍,最大的特点是可以和java无缝结合。

     

     

    6/27/2006

    Windows Live Spaces 即将到来!

    Windows Live Spaces 即将到来!不只是采用新的 Windows Live 风格的界面,还会增加一些新的令人激动的功能。随着 Friends Module(朋友模块)的加入,你将能在空间中建立一个放朋友们的地方。

    Friends Explorer,将和 Windows Live Messenger 整合在一起,允许你和你的朋友探索其它人并建立新的朋友关系。

    你将会注意到空间顶部变化了,当前的文字广告被横幅广告代替。想要没有广告的空间,可以订阅 Hotmail Plus来选择关掉它。

    另外,你的空间标题和列表标题不再限于空间顶部。你可以选择把它变成一个模块显示在空间的任何地方。

    breadcrumbing 的引入和一个可选择的 navigation module(导航模块)允许你和你的访客更轻松的在你的空间中航行。

    还有许多方式用来展示你自己和定制空间。你可以增加叫做“Windows Live Gadgets”的小型应用程序。

    转换到 Windows Live Spaces 后你的空间 URL 也会无缝转换。

    下面是截图:

     

    英文参考:

    参考: The Space Craft

     

    Hey Spaces fans,
     
    Windows Live Spaces is arriving soon! Not only will your Space adopt the cool new Windows Live look & feel, but you will also be able to add new and exciting functionality to your space.  With the addition of the Friends Module, you can create a place to hang out with your friends. 
     
    The Friends Explorer, which will be integrated with and accessible through Windows Live Messenger, will enable you and your friends to explore others and create new friendships.
     
    You’ll notice some changes we’ve made to the header, including the replacement of the current text ad links with banner ads across the top.  Of course, as always, if you prefer to see no ads at all in your space, remember you always have the option to switch them off as a subscriber
     
    In addition, your title and tagline will no longer be limited to the Spaces header.  Instead, you can choose to display the title and tagline of your space as a module and have it appear wherever you want it to in your space.  Removing the title from the header means you have more freedom and control over things like your space title and navigation to stuff in your space. Instead of always being stuck at the top, you can place them wherever you want.
     
    The introduction of breadcrumbing and an optional new navigation module will enable you and your visitors to easily navigate through your space.
     
    We are also going to offer many new ways to express yourself and customize your space.    You’ll be able to add mini-applications called Windows Live Gadgets developed by the community for the community.   Can’t find headlines, games, or other gadgets that reflect YOUR personality?   Build your own gadget or bribe a techie friend to do it for you!
     
    Of course with all this great stuff, we also have to make some changes to our URL structure.  As Greg Phipps blogged about last month, your URL will be changing one final time with the switchover to Windows Live Spaces.  Don’t worry though, we are working hard to make this as seamless as possible for you and the visitors to your space.
     
    Here’s a glimpse of what the new Windows Live Spaces will look like:
     

    * Note text & UI  may change.
     
     
    Thanks for making Spaces your home. We’re working hard to get this created for you and we hope you’re as excited as we are!

    As always, we look forward to hearing from you.
     
    Thanks,
    The Spaces Team

    6/20/2006

    刚看到一篇文章,里面夹杂着大量的ENGLISH,感觉不错。什么时候我说话也能这样就OK了。

      公司与客户签订的是一个长期的IT外包大合同,包括软件,硬件,服务等等。从另外一个角度来说,包括开发,维护,BI等等。这么大的合同客户与外包商是如何实施与执行的?如何保证客户的Business一如既往地运行,并且还更好地受益于IT的外包呢?我试着从我的team角度,以及从我所能得到的信息尽量来理解这个大的合同是如何实施与执行的。尽管这只是对这个IT外包大合同管中窥豹,但我希望我的文字也能让更多的人认识一个外包案例,也希望能和此案例有兴趣的做IT外包的方方面面的专家和公司探讨。

      我的team为客户公司各种信息系统提供技术支持,是大IT外包合同下的一个维护项目,负责客户business中的Europe和Asia区。客户的US business不在我team的support scope内,但有时候需要与US的一些team打交道。这里US port就不予仔细考虑。

      由于客户把IT外包给我们,客户方就不用招聘很多的IT人员,大部分的工作依照外包合同都由外包服务提供者来完成(我们公司并不是客户唯一的外包商,某些方面的服务还外包给了其他专业公司,如HelpDesk的工作和服务器维护就外包给了HP——HP的HelpDesk非常不错,而且服务器就是HP服务器^_^)。因此,绝大多数客户方的IT人员都是外包合同的执行参与者与项目管理者。客户对自己的IT部门人员所进行的培训除了必要的business培训,就是leadership的培训。

      客户是一家全球500强企业,Business非常多,客户的IT工作量也非常大。那么客户如何与外包商合作、沟通、实施这么大的外包合同呢?这就有必要提到外包商的customer relationship management team。 这个team和客户的management team密切合作,交换意见,共同研究合同的实施与改进,并致力于与客户关系的建立。因为合同签订的出发点就是双方都能从合同中受益,双方都有责任和义务帮助对方提高Business和收益,要不然,这个长期的合同可能没多久就会被Close。

      customer relationship management team经常会和客户一起评估当前的business以及IT的服务情况,做一些必要的变化。这不,去年Europe刚被merge into Asia的管理team,才一年的时间,由于这一年客户Business的变化,Europe的Business变的重要起来,今年就又要 seperate出去,成立独立的management team,方便更好地support Business。

      客户和BRM(Business relationship manager)一起评估project的大小,需要多少resource,然后我们(外包商)就开始project team的招兵买马,作为客户的Contract员工组成客户的IT部门。所谓Contract员工就是人是我们招的,和客户签聘用合同,我们为客户工作,每个resource每小时多少钱客户付给我们公司,我们来进行人员管理,客户只关注项目上的事。(我们有时候叫自己公司为人贩子公司,从另一方面来公司做的是目前时髦的人力猎头工作,只不过人都先招过来了,推荐合适的供客户挑选。呵呵)

      客户把整个IT部门分成很多team,各team负责不同的工作,彼此间又相互支持。除了与程序直接打交道的各种Business team外,其中IT部门的HelpDesk team、Database workgroup、CTO team、Common application team和Ops team与我们team联系最密切。前面几个team一看就知道他们做什么的,我稍微解释一下Common application team和Ops team做什么。

      Common application team顾名思义就是负责一些Common applications的,比如客户要求所有程序都是SSO(Single Sign On) enable的,这就需要有个系统能实现SSO的需求,保证程序的访问安全,并统一利用公司的员工信息库,保证信息的一致,防止各系统“各自为政”,减少重复工作。客户是使用的Site Minder作为SSO服务器,那么SSO的配置与维护就是一个Common的工作,这就是Common application team要做的事。当然,还有很多这样的Common application。

      Ops team一般负责系统的CCM(Change Control Management)中的deploy。如果系统做了改动,在客户同意执行change后,Ops team就会执行这次change。
     
    除了以上这些team,IT部门还有Data Warehouse team,ERP team等其他team,虽然与他们也打交道,但由于不是经常性的,这里就不专门介绍。

      好了,那么我们到底如何来support Business的呢?

      所有的team如何执行自己的职责在project的小合同中都有说明。其中如何处理客户的issue与需求,哪些事情是哪个team的scope都在 escalation chart中明确定义了的,然后让HelpDesk拿着这些escalation chart来处理。HelpDesk是在做IT系统维护时各个IT support team与Business之间唯一的联系点(SPOC - Single point of Contact)。当然,这是理想状态,也有Business用户直接联系我们的。

      HelpDesk接到用户escalate的issue后,先自己做初步的分析,如果HelpDesk能自己解决,问题就不会再往下传递了;如果是 Business方面的问题,用户把问题发到用户的队列中,并跟踪问题什么时候关闭;如果是我们系统技术方面的问题或Bug,HelpDesk就按照前面定义的escalation chart,把问题dispatch到我们team的队列中;如果是其他team的范围也同样的process。因为所有的程序在交给我们team(或其他team)之前就定义了程序的信息,专门有team来维护所有程序的信息。根据客户对所有Business的评估,把相应的程序分为不同的重要程度,这样所有的问题也都根据对Business的影响程度定义了几种不同的紧急程度,再定义了每种紧急程度的问题需要在规定的时间内解决。用户定义了一些 metrics用来度量我们服务的质量,并规定了可需要达到的值。这些都在project的合同中定义,双方签字同意。这就是传说中的SLA (Service Level Agreement)^_^。相应地,我们也在我们公司(外包商)的project Plan中阐述客户的metrics,让所有member都知道并执行,保证meet客户的SLA。

      当问题被dispatch到我们的队列中后,我们就需要在SLA规定的时间内解决问题。每周,专门的Monitor team会从工具中run出各个team这周服务的report,查看是否meet SLA。甚至那些对Business非常重要的系统每天就有report,然后report给management team。这也是客户对我们考核的一个重要指标。

      由于我们中国的team要support客户Europe和Asia的系统,欧洲客户与中国有6个小时时差,这要求我们的team有灵活的上班安排,来 meet客户的Business时间。我们把team分成2部分,一部分support欧洲程序,一部分support亚洲程序。由于我们公司在中国只是一个分公司,印度还有team,印度和中国也有2个小时时差,所以我们安排中国team上 下午班,这样下班不用太晚;印度team同样上 下午班,但他们和欧洲只有4个小时时差,这样就可以更好地meet客户的Business时间。

      当然有US的程序,上班时间又有些不同。在其他时间team的member提供On Call support。所谓On Call Support就是说在这段时间内,如果我们support的系统有问题,用户或HelpDesk可以Call我们的工作Cell Phone,我们就可以马上登陆到内部工作环境,开始移动办公。

     

    6/16/2006

    准备重开SPACE

    不过暂时只是做为资料临时存放地

    计数器
    12/13/2005

    此SPACE已关闭

    谢谢朋友们的关注。

    实在是愧对大家了。

     

    何时重开,我也不知道了。

     

    请光临以下网址:可以找到更多MSN SPACE高手

     
    8/11/2005

    .
     
    大家好,我是slim。欢迎光临我的个人空间。 slim 我的MSN状态
    职业:敲代码的
    位置:浙江杭州
    聊天 留言 EMAIL
    网志分类
     Msn Spaces技巧
     介绍一些有用的技巧
     生活点滴分享
     享受生活,享受快乐
     智能手机
     我的手机我做主!
     程序设计
     设计最人性化的软件
     车行天下
     车迷的乐园
    我的收藏夹
     Adaptive Line 技术专栏
     网页设计CSS技巧
     基于WEB标准的UI设计
     到那里学习人性化的设计
    特别推荐:技术方面
     ☞ 过去<-->现在<-->未来
     ☞ ♠ MSN 能量魔法 ♠
     ☞ 在八度空間中迷失方向™
     ☞ ≈羽菲の工作室≈
     ☞ 词嘲墨尽
     ☞ Sanall Cobain's Memory
     ☞ 探索MSN SPACE的奥秘
    特别推荐:其它方面
     ☞ 添乱的个人空间
     ☞ 初夏的邂逅
     ☞ 緈諨!der Delfin -e
     ☞ SPACE准官方网站
     ☞ 我的音乐我选择
     ☞ 伤心驿站
     
     
    2005年08月
     
      01 02 03 04 05
    呵呵。开始做改版工作
    日志固定链接<----->日志编辑链接
    06
    07 08
    呵呵。终于完工了,好累!
    09 10
    PowerToy新功能完全图解教程(转)
    11
    今天高兴的事儿不少
    12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30 31      
    历史存档 History
    2004年

    2005年
    Space之“我行我秀” Space Show
    *我行我秀*活动专区 *我行我秀*管理专区 *技术咨询专区*
    Mandheling 八 度 爬 山 虎
    slim_cn 幻灭的达人 gouy2k
    .
    此文来自Easy Start To The Day 计数器

    HTML模块完全图解教程

    [Q] HTML模块实现功能
    HTML模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用HTML来排版, 个性化等,例如弄一个专门的每周绘画作品展示等等...




    [Q] 如何添加HTML模块
    使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.

    [Steps]
    1. 登陆您的MSN Spaces, 点击自定义[Customize]
    2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=sandbox 按Enter或者点击转到[Go]


    3. 点击自定义[Customize]->模块[Modules]
    4. 在下拉列表中找到PowerToy: Custom HTML项, 选择添加[Add]


    5. 选择保存[Save]按钮




    [Q] 如何使用该模块
    该模块共有三大部分
    1. HTML文本框 [非RTE] 在这里输入你喜欢的HTML代码 为了不扼杀你的创意 你喜欢输什么就输什么 
    2. 模块标题 [Module Name TextBox]
    3. 是否显示边框复选框[Show Border CheckBox] 不显示边框一般是为Plain Black/Red/Blue/Green服务的
    4. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存




    [Q] 使用该模块还有什么其他问题?
    1. 该模块无RTE, 完全符合喜欢HTML编辑的用户 :)
    2. 该模块只支持512个字符, 因此不能输入大量的HTML代码, 使用部分受限.
    3. 该模块同样会过滤大量HTML标签
    4. 用户应当自行权衡是否使用边框 视觉效果等应自行解决
    5. 我放进去一个图片或者别的东西竟然右边出去了!!! Answer: 大哥大姐, 本来让你自定义, 如果不怕难看就让他出去吧 自定义嘛 那就尽量不要让他出去喽


    界面设计模块完全图解教程


     

    [Q] 界面设计模块实现功能
    界面设计模块允许用户使用一个自定义模块,在该模块之内用户可以随意调整整个Spaces的文字颜色 背景色等等一系列属性 个性十足 今天你Spaces了吗 这才是真正的自定义!


    [Q] 如何添加界面设计模块
    使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.

    [Steps]
    1. 登陆您的MSN Spaces, 点击自定义[Customize]
    2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=tweakomatic 按Enter或点击转到[Go]


    3. 点击自定义[Customize]->模块[Modules]
    4. 在下拉列表中找到PowerToy: Tweak UI项, 选择添加[Add]


    5. 选择保存[Save]按钮


    [Q] 如何使用该模块
    该模块共有5大部分
    1. 背景色[Background Color] 包括内部[Inner] 和 外部[Outer]

         A. 内部[Inner] Spaces内部各模块空隙处的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF
         B. 外部[Outer] Spaces右边空白处的背景颜色[大背景色] 3个两位十六进制正整数 00-FF 如:00CCFF



    2. 背景图片[Background Image] 包括位置[Position] , 重复[Repeat] 和显示[Display] 依据各个主题[Theme]的不同 有些是有背景而有些是没有背景图片的 对于有背景图片的 我们可以:

         A. 位置[Position] Spaces背景图片的位置, 依次为默认[Default], 左上[Top Left], 中上[Top Center], 右上[Top Right], 左中[Center Left], 中中[Center Center], 右中[Center Right], 左下[Bottom Left], 中下[Bottom Center], 右下[Bottom Right] 这个不需要细讲了吧 崩溃了
         B. 重复[Repeat] Spaces背景图片重复的方式 不明白? 就是Windows桌面墙纸不是经常有中央,平铺以及拉伸什么的嘛, 就是差不多那个意思. 这里依次有默认[Default], 重复[Repeat], 不重复[No Repeat], 纵[Y]向重复[Repeat-Y], 横[X]向重复[Repeat-X]. 如果你背景是大图片, 就不要重复了, 小图片重阿重的才有效果 总体来说 可能我翻译不恰当 重复你就当成平铺好了 这样更好理解

        C. 显示[Display] 是否显示背景图片 默认[Default]是显示的, 隐藏[Hide]则不显示

    3. 文字颜色[Font Color] 包括链接/链接图标[Links/Bullets] 和 文字[Text]

         A. 链接/链接图标[Links/Bullets]  所有超链接以及链接符号的颜色 3个两位十六进制正整数 00-FF 如:00CCFF
         B. 文字[Text] 所有非链接普通文本的颜色 3个两位十六进制正整数 00-FF 如:00CCFF

    4. 模块背景[Module Background] 包括颜色[Color] 和 透明度[Transparent]

         A. 颜色[Color]  各个模块的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF
         B. 透明度[Transparent] 各个模块背景的透明度设置 20-100的整数值 分别为 20%-100%不透明 使用这个对整体视觉冲击比较大

    5. 模块边框[Module Borders] 包括宽度[Width], 风格[Style] 和 颜色[Color]

         A. 宽度[Width]  各个模块边框的宽度 0-9 建议值为0或1 2以上就不要弄拉 大哥大姐 弄那么粗的边框真的很难看啊 不信弄个9试试? 嘿 还试试就试试? 郁闷
         B. 风格[Style] 各个模块边框的风格设置  用过.Net开发Web或者网页经常用的就知道有什么区别 当然 大家多试几次都能看出来 依次有默认[Default]-默认, 无[None]-不显示边框, [Dotted]-小点点, [Dashed]-小虚线, [Solid]-实线, [Double]-实线, [Groove]-凹按钮, [Ridge]凸按钮, [Inset], [Win-inset], [Outset]-没啥大的区别? 主要是用在这里不合适 不明显 不说了 郁闷
         B. 颜色[Color] 各个模块边框的颜色设置 3个两位十六进制正整数 00-FF 如:00CCFF



    6. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存

     

    [Q] 使用该模块还有什么其他问题?
    1. 该模块使用应当具备一定的视觉素养 否则任意修改都将造成超级大花脸的诞生 切记!
    2. 该模块建议查询颜色代码值[如: 99FFDD] 不支持Red/rgb(205,10,36)等颜色单位
    3. 怎么这么难看阿 救命啊 救命? 请参考问题一 哈哈 吓你的阿 将所有选项留空 按保存 他就又回到默认设置了阿
    4.  一旦在自定义中去掉了PowerToy: Tweak UI项目 所有将回归原位...


    视频音乐模块完全图解教程
     
      

    相关教程: HTML模块完全图解 界面设计模块完全图解


    [Q] 视频音乐模块实现功能
    视频音乐模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用发布视频,音乐, 包括自动播放等等.


    [Q] 如何添加视频音乐模块
    使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.

    [Steps]
    1. 登陆您的MSN Spaces, 点击自定义[Customize]
    2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=musicvideo 按Enter或点击转到[Go]


    3. 点击自定义[Customize]->模块[Modules]
    4. 在下拉列表中找到PowerToy: Windows Media Player项, 选择添加[Add]


    5. 选择保存[Save]按钮


    [Q] 如何使用该模块
    该模块共有7个部分
    1. URL文本框 [URL Textbox] 在这里输入你想要播放的音乐/视频地址 大哥大姐 别找那些没用的还有隐藏的非
    事实的地址
    2. 起始播放秒数 [Position in sec Textbox] 输入整数,单位秒 代表播放开始时间
    3. 播放次数 [Times to play Textbox] 输入整数 
    4. 播放速率 [Rate to play Textbox] 输入整数或小数 例如2.5, 代表播放速度是正常速度的2.5倍
    5. 自动播放 [Auto Start CheckBox] 选择则表示将自动播放
    6. 显示模式 [Display Mode Selector]
    共四种模式, 分别为: 不可见[Invisible], 无[None], 迷你[Mini], 完全[Full]

         A. 不可见 [Invisible] 选择该模式隐藏整个模块,一般用于播放音乐, 建议选中自动播放, 否则无法自动开始
         B. 无 [None] 该模式将不显示播放器的控制栏, 建议选中自动播放[5]或者允许右键[7], 否则无法播放
         C. 迷你 [Mini] 该模式将隐藏部分播放器控制栏 如进度条快进/快退, 前一段/后一段等
         D. 完全 [Full] 该模式显示所有播放器控制栏

    7. 右键菜单 [Right Click Menus Checkbox] 选择表示允许播放器右键菜单, 可以从中选择播放以及其他属性 不选则不显示 可以初级隐藏播放文件的地址[当然,可以从源文件中查到]


    8. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存




    [Q] 使用该模块还有什么其他问题?
    1. 试了大半天, 发现该模块只支持WMA, WMV, WAV, AVI, MPG, MPEG, MP3格式, 看见没QuickTime/Real都不支持阿 什么叫垄断 什么叫排他? 这就叫...
    2. 使用该模块应该视网络环境/速率适当使用 切不可盲目使用造成部分用户长时间等待 得不偿失
    3. 使用该模块应该注意视频/音乐版权问题 无论在世界还是在中国 用户应当有版权意识
    4. 请确认你的电脑已经安装Windows Media Player播放器, 注意: Real[One] Player以及QuickTime插件是不支持的
    5. 无法代替Flash


    [Q] 安全性
    如果有任何用户可以在此通过ActiveX, JS或者其他任何手段破坏Spaces 那么 恭喜你 可以成为朋友么? 因为我想干掉MSN Spaces

    使用Eclipse plus Pluto开发你的第一个与JSR168兼容的Portlet

    使用Eclipse plus Pluto开发你的第一个与JSR168兼容的Portlet
    By Terry.li
    SpiritSeekerS@sqatester.com[/pre]

    本文将介绍开发基于Portlet Specification v1.0 (JSR168) 的Portlet应用.  
    我们使用Pluto作为Portlet Container和Portal. 同时可以将开发的Portlet应用迁移到任何支持JSR168的Portlet Container上.

    ·    为什么要发布Portlet Specification? 什么是JSR168? 
    由于越来越多的公司开发了各自的Portal组件和基于其的Portal产品(如Bea, IBM, Oracle, Sun, Sybase, Novell, SAP, Jetspeed, Vignette 等.这种互不兼容的接口实现不断带给程序提供商各种问题和麻烦, 为了解决这种问题, JCP发布了JSP168 (Java Specification Request), Portlet Specification, 用以提供不同Portal和Portlets之间的互用性

    ·    什么是Portal?
    Portal是基于WEB的应用程序, 它将不同资源进行整合并展现给用户
    通常其有如下三个特点:

    a.    Personalization (个性化) 
    b.    Single sign on (单点登陆)
    c.    Content aggregation (内容聚合) 

    其中Content aggregation指的是将不同来源的信息整合到一个页面中用来让用户更方便的进行使用. 
    比如, 如果某客户需要进行一次商业采购,以往需要访问不同的供应商的主页得到相关信息, 但如果使用Portal将所有不同的货物供应商的商品catalog页面都整合到一个Catalog Portal页面中, 那么所有的商品信息都可以更快的进行浏览,筛选和定货, 加快了客户的商业运作效率.

    ·    什么是Portlet?
    Portlet是一种基于WEB组件的JAVA技术, 由Portlet Container进行管理. 处理请求并动态返回页面, 可以做为Portal 的可拔插的用户界面组件.
     
    ·    什么是Portlet Container? Portlet Container用来管理Portlet的生命周期并且提供其运行所需要的必要环境. 并且为Portlet Preferences提供持久性(Persistent)存取服务.但是其不支持内容的Aggregation. Aggregation由Portal组件提供.

    注: Portlet Preferences是Portlet的一个新特性,提供类似数据库的功能.但是不是用来取代数据库. 只是用来存取简单的Portlet参数配置.
            
    ·    什么是WSRP?
    WSRP 是 OASIS Web Service for Remote Portlets的缩写. WSRP主要用来简化Portal对于各种资源或者程序的整合的复杂性, 可以避免编程带来的整合的复杂性. 并且Portal的管理员可以从大量的服务中选择需要的用以整和到Portal中. 


    ·    Portlet and Servlet

    摘自(Portlet Specs v1.0)

    相同点:
    • Portlets are Java technology based web components
    • Portlets are managed by a specialized container
    • Portlets generate dynamic content
    • Portlets lifecycle is managed by a container
    • Portlets interact with web client via a request/response paradigm

    不同点:
    • Portlets only generate markup fragments, not complete documents. The Portal aggregates portlet markup fragments into a complete portal page
    • Portlets are not directly bound to a URL 
    • Web clients interact with portlets through a portal system
    • Portlets have a more refined request handling, action requests and render requests
    • Portlets have predefined portlet modes and window states that indicate the function the portlet is performing and the amount of real state in the portal page
    • Portlets can exist many times in a portal page

    Portlet特有:
    • Portlets have means for accessing and storing persistent configuration and customization data
    • Portlets have access to user profile information
    • Portlets have URL rewriting functions for creating hyperlinks within their content, which allow portal server agnostic creation of links and actions in page fragments
    • Portlets can store transient data in the portlet session in two different scopes: the application-wide scope and the portlet private scope

     Servlet特有:
    • Setting the character set encoding of the response
    • Setting HTTP headers on the response
    • The URL of the client request to the portal
      
    ·    什么是Pluto ?
            Pluto 是 Apache开发下的一个Open Source项目, 是基于Portlet Specs的一个 Portlet Container 的实现. 它也提供了Sample Portal实现. 但是功能相对简单:

          例如,
          1) 没有复杂的Layout实现.
          2) 不是multi-user enabled, 比如, 不同User之间的Portlet Preferences互相是可以share的.   

         请记住Pluto只是一个Portlet Container的实现, 不是一个Portal的实现. 如果你需要功能更为强大的Portal,可以使用JetSpeed , 它同样也是Apache的一个Open Source Project. 请参考文章末尾的资源部分.

    ·    概念 
          如图: Figure 1.1
    a.    Decorations and controls (修饰部分及 控制部分)
    b.    Portlet fragment (Portlet 片段)
    c.    Portlet window (Portlet 窗口)
    d.    Portlet page (Portlet 页面)

     
     
    Figure 1.1

    ·    开发工具( Eclipse2.1, Pluto-plugin, Jakarta-tomcat-4.1.29)
    下载地址:
    Eclipse
    http://www.eclipse.org/downloads/index.php

    Pluto-plugin
    http://prdownloads.sourceforge.net/plutoeclipse/org.eclipsefan.pluto.ui_1.0.0.zip?download

    Tomcat4.1
    http://mirrors.midco.net/pub/apache.org/jakarta/tomcat-4/v4.1.29/bin/jakarta-tomcat-4.1.29.zip

    JDK1.4
    http://Java.sun.com

    ·    配置开发环境
           Step1 :  解压eclipse-SDK-2.1.1-win32.zip
         Step2 :  解压org.eclipsefan.pluto.ui_1.0.0.zip , 并将其拷入eclipse\plugins目录
    下, 如下: eclipse\plugins\org.eclipsefan.pluto.ui_1.0.0\
    \Icon
    \Lib
    \Source
    \Webapp

            Step3:  解压tomat4.1到一目录. 并且配置好Tomcat服务器.    
            Congratulations, It’s done!

    a. 使用Portlet Wizard 来创建Portal
    1) 选择File > New > Project… > Portal > Pluto Portal application, 单          击Next

    2) 指定Project名称 , 这里使用pluto, 然后单击Next.




    3) 指定Tomcat路径, 单击Finish.  之后eclipse会将Pluto安装到tomcat上,并且自动配置好环境.



    b. 创建Portlets Application


    1) 创建Pluto portlet application 

            2) 输入project名称,这里用portlets


          c. 最后生成的工程如图 

    d. 通过portlet.xml 生成/更新 web.xml 


    e. 部署 Portlets

    1) 编译 portlets 工程.
    2) 在 [your tomcat installation directory]/webapps下, 新建目录portlets
    3) 将portlets工程下的web-root目录下所有文件, 拷入以上新建的portlets目录中.
    Tip: 如果在每次修改后你厌倦了Ctrl+C 和 Ctrl+V, 你可以在Portlets工程目录下自己编一个Bat文件, 然后你可以在eclipse里的Package Explorer中看到它, 双击就可以了. 其中deploy.bat文件就是实现其功能的.

    4) Start tomcat.
    5) 在IE 中输入: http://localhost: 8080/pluto/portal, 你应该能看到portal 页面.


    ·    Sample Portlet
    在Portlets工程文件创建过程中, 自动生成许多文件, 包括一个简单的Portlet, 我们来观察一下生成的sample portlet.


    1) 与Servlet非常类似, Portlet扩展自GenericPortlet
        
        import javax.portlet.*;

    public class SimplePortlet extends GenericPortlet

    2) 其三个方法对应了Portlet 标题栏中的三个联接 (View, Edit, Help)

    public void doView(…)

    public void doEdit(…)

    public void doHelp(…)

     
    Figure 1.9

    3) 三个方法分别调用了三个JSP文件, 用以生成Portlet fragment, 同样也可以调用Servlet产生Portlet fragment. 与Servlet应用类似,也可以使用
    getInitParameter(String s)方法,得到配置文件中Portlet的初始值. 只不过Servlet使用web.xml,而Portlet 使用portlet.xml文件.


    portlet.xml

               <init-param>
                <name>jspView</name>
                <value>/jsp/view.jsp</value>
    </init-param>


    SimplePortlet.java

    String jspName = 
    getPortletConfig().getInitParameter("jspView");


    ·    Portlet Tag library

    1)defineObjects Tag

    如果打开其中的一个JSP文件,你会发现,和Servlet一样,JSP中可以使用Portlet的一些variables.例如:

    renderResponse
    renderRequest
    portletConfig

    但是必须声名:
    <portlet:defineObjects/>
    其中不可以定义任何属性或者包含任何内容.

    2) actionURL Tag
    属性    值类型    对应值
    windowState    String    minimized, normal, maximized
    portletMode    String    view, edit, help
    var    String    任何值
    secure    String    true,false

    <portlet:actionURL windowState=”normal” portletMode=”edit”>
    <portlet:param name=”action” value=”login”/>
    </portlet:actionURL>

    创建一个action URL , 当访问它时将使portlet window变为normal 装态, 模式变为 edit.

    3) renderURL Tag
    属性    值类型    对应值
    windowState    String    minimized,normal,maximized
    portletMode    String    view, edit, help
    var    String    任何值
    secure    String    true,false

    <portlet:renderURL portletMode=”view” windowState=”maximized”>
    <portlet:param name=”number” value=”1”/> 
    <portlet:param name=”page” value=”2”/>
    </portlet:renderURL>

    创建一个render URL , 当访问它时将使portlet window变为maximized装态, 模式变为 view.
     
    4) namespace Tag
    为目前的Portlet产生一个唯一的Value. 防止和其他的Portlet 或者Portal页面上的value产生冲突.
    <A HREF=”javascript: <portlet:namespace/>doFoo()”>Foo</A>

    5) param Tag
    属性    值类型
    name    String
    <portlet:param name=”myParam” value=”someValue”/>
    注: param Tag不可以有body content.


    总结
    Pluto目前是v1.0, 有部分Portlet规范没有完全实现, 例如, renderResponse.setTitle (), 同时你可以从Apache的CVS下载最新的Pluto代码, 希望这编文章可以帮大家搭建一个简单的Portlet开发环境 , 熟悉Portlet相关的知识.


    资源:
    ·    Pluto 
    http://jakarta.apache.org/pluto

    ·    Pluto Mail List
    http://news.gmane.org/gmane.comp.jakarta.pluto.user

    ·    WSRP Spec1.0
    http://www.oasis-open.org/committees/tc_home.php?wg_abbrev=wsrp

    ·    Apache的WSRP实现
    http://ws.apache.org/wsrp4j/

    ·    Apache’s Portal, JetSpeed:
    http://jakarta.apache.org/jetspeed/site/index.html

    ·    JSR 168: 
    http://www.jcp.org/en/jsr/detail?id=168
    ·    "Portlet 规范介绍" By Stefan Hepper 和 Stephan Hesmer 
    o    Part 1: Get your feet wet with the specification's underlying terms and concepts (August 2003) 
    o    Part 2: The Portlet API's reference implementation reveals its secrets (September 2003) 
    8/8/2005

    几种开源Portal的简单介绍分析

    主要包括:Pluto,Liferay,eXo,Jetspeed四种开源Portal的介绍和分析,有助于对具体项目选择合适的开发平台。

    (1)Pluto

    2003年10月JSR168规范1.0正式公布后,Jakarta Apache就开始实施Pluto计划(冥王星计划),最终开发出该规范的一个参考实现(Reference Implementation),即Pluto。Pluto的1.0.1-rc2版与2004年12月发布。
    Pluto实现基于 JSR168的一个 Portlet Container,相当于为开发者提供了一个运行portlets的工作平台。Pluto本身也提供了一个简单的Portal模块,该模块仅仅是为了满足Portlet容器和JSR 168的需要而写的,因而显得非常简单,提供的实用的Portlet也非常少。从某种意义上说Pluto更像是一个Portlet Container,作为一个实用的Portal开发框架尚需要更强大的支持。但新版本的Pluto仍没有推出。对于Pluto的应用开发,Apache更推荐使用Jetspeed项目框架。
    尽管Pluto作为一个完整的Portal应用还非常欠缺。但不少有影响力的Portal项目使用Pluto作为Portlet Container。这些项目包括:Jetspeed 、Cocoon uPortal 、Jahia等。由此可见Pluto的重要性。从开发者和学习者的角度看,Pluto的意义还在于为开发者和学习者提供了一个深入了解Portlet Container的简洁的参考实例。

    (2)Liferay

    Liferay(支持JSR168)代表了完整的J2EE应用 ,最高版本是2005年1月推出的Professional 3.2.0。它的主要优点有:
          (1)使用第三放的开源项目,如Hibernate等。特别是前台界面部分使用了Struts技术;
          (2)支持包括中文在内的多种语言;
          (3)支持较多的先进技术,如Web Services、EJB, JMS, SOAP, XML等;
    Liferay的缺点是它缺乏一个简单清晰可拓展的架构设计,整个架构比较复杂且庞大;Struts1.1本身并不支持JSR168,所以Liferay在实现诸如上下文共享等问题上显得十分笨重且没有从根本上解决这些问题;portlet设计也显得比较凌乱。此外,如果你的门户系统准备应用于商业用途,你需要购买License。基于它进行二次开发比较困难。

    (3)eXo

    eXo(支持JSR168)基于JSF的Portal实现。最新版本是2004年10月发布的1.0RC1版。
    主要优点包括:
    (1) 由AOP(AspectJ)实现的内容管理系统,极大提高了内容管理性能;
    (2) 基于Pico Container的Portlet Container,Pico是一个著名的IoC3轻量级容器。同时也实现了上下文共享,二次开发的流程比较清晰;
    (3) 使用Struts框架技术;
    (4) 提供工作流技术服务(Workflow service)。
    (5) 提供了很多交流工具,通过XML可以为结构化的信息轻易地创建视图;
         由上可见eXo采用了诸多先进技术,但存在不少缺点。主要缺点:由于Portal Server本身的数据是使用xmldb来进行处理,保存到数据库的数据都是乱码而且它所有默认的平台字符集都是ISO-8859_1。缺乏中文的充分支持,对于中文门户的开发并没有优势;由于JSF是重量级的表现层框架,使得exo的二次开发工作量比较大;对于商业Portal应用开发需要购买License。总体开发难度较大。

    (4) JetSpeed


    JetSpeed是Apache组织的开源Portal项目。Jetspeed 目前有两个版本可供选择1.X和2.0版本。Jetspeed1.X出现得比较早,但第一个较为成熟的版本发布是1.4。此后1.X不断推出新版本。但Jetspeed1.X都不支持JSR168。当JSR168在2003年发布后,Apche开始开发Jetspeed2,提供对JSR168 的全面支持。
    下表是Jetspeed重要版本的发布日期:
    Jetspeed的重要版本                                         发布日期
    Jetspeed-1.4b2                                              2002年12月
    Jetspeed-1.5                                                2004年4月
    Jetspeed-2.0-M1                                             2004年12月
    Jetspeed-2.0-M2                                             2005年4月
    Jetspeed1.X基于Turbine框架开发,它提供了丰富的Portal技术功能。主要优点有:XML文件注册Portlet,便于管理;图形化的部署和卸载;对中文的良好支持等。值得注意的是IBM早期的WebSphere Portal Server就是在JetSpeed1.X上进行二次开发的。Jetspeed2.0在1.X基础上进行了较大的改动,功能更加丰富,完全遵循JSR标准。

     

     

    配置方法,不同的版本的配置可能有变化,如不成功,可以自行察看文档。


    Pulto在Tomcat下的安装配置方法:
    (1) 从http://portals.apache.org/pluto/mirrors.cgi下载最新的二进制版本安装文件
    (2) 执行%pluto%/bin/install,将它安装到Tomcat目录下即可
    (3) 在浏览器中输入:http://localhost:8080/pluto/portal,运行Pluto

    Liferay Professional在Tomcat下的安装配置方法:
    (1) 从http://www.liferay.com/downloads/index.jsp下载Liferay Professional安装文件;
    (2) 解压ZIP包到某个目录下
    (3) 若下载Tomcat版本的Liferay安装文件,则不需再装Tomcat,直接启动bin目录下的startup.bat文件。
    (4) 在浏览器中输入http://localhost/运行Liferay Professional。

    eXo Platform在Tomcat下的安装配置方法:
    (1) 从http://www.exoplatform.com/portal/faces/public/exo 下载eXo Platform的安装包。
    (2) 解压ZIP包到某个目录下
    (3) 若下载Tomcat版本的eXo安装文件,则不需再装Tomcat,直接启动bin目录下的startup.bat文件。
    (4)  在浏览器中输入http://localhost/ 运行eXo Platform.

    Jetspeed2在Tomcat下的安装配置方法:
    (1) 从http://www.apache.org/dist/portals/jetspeed-2/ 下载Jetspeed2 M1或M2版本安装包。
    (2) 若是安装包中已经捆绑Tomcat,解压即可。若安装包不含Tomcat,先安装Tomcat,然后将安装包解压到Tomcat目录,并覆盖相关文件即可。
    (3) 安装要注意的问题有:Jetspeed2M1版本由于Bug无法安装Tomcat5.5上(此BUG见http://issues.apache.org/jira/browse/JS2-187);Jetspeed2必须安装在Tomcat5.0.28以上版本上,否则低版本由于JAAS问题无法登陆;
    (4) 启动jetspeed-database目录下的start-database.bat,启动数据库;
    (5) 启动Tomcat;
    (6) 在浏览器中输入http://localhost:8080/jetspeed/portal 运行Jetspeed;


     

    8/5/2005

    日志固定链接<----->日志编辑链接

    比较多个日志固定链接与日志编辑链接,如
    http://spaces.msn.com/members/msnpro/Blog/cns!1pSt_gP1XO9shQaTTwgpJy7Q!1699.entry

    http://spaces.msn.com/members/msnpro/PersonalSpace.aspx?_c11_BlogPart_handle=cns!1pSt_gP1XO9shQaTTwgpJy7Q!1699&_c11_BlogPart_blogpart=blogentry&_c11_BlogPart_frompart=myspace&_c=BlogPart&_c02_owner=1

    我们可以发现,日志固定链接与日志编辑链接之间的关系(蓝色为相同部分,绿色为区别之处)。

     

    这样就得到了这个技巧——

    /BlogPersonalSpace.aspx?_c11_BlogPart_handle=替换,将.entry&_c11_BlogPart_blogpart=blogentry&_c11_BlogPart_frompart=myspace&_c=BlogPart&_c02_owner=1替换,回车即可编辑相应的日志。反之亦然。Rainwalk

    Jump it!

    javascript:(function(){var b="_blogpart",a="http://spaces.msn.com/members/",l=window.location.href;/*by noroom*/if(l.match(a)){window.location=a+l.replace(/.+mbers\/([^\/]+).*/,"$1")+((l.match(/blog\//i))?"/PersonalSpace.aspx?_c11"+b+"_handle="+l.replace(/.+blog\/([a-z0-9!_-]+)\.entry.*/i,"$1")+"&_c11"+b+b+"=blogentry&_c11"+b+"_frompart=myspace&_c=BlogPart&_c02_owner=1":"/Blog/"+l.replace(/.+handle=([^&]+).*/i,"$1")+".entry")}})()

     

    收到,谢谢 幻影幽灵。

    这也应该算是必备工具了。正则表达式

    在自己的日志编辑界面或日志访问界面,将上述红色的复制到地址栏,回车运行即可实现编辑页面与访问页面的切换。

     

    来自Msn Space必读

    呵呵。开始做改版工作

    开始做改版工作了,估计三天之后就可以跟大家见面了!

     

    请等待我的界面完工哦!

    7/18/2005

    mop客户端限量内测

    当前版本: iMop 1.0
    更新信息: 于2005年7月5日更新
    软件大小:
    1.3M

    最低系统要求

    计算机/处理器:Pentium 2 或更高配置
    操作系统:Win 98、Win Me、Win2000、Windows XP 或更高版本
    磁盘空间:有 15MB 可用空间用于安装
    内 存: 20MB RAM


    7/8/2005

    猜猜二十问,有意思的游戏

    想象一个对象(object),人工智能程序将通过 询问简单的问题,猜出您想象的对象。 您所想象的对象必须 为大多数人所熟悉,但是 绝不能是特定的人物、地点或事件。
     
    蛮强的,常见的东西,一般20个问题电脑都猜出来,不过青菜,死活猜不出来。难道老外没青菜的?
     
    点击下面的链接进入:

    GoogleMaps探秘

    Go to Google Maps Home
    1、Ajax 出现的背景
    最近一段时间,关心 Web 开发的朋友在网络上会经常听到 Ajax 这个 buzzword。使用 Google 搜索,会搜索到无数自称是 Ajax 的例子。这些例子的作者得意洋洋地展示自己学会了 xmlhttp 之后写出的 hello world,自以为已经精通了 Ajax。
    那么 Ajax 究竟是什么?它是不是就是等同于 xmlhttp 呢?我们先来从源头说起。
    Ajax 这个词的发明者是 Jesse James Garrett,他在这篇文章中发明了 AJAX 这个词:
    Ajax: A New Approach to Web Applications
    点击查看
    这篇文章发表在 2005 年 2 月 18 号。可能今天的很多朋友还没有读过这篇文章,我来介绍一下其中的内容。
    Ajax 是 Asynchronous JavaScript + XML 的缩写,其中用到的主要的技术包括:
    基于 XHTML/CSS 标准的展现
    使用 DOM 的动态显示和交互
    使用 XML 和 XSLT 的数据交换和处理
    使用 XMLHttpRequest 的异步数据获取
    JavaScript 把所有的一切捆绑在一起
    Ajax 的交互模型和传统基于 HTML Form 的交互模型有着非常大的区别。
    作者通过以下这个图对于传统的交互模式和 Ajax 交互模式做了一个比较。
    我们看到,在传统的交互模式下,客户端并无表示逻辑的执行,由服务器端执行所有的表示逻辑,然后把 HTML/CSS 传给客户端,客户端仅仅做简单的展现。
    传统的交互模式最大的问题就是任何哪怕是微小的交互行为都需要到服务器端走一趟,这样所带来大量的延迟令用户感觉很不舒服,也降低了用户的工作效率。可能现在 Web 大量用户已经习惯了等待一个页面刷新的无聊时间,可是这不能成为我们开发者推托有责任改善交互行为的借口。假设在用户使用 B/S 应用之前还使用过 C/S 应用,在 C/S 应用中难道会有这样可笑的事情发生吗?
    解决之道是什么?我们再看一下 Ajax 的交互模式。
    在客户端多出来了一个 Ajax engine,而且服务器传给客户端的已经不再是 HTML/CSS,而是纯的 XML 数据,客户端通过 XMLHttp 向服务器端发送请求。所有的表示逻辑在客户端通过 JS 脚本来执行,然后通过修改 DOM 来完成展现。
    由于有了位于客户端这个中间层,可以把原先必须在服务器端完成的很多交互工作放在了客户端完成,而客户端的 Ajax engine 的响应是即时的,因此用户的交互体验得到了极大的改善。我们可以通过下面这张图来比较两种交互模式下的时间分配。我们可以看出,传统的基于 HTML Form 的交互模式下用户的大量时间都浪费在了无聊的等待之上。这种新的交互模式的最大优点就是改善了用户的体验。此外还有很多其它方面的优点,例如不需要刷新页面、减少了服务器的处理负担、减少了交换的数据量等等。
    那么 Ajax 是不是一种神奇的新技术呢?完全不是,从 Ajax 所用到的上述核心技术来看,任何一种技术都是已经成熟了多年的技术,据我所知,最晚在 2001 年,所有这些技术都已经成熟并且进入了实用阶段。因此,我仅仅是把 Ajax 看作是传统的基于 XHTML/CSS/JS 开发的复兴。实际上我以前所在的公司已经完全采用这种架构做 Web 开发有 3 年之久。我们已经完全摒弃了 HTML Form。所以当我看到这篇文章的时候想到,如果我们早发明一个词,那这种新的 Web 开发模式可能就不叫 Ajax 了。不过这也证明了我们在几年前做出的决定还是有先见之明的。
    虽然在这个词出现很多年以前就已经有大量的开发人员采用这种开发模式,不过现在既然出现了这个词,起到了规范术语的作用。去年在 JavaEye 活动上做 XMLHttp 开发的讲座时我感觉自己是相当另类的一个人,因为那时候还没有多少 J2EE 开发人员会对 JS 感兴趣。现在 Ajax 越来越进入 J2EE Web 开发的主流领域,而且会长期保持它的生命力。
    5 月底 JavaEye 的活动上听熊节的演讲,什么也没记住,只记住一个词:古已有之。其实 Ajax 也是古已有之。Ajax 也不过就是新瓶装旧酒,但是它把以前由美工单独使用的这些技术(至今仍然有大量的 J2EE 开发人员认为写 JS 完全是美工的任务)完美地结合在了一起,产生出了巨大的价值。Ajax 是一种新的交互模式或者开发模式,而不是一个现成的框架。基于 Ajax 思想开发的应用都可以称作是 Ajax 应用。Ajax 对于这些传统的 J2EE 开发人员不怎么关心的客户端技术进行重新包装,对于企业应用产生了巨大的价值。我们知道表示层开发始终是具有重大意义的,占用了开发项目几乎一半的工作量。而用户很多时候就是看你的界面和交互,所以这部分是不能马虎的。架构你可以稍微马虎一点,基于 Spring/Hibernate 差也不会差很多。但是界面和交互是用户立刻能感受到的东西,是不能马虎的。
    目前 Google 为 Ajax 技术做出了巨大的投入,Google 这两年推出的一些应用如 Gmail、Google Groups、Google Suggest、Google Maps 等等都采用了 Ajax 的技术。其中最为醒目和最复杂的应用就是 Google Map。下面我将 Google Maps 作为 Ajax 应用的一个典型为大家做一些介绍。
     
    2、Ajax 之实例应用——Google Maps
    在做这个演讲之前,我参考网上的一些资料对 Google Maps 做了一些 hack 的工作。目前已经可以做到除了地图图片要从 Google 请求外,其余所有的数据都在本地运行。
    但是因为 Google Maps 前台的代码量比较大,并且是经过混淆的。所以整理这些代码花费了比较多的功夫。目前这个工作尚未全部完成。因此以下讲述的内容仅仅是根据我目前的成果。
    Google Maps 使用了那些技术?
    Google Maps 所使用的技术,基本上就是上面 Ajax 所提到的这些技术。
    1. standards-based presentation using XHTML and CSS;
    2. dynamic display and interaction using the Document Object Model;
    3. data interchange and manipulation using XML and XSLT;
    4. asynchronous data retrieval using XMLHttpRequest;
    5. and JavaScript binding everything together.
    Google Maps 的主页在
    http://maps.google.com
    Google Maps 每一张地图的请求方式是:
    http://maps.google.com/maps?ll=49.29,-123.12&spn=0.017998,0.027586&z=3&hl=en
    我们看到每一张地图有 4 个参数,按照值来算实际上是 6 个。
    ll:地图中心的精度和纬度
    spn:地图的范围(跨度,分横向和纵向)
    z:地图的缩放级别
    hl:地图采用的语言
    Google Maps 每一张大的地图实际上都是很多张小的 gif 贴图。普通地图每一张小图片的大小为 128x128 像素,卫星地图每一张小图片的大小为 256x256 像素。每一张小图片都有自己独立的 URL,其格式为:
    http://mt.google.com/mt?v=.1&x=50&y=20&zoom=4
    其中包括几个参数:
    v:当前版本号。.1 被推测为 0.1 版
    x:图片的 x 索引
    y:图片的 y 索引
    zoom:图片的缩放级别。
    每张地图需要哪些贴图使用固定的算法算出。然后自动像服务器请求这些贴图。当地图发生任何变化(例如:拖拽、移动、缩放等等)时,都会自动像服务器请求需要的图片。例如刚才我们看到了当地图发生移动时,图片会自动补全新的显示区域。所有的这些计算和处理,全部都是使用 JS 在浏览器端完成的。

    因为浏览器有图片的缓存功能,因此如果你经常查看某个相同地区的地图的话,久而久之,浏览器会缓存大量的图片,这样你使用 Google Maps 的性能就会越来越好了。

    Google Maps 还有搜索的功能,而且非常强大。我这里录制了一个简单的演示。
    Google Maps 还可以完成复杂的搜索,例如搜索 lax 这个地方的旅馆,结果为:
    点击地图右边旅馆条目,可以在地图上面出现旅馆的说明。这个说明是使用 XSLT 技术产生的。
    还可以搜索两点之间的路径。例如搜索 jfk to 350 5th ave, new york,得到的结果就是带有两点之间路径路径的地图。这里的路径在 IE 上是使用 VML 画的,而在其它浏览器上使用后台自动生成的透明 png 图片舆地图图片叠加产生。因为 IE 完全是在客户端完成,所以 IE 的性能会好一些。
    另外 Google Maps 的地图既可以加载在一个 DIV 中,也可以加载在一个 IFRame 中。熟悉 XMLHttp 的朋友知道,出现了 XMLHttp 后,需要通过隐藏的 IFrame 从服务器获得数据的场合已经非常少了。但是 IFrame 还有一些其它的用途。IFrame 比 XMLHttp 有优势的一个地方是 IFrame 可以和浏览器的历史记录结合起来,而 XMLHttp 做不到这一点。就是说如果数据来自于一个 IFrame,以后可以使用浏览器的back和forward功能这样可以带给用户更好的交互体验。比如刚才我们看到的用户搜索完 Boston,可能还想再看看 New York 的地图,他可以简单地使用浏览器的 back 按钮,而不需要重新输入 New York 再查一遍。他如果还想看 Boston 的地图,那么使用 forward 按钮就可以了。
    Google Maps 返回给前台的数据为 xml 格式,由前台的 JS 脚本解析后作相应的处理。
    这里有这样一个 xml 文件的例子。在这里面实际上只有 center 和 span 是必须的。客户端的脚本通过中心点位置和地图跨度自动像服务器请求相应的图片。
    <?xml version="1.0"?>
    <page>
    <center lat="49.29" lng="-123.12"/>
    <span lat="0.017998" lng="0.027586"/>
    </page>
    以上就是 Google Maps 主要的功能。我这里主要从客户端的角度来介绍,服务器端所提供的功能并未涉及。服务器端主要的作用是存储数据。按照目前 15 个缩放级别,每个级别都要保留大量的贴图文件,有人计算过,即使乡村、荒地的很多地方不需要地图,可以使用透明图片代替,北美地区总共的数据量大约在几十太的级别。Google 有世界上最强大的廉价 PC 服务器构成的 Linux 集群。存储这些数据并且提供良好的性能是完全没有问题的。

    其它的公司和个人是否可以使用 Google Maps 的技术?
    其它的公司和个人完全可以使用 Google Maps 的服务。目前 Google 尚未对这一服务进行收费。因此你可以从 Google 的服务器上请求图片,通过在你自己的服务器显示给客户。刚才我做的演示完全是在本地运行的,所有的 xml 数据和 js 脚本全部都在本地,仅仅是贴图来自于 Google 的服务器。Google 的 JS 脚本是有版权的,我这里仅仅是出于研究的目的,把脚本下载到本地,做了一些修改以便于研究。对于商业应用,可能不能这样做,可以在页面中直接使用 Google 服务器上的脚本。因此使用 Google Maps 的方式就是在你自己的服务器上面生成定制的地图数据,通过 XMLHttp 请求到客户端,使用 Google Maps 的脚本解析,然后从 Google 请求贴图数据。除了你自己的地图数据外,还可以从其它服务器上获得地图数据,例如从 Google 的服务器上获得数据。不过因为 XMLHttp 只能从本域获得数据,为了获得来自其它域的数据,需要在服务器端用 Servlet 实现一个代理,这个 Servlet 从其它域得到地图数据后返回给客户端。这样一个 Servlet 写起来是非常简单的,只需要几行代码。同时在客户端需要对 XMLHttp 对象做一个包装,使得新的对象可以请求来自不同域的数据。
    Google Maps 可以定制,Google 为定制 Maps 服务提供了很多的便利。定制的方法就是提供自己定义的地图数据文件,在刚才这个文件中,overlay 中就是开发者定制的内容。其中定制了两个点,当用户点这两个点的时候,会出现这两个地点的说明文字。说明文字的产生使用了 XSLT 技术。例如我制作一个全部 New York 市的中餐馆地图,我可以把每个餐馆的电话号码、联系人姓名等等信息加在上面。Google Maps 把这些接口提供出来允许开发者与他们与他们合作,开发出来面向不同领域和群体的地图服务来。通过出让一部分利润来扩大其影响力,是精明的商业行为。
    Google Maps 的突出优点:
    1、功能完善,具有常规地图服务所有的功能。
    2、性能优良。用户几乎从来不需要长期的等待。
    3、支持多种浏览器,目前 Google Maps 支持的浏览器包括以下这些:
    IE 5.5+ (Windows)
    Firefox 0.8+ (Windows, Mac, Linux)
    Safari 1.2.4+ (Mac)
    Netscape 7.1+ (Windows, Mac, Linux)
    Mozilla 1.4+ (Windows, Mac, Linux)
    Opera 7.5+ (Windows, Mac, Linux)
    已经囊括了目前所有主流的浏览器。
    Google Maps 通过自己开发的一套组件库封装了 IE 与其它浏览器的差别。主要的差别包括 XMLHttp、XMLDom 对象的创建语法,还有事件处理机制的不同。并且 Google Maps 尽量采用符合 Web 标准的技术,使得针对不同浏览器开发分支代码的情况变得最小。
    4、通过大量采用客户端的技术,放弃了传统的基于 HTML Form 的交互模式,因此使得用户获得了更好的交互体验。
    5、完全的组件化和面向对象开发。
    Google Maps 组件和面向对象设计的水平是非常高的。所有主要的的控件全部封装为对象,使用面向对象的方式进行操作。

    因为 XMLHttp 只能得到本域的数据文件,为了从其它地方获得数据文件,可以在服务器端实现一个代理。简单而言就是实现一个 Servlet,通过这个 Servlet 获得其它域的数据文件,然后返回给客户端。
    为此需要为 XMLHttp 对象做一个包装。我们来看看具体的包装技术。
    我对于 Google Maps 客户端脚本的整理工作目前还没有完全结束,因此今天具体的代码讲得比较少。主要是先从大的方面介绍了 Google Maps 的功能和采用的核心技术。下次有机会了我在给大家详细剖析一下 Google Maps 前台的代码。当然这需要大家对于 XHTML/CSS/JavaScript/XSLT/XMLHttp 等技术都有相当的了解才行。
    今天我首先给大家介绍了 Ajax 的由来和内涵。然后通过 Google Maps 作为实例让大家充分感受到了 Ajax 技术的优势。目前 Ajax 已经有越来越流行,并且进入了主流 J2EE 开发的领域。不光是小公司对 Ajax 感兴趣,大公司也越来越对 Ajax 产生了兴趣。前天我的一位在 Oracle 做开发的朋友说他们公司现在对 Ajax 也非常感兴趣,正在组织相关知识的学习。并且会考虑建造自己的 Ajax 组件库和开发工具。他们公司以前使用 Applet 做过很多应用,但是 Applet 显然已经是很落伍的技术,将来肯定会被 Java Web Start 所代替。而 JWS 也存在着一些问题。因此我认为 Ajax 对于他们应该来说是一个更好的选择。
    虽然我做过很多 JavaScript 开发,非常喜欢这门语言。但是无庸讳言,JavaScript 目前还存在着一些问题,妨碍了大规模的组件化开发。主要的问题目前我认为有以下两个:
    1、JavaScirpt 没有 Java 那样的 package 或者 C# 的 namespace 的概念,因此类和函数非常容易重名。这个问题不能仅仅通过制定命名规范来解决。
    2、JavaScirpt 中的继承不是真正的继承,仅仅是所有的子类对象共享一个父类对象,这个父类对象相当于一个 Singleton,因此必须是无状态的,不能保留自己的属性。这个问题使得 JavaScript 难以支持多层继承,无法构造大的继承体系。
    目前 ECMAScript4 正在开发,其中一个主要的目标就是为 JavaScript 提供真正的面向对象编程能力。这个标准推出,到主要的浏览器支持这个标准还有相当长的时间。在目前阶段解决这两个问题有一些临时的解决方案,由于时间原因我就不仔细讲了。好在目前客户端组件开发的规模比起服务器端还是要小得多,所以 JavaScript 目前的能力在大部分场合下都是够用了。
    由于目前各种主流浏览器都可以很好地支持 Web 标准。这里我说的 Web 标准指的是 XHTML/CSS/ECMAScript/DOM/XSLT 这些技术。XMLHttp 将来的一天也会挤进标准的行列,目前对 XMLHttp 标准化的工作正在进行中。现在基于 Web 标准做开发已经成为 Web 表示层开发的主流思想,彻底摒弃使用私有技术,只为某种浏览器做开发的时机已经成熟。我并不是一个唯标准论者,我从来都是从注重实用的开发者的角度来考虑问题的。我也在以前也曾经只为 IE 一种浏览器来做开发。但是今天,在我发现了基于标准开发并不会带来额外的成本(已经几乎不再需要写针对不同浏览器的代码分之),并且会带来向后兼容的巨大价值的时候,我毫不犹豫地拥抱了 Web 标准。我也推荐大家以后尽量采用符合标准的方式来做开发,其中遇到的具体困难可以直接和我联系。我一定会贡献出自己的经验的。关于什么是符合标准的开发方式,最佳实践,在以后的活动中我们可以继续来探讨。
    今天我要讲的内容就是这些,对于 Google Maps 感兴趣的朋友可以和我直接取得联系。我整理过的 Google Maps 的源代码在适当的时候也会公布出来。谢谢大家今天的参与!
     

    此文来自bea中国 计数器
    7/6/2005

    此贴专用于测试,贴中出现的任何文字都不可当真。:)

    破坏<table>结构的代码,如下:


    <IMG></TR></TABLE>