Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://quintessens.wordpress.com/feed

  1. <?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
  2. xmlns:content="http://purl.org/rss/1.0/modules/content/"
  3. xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  4. xmlns:dc="http://purl.org/dc/elements/1.1/"
  5. xmlns:atom="http://www.w3.org/2005/Atom"
  6. xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
  7. xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
  8. xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
  9. >
  10.  
  11. <channel>
  12. <title>Kwintessential Notes</title>
  13. <atom:link href="https://quintessens.wordpress.com/feed/" rel="self" type="application/rss+xml" />
  14. <link>https://quintessens.wordpress.com</link>
  15. <description>My contribution to the Notes &#38; Domino community</description>
  16. <lastBuildDate>Tue, 28 Mar 2017 11:09:24 +0000</lastBuildDate>
  17. <language>en</language>
  18. <sy:updatePeriod>hourly</sy:updatePeriod>
  19. <sy:updateFrequency>1</sy:updateFrequency>
  20. <generator>http://wordpress.com/</generator>
  21. <cloud domain='quintessens.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
  22. <image>
  23. <url>https://secure.gravatar.com/blavatar/8f749cca72928e560de64e94b3a0eb95?s=96&#038;d=https%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
  24. <title>Kwintessential Notes</title>
  25. <link>https://quintessens.wordpress.com</link>
  26. </image>
  27. <atom:link rel="search" type="application/opensearchdescription+xml" href="https://quintessens.wordpress.com/osd.xml" title="Kwintessential Notes" />
  28. <atom:link rel='hub' href='https://quintessens.wordpress.com/?pushpress=hub'/>
  29. <item>
  30. <title>Quick responsive type-ahead function</title>
  31. <link>https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/</link>
  32. <comments>https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/#respond</comments>
  33. <pubDate>Fri, 17 Mar 2017 06:33:28 +0000</pubDate>
  34. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  35. <category><![CDATA[JavaScript]]></category>
  36. <category><![CDATA[search]]></category>
  37. <category><![CDATA[gist]]></category>
  38. <category><![CDATA[SSJS]]></category>
  39. <category><![CDATA[type-ahead]]></category>
  40. <category><![CDATA[usability]]></category>
  41.  
  42. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2575</guid>
  43. <description><![CDATA[For an XPages form I needed a workaround for a combobox with a large data-set. At first I tried the select2 jQuery plugin so I could also have a filter option as some form of type-ahead. However it turned out&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2575&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  44. <content:encoded><![CDATA[<p>For an XPages form I needed a workaround for a combobox with a large data-set. At first I tried the select2 jQuery plugin so I could also have a filter option as some form of type-ahead. However it turned out that my select2 list became quiet unresponsive when an entry far in the list was selected (generating the list and filtering was fine).</p>
  45. <p>So my next option was to go for a type-ahead approach. First hit on Google was a <a href="https://www.youtube.com/watch?v=QAE1kqGWsO4" target="_blank">NotesIn9 vid</a> about a fancy type based upon the original post of <a href="http://avatar.red-pill.mobi/tim/blog.nsf/d6plinks/TTRY-7XD5P9">Tim Tripcony</a> (hello 2009).</p>
  46. <p>Due to the large data-set instead of the <a href="https://www-10.lotus.com/ldd/ddwiki.nsf/dx/notesview_sample_javascript_code_for_xpages#getAllEntriesByKey">getAllEntriesByKey </a>method I decided to go for a <a href="https://www-10.lotus.com/ldd/ddwiki.nsf/dx/notesview_sample_javascript_code_for_xpages#getEntryByKey">getEntryByKey </a>method and from the found view entry continue with <a href="https://www-10.lotus.com/ldd/ddwiki.nsf/dx/notesview_sample_javascript_code_for_xpages#createViewNavFrom">createViewNavFrom</a>. This turned out to be extremely responsive!</p>
  47. <p>Further I noticed in the original code a hash object is used so that does not guaranteed me a correct order of my result list so I added an additional array, just for a returning a list with correct sort order.</p>
  48. <p>I like especially in this approach the option to control the returned markup so think here about <a href="https://www.w3schools.com/bootstrap/bootstrap_media_objects.asp">Bootstrap Media object lists</a>. And of course the ease to set the value that you want to have returned in the edit box.</p>
  49. <p>This is <a href="https://quintessens.wordpress.com/2015/06/10/building-a-live-search-function-with-domino-access-services-jquery-tokeninput/">not my first blog-post on delivering search function</a> to your application so now you have just another solution available for your toolbox.</p>
  50. <p><a href="https://quintessens.wordpress.com/?attachment_id=2576" rel="attachment wp-att-2576"><img data-attachment-id="2576" data-permalink="https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/edit_box_typeahead/" data-orig-file="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200" data-orig-size="1086,342" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="edit_box_typeahead" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200?w=636" class="alignnone size-full wp-image-2576" src="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200" alt="" width="636" height="200" srcset="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&amp;h=200 636w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=150&amp;h=47 150w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=300&amp;h=94 300w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=768&amp;h=242 768w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=1024&amp;h=322 1024w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png 1086w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  51. <p>The script is <a href="https://gist.github.com/anonymous/592085c32822da3d7cb73ed04e0156b9">available as a gist</a>.</p>
  52. <p>Happy development =)</p>
  53. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2575/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2575/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2575&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  54. <wfw:commentRss>https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/feed/</wfw:commentRss>
  55. <slash:comments>0</slash:comments>
  56. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  57. <media:title type="html">quintessens</media:title>
  58. </media:content>
  59.  
  60. <media:content url="http://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png" medium="image" />
  61. </item>
  62. <item>
  63. <title>Get rid of &#8220;Infinity&#8221; as the result of a @DbColumn in a combobox &#8211; Quicktip</title>
  64. <link>https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/</link>
  65. <comments>https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/#comments</comments>
  66. <pubDate>Wed, 15 Mar 2017 09:48:43 +0000</pubDate>
  67. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  68. <category><![CDATA[JavaScript]]></category>
  69. <category><![CDATA[@Dbcolumn]]></category>
  70. <category><![CDATA[combobox]]></category>
  71. <category><![CDATA[select2]]></category>
  72.  
  73. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2557</guid>
  74. <description><![CDATA[Who has not experienced the following: XPages has a 32 or 64 ( can&#8217;t remember which ) limit for the lookup formula whereas in Notes the limit is only for the whole of the formula e.g. after @unique is applied.&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2557&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  75. <content:encoded><![CDATA[<p>Who has not experienced the following:</p>
  76. <blockquote><p>XPages has a 32 or 64 ( can&#8217;t remember which ) limit for the lookup formula whereas in Notes the limit is only for the whole of the formula e.g. after @unique is applied.</p>
  77. <p>It makes it very hard to have meaningful drop downs for filtering data.</p></blockquote>
  78. <p>Instead you can use SSJS e.g.:</p>
  79. <blockquote><p>var lookupView:NotesView = database.getView(&#8220;&lt;LOOKUPVIEW&gt;&#8221;);<br />
  80. lookupView.getColumnValues(0)</p></blockquote>
  81. <p>This is the equivalent to:</p>
  82. <blockquote><p>@DbColumn( &#8220;&#8221;,&#8221;&lt;LOOKUPVIEW&gt;&#8221;, 1 );</p></blockquote>
  83. <p>and returns you the full result without the limit.</p>
  84. <p>But this also brings me to the following problem:</p>
  85. <p>When I enable Select2 on a loooong combobox the list is populated the type-ahead / filtering works fine BUT when I select a value long down the list the response of the select2 combobox becomes really sloooow.</p>
  86. <p>Does anyone has an approach to this?</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2557/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2557/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2557&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  87. <wfw:commentRss>https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/feed/</wfw:commentRss>
  88. <slash:comments>2</slash:comments>
  89. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  90. <media:title type="html">quintessens</media:title>
  91. </media:content>
  92. </item>
  93. <item>
  94. <title>Feed highlights of week 2</title>
  95. <link>https://quintessens.wordpress.com/2017/01/12/feed-highlights-of-week-2/</link>
  96. <comments>https://quintessens.wordpress.com/2017/01/12/feed-highlights-of-week-2/#respond</comments>
  97. <pubDate>Thu, 12 Jan 2017 12:14:04 +0000</pubDate>
  98. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  99. <category><![CDATA[Lotus Domino]]></category>
  100. <category><![CDATA[IBM Notes]]></category>
  101. <category><![CDATA[openntf]]></category>
  102. <category><![CDATA[tooling]]></category>
  103. <category><![CDATA[XPages]]></category>
  104. <category><![CDATA[ytria]]></category>
  105.  
  106. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2553</guid>
  107. <description><![CDATA[I processed the feeds in my feedreader and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2553&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  108. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader and aggregated the most important ones in a short video.</p>
  109. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/z5whanh6N6o?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2553/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2553/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2553&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  110. <wfw:commentRss>https://quintessens.wordpress.com/2017/01/12/feed-highlights-of-week-2/feed/</wfw:commentRss>
  111. <slash:comments>0</slash:comments>
  112. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  113. <media:title type="html">quintessens</media:title>
  114. </media:content>
  115. </item>
  116. <item>
  117. <title>Display JSON pretty in a textarea control</title>
  118. <link>https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/</link>
  119. <comments>https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/#comments</comments>
  120. <pubDate>Fri, 23 Dec 2016 08:01:25 +0000</pubDate>
  121. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  122. <category><![CDATA[development]]></category>
  123. <category><![CDATA[JSON]]></category>
  124. <category><![CDATA[XPages]]></category>
  125.  
  126. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2545</guid>
  127. <description><![CDATA[In an application I am using heavily JSON default as the data-format. To make debugging a bit more easy I am working on a toolbar to be able to check the content of the JSON objects. Normally I use JSONLint most of&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2545&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  128. <content:encoded><![CDATA[<p>In an application I am using heavily JSON default as the data-format. To make debugging a bit more easy I am working on a toolbar to be able to check the content of the JSON objects.</p>
  129. <p>Normally I use <a href="http://jsonlint.com/">JSONLint</a> most of the time to prettify (and validate) the JSON so it becomes a bit easier to read and check. But this copy and paste habit becomes more and more obnoxious so there I wanted to have a toolbar (like the debug toolbar) to have a good overview of the JSON objects.</p>
  130. <p>However if you write the JSON object to a computed field or text area field (inputTextarea control in the XPages world) it is just plain, unformatted text. Not pretty for the eye and not much helpful for the brain.</p>
  131. <p>So I tested a simple approach which turns out to run just fine. I display the json object in a textarea input control and then with CSJS I format the content. Here is some sample code:</p>
  132. <blockquote><p>&lt;xp:inputTextarea id=&#8221;input-fieldx&#8221; defaultValue=&#8221;#{javascript:App.currCollection}&#8221;&gt;<br />
  133. &lt;/xp:inputTextarea&gt;<br />
  134. &lt;xp:button value=&#8221;Make Pretty&#8221; id=&#8221;button1&#8243;&gt;<br />
  135. &lt;xp:eventHandler event=&#8221;onclick&#8221; submit=&#8221;false&#8221;&gt;<br />
  136. &lt;xp:this.script&gt;<br />
  137. &lt;![CDATA[var name = x$(&#8216;#{id:input-fieldx}&#8217;).attr(&#8220;name&#8221;);<br />
  138. prettyPrint(name);]]&gt;<br />
  139. &lt;/xp:this.script&gt;<br />
  140. &lt;/xp:eventHandler&gt;<br />
  141. &lt;/xp:button&gt;<br />
  142. &lt;xp:scriptBlock id=&#8221;scriptBlock1&#8243;&gt;<br />
  143. &lt;xp:this.value&gt;<br />
  144. &lt;![CDATA[function prettyPrint(id) {<br />
  145. var obj = dojo.byId(id);<br />
  146. var ugly = obj.value;<br />
  147. var json = dojo.fromJson(ugly);<br />
  148. var pretty = JSON.stringify(json, undefined, 4);<br />
  149. obj.innerHTML = pretty;<br />
  150. dojo.setAttr(id,&#8221;rows&#8221;,10);<br />
  151. }]]&gt;<br />
  152. &lt;/xp:this.value&gt;<br />
  153. &lt;/xp:scriptBlock&gt;</p></blockquote>
  154. <p>Here is what it looks like:</p>
  155. <p><a href="https://quintessens.wordpress.com/?attachment_id=2546" rel="attachment wp-att-2546"><img data-attachment-id="2546" data-permalink="https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/json-before/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636" data-orig-size="485,100" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="json-before" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636?w=485" class="alignnone size-full wp-image-2546" src="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636" alt="json-before" srcset="https://quintessens.files.wordpress.com/2016/12/json-before.png 485w, https://quintessens.files.wordpress.com/2016/12/json-before.png?w=150 150w, https://quintessens.files.wordpress.com/2016/12/json-before.png?w=300 300w" sizes="(max-width: 485px) 100vw, 485px"   /></a></p>
  156. <p>The content how it looks initially.</p>
  157. <p><a href="https://quintessens.wordpress.com/?attachment_id=2547" rel="attachment wp-att-2547"><img data-attachment-id="2547" data-permalink="https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/json-after/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636" data-orig-size="482,258" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="json-after" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636?w=482" class="alignnone size-full wp-image-2547" src="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636" alt="json-after" srcset="https://quintessens.files.wordpress.com/2016/12/json-after.png 482w, https://quintessens.files.wordpress.com/2016/12/json-after.png?w=150 150w, https://quintessens.files.wordpress.com/2016/12/json-after.png?w=300 300w" sizes="(max-width: 482px) 100vw, 482px"   /></a></p>
  158. <p>The content how it looks like after running the code.</p>
  159. <p>Note I had to include the [ ] signs in my code to make the JSON valid due to circumstances in my code, I removed it from the sample code above.</p>
  160. <p>At least now I understand my JSON objects again and I can avoid some copy and paste to JSONLint <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  161. <p>This is probably my last blog of this year so I would like to wish you some wonderful Christmas days. Take care and best wishes for a healthy 2017!</p>
  162. <p>&nbsp;</p>
  163. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2545/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2545/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2545&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  164. <wfw:commentRss>https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/feed/</wfw:commentRss>
  165. <slash:comments>2</slash:comments>
  166. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  167. <media:title type="html">quintessens</media:title>
  168. </media:content>
  169.  
  170. <media:content url="http://quintessens.files.wordpress.com/2016/12/json-before.png" medium="image">
  171. <media:title type="html">json-before</media:title>
  172. </media:content>
  173.  
  174. <media:content url="http://quintessens.files.wordpress.com/2016/12/json-after.png" medium="image">
  175. <media:title type="html">json-after</media:title>
  176. </media:content>
  177. </item>
  178. <item>
  179. <title>Nice reversible cards in a IBM Verse style</title>
  180. <link>https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/</link>
  181. <comments>https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/#respond</comments>
  182. <pubDate>Mon, 12 Dec 2016 08:05:16 +0000</pubDate>
  183. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  184. <category><![CDATA[Design]]></category>
  185. <category><![CDATA[animation]]></category>
  186. <category><![CDATA[bootstrap]]></category>
  187. <category><![CDATA[cards]]></category>
  188. <category><![CDATA[css]]></category>
  189. <category><![CDATA[ibm verse]]></category>
  190. <category><![CDATA[JavaScript]]></category>
  191. <category><![CDATA[responsive]]></category>
  192.  
  193. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2535</guid>
  194. <description><![CDATA[In an application I am displaying objects with cards. Because the type of objects may differ in type and amount of data (text, images, tables, dates) the cards to display them differ. Some cards have interaction (popup, dialogs, reversible) and some are just&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2535&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  195. <content:encoded><![CDATA[<p>In an application I am displaying objects with cards. Because the type of objects may differ in type and amount of data (text, images, tables, dates) the cards to display them differ.</p>
  196. <p>Some cards have interaction (popup, dialogs, reversible) and some are just static. In this post I will discuss the reversible card type.</p>
  197. <p>The reversible card has as features:</p>
  198. <ul>
  199. <li>a front card with a folded corner, if you move over the fold an info icon appears which you can click to see the card&#8217;s back.</li>
  200. <li>when you flip over to the back or front it is all nicely animated.</li>
  201. <li>on the back of the card there is another icon to switch back to the card&#8217;s front.</li>
  202. </ul>
  203. <p>The purpose of this reversible card is to save space in my UI, and to provide layout for secondary information, which is more important if you want to look at more detailed information.</p>
  204. <p>It could also be a placeholder for data that, when placed in the front of the card, ask for too much landscape (e.g. a chart).</p>
  205. <p>Things become much clearer with images so here are a few:</p>
  206. <p><a href="https://quintessens.wordpress.com/?attachment_id=2536" rel="attachment wp-att-2536"><img data-attachment-id="2536" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-default/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636" data-orig-size="457,225" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485641&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-default" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636?w=457" class="alignnone size-full wp-image-2536" src="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636" alt="card-default" srcset="https://quintessens.files.wordpress.com/2016/12/card-default.jpg 457w, https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=300 300w" sizes="(max-width: 457px) 100vw, 457px"   /></a></p>
  207. <p>Image: Default presentation.</p>
  208. <p><a href="https://quintessens.wordpress.com/?attachment_id=2537" rel="attachment wp-att-2537"><img data-attachment-id="2537" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-mouse-over-fold/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636" data-orig-size="443,225" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485741&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-mouse-over-fold" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636?w=443" class="alignnone size-full wp-image-2537" src="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636" alt="card-mouse-over-fold" srcset="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg 443w, https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=300 300w" sizes="(max-width: 443px) 100vw, 443px"   /></a></p>
  209. <p>Image: Expand folding (animation) when mouse-over.</p>
  210. <p><a href="https://quintessens.wordpress.com/?attachment_id=2538" rel="attachment wp-att-2538"><img data-attachment-id="2538" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-flipped/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636" data-orig-size="433,240" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485803&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-flipped" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636?w=433" class="alignnone size-full wp-image-2538" src="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636" alt="card-flipped" srcset="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg 433w, https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=300 300w" sizes="(max-width: 433px) 100vw, 433px"   /></a></p>
  211. <p>Image: animation when flipping over a card.</p>
  212. <p><a href="https://quintessens.wordpress.com/?attachment_id=2539" rel="attachment wp-att-2539"><img data-attachment-id="2539" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-back/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636" data-orig-size="454,233" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485846&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-back" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636?w=454" class="alignnone size-full wp-image-2539" src="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636" alt="card-back" srcset="https://quintessens.files.wordpress.com/2016/12/card-back.jpg 454w, https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=300 300w" sizes="(max-width: 454px) 100vw, 454px"   /></a></p>
  213. <p>Image: the back of the card.</p>
  214. <p>I use the cards within a repeat control and with Bootstrap they align nicely and are responsive:</p>
  215. <p><a href="https://quintessens.wordpress.com/?attachment_id=2540" rel="attachment wp-att-2540"><img data-attachment-id="2540" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/cards-2/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487" data-orig-size="894,684" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481486175&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="cards" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487?w=636" class="alignnone size-full wp-image-2540" src="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487" alt="cards" width="636" height="487" srcset="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&amp;h=487 636w, https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=150&amp;h=115 150w, https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=300&amp;h=230 300w, https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=768&amp;h=588 768w, https://quintessens.files.wordpress.com/2016/12/cards.jpg 894w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  216. <p>I have no idea when <a href="http://v4-alpha.getbootstrap.com/components/card/">Bootstrap 4 will be released with it&#8217;s card component</a> but according to my experience cards are &#8230; less useful without interaction.</p>
  217. <p>I made a small video to demonstrate the reversible cards feature:</p>
  218. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/pJU7ZBsmDSc?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div>
  219. <p>If you want to implement the card yourself here is the code:</p>
  220. <p><a href="https://quintessens.wordpress.com/?attachment_id=2543" rel="attachment wp-att-2543"><img data-attachment-id="2543" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-code/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352" data-orig-size="1206,668" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481487788&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-code" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352?w=636" class="alignnone size-full wp-image-2543" src="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352" alt="card-code" width="636" height="352" srcset="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&amp;h=352 636w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=150&amp;h=83 150w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=300&amp;h=166 300w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=768&amp;h=425 768w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=1024&amp;h=567 1024w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg 1206w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  221. <p>Most of the chemistry is performed with CSS so you also want that:</p>
  222. <p>body{<br />
  223. padding:20px;<br />
  224. }</p>
  225. <p>.flip {<br />
  226. -webkit-perspective: 800;<br />
  227. perspective: 800;<br />
  228. position: relative;<br />
  229. text-align: left;<br />
  230. min-height:200px;<br />
  231. margin-bottom:20px;<br />
  232. }</p>
  233. <p>.flipped {<br />
  234. height: 100%;<br />
  235. background-color:#efefef;<br />
  236. -webkit-transform: rotateY(-180deg);<br />
  237. transform: rotateY(-180deg);<br />
  238. }</p>
  239. <p>.card {<br />
  240. height: 100%;<br />
  241. -webkit-transform-style: preserve-3d;<br />
  242. -webkit-transition: 0.5s;<br />
  243. transform-style: preserve-3d;<br />
  244. transition: 0.5s;<br />
  245. }</p>
  246. <p>.card .face {<br />
  247. -webkit-backface-visibility: hidden ;<br />
  248. backface-visibility: hidden ;<br />
  249. z-index: 2;<br />
  250. }</p>
  251. <p>.front {<br />
  252. /*position: relative;*/<br />
  253. background-color: #FFF;</p>
  254. <p>height:200px;<br />
  255. position: absolute;<br />
  256. width: 100%;<br />
  257. z-index: 1;<br />
  258. border: 1px solid #e3e3e3;<br />
  259. box-shadow: 5px 7px rgba(0, 0, 0, 0.15);<br />
  260. transition: background 0.4s ease;<br />
  261. }</p>
  262. <p>.front-content, .back-content {<br />
  263. padding: 20px;<br />
  264. }<br />
  265. .front-content:before {<br />
  266. content:&#8221;&#8221;;<br />
  267. width: 80px;<br />
  268. height: 80px;<br />
  269. float: right;<br />
  270. }<br />
  271. .corner-tip:before, .corner-tip:after {<br />
  272. background-color: #FFF;<br />
  273. position: absolute;<br />
  274. display: block;<br />
  275. z-index: 2;<br />
  276. border-top-right-radius: 60%;<br />
  277. width: 50%;<br />
  278. height: 50%;<br />
  279. content: &#8220;&#8221;;<br />
  280. }<br />
  281. .corner-tip:before {<br />
  282. right: 100%;<br />
  283. top: 0%;<br />
  284. background: -webkit-radial-gradient(-180% 200%, circle, rgba(255,255,255,0) 80%, rgba(0,0,0,.2) 100%);<br />
  285. }<br />
  286. .front:hover .corner-tip:before {<br />
  287. border-right: solid 1px #fff;<br />
  288. }<br />
  289. .front div.corner:hover .corner-tip:before {<br />
  290. border-right: solid 2px #fff;<br />
  291. }<br />
  292. .corner-tip:after {<br />
  293. top: 100%;<br />
  294. right: 0%;<br />
  295. background: -webkit-radial-gradient(-250% 320%, circle, rgba(255,255,255,0) 80%, rgba(0,0,0,.2) 100%);<br />
  296. }<br />
  297. .front:hover .corner-tip:after {<br />
  298. border-top: solid 1px #fff;<br />
  299. }<br />
  300. .front div.corner:hover .corner-tip:after {<br />
  301. border-top: solid 2px #fff;<br />
  302. }<br />
  303. .corner { /* edit these sizes for the default revealing corner size */<br />
  304. height: 20px;<br />
  305. width: 20px;<br />
  306. right: 0;<br />
  307. top: 0;<br />
  308. position: absolute;<br />
  309. overflow: visible;<br />
  310. }<br />
  311. .front:hover .corner { /* edit corner size (First animation, when the whole page is rollovered) */<br />
  312. height: 30px;<br />
  313. width: 30px;<br />
  314. }<br />
  315. .front div.corner:hover { /* edit corner size (Second animation, when the corner itself is rollovered) */<br />
  316. height: 50px;<br />
  317. width: 50px;<br />
  318. }<br />
  319. .corner:before {<br />
  320. position: absolute;<br />
  321. top: 0;<br />
  322. right: 0;<br />
  323. content: &#8220;&#8221;;<br />
  324. display: block;<br />
  325. width: 133%;<br />
  326. height: 133%;<br />
  327. }<br />
  328. .corner-contents:after {<br />
  329. position: absolute;<br />
  330. top: 0;<br />
  331. right: 0;<br />
  332. content: &#8220;&#8221;;<br />
  333. background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 37%, #DDD 62%, rgba(230, 230, 230, 0.1) 64%, rgba(255, 255, 255, 0) 67%), -webkit-radial-gradient(-50% 150%, circle, transparent 74%, rgba(0, 0, 0, 0.2) 74%, transparent 81%);<br />
  334. display: block;<br />
  335. width: 133%;<br />
  336. height: 133%;<br />
  337. }<br />
  338. .corner-tip {<br />
  339. position: absolute;<br />
  340. top: 0;<br />
  341. right: 0;<br />
  342. content: &#8220;&#8221;;<br />
  343. background: -webkit-linear-gradient(45deg, #ddd 17%, #dfdfdf 18%, #f5f5f5 30%, #f8f8f8 34%, #eee 39%, rgba(200,200,200,0) 41%);<br />
  344. display: block;<br />
  345. width: 100%;<br />
  346. height: 100%;<br />
  347. }<br />
  348. .corner-button {<br />
  349. position: absolute;<br />
  350. top: 0;<br />
  351. right: 0;<br />
  352. color: #fff;<br />
  353. text-align: center;<br />
  354. padding:5px;<br />
  355. display: inline-block;<br />
  356. font-size: 1.6em;<br />
  357. color:black;<br />
  358. }<br />
  359. .corner-contents {<br />
  360. width: 125%;<br />
  361. position: absolute;<br />
  362. display: block;<br />
  363. overflow: hidden;<br />
  364. -webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%);<br />
  365. top: 0;<br />
  366. right: 0;<br />
  367. height: 125%;<br />
  368. }<br />
  369. ._corner-contents:before {<br />
  370. content: &#8220;&#8221;;<br />
  371. position: absolute;<br />
  372. top: 0;<br />
  373. right: 0;<br />
  374. content: &#8220;&#8221;;<br />
  375. display: block;<br />
  376. width: 100%;<br />
  377. height: 100%;<br />
  378. background-color: #eeeef4; /* Match this background color to #fpc_effect-back */<br />
  379. }<br />
  380. .corner, .corner-contents, .corner-tip {<br />
  381. -webkit-transition-property: all;<br />
  382. -webkit-transition-duration: .3s;<br />
  383. -webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);<br />
  384. }</p>
  385. <p>.back {<br />
  386. height:200px;<br />
  387. width: 100%;</p>
  388. <p>-webkit-transform: rotateY(-180deg);<br />
  389. transform: rotateY(-180deg);<br />
  390. border: 1px solid #e3e3e3;<br />
  391. box-shadow: 5px 7px rgba(0, 0, 0, 0.15);<br />
  392. transition: background 0.4s ease;<br />
  393. }</p>
  394. <p>.imgThumb{<br />
  395. width:66px;<br />
  396. height:66px;<br />
  397. }</p>
  398. <p>.card blockquote {<br />
  399. border-left: none;<br />
  400. margin: 0;<br />
  401. }</p>
  402. <p>.card blockquote img {<br />
  403. margin-bottom: 10px;<br />
  404. }</p>
  405. <p>.card blockquote p:before {<br />
  406. content: &#8220;\f10d&#8221;;<br />
  407. font-family: &#8216;Fontawesome&#8217;;<br />
  408. float: left;<br />
  409. margin-right: 10px;<br />
  410. }</p>
  411. <p>Okay, you are now all powered to impress your customers. Happy development <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2535/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2535/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2535&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  412. <wfw:commentRss>https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/feed/</wfw:commentRss>
  413. <slash:comments>0</slash:comments>
  414. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  415. <media:title type="html">quintessens</media:title>
  416. </media:content>
  417.  
  418. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-default.jpg" medium="image">
  419. <media:title type="html">card-default</media:title>
  420. </media:content>
  421.  
  422. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg" medium="image">
  423. <media:title type="html">card-mouse-over-fold</media:title>
  424. </media:content>
  425.  
  426. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-flipped.jpg" medium="image">
  427. <media:title type="html">card-flipped</media:title>
  428. </media:content>
  429.  
  430. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-back.jpg" medium="image">
  431. <media:title type="html">card-back</media:title>
  432. </media:content>
  433.  
  434. <media:content url="http://quintessens.files.wordpress.com/2016/12/cards.jpg" medium="image">
  435. <media:title type="html">cards</media:title>
  436. </media:content>
  437.  
  438. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-code.jpg" medium="image">
  439. <media:title type="html">card-code</media:title>
  440. </media:content>
  441. </item>
  442. <item>
  443. <title>I am a certified Graphista</title>
  444. <link>https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/</link>
  445. <comments>https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/#comments</comments>
  446. <pubDate>Thu, 08 Dec 2016 12:12:31 +0000</pubDate>
  447. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  448. <category><![CDATA[Graph]]></category>
  449. <category><![CDATA[certification]]></category>
  450. <category><![CDATA[neo4j]]></category>
  451.  
  452. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2529</guid>
  453. <description><![CDATA[Sweden has many IT solutions to be proud of. I assume you are using/have used Spotify or Skype. Perhaps you are not aware but another &#8220;Swedish&#8221; product you might have been using is Neo4j, a graph database management system. Graphs are all&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2529&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  454. <content:encoded><![CDATA[<p>Sweden has many IT solutions to be proud of. I assume you are using/have used Spotify or Skype.</p>
  455. <p>Perhaps you are not aware but another &#8220;Swedish&#8221; product you might have been using is <a href="https://en.wikipedia.org/wiki/Neo4j" target="_blank">Neo4j</a>, a <a title="Graph database" href="https://en.wikipedia.org/wiki/Graph_database">graph database</a> management system. Graphs are all around us. Typical <a href="https://neo4j.com/use-cases/">use cases</a> are recommendation systems, fraud detection and social networks.</p>
  456. <p>You can also make your IBM Notes data more &#8216;connected&#8217; by using the <a href="http://www.slideshare.net/OliverBusse/find-your-data?qid=6d04655c-fab0-45e1-bee2-3483143a7de6&amp;v=&amp;b=&amp;from_search=4">Graph DB capabilities</a> available in the <a href="https://www.openntf.org/main.nsf/project.xsp?r=project/OpenNTF%20Domino%20API">OpenNTF Domino API</a>.</p>
  457. <p>I chose to walk the easiest path to learn about Graph data modelling and that was to learn the probably most documented, described, leading Graph Db: <a href="http://www.predictiveanalyticstoday.com/top-graph-databases/">Neo4j</a>. After a while I felt comfortable with all the terminology, concepts and programmatic use so I felt confident to take the <a href="https://neo4j.com/blog/neo4j-certification-for-professionals/">test to become a Neo4j Certified Professional</a>.</p>
  458. <p>And voila!, here is the result:</p>
  459. <p><a href="https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/neo4jcertificate/" rel="attachment wp-att-2530"><img data-attachment-id="2530" data-permalink="https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/neo4jcertificate/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360" data-orig-size="1028,582" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="neo4jcertificate" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360?w=636" class="alignnone size-full wp-image-2530" src="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360" alt="neo4jcertificate" width="636" height="360" srcset="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&amp;h=360 636w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=150&amp;h=85 150w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=300&amp;h=170 300w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=768&amp;h=435 768w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=1024&amp;h=580 1024w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png 1028w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  460. <p>The test was harder than expected, the time pressure was significant and some subjects out of scope of my experience (administrator experience in a Production environment) but with logic and wishful thinking I came to a positive result <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  461. <p>So far I have not read too many use-cases where IBM Notes data was used within Neo4j or applications written in XPages using the graph db of Neo4j. But what is not is yet to come&#8230;</p>
  462. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2529/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2529/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2529&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  463. <wfw:commentRss>https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/feed/</wfw:commentRss>
  464. <slash:comments>2</slash:comments>
  465. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  466. <media:title type="html">quintessens</media:title>
  467. </media:content>
  468.  
  469. <media:content url="http://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png" medium="image">
  470. <media:title type="html">neo4jcertificate</media:title>
  471. </media:content>
  472. </item>
  473. <item>
  474. <title>Feed highlights of week 47</title>
  475. <link>https://quintessens.wordpress.com/2016/11/29/feed-highlights-of-week-47/</link>
  476. <comments>https://quintessens.wordpress.com/2016/11/29/feed-highlights-of-week-47/#respond</comments>
  477. <pubDate>Tue, 29 Nov 2016 11:37:42 +0000</pubDate>
  478. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  479. <category><![CDATA[bootstrap]]></category>
  480. <category><![CDATA[salesforce]]></category>
  481. <category><![CDATA[SSJS]]></category>
  482. <category><![CDATA[watson work]]></category>
  483. <category><![CDATA[XPages]]></category>
  484.  
  485. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2527</guid>
  486. <description><![CDATA[I processed the feeds in my feedreader and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2527&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  487. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader and aggregated the most important ones in a short video.</p>
  488. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/nm1PAqaoWI4?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2527/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2527/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2527&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  489. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/29/feed-highlights-of-week-47/feed/</wfw:commentRss>
  490. <slash:comments>0</slash:comments>
  491. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  492. <media:title type="html">quintessens</media:title>
  493. </media:content>
  494. </item>
  495. <item>
  496. <title>Adventurer</title>
  497. <link>https://quintessens.wordpress.com/2016/11/28/adventurer/</link>
  498. <comments>https://quintessens.wordpress.com/2016/11/28/adventurer/#respond</comments>
  499. <pubDate>Mon, 28 Nov 2016 09:35:44 +0000</pubDate>
  500. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  501. <category><![CDATA[development]]></category>
  502. <category><![CDATA[salesforce]]></category>
  503. <category><![CDATA[trailhead]]></category>
  504. <category><![CDATA[XPages]]></category>
  505.  
  506. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2523</guid>
  507. <description><![CDATA[I have always known that I am an adventurer. My Lotus/IBM Notes career started as a adventure into an international professional working-experience and the people who know me will probably say that it will be very hard to make an ordinary &#8220;9&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/11/28/adventurer/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2523&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  508. <content:encoded><![CDATA[<p>I have always known that I am an adventurer. My Lotus/IBM Notes career started as a adventure into an international professional working-experience and the people who know me will probably say that it will be very hard to make an ordinary &#8220;9 to 5&#8221; office guy out of me.</p>
  509. <blockquote><p>I could never resist the call of the trail &#8211; Buffalo Bill</p>
  510. <p><img class="alignnone size-full" src="https://i2.wp.com/www-tc.pbs.org/wgbh/americanexperience/media/uploads/films/sidebarImages/cody_film_large_thumb.jpg" alt="" width="223" height="159" /></p></blockquote>
  511. <p>So far about me as person. The occasion of this post are <a href="http://www.slideshare.net/markmyers106/saleforce-for-domino-dogs?qid=b275c73e-6470-4d4b-89b1-62a90f2c943b&amp;v=&amp;b=&amp;from_search=1">several</a> <a href="http://www.slideshare.net/muenzpraeger/2016-sutol-salesforce-app-cloud-and-domino-same-same-but-different?qid=9522c1dd-7713-41cc-800c-f6e9e5fc34d7&amp;v=&amp;b=&amp;from_search=2">calls</a> in the community to take a look at Salesforce as an application development platform.</p>
  512. <p>So I took the time to take a look at it to find out if it would be of interest of me. As suggested my journey started with <a href="https://trailhead.salesforce.com/">Trailhead</a>. My journey, so far has lead me to finish the <a href="https://trailhead.salesforce.com/trail/force_com_dev_beginner">developer beginner</a> trail.</p>
  513. <p>I will write about my first experience and will not do any comparison, simply because my knowledge on Salesforce is limited to do so.</p>
  514. <p>If you read this trail description it tells you it will take you up to 15 hrs and 45 minutes. Well I can tell you: it took me much more time. There is a LOT of text to read, video&#8217;s are  included and there are challenges to complete modules and to earn points for badges. A challenge can be a list of questions or an exercise.</p>
  515. <p>So let&#8217;s assume all the effort and time-investment does contribute to your understanding of the platform.</p>
  516. <p>Before starting, a couple of developers told me about the similarities with Notes and XPages and I have to say it is nice to recognize that building XPages applications have brought Notes developers closer to genuine application development (as far as it compared with Salesforce).</p>
  517. <p>Salesforce biggest ugliness at start is of course it is not NonSQL as Notes is.</p>
  518. <p>A nice feature is Salesforce web enabled development interface. I have not come to the Eclipse IDE yet. I have used the classic web interface, since in Trailhead the examples and screenshots are from the classic interface. I can not say I am in love with a web interface since I noticed some genuine lags compared to the XPages IDE (autocomplete for example). Also getting into read mode after performing a save action I found annoying.</p>
  519. <p>I admit there are similarities programming in Salesforce compared to Notes and XPages, but I guess this comparison is similar with other programming languages. When it regards to building custom user interfaces Visualforce reminds me a lot about XPages.</p>
  520. <p>So after completing this first trail I find the learning curve not that steep. Using Trailhead is just very time-consuming. An instructor or video-learning would have been much more time efficient. But if you want to gain some deep knowledge it doesn&#8217;t hurt to spend time on the approach.</p>
  521. <p>A quote I heard is that Salesforce is the platform Notes should have been (if IBM would have prioritized it more) and that there are many more goodies to be found in the trail <a href="https://trailhead.salesforce.com/trail/lex_dev">Develop for Lightning Experience</a> so I am looking forward to take another hike. Ofcourse with my newly earned Adventurer badge on my backpack <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  522. <p><img class="alignnone size-full" src="https://trailhead.salesforce.com/assets/ranks/adventurer-b26177109714fa42d5df7c792e28f39696a6f5ce7ff7464dd27c48bd56e2a94b.png" alt="" width="177" height="112" /></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2523/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2523/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2523&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  523. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/28/adventurer/feed/</wfw:commentRss>
  524. <slash:comments>0</slash:comments>
  525. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  526. <media:title type="html">quintessens</media:title>
  527. </media:content>
  528.  
  529. <media:content url="http://www-tc.pbs.org/wgbh/americanexperience/media/uploads/films/sidebarImages/cody_film_large_thumb.jpg" medium="image" />
  530.  
  531. <media:content url="http://trailhead.salesforce.com/assets/ranks/adventurer-b26177109714fa42d5df7c792e28f39696a6f5ce7ff7464dd27c48bd56e2a94b.png" medium="image" />
  532. </item>
  533. <item>
  534. <title>Feed highlights of week 46</title>
  535. <link>https://quintessens.wordpress.com/2016/11/21/feed-highlights-of-week-46/</link>
  536. <comments>https://quintessens.wordpress.com/2016/11/21/feed-highlights-of-week-46/#respond</comments>
  537. <pubDate>Mon, 21 Nov 2016 11:41:41 +0000</pubDate>
  538. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  539. <category><![CDATA[IBM Notes]]></category>
  540. <category><![CDATA[ckeditor]]></category>
  541. <category><![CDATA[HTML5]]></category>
  542. <category><![CDATA[roadmap]]></category>
  543. <category><![CDATA[XPages]]></category>
  544.  
  545. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2519</guid>
  546. <description><![CDATA[I processed the feeds in my feedreader and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2519&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  547. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader and aggregated the most important ones in a short video.</p>
  548. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/q2m4i2JTyGk?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2519/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2519/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2519&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  549. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/21/feed-highlights-of-week-46/feed/</wfw:commentRss>
  550. <slash:comments>0</slash:comments>
  551. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  552. <media:title type="html">quintessens</media:title>
  553. </media:content>
  554. </item>
  555. <item>
  556. <title>Feed highlights of week 45</title>
  557. <link>https://quintessens.wordpress.com/2016/11/14/feed-highlights-of-week-45/</link>
  558. <comments>https://quintessens.wordpress.com/2016/11/14/feed-highlights-of-week-45/#respond</comments>
  559. <pubDate>Mon, 14 Nov 2016 11:27:53 +0000</pubDate>
  560. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  561. <category><![CDATA[News]]></category>
  562. <category><![CDATA[Cloudant]]></category>
  563. <category><![CDATA[Graph]]></category>
  564. <category><![CDATA[graphnsf]]></category>
  565. <category><![CDATA[source tree]]></category>
  566. <category><![CDATA[sutol]]></category>
  567. <category><![CDATA[XPages]]></category>
  568.  
  569. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2512</guid>
  570. <description><![CDATA[I processed the feeds in my feedreader and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2512&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  571. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader and aggregated the most important ones in a short video.</p>
  572. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/yIW0YCMHJFg?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2512/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2512/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2512&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  573. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/14/feed-highlights-of-week-45/feed/</wfw:commentRss>
  574. <slash:comments>0</slash:comments>
  575. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  576. <media:title type="html">quintessens</media:title>
  577. </media:content>
  578. </item>
  579. <item>
  580. <title>Hands-on: Your first GraphNSF</title>
  581. <link>https://quintessens.wordpress.com/2016/11/14/hands-on-your-first-graphnsf/</link>
  582. <comments>https://quintessens.wordpress.com/2016/11/14/hands-on-your-first-graphnsf/#respond</comments>
  583. <pubDate>Mon, 14 Nov 2016 07:50:26 +0000</pubDate>
  584. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  585. <category><![CDATA[Graph]]></category>
  586. <category><![CDATA[IBM Notes]]></category>
  587. <category><![CDATA[teamroom]]></category>
  588. <category><![CDATA[tinkerpop]]></category>
  589. <category><![CDATA[tutorial]]></category>
  590. <category><![CDATA[XPages]]></category>
  591.  
  592. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2506</guid>
  593. <description><![CDATA[With more people talking about the usage of Graph data modelling with data residing in IBM Notes documents there is still a threshold getting started writing your first XPages application using the concept or technology. I had the opportunity to spend&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/11/14/hands-on-your-first-graphnsf/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2506&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  594. <content:encoded><![CDATA[<p>With more <a href="http://www.slideshare.net/OliverBusse/find-your-data">people talking about the usage of Graph data modelling</a> with data residing in IBM Notes documents there is still a threshold getting started writing your first XPages application using the concept or technology.</p>
  595. <p>I had the opportunity to spend a day or two to setup a simple basic construction, document it and demonstrate and explain it to a couple of developers.</p>
  596. <p>The document is available under the following link:</p>
  597. <p><a href="https://drive.google.com/open?id=0B-pznfib-Y5XT1hkckh4WXNOZUU" rel="attachment wp-att-2507"><img data-attachment-id="2507" data-permalink="https://quintessens.wordpress.com/2016/11/14/hands-on-your-first-graphnsf/cover-document/" data-orig-file="https://quintessens.files.wordpress.com/2016/11/cover-document.png?w=636" data-orig-size="499,693" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="cover-document" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/11/cover-document.png?w=636?w=216" data-large-file="https://quintessens.files.wordpress.com/2016/11/cover-document.png?w=636?w=499" class="alignnone size-full wp-image-2507" style="border:1px solid blue;" src="https://quintessens.files.wordpress.com/2016/11/cover-document.png?w=636" alt="cover-document" srcset="https://quintessens.files.wordpress.com/2016/11/cover-document.png 499w, https://quintessens.files.wordpress.com/2016/11/cover-document.png?w=108 108w, https://quintessens.files.wordpress.com/2016/11/cover-document.png?w=216 216w" sizes="(max-width: 499px) 100vw, 499px"   /></a></p>
  598. <p>&nbsp;</p>
  599. <p>Here is the table of content:</p>
  600. <p><a href="https://quintessens.wordpress.com/?attachment_id=2508" rel="attachment wp-att-2508"><img data-attachment-id="2508" data-permalink="https://quintessens.wordpress.com/2016/11/14/hands-on-your-first-graphnsf/toc/" data-orig-file="https://quintessens.files.wordpress.com/2016/11/toc.png?w=636&#038;h=431" data-orig-size="1191,807" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="toc" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/11/toc.png?w=636&#038;h=431?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/11/toc.png?w=636&#038;h=431?w=636" class="alignnone size-full wp-image-2508" src="https://quintessens.files.wordpress.com/2016/11/toc.png?w=636&#038;h=431" alt="toc" width="636" height="431" srcset="https://quintessens.files.wordpress.com/2016/11/toc.png?w=636&amp;h=431 636w, https://quintessens.files.wordpress.com/2016/11/toc.png?w=150&amp;h=102 150w, https://quintessens.files.wordpress.com/2016/11/toc.png?w=300&amp;h=203 300w, https://quintessens.files.wordpress.com/2016/11/toc.png?w=768&amp;h=520 768w, https://quintessens.files.wordpress.com/2016/11/toc.png?w=1024&amp;h=694 1024w, https://quintessens.files.wordpress.com/2016/11/toc.png 1191w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  601. <p>The document walks through the setup of the implementation and several design elements for the application.</p>
  602. <p>(Again) I have used the Teamroom application, because it&#8217;s common available for IBM Notes Domino. On top of the existing XPages application for a Teamroom I have added several XPages to have a simple app showing the Graph capabilities within the OpenNTF Domino API library.</p>
  603. <p>The result of the tutorial is the option to import Notes data into a Graph DB and have a look and some interaction with it. Of course the end-goal is to get some insight in how to set up a basic construction and understanding of some core Graph terminology and how to translate this to an XPages application.</p>
  604. <p><a href="https://quintessens.wordpress.com/?attachment_id=2510" rel="attachment wp-att-2510"><img data-attachment-id="2510" data-permalink="https://quintessens.wordpress.com/2016/11/14/hands-on-your-first-graphnsf/teamroom_graph/" data-orig-file="https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=636&#038;h=389" data-orig-size="1192,729" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="teamroom_graph" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=636&#038;h=389?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=636&#038;h=389?w=636" class="alignnone size-full wp-image-2510" src="https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=636&#038;h=389" alt="teamroom_graph" width="636" height="389" srcset="https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=636&amp;h=389 636w, https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=150&amp;h=92 150w, https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=300&amp;h=183 300w, https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=768&amp;h=470 768w, https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png?w=1024&amp;h=626 1024w, https://quintessens.files.wordpress.com/2016/11/teamroom_graph.png 1192w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  605. <p>I hope it may help you and if you have questions or are interested exploring graph capabilities I am happy to hear from you!</p>
  606. <h1>Add 20 years of experience to your workforce</h1>
  607. <p>You can 20 years of experience within IBM Notes and Web development to your workforce by hiring me.</p>
  608. <p>Interested? Read my curriculum vitae on LinkedIn: <a href="http://www.linkedin.com/in/patrickkwinten" rel="nofollow">http://www.linkedin.com/in/patrickkwinten</a> and get in contact.</p>
  609. <p><b>I am happy to work WITH you !</b></p>
  610. <p><img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAbpAAAAJGFiYTlhNmZhLTZlZDYtNGI1OC04MWM0LTY2MDdjOWJjYzBkOA.jpg" /></p>
  611. <p>&nbsp;</p>
  612. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2506/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2506/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2506&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  613. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/14/hands-on-your-first-graphnsf/feed/</wfw:commentRss>
  614. <slash:comments>0</slash:comments>
  615. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  616. <media:title type="html">quintessens</media:title>
  617. </media:content>
  618.  
  619. <media:content url="http://quintessens.files.wordpress.com/2016/11/cover-document.png" medium="image">
  620. <media:title type="html">cover-document</media:title>
  621. </media:content>
  622.  
  623. <media:content url="http://quintessens.files.wordpress.com/2016/11/toc.png" medium="image">
  624. <media:title type="html">toc</media:title>
  625. </media:content>
  626.  
  627. <media:content url="http://quintessens.files.wordpress.com/2016/11/teamroom_graph.png" medium="image">
  628. <media:title type="html">teamroom_graph</media:title>
  629. </media:content>
  630.  
  631. <media:content url="http://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAbpAAAAJGFiYTlhNmZhLTZlZDYtNGI1OC04MWM0LTY2MDdjOWJjYzBkOA.jpg" medium="image" />
  632. </item>
  633. <item>
  634. <title>Feed highlights of week 44</title>
  635. <link>https://quintessens.wordpress.com/2016/11/07/feed-highlights-of-week-44/</link>
  636. <comments>https://quintessens.wordpress.com/2016/11/07/feed-highlights-of-week-44/#respond</comments>
  637. <pubDate>Mon, 07 Nov 2016 14:02:05 +0000</pubDate>
  638. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  639. <category><![CDATA[IBM]]></category>
  640. <category><![CDATA[Java]]></category>
  641. <category><![CDATA[roadmap]]></category>
  642. <category><![CDATA[teamstudio]]></category>
  643. <category><![CDATA[tlcc]]></category>
  644. <category><![CDATA[webinar]]></category>
  645. <category><![CDATA[websockets]]></category>
  646. <category><![CDATA[XPages]]></category>
  647.  
  648. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2503</guid>
  649. <description><![CDATA[I processed the feeds in my feedreader for this week and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2503&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  650. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader for this week and aggregated the most important ones in a short video.</p>
  651. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/DXEodMNRssw?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2503/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2503/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2503&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  652. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/07/feed-highlights-of-week-44/feed/</wfw:commentRss>
  653. <slash:comments>0</slash:comments>
  654. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  655. <media:title type="html">quintessens</media:title>
  656. </media:content>
  657. </item>
  658. <item>
  659. <title>The IBM Notes and Domino roadmap mantra *sigh*</title>
  660. <link>https://quintessens.wordpress.com/2016/11/07/the-ibm-notes-and-domino-roadmap-mantra-sigh/</link>
  661. <comments>https://quintessens.wordpress.com/2016/11/07/the-ibm-notes-and-domino-roadmap-mantra-sigh/#comments</comments>
  662. <pubDate>Mon, 07 Nov 2016 09:19:46 +0000</pubDate>
  663. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  664. <category><![CDATA[IBM Notes]]></category>
  665. <category><![CDATA[roadmap]]></category>
  666. <category><![CDATA[XPages]]></category>
  667.  
  668. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2497</guid>
  669. <description><![CDATA[I guess it was at IconUK Sept 2016 that IBM presented on their roadmap for Notes/Domino since a long time. The &#8220;big&#8221; news was that Q4 2016 IBM would come with an announcement regarding &#8220;updated tooling explored&#8221;. What they meant with&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/11/07/the-ibm-notes-and-domino-roadmap-mantra-sigh/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2497&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  670. <content:encoded><![CDATA[<p>I guess it was at <a href="http://blog.msbiro.net/2016/09/icon-uk-dominos-roadmaps.html">IconUK Sept 2016</a> that IBM presented on their <a href="https://twitter.com/stuartmcintyre/status/766281963372097536">roadmap</a> for Notes/Domino since a long time. The &#8220;big&#8221; news was that Q4 2016 IBM would come with an announcement regarding &#8220;updated tooling explored&#8221;.</p>
  671. <p>What they meant with that was not clear to me, but &#8220;updated tooling&#8221; refers to me to what exists today, and that is currently just XPages if you ask me.</p>
  672. <p>So last week during <a href="https://www.youtube.com/watch?v=PYpD7H3lNGA">a webinar co-hosted by TeamStudio and TLCC</a> the results of this exploration was expected to be presented as part of <a href="http://www.slideshare.net/Teamstudio/ibm-presents-the-ibm-notes-and-domino-roadmap-68154347">the roadmap for Notes and Domino</a>. To my surprise instead of taking the opportunity and time to explain the findings of this exploration IBM simply repeats &#8220;updated tooling  explored&#8221; but adds the line &#8220;more during Connect 2017&#8221;. <strong>WHAT?!?</strong></p>
  673. <p>Didn&#8217;t you first come with a press notification that in Q4 2016 you will explain more about application modernization plans and invite people to come and listen to your views and then during this press report you simply say that people may wait another quarter?</p>
  674. <p>And what does &#8220;more&#8221; in &#8220;more during Connect 2017&#8221; mean? <em>How much more</em> can people expect?</p>
  675. <p>I am not sure what it means in English but it Dutch it sounds to me like a &#8220;<a href="http://www.vandale.nl/opzoeken?pattern=zoethoudertje&amp;lang=nn">zoethoudertje</a>&#8221; but it has a negative interpretation. Probably the best translation is &#8220;compensation&#8221; It never satisfies any party in the long run.</p>
  676. <p>Customers and developers want to move on and modernize their applications. And I am doubting if IBM is delivering it for Application Development in Notes Domino. If I look at the job market, the market is dead. If I read the <strong>modern development</strong> forums it is JavaScript (Node JS, Angular, React), Java, NonSQL databases where data is stored directly in JSON, GraphQL or any other Graph db, Websocket connection streams etcetera. Hell yeah <a href="https://www.openntf.org/main.nsf/project.xsp?r=project/HR-Assistant">blend in a couple of services from Bluemix</a> if you like.</p>
  677. <p>So yes, I am very disappointed in this announced &#8220;delay&#8221; and this unprofessional &#8220;procastination&#8221; by IBM. I am not sure what you are doing at your offices. Talk with your customers and development team. Write the technical opportunities down in a living document. Keep the document fresh and fruitful. Allocate sufficient resources so you come to deliverables.</p>
  678. <p>Nobody wants to spend 2 hours listening to a <a href="https://www.youtube.com/watch?v=vofoqsZ71QQ">roadmap-mantra</a> that brings &#8220;nothing more on updated tooling explored&#8221; except Java 1.8, probably.</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2497/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2497/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2497&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  679. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/07/the-ibm-notes-and-domino-roadmap-mantra-sigh/feed/</wfw:commentRss>
  680. <slash:comments>5</slash:comments>
  681. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  682. <media:title type="html">quintessens</media:title>
  683. </media:content>
  684. </item>
  685. <item>
  686. <title>Feed highlights of week 43</title>
  687. <link>https://quintessens.wordpress.com/2016/11/02/feed-highlights-of-week-43/</link>
  688. <comments>https://quintessens.wordpress.com/2016/11/02/feed-highlights-of-week-43/#respond</comments>
  689. <pubDate>Wed, 02 Nov 2016 07:21:50 +0000</pubDate>
  690. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  691. <category><![CDATA[IBM]]></category>
  692. <category><![CDATA[domino directory]]></category>
  693. <category><![CDATA[node-red]]></category>
  694. <category><![CDATA[podcast]]></category>
  695. <category><![CDATA[reactjs]]></category>
  696. <category><![CDATA[XPages]]></category>
  697.  
  698. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2494</guid>
  699. <description><![CDATA[I processed the feeds in my feedreader for this week and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2494&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  700. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader for this week and aggregated the most important ones in a short video.</p>
  701. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/igZEyzjxJDY?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2494/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2494/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2494&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  702. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/02/feed-highlights-of-week-43/feed/</wfw:commentRss>
  703. <slash:comments>0</slash:comments>
  704. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  705. <media:title type="html">quintessens</media:title>
  706. </media:content>
  707. </item>
  708. <item>
  709. <title>Development tip: learn some administration</title>
  710. <link>https://quintessens.wordpress.com/2016/10/28/development-tip-learn-some-administration/</link>
  711. <comments>https://quintessens.wordpress.com/2016/10/28/development-tip-learn-some-administration/#comments</comments>
  712. <pubDate>Fri, 28 Oct 2016 07:39:09 +0000</pubDate>
  713. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  714. <category><![CDATA[Education]]></category>
  715. <category><![CDATA[8.5.3]]></category>
  716. <category><![CDATA[IBM Domino]]></category>
  717. <category><![CDATA[system administration]]></category>
  718. <category><![CDATA[Udemy]]></category>
  719.  
  720. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2486</guid>
  721. <description><![CDATA[I have no idea what your administration skills are. Mine date officially back to mid 2000 although I have setup recently servers but then mainly for development purposes only. So if you want your skills and insights updated like I&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/10/28/development-tip-learn-some-administration/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2486&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  722. <content:encoded><![CDATA[<p>I have no idea what your administration skills are. Mine date officially back to mid 2000 although I have setup recently servers but then mainly for development purposes only.</p>
  723. <p>So if you want your skills and insights updated like I do or you  perhaps a tip for you could be to order the <a href="https://www.udemy.com/lotus-domino-administration-853/#reviews">IBM Lotus Domino Administration 8.5.3 Training</a> at Udemy.  Untill 1 November there is a give away action running to buy courses for 10 euro if you provide the coupon UDEMY10OCT.</p>
  724. <p>Okay, it is targetted for 8.5.3 but how much has changed between 8.5.3 and 9.0.1?</p>
  725. <p>I have no idea about the quality of the course, I guess you have to find out yourself.  For 10 euro: what are your alternatives?</p>
  726. <p>Happy administration =)</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2486/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2486/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2486&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  727. <wfw:commentRss>https://quintessens.wordpress.com/2016/10/28/development-tip-learn-some-administration/feed/</wfw:commentRss>
  728. <slash:comments>2</slash:comments>
  729. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  730. <media:title type="html">quintessens</media:title>
  731. </media:content>
  732. </item>
  733. <item>
  734. <title>Feed highlights of week 42</title>
  735. <link>https://quintessens.wordpress.com/2016/10/27/feed-highlights-of-week-42/</link>
  736. <comments>https://quintessens.wordpress.com/2016/10/27/feed-highlights-of-week-42/#respond</comments>
  737. <pubDate>Thu, 27 Oct 2016 07:53:11 +0000</pubDate>
  738. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  739. <category><![CDATA[IBM]]></category>
  740. <category><![CDATA[community]]></category>
  741. <category><![CDATA[ICS]]></category>
  742. <category><![CDATA[websockets]]></category>
  743.  
  744. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2484</guid>
  745. <description><![CDATA[I processed the feeds in my feedreader into another video&#8230;<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2484&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  746. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader into another video&#8230;</p>
  747. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='636' height='388' src='https://www.youtube.com/embed/FpjPoCzuviA?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2484/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2484/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2484&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  748. <wfw:commentRss>https://quintessens.wordpress.com/2016/10/27/feed-highlights-of-week-42/feed/</wfw:commentRss>
  749. <slash:comments>0</slash:comments>
  750. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  751. <media:title type="html">quintessens</media:title>
  752. </media:content>
  753. </item>
  754. <item>
  755. <title>Send a message from your XPage application to a Slack channel</title>
  756. <link>https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/</link>
  757. <comments>https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/#comments</comments>
  758. <pubDate>Mon, 24 Oct 2016 11:19:40 +0000</pubDate>
  759. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  760. <category><![CDATA[XPages]]></category>
  761. <category><![CDATA[IBM Domino]]></category>
  762. <category><![CDATA[IBM Notes]]></category>
  763. <category><![CDATA[integration]]></category>
  764. <category><![CDATA[Project Toscana]]></category>
  765. <category><![CDATA[Slack]]></category>
  766.  
  767. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2477</guid>
  768. <description><![CDATA[Introduction While everyone is &#8216;waiting in vain&#8217; for the delivery of Project Toscana organizations have start using Slack as a modern way to send messages within departments. For an example a operation team is using an instructions quality book build on XPages and&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2477&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  769. <content:encoded><![CDATA[<h1>Introduction</h1>
  770. <p>While everyone is &#8216;waiting in vain&#8217; for the delivery of <a href="http://cp.wainhouse.com/blog/2016/02/03/ibm-takes-unique-spin-pcs-project-toscana">Project Toscana</a> organizations have start using Slack as a modern way to send messages within departments.</p>
  771. <p>For an example a operation team is using an instructions quality book build on XPages and it would be great to get notified in your Slack channel when new instructions come in or have been updated. Or you want to highlight a specific instruction just to create extra attention to it (e.g. an increasing number of incoming incidents).</p>
  772. <p><a href="https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/slack_sample/" rel="attachment wp-att-2478"><img data-attachment-id="2478" data-permalink="https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/slack_sample/" data-orig-file="https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=636&#038;h=273" data-orig-size="1179,507" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="slack_sample" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=636&#038;h=273?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=636&#038;h=273?w=636" class="alignnone size-full wp-image-2478" src="https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=636&#038;h=273" alt="slack_sample" width="636" height="273" srcset="https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=636&amp;h=273 636w, https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=150&amp;h=65 150w, https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=300&amp;h=129 300w, https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=768&amp;h=330 768w, https://quintessens.files.wordpress.com/2016/10/slack_sample.png?w=1024&amp;h=440 1024w, https://quintessens.files.wordpress.com/2016/10/slack_sample.png 1179w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  773. <p>Be creative with use-cases <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  774. <h2>Slack integration points</h2>
  775. <blockquote><p>Incoming Webhooks are a simple way to post messages from external sources into Slack. They make use of normal HTTP requests with a JSON payload, which includes the message and a few other optional details described later.</p></blockquote>
  776. <p>JSON, HTTP request&#8230; this sounds doable with XPages! So what are the steps you must take?</p>
  777. <h3>Setup your integration</h3>
  778. <p>Go to http://<em>yourteam.slack.com/apps/build/custom-integration</em> and click on <strong>Incoming Webhooks</strong>, then select a channel or user you want to post your messages to.</p>
  779. <h3>Setup your message</h3>
  780. <p>You have two options for sending data to the Webhook URL above:</p>
  781. <ul>
  782. <li>Send a JSON string as the <code class="small">payload</code> parameter in a POST request</li>
  783. <li>Send a JSON string as the body of a POST request</li>
  784. </ul>
  785. <h4>Simple message</h4>
  786. <p>For a simple message, your JSON payload could contain a <code class="small">text</code> property at minimum. This is the text that will be posted to the channel e.g.:</p>
  787. <pre class="small code_wrap top_margin">payload={"text": "This is a line of text in a channel.\nAnd this is another line of text."}</pre>
  788. <p>You can decorate your message with text formatting. You will find descriptions in the custom integration page on Slack.</p>
  789. <h4>Message attachments</h4>
  790. <p>To display a richly-formatted message attachment in Slack, you can use the same JSON payload as above, but add in an <code class="small">attachments</code> array. Each element of this array is a hash containing the following parameters:</p>
  791. <pre class="small top_margin">{
  792. "fallback": "Required text summary of the attachment that is shown by clients that understand attachments but choose not to show them.",
  793.  
  794. "text": "Optional text that should appear within the attachment",
  795. "pretext": "Optional text that should appear above the formatted data",
  796.  
  797. "color": "#36a64f", // Can either be one of 'good', 'warning', 'danger', or any hex color code
  798.  
  799. // Fields are displayed in a table on the message
  800. "fields": [
  801. {
  802. "title": "Required Field Title", // The title may not contain markup and will be escaped for you
  803. "value": "Text value of the field. May contain standard message markup and must be escaped as normal. May be multi-line.",
  804. "short": false // Optional flag indicating whether the `value` is short enough to be displayed side-by-side with other values
  805. }
  806. ]
  807. }</pre>
  808. <h3>Send the message</h3>
  809. <p>With a simple post request you send the message in JavaScript:</p>
  810. <pre class="small top_margin">function postMessageToSlack(url){
  811. webhook_url = url;
  812. payload= JSONStr;
  813. var xmlhttp = new XMLHttpRequest();
  814. xmlhttp.open('POST', webhook_url, false);
  815. xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  816. xmlhttp.send(payload);
  817. }</pre>
  818. <h2>XSnippet</h2>
  819. <p>This whole approach I have added as an XSnippet on OpenNTF:</p>
  820. <p><a href="https://openntf.org/XSnippets.nsf/snippet.xsp?id=slack-integration">https://openntf.org/XSnippets.nsf/snippet.xsp?id=slack-integration</a></p>
  821. <p>You can customize it to your needs. Basically I have a script block and a button on a custom control. Via the Property Definition tab you can set the desired values. In my example I am sending a message to a Slack channel about a picture / document in my <a href="https://www.openntf.org/main.nsf/project.xsp?r=project/bildr">Bildr</a> application (shameless plug).</p>
  822. <p>Here is how the message could look like:</p>
  823. <p><a href="https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/sample_slack_message/" rel="attachment wp-att-2479"><img data-attachment-id="2479" data-permalink="https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/sample_slack_message/" data-orig-file="https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png?w=636&#038;h=157" data-orig-size="746,184" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="sample_slack_message" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png?w=636&#038;h=157?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png?w=636&#038;h=157?w=636" class="alignnone size-full wp-image-2479" src="https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png?w=636&#038;h=157" alt="sample_slack_message" width="636" height="157" srcset="https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png?w=636&amp;h=157 636w, https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png?w=150&amp;h=37 150w, https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png?w=300&amp;h=74 300w, https://quintessens.files.wordpress.com/2016/10/sample_slack_message.png 746w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  824. <p>Since my XPages app is running on a local development machine it is of no use to send sampel thumbnails of the page, but I could. This also refers to the user icon, which could be the icon of the application.</p>
  825. <p>So grab the snippet and start integrating your XPages with Slack (untill Toscana arrives) !</p>
  826. <p>FYI: I am not aware of any restrictions on the number of message you may send to Slack. Please let me know if you have details on this.</p>
  827. <h1>Add 20 years of experience to your workforce</h1>
  828. <p>You can 20 years of experience within IBM Notes and Web development to your workforce by hiring me.</p>
  829. <p>Interested? Read my curriculum vitae on LinkedIn: <a href="http://www.linkedin.com/in/patrickkwinten" rel="nofollow">http://www.linkedin.com/in/patrickkwinten</a> and get in contact.</p>
  830. <p><b>I am happy to work WITH you !</b></p>
  831. <p><img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAbpAAAAJGFiYTlhNmZhLTZlZDYtNGI1OC04MWM0LTY2MDdjOWJjYzBkOA.jpg" /></p>
  832. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2477/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2477/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2477&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  833. <wfw:commentRss>https://quintessens.wordpress.com/2016/10/24/send-a-message-from-your-xpage-application-to-a-slack-channel/feed/</wfw:commentRss>
  834. <slash:comments>1</slash:comments>
  835. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  836. <media:title type="html">quintessens</media:title>
  837. </media:content>
  838.  
  839. <media:content url="http://quintessens.files.wordpress.com/2016/10/slack_sample.png" medium="image">
  840. <media:title type="html">slack_sample</media:title>
  841. </media:content>
  842.  
  843. <media:content url="http://quintessens.files.wordpress.com/2016/10/sample_slack_message.png" medium="image">
  844. <media:title type="html">sample_slack_message</media:title>
  845. </media:content>
  846.  
  847. <media:content url="http://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAbpAAAAJGFiYTlhNmZhLTZlZDYtNGI1OC04MWM0LTY2MDdjOWJjYzBkOA.jpg" medium="image" />
  848. </item>
  849. <item>
  850. <title>Feed highlights of week 41</title>
  851. <link>https://quintessens.wordpress.com/2016/10/19/feed-highlight-of-week-41/</link>
  852. <comments>https://quintessens.wordpress.com/2016/10/19/feed-highlight-of-week-41/#respond</comments>
  853. <pubDate>Wed, 19 Oct 2016 07:31:11 +0000</pubDate>
  854. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  855. <category><![CDATA[News]]></category>
  856. <category><![CDATA[highlights]]></category>
  857. <category><![CDATA[IBM Cloudant]]></category>
  858. <category><![CDATA[Java]]></category>
  859. <category><![CDATA[rss]]></category>
  860. <category><![CDATA[video]]></category>
  861. <category><![CDATA[XPages]]></category>
  862.  
  863. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2473</guid>
  864. <description><![CDATA[Here is my second video with this weeks highlights from my feed-reader. This time I also included some &#8216;older&#8217; mentions that had landed in my mailbox. I also have a backlog there 🙂 Apologies again for the inferior sound quality, but&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/10/19/feed-highlight-of-week-41/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2473&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  865. <content:encoded><![CDATA[<p>Here is my second video with this weeks highlights from my feed-reader. This time I also included some &#8216;older&#8217; mentions that had landed in my mailbox. I also have a backlog there <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br />
  866. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='636' height='388' src='https://www.youtube.com/embed/q7k9fbzJFxA?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div></p>
  867. <p>Apologies again for the inferior sound quality, but I do not want to spend too much time in producing so I am using the mic build in my laptop.</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2473/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2473/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2473&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  868. <wfw:commentRss>https://quintessens.wordpress.com/2016/10/19/feed-highlight-of-week-41/feed/</wfw:commentRss>
  869. <slash:comments>0</slash:comments>
  870. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  871. <media:title type="html">quintessens</media:title>
  872. </media:content>
  873. </item>
  874. <item>
  875. <title>Update on my Cloudant sample XPages application</title>
  876. <link>https://quintessens.wordpress.com/2016/10/18/update-on-my-cloudant-sample-xpages-application/</link>
  877. <comments>https://quintessens.wordpress.com/2016/10/18/update-on-my-cloudant-sample-xpages-application/#respond</comments>
  878. <pubDate>Tue, 18 Oct 2016 11:08:45 +0000</pubDate>
  879. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  880. <category><![CDATA[Bluemix]]></category>
  881. <category><![CDATA[Cloudant]]></category>
  882. <category><![CDATA[JSON]]></category>
  883. <category><![CDATA[XPages]]></category>
  884.  
  885. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2469</guid>
  886. <description><![CDATA[I made some additions to my XPages sample app that I am using to understand and demonstrate the usage of IBM Cloudant within XPages. I am not fully there yet where I want to be, but it is a work&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/10/18/update-on-my-cloudant-sample-xpages-application/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2469&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  887. <content:encoded><![CDATA[<p>I made some additions to <a href="https://quintessens.wordpress.com/2016/10/13/using-ibm-cloudant-with-xpages/">my XPages sample app</a> that I am using to understand and demonstrate the usage of IBM Cloudant within XPages.</p>
  888. <p>I am not fully there yet where I want to be, but it is a work in progress. During development I noticed a couple of things:</p>
  889. <ul>
  890. <li>Cloudant&#8217;s Lite Pricing Plan has its limitations <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></li>
  891. <li>Migrating Notes documents to Cloudant goes fast enough. A set of 10 thousands of simple, small documents takes just a couple of seconds.</li>
  892. <li>Loading the same amount of documents into XPages e.g. a Repeat Control and navigate between sets via a Pager control has some delay time. This could be due the limitations of my local application server.</li>
  893. </ul>
  894. <p>The <a href="https://github.com/PatrickKwinten/CloudantforXSP">code is available on Github</a>.</p>
  895. <p><a href="https://quintessens.wordpress.com/2016/10/18/update-on-my-cloudant-sample-xpages-application/cloudant_progress/" rel="attachment wp-att-2470"><img data-attachment-id="2470" data-permalink="https://quintessens.wordpress.com/2016/10/18/update-on-my-cloudant-sample-xpages-application/cloudant_progress/" data-orig-file="https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=636&#038;h=406" data-orig-size="1288,822" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="cloudant_progress" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=636&#038;h=406?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=636&#038;h=406?w=636" class="alignnone size-full wp-image-2470" src="https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=636&#038;h=406" alt="cloudant_progress" width="636" height="406" srcset="https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=636&amp;h=406 636w, https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=1272&amp;h=812 1272w, https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=150&amp;h=96 150w, https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=300&amp;h=191 300w, https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=768&amp;h=490 768w, https://quintessens.files.wordpress.com/2016/10/cloudant_progress.png?w=1024&amp;h=654 1024w" sizes="(max-width: 636px) 100vw, 636px" /></a></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2469/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2469/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2469&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  896. <wfw:commentRss>https://quintessens.wordpress.com/2016/10/18/update-on-my-cloudant-sample-xpages-application/feed/</wfw:commentRss>
  897. <slash:comments>0</slash:comments>
  898. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  899. <media:title type="html">quintessens</media:title>
  900. </media:content>
  901.  
  902. <media:content url="http://quintessens.files.wordpress.com/2016/10/cloudant_progress.png" medium="image">
  903. <media:title type="html">cloudant_progress</media:title>
  904. </media:content>
  905. </item>
  906. <item>
  907. <title>Threads and Jobs on release 9</title>
  908. <link>https://quintessens.wordpress.com/2016/10/18/threads-and-jobs-on-release-9/</link>
  909. <comments>https://quintessens.wordpress.com/2016/10/18/threads-and-jobs-on-release-9/#respond</comments>
  910. <pubDate>Tue, 18 Oct 2016 10:40:36 +0000</pubDate>
  911. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  912. <category><![CDATA[Java]]></category>
  913. <category><![CDATA[XPages]]></category>
  914.  
  915. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2466</guid>
  916. <description><![CDATA[On OpenNTF you can find a project called Thread and Jobs: This project contains samples showing how to create threads and Eclipse jobs from XPages to run longer taking operations asynchronously without blocking the XPages user interface or to run&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/10/18/threads-and-jobs-on-release-9/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2466&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  917. <content:encoded><![CDATA[<p>On OpenNTF you can find <a href="https://www.openntf.org/main.nsf/project.xsp?r=project/Threads%20and%20Jobs">a project called Thread and Jobs</a>:</p>
  918. <blockquote><p>This project contains samples showing how to create threads and Eclipse jobs from XPages to run longer taking operations asynchronously without blocking the XPages user interface or to run scheduled tasks.</p></blockquote>
  919. <p>It turns out that there have been updates in Release 9 in the ThreadSessionExecutor class and no longer a Status object is returned.</p>
  920. <p>So if you want to have the example application working on your Domino 9 server you should remove the Status/iStatus library import and change the return type from Status to Object as followed:</p>
  921. <p>/*<br />
  922. * © Copyright IBM Corp. 2012<br />
  923. *<br />
  924. * Licensed under the Apache License, Version 2.0 (the &#8220;License&#8221;);<br />
  925. * you may not use this file except in compliance with the License.<br />
  926. * You may obtain a copy of the License at:<br />
  927. *<br />
  928. * <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow">http://www.apache.org/licenses/LICENSE-2.0</a><br />
  929. *<br />
  930. * Unless required by applicable law or agreed to in writing, software<br />
  931. * distributed under the License is distributed on an &#8220;AS IS&#8221; BASIS,<br />
  932. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or<br />
  933. * implied. See the License for the specific language governing<br />
  934. * permissions and limitations under the License.<br />
  935. */<br />
  936. package org.openntf.samples.thread;</p>
  937. <p>import java.util.Date;<br />
  938. import com.ibm.domino.xsp.module.nsf.ThreadSessionExecutor;<br />
  939. import lotus.domino.Database;<br />
  940. import lotus.domino.Document;<br />
  941. import lotus.domino.NotesException;<br />
  942. import lotus.domino.Session;</p>
  943. <p>/**<br />
  944. * Thread sample<br />
  945. *<br />
  946. * @author priand<br />
  947. * @author Niklas Heidloff (simplified sample)<br />
  948. *<br />
  949. * Updated 2016-10-18 Patrick Kwinten<br />
  950. *<br />
  951. */</p>
  952. <p>public class ThreadSample {</p>
  953. <p>private static MyThread myThread;</p>
  954. <p>public static boolean isRunning() {<br />
  955. return myThread != null;<br />
  956. }</p>
  957. <p>public static void startThread() throws NotesException {<br />
  958. if (myThread != null) {<br />
  959. stopThread();<br />
  960. }<br />
  961. try {<br />
  962. synchronized(ThreadSample.class) {<br />
  963. if (myThread == null) {<br />
  964. myThread = new MyThread();<br />
  965. myThread.start();<br />
  966. }<br />
  967. System.out.println(&#8220;Thread started&#8221;);<br />
  968. }<br />
  969. } catch (Throwable t) {<br />
  970. t.printStackTrace();<br />
  971. }<br />
  972. }</p>
  973. <p>public static void stopThread() {<br />
  974. if (myThread != null) {<br />
  975. synchronized(ThreadSample.class) {<br />
  976. if (myThread != null) {<br />
  977. myThread.stopRequest = true;<br />
  978. myThread = null;<br />
  979. System.out.println(&#8221; &gt;&gt; Thread stopping&#8221;);<br />
  980. }<br />
  981. }<br />
  982. }<br />
  983. }</p>
  984. <p>private static class MyThread extends Thread {<br />
  985. boolean stopRequest;<br />
  986. private ThreadSessionExecutor &lt; Object &gt; executor;<br />
  987. MyThread() throws NotesException {<br />
  988. this.executor = new ThreadSessionExecutor &lt; Object &gt; () {<br />
  989. @Override<br />
  990. protected Object run(Session session) throws NotesException {<br />
  991. try {<br />
  992. System.out.println(&#8221; &gt;&gt; Thread running&#8221;);<br />
  993. Database db = session.getDatabase(null, &#8220;ThreadsJobs.nsf&#8221;);<br />
  994. if (db != null) {<br />
  995. if (!db.isOpen())<br />
  996. db.open();<br />
  997. if (db.isOpen()) {<br />
  998. System.out.println(&#8221; &gt;&gt; Database opened: &#8221; + db.getTitle());<br />
  999. Document doc = db.createDocument();<br />
  1000. try {<br />
  1001. doc.replaceItemValue(&#8220;Form&#8221;, &#8220;ThreadTest&#8221;);<br />
  1002. doc.replaceItemValue(&#8220;DateTime&#8221;, session.createDateTime(new Date()));<br />
  1003. doc.save();<br />
  1004. } finally {<br />
  1005. doc.recycle();<br />
  1006. }<br />
  1007. }<br />
  1008. }<br />
  1009. } catch (Throwable ex) {<br />
  1010. ex.printStackTrace();<br />
  1011. }<br />
  1012. if (!stopRequest) {<br />
  1013. try {<br />
  1014. Thread.sleep(5 * 1000);<br />
  1015. } catch (InterruptedException ex) {<br />
  1016. ex.printStackTrace();<br />
  1017. }<br />
  1018. }<br />
  1019. //return Status.OK_STATUS;<br />
  1020. return &#8220;probably OK&#8221;;<br />
  1021. }<br />
  1022. };<br />
  1023. }</p>
  1024. <p>public void run() {<br />
  1025. while (!stopRequest) {<br />
  1026. try {<br />
  1027. executor.run();<br />
  1028. } catch (Exception ex) {}<br />
  1029. }<br />
  1030. System.out.println(&#8220;Thread left&#8221;);<br />
  1031. }<br />
  1032. }<br />
  1033. }</p>
  1034. <p>I have not yet managed how to fix the JobScheduler class&#8230;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2466/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2466/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2466&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  1035. <wfw:commentRss>https://quintessens.wordpress.com/2016/10/18/threads-and-jobs-on-release-9/feed/</wfw:commentRss>
  1036. <slash:comments>0</slash:comments>
  1037. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  1038. <media:title type="html">quintessens</media:title>
  1039. </media:content>
  1040. </item>
  1041. </channel>
  1042. </rss>
  1043.  

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//quintessens.wordpress.com/feed

Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda