Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development
|
|
- Lambert Benson
- 8 years ago
- Views:
Transcription
1 Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development By Kenji Uchida Software Engineer IBM Corporation Level: Intermediate August 2007
2 Designing portal site structure and page layout, Page 2 of 19 Contents Abstract... 3 Introduction... 3 Create a portal project... 3 Define page structure... 4 Portal models... 4 Defining page layout... 5 Inserting content nodes... 5 Inserting portlets... 6 Adding a page to Quick Links... 7 Customize the look and feel of your portal page... 8 Theme JSP structure... 8 Changing theme policies... 9 Changing color palettes Changing theme JSP files Inserting a Feedback link Changing the Help link Test and deploy Other articles in this series Resources About the author... 19
3 Designing portal site structure and page layout, Page 3 of 19 Abstract IBM WebSphere Portal Version 6 introduced new features, such as Color Palette and Theme Policy, which make developing a portal site faster and easier. However, that task is still complicated for developers who are not knowledgeable about portal structure. In addition, portal themes are too complicated for Web designers who need to design the look and feel of the site, because themes consist of hundreds of JSP, CSS, properties, and image files. Now, IBM Rational Application Developer Version 7 makes it easy for portal site developers to create page and portlet layout structures and for Web designers to design the look and feel of the portal site. This article describes these Rational Application Developer V7 and WebSphere Portal V6 features. Introduction Rational Application Developer Version 7 is a premium product that is part of the IBM Software Delivery Platform (SDP). Its many benefits cut across various dimensions that affect developers. It is a true integrated development environment (IDE), because it provides a single environment for designing, building, testing, and deploying, all from the same workbench. The portal tooling components make portal site development and portlet application development faster and easier. You can start by creating either a portal or portlet project. This article shows you the main features that help in designing a portal site that targets IBM WebSphere Portal Version 6. Basically, designing the look and feel of a portal site is separated into two different tasks: Configure page structure and settings stored within a database on the server. Generate and edit Web artifacts, such as JSP, CSS, and image files. Rational Application Developer V7 enables you to edit the structure, settings, and artifacts. The portal project stores the portal configuration in an XML file in the PortalConfiguration folder and stores the Web artifacts in the PortalContent folder. The XML file can be edited visually by using the Portal Configuration Editor, and Web artifacts can be edited visually by using the Theme Editor. You will experience both of them in this article. Create a portal project When you use Rational Application Developer to work on your site, the first thing that you need to do is to import the portal configuration and resources from your portal server. Rational portal tooling provides the Import Portal wizard, which creates a portal project in your workspace and copies your portal configuration and resources from that server into your current project. Although starting from the import is preferable, you can also create a portal project by using the New Portal Project wizard. The new portal project is almost the same as
4 Designing portal site structure and page layout, Page 4 of 19 imported one, but the newly created one has fewer content nodes than the imported one. Table 1 shows the portal project structure. Table 1. Portal project structure and resources Node Deployment Descriptor Java resources folder PortalConfiguration folder Portal Configuration editor PortalContent folder Skins Themes Description Shortcut to the PortalContent/WEB-INF/web.xml file. Usually, you don t have to modify it. Java resource files. The nls folder contains translated properties files used in themes. On the server side, they are packaged in the <Portal Home>/shared/app/wp.ui.jar file or located in the <Portal Home>/shared/app/nls folder as separate files. When the portal project is built, these files are copied into the <Portal Project>/PortalContent/WEB-INF/classes/nls folder. Folder containing ibm-portal-topology.xml file, which is a portal configuration model. Shortcut to the <Portal Project>/PortalConfiguration/ibm-portaltopology.xml file. By double-clicking this icon, you can open the Portal Configuration editor. This shortcut has portlet icons, which represent portlets installed in your portal site. By drag and dropping a portlet icon to the Portal Configuration editor, you can insert the portlet into a portal page. Folder with Web resources. The folder contains themes, skins and screens folders and resources. On the server side, these files are located in the <WAS Profile>/installedApps/<node>/wps.ear/wps.war folder. Shortcuts to skins installed into your portal site. By double-clicking one of the skin icons, you can open the Control.jsp file associated with the skin. By dragging the skin onto a portlet in the Portal Configuration editor, you can change skins applied to a portlet. Shortcuts to themes installed into your portal site. By doubleclicking one of the theme icons, you can open the Default.jsp file associated with the theme. By dragging the theme onto a page or a label node in the Portal Configuration editor, you can change themes applied to a page or a label. Define page structure To better understand this section, it is helpful to understand portal models. Portal models Content nodes: These can be pages, labels, or URLs. In the Outline view, pages are shown under Layouts, and labels and URLs are shown under Elements > Labels and Elements > URLs, respectively.
5 Designing portal site structure and page layout, Page 5 of 19 Pages display content as portlets, and pages can contain other pages, labels, and URLs. Labels do not display any content but can contain pages, labels and URLs. URLs are links to external Web sites or internal pages. Navigation model: The Navigation model describes the topology of navigation in the form of a tree structure (directory) of content nodes. It is referred from top or side navigations to show appropriate sets of content nodes. In the Outline view, you can see the tree structure under the Content Root node, which is the root node of this model. Layout model: The Layout model describes the layout of portlet within a page. It consists of rows, columns, and portlets. Portlets are arranged at the center of a portal site, based on this model. In the Outline view, you can see the Layout node, which is the root node of this model. Defining page layout When a portal project is created, the initial Navigation model includes Page 1, which has a row and a column. Rows and columns can contain other containers or portlets. Rows arrange contents horizontally and columns arrange it vertically. You can add containers by dragging them from the Palette view. Figure 1. Inserting a column Drag and drop Tip: The same type of container as the parent cannot be inserted. This means that columns or portlets can be inserted into a row, and rows and portlets can be inserted into a column. Inserting content nodes You can insert content nodes into your portal site by using the drag-and-drop method. Drag the page, label, or URL from the Palette view over the position where you want to insert it. You can see vertical or horizontal bar to guide the insertion position. When you
6 Designing portal site structure and page layout, Page 6 of 19 drop the node where you want it to be, you ll see the Insert dialog. For a page, you can specify the title and initial layout. For a label, you can specify the title. Figure 2. Inserting a page Drag and drop After the content node is inserted, you can modify its properties in the Properties view. When the Properties view doesn t show the properties of the node that you are interested in, you can click the appropriate node in the Portal Configuration editor or in the Outline view. Figure 3 shows the Title page for Label. The default title, Label1, has been changed to Order Tracking. Figure 3. Title page of the Properties view Inserting portlets You can add portlets into a page by using the Insert Portlet Dialog. If you imported a portal configuration from the server, a list of available portlets on the server has been transferred into your portal model. If you have a portlet project in your workspace, you can add your portlets into a portal page. In this case, you can use the Insert Portlet
7 Designing portal site structure and page layout, Page 7 of 19 dialog, but you can also drag it from the Portlet Deployment Descriptor in the Project Explorer. Figure 4 shows that the OrdersPortlet portlet is inserted into the Order Info page. The Cooperative portlet project can be imported from the Sample Gallery. Figure 4. Inserting a portlet Drag and drop Tip: The portlet doesn t necessarily exist on the server or your workspace. You can also insert portlets provided through Web Services for Remote Portlets standard, which you can specify in the Insert Portlet dialog. After you retrieve a list of portlets provided by the producer, the portlets are listed in the Insert Portlet dialog. The list of portlets can be updated in the Properties view. Adding a page to Quick Links Quick Links is a feature introduced in WebSphere Portal V6. At the bottom of the portal site, you can see the Quick Links toolbar, which enables you to quickly access major areas of your site. Figure 5. Quick Links toolbar Rational Application Developer V7 enables you to add your own links to Quick Links toolbar. Quick Links are normal internal URLs that are located under specific nodes. To add an icon to the Quick Links toolbar, follow these steps: 1. In the Outline view, expand Content Root and select the Quick Links node. 2. Drag the URL from the Palette view onto top navigation in the Portal Configuration editor. 3. In the Insert URL dialog, select Internal for the Type, select a page to create a link, and then change the title for the link.
8 Designing portal site structure and page layout, Page 8 of 19 After you insert the internal URL under the Quick Links label, the icon shows up on Quick Links toolbar automatically. Customize the look and feel of your portal page Theme JSP structure A theme defines look and feel of a portal site. It consists of several resources, such asjava Server Pages (JSP), CSS, image, and properties files. In most cases, rendering a portal page starts with the Default.jsp file, which is in the themes/html/<theme Name> folder. WebSphere Portal V6 includes a theme named IBM. Figure 6 shows the composition of the IBM theme. Figure 6. Theme structure Banner Top navigation Side navigation Screen Footer The IBM theme consists of components. Basically, each component is described by a JSP fragment file, which is included directly or indirectly from the Default.jsp file, and some of them include other JSP fragment files. Figure 7 shows the hierarchy of JSP and JSP fragment files used in the theme.
9 Designing portal site structure and page layout, Page 9 of 19 Figure 7. Hierarchy of the IBM theme JSP files Default.jsp head.jspf banner.jspf Banner_crumbtrail.jspf Banner_toolbar.jspf Banner Banner_searchControl.jspf topnav.jspf sidenav.jspf Top Navigation Side Navigation Home.jsp footer.jspf flyout.jspf Control.jsp Screen Footer Each kind of component is in a folder named according to the type of element that it includes: theme, screens, and skins. For example, files for the IBM theme are located under <Portal Project>/themes/html/IBM folder, Home.jsp (screen) is located at <Portal Project>/screens/html, and Control.jsp (skin) is located at <Portal Project>/skins/IBM folder if you use IBM skin. The Layout of the portal page section of the WebSphere Portal Information Center explains more about structure of themes, screens, and skins. Changing theme policies Sometimes, it is difficult to modify JSP theme files, because they include several custom tags and scripts. To make it easier, WebSphere Portal V6 introduced the Theme Policy feature, which enables you to control how a theme is rendered in a page without changing JSP files. Moreover, by specifying different theme policies for pages, you can have different page renderings of the same theme.
10 Designing portal site structure and page layout, Page 10 of 19 Figure 8. Different appearances in an IBM theme SingleTopNav SideNavOnlyMinimal DoubleTopNav If you take a look inside of theme JSP files, you will find several Theme Policy codes, which affect rendering of theme. For example, topnav.jspf file for the IBM theme has the code that Listing 1 shows. Listing 1. topnav.jspf <c:foreach var="i" begin="${themepolicy.topnavigationstartlevel}" end="${themepolicy.topnavigationstoplevel}" step="1"> <portal-navigation:navigation startlevel="${i}" stoplevel="${i}"> This code decides the number of rows of top navigation. If you specify 2 to topnavigationstartlevel and 3 to topnavigationstoplevel, two rows of top navigation show up, as Figure 9 illustrates.
11 Designing portal site structure and page layout, Page 11 of 19 Figure 9. DoubleTopNav 1st row 2nd row The Theme Policy feature uses many other parameters to control theme rendering other than topnavigationstartlevel and topnavigationstoplevel. However, to set the values to parameters, you don t have to modify the JSP file. The set of Theme Policy values are stored in a repository on the server, and one that is associated with a selected page is loaded dynamically at runtime. All you need to do is to set one of Theme Policy names to a page as metadata of a content node. There are nine theme policies predefined by WebSphere Portal V6. You can assign different theme policies to different pages. In Rational Application Developer, you can use the Properties view to change theme policies. If you would like to have two rows in the top navigation, select a label or a page in the Portal Configuration editor and specify DoubleTopNav in the Theme policy field in the Properties view. Figure 10. Theme policies at the Properties view
12 Designing portal site structure and page layout, Page 12 of 19 Tip: Your own theme policy can be created and deployed to WebSphere Portal V6 by using the XML configuration interface. When you import a portal site that has your own policy by using the Import Portal Wizard, the name is added in the list of theme policies in the Properties view. You can assign it to a page. Although the policy is rendered as SingleTopNav in Rational Application Developer, after the project is deployed, the rendering will work correctly. For more about theme policies, check the WebSphere Portal V6 Information Center. Changing color palettes In WebSphere Portal V6, the style sheet used in the IBM theme is dynamically generated from JSP files. Seven JSP fragment files and one style.jsp file exist under <Portal Project>/themes/IBM folder. The head.jspf file links the style.jsp file directly, and style.jsp file includes the other JSP fragment files. In WebSphere Portal V5.1, you needed to prepare several browser- and location-specific Style.css files to achieve the same appearance in any user environment. In WebSphere Portal V6, the style sheet is generated dynamically; therefore, the number of style sheet files that you have to maintain is reduced. The Color Palette, which was introduced in WebSphere Portal V6, uses this dynamic style sheet generation. It is a set of color and graphic definitions used in the style sheet. The values are defined in the properties file by color palette. By specifying different color palettes forages, you can have color variations without changing style sheet files or JSP theme files.
13 Designing portal site structure and page layout, Page 13 of 19 Figure 11. Color variation in IBM theme If you look inside of the JSP fragment files for the cascading style sheet (CSS), you will find several JSP expressions. For example, the selector shown in Listing 2 exists in the styles_theme.jspf file. Listing 2. styles_theme.jspf.launch { } float:${requestscope.cssrules.bidileft}; border: 0px; color: ${colors.launchbuttontext}; font-family: ${requestscope.cssrules.fontfamilysansseriflarge}; font-size: ${requestscope.cssrules.fontsize.large}; font-weight: bold; cursor: pointer; padding-top: 4px; padding-bottom: 4px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; background: ${colors.launchbuttonbackgroundimage}; background-color: ${colors.launchbuttonbackground};
14 Designing portal site structure and page layout, Page 14 of 19 This defines the appearance of the Launch button at the top of a portal page. The values of JSP expressions starting with ${colors. are color palette values, that are loaded from the properties file at runtime. The default values are stored in the <Portal Project>/themes/html/IBM/colors/default.properties file, as Listing 3 shows. Listing 3. default.properties # launch button which opens the navigation menu launchbuttontext=#ffffff launchbuttonbackground=#3880de launchbuttonbackgroundimage=url(./colors/default/main_menu_background.gif) repeat-x launchbuttonhoverbackgroundimage=url(./colors/default/main_menu_background_hover.gif) repeat-x Like theme policies, the color palette can be associated with a page in the Properties view. If you already use color palettes in your portal site, all of the names are listed in the Color palette field. Otherwise, you can create your own color palette properties file. These steps are to create a color palette named green and to change the breadcrumb trail color to green. 1. Select a page in the Portal Configuration editor. 2. Open the Color Palette box in the Properties view, and select Others. 3. To create a color palette named green, type green in the Color palette field in the Select Color Palette dialog. (See Figure 12.) If a green.properties file already exists, it will be used for green color palette. Otherwise, a green.properties file is created, based on the default.properties file.
15 Designing portal site structure and page layout, Page 15 of 19 Figure 12. Select Color Palette dialog 1. Change bannertext from #3161A5 to #61A331, and save it. The crumb trail color is changed to green, as Figure 13 shows. Figure 13. Crumb trail color Tip: If you would like to edit color palette values afterward, you can right-click the Portal Configuration editor and open the Edit Style menu. The properties file for color palette associated with current page is listed along with style sheet files used in current theme. For more on color palettes, visit the WebSphere Portal V6 Information Center. Changing theme JSP files If you would like to change theme JSP files, you can use the Theme editor. The following steps change the Help icon ( ) in the banner to text, which is defined in properties, and adds Feedback, which has not been defined.
16 Designing portal site structure and page layout, Page 16 of 19 Figure 14. Toolbar Inserting a Feedback link 1. Open the Java Resources/nls/button_en.properties file from the Project Explorer. 2. Add the following line at the bottom of the file, and then save and close it: feedback = Feedback 3. If the Autobuild option is turned off, you need to build manually. 4. In the Portal Configuration Editor, right-click, and select Edit Theme from the drop-down menu. 5. In the Palette view for the Theme editor, expand Portal category 6. Drag the Text item from the Palette view and drop it next to the icon in the Theme editor. Figure 15. Dragging the feedback text Drag and drop 7. When you see the Insert dialog, select Button for the Bundle and feedback for the Key. 8. Select the Feedback that you inserted, and then select Insert > Insert Link from the main menu 9. When you see the Insert Link dialog, select for Type and enter your address, such as mailto:yourid@your.domain. 10. Select the A tab in the Properties view. 11. Click the icon beside the Class field, and select Browse from the drop-down menu. 12. Select toolbarlink in the Select Class dialog.
17 Designing portal site structure and page layout, Page 17 of 19 Figure 16. Properties view for the Theme editor Changing the Help link 1. Drag the Text item from the Palette view and drop it onto the icon in the Theme editor. 2. Delete the icon from the Theme editor. As Figure 17 shows, you can then see the Feedback and Help links next to Log Out. Figure 17. Adding Feedback and Help Tip: When theme JSP is opened with the Theme editor, you may see a lot of icons representing scripts and comments. If you don t need to edit those scripts and comments, you can hide them to make your workplace cleaner by selecting Hide All from toolbar menu.
18 Designing portal site structure and page layout, Page 18 of 19 Tip: The Theme editor uses the default color palette. If you would like to apply a different color palette, select Page > Portal Status from the main menu, and change the color palette used in the theme. This won t affect the Portal model, because this setting is used only in the Theme editor. Test and deploy When you complete your portal site, Rational Application Developer portal tooling enables you to test your project without deploying it to the server. If the result is good, you can deploy it back to the staging server to be ready for production. Figure 18 shows how the portal site looks in your browser. Figure 18. Finish
19 Designing portal site structure and page layout, Page 19 of 19 Other articles in this series Check the One-stop guide to portal and portlet application development using Rational Application Developer V7 and WebSphere Portal V6 for summaries of the nine other articles in this series and links to download each of them in PDF format. Topics covered include the predevelopment resources, portlet tooling features, portal design tools, and the testing, deploying, and debugging capabilities of Rational Application Developer. Resources Learn here Get information on IBM Rational Application Developer and how to use it: o What's new in IBM Rational Application Developer V7.0 o IBM Rational Application Developer Version 7.0 Information Center o Rational Application Developer page on IBM developerworks For product documentation for WebSphere Portal, visit the IBM WebSphere Portal Version 6.0 Information Center Find out What s new in WebSphere Portal Version 6. This developerworks article by Stefan Hepper, Stefan Liesche, Gregory Melahn, and Thomas Stober (July 2006) describes the highlights in IBM WebSphere Portal Version 6.0. You see how WebSphere Portal helps you create a service-oriented architecture (SOA) environment, and you learn about the technical enhancements that speed up your development projects, providing quick business value and ease-of-use. This article is as a good starting point to understand the version content and the improvements since the previous releases. Read Creating a new portal, an IBM developerworks series of articles Visit the Rational page on developerworks to find technical resources and learn about best practices for the Rational Software Delivery Platform. Subscribe to The Rational Edge weekly newsletter. Discuss here Participate in the Rational Software Architect, Data Architect, Software Modeler, Systems Developer, Application Developer and Web Developer forums and the WebSphere Portal forum, where you can ask questions, share your experiences, and discuss problems and solutions. Get products here Get the evaluation version of Rational Application Developer. Get WebSphere evaluation versions from the WebSphere downloads page. About the author Kenji Uchida is a software engineer at the IBM Yamato Software Lab in Japan. He has been involved in portal site development tools (Portal Designer) in Rational Application Developer V6 and V7 as a technical team lead.
CREATE A CUSTOM THEME WEBSPHERE PORTAL 8.0.0.1
CREATE A CUSTOM THEME WEBSPHERE PORTAL 8.0.0.1 WITHOUT TEMPLATE LOCALIZATION, WITHOUT WEBDAV AND IN ONE WAR FILE Simona Bracco Table of Contents Introduction...3 Extract theme dynamic and static resources...3
More informationLearn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms
Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms InfoPath 2013 Web Enabled (Browser) forms Creating Web Enabled
More informationBusiness Process Management IBM Business Process Manager V7.5
Business Process Management IBM Business Process Manager V7.5 Federated task management for BPEL processes and human tasks This presentation introduces the federated task management feature for BPEL processes
More informationPersonal Portfolios on Blackboard
Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal
More informationWeb Content Management Training Manualv3
City & County of San Francisco Powered by Innovation DT City & County of Sa Departme Techno Powered by Innova DEPARTMENT OF TECHNOLOGYDT Web Content Management Training Manualv3 Department of Technology
More informationHow To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For
How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this
More informationContents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...
Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with
More informationHow to create pop-up menus
How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached
More informationSAS BI Dashboard 4.3. User's Guide. SAS Documentation
SAS BI Dashboard 4.3 User's Guide SAS Documentation The correct bibliographic citation for this manual is as follows: SAS Institute Inc. 2010. SAS BI Dashboard 4.3: User s Guide. Cary, NC: SAS Institute
More informationMicrosoft Office System Tip Sheet
Experience the 2007 Microsoft Office System The 2007 Microsoft Office system includes programs, servers, services, and solutions designed to work together to help you succeed. New features in the 2007
More informationBuilding a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)
Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a
More informationIBM Operational Decision Manager Version 8 Release 5. Getting Started with Business Rules
IBM Operational Decision Manager Version 8 Release 5 Getting Started with Business Rules Note Before using this information and the product it supports, read the information in Notices on page 43. This
More informationAdobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
More informationJOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
More informationDeveloping Rich Web Applications with Oracle ADF and Oracle WebCenter Portal
JOIN TODAY Go to: www.oracle.com/technetwork/java OTN Developer Day Oracle Fusion Development Developing Rich Web Applications with Oracle ADF and Oracle WebCenter Portal Hands on Lab (last update, June
More informationMicrosoft SharePoint 2010 End User Quick Reference Card
Microsoft SharePoint 2010 End User Quick Reference Card Microsoft SharePoint 2010 brings together the people, documents, information, and ideas of the University into a customizable workspace where everyone
More informationCreating Reports with Microsoft Dynamics AX SQL Reporting Services
Creating Reports with Microsoft Dynamics AX SQL Reporting Services. Table of Contents Lab 1: Building a Report... 1 Lab Objective... 1 Pre-Lab Setup... 1 Exercise 1: Familiarize Yourself with the Setup...
More informationCascade Server CMS Quick Start Guide
Cascade Server CMS Quick Start Guide 1. How to log in 2. How to open page 3. How to edit a page 4. How to create a new page 5. How to publish a page 6. How to change settings to view publish status page
More informationJoomla! template Blendvision v 1.0 Customization Manual
Joomla! template Blendvision v 1.0 Customization Manual Blendvision template requires Helix II system plugin installed and enabled Download from: http://www.joomshaper.com/joomla-templates/helix-ii Don
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
More informationCOGNOS 8 Business Intelligence
COGNOS 8 Business Intelligence QUERY STUDIO USER GUIDE Query Studio is the reporting tool for creating simple queries and reports in Cognos 8, the Web-based reporting solution. In Query Studio, you can
More informationUsing Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
More informationChapter 14: Links. Types of Links. 1 Chapter 14: Links
1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and
More informationVirtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
More informationMicrosoft Access 2010 handout
Microsoft Access 2010 handout Access 2010 is a relational database program you can use to create and manage large quantities of data. You can use Access to manage anything from a home inventory to a giant
More informationAdd an E-Commerce Catalog to your Website
Page 1 of 20 Add an E-Commerce Catalog to your Website Creating an E-Commerce Catalog In this tutorial, you build an e-commerce catalog that includes products which will assist hikers on expeditions. Using
More informationBuilding and Using Web Services With JDeveloper 11g
Building and Using Web Services With JDeveloper 11g Purpose In this tutorial, you create a series of simple web service scenarios in JDeveloper. This is intended as a light introduction to some of the
More informationCMS Training. Prepared for the Nature Conservancy. March 2012
CMS Training Prepared for the Nature Conservancy March 2012 Session Objectives... 3 Structure and General Functionality... 4 Section Objectives... 4 Six Advantages of using CMS... 4 Basic navigation...
More informationBuild Your First Web-based Report Using the SAS 9.2 Business Intelligence Clients
Technical Paper Build Your First Web-based Report Using the SAS 9.2 Business Intelligence Clients A practical introduction to SAS Information Map Studio and SAS Web Report Studio for new and experienced
More information1. Tutorial - Developing websites with Kentico 8... 3 1.1 Using the Kentico interface... 3 1.2 Managing content - The basics... 4 1.2.
Kentico 8 Tutorial Tutorial - Developing websites with Kentico 8.................................................................. 3 1 Using the Kentico interface............................................................................
More informationUH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1
UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,
More informationIntellect Platform - Tables and Templates Basic Document Management System - A101
Intellect Platform - Tables and Templates Basic Document Management System - A101 Interneer, Inc. 4/12/2010 Created by Erika Keresztyen 2 Tables and Templates - A101 - Basic Document Management System
More informationBLUECIELO MERIDIAN ASSET MANAGEMENT MODULE 2014
BLUECIELO MERIDIAN ASSET MANAGEMENT MODULE 2014 User's Guide Manual BlueCielo ECM Solutions bluecieloecm.com December 09 2014 LEGAL NOTICE 2014 BlueCielo ECM Solutions B. V. Polarisavenue 1 2132 JH Hoofddorp
More informationAlfresco Online Collaboration Tool
Alfresco Online Collaboration Tool USER MANUAL BECOMING FAMILIAR WITH THE USER INTERFACE... 4 MY DASHBOARD... 4 MY PROFILE... 6 VIEWING YOUR FULL PROFILE... 6 EDITING YOUR PROFILE... 7 CHANGING YOUR PASSWORD...
More informationPeopleTools 8.51 PeopleBook: PeopleSoft Application Designer Lifecycle Management Guide
PeopleTools 8.51 PeopleBook: PeopleSoft Application Designer Lifecycle Management Guide August 2010 PeopleTools 8.51 PeopleBook: PeopleSoft Application Designer Lifecycle Management Guide SKU pt8.51tlcm-b0810
More informationVirtual Communities Operations Manual
Virtual Communities Operations Manual The Chapter Virtual Communities (VC) have been developed to improve communication among chapter leaders and members, to facilitate networking and communication among
More informationPassword Memory 6 User s Guide
C O D E : A E R O T E C H N O L O G I E S Password Memory 6 User s Guide 2007-2015 by code:aero technologies Phone: +1 (321) 285.7447 E-mail: info@codeaero.com Table of Contents Password Memory 6... 1
More informationPORTAL ADMINISTRATION
1 Portal Administration User s Guide PORTAL ADMINISTRATION GUIDE Page 1 2 Portal Administration User s Guide Table of Contents Introduction...5 Core Portal Framework Concepts...5 Key Items...5 Layouts...5
More informationWebFOCUS BI Portal: S.I.M.P.L.E. as can be
WebFOCUS BI Portal: S.I.M.P.L.E. as can be Author: Matthew Lerner Company: Information Builders Presentation Abstract: This hands-on session will introduce attendees to the new WebFOCUS BI Portal. We will
More informationRecreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts
Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)
More informationThemes and Templates Manual FOR ADVANCED USERS
Manual FOR ADVANCED USERS Table of Contents Introduction... 3 Key Information... 3 Portal Structure... 4 Portal Structure: Template... 5 Overview... 5 1) Editing a Portal Template... 6 2) Adding a Portal
More informationVirtual Office Remote Installation Guide
Virtual Office Remote Installation Guide Table of Contents VIRTUAL OFFICE REMOTE INSTALLATION GUIDE... 3 UNIVERSAL PRINTER CONFIGURATION INSTRUCTIONS... 12 CHANGING DEFAULT PRINTERS ON LOCAL SYSTEM...
More informationBasic Web Development @ Fullerton College
Basic Web Development @ Fullerton College Introduction FC Net Accounts Obtaining Web Space Accessing your web space using MS FrontPage Accessing your web space using Macromedia Dreamweaver Accessing your
More informationCLC Bioinformatics Database
CLC Bioinformatics Database End User USER MANUAL Manual for CLC Bioinformatics Database 4.6 Windows, Mac OS X and Linux September 3, 2015 This software is for research purposes only. QIAGEN Aarhus A/S
More informationTivoli Integrated Portal Online help. Version 1.0 Tivoli Integrated Portal 2.2
Tivoli Integrated Portal Online help Version 1.0 Tivoli Integrated Portal 2.2 Tivoli Integrated Portal Online help Version 1.0 Tivoli Integrated Portal 2.2 Note Before using this information and the product
More informationDRUPAL WEB EDITING TRAINING
LOGIN AND VIEW CONTENT Work in Firefox DRUPAL WEB EDITING TRAINING the black logo in the upper right corner to log into Drupal The User Work Area will come up: General Information My Recent Edits the content
More informationADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
More informationMicrosoft PowerPoint 2008
Microsoft PowerPoint 2008 Starting PowerPoint... 2 Creating Slides in Your Presentation... 3 Beginning with the Title Slide... 3 Inserting a New Slide... 3 Slide Layouts... 3 Adding an Image to a Slide...
More informationBusiness Insight Report Authoring Getting Started Guide
Business Insight Report Authoring Getting Started Guide Version: 6.6 Written by: Product Documentation, R&D Date: February 2011 ImageNow and CaptureNow are registered trademarks of Perceptive Software,
More informationAppendix A How to create a data-sharing lab
Appendix A How to create a data-sharing lab Creating a lab involves completing five major steps: creating lists, then graphs, then the page for lab instructions, then adding forms to the lab instructions,
More informationTIBCO ActiveMatrix Service Bus Getting Started. Software Release 2.3 February 2010
TIBCO ActiveMatrix Service Bus Getting Started Software Release 2.3 February 2010 Important Information SOME TIBCO SOFTWARE EMBEDS OR BUNDLES OTHER TIBCO SOFTWARE. USE OF SUCH EMBEDDED OR BUNDLED TIBCO
More informationFlorence School District #1
Florence School District #1 Training Module 2 Designing Lessons Designing Interactive SMART Board Lessons- Revised June 2009 1 Designing Interactive SMART Board Lessons Lesson activities need to be designed
More information14.1. bs^ir^qfkd=obcib`qflk= Ñçê=emI=rkfuI=~åÇ=léÉåsjp=eçëíë
14.1 bs^ir^qfkd=obcib`qflk= Ñçê=emI=rkfuI=~åÇ=léÉåsjp=eçëíë bî~äì~íáåö=oéñäéåíáçå=ñçê=emi=rkfui=~åç=lééåsjp=eçëíë This guide walks you quickly through key Reflection features. It covers: Getting Connected
More information6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field.
Adobe Acrobat Professional X Part 3 - Creating Fillable Forms Preparing the Form Create the form in Word, including underlines, images and any other text you would like showing on the form. Convert the
More informationCustom Reporting System User Guide
Citibank Custom Reporting System User Guide April 2012 Version 8.1.1 Transaction Services Citibank Custom Reporting System User Guide Table of Contents Table of Contents User Guide Overview...2 Subscribe
More informationAdvanced Presentation Features and Animation
There are three features that you should remember as you work within PowerPoint 2007: the Microsoft Office Button, the Quick Access Toolbar, and the Ribbon. The function of these features will be more
More informationNetIQ Operations Center 5: The Best IT Management Tool in the World Lab
NetIQ Operations Center 5: The Best IT Management Tool in the World Lab NIQ08 Novell Training Services ATT LIVE 2012 LAS VEGAS www.novell.com Legal Notices Novell, Inc., makes no representations or warranties
More informationCreating a Patch Management Dashboard with IT Analytics Hands-On Lab
Creating a Patch Management Dashboard with IT Analytics Hands-On Lab Description This lab provides a hands-on overview of the IT Analytics Solution. Students will learn how to browse cubes and configure
More informationMicrosoft PowerPoint 2010
Microsoft PowerPoint 2010 Starting PowerPoint... 2 PowerPoint Window Properties... 2 The Ribbon... 3 Default Tabs... 3 Contextual Tabs... 3 Minimizing and Restoring the Ribbon... 4 The Backstage View...
More informationSalesforce Customer Portal Implementation Guide
Salesforce Customer Portal Implementation Guide Salesforce, Winter 16 @salesforcedocs Last updated: December 10, 2015 Copyright 2000 2015 salesforce.com, inc. All rights reserved. Salesforce is a registered
More informationDuring the process of creating ColorSwitch, you will learn how to do these tasks:
GUI Building in NetBeans IDE 3.6 This short tutorial guides you through the process of creating an application called ColorSwitch. You will build a simple program that enables you to switch the color of
More informationSiteBuilder 2.1 Manual
SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can
More informationOutlook. Getting Started Outlook vs. Outlook Express Setting up a profile Outlook Today screen Navigation Pane
Outlook Getting Started Outlook vs. Outlook Express Setting up a profile Outlook Today screen Navigation Pane Composing & Sending Email Reading & Sending Mail Messages Set message options Organizing Items
More informationMost of your tasks in Windows XP will involve working with information
OFFICE 1 File Management Files and Folders Most of your tasks in Windows XP will involve working with information stored on your computer. This material briefly explains how information is stored in Windows
More informationWeb Intelligence User Guide
Web Intelligence User Guide Office of Financial Management - Enterprise Reporting Services 4/11/2011 Table of Contents Chapter 1 - Overview... 1 Purpose... 1 Chapter 2 Logon Procedure... 3 Web Intelligence
More informationIBM Information Server
IBM Information Server Version 8 Release 1 IBM Information Server Administration Guide SC18-9929-01 IBM Information Server Version 8 Release 1 IBM Information Server Administration Guide SC18-9929-01
More informationLearn About Analysis, Interactive Reports, and Dashboards
Learn About Analysis, Interactive Reports, and Dashboards This document supports Pentaho Business Analytics Suite 5.0 GA and Pentaho Data Integration 5.0 GA, documentation revision February 3, 2014, copyright
More informationINTRODUCTION TO ATRIUM... 2 SYSTEM REQUIREMENTS... 2 TECHNICAL DETAILS... 2 LOGGING INTO ATRIUM... 3 SETTINGS... 4 NAVIGATION PANEL...
INTRODUCTION TO ATRIUM... 2 SYSTEM REQUIREMENTS... 2 TECHNICAL DETAILS... 2 LOGGING INTO ATRIUM... 3 SETTINGS... 4 CONTROL PANEL... 4 ADDING GROUPS... 6 APPEARANCE... 7 BANNER URL:... 7 NAVIGATION... 8
More informationApplication. 1.1 About This Tutorial. 1.1.1 Tutorial Requirements. 1.1.2 Provided Files
About This Tutorial 1Creating an End-to-End HL7 Over MLLP Application 1.1 About This Tutorial 1.1.1 Tutorial Requirements 1.1.2 Provided Files This tutorial takes you through the steps of creating an end-to-end
More informationUOFL SHAREPOINT ADMINISTRATORS GUIDE
UOFL SHAREPOINT ADMINISTRATORS GUIDE WOW What Power! Learn how to administer a SharePoint site. [Type text] SharePoint Administrator Training Table of Contents Basics... 3 Definitions... 3 The Ribbon...
More informationModule One: Getting Started... 6. Opening Outlook... 6. Setting Up Outlook for the First Time... 7. Understanding the Interface...
2 CONTENTS Module One: Getting Started... 6 Opening Outlook... 6 Setting Up Outlook for the First Time... 7 Understanding the Interface...12 Using Backstage View...14 Viewing Your Inbox...15 Closing Outlook...17
More informationJ j enterpririse. Oracle Application Express 3. Develop Native Oracle database-centric web applications quickly and easily with Oracle APEX
Oracle Application Express 3 The Essentials and More Develop Native Oracle database-centric web applications quickly and easily with Oracle APEX Arie Geller Matthew Lyon J j enterpririse PUBLISHING BIRMINGHAM
More informationWorkshop for WebLogic introduces new tools in support of Java EE 5.0 standards. The support for Java EE5 includes the following technologies:
Oracle Workshop for WebLogic 10g R3 Hands on Labs Workshop for WebLogic extends Eclipse and Web Tools Platform for development of Web Services, Java, JavaEE, Object Relational Mapping, Spring, Beehive,
More informationFastTrack Schedule 10. Tutorials Manual. Copyright 2010, AEC Software, Inc. All rights reserved.
FastTrack Schedule 10 Tutorials Manual FastTrack Schedule Documentation Version 10.0.0 by Carol S. Williamson AEC Software, Inc. With FastTrack Schedule 10, the new version of the award-winning project
More informationRelease 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix ABSTRACT INTRODUCTION Data Access
Release 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix Jennifer Clegg, SAS Institute Inc., Cary, NC Eric Hill, SAS Institute Inc., Cary, NC ABSTRACT Release 2.1 of SAS
More informationJBoss Portal 2.4. Quickstart User Guide
Portal 2.4 Quickstart User Guide Table of Contents Portal - Overview... iii 1. Tutorial Forward...1 2. Installation...2 2.1. Downloading and Installing...2 2.2. Starting Portal...3 3. Portal Terminology...5
More informationUSER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor
USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...
More informationExcel 2003 Tutorial I
This tutorial was adapted from a tutorial by see its complete version at http://www.fgcu.edu/support/office2000/excel/index.html Excel 2003 Tutorial I Spreadsheet Basics Screen Layout Title bar Menu bar
More informationIngeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux
More informationColligo Email Manager 6.0. Offline Mode - User Guide
6.0 Offline Mode - User Guide Contents Colligo Email Manager 1 Key Features 1 Benefits 1 Installing and Activating Colligo Email Manager 2 Checking for Updates 3 Updating Your License Key 3 Managing SharePoint
More informationDeveloping Web and Mobile Dashboards with Oracle ADF
Developing Web and Mobile Dashboards with Oracle ADF In this lab you ll build a web dashboard that displays data from the database in meaningful ways. You are going to leverage Oracle ADF the Oracle Application
More informationCrystal Reports for Eclipse
Crystal Reports for Eclipse Table of Contents 1 Creating a Crystal Reports Web Application...2 2 Designing a Report off the Xtreme Embedded Derby Database... 11 3 Running a Crystal Reports Web Application...
More informationTutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator
Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator Written by: Chris Jaun (cmjaun@us.ibm.com) Sudha Piddaparti (sudhap@us.ibm.com) Objective In this
More informationGoogle Sites: Creating, editing, and sharing a site
Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly
More informationBID2WIN Workshop. Advanced Report Writing
BID2WIN Workshop Advanced Report Writing Please Note: Please feel free to take this workbook home with you! Electronic copies of all lab documentation are available for download at http://www.bid2win.com/userconf/2011/labs/
More informationOracle WebLogic Portal
Oracle WebLogic Portal Tutorials Getting Started with WebLogic Portal 10g Release 3 (10.3) September 2008 Oracle WebLogic Portal Tutorials - Getting Started with WebLogic Portal, 10g Release 3 (10.3) Copyright
More informationUmbraco Content Management System (CMS) User Guide
Umbraco Content Management System (CMS) User Guide Content & media At the bottom-left of the screen you ll see 2 main sections of the CMS Content and Media. Content is the section that displays by default
More informationCreating Personal Web Sites Using SharePoint Designer 2007
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
More informationWorking with the new enudge responsive email styles
Working with the new enudge responsive email styles This tutorial assumes that you have added one of the mobile responsive colour styles to your email campaign contents. To add an enudge email style to
More informationKentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1
Contents Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1 Time for action - Viewing the mobile sample site 2 What just happened 4 Time for Action - Mobile device redirection
More informationMICROSOFT ACCESS 2007 BOOK 2
MICROSOFT ACCESS 2007 BOOK 2 4.1 INTRODUCTION TO ACCESS FIRST ENCOUNTER WITH ACCESS 2007 P 205 Access is activated by means of Start, Programs, Microsoft Access or clicking on the icon. The window opened
More informationRADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide
RADFORD UNIVERSITY Radford.edu Content Administrator s Guide Contents Getting Started... 2 Accessing Content Administration Tools... 2 Logging In... 2... 2 Getting Around... 2 Logging Out... 3 Adding and
More informationNotes Client Tips & Tricks
Southern California October 4 & 5, 2011 Notes Client Tips & Tricks Chuck Smith - IBM Client specific topics A look at the desktop Preferences Business card retrieval order Notes Client Workspace features
More informationHTML Templates Guide April 2014
HTML Templates Guide April 2014 Contents About These Templates How to Apply Templates to a New Content Topic How to Enable HTML Templates Which Template Page to Use How to Apply an HTML Template to a New
More informationMicrosoft Office System Tip Sheet
The 2007 Microsoft Office System The 2007 Microsoft Office system is a complete set of desktop and server software that can help streamline the way you and your people do business. This latest release
More informationUsing the Query Analyzer
Using the Query Analyzer Using the Query Analyzer Objectives Explore the Query Analyzer user interface. Learn how to use the menu items and toolbars to work with SQL Server data and objects. Use object
More informationUsing the Content Management System 05-02-12
Using the Content Management System 05-02-12 Using the Content Management System Introduction 2 Logging In 3 Using the Editor 4 Basic Text Editing 5 Pasting Text 7 Adding Hyperlinks 8 Adding Images 9 Style
More informationContent Management System User Guide
Content Management System User Guide support@ 07 3102 3155 Logging in: Navigate to your website. Find Login or Admin on your site and enter your details. If there is no Login or Admin area visible select
More informationMicroStrategy Desktop
MicroStrategy Desktop Quick Start Guide MicroStrategy Desktop is designed to enable business professionals like you to explore data, simply and without needing direct support from IT. 1 Import data from
More informationCreating a Website with Publisher 2013
Creating a Website with Publisher 2013 University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division of University Information Technology
More information