customizing information center user interface

Do Not Distribute Page 1 12/16/2009

InQuira, Inc. Confidential version 8.1.2.3 DDMMMYY

Customizing the InfoCenter UI


Introductions

Name

Company

Job Responsibilities

Industry Experience

InQuira Experience

Goals and Expectations


Objectives

Review JSP technology

Provide an overview of InfoCenter web application

Review sitemap pages and templating with tag library

Discuss components and how content is accessed

Discuss form handling and the use of custom JSP pages

Apply techniques during workshop session


Agenda

Day 1 JSP Technology Overview of InfoCenter Development Page Layout Page Components Custom Pages Custom Forms

Day 2 Workshop



Unit 1JSP Technology


InfoCenter Described

Information Center (InfoCenter) is a web applicationimplemented with JavaServer Page technology that comes OOB with Information Manager.

Once deployed, InfoCenter can act as a user interfaceto the documents created with Information Manager.

InfoCenter can also be integrated with InQuira'sIntelligent Search, creating a single point of contact for both content delivery and enterprise search.


Overview of JSP Technology

Enables rapid development of Web-based applications

Separates user interface from content generation

Uses XML-like tags that encapsulate the logic that generates page content

Is an extension of the Java Servlet technology

JavaServer Pages (JSP) technology enables developers to build and maintain dynamic

web pages. JSP technology enables rapid development of Web-based applications that are

platform independent. JSP technology separates the user interface from content

generation, enabling designers to change the overall page layout without altering the

underlying dynamic content.

JSP technology uses XML-like tags that encapsulate the logic generating the content for

the page. Any and all formatting (HTML or XML) tags are passed directly back to the

response page. JSP separates the page logic from its design and display and supports a

reusable component-based design.

JavaServer Pages technology is an extension of the Java Servlet technology. Servlets are


platform-independent, server-side modules that are used to extend the capabilities of a

Web server. Unlike other scripting languages, servlets involve no platform-specific

consideration or modifications; they are application components that are downloaded, on

demand, to the part of the system that needs them. JSP technology and servlets provide

platform independence, enhanced performance, separation of logic from display, ease of

administration, and most importantly, ease of use.


JSP Life-cycle

Source: http://www.onjava.com/pub/a/onjava/excerpt/jsp2_3/index2.html

A JSP page is first converted into a Servlet and then that Servlet gets compiled and

executed. The translation of a JSP page into the corresponding Servlet is done by the JSP

Engine of the underlying Web Container.

The entire life cycle of a typical JSP page can be summarized as the following phases:-

Translation - In the Translation phase, the JSP page is translated into the corresponding

Servlet. This translated Servlet is different from a normal Servlet only in the sense that it

implements the interface javax.servlet.jsp.HttpJspPage. This HttpJspPage is just a

wrapper of the Servlet interface as HttpJspPage interface extends the JspPage interafce

and the JspPage interface extends the javax.servlet.Servlet interface. Tthe translated

Servlet also internally implements the javax.servlet.Servlet interface (otherwise we would


not have called it a servlet). In addition it implements few more interfaces to support the

JSP technology.

Compilation - Once the JSP page has been translated into the corresponding Servlet, the

next obvious step is to compile that Servlet.

Loading & Instantiation - As with any compiled class (.class file), the servlet class also

needs to be loaded into memory before being used. The default classloader of the Web

Conatiner will loads this class. Once the class is loaded, an instance of this class gets

created. The JspPage interaface contains the jspInit() method, which is used by the JSP

Engine to initialize the newly created instance. This jspInit() method is just like the init()

method of the Servlet and it's called only once during the entire life cycle of a

JSP/Servlet.

Servicing Requests - _jspService() is the method which is called every time the JSP is

requested to serve a request. This method normally executes in a separate thread of

execution (provided we have selected Single Thread Model for the JSP) and the main JSP

thread keeps waiting for other incoming requests. Every time a request arrives, the main

JSP thread spawns a new thread and passes the request (incoming request) and response

(new) objects to the _jspService() method which gets executed in the newly spawned

thread.

Unloading - jspDestroy() method is called (almost always by the Web Container) before

the Web Container unloads the JSP instance. We normally keep code responsible for

resource-reclaimation or clean-up activities in this method. After the execution of the

jspDestroy() method, the JSP instance is marked for the garbage collection and the

occupied memory is eventually reclaimed.


Custom Tag Libraries in JSP

Java programmer writes code providing data access and other services

JSP author doesn't have to understand underlying logic to use action

Tag library is a collection of custom actions presented as tags.

Custom tags can

be customized via attributes passed from the calling page, either staticly or determined at runtime;

have access to all the objects available to JSP pages including request, response, in and out;

modify the response generated by the calling page; communicate with each other; you can create and initialize a JavaBeans

component, create a variable that refers to that bean in one tag, and then use the

bean in another tag;

be nested within one another, allowing for complex interactions within a JSP page; and


encapsulate both simple and complex behaviors in an easy to use syntax and greatly simplify the readability of JSP pages.


JSP Elements

Directive

Scripting

Action

Directive elements

The directive elements specify information about the page itself that remains the same

between requests--for example, if session tracking is required or not, buffering

requirements, and the name of a page that should be used to report errors, if any.

Element Description

Defines page-dependent attributes, such as session tracking, error page, and buffering

requirements

Includes a file during the translation phase

Declares a tag library, containing custom actions, that is used in the page

Scripting Elements

Scripting elements allow you to add small pieces of code (typically Java code) in a JSP

page, such as an if statement to generate different HTML depending on a certain

condition. Like actions, they are also executed when the page is requested. You should


use scripting elements with extreme care: if you embed too much code in your JSP pages,

you will end up with the same kind of maintenance problems as with servlets embedding

HTML.

Element Description

Scriptlet, used to embed scripting code.

Expression, used to embed scripting code expressions when the result shall be added to

the response. Also used as request-time action attribute values.

Declaration, used to declare instance variables and methods in the JSP page

implementation class.

Action elements

Action elements typically perform some action based on information that is required at

the exact time the JSP page is requested by a browser. An action can, for instance, access

parameters sent with the request to do a database lookup. It can also dynamically

generate HTML, such as a table filled with information retrieved from an external

system. In addition to the standard actions, the JSP specification includes a Java API a

programmer can use to develop custom actions to extend the JSP language. The JSP

Standard Tag Library (JSTL) is such an extension, with the special status of being

defined by a formal specification from Sun and typically bundled with the JSP container.

JSTL contains action elements for processes needed in most JSP applications, such as

conditional processing, database access, internationalization, and more.


Sample JSP Page

Your Standard Hello World Demo


JSP Development with Eclipse IDE

Integrated Development Environment for Java language*

Provides JSP coding and runtime environment for dynamic web projects

Automated publication of JSP pages

Code completion for custom actions

Open source software with large developer community!


Activity

Setup InfoCenter dynamic web project in Eclipse


Setting up a development environment with Eclipse IDE Stop InQuira IM service

1. Go to the indexers ICE prompt and at the console type in the following: inquiraim stop

Launch Eclipse and open the Workbench

2. Open Eclipse IDE at Start//eclipse. 3. Use the default workspace at C:\Documents and Settings\training\workspace

and click OK. 4. After Eclipse launches, click on the icon on the middle-right of the Welcome

screen. It looks like a curled arrow, pointing downwards. This will launch the Workbench.

Create a new Dynamic Web Project

5. Right click in the Project Explorer tab on the left hand side of the screen and select NewDynamic Web Project

a. For the Project name, enter InfoCenter.

b. For the Project content directory, leave the check box next to Use default

selected. The default directory should be C:\Documents and Settings\training\workspace\InfoCenter.

c. For the Target Runtime, click the New button.

d. For New Server Runtime Environment, choose Apache Tomcat v5.5,

check the box to create a new local server, and then click Next. e. For the Tomcat Server, the Tomcat installation directory, browse to

C:\InQuira_8.1.2.5\instances\InQuiraBank\appserverim.

i. For the JRE, click on the Installed JREs button.

ii. Click the Add button and choose Standard VM from the list, then click Next.

iii. For the JRE Definition window, the JRE Home, click on the

Directory button and browse to C:\InQuira_8.1.2.5\jre, then click Finish.

iv. Back at the Installed JREs window, check the JRE you just added

to the list and click OK.


f. Back at the Tomcat Server window, select InQuira_8.1.2.5 from the JRE dropdown list, then click Finish.

6. Back at the Dynamic Web Project window, click Next.

7. For the Context Root, leave the default. It should be InfoCenter. Click Finish.

Copy the content of your InfoCenter webapp into the WebContent directory of your Eclipse project 8. Open Windows Explorer and go to the following directory:

C:\InQuira_8.1.2.5\instances\InQuiraBank\appserverim \webapps\InQuiraBank

a. Select the contents of this directory and drag it into the WebContent

directory within the Project Explorer of Eclipse. b. When prompted, click Yes to overwrite the WEB-INF directory.

Add external libraries to the Java Build Path 9. Right click on the InfoCenter project in Project Explorer and select Properties. 10. From the Properties window, select Java Build Path on the left hand side.

a. Select the Libraries tab.

i. Click on the Add Library button.

1. From the list, select User Library and click Next. 2. Click on the User Libraries button and then click on the

New button.

3. For the name of the library, enter TLD Library, then click OK.

ii. Select the library use just added, and click on the Add JARs

button.

1. Navigate to the following directory: C:\InQuira_8.1.2.5\instances\InQuiraBank\appserverim \webapps\InQuiraBank\WEB-INF\tlds

2. In the File name text field, enter *.* and hit Enter. Two tlds

should display.

3. Select both tld files and click Open.


iii. Back at the User Library window, click OK, then Finish.

iv. Back at the Java Build Path window, click on Add External JARs.

1. Navigate to the following directory:

C:\InQuira_8.1.2.5\inquira\lib. 2. You will see 3 folders in this directory. For each folder

here, you want to add all the jar files you find within those folders. You will not be able to add the folders themselves, so you will need to click on the Add External JARs button several times and add all the jar files manually. Some of these folders have sub folders. Youll need to add the jar files you find there as well.

b. Back at the Java Build Path, click OK.

Set JVM arguments for the Tomcat server 11. Double click on the server name in the Server tab. The Server tab is located in

the lower portion of the Workbench window.

a. In the General Information area, expand the Timeouts section and change the startup to 120 seconds.

b. Select the link called Open launch configuration. c. Click on the Arguments tab.

i. In the VM arguments text area, go to the end of the text and

append the following text to the end (lines breaks are not necessary):

-DJAVA_HOME=C:\InQuira_8.1.2.5\jre -DIM_HOME=C:\InQuira_8.1.2.5\InfoManager -Xmx1024M

ii. After youve added the arguments, click Apply, then OK.

d. Close the Server configuration tabbed window (it reads Tomcat v5.5

Server at localhost) by clicking on the X and when prompted save the configuration.


Add the InfoCenter project to the Tomcat server 12. Go to the Project Explorer, grab the InfoCenter project, and drag it onto the

server within the Servers tab, which is in the lower portion of the Workbench. Run the InfoCenter project with the Tomcat server 13. In the Server view, right click the Tomcat server and select Start. 14. Once the Tomcat server is started, you will see the Status column in the

Servers tab report Started.

15. Open a browser and go to the following url: http://localhost:8226/InfoCenter. 16. If everything is working, you should see the default InfoCenter page.

Turn on line numbering 17. On the menu bar, select Window then Preferences. 18. Expand General, then expand Editors, and then select Text Editors. 19. Check the Show line numbers box and then click OK.


Add log4j debugging

1. Open Windows Explorer and go to the following directory: a. C:\InQuira_8.1.2.5\InfoManager\config\INQUIRABANK

2. Create the following text file in this directory (make sure to remove the .txt file extension): a. log4j.properties

3. Open log4j.properties in TextPad and add the following single line of text: a. log4j.logger.com.inquira=DEBUG,EVENTLOGGER

4. Save log4j.properties



Unit 2Overview of InfoCenter Web Application


Objectives

Application structure

Original JSP pages

Sitemap

/custom directory

Configuration.get_var_ForKey()

get.localized.text

custom.css


InfoCenter


Application Structure

Original JSP pages /apps/infocenter/system/*

Custom JSP pages /apps/infocenter/custom/*

Resources /apps/infocenter/resources/*

Properties and localization /WEB-INF/*


Original JSP Pages

/components/* Page components c_XXX.jsp Page interfaces i_XXX.jsp Scriptlets m_XXX.jsp

/methods/*

/pages/* Sitemap pages p_XXX.jsp

/templates/* Page templates t_XXX.jsp


Sitemap

The Sitemap displays where the page being requested is located in the application. Pages

are added to the sitemap list through a tag library call:


/custom/* directory

Same top-level directory structure as /system/

Customized JSP pages copied to this location

Update /WEB-INF/infocenter.properties to refer to path


Configuration.get_var_ForKey() infocenter.properties

[ACTIVITY]

Open infocenter.properties in /WEB-INF. Use Ctrl + F and find the string homeBody.

To what path is the variable pointing?


get.localized.text ApplicationResources.properties

function toggleLocaleSelect(){

var localeSelDiv = document.getElementById('locale_selection_div');

if (localeSelDiv.style.display == 'none') {

localeSelDiv.style.display = 'block';

} else {

localeSelDiv.style.display = 'none';

}

}


custom.css

Language that defines layout of HTML documents

Overrides selectors in default CSS files infocenter.css

Map cssCustom variable to path in infocenter.properties


Activity

Change logo

Change alternating row colors for lists


Change header logo on InfoCenter home page 1. Get a logo image from a website and save it to your Desktop. 2. Add the image to the following directory in the Project Explorer:

a. InfoCenter>WebContent>apps>infocenter>resources>images 3. Open infocenter.css from the following directory in the Project Explorer:

a. InfoCenter>WebContent>apps>infocenter>resources>css 4. Create a custom.css file in the same directory. 5. In infocenter.css, find (Ctrl and F) the .header class. 6. Copy the entire class and paste it into custom.css 7. Edit the background attribute of the .header class to read the following:

a. #527DBD url(../images/[image_file]) no-repeat top left; 8. Save custom.css (Ctrl and S). 9. Go to InfoCenter>WebContent>WEB-INF in the Project Explorer and open

infocenter.properties. 10. Find the cssCustom variable and enter the following after the equals (=) sign:

a. apps/infocenter/resources/css/custom.css 11. Save infocenter.properties. 12. Start the Tomcat server in Eclipse if it is not already started. 13. Open a browser and go to the following url:

a. http://localhost:8226/InfoCenter


Change alternating row colors for .im-table CSS class 1. Open forums.css. 2. Find the class .im-table .im-odd. 3. Copy the class. 4. Open custom.css. 5. Paste the class. 6. Change the background-color attribute to #feedfe. 7. Save custom.css 8. Open a browser and go to the following url:




Unit 3Sitemap Pages and Templates


Objectives

Sitemap Pages

How Templates Work

template.get

template.definition

template.put


Creates sitemap entry used to specify security and login requirements for a page

Provides: mechanism to protect underlying structure of site concise URL for bookmarking

Required only for JSP pages that are not components of other pages


Sitemap Pages

/content/* /contribute/* /dataforms/* /forums/* /home/* /linkcase/* /mailpage/* /recommend/* /rss/* /searchresults/* /user/*


How Templates Work

p_XXX.jsp t_XXX.jsp c_XXX.jsp

1

2

3

[ACTIVITY]

Open p_home.jsp Using infocenter.properties, identify the file that masterTemplate resolves to.


template.get

Gets a template definition entry for content

Format


template.definition

Creates a template definition

Format

(Required) Sitemap name for template to use


template.put

Gets a template definition entry for content

Format

(Required) Sitemap name that template will use.

Specifies whether to include code as JSP or as part of template.

(Required) JSP file include or HTML to use for template.


Activity

Add Popular Article list to c_home.jsp

Create a 3 column layout template


Add Popular Articles to c_home.jsp 1. Copy c_home.jsp in system>pages>home directory and paste into

custom>pages>home (you may need to create the home directory in the Project Explorer).

2. Open c_home.jsp in custom>pages>home. 3. Copy lines 170 and 171, create a new blank line on 172(preserve the existing

tag), and paste the copied lines onto line 172. 4. The code should look like the picture below:

5. For lines 169, 171 and 173, change the width attribute to 33%. 6. Save c_home.jsp. 7. Go to infocenter.properties. 8. Find the homeBody key. 9. Change the value to point to c_home.jsp in the custom>pages>home

directory. 10. Save inforcenter.properties. 11. Restart the Tomcat server by going to the Console tab and clicking on the red

box icon (stop) and then going to the Servers tab, selecting the Tomcat server, and clicking on the green arrow icon (start).

12. Open a browser and go to the following url: a. http://localhost:8226/InfoCenter


Change masterTemplate to 3 column layout 1. Copy t_sample2col.jsp from system>templates and paste it into

custom>templates. 2. Rename the file you just pasted to t_sample3col.jsp. 3. On line 120 of that jsp, copy everything from the beginning of the opening

to the closing tags. 4. Near the end of line 120, put your text cursor in front of the tag, and

hit Enter to create a new line in front of this tag. 5. On line 121, paste what you copied from line 120 (make sure you paste it in

front of the tag). 6. Back on line 120, find the following tag library call:

a. 7. Change rightcolumn to rightcolumn2. 8. On line 123, change colspan to 3. 9. On line 126, change colspan to 3. 10. The code should look like the picture below:

11. Save t_sample3col.jsp. 12. Copy p_home.jsp from system>pages>home and paste it into

custom>pages>home. 13. On line 19 of that jsp, place your text cursor at the end of the line and hit

Enter to create a new line. 14. On line 20, enter the following (the whole thing should go on 1 line):

a.

15. Save p_home.jsp. 16. Open infocenter.properties. 17. Find the key masterTemplate. 18. Change the value of the key to the following:

a. /apps/infocenter/custom/templates/t_sample3col.jsp 19. Save infocenter.properties. 20. Restart the Tomcat server. 21. Open a browser and go to the following url:




Unit 4Components and Accessing Content


Objectives

Components

Content Access and Iteration

get.content.data

iterate.dataset

get.content.record


Components

/categories/ /content/ /contribution/ /dataforms/ /discussions/ /forums/ /ratings/ /recommend/ /search/ /security/ /subcriptions/ /user/

[ACTIVITY]

Identify the jsp page that renders the Recent Articles list on the InfoCenter home page


Content Access and Iteration


get.content.data

Retrieves a list of content records using a JDBC Connection pool

Format

(Required) Unique identifier for the data set

(Required) Content channel where desired content records are located


iterate.dataset

Iterates over a list of records returned in the specified data set

Format


get.content.record

Retrieves a content record from an iteration Several scripting variables Requires parent tag: iterate.dataset Format


Activity

Add Popular Articles list to homerightcolumn2

Add Branch Info list to c_rightcolumn2.jsp


Add Popular Articles to homerightcolumn2 1. Copy c_rightcolumn.jsp from system>pages>home and paste it into

custom>pages>home. 2. Rename the jsp to c_rightcolumn2.jsp. 3. Open c_rightcolumn2.jsp. 4. Highlight everything after line 1 and delete. 5. Enter the following on line 2 (keep it all on one line):

a.

6. Save c_rightcolumn2.jsp. 7. Go to infocenter.properties. 8. Add the key homeRightColumn2 and set the value to the following:

a. /apps/infocenter/custom/pages/home/c_rightcolumn2.jsp 9. Open p_home.jsp, go to line 20, and change the content attribute to the

following: a. content=""

10. Restart the Tomcat server (Stop in Console, Start in Servers). 11. Open a browser and go to http://localhost:8226/InfoCenter.


Add Branch Info list to c_rightcolumn2.jsp 1. Open infocenter.properties and add the following at the bottom of the file on a

new line: a. channelForBranch_Info=BRANCH_INFO

2. Open c_rightcolumn2.jsp in custom>home>pages. 3. Go to line 4, and add the following line of code:

a.

4. Open c_pop.jsp in system>components>content. 5. Copy everything from the beginning of the opening tag on line 21 to

the end of the closing tag on line 61. 6. Go back to c_rightcolumn2.jsp and paste the code you just copied on line 5. 7. Delete everything from line 9s opening tag to the closing

tag on line 15. 8. On line 6, find the following tag:

a. 9. Delete the tag and replace it with the following string:

a. Branch Information 10. Delete lines 17 through 28. 11. For the remaining tag on line 17, remove the width attribute and value. 12. On line 18, remove the following string from the tag:

a. &actp=LIST_POPULAR 13. Your code should look like the following:

14. Restart the Tomcat server.


15. Go to the http://localhost:8226/InfoCenter.



Unit 5Form Handling and Custom Pages


Objectives

Automatic Dataform Rendering

p_form.jsp

c_genericForm.jsp

Defining Custom Pages


Automatic Dataform Rendering

Set of JSP pages displays any IM dataform in InfoCenter

Access dataform through specific URL

http://... /index?page=forms&form=[IM_DATAFORM_NAME]

p_form.jsp c_genericForm.jsp i_takeform.jsp

[ACTITIVY]

Start the Tomcat server and type in the following URL: http://localhost:8226/InfoCenter/index?page=forms&form=SURVEY


p_form.jsp


c_genericForm.jsp

>


Defining Custom Pages

Save new JSP in the custom directory

Use the tag library and create distinct sitemap pagename CAUTION: You might override a system JSP

Localize text with

Use get_Var_ForKey to refer to the correct JSP pages

Reuse existing component JSPs May need to create copy in custom and change @include path

Test with specific URL http:// /index?page=[SITEMAP_PAGENAME]


Activity

Create a custom form page

Add hyperlink to User Support portlet


Create a custom form page

1. Copy p_feedback.jsp from system>pages>dataforms and paste it into custom>pages>dataforms.

2. Rename the jsp you just pasted to p_custom_feedback.jsp. 3. Open p_custom_feedback.jsp. 4. Go to line 1 and find the following tag:

a. 5. Change this tag to the following:

a. 6. Go to line 14 and find the following code:

a. content= /apps/infocenter/system/components/dataforms/c_cust_survey.jsp

7. Change the code to the following: a. content=

/apps/infocenter/custom/components/dataforms/c_cust_survey2.jsp 8. Go to line 10 and find the following code:

a. com.inquira.client.resources.MessageResources.get(Custsupportreq.hearfromyou)

9. Change the code to the following: a. com.inquira.client.resources.MessageResources.get(custfeedback.title)

10. Save p_custom_feedback.jsp. 11. Open ApplicationResources.properties in WEB-INF>classes. 12. Go to the end of the file and put the following string on a new line:

a. custfeedback.title=Please submit your feedback 13. Save ApplicationResources.properties. 14. Copy c_cust_survey.jsp from system>components>dataforms and paste it

into custom>components>dataforms. 15. Rename the jsp you just pasted to c_cust_survey2.jsp. 16. Go to line 15 and find the following code:

a. key= Custsupportreq.hearfromyou 17. Change the code to the following:

a. key= custfeedback.title 18. Go to line 16 and comment out the entire line of code. 19. Go to line 11 and change the value for the formName variable to the

following: a. Custom Feedback

20. Go to line 13 and change the value for the dataForm variable to the following: a. Configuration.getStringForKey(customFeedbackForm)

21. Go to line 18 and find the following code: a.

22. Change this line to the following: a. 23. Save c_cust_survey2.jsp. 24. Open infocenter.properties.


25. Go to the end of the file and on a new line enter the following: a. customFeedbackForm=SURVEY

26. Save infocenter.properties. 27. Restart the Tomcat server (Stop in Console, Start in Servers). 28. Go to the following url:

a. http://localhost:8226/InfoCenter/index?page=custom_feedback_form


Add hyperlink to user support box

1. Open c_support_box.jsp from system>components>dataforms. 2. Copy the if statement on lines 17 through the end of 19. 3. Go to line 19, enter a new line, and paste the code on that new line. 4. On line 20, change the key to customFeedbackForm. 5. On line 21, change the href attribute to the following:

a. index?page=custom_feedback_form&rp= 6. Also on line 21, change the key to SupportBox.giveCustomFeedback. 7. Save c_support_box.jsp. 8. Open ApplicationResources.properties in WEB-INF>classes. 9. Go to the end of the file and enter on a new line the following:

a. SupportBox.giveCustomFeedback=Give us other feedback about the site 10. Save ApplicationResources.properties. 11. Restart the Tomcat server. 12. Go to the InfoCenter homepage and click on the link you just added to the

Additional Assistance box on the right-hand side of the window.



Unit 6Content Recommendation, Creation and Custom Forms


Objectives

Content Recommendation Pagelet

/components/recommend/c_recommend.jsp

form.recommendation.contribution

Content Contribution Pagelet

/components/contribution/c_contrib.jsp

Custom Forms


Content Recommendation Pagelet/apps/infocenter/system/components/recommend/c_recommend.jsp

Channel specificNothing specified Content specific

[ACTIVITY]

Go to the following URL:

http://localhost:8226/InfoCenter/index?page=recommend


http://localhost:8226/InfoCenter/index?page=recommend&channel=BRANCH_IN

FO


http://localhost:8226/InfoCenter/index?page=recommend&id=BRCH7


/components/recommend/c_recommend.jsp

Recommendations are a special object in the IM repository. They have no

workflow attached to them and are not considered content records within a

channel. Privileges to view and work with recommendations are set within a

users security role.


form.recommendation.contribution

onreset event codeonreset

onSubmit event codeonSubmit

HTML form namename

The categories assigned to this contribution - delimited by '+'categories

The recordid for the content recordcontentid

The docid for the content recorddocid

The views assigned to this contribution - delimited by '+'views

The locale for this recommendationlocalecode

he priority this contribution will havepriority

The channel this contribution is forchannel

Page user will be directed to if creating the content failederror

Page user will be directed to if the content was successfully adddedsuccess

DescriptionAttribute Name

[ACTIVITY]

Go to /WebContent/WEB-INF/tlds and open the inquira.tld file;

What are the valid values for the attribute named attribute of the

input.recommendation.contribution tag?


Content Contribution Pagelet

Requires channel reference key as request param

Submitted content is placed at beginning of IM workflow

Case link fields stored in IM database


/components/contribution/c_contrib.jsp


Custom Forms

POST method exclusive to IM tag library generated forms Use GET method to query IM database Use hidden inputs

name = page value = [SITEMAP_PAGENAME]


Activity

Create list of document IDs

Create list of categories

Create list of channels


Create a list of document IDs

13. Create a new folder named myPages in the custom directory of the Project Explorer

14. In myPages, create a file named p_list.jsp 15. Open system/pages/contribute/p_recommend.jsp and copy the first three

lines of this file 16. Open p_list.jsp, go to line 1, and paste in the copied code 17. Remove the opening scriptlet tag at the end of line 3 18. Change the pagename attribute of the sitemap tag to myListPage 19. Also, change the requireslogon attribute to false 20. On line 5, get the content data with the following attributes:

a. dataset=content b. channel=FAQ c. sortby= CREATEDATE

21. On line 6, iterate the dataset with the following attributes: a. dataset=content b. id=itData

22. On line 7, get the content record with the following attributes: a. id=recId

23. On line 8, print out the docid scripting variable of recId e.g.

24. On line9, place a line break 25. On lines 10 and 11, close out the appropriate tags 26. Save p_list.jsp 27. Start the InfoCenter deployment in the Servers tab of Eclipse 28. Go to InfoCenter and test the page


Create a list of categories

1. Open custom/myPages/p_list.jsp 2. On line 15, get the category data with the following attributes:

a. dataset=rsCats b. referencekey=INQUIRABANK_PRODUCTS c. sortby=name d. direction=ascending

3. On line 16. iterate the dataset with the following attributes: a. dataset=rsCats b. id=itCats

4. On line 17, get the category record with the following attributes: a. id=crCats

5. On line 18, print out the scripting variable referencekey of crCats followed by a hyphen (-) and then get the category attribute and print out the attribute called name e.g. -

6. On line 19, create a line break 7. On lines 20 and 21, close out the appropriate tags 8. Start the InfoCenter deployment in the Servers tab of Eclipse 9. Go to InfoCenter and test the page


Create a list of channels

1. Open custom/myPages/p_list.jsp 2. On line 25, get the metadata of the channels with the following attributes:

a. dataset=channelMData b. registered=false

3. On line 26, iterate the metadata records with the following attributes: a. dataset=channelMData

4. On line 27, get the metadata record with the following attributes: b. id=recId

5. On line 28, get the metadata attribute value with the following attributes: a. id=refKey b. attribute=referencekey

6. On the same line, print out the scripting variable called value of refKey 7. On lines 29 and 30, close out the appropriate tags 8. Start the InfoCenter deployment in the Servers tab of Eclipse 9. Go to InfoCenter and test the page

InQuira, Inc. Confidential version 8.1.2.3 01APR09

UI Requirements DocumentmyInfoCenter project

Overview

Application of development techniques

Unguided practice to reinforce skills

Presentation of work

myInfoCenter

Create a new Dynamic Web Project in Eclipse

Name it myInfoCenter

Should be the same process as previous project

Make sure Tomcat is running only one project at a time Port conflict on 8226

InQuira, Inc. Confidential version 8.1.2.3 01APR09

Wireframes

Column Layout

Add an additional column to the home page

Adding Portlets

Add an additional portlet to the home page

Adding Links

Add a link to a data form on the Additional Assistance portlet

Removing Links

Remove a link from the Welcome portlet

Changing Styles

Change the color of the header section for all portlets

Change Wording

Change the wording for the Submit a Case link on the Additional Assistance portlet

Remove Link

Remove the Recommend Change link from the content page

Add Document List

Create a list of FAQs and place it in the 3rd column of the home page

Mini Application

p_list.jsp p_docList.jsp p_docView.jsp

Create an FAQ document look-up tool

Allows user to filter by category

Displays question attribute of document

Exercise: Change home page layout Requirement: Change the home page so that there are three columns beneath the

search box.

Design Notes

Search box

Exercise: Change order of portlet appearance Requirement: Change the order of the portlets appearance on the content page.

From top to bottom, the order should be: Document Information, Welcome, Find Answers, Link Case, and Additional Assistance.

Design Notes

Exercise: Add portlet Requirement: Add an additional portlet to the home page.

Design Notes

Exercise: Add link Requirement: Add a link to a dataform on the Additional Assistance portlet.

Design Notes

Exercise: Remove link Requirement: Remove a link from the Welcome portlet.

Design Notes

Exercise: Change style Requirement: Change the color of the header section of all portlets.

Design Notes

Exercise: Change Wording Requirement: Change the wording for the Submit a Case link on the Additional

Assistance portlet.

Design Notes

Exercise: Remove link Requirement: Remove the Recommend Change link from the content page.

Design Notes

Exercise: Add list Requirement: Create a list of FAQs and place it in the 3rd column of the home

page.

Design Notes

Exercise: FAQ Look up tool Requirement: This application uses a dropdown list of

INQUIRABANK_PRODUCT sub categories to find the question of a particular FAQ article. Once a category is selected, a list of matching FAQ articles will be presented. This list of FAQ articles will have a link to the question of the article. The XSLT path to the question attribute is //FAQ/QUESTION. You may want to use separate page for the form that has the dropdown list of categories, the page that lists all of the matching FAQs, and the page that presents the question of the selected FAQ.

Design Notes

customizing information center user interface

Documents

page content

typical jsp page

page logic

javaserver page technology

response page

overview of jsp technology

jsp technologydo

jsp engine