Nevertheless Entwicklercamp sounds like a excellent technical conference and for those of you who have no problems with reading a bit of German (not all presentations are in German, by the way) here are some interesting presentations:

Track 0 – Session 1 - Eröffnungssession - Rudi Knegt (link)

Track 0 – Session 2 - Opening Session – Phil Riand (link)

Track 0 – Session 3 - Speeddemoing – Diverse (link)

Track 0 – Session 5 - Closing Session: Ein (grausamer Selbstversuch) – 5 Monate ohne Lotus Notes – Werner Motzet

“Ein (Arbeits-)Leben ohne Lotus Notes” / “Ein (grausamer Selbstversuch) – 4 Monate ohne Lotus Notes” (link)

Track 1 – Session 1 - XPages – 1 – Grundlagen – Ulrich Krause (link)

Track 1 – Session 2 - XPages: Practical Ideas for Converting Existing Notes Applications – Matthew Fyleman (link)

Track 1 – Session 3 - XPages – 3 – eXtension Library – Viagra für die XPages – Ulrich Krause (link)

Track 1 – Session 4 - XPages – 4 – IBM oneUI + MyTheme = myUI – Manfred Meise (link)

Track 1 – Session 5 - XPages – 5 – Wie mache ich meine XPages Applikationen ‘social’? – Niklas Heidloff (link)

Track 1 – Session 6 - XPages – 6 – XPages Extensibility API – going deep – René Winkelmeyer (link)

Track 1 – Session 7 - Zähme den Tiger – Java-Entwicklung in Notes und Domino – Bernd Hort (link)

Track 1 – Session 8 - XPages – 8 – Nutzung des Dojo Toolkits zur Optimierung bestehender Notes-Web-Anwendungen – Matthias Bierl (link)

Track 2 – Session 1 – Extending Lotus Notes – Widgets, Livetext, Plugins – Detlev Poettgen (link)

Track 2 – Session 3 - Agile Softwareentwicklung mit LotusNotes – Werner Motzet (link)

Track 2 – Session 4 - Ich weiß was du diesen Sommer tun wirst – Gregory Engels (link)

Track 2 – Session 5 - Erfolgreiches Projektmanagement mit agilen Methoden – Christian Habermueller (link)

Track 2 – Session 6 - Make the impossible possible with XPages – Frank van der Linden (link)

Track 2 – Session 7 - Connect your Lotus Notes app to the Activity Stream with XPages – Frank van der Linden (link)

Track 2 – Session 8 - Keine Angst vor großen Tieren – Peter Klett (link)

Track 3 – Session 1 - Rediscover the Power of LotusScript in Notes/Domino 8.5 – Rocky Oliver (link)

Track 3 – Session 2 - Die besten Open Source Projekte von OpenNTF – Niklas Heidloff (link)

Track 3 – Session 3 - Richtig(er) Kommunizieren! – Wie bringe ich meine Botschaft rüber? – Jürgen Kunert (link)

Track 3 – Session 4 - XPages und Domino App Dev Erweiterungen – Phil Riand und Niklas Heidloff (link)

Track 3 – Session 5 - Turbocharge Development in Notes/Domino 8.5 – with @Formulas! – Rocky Oliver (link)

Track 3 – Session 6 - Mobiler Zugriff auf Notes Daten – Matthias Schneider (link)

Track 3 – Session 7 - Es gibt keine Ausreden mehr – eGit im DDE : Versionskontrolle leicht gemacht – Holger Chudek (link)

Track 3 – Session 8 - Using the XPages Mobile Controls… and looking at alternatives – Rich Sharpe (link)

Track 4 – Session 1 - Security in Notes – Manfred Meise (link)

Track 4 – Session 2 - Workflow – Richtig analysieren, dokumentieren und schlüssig hinterfragen – Christian Habermueller (link)

Track 4 – Session 3 - Lotus Protector programmieren – Matthias Schneider (link)

Track 4 – Session 4 - WebServices unter Notes/Domino – Tim Pistor (link)

Track 4 – Session 5 - Hilfe, ich habe geerbt! – Bernhard Köhler (link)

Track 4 – Session 6 - NoSQL-Datenbanken – ein Überblick – Karsten Lehmann (link)

Track 4 – Session 7 - Notes und die Zeit – Bernhard Köhler (link)

Track 4 – Session 8 - Schnittstellendesign mit dem Tivoli Directory Integrator – Am Beispiel SAP – Andreas Artner (link)

In case you are a bit lazy or dont care about bandwidth: <here> you can find the presentations archived together by track…

There are also some hands-on sessions available:

Hands-On 1 - Javascript – die ersten Schritten – Manuel Nientit (link)

Hands-On 3 - XPages – the first Steps 1 – Howard Greenberg (link)

Hands-On 4 - XPages – the second steps 2 – Howard Greenberg (link)

Hands-On 5 - Signierung und Verteilung von Plugins für den Notes Client – Detlev Poettgen (link)

Hands-On 6 - LotusScript – so einfach geht es los – Peter Klett (link)

Hands-On 7 - Mobiler Zugriff auf Notes Daten – Matthias Schneider (link)

Hands-On 8 - XPages Extensibility API – first steps – René Winkelmeyer (link)

Btw, all links were collected from this source.

I thought it would be easier in future updates to be more independent from used examples so I rebuild the application with help of the extension library and especially the application layout control.

I also applied the 8.5.3 themes.

Here you can find the new release:

http://www.openntf.org/internal/home.nsf/releases.xsp?action=openDocument&name=CardScanR&documentId=480044936833E659862578ED004CDF80

Screenshots are available here:

http://www.openntf.org/internal/home.nsf/screenshots.xsp?action=openDocument&name=CardScanR&documentId=480044936833E659862578ED004CDF80

I included paypal donation links since I want to buy a motorbike again, someday. Thanks for contributing  =)

A data source on an XPage has many similar events as the traditional Domino document.

The following table gives an overview which trigger executes which Event(s)  (in the order as listed):

An example you can find described on the Domino forum.

The onClientLoad event is the only event that executes both client and server-side code.

and

If the CSJS in the onClientLoad event returns “false,” the SSJS is never executed.

Main changes for this app is the implementation of Oneui v2.11 and the extension library (as part of the upgrade pack 1).

The app needs some more work (I started with a mobile interface which is not finished yet, maybe in a 2.1 version). Ofcourse you are free to submit your contributions to the project

Nevertheless enjoy. At least I did while learning OneUI v2.11 and the Extension library!

After a closer look at the solution in the teamroom template, I was not 100% happy with it. Basically if you will add another Button (or Link) control in the Page Heading control right action facet, there is an overlap. Also the presentation and coloring differs somewhat.

In order to avoid this I modified the following definition in mobile.css:

.mblLoginText a {
display: inline-block;
width: auto;
min-width: 40px;
max-width: 60px;
height: 28px;
margin: 0;
padding: 0 5px;
overflow: hidden;
line-height: 28px;
font-family: inherit;
font-size: 13px;
font-weight: bold;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
text-overflow: ellipsis;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #fff;
background: none;
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0, #8da3c0),
color-stop(0.5, #5877a2),
color-stop(0.5, #476999),
color-stop(1, #4a6c9b));
-webkit-border-radius: 6px;
border: 1px solid #57606c;
border-right-color:#9cacc0;
border-bottom-color:#4a6c9b;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .25), 0 1px 0 rgba(255, 255, 255, 0.25);
}

Here is an example how the Link control is rendered compared with a Button control:

I will include the example later in the next release of LinkedIn controls.

<?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” createForm=”false”>
<head>
<title>LinkedIn JavaScript API Sample Application</title>
<xc:ccLinkedInAPIKey key=”//your  domain key here”></xc:ccLinkedInAPIKey>
<script type=”IN/Login”></script>
<xp:scriptBlock id=”scriptBlock3″>
<xp:this.value><![CDATA[function PeopleSearch() {
// Call the PeopleSearch API with the viewer's keywords
// Ask for 4 fields to be returned: first name, last name, distance, and Profile URL
// Limit results to 10 and sort by distance
// On success, call displayPeopleSearch(); On failure, do nothing.
var keywords = dojo.byId("#{id:searchBox}").value;
IN.API.PeopleSearch()
.fields('firstName', 'lastName', 'distance', 'siteStandardProfileRequest')
.params({'keywords': keywords, 'count': 10, 'sort': 'distance'})
.result(displayPeopleSearch)
.error(function error(e) { /* do nothing */ }
);
}]]></xp:this.value>
</xp:scriptBlock>
<xp:scriptBlock id=”scriptBlock4″>
<xp:this.value><![CDATA[function displayPeopleSearch(peopleSearch) {
var div = document.getElementById("peopleSearchResults");
div.innerHTML = "<ul>";
// Loop through the people returned
var members = peopleSearch.people.values;
for (var member in members) {

// Look through result to make name and url.
var nameText = members[member].firstName + ” ” + members[member].lastName;
var url = members[member].siteStandardProfileRequest.url;

// Turn the number into English
var distance = members[member].distance;
var distanceText = ”;
switch (distance) {
case 0: // The viewer
distanceText = “you!”
break;
case 1: // Within three degrees
case 2: // Falling through
case 3: // Keep falling!
distanceText = “a connection ” + distance + ” degrees away.”;
break;
case 100: // Share a group, but nothing else
distanceText = “a fellow group member.”;
break;
case -1: // Out of netowrk
default: // Hope we never get this!
distanceText = “far, far, away.”;
}
div.innerHTML += “<li><a href=\”" + url + “\”>” + nameText +
“</a> is ” + distanceText + “</li>”
}
div.innerHTML += “</ul>”;
}]]></xp:this.value>
</xp:scriptBlock>

</head>

<h1>Find People on LinkedIn</h1>
<xp:inputText id=”searchBox” defaultValue=”xpages”></xp:inputText>
<xp:button value=”Search” id=”button1″>
<xp:eventHandler event=”onclick” submit=”false”>
<xp:this.script><![CDATA[
PeopleSearch();]]></xp:this.script>
</xp:eventHandler>
</xp:button>
<div id=”peopleSearchForm”></div>
<div id=”peopleSearchResults”></div>
</xp:view>

Custom control ccLinkedInAPIKey you can find in the LinkedIn controls project.

Without any styling your result could look something similar like this:

<?xml version=”1.0″ encoding=”UTF-8″?>
<xp:view xmlns:xp=”http://www.ibm.com/xsp/core”
dojoParseOnLoad=”true”>
<xp:this.resources>
<xp:styleSheet href=”/stream.css”></xp:styleSheet>
</xp:this.resources>
<head>
<xp:scriptBlock id=”scriptBlock1″>
<xp:this.value><![CDATA[function loadData() {
// we pass field selectors as a single parameter (array of strings)
IN.API.NetworkUpdates()
.params({type:"SHAR"})
.result(function(result) {
var streamHTML = "";
for (var update in result.values) {
var thisupdate = result.values[update]

// Build each individual stream update item
person = thisupdate.updateContent.person
var thisHTML = “<div>”;

// Person’s picture, linked name, and status
thisHTML += “<div>” ;
thisHTML += “<img align=’left’ height=’50′ src=’” + person.pictureUrl + “‘></a>”;
thisHTML += “<a href=’” + person.publicProfileUrl + “‘>”;
thisHTML += “<span>” + person.firstName + ” ” + person.lastName + “</a></span>”;
thisHTML += “<p>” + person.currentShare.comment + “</p></div></div>”;

// Slap this onto the HTML we’re building
streamHTML += thisHTML;
}
dojo.byId(“stream”).innerHTML = streamHTML;
});
}]]></xp:this.value>
</xp:scriptBlock>
</head>
<body>
<div id=”stream”></div>
<script type=”IN/Login” data-onAuth=”loadData”></script>
</body>
</xp:view>

Also here remember to include the LinkedIn domain API key. The result could like something as this:

Applying some oneUI classes could improve the presentation…

Here is an simple custom control example to work with user’s connections:

<?xml version=”1.0″ encoding=”UTF-8″?>
<xp:view xmlns:xp=”http://www.ibm.com/xsp/core”
dojoParseOnLoad=”true”>
<head>
<xp:scriptBlock id=”scriptBlock1″>
<xp:this.value><![CDATA[function loadData() {
IN.API.Connections("me")
.fields(["pictureUrl","publicProfileUrl"])
.params({“count”:30})
.result(function(result) {
profHTML = “”;
for (var index in result.values) {
profile = result.values[index]
if (profile.pictureUrl) {
profHTML += “<a href=\”" + profile.publicProfileUrl + “\”>”;
profHTML += “<img height=30 align=\’left\’ src=\’” + profile.pictureUrl + “\’></a>”;
}
}
dojo.byId(“connections”).innerHTML = profHTML;
});
}]]></xp:this.value>
</xp:scriptBlock>
</head>
<body>
<div id=”connections”></div>
<script type=”IN/Login” data-onAuth=”loadData”></script>
</body>
</xp:view>

(don’t forget to include your API domain key)

As result you would get:

With this you should be able to easily ‘linkify’ an XPages application. For example you can extend the discussion database with calls to linkedin (members, companies).

Ultimate goal would be to make mash-up applications for LinkedIn with XPages. We’ll see how for we will come…

Well today I entered the 1000th document so I was thinking about sharing some analytics from the database…

Introduction

The database was created in July 2009, so a bit before 2011, the year XPages established itself truly. Documents have different meta data such as:

• Title
• Functional area
• XPage related element
• Type
• Level
• Information Source
• Date
• Rating

Some examples of functional areas are: calendaring, views, error management, drag-n-drop, expression language, performance, charting, mobile, themes etcetera.

Types can be blogposts, presentations, education (course material), tech-notes, videos etcetera.

As level you can select beginner, intermediate and expert. Beginner focuses on core functions, intermediate is mostly about programming in XPages or extending core functionality and expert can be about DDE, perspectives, JAVA etcetera.

The documents are listed in different views that categorize them on the different meta-tags.

The database is by the way a pure Notes database, mostly because the ease of copy and paste in rich text. The database also started first as a personal data storage facility but was opened after a while for the whole of the organization. So a pure Notes solution minimized the required initial development time.

Documents can be searched via the view search and there is a search form.

Data analysis

Oldest & Newest document

The ‘oldest’ document is from Thomas Peisel and Azadeh Salehi and is a presentation from Lotusphere 2008: ‘HND 102: IBM Lotus Domino Designer in Eclipse: Create and Work with XPages Hands On’ (people having flashbacks?).

The ‘newest’ document is from Mark Rodin ‘jQuery in XPages #1 – Highcharts‘.

Popular functions

1. general 240
2. programming 131
3. views 59
4. javascript 32
5. data binding 29
6. error management 26

Popular types

• blog-post 607
• tech-note 123
• tutorial 105

Levels

• beginner 442
• intermediate 428
• expert 116

Most active sources

• domino designer wiki 172 (obvious)
• internal documentation 71
• qtzar 70
• xpagesblog 56
• dontpanic82 36
• dominoguru 28

Of course thanks to you all who write and present on XPages!

Visits

Last week we had 30 visits. Last month there were 93 visits. We see the numbers rising slowly since more developers are adapting XPages technology.

Remarkably we see a lot of consultants accessing the database, I assume they should be more eager to learn and sell new skills?

Conclusion

So has the database been a success? I believe it is (or getting).  The database was set up in the days there was almost no documentation or books on XPages. After adding and reading a 1000 documents on XPages my personal technology skill on it has gone from a new-bee to at least an intermediate.

I also see and hear developers coming with ‘wilder’ ideas on developing more advanced solutions. The fact that you can ‘borrow’ ideas / work from others via custom controls is a great advantage in XPages. I do not know how other organizations educate their developers on XPages but besides this database we have had several workshops on XPages that helped developers to look at it.

I also see that the Extension Library full fills a gap in XPages application development, where new controls deliver ‘expected’ functionality or ‘unexpected’ functionality in a rapid application development environment. Unfortunately the  documentation or guidance for the library is lacking but there is a book on the way, so I assume also more blog-posts.

Wishlist

Do I have wishes on XPages education? Of course I do! A manual on the Extension Library would be great plus. Especially for the next version of the Upgrade Pack (v2) including the social stuff it would be nice if IBM could deliver the package and the manual at the same time.

I would also like to read more tutorials on Java development in XPages, or how to get started with it. For now I can manage myself with SSJS but I can see the advantages of using JAVA in XPages.

But my biggest wish is that everybody continues to write or start writing on XPages

• Code templates can be a tremendous time saver, and help implement common team conventions
• Well received for LotusScript, but also available for:
  • Java
  • CSS
  • HTML
  • XML

If you take stylesheets for example, you can import them from the Database Navigator. But maybe you work on new projects where the stylesheets differ but you want to re-use a genuine setup of the file, setting up templates in Designer might help you.

I am not gonna write how you write a well structured css file and the benefits of it, but just explain how to setup a scratch for new css writing in Domino Designer.

First, open in Designer the Preferences and search after CSS. Select the ‘Templates’ links. Here you will see an overview of all your available CSS templates. Press ‘New…’.

Give your file a name, description and fill the pattern. Here for example I describe the basic layout for an HTML5 app. For the Context I select ‘New CSS’. Press OK to close the Preferences dialog.

Okey, so how you can get this in your next stylesheet?

If you haven’t already got it to your Designer setup, open the Package Explorer (Windows, Perspective, Open…). Go to the Resources folder, select Stylesheets and from there:

In the wizard enter CSS or navigate to the Web folder and select  CSS.

Give your new css file a name.

In the next dialog you are asked if you want to use a template. Select here the template you want and press Finish. The CSS Editor will open from where you can continue to write your CSS file.

The dataview control was not rendered properly for a mobile device so the specified target page could not be reached and an error throwed up:

It turned out that the line xsp.theme.mobile.pagePrefix=m_ located the xsp.properties file in the Web Content\WEB-INF folder contained one superfluous space at the end.

Probably sooner or later more people will be facing same errors…

I have posted my question on OpenNTF:

http://www.openntf.org/internal/home.nsf/discussion.xsp?action=openDocument&documentId=45A97957524DF1FD8625799E003995E4

From Alan Lepofsky’s blogpost:

The next version of Lotus Notes, named Social Edition will include a new Home Page featuring the same activity stream that is available to Connections users on the web. This new feature will require an IBM Connection server, but the pricing and licensing for that has not yet been announced. 

From David F. Carr’s review for InformationWeek:

Organizations that take advantage of both Notes and Connections will be offered an upgrade to Notes Social Edition, which makes social content including the OpenSocial application embedding capability, available within the Notes environment.

Odd that Ed Brill does not mention this in his description of Notes Social Edition.

Can someone explain how the deal for Notes Social Edition will be?

Today I received an incident report from a collegue about a problem with the Domino blog template (the one everybody wants to have with XPages, hint IBM (this time with documentation))…

The RSS feeds were broken, or at least throwing up an error. It turned out to be that Swedish characters in names were causing the problem. Since I work for a Swedish company it is likely that the error would occur more often and in more blogs/places… so worth a search on Google.

I found the following document very helpful:

http://blog.inetfusion.com/A55CF7/technotes.nsf/dx/11242009023753PMEWES7R.htm

The Fix
- Added the value ‘ISO-8859-1′ to the configuration document, under the Syndication tab, field ” XML/Content Encoding:” down towards the bottom.

When replacing the computed value with “ISO-8859-1″, it appears to be working. Have not changed the lookup form value. This is probably in some documentation somewhere.. but there’s no documentation with the template.

The character set was set to UTF-8 because they should support Swedish characters (link). When setting them to ISO-8859-1 the errors did no longer occur.

http://openntf.org/ideajam/ideajam.nsf/ProductByAreaMostRecent?openview&restricttocategory=Bildr

Please drop here you suggestions / ideas for the application

Question:

How and which dependencies in your Notes applications do you register? Do you generate the overview manually or is there a tool you use for this?

The Free, Cross-Platform Sound Editor

For fun I decided to try to make a copy of Daft Punk’s Teachers and to honour you guys out there =)