Pages

▼

Wednesday, March 25, 2009

Lotus Connections Person Card in Socialtext Wiki

Recently, I was asked if we could add the Lotus Connections Person Card to a Socialtext Wiki. Socialtext is one of our partners and Lotus Connections Communities integrate with their wiki service out of the box. My initial reaction was "of course, you can integrate the Lotus Connections person card into everything". But like everything else, I wanted to prove it by myself.

Alan Lepofsky, Director of Marketing at Socialtext, kindly put together a test wiki site for me to play around. Here you'll see a demo of the Lotus Connections person card working directly inside a wiki created and hosted by Socialtext. Tip: Click the 'Full Screen' button to get a better view.

Content Requires Flash Player

Get Adobe Flash player

Enjoy!

7 comments:

  1. AnonymousMarch 25, 2009 at 5:17 PM

    Luis, I was wondering if you implekented this using an hCard microformat?

    ReplyDelete
  2. Luis BenitezMarch 25, 2009 at 10:20 PM

    Hi Mike,

    No, I used the vCard microformat. Honestly, they both look very similar, so I can't pick out the differences. :(

    Let me know if you have any other questions!

    ReplyDelete
  3. coreyginMarch 26, 2009 at 1:22 AM

    Luis,

    Thanks for the overview. What program did you use to show the overview on your blog?

    Corey Gin

    ReplyDelete
  4. Luis BenitezMarch 26, 2009 at 8:20 AM

    @coreygin, I used Jing on my Mac to record the demo.

    ReplyDelete
  5. JoshMarch 27, 2009 at 12:23 PM

    Hello Luis, two questions
    1. Could you "copy-paste" the lines of code you used to try it into my socialtext wiki?

    2. Do you know how to enable this in the name that appears by default at the bottom of the page (the creator and last change name of the page)?

    Thanks

    ReplyDelete
  6. JoshMarch 27, 2009 at 1:08 PM

    Luis: I got the code. I type the following into my wiki workspace but didnt work, please just confirm if the code is Ok, perhaps I should contact SocialText to see how to make it run into the engine:

    My connections server is connections.cemex.com

    .html
    {script type="text/javascript" src="http://connections.cemex.com/profiles/ibm_semanticTagServlet/javascript/semanticTagService.js"}{/script}
    .html

    .html
    Introductory text for the listing{ul}{li}{span class="vcard"}{a href="javascript:void(0);" class="fn url"}Josue Rodriguez{/a}{span class="email" style="display: none;"}josue.rodriguez@cemex.com{/span}{/span} who rons the {a href="http://connections.cemex.com"}My Profile{/a}{/li}{/ul}
    .html

    ReplyDelete
  7. Luis BenitezMarch 30, 2009 at 12:07 PM

    Hi josue,

    1. In Socialtext, here's the code that you need to add at the top of the page:

    .html
    <script type="text/javascript" src="http://www.bleedyellow.com/profiles/ibm_semanticTagServlet/javascript/semanticTagService.js"></script>
    .html

    Then, wherever you want to show a name, you will need something like this:

    .html
    <span class="vcard"><a href="javascript:void(0);" class="fn url">Luis Benitez</a><span class="email" style="display: none;">your@email.com</span></span>
    .html

    2. Unfortunately, the format used by Socialtext at the bottom of the screen to lists the creator and last modified by is not compatible with Lotus Connections. Additionally, since Socialtext is only offered as a hosted solution, there's no way to customize it (unless you can convince the Socialtext people to customize it for you).

    Your code looks right at a glance, except you need to switch the {} for < and >

    ReplyDelete

Anonymous comments are not encouraged. I reserve the right to delete anonymous comments.