DashCode Public Beta - Dashboard de OTN-J #2 Tweet

Dashboard De OTN-Jの続きです。

さて、前回テンプレートのままでデプロイしたWidgetをカスタマイズしていくことにする。
第一弾、Widgetのフロントの見栄えを変更したり、表示する情報を増やしていく。

● Before

　

● After

見ての通り、OTN-JのRSS2.0対応FEEDでは、エントリの概要は表示されるものの、投稿日や、エントリのタイトルは表示されていない。

タイトルが表示されていないのは、テンプレートのjavascriptに問題があるためだが、投稿日が表示されていない理由は、OTN-JのRSSには、<pubDate>要素や<dc:date>要素ではなく、独自拡張された<jf:creationDate>要素があるのが理由だ。　UIを変更するついでに纏めて対処する。
変更後のUIでは、タイトルはリンクとして表示し、投稿者、投稿日を表示するほか、「Refresh」ボタンを配置し、最新のFEEDを取得できるようにする。

以下、OTN-JのFEEDより抜粋

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:jf="http://www.jivesoftware.com/xmlns/jiveforums/rss">

  <channel>
    <title>Oracle Technology Network (OTN) Japan - 掲示板: 投稿メッセージ - OTN</title>
    <link>http://otn.oracle.co.jp/forum</link>
    <description>Most recent forum messages</description>
    <language>ja</language>

    <generator>Jive Forums Professional 4.2.4  (www.jivesoftware.com)</generator>
    <pubDate>水, 18 4 2007 01:09:17 +0900</pubDate>

    <item>
      <title>タイトル</title>
      <link>http://otn.oracle.co.jp/forum/thread.jspa?messageID=9999&tstart=0#999</link>
      <description><![CDATA[ほげほげ]]></description>
      <jf:creationDate>火, 17 4 2007 23:44:58 +0900</jf:creationDate>
      <jf:modificationDate>火, 17 4 2007 23:44:58 +0900</jf:modificationDate>
      <jf:author>asahide</jf:author>
      <jf:replyCount>0</jf:replyCount>
    </item>

というところで今日は終わり、次回は、UI変更操作を載せる予定。。
（気分次第だが、javascriptの変更記録も載せる。。。。かも。。。）