Saturday, 14 October 2017

IBM Notes 9.0.1 Feature Pack 9 Interim Fix 1 Available for download on IBM Fix Central


On October 10th IBM released IBM Notes Feature Pack 9 Interim Fix 1 on IBM Fix Central. Below an overview of the Fixes in this release.


Download link: IBM Notes Client 9.0.1 FP9 Interim Fix 1


More information: IBM Fix Central
See also my blog post IBM Domino 9.0.1 Feature Pack 9 Interim Fix 2 Available on IBM Fix Central.

Friday, 13 October 2017

Create Animated Progress Circles in XPage using Circliful


For a new XPages application one of the requirements was to present some specific project data in progress circles. In my search I came across Circliful. Circliful is a very easy to use jquery plugin for creating beautiful, responsive and highly customizable animated progress circles. Circliful show data as circle statistics, no images used and is based on SVG and jquery including many options which can be set. For the most simple use you only have to add an element on your XPage with a unique id and an container around it that controls the size of thr circle statistic. It is possibel to set all options as data attributes.
In order to use Circliful, the JavaScript and CSS file(s) need to be included on the XPage / Custom Control. The latest version can be downloaded from GitHub: Circliful.
Below some basic examples using Circliful in an XPages application.

Adding the JS and CSS files
The JavaScript and CSS files must be added to the WebContent Folder in the Package Explorer.
In this example a Folder circliful has been added in the WebContent Folder.
Next the JavaScript and CSS files, circliful2.js and circlifull.css must be included on the XPage or Custom Control. In this example I added the files to an XPage.

<script type="text/javascript" src="circliful/js/jquery.circliful.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Adding the x$ jQuery selector for XPages
Furthermore I recommend to use the the great XSnippet by Mark Roden, x$ jQuery selector for XPages, to initialize the plugin. The XSnippet can be added to the Script Libraries. See also the blog post by Csaba Kiss, x$ selector problem with JQuery 3.
The script itself can be made up as follows when not using data attributes. In this example I use a few standard options.

<xp:scriptBlock id="scriptBlock1">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:circle1}" ).circliful({
animationStep: 5,
foregroundBorderWidth: 5,
backgroundBorderWidth: 15,
percent: 75,
halfCircle: 1,
decimals : 0,
foregroundColor : '#30B455'
});
})
]]></xp:this.value>
</xp:scriptBlock>

Final Result
The final result is a beautiful, responsive and highly customizable animated progress circles with some additional options in the initial setup.


Code XPage
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xc="http://www.ibm.com/xsp/custom">
<xp:this.resources>
<xp:script src="/jQuerySelector.js" clientSide="true"></xp:script>
</xp:this.resources>
<link rel="stylesheet" href="circliful/css/jquery.circliful.css" />
<script type="text/javascript" src="circliful/js/jquery.circliful.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<xp:scriptBlock id="scriptBlock1">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:circle1}" ).circliful({
animationStep: 5,
foregroundBorderWidth: 5,
backgroundBorderWidth: 15,
percent: 75,
halfCircle: 1,
decimals : 0,
foregroundColor : '#30B455'
});
})
]]></xp:this.value>
</xp:scriptBlock>
<xp:scriptBlock id="scriptBlock2">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:circle2}" ).circliful({
animationStep: 2,
foregroundBorderWidth: 5,
backgroundBorderWidth: 15,
percent: 75,
decimals: 0,
fillColor: '#cce6ff'
});
})
]]></xp:this.value>
</xp:scriptBlock>
<xp:scriptBlock id="scriptBlock3">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:progress}" ).circliful();
})
]]></xp:this.value>
</xp:scriptBlock>
<xp:scriptBlock id="scriptBlock4">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:progress2}" ).circliful();
})
]]></xp:this.value>
</xp:scriptBlock>
<xc:ccLayout>
<xp:this.facets>
<xp:panel xp:key="facetMiddle">
<div class="row">
<div class="col-lg-2">
<div id="circle2"></div>
</div>
<div class="col-lg-2">
<div id="progress" data-dimension="200" data-fontsize="36" data-percent="65" data-foregroundcolor="#30B455" data-bgcolor="#eee" data-width="15" data-bordersize="15" data-animationstep="2"></div>
</div>   
</div>
<br></br>
<div class="row">
<div class="col-lg-2">
<div id="circle1"></div>
</div>   
<div class="col-lg-2">
<div id="progress2" data-dimension="200" data-fontsize="36" data-halfcircle="1" data-percent="35" data-fillcolor="#cce6ff" data-bgcolor="#eee" data-width="15" data-bordersize="15" data-animationstep="2"></div>
</div>
</div>
</xp:panel>
</xp:this.facets>
</xc:ccLayout>
</xp:view>

For more information and examples: Circliful

IBM Domino 9.0.1 Feature Pack 9 Interim Fix 2 Available on IBM Fix Central


Yesterday IBM released IBM Domino Feature Pack 9 Interim Fix 2 on IBM Fix Central. Below an overview of the Fixes in this release.


Download link: IBM Domino 9.0.1 FP9 Interim Fix 2

For more information: IBM Fix Central

IBM JUMP Session - The Connections Catalog: Integrating 3rd Party Apps For More Business Value


There will be an interesting IBM Jump Session on 2 November, The Connections Catalog: Integrating 3rd Party Apps For More Business Value. JUMP stands for Join, Understand, Master and Participate.

Content
Topic: The Connections Catalog: Integrating 3rd Party Apps For More Business Value
Date: Thursday, November 2, 2017
Time: 11:00 AM EDT (15:00 UTC/GMT, UTC-4 hours) for 60 minutes

The new and improved Connections Cloud Catalog is the first step toward building an “app store” in the Pink world of Connections. This new Catalog, accessible from within Connections, helps customers find out about and easily integrate 3rd party apps into Connections Cloud and in the future, the private cloud. During this session, we will show you how it works, how to submit your own Apps, and how the Catalog relates to Connections extensions, including the Connections Customizer.

IBM Enterprise Social Solutions Support wants to help you take full advantage of your products. Join us for our Open Mic Webcast series as technical experts share their knowledge and answer your questions. These webcasts are designed to address specific topics and provide an in-depth and focused technical exchange in a convenient online webcast format. For more information about our Open Mic webcasts, visit the IBM Collaboration Solutions Support Open Mics page.

More information: IBM JUMP Session - The Connections Catalog: Integrating 3rd Party Apps For More Business Value.

Thursday, 12 October 2017

Using Smoke Form Validation And Components for Bootstrap in XPages Part 3 - Easy, Simple and Safer Form Validation


In my prevoius blog posts about Smoke, Using Smoke Form Validation And Components for Bootstrap in XPages Part 1 - Alerts and Using Smoke Form Validation And Components for Bootstrap in XPages Part 2 - Confirmation, I described how you can use the Smoke Components Alert and Conformation in an XPages application. In this blog post the first part of how you can use the Smoke Form Validation in an XPages application.

In this blog post the validation of Empty-, Alphanumeric- and Number Fields are described. To validate a form the function smkValidate() is used. The field types supported so far are text, textarea, email, password, select, radio, checkbox, number, color, date, datetime, time, month, week, tel, url, search and range. It is necessary that the input (field) to validate has the form-control class and it is inside a div with the form-group class. If the input has a disabled attribute, it will be not validated. To validate a field that is mandatory, you only have to add the required attribute. To validate a field that accepts only numbers and letters, the field must be of type text, add the data-smk-type attribute and within this the alphanumeric property. To validate that a field only accepts numbers, the field must be of type text or type number, if it is of type text add the data-smk-type attribute and within this, the number attribute.
For more information about adding the JS and CSS files and adding the x$ jQuery selector for XPages see my prevoius blog posts about the Smoke plugin in XPages.

For using Smoke Validation the x$ jQuery selector for XPages script can be made up as follows. In this example I use a few standard options.

<xp:scriptBlock id="scriptBlock1">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:button1}" ).bind("click",function(){if ($('#smokevalidation').smkValidate()) {
// Code here
$.smkAlert({
text: 'Validate!',
type: 'success'
});
}
});
});
]]></xp:this.value>
</xp:scriptBlock>

Final Result
The final result is an easy, simple, and customizable form validation in combination with the Smoke Alert Component.


Code XPage
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xc="http://www.ibm.com/xsp/custom">
<xp:this.data>
<xp:dominoDocument var="document1" formName="Smoke"></xp:dominoDocument>
</xp:this.data>
<xp:this.resources>
<xp:script src="/jQuerySelector.js" clientSide="true"></xp:script>
</xp:this.resources>
<script type="text/javascript" src="smoke/js/smoke.js"></script>
<link rel="stylesheet" href="smoke/css/smoke.css" />
<xp:scriptBlock id="scriptBlock1">
<xp:this.value><![CDATA[
$(document).ready(
function() {
x$( "#{id:button1}" ).bind("click",function(){if ($('#smokevalidation').smkValidate()) {
// Code here
$.smkAlert({
text: 'Validate!',
type: 'success'
});
}
});
});
]]></xp:this.value>
</xp:scriptBlock>
<xc:ccLayout>
<xp:this.facets>
<xp:panel xp:key="facetMiddle">
<xp:br></xp:br>
<div class="form-horizontal" id="smokevalidation" data-smk-icon="glyphicon-remove-sign">
<legend>Smoke Form Validation</legend>
<div class="form-group">
<xp:label value="Text area" id="label2" for="inputTextarea1" styleClass="control-label col-sm-2">
</xp:label>
<div class="col-sm-10">
<xp:inputTextarea id="inputTextarea1">
<xp:this.attrs>
<xp:attr name="required" value="required"></xp:attr>
<xp:attr name="class" value="form-control"></xp:attr>
</xp:this.attrs>
</xp:inputTextarea>
</div>
</div>
<div class="form-group">
<xp:label value="Alphanumeric" id="label1" for="inputText1" styleClass="control-label col-sm-2">
</xp:label>
<div class="col-sm-10">
<xp:inputText id="inputText1">
<xp:this.attrs>
<xp:attr name="required" value="required"></xp:attr>
<xp:attr name="class" value="form-control"></xp:attr>
<xp:attr name="data-smk-type" value="alphanumeric"></xp:attr>
</xp:this.attrs>
</xp:inputText>
</div>
</div>
<div class="form-group">
<xp:label value="Number" id="label3" for="inputText2" styleClass="control-label col-sm-2">
</xp:label>
<div class="col-sm-10">
<xp:inputText id="inputText2">
<xp:this.attrs>
<xp:attr name="required"value="required"></xp: attr>
<xp:attr name="class" value="form-control"></xp:attr>
<xp:attr name="data-smk-type" value="number"></xp:attr>
</xp:this.attrs>
</xp:inputText>
</div>
</div>
</div>
<xp:button id="button1" value="Validate"></xp:button>
</xp:panel>
</xp:this.facets>
</xc:ccLayout>
</xp:view>

More information: Smoke Form Validation

Tuesday, 10 October 2017

It's IBM Champion Season! Nominations are open!

The IBM Champion program recognizes innovative thought leaders in the technical community and rewards these contributors by amplifying their voice and increasing their sphere of influence. An IBM Champion is an IT professional, business leader, developer, or educator who influences and mentors others to help them make best use of IBM software, solutions and services.


The IBM Champion program recognizes innovative thought leaders in the technical community. An IBM Champion is an IT professional, business leader, or educator who influences and mentors others to help them make the best use of IBM software, solutions, and services, shares knowledge and expertise, and helps nurture and grow the community. The program recognizes participants' contributions over the past year in a variety of ways, including conference discounts, VIP access, and logo merchandise, exclusive communities and feedback opportunities, and recognition and promotion via IBM's social channels.
Contributions can come in a variety of forms, and popular contributions include blogging, speaking at conferences or events, moderating forums, leading user groups, and authoring books or magazines. Educators can also become IBM Champions; for example, academic faculty may become IBM Champions by including IBM products and technologies in course curricula and encouraging students to build skills and expertise in these areas.
Take the opportunity to nominate an influencer of IBM Social Business now.

The nomination period for IBM Champions will run from 9 October to 13 November this year.
Now that nominations are open, it's time to gather your information so you can (re-)nominate yourself or nominate a community member you think should join the Champion ranks.

IBM Champion Selection Criteria
So how are you going to pick who to nominate? The selection criteria haven't changed. We still want IBM Champions who:
Demonstrate both expertise in and extraordinary support and advocacy for IBM technology, communities, and solutions.
Share advocacy and influence both within and outside their organizations or customer engagements.
Influence and mentor to help others make the most of investments in IBM software, solutions and services.
You want to nominate (or renominate) those who have offered significant contributions over the past 12 months. Consider what you (or they) have done that is regular, significant, impactful. Contributions should be above and beyond a nominee's job duties, but may be internal or external. The list below is just a few examples.
  • Regularly blogging or creating other technical content
  • Tweeting regularly (on topics relevant to our industry, but not necessarily IBM-specific tweets)
  • Speaking at multiple events in a calendar year
  • User Group Conference Committee member (involves the planning and execution of one or more conferences, events, or meetups)
  • President, Leader, or Board member of a worldwide or local user group
  • Providing regular customer reference engagements
  • Regularly being an advocate for IBM products inside your organization, making connections, and educating users
Nominate an IBM Champion : IBM Champion Program

More information about the IBM Champion Program: IBM developerWorks - Champions


Saturday, 30 September 2017

Upcoming Webinar - Gain Cognitive Insights with the New IBM Watson Explorer


On October 19th, a very interesting webinar will be organized by IBM, Gain Cognitive Insights and Build Scalable Cognitive Solution with the New IBM Watson Explorer. Speakers are Nancy Hensley, Director Watson Explorer, Offering Management IBM and Tanmay Sinha, Offering Management Leader, Watson Explorer IBM.

The new Watson Explorer offers completely new cognitive platform that allows you to apply the power of Machine Learning to unlock new patterns, trends, and cognitive insights from across all your data. New Watson Explorer also enables you to ask questions in natural language, making it easier than ever to analyze both structured and unstructured data. New Watson Explorer helps you build and leverage highly custom cognitive solutions, at scale.

The new Watson Explorer empowers every knowledge worker, whether you are a business analyst, researcher, or a data scientist. New Watson Explorer simplifies the ability to extract invaluable insight from all the data residing within the organization, including dark data and with content repositories in the cloud. New Watson Explorer also brings the power of IBM Watson to your enterprise and allows you the flexibility of choosing your deployment environment – public, private or hybrid cloud.

Content Webinar
Introduction to the new Watson Explorer
How the new cognitive platform brings data from across the enterprise to deliver cognitive insights
Live demo of the new Watson Explorer
How to easily build custom cognitive solutions – at scale

Overview
Title: Gain Cognitive Insights and Build Scalable Cognitive Solution in minutes - Getting started with the new Watson Explorer!
Date: Thursday, October 19th, 2017
Time: 10:30 AM Eastern Daylight Time
Duration: 1 hour

Demo Video: How Watson Explorer Can Help Your Business
Watch this 3-minute video to learn how Watson Explorer combines cloud-based enterprise search and advanced analytics with unique cognitive computing capabilities to connect data across silos. Watson Explorer connects all your data to provide a unified view of critical insights, in context, across industries and roles. By fully leveraging Watson’s ability to mine both structured and unstructured data, Explorer helps employees, across teams, make better business decisions, scale human expertise, drive ROI and remain competitive in a data-driven marketplace. 



More information: IBM ECM Blog