10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]

GBS Presents 10 Things You're Not Doing A Developer's Guide to Simple Yet Overlooked Techniques & Resources for the IBM Lotus Domino Application Developer Chris Toohey Guru, GBS

Overview
Empowering your “Project Champions” with Wireframes
Employing CSS & JavaScript Frameworks
Coding for the User Agent
“ Progressive Enhancement” for Software Development
Cloud Services Integration
Domino Designer Package Explorer
Controlling the XPage Content Type
Leveraging Pass-Thru Markup in XPages
Dev.Opera
The Lotus Online Community

Empowering your “Project Champions” with Wireframes Include a business owner in the “early stages”:
Functional Spec
UI/UX Design
“ Project Champions” will evangelize your work, manage scope creep, and feel personally invested in the project!

Employing CSS & JavaScript Frameworks Create rich user experiences and interfaces, maintained by a global community! 3 simple options:
“ Inline” as File Resources
Remote/Cloud Hosted src=”http://...”
Domino Server datadominohtml[framework]

Coding for the User Agent XPage with Custom 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" pageTitle = "#{javascript:database.title;}" createForm = "false" > < xp:this.resources > < xp:script src = "/core.jss" clientSide = "false" ></ xp:script > </ xp:this.resources > < xc:index_Android loaded = "${javascript:return render('android');}" ></ xc:index_Android > < xc:index_BlackBerry_OS5 loaded = "${javascript:return render('blackberry');}" ></ xc:index_BlackBerry_OS5 > < xc:index_BlackBerry_OS6 loaded = "${javascript:return render('blackberrywebkit');}" ></ xc:index_BlackBerry_OS6 > < xc:index_Browser loaded = "${javascript:return render('browser');}" ></ xc:index_Browser > < xc:index_iPad loaded = "${javascript:return render('ipad');}" ></ xc:index_iPad > < xc:index_iPhone loaded = "${javascript:return render('iphone');}" ></ xc:index_iPhone > </ xp:view > SSJS render() Function function render(key) { render = false ; var ua = header .get( "User-Agent" ); var ua = ua.toLowerCase(); switch (key) { case "browser" : if (ua.indexOf( 'android' ) == -1 && ua.indexOf( 'iphone' ) == -1 && ua.indexOf( 'ipad' ) == -1 && ua.indexOf( 'blackberry' ) == -1) { render = true ; }; break ; case "blackberrywebkit" : if (ua.indexOf( 'blackberry' ) != -1 && ua.indexOf( 'webkit' ) != -1) { render = true ; }; break ; default : if (ua.indexOf(key) != -1) { var render = true ; } break ; } return render; }

“ Progressive Enhancement” for Software Development Design for “base” functionality across all clients, but provide enhanced features & functionality based on User Agent/Client Device capabilities. Leveraging GPS via JavaScript < script > var clng = getLongitude(); var clat = getLatitude(); var message = document.getElementById("message"); message.innerHTML=" < li > Longitude: " + clng + " </ li > "; message.innerHTML+=" < li > Latitude: " + clat + " </ li > "; </ script >

Cloud Services Integration Most “Cloud Services” expose their solution via integration APIs... but are often even more simple to employ. REALLY Simple: < iframe width = "425" height = "350" frameborder = "0" scrolling = "no" marginheight = "0" marginwidth = "0" src = "http://maps.google.com/maps?f=q&source=s_q&hl=en&q=dolphin+hotel, +disney&aq=&sll=28.367235,-81.559539&sspn=0.006278,0.011362&ie=UTF8 &rq=1&ev=zo&split=1&t=h&radius=0.41&hq=dolphin+hotel,+disney &hnear=&ll=28.369057,-81.560633&spn=0.003738,0.005783&output=embed" > </ iframe >

Domino Designer Package Explorer Explore your NSFs
Application properties
Design elements
Resources
Web content
PE != Folders | Directories
Folders exist to display content in hierarchy; most not available to OS browsing

Controlling the XPage Content Type One-click Microsoft Excel (or Symphony Spreadsheets) via XPages and SSJS <? xml version = "1.0" encoding = "UTF-8" ?> < xp:view xmlns:xp = "http://www.ibm.com/xsp/core" rendered = "false" > < xp:this.afterRenderResponse ><![CDATA[ #{javascript:var exCon = facesContext.getExternalContext(); var writer = facesContext.getResponseWriter(); var response = exCon.getResponse(); var projects:NotesView = database.getView('projects') var viewNav:NotesViewNavigator = projects.createViewNav(); var viewEnt:NotesViewEntry = viewNav.getFirst(); var output:string = ""; while (viewEnt != null) { output += "<tr>"; output += "<td>" + viewEnt.getColumnValues()[0]; + "</td>"; output += "<td>" + viewEnt.getColumnValues()[2] + "</td>"; output += "<td>" + viewEnt.getColumnValues()[1] + "</td>"; output += "<td>" + viewEnt.getColumnValues()[3] + "</td>"; output += "</tr>"; viewEnt = viewNav.getNext(viewEnt); } response.setContentType("application/vnd.ms-excel"); response.setHeader("Content-disposition", "attachment; filename=projects.xls"); response.setHeader("Cache-Control", "no-cache"); writer.write("<table>"); writer.write("<thead><tr>"); writer.write("<td><b>Project</b></td>"); writer.write("<td><b>Developer</b></td>"); writer.write("<td><b>Estimate ( Hours )</b></td>"); writer.write("<td><b>Estimate ( Budget )</b></td>"); writer.write("</tr></thead>"); writer.write(output); writer.write("</table>"); writer.endDocument();} ]]></ xp:this.afterRenderResponse > </ xp:view >

Leveraging Pass-Thru Markup in XPages Inline Markup including HTML, CSS, JavaScript, XML combined with native XPages markup: <? xml version = "1.0" encoding = "UTF-8" ?> < xp:view xmlns:xp = "http://www.ibm.com/xsp/core" createForm = "false" pageTitle = "iPages" > < xp:this.data > < xp:dominoDocument var = "thisdoc" formName = "document" ></ xp:dominoDocument > </ xp:this.data > < xp:this.resources > < div id = "topbar" class = "transparent" > < div id = "leftnav" > < a href = "index.xsp" > < img alt = "home" src = "images/home.png" /> </ a > </ div > … Easily adopt Frameworks and extend the RAD [Rapid Application Development] output and “perceived capabilties” of the IBM Lotus Notes Domino Platform!

Dev.Opera HTML, CSS, JavaScript, XML, and more! The premier destination to learn HTML5, CSS3, SVG, JavaScript, and other cutting-edge technologies and techniques from the browser with the Open Web at its core. http://dev.opera.com

The Lotus Online Community Connect with your fellow Lotus IT Professionals online and across the various social networks! http://greenhouse.lotus.com [sametime.lotus.com Sametime] http://bleedyellow.com [community Sametime] http://planetlotus.org [Lotus-themed blogger community] http://twitter.com/LotusTechInfo [Official LTIE Twitter] http://facebook.com/LotusTechInfo [Official LTIE Facebook Fan & Events Page] http://linkedIn.com Groups: Lotus Notes Professionals Lotus Professionals (3500+ Members)

For more... Contact Me Chris Toohey Guru, GBS http://www.gbs.com My blog: dominoGuru.com Social Networking Facebook.com/christoohey Twitter.com/christoohey LinkedIn.com/christoohey

http://www.dominoguru.com	930
http://dominoguru.com	10
http://translate.googleusercontent.com	2
http://www.google.fi	1
http://www.linkedin.com	1
http://webcache.googleusercontent.com	1

10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]

by Chris Toohey

Accessibility

Upload Details

Usage Rights

6 Embeds 945

Statistics

10 Things You’re Not Doing [IBM Lotus Notes Domino Application Development] Presentation Transcript