Friendly URLs in WebCenter Sites

March 4, 2015

By: Darek Blankenbuhler – Application Consultant

Having friendlier, cleaner looking URLs has always been a challenge in WCS. In the past it would require a developer to write a Java class. Once the class had been written it would need to be configured and deployed on every instance of WebCenter Sites in your setup. If you wanted a second assembler for another asset type or blobs that would require even more configuration and coding to work properly. Suffice it to say that in the past making a friendlier URL was a difficult task especially if friendly URLs were not set up during the initial build. This has all changed with the advent of WebCenter Sites 11.1.1.8. Friendly URLs have been built right into the Advanced Interface and no longer require as much specialized knowledge. An administrator can find this new feature in the Admin tab under Asset Types inside the Asset that is being configured.

Fr1

Today I want to set up a new pattern for the Page Asset type. As you can see there are no URL patterns set for pages yet. So, I will go ahead and click Add New, and I will be brought to the following page:

Fr2

Now I am ready to start creating my first URL pattern. As you can see I can be as generic or as specific as I want to be. No longer do I have to worry about writing my templates and URL assembler to work together to render the final product. The system will go ahead and take care of that for me. The URL is comprised of the different attribute values available to the asset. In the case that the Subtype is set to “Any” I will only have access to the default basic attributes that come along with every asset type that is created. By selecting a subtype I can now use attributes that are a part of that asset type in the URL.

Fr3

The primary downside to this is the fact that now the “Standard” subtype will have its own pattern. If I only set up the “Standard Page” URL only page assets with the subtype “Standard” will have a friendly URL. It is a good idea to set up a pattern for “Any” type as before going live. Last we will put it all together with the pattern itself. The pattern uses the Java Expression Language to build the URL. As you can see I can put as much or as little information in the URL as I want too. When I have finished configuring the URL, at the bottom of the page I can get a preview URL for existing pages.

fr4

This way I can test to make sure my URLs are going to come out clean looking before I implement the new URLs. Then I can save and I have completed building the URLs. URL Patterns are stored as a part of the asset type. Which means that all I have to do is publish the asset type to get the URL pattern to be pushed between systems – this tool is kept as simple as possible.

All in all, the new URL pattern tool is a powerful and easy to use tool and a welcome addition to WebCenter Sites. Whether it is the ability to generate URLs using any information in the asset or the ability to make the URL assembler as specific as we want. URL assemblers are now much easier to make and implement.

Want to meet us at Collaborate 15 in Vegas to talk about your WebCenter needs? Fill out the contact form and we will work with you to arrange a meeting!


Connect with TEAM at Collaborate14 in Las Vegas

April 1, 2014

Las Vegas, NV – Venetian and Sands Expo Center

April 7th – April 11th

Want to learn how to deliver enterprise video inside WebCenter Portal and retain ownership of your content?

Want to learn how to utilize the digital asset management power of WebCenter Content with ATG Web Commerce?

Want to find low-cost, fast ROI implementations of WebCenter solutions?

Resolve all the questions you have about Oracle WebCenter and Enterprise Content Management by joining TEAM at  Collaborate 2014 in Las Vegas, NV. April 7th-11th. Stop by our booth #1348 on Main Street for our product demonstrations, talk with our WebCenter Experts, and be sure to catch our customer presentation from Faribault Foods:

 

Session: 724 

Title: Solving Enterprise Content Management for Small Business: Faribault Foods

Time: Wed, Apr 09, 2014 (02:00 PM – 03:00 PM)  

Level 3, San Polo 3502

 

For scheduled times and locations look here.

Collaborate 2014

April 7th-11th

Venetian and Sands Expo Center

Las Vegas, NV

Set up a time to speak with members of TEAM at Collaborate.

 


Oracle WebCenter Suite & Microsoft Office 365 – Understanding the Differences

November 21, 2013

By: Raoul Miller – Enterprise Architect

Improving collaboration and content management are important goals for many organizations today and the choice of products to help is wide.  Understanding the differences between the different platforms and vendors is very important for anyone looking to start an initiative in order for them to get the best value for their investment.  TEAM is a long-term Oracle partner, but is also a Microsoft partner so we are well-positioned to help clients decipher the differences between the two sets of products and decide what is best for their organization – now and in the future. Click here or the picture below to be taken to a comparison paper of the features  of Oracle WebCenter and MS365.

Ovs365


TEAM Quick Tip: Using ADF and The jQuery.dotdotdot Plugin

October 29, 2013

By: Andreja Sambolec – Application Consultant

ellipses picThis blog will provide instructions on how to use the jQuery.dotdotdot plugin together with ADF Faces using JDeveloper 11.1.1.6. The purpose of the plugin is to cut the text and show ellipsis to indicate that there is more text than currently visible. It’s also possible to add the “read more” link and put it AFTER the ellipsis.

elipses

You can find more information about this plugin and download it from

http://dotdotdot.frebsite.nl/

In our project we are using this plugin to cut the text and show ‘read-more’ link. The main problem was the “read-more” link didn’t work using af:commandLink. The purpose of the link in our case was to navigate to some other page. To get this to work we had to use a combination of an HTML link and ADF command link. The HTML link was used to show the link on the page and simulate the click on the ADF command link to perform navigation (this could also be a backing bean action call).

The implementation steps were:

1.  Download jQuery library and jQuery.dotdotdot plugin.

2.  Save the libraries into the public-html/lib folder:

elip2

3.  Add those libraries as resources on the page (inside of af:document):

<af:resource type=”javascript” source=”/lib/jquery-1.10.2.min.js”/>
<af:resource type=”javascript” source=”/lib/jquery.dotdotdot.min.js”/>

4. Add component containing the content and link:

<af:panelGroupLayout id=”pgl1″ clientComponent=”true”>

<div id=”dotid” class=”dotcontent” style=”height:132px;overflow:hidden;”>

<af:panelGroupLayout  clientComponent=”true” id=”pgl2″>

 <af:outputText value=”Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.”  clientComponent=”true” id=”ot1″/>

</af:panelGroupLayout>

<a id=”rm-link” class=”rm-link” onclick=”readMoreContent()” style=”cursor:pointer;color:#688FCF;”> Read  More</a>

</div>

</af:panelGroupLayout>

5. Add ADF invisible command link which will perform the navigation:

<div>

<af:commandLink text=”Read more invisible” action=”details”

styleClass=”rm-invisible” clientComponent=”true”
id=”rm-invisible” visible=”false”/>

</div>

6. Create javascript function to call dotdotdot plugin and simulate click on ADF command link:

<af:resource type=”javascript”>

function Dot() {
$(“.rm-invisible“).on(‘simulate_click’, function () {

document.getElementById($(this).attr(‘id’)).click();
});

$(“.dotcontent“).dotdotdot( {

after : “a.rm-link“, callback : hideLinkIfNoTruncationAlert, watch: “window”

 });

 }
//it’s executed after dotdotdot function to hide the link if text is not cut
function hideLinkIfNoTruncationAlert(isTruncated, origContent) {

 if (!isTruncated) {

 $(‘.rm-link‘, this).remove();

 }

 }
//simulate click on ADF link to execute navigation

 function readMoreContent() {

$(“.rm-invisible“).trigger(‘simulate_click’);

  };

</af:resource>

7. Add af:clientListener to af:document to call the function after the page is loaded:

<af:clientListener type=”load” method=”Dot”/>

If you need to cut some text inside of the page fragment, you also need to add af:clientListener to the parent page.  Alternatively you can set ControllerClass, which implements the RegionController interface, to the pageDef file and call the javascript function from the refreshRegion method.

Now you can use the jQuery.dotdotdot plugin together with ADF Faces using JDeveloper 11.1.1.6. Cutting the text and showing the ellipsis to indicate that there is more text can really clean up your pages. Using a “read more” link provides another form of navigation to direct your visitors to content faster. For more information on ADF and other WebCenter questions, please reach out to us!


Handling Differences Between XML and JSP Tags in WebCenter Sites

September 12, 2013

By: Darek Blankenbuhler – Application Consultant

sites boxIn WebCenter Sites there is a common issue of using JSP tags that function differently than their XML counterparts, even though the tags share documentation.  This can become a major issue when a developer is required to use JSP, for example when using a custom Java class in the element code.

To counter this issue there is a function in the ics class called RunTag.  This function will run any tag as an XML tag and create all the necessary objects inside the JSP.  The tag is very simple to use.  First the developer needs to identify all of the XML attributes the tag will need.  Keep in mind that some of these attributes will have different names.  Then the developer needs to create an instance of FTValList (found at COM.FutureTense.Interfaces.FTValList).  The FTValList will allow the developer to create a name/value map.  In this case, the developer will want to create the map using the pattern attribute name/attribute value.  Once the FTValList has been created, the developer can run the RunTag function.

Here is an example for running the RunTag function on the proprety:get tag.

FTValList attrs = new FTTValList();

attrs.setValString(“PARAM”,”xcelerate.batchpass”);

attrs.setValString(“INIFILE”,”futuretense_xcel.ini”);

attrs.setValString(“VARNAME”,”batchPassword”);

String tagReturns = ics.RunTag(“PROPERTY.GET”, attrs);

The example code is retrieving the property xcelerate.batchpass.  I chose this specific example because this is one of the places where JSP and XML differ.  The JSP version of the PROPERTY.GET tag will not unhash the password, whereas the XML version will.

You may notice that the tag returns a string.  This string will contain any output the tag itself might generate.  Most tags in the system do not generate any output, so most of the time this string will be null.  However, if the tag does output anything, that data will be available in the string.

All in all, it is important to remember to check the Java API section of the tag reference.  WebCenter Sites tags have a great deal of functionality, the RunTag method is just one example.  There are plenty of other methods in the Java API (more specifically the COM.FutureTense.Interfaces package included on each JSP) that will allow for even more control and functionality within any template that is written.

If you are ready to get started with WebCenter Sites, or perhaps need some help on your current project. Feel free to Contact us!


Reblog: How the New Release of Oracle WebCenter Sites Keeps Marketers in Step with Digital Experience Trends

August 29, 2013

By: Joshua Duhl, Senior Principal Product Manager for Oracle WebCenter Sites.

Original Article – https://blogs.oracle.com/webcenter/entry/how_the_new_release_of

Over the past few years, Digital Experience has tended to be a fast moving market. Driven by changing online consumer behavior, and fueled by key trends which include the demand for engaging mobile experiences that maximize efficiencies, simplification of multi-channel content management that support the reemergence of the brand site, and the personalization of individual digital experiences, it presents a challenge to marketers attempting to keep pace.

Web Experience Management or WEM, the product category focused on the creation and management of digital experiences, is rapidly changing as well. WEM has grown out of simple web site management or web content management, to include personalization, social engagement, mobile engagement and support for multi-channel marketing experiences. Now more than ever before, marketers are increasingly and actively seeking WEM solutions that enable them to keep pace with the rapid evolution of digital marketing, and the relentless demand for engaging, and cross-channel digital experiences.

Oracle’s WebCenter Sites has long been a market leading WEM solution. With the release of WebCenter Sites 11.1.1.8, Oracle continues to expand the power and impact of WEM solutions, and keeps marketers in step with these key trends. Let’s take a look at how WebCenter Sites addresses them.

The ability to manage and deliver engaging mobile experiences is currently the most pressing need we hear from our customers. Mobile site management is now seen as an integral part of managing their overall online experience, yet it comes with a distinct set of requirements that may need to be met separately, depending upon specific objectives.

WebCenter Sites 11.1.1.8 new mobile site management option offers marketers the ability to manage their mobile sites with the same ease as managing their traditional online experience, while providing flexibility to deliver device-optimized sites as needed. By allowing content reuse, the utilization of the same tools and experience for site authoring and publishing processes across web and mobile, and by leveraging responsive design to reduce site development and speed time to market, marketing can maximize efficiencies for mobile site development, and deliver a consistent cross-device brand experience. In addition WebCenter Sites allows marketers to meet mobile-specific requirements when needed, providing mobile template and site plan customization, device management, and in-context preview and editing of mobile sites. It also enables full mobile content targeting, to drive personalized mobile experiences across any mobile device.

 

mobbile

Mobile sites can be edited using drag-and-drop tools and previewed within the same business user interface as the traditional web presence.  

Over the past few years, consumers have turned the tables on brands, dictating how, when and where they want to experience the brand. As more online channels have emerged to meet this demand – from brand sites, to micro and multilingual sites, to email campaigns, through to mobile and social – the more complex content management has become for online marketers. What we’re seeing now is the reassertion of the importance of the brand site; the idea of the corporate .com as a center point of digital experience. The content that drives activity on other online touch points (email offers, social promotions, microsite landing pages) ultimately points back to the brand site, where all of these channels converge.

In response to this trend, WebCenter Sites now enables marketers to search and access content originating from other channels such as YouTube, Brightcove and other cloud-based stores, or from enterprise content management systems, like WebCenter Content – in other words regardless of where it is stored – from within the WebCenter Sites authoring environment, and incorporate it within brand sites to produce a more unified, cross-channel experience.

 

 CI

The Oracle WebCenter Sites visual contributor interface provides web marketers with an easy-to-use site authoring experience, aggregating content that can originate from a wide variety of sources .

The trend to drive personalized digital experiences has finally reached the tipping point, where every organization we engage with has some sort of personalization initiative on their short list of digital experience priorities. In this new release, WebCenter Sites addresses a broad range of personalization capabilities including:

  • Targeting content and experiences to different customer segments
  • Making online search more relevant and intuitive through incorporation of Endeca guided navigation
  • Providing tools that enable site visitors to tailor their own online experience
  • Targeting specific content to mobile sites and devices
  • Integration with a fully automated predictive system
  • Advanced vanity URL management to enable better SEO targeting and campaign landing page management

Of these, the latter two are of greatest interest to our customers. The ability to deliver engaging mobile experiences is in part dependent on delivering personalized, targeted content to specific mobile site visitors. Lastly, our customers are beginning to see the power of connecting WebCenter Sites native targeting engine to a predictive solution. It can offset the labor associated with managing segmenting and targeting through automation, while delivering higher success rates for metrics like click-throughs andconversions, or driving bottom line results like recommending higher margin items. We expect to see the most interest and growth in fully automated predictive system integrations in the coming year.

Lastly, this release also supports the broader trend of social interaction. Building on the prior 11gR1 release, WebCenter sites provides expanded social capabilities for faster and easier development of social pages, and customer login from social sites. These features include:

  • Drag and drop of social components (polls, ratings, rankings, comments) directly into pages, with no coding required
  • Expanded social login support enabling login to WebCenter Sites using credentials from over 30+ social sites
  • Support for Oracle Access Management (OAM) platform for web single sign-on and access management
  • Publishing directly to Google+ from WebCenter Sites

The demands of digital experience continue to deepen and expand. Marketers need WEM solutions, like Oracle WebCenter Sites, that enable them to address the changing needs of their visitors, keep up with the rapid evolution of digital marketing, and meet the relentless demand for engaging, and cross-channel digital experiences.

If you would like to see what Sites can do for your marketing team and customer experience, contact us today!


15 Great WebCenter and ADF Resources

June 24, 2013

TEAM is an enterprise solutions and technology company that collaborates with clients providing products, services, support and training to put unstructured data to work.  TEAM’s expertise lies in Oracle’s WebCenter pillar and more specifically WebCenter Content (UCM), Sites (FatWire), Portal and ADF within the WebCenter family of products. Expanding upon last year’s posts from John Brunswick on 25 Great ADF resources and 25 Excellent WebCenter resources, I have added 15 additional resources that will assist you with getting up to speed on these products and staying on top of the latest news and tips.

WebCenter and ADF Blogs

Oracle A-TEAM

The contributors to this blog are comprised of the WebCenter contingent of Oracle’s Fusion Middleware Architecture Team, otherwise known as the “A-Team”. This particular group of product specialists maintains expert knowledge in the areas of WebCenter Portal, Webcenter Sites (FatWire), Oracle ADF, WebCenter Content (UCM) and Site Studio (WCM), and WebCenter Imaging (IPM). These experts support Oracle’s key middleware accounts worldwide. I am certain that you, the reader, will find ample nuggets of wisdom in this blog to help further your current or future Fusion implementations, but should the information in this publication fall short … you know who to call on.

ADF Code Corner by Frank Nimphius

JDeveloper is the IDE used to create these WebCenter and ADF applications and this blog by Frank Nimphius will keep you up to date on the latest tools and tips regarding this product.

Yannick Ongena’s WebCenter Blog

Yannick Ongena’s Blog has an in-depth tutorial on the WebCenter Portal product with tons of additional tips on other products and technologies including WebCenter Portal: Spaces and ADF.

One size doesn’t fit all by Chris Muir

New blog by Oracle ADF Product Manager Chris Muir that is already filled with some great tips on ADF task flows and data models.

Forums

Google WebCenter EMG Group

The WebCenter Enterprise Methodology Group is for discussing high level design issues for WebCenter projects, beyond how to get things to work via the OTN forums.

Oracle’s JDeveloper and ADF forum

Oracle’s official forum on JDeveloper and ADF products and technologies that also includes announcements for upcoming events.

Training

Free Advanced online ADF Course

Free ADF course that runs you through video tutorials and hands-on labs and then gives you a quiz at the end of each section.

Tutorial for WebCenter Portal Developers (11.1.1.6)

Updated tutorial for the WebCenter Portal product.

Tutorial for WebCenter Portal: Spaces Developers (11.1.1.6)

Updated tutorial for WebCenter Portal: Spaces product.

Documentation

Latest WebCenter PS5 Documentation (11.1.1.6)

WebCenter Portal

Oracle’s official documentation on the WebCenter Portal product.

WebCenter Content

Oracle’s official documentation on the WebCenter Content product.

Expression Language Expressions

Explains expression language expressions and gives you tips on the most common ones to use within your WebCenter Portal application.

Videos

Oracle WebCenter Social Network

Great set of videos that explain the WebCenter Social product and what we can expect with the upcoming release.

Build Killer Sites with Oracle WebCenter

Explains the AviTrust WebCenter Portal website that is used within the WebCenter Portal VM and how you can use the examples within that application within your own WebCenter Portal application.

Advanced ADF Faces – Skinning & Javascript

Every WebCenter Portal project will need some sort of skinning and this video explains the best practice on how to accomplish this.