Enriching Portal user experience using Dojo toolkit support in IBM Rational Application Developer v8 for IBM WebSphere Portal
|
|
- Moris Fields
- 6 years ago
- Views:
Transcription
1 Enriching Portal user experience using Dojo toolkit support in IBM Rational Application Developer v8 for IBM WebSphere Portal Summary: Learn how to create Portlet applications for Websphere Portal for enhanced user experience leveraging the powerful UX capabilities of Dojo Toolkit using IBM Rational Application Developer v8. In this article you will explore the various considerations involved in developing such a dojo enabled portlet for portal run-time, their solutions along with various useful tips and tricks to help you in portlet project development. You will also find a walkthrough of various RAD portlet tools which assist you in your overall project development life cycle. Introduction: The paradigm of internet based applications today is shifting mostly towards Web2.0. The businesses demand exceptional user experience for their customers. Hence the relevance of applications having Ajax behaviors and client side capabilities is increasing by the day. Dojo toolkit provides a strong object oriented JavaScript framework, Ajax capabilities and a rich set of reusable UI widgets. A developer can leverage these capabilities of Dojo toolkit to quickly create rich, interactive and highly responsive web applications. The Portal toolkit in IBM Rational Application Developer provides enhanced tooling support of the Dojo toolkit for portlet projects. It aids the programmers developing applications for WebSphere Portal with the help of a series of wizards, auto-code generations, views, editors, drag & drop features etc. The toolkit can also assist you in implementing the best practices that take care of JavaScript issues in a portal environment like namespacing issues. The Architecture of a Web2.0 application: The modern Web2.0 based applications have a little different architecture than classical web applications. The clients of a Web2.0 application do much more than just rendering the view. Unlike normal MVC or MVC2 architecture, the controller of Rich internet applications is off-loaded to the clients instead of the server. The focus of such applications is on componentizing a use-case as much as possible by creating rich set of client side UI components called widgets. These widgets can handle and multiply many tasks like layout management, client side data validation, client side state saving, DOM manipulation etc. This approach gives greater client and server independence and in some use-cases has the advantage that the servers can focus mainly on data generation and manipulation, while leaving the rendering work to the clients. Use-case: Lets start with a simple use-case to create a JSR286 based Dojo enabled portlet project. The portlet project consists of a single portlet. It displays the continents of the world and some of their most populous countries in a tree structure. Clicking on a tree node displays the information about that continent or country in a Data grid (fig.1).
2 Fig.1 To make the usecase simple, the data for both the Tree and a DataGrid is fetched from a static JSON file present on server inside a data folder of portlet s contextroot. The data in a real world portlet application can be fetched in multiple ways, one of the ways can be through a serveresource method call of a portlet s lifecyle, which can delegate its responsibility of data fetching and processing to a Session bean. Session bean may connect to a database using JPA. And the database itself can be present on any networked web server. Dojo toolkit on WebSphere Portal run-time: Like many JavaScript toolkits Dojo toolkit creates global object namespaces named dojo, dijit and dojox. Different versions of dojo toolkit do the same. Dojo s module system manages the loading of a particular resource based on if it has already been loaded or not. Hence, if we try to load multiple versions of dojo, only the dojo that is loaded first would be effective throughout the page. In a portal environment if each portlet try to load its own dojo, some of the portlets may not work, one because the dojo version loaded earlier may not work for a portlet loaded after it which is based on a later version of dojo, other reason may be because each portlet may try to reinitialize djconfig object while loading its own dojo. Dojo1.1 or later helps resolve this issue through the use of scopemap which enables developers to provide their custom namespaces for dojo, dijit and dojox. However usage of scopemap has few known issues, also loading of multiple versions of dojo toolkit in a portal page, may cause serious performance degradations. To avoid these issues, it is recommended to load dojo once from inside a portal theme and all the portlets should reuse this already
3 available dojo. Interestingly all the standard WebSphere Portal themes comes with bundled dojo, and also initializes dojo for a page. Hence a portlet developer can make use this capability to create dojo based Web2.0 portlets. Creating the Sample Portlet project To create this application, start with creating a portlet project having Dojo Toolkit on WebSphere Portal capability enabled. To achieve this execute the following steps: 1- From File menu Select New > Portlet Project. 2- Select WebSphere Portal 6.1 or WebSphere Portal 7.0 as the target run-time. 3- Select Configuration as JSR286 basic (fig.2). 4- Click on the Modify for Web 2.0 Features. 5- Select Dojo toolkit in the Modify Portlet Project Web 2.0 features dialog (fig.2). 6- Click OK. Fig.2 7- Click Next > 8- Again Click Next > 9- Uncheck the Add action listener to portlet to handle action requests (fig.3), since we want to generate a plain JSP.
4 Fig Click Finish. This will generate a portlet project with the structure as shown in fig 4, which has been enabled to make use of Dojo toolkit available on the WebSphere Portal server run-time. Fig.4
5 Developing the Dojo use-case in Portlet jsp Now that we have created the Portlet project we would develop the sample so that the Portlet jsp contains the dojo widgets. Open the Portlet jsp. Open the Palette view. It should have Dojo drawers (see fig.5) populated with the dojo widgets present in the WebSphere Portal 6.1 or WebSphere Portal 7.0 server run-time (based on the run-time you selected during project creation). Fig.5 We would want to show both Tree and DataGrid side by side in our portlet view (see fig. 1). Hence we will divide the portlet view in two vertical panes, left and right. The left pane will contain tree while the right pane will contain the Data grid showing the details of the selected continent or country. Dojo Layout containers provide the facility for easy crossbrowser layout management. To use the Layout container in the portlet view, execute the following steps: 1- Open the Dojo Layout Widgets drawer from the palette view. 2- Drag and drop the BorderContainer widget onto the portlet jsp. Since this is a very first time we dnd a dojo widget on portlet jsp, there would be a Dojo Settings dialog shown. This dialog helps us generate a project specific JavaScript namespace and portlet helper JavaScript code which enables us in writing the logic corresponding to a portlet view in external JavaScript file. The generated code would also be grouped in some distinct files so that the same code can be reused among multiple files across multiple portlets of the project. Select the following configuration in the Dojo Settings For Portlet Project dialog (see fig, 6):
6 1- Leave the Generate in external.jspf file along with the file path as is. (This jspf file will have the JavaScript logic for parsing the dojo widgets. This file will then be included in the portlet jsp using jsp include tag. Multiple portlets can include this file without a need to rewrite the same logic again and again. 2- Leave the Generate portlet helper JavaScript classes in portlet application checkbox selected. 3- Enter the Namespace for JavaScript classes as com_ibm_portlet_dojo. Fig.6 Best Practice: Since a portlet is just a fragment that gets aggregated on a portal page, a portlet which creates variable names in global namespace, may collide with the variables of the same names in some other portlet present on the same portal page. To avoid this issue we should make sure that we instantiate all of the JavaScript variables for our portlet inside a unique namespace. Hence we keyed-in a fully qualified namespace prefix in the dialog. Tip: We could have also provided this namespace prefix using the dot notation like com.ibm.portlet.dojo, but some of browsers are very slow in finding an object from inside this nested namespace on run-time. In-fact the lesser the cascading (nesting), better would be the performance in executing your JavaScript code. For this reason we use an alternative yet better performing fully qualified namespace. 4- Click OK. The following artifacts (see fig.7) will be generated after this operation:
7 Fig.7 Here is the description of the artifacts that get created 1- A folder named js inside the context root of the portlet application 2- A folder named com_ibm_portlet_dojo inside the js folder 3- The folder com_ibm_portlet_dojo contains one Portlet.js file, which has two JavaScript class declarations, one named com_ibm_portlet_dojo.portlet and another named com_ibm_portlet_dojo.portlethelper. The class com_ibm_portlet_dojo.portlet helps us initialize our commonly used jsp variables like portlet namespace, contextpath etc. inside a JavaScript variable so that these can be used inside any external JavaScript file, through that JavaScript variable. This class also provides few functions for accessing namespaced elements in a portlet DOM. Another class com_ibm_portlet_dojo.portlethelper just keeps a reference of com_ibm_portlet_dojo.portlet object. Multiple classes from a portlet can extend this class to make use of the above object. 4- The folder com_ibm_portlet_dojo also contains one more folder named portlethelper. 5- The folder portlethelper keeps the JavaScript file of similar names as the portlet view jsp, which denotes that, this file works like a code behind file to write the custom JavaScript logic pertaining to a particular jsp. This JavaScript file declares a class which extends com_ibm_portlet_dojo.portlethelper, hence it can automatically make use of the object of class com_ibm_portlet_dojo.portlet and hence the variables stored in it.
8 6- The follwing diagram depicts the relation between the various javascript classes. 7- The dojo_init.jspf file is generated in the context root of the portlet as specified in the Dojo Settings for Portlet project dialog. This file contains the parsing logic to parse dojo widgets. This file also registers the namespace com_ibm_portlet_dojo, so that all the files inside this folder can be loaded using the dojo module loading system by just having dojo.require( filename ). Finally it initializes an object of class com_ibm_portlet_dojo.portlet. 8- The DojoPortletView.jsp contains the bare minimum code to connect all the above pieces together. a. It includes dojo_init.jspf file b. It imports file com_ibm_portlet_dojo.portlethelper.dojoportletview.js using dojo.require c. Creates an object of the above class and initializes it with portlet_<portlet:namespace/> object created above in the dojo_init.jspf. This completes the code externalization and portlet helper code generation. Remember we Drag and drop BorderContainer dojo widget on the portlet jsp. Hence the declarative markup for this widget is also generated along with its dojo.require ( dojit.layout.bordercontainer ) statement.
9 The WebSphere Portal 6.1 and above themes by default have djconfig.parseonload set to false due to performance reasons. Hence if we only place the declarative widget markup in the portlet jsp, these widgets would not be parsed after the portlet finishes its loading. To solve this scenario a root widget container with id widgetcontainer_<portlet:namespace/> is generated, which contains all of our declarative widgets. The code inside dojo_init.jspf parses this root widget container which runs after the portlet finishes loading its markup and required resources. Now drag & drop ContentPane widget from Dojo Layout Widgets category twice over the BorderContainer widget that was added to the Portlet jsp earlier. The complete code should read like this <div dojotype="dijit.layout.bordercontainer" id="bordercontainer_<portlet:namespace/>" design="headline" style="height: 500px; width: 1000px"> <div dojotype="dijit.layout.contentpane" region="left" style="width: 300px"></div> <div dojotype="dijit.layout.contentpane" region="center"></div> </div> The above code basically creates a BorderContainer with two content panes. One which resides in left and the other one that resides in center Now we need to insert Tree and DataGrid in the left and center pane of the BorderContainer respectively. Both the widgets are databound widgets. We would use ItemFileReadStore and ItemFileWriteStore as local stores which fetch data from the server. To achieve this execute the following steps: 1- Copy the countries.json and population.json files to a data folder inside WebContent folder of the portlet project. 2- Insert ItemFileReadStore inside the widgetcontainer with the url attribute <div dojotype="dojo.data.itemfilereadstore" jsid="countriesstore_<portlet:namespace/>" url='<%=renderresponse.encodeurl( renderrequest.getcontextpath() + " datacountries.json" ); %>'> </div> 3- Insert dojo.require( dojo.data.itemfilereadstore ); inside a script tag. 4- Drag & Drop a dijit Tree widget from inside a Dojo Application Widgets drawer onto the portlet jsp inside the left content pane. 5- Set the store of the tree as the ItemFileReadStore declared above. <div dojotype="dijit.tree" id="tree_<portlet:namespace/>" store="countriesstore_<portlet:namespace/>" query="{type:'continent'}" labelattr="name" label="continents"></div> 6- Run the application on server. 7- The application should show a tree in the left pane of the border container. 8- Now Open the portlet jsp. 9- Insert ItemFileReadStore inside the widgetcontainer with the url attribute <divdojotype="dojo.data.itemfilereadstore"jsid="populationstore_<portlet:namespace/>" url='<%=renderresponse.encodeurl( renderrequest.getcontextpath() + "/data/ population.json" ); %>'></div> 10- Drag & drop the Dojo Data Gridwidget from the DojoX Widgets drawer (it might be present in Dojo Data Widgets drawer) onto the portlet jsp inside the center content pane Uncheck the Generate JavaScript to populate the grid.
10 12- Add the Heading labels and corresponding JavaScript properties as shown in the image below. Fig Press Finish. 14- The markup for the widget along with its dojo.require( dojox.grid.datagrid ) statement and required CSS files is inserted in the portlet jsp. 15- Now we would need to show the data inside grid on the selection of a row in the Tree. 16- To achieve this, insert the following code, inside the tree markup <script type="dojo/method" event="onclick" args="item"> portlethelper_<portlet:namespace/>.updategrid(item); </script> 17- To separate the concerns of designing the portlet and providing business logic for it, we should generally delegate the responsibility of writing all the business logic of this portlet jsp to the DojoPortletView.js. Which is what we have done in the code above, instead of providing the inline code, we have cleanly put that out to the DojoPortletView.js.
11 18- Now we would need to create a function inside the DojoPortletView.js with the name updategrid. Make sure to put comma, after every function declaration except the last one. 19- Write the logic inside the function: //update the grid on the selection of a node of tree updategrid : function(args){ //get the countriesstore object var countriesstore = this.portlet.getobject("countriesstore"); //get the name of the selected row in the tree var name = countriesstore.getvalue(args, "name"); //get the populationstore object var populationstore = this.portlet.getobject("populationstore"); //callback handler for fetch method. var gotitems = dojo.hitch(this,function(items, request){ var item = items[0];//since id is unique, only one row should return //get the name and population var name = populationstore.getvalue(item,"name"); var type = populationstore.getvalue(item,"type"); var population = populationstore.getvalue(item,"population"); var data = new dojo.data.itemfilewritestore( {data: {identifier:'name', items: []} } ); data.newitem({name:name, type:type, population: population}); }); var grid = this.portlet.bydijitid("datagrid"); grid.setstore(data); //fetch data from the population store depending upon the query. populationstore.fetch({query: {name: name}, oncomplete:gotitems}); } 20- Notice the usage of this.portlet.getobject and this.portlet.bydijitid functions used in it. We can directly access the namespaced JavaScript or Dijit objects inside this class, without need to worry about providing the namespaces attached to them. 21- Also notice the use of dojo.hitch. dojo.hitch(context, function(){}) function binds the function to a context, which is very useful for the time when your function is meant to run as a callback function. And you would almost always require it, if you write a code for the callback function in some non-global namespace. 22- Since we have used dojo.data.itemfilewritestore in our logic, we would need to add a dojo.require( dojo.data.itemfilewritestore ) in this JavaScript file prior to the class declaration. 23- Run the portlet application again on server. 24- You should see the working application. 25- Clicking on a node in tree instantaneously updates the data on the grid. Debugging the portlet application: Firebug plugin for Mozilla Firefox is an excellent plugin for JavaScript code debugging which can allow breakpoint setting, run-time value inspection etc. Since we are reusing the Dojo toolkit loaded by theme, we can t easily set breakpoints in our DojoPortletView.js where we have written our code.
12 Fig.9 To enable proper debugging or to set breakpoints we would either need to change the djconfig variable of the theme or we can directly replace the dojo.js and dijit.js with their uncompressed versions like dojo.js.uncompressed.js and dijit.js.uncompressed.js. dojo.js and dijit.js are generally loaded in the js.jsp file of the theme. If you are using WebSphere Portal 615, and running the default EnhancedPortalTheme, You can find js.jsp file at [server installion location]\wp_profile\installedapps\[nodename]\enhanced_theme.ear \wp.theme.enhancedtheme.war\themes\html\enhanced\js\js.jsp After this refresh your browser and you can easily set breakpoints in your DojoPortletView.js file.
13 Fig.10 Conclusion: The article demonstrates how we can easily leverage the UX capabilties provided by the Dojo toolkit to created Exceptional user experiences for a Portal environment. The article also demonstrates the tooling capabilities provided by RAD portal toolkit to speed up the application development while taking care of the best practices.
IBM Mobile Portal Accelerator Enablement
IBM Mobile Portal Accelerator Enablement Hands-on Lab Exercise on XDIME Portlet Development Prepared by Kiran J Rao IBM MPA Development kiran.rao@in.ibm.com Jaye Fitzgerald IBM MPA Development jaye@us.ibm.com
More informationXPages development practices: developing a common Tree View Cust...
1 of 11 2009-12-11 08:06 XPages development practices: developing a common Tree View Custom Controls Use XPages develop a common style of user control Dojo Level: Intermediate Zhan Yonghua, Software Engineer,
More informationOracle WebLogic Portal
Oracle WebLogic Portal Client-Side Developer s Guide 10g Release 3 (10.3) September 2008 Oracle WebLogic Portal Client-Side Developer s Guide, 10g Release 3 (10.3) Copyright 2008, Oracle and/or its affiliates.
More informationCreating Custom Dojo Widgets Using WTP
Creating Custom Dojo Widgets Using WTP Nick Sandonato IBM Rational Software WTP Source Editing Committer nsandona@us.ibm.com Copyright IBM Corp., 2009. All rights reserved; made available under the EPL
More informationApplication Integration with WebSphere Portal V7
Application Integration with WebSphere Portal V7 Rapid Portlet Development with WebSphere Portlet Factory IBM Innovation Center Dallas, TX 2010 IBM Corporation Objectives WebSphere Portal IBM Innovation
More information"Charting the Course... WebSphere Portal 8 Development using Rational Application Developer 8.5. Course Summary
Course Summary Description This course will introduce attendees to Portlet development using Rational Application Developer 8.5 as their development platform. It will cover JSR 286 development, iwidget
More informationDojo: An Accessible JavaScript Toolkit
Dojo: An Accessible JavaScript Toolkit Becky Gibson Web Accessibility Architect Agenda What is Dojo? Dojo Schedule and Plans Dojo Widgets Dojo Widget Accessibility Strategy ARIA Overview Demo Questions
More informationUsing the Dojo Toolkit with WebSphere Portal Adding sizzle to your portal application user interface
Using the Dojo Toolkit with WebSphere Portal Adding sizzle to your portal application user interface Karl Bishop (kfbishop@us.ibm.com), Senior Software Engineer, IBM Doug Phillips (dougep@us.ibm.com),
More informationGetting started with WebSphere Portlet Factory V7.0.0
Getting started with WebSphere Portlet Factory V7.0.0 WebSphere Portlet Factory Development Team 29 September 2010 Copyright International Business Machines Corporation 2010. All rights reserved. Abstract
More informationIntroduction to IBM Rational HATS For IBM System z (3270)
Introduction to IBM Rational HATS For IBM System z (3270) Introduction to IBM Rational HATS 1 Lab instructions This lab teaches you how to use IBM Rational HATS to create a Web application capable of transforming
More informationUsing Adobe Flex in JSR-286 Portlets
Using Adobe Flex in JSR-286 Portlets This article shall show you how the Adobe Flex SDK can be used in a Portal environment to enhance the user interface for a Portlet. It has also previously been possible
More informationThe 60-Minute Guide to Development Tools for IBM Lotus Domino, IBM WebSphere Portal, and IBM Workplace Applications
The 60-Minute Guide to Development Tools for IBM Lotus Domino, IBM WebSphere Portal, and IBM Workplace Stuart Duguid Portal & Workplace Specialist TechWorks, IBM Asia-Pacific Overview / Scope The aim of
More informationIntroduction to IBM Rational HATS For IBM System i (5250)
Introduction to IBM Rational HATS For IBM System i (5250) Introduction to IBM Rational HATS 1 Lab instructions This lab teaches you how to use IBM Rational HATS to create a Web application capable of transforming
More informationGetting started with WebSphere Portlet Factory V6.1
Getting started with WebSphere Portlet Factory V6.1 WebSphere Portlet Factory Development Team 29 July 2008 Copyright International Business Machines Corporation 2008. All rights reserved. Abstract Discover
More informationJquery Manually Set Checkbox Checked Or Not
Jquery Manually Set Checkbox Checked Or Not Working Second Time jquery code to set checkbox element to checked not working. Apr 09 I forced a loop to show checked state after the second menu item in the
More informationAdvanced Topics in WebSphere Portal Development Graham Harper Application Architect IBM Software Services for Collaboration
Advanced Topics in WebSphere Portal Development Graham Harper Application Architect IBM Software Services for Collaboration 2012 IBM Corporation Ideas behind this session Broaden the discussion when considering
More informationAjax DWR dojo In WebSphere Portal
Ajax DWR dojo In WebSphere Portal 1 / 24 Review History Version Date Author Change Description 1.0a 10-Feb-09 Imtiaz B Syed New Document 1.0 10-Feb-09 Chaitanya P Paidipalli Review 2 / 24 Introduction
More informationEnterprise Modernization for IBM System z:
Enterprise Modernization for IBM System z: Transform 3270 green screens to Web UI using Rational Host Access Transformation Services for Multiplatforms Extend a host application to the Web using System
More informationJavaServer Faces Technology, AJAX, and Portlets: It s Easy if You Know How!
TS-6824 JavaServer Faces Technology, AJAX, and Portlets: It s Easy if You Know How! Brendan Murray Software Architect IBM http://www.ibm.com 2007 JavaOne SM Conference Session TS-6824 Goal Why am I here?
More informationBuilding JavaServer Faces Applications
IBM Software Group St. Louis Java User Group Tim Saunders ITS Rational Software tim.saunders@us.ibm.com 2005 IBM Corporation Agenda JSF Vision JSF Overview IBM Rational Application Developer v6.0 Build
More informationGetting started with WebSphere Portlet Factory V6
Getting started with WebSphere Portlet Factory V6 WebSphere Portlet Factory Development Team 03 Jan 07 Copyright International Business Machines Corporation 2007. All rights reserved. Abstract Discover
More informationIBM C IBM WebSphere Portal 8.0 Solution Development. Download Full version :
IBM C9520-911 IBM WebSphere Portal 8.0 Solution Development Download Full version : http://killexams.com/pass4sure/exam-detail/c9520-911 QUESTION: 59 Bill is developing a mail portlet. One of the requirements
More informationA Closer Look at XPages in IBM Lotus Domino Designer 8.5 Ray Chan Advisory I/T Specialist Lotus, IBM Software Group
A Closer Look at XPages in IBM Lotus Domino Designer 8.5 Ray Chan Advisory I/T Specialist Lotus, IBM Software Group 2008 IBM Corporation Agenda XPage overview From palette to properties: Controls, Ajax
More informationAD406: What s New in Digital Experience Development with IBM Web Experience Factory
AD406: What s New in Digital Experience Development with IBM Web Experience Factory Jonathan Booth, Senior Architect, Digital Experience Tooling, IBM Adam Ginsburg, Product Manager, Digital Experience
More informationDeveloping Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory
Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory IBM Corporation 2011 Who am I? 2 Agenda Mobile web applications and Web Experience Factory Tour of Web Experience
More informationIBM Realtests LOT-911 Exam Questions & Answers
IBM Realtests LOT-911 Exam Questions & Answers Number: LOT-911 Passing Score: 800 Time Limit: 120 min File Version: 35.4 http://www.gratisexam.com/ IBM LOT-911 Exam Questions & Answers Exam Name: IBM WebSphere
More informationLotus Exam IBM Websphere Portal 6.1 Application Development Version: 5.0 [ Total Questions: 150 ]
s@lm@n Lotus Exam 190-959 IBM Websphere Portal 6.1 Application Development Version: 5.0 [ Total Questions: 150 ] Topic 0, A A Question No : 1 - (Topic 0) A large motorcycle manufacturer has an internet
More informationActual4Test. Actual4test - actual test exam dumps-pass for IT exams
Actual4Test http://www.actual4test.com Actual4test - actual test exam dumps-pass for IT exams Exam : C9520-927 Title : Developing Portlets and Web Applications with IBM Web Experience Factory 8.0 Vendors
More informationVisual Web Next Design Concepts. Winston Prakash Feb 12, 2008
Visual Web Next Design Concepts Winston Prakash Feb 12, 2008 Some Notations Used Page - A web page being designed such as HTML, JSP, JSF, PHP etc. Page definition Language (PDL) - Language that used to
More informationDreamweaver MX The Basics
Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia
More informationeclipse rich ajax platform (rap)
eclipse rich ajax platform (rap) winner Jochen Krause CEO Innoopract Member of the Board of Directors Eclipse Foundation jkrause@innoopract.com GmbH outline rich ajax platform project status and background
More information0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann. presented by
0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann presented by Key Features Browser support Package/build system Easy widget building Declarative widget creation Rich built-in widget set Comprehensive
More informationDojo Meets XPages in IBM Lotus Domino 8.5. Steve Leland PouchaPond Software
Dojo Meets XPages in IBM Lotus Domino 8.5 Steve Leland PouchaPond Software Agenda What is Dojo? We (XPages) use it. Setup for Dojomino development. You can use Dojo too! Demo Q&A What is Dojo? Open source
More informationComposer Guide for JavaScript Development
IBM Initiate Master Data Service Version 10 Release 0 Composer Guide for JavaScript Development GI13-2630-00 IBM Initiate Master Data Service Version 10 Release 0 Composer Guide for JavaScript Development
More informationHelpline No WhatsApp No.:
TRAINING BASKET QUALIFY FOR TOMORROW Helpline No. 9015887887 WhatsApp No.: 9899080002 Regd. Off. Plot No. A-40, Unit 301/302, Tower A, 3rd Floor I-Thum Tower Near Corenthum Tower, Sector-62, Noida - 201309
More informationIBM Forms V8.0 Custom Themes IBM Corporation
IBM Forms V8.0 Custom Themes Agenda 2 Overview Class Names How to Use Best Practice Styling Form Items Test Custom CSS Sample Overview 3 To create custom theme you must be familiar with the basic concept
More informationUnified Task List Developer Pack
Unified Task List Developer Pack About the Developer Pack The developer pack is provided to allow customization of the UTL set of portlets and deliver an easy mechanism of developing task processing portlets
More informationCreating your first JavaServer Faces Web application
Chapter 1 Creating your first JavaServer Faces Web application Chapter Contents Introducing Web applications and JavaServer Faces Installing Rational Application Developer Setting up a Web project Creating
More informationJavaScript Programming
JavaScript Programming Course ISI-1337B - 5 Days - Instructor-led, Hands on Introduction Today, JavaScript is used in almost 90% of all websites, including the most heavilytrafficked sites like Google,
More informationjmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc.
jmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com Agenda What is and Why jmaki? jmaki widgets Using jmaki widget - List widget What makes up
More informationA Model-Controller Interface for Struts-Based Web Applications
A Model-Controller Interface for Struts-Based Web Applications A Writing Project Presented to The Faculty of the Department of Computer Science San José State University In Partial Fulfillment of the Requirements
More informationTelerik Test Studio. Web/Desktop Testing. Software Quality Assurance Telerik Software Academy
Telerik Test Studio Web/Desktop Testing Software Quality Assurance Telerik Software Academy http://academy.telerik.com The Lectors Iliyan Panchev Senior QA Engineer@ DevCloud Testing & Test Studio Quality
More informationLab 1: Getting Started with IBM Worklight Lab Exercise
Lab 1: Getting Started with IBM Worklight Lab Exercise Table of Contents 1. Getting Started with IBM Worklight... 3 1.1 Start Worklight Studio... 5 1.1.1 Start Worklight Studio... 6 1.2 Create new MyMemories
More informationNetBeans 6.5.1, GlassFish v 2.1, Web Space Server 10 Patient Lookup Portlet with a Google Map, Route and Directions
NetBeans 6.5.1, GlassFish v 2.1, Web Space Server 10 Patient Lookup Portlet with a Google Map, Route and Directions Michael.Czapski@sun.com July 2009 Table of Contents Abstract...1 Introduction...1 Prerequisites...4
More informationCreating a Model-based Builder
Creating a Model-based Builder This presentation provides an example of how to create a Model-based builder in WebSphere Portlet Factory. This presentation will provide step by step instructions in the
More informationPackaging for Websphere Development Studio was changed with V6R1.
Packaging for Websphere Development Studio was changed with V6R1. Websphere Development Studio was divided into three features: ILE Compilers Heritage Compilers (OPM) ADTS Websphere Development Studio
More information2010 Exceptional Web Experience
2010 Exceptional Web Experience Session Code: TECH-D07 Session Title: What's New In IBM WebSphere Portlet Factory Jonathan Booth, Senior Architect, WebSphere Portlet Factory, IBM Chicago, Illinois 2010
More informationCourse Details. Skills Gained. Who Can Benefit. Prerequisites. View Online URL:
Specialized - Mastering jquery Code: Lengt h: URL: TT4665 4 days View Online Mastering jquery provides an introduction to and experience working with the JavaScript programming language in the environment
More informationDECOUPLING PATTERNS, SERVICES AND CREATING AN ENTERPRISE LEVEL EDITORIAL EXPERIENCE
DECOUPLING PATTERNS, SERVICES AND CREATING AN ENTERPRISE LEVEL EDITORIAL EXPERIENCE Who we are and Why we are here? Saurabh Chugh Started Drupal journey in 2010 with Drupal 6, long journey with Drupal
More informationPaul Withers Intec Systems Ltd By Kind Permission of Matt White and Tim Clark
XPages Blast Paul Withers Intec Systems Ltd By Kind Permission of Matt White and Tim Clark Lead Developer at Matt White Creators of IdeaJam and IQJam Creator of XPages101.net Founder member of the LDC
More informationProvisioning WPF based WP Composite Applications to Expeditor
Provisioning WPF based WP Composite Applications to Expeditor Copyright International Business Machines Corporation 2007. All rights reserved. Sample walk through #2 in a series of articles describing
More informationDeveloping Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0
Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0 WebSphere Portlet Factory Development Team 6 September 2010 Copyright International Business Machines Corporation 2010.
More informationWhat's Coming in IBM WebSphere Portlet Factory 7.0
What's Coming in IBM WebSphere Portlet Factory 7.0 IBM Corporation Legal Disclaimer The information on the new product is intended to outline our general product direction and it should not be relied on
More informationWeb-based IDE for Interfacing View Controller
CS Web-based IDE for Interfacing View Controller Presenter: Tejasvi Palvai CS 298 Advisor- Dr. Chris Pollett Committee Members- Dr. Mark Stamp Dr. Robert Chun Outline Purpose Why Web-based IDE? Tools Features
More informationPASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year
PASS4TEST IT Certification Guaranteed, The Easy Way! \ http://www.pass4test.com We offer free update service for one year Exam : C2040-915 Title : IBM WebSphere Portal 7.0 Solution Development Vendors
More informationAD105 Introduction to Application Development for the IBM Workplace Managed Client
AD105 Introduction to Application Development for the IBM Workplace Managed Client Rama Annavajhala, IBM Workplace Software, IBM Software Group Sesha Baratham, IBM Workplace Software, IBM Software Group
More informationDESIGN AND IMPLEMENTATION OF SAGE DISPLAY CONTROLLER PROJECT
DESIGN AND IMPLEMENTATION OF SAGE DISPLAY CONTROLLER BY Javid M. Alimohideen Meerasa M.S., University of Illinois at Chicago, 2003 PROJECT Submitted as partial fulfillment of the requirements for the degree
More informationWhat's New in ActiveVOS 7.1 Includes ActiveVOS 7.1.1
What's New in ActiveVOS 7.1 Includes ActiveVOS 7.1.1 2010 Active Endpoints Inc. ActiveVOS is a trademark of Active Endpoints, Inc. All other company and product names are the property of their respective
More informationPortlet Application Development Webinar exercise using JSF and JPA with Rational Application Developer
Portlet Application Development Webinar exercise using JSF and JPA with Rational Application Developer This exercise demonstrates how to create an end-to-end Java Persistence API (JPA) enabled Java Server
More informationIndex LICENSED PRODUCT NOT FOR RESALE
Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using
More informationProsphero Intranet Sample Websphere Portal / Lotus Web Content Management 6.1.5
www.ibm.com.au Prosphero Intranet Sample Websphere Portal / Lotus Web Content Management 6.1.5 User Guide 7th October 2010 Authors: Mark Hampton & Melissa Howarth Introduction This document is a user guide
More informationXAP: extensible Ajax Platform
XAP: extensible Ajax Platform Hermod Opstvedt Chief Architect DnB NOR ITUD Hermod Opstvedt: XAP: extensible Ajax Platform Slide 1 It s an Ajax jungle out there: XAML Dojo Kabuki Rico Direct Web Remoting
More informationThe course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.
Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led
More informationTivoli Common Reporting V Cognos report in a Tivoli Integrated Portal dashboard
Tivoli Common Reporting V2.1.1 Cognos report in a Tivoli Integrated Portal dashboard Preethi C Mohan IBM India Ltd. India Software Labs, Bangalore +91 80 40255077 preethi.mohan@in.ibm.com Copyright IBM
More informationWA2089 WebSphere Portal 8.0 Programming EVALUATION ONLY
WA2089 WebSphere Portal 8.0 Programming Web Age Solutions Inc. USA: 1-877-517-6540 Canada: 1-866-206-4644 Web: http://www.webagesolutions.com The following terms are trademarks of other companies: Java
More informationIntroduction to Web Application Development Using JEE, Frameworks, Web Services and AJAX
Introduction to Web Application Development Using JEE, Frameworks, Web Services and AJAX Duration: 5 Days US Price: $2795 UK Price: 1,995 *Prices are subject to VAT CA Price: CDN$3,275 *Prices are subject
More informationBEAWebLogic. Portal. Tutorials Getting Started with WebLogic Portal
BEAWebLogic Portal Tutorials Getting Started with WebLogic Portal Version 10.2 February 2008 Contents 1. Introduction Introduction............................................................ 1-1 2. Setting
More informationOracle Developer Day
Oracle Developer Day Sponsored by: J2EE Track: Session #3 Developing JavaServer Faces Applications Name Title Agenda Introduction to JavaServer Faces What is JavaServer Faces Goals Architecture Request
More informationCreate-A-Page Design Documentation
Create-A-Page Design Documentation Group 9 C r e a t e - A - P a g e This document contains a description of all development tools utilized by Create-A-Page, as well as sequence diagrams, the entity-relationship
More informationChapter 20: Basic Application Design with Dojo and ArcGIS Templates
Chapter 20: Basic Application Design with Dojo and ArcGIS Templates One of the most difficult tasks for many web developers building GIS applications is designing and creating the user interface. The ArcGIS
More informationIBM Rational Application Developer for WebSphere Software, Version 7.0
Visual application development for J2EE, Web, Web services and portal applications IBM Rational Application Developer for WebSphere Software, Version 7.0 Enables installation of only the features you need
More informationUI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML
UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective
More informationWebSphere Portal Application Development Best Practices using Rational Application Developer IBM Corporation
WebSphere Portal Application Development Best Practices using Rational Application Developer 2009 IBM Corporation Agenda 2 RAD Best Practices Deployment Best Practices WSRP Best Practices Portlet Coding
More informationTutorial. Building Composite Applications for IBM Lotus Notes 8. For use with the IBM Lotus Notes 8 Beta 2 client
Tutorial Building Composite Applications for IBM Lotus Notes 8 For use with the IBM Lotus Notes 8 Beta 2 client Building composite applications is a process that involves multiple procedures. This tutorial
More informationCreating a HATS v7.1 Portlet Using Web Express Logon (WEL) and Portal Credential Vault
Creating a HATS v7.1 Portlet Using Web Express Logon (WEL) and Portal Credential Vault Lab instructions The objective of this exercise is to illustrate how to create a HATS portlet that uses Web Express
More informationPortail : WebSphere Portlet Factory RIA et Web 2.0 autour de WebSphere Portal
LOT02P5 Portail : WebSphere Portlet Factory RIA et Web 2.0 autour de WebSphere Portal Arjen Moermans arjen.moermans@nl.ibm.com IT Specialist Lotus Techworks SWIOT 2009 IBM Corporation Legal Disclaimer
More informationCreating Dashboard. Version: 7.3
Creating Dashboard Version: 7.3 Copyright 2015 Intellicus Technologies This document and its content is copyrighted material of Intellicus Technologies. The content may not be copied or derived from, through
More informationAdvanced JavaScript. Gary Sheppard & James Tedrick
Advanced JavaScript Gary Sheppard & James Tedrick HTML 5 Working with jquery Modules, Dijits & AMD Cross-Domain Video Playback Canvas (2D graphics) Geolocation API Web Storage Drag & Drop Web Workers ApplicationCache
More informationSample CS 142 Midterm Examination
Sample CS 142 Midterm Examination Spring Quarter 2016 You have 1.5 hours (90 minutes) for this examination; the number of points for each question indicates roughly how many minutes you should spend on
More informationThis course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.
HTML5/CSS3/JavaScript Programming Course Summary Description This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5, Cascading Style Sheets
More informationADF Code Corner How-to bind custom declarative components to ADF. Abstract: twitter.com/adfcodecorner
ADF Code Corner 005. How-to bind custom declarative components to ADF Abstract: Declarative components are reusable UI components that are declarative composites of existing ADF Faces Rich Client components.
More informationChapter 9. Web Applications The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill
Chapter 9 Web Applications McGraw-Hill 2010 The McGraw-Hill Companies, Inc. All rights reserved. Chapter Objectives - 1 Explain the functions of the server and the client in Web programming Create a Web
More informationv0.9.3 Tim Neil Director, Application Platform & Tools Product
v0.9.3 Tim Neil Director, Application Platform & Tools Product Management @brcewane Framework Goals Incubation project to experiment with HTML5 UI Contribute learning's to jquerymobile, Sencha, Dojo Provides
More informationManipulating Database Objects
Manipulating Database Objects Purpose This tutorial shows you how to manipulate database objects using Oracle Application Express. Time to Complete Approximately 30 minutes. Topics This tutorial covers
More informationPresentation Component Reference
Sitecore CMS 6.1 Presentation Component Reference Rev. 090630 Sitecore CMS 6.1 Presentation Component Reference A Conceptual Overview for CMS Administrators, Architects, and Developers Table of Contents
More informationNetBeans 6.5.1, GlassFish v 2.1, Web Space Server 10 Creating a Healthcare Facility JSR286-compliant Portlet
NetBeans 6.5.1, GlassFish v 2.1, Web Space Server 10 Creating a Healthcare Facility JSR286-compliant Portlet Michael.Czapski@sun.com June 2009 Abstract SOA is sometimes shown as a series of 4 layers with
More informationCustomizing the Blackboard Learn UI & Tag Libraries. George Kroner, Developer Relations Engineer
Customizing the Blackboard Learn UI & Tag Libraries George Kroner, Developer Relations Engineer Agenda Product capabilities Capabilities in more depth Building Blocks revisited (tag libraries) Tag libraries
More informationDB2 Stored Procedure and UDF Support in Rational Application Developer V6.01
Session F08 DB2 Stored Procedure and UDF Support in Rational Application Developer V6.01 Marichu Scanlon marichu@us.ibm.com Wed, May 10, 2006 08:30 a.m. 09:40 a.m. Platform: Cross Platform Audience: -DBAs
More informationDeveloping Web Views for VMware vcenter Orchestrator. vrealize Orchestrator 5.5
Developing Web Views for VMware vcenter Orchestrator vrealize Orchestrator 5.5 You can find the most up-to-date technical documentation on the VMware website at: https://docs.vmware.com/ If you have comments
More informationdojo.walkthrough Wolfram Kriesing March 6, 2008 Mayflower thursday - Würzburg
dojo.walkthrough Wolfram Kriesing March 6, 2008 Mayflower thursday - Würzburg dojo.basics namespaced (dojo.lang, dojo.fx, dijit.form) dojo, dijit, dojox, yournamespace package system build system (incl.
More informationDashboards. Overview. Overview, page 1 Dashboard Actions, page 2 Add Widgets to Dashboard, page 4 Run a Report from the Dashboard, page 6
Overview, page 1 Dashboard Actions, page 2 Add Widgets to Dashboard, page 4 Run a Report from the Dashboard, page 6 Overview In Cisco Unified Intelligence Center, Dashboard is an interface that allows
More informationWHAT S NEW IN ZEND FRAMEWORK 1.6?
WHAT S NEW IN ZEND FRAMEWORK 1.6? By Wil Sinclair, Development Manager Matthew Weier O Phinney, Software Architect Alexander Veremyev, Software Engineer Ralph Schindler, Software Engineer Copyright 2007,
More informationJMP305: JumpStart Your Multi-Channel Digital Experience Development with Web Experience Factory IBM Corporation
JMP305: JumpStart Your Multi-Channel Digital Experience Development with Web Experience Factory 2014 IBM Corporation Agenda Multi-channel applications and web sites Rapid development with the model-based
More informationdotnettips.com 2009 David McCarter 1
David McCarter About David McCarter Microsoft MVP David McCarter s.net Coding Standards http://codingstandards.notlong.com/ dotnettips.com 700+ Tips, Tricks, Articles, Links! Open Source Projects: http://codeplex.com/dotnettips
More informationEtanova Enterprise Solutions
Etanova Enterprise Solutions Front End Development» 2018-09-23 http://www.etanova.com/technologies/front-end-development Contents HTML 5... 6 Rich Internet Applications... 6 Web Browser Hardware Acceleration...
More informationDashboards. created by others because they have given you permission to view.
The Unified Intelligence Center interface is organized by dashboards. are web pages that display reports, scheduled reports, sticky notes, and web-based elements, such as URLs and web widgets, that are
More informationWhat's New in the Servlet and JavaServer Pages Technologies?
What's New in the Servlet and JavaServer Pages Technologies? Noel J. Bergman DevTech Noel J. Bergman What s New in the Servlet and JavaServer Pages Technologies? Page 1 Session Overview What are all the
More informationContent. 1. Introduction. 2. IBM Social Business Toolkit - Social SDK. 3. Social Builder. 4. Sample WEF Portlet application. 5.
Content 1. Introduction 2. IBM Social Business Toolkit - Social SDK 3. Social Builder 4. Sample WEF Portlet application 5. Future 6. Important Resources 7. Authors Introduction Developing social applications
More information<Insert Picture Here> Accelerated Java EE Development: The Oracle Way
1 1 Accelerated Java EE Development: The Oracle Way Dana Singleterry Principal Product Manager Oracle JDeveloper and Oracle ADF http://blogs.oracle.com/dana Warning demo contains
More informationIBM Web Content Manager, programmatically using content as a service.
Introduction 1 IBM Web Content Manager, programmatically using content as a service. Table of Contents Table of Contents... 1 Introduction... 1 Prerequisites... 3 IBM Web Content Manager... 3 IBM Script
More information