Come join me and Ted Zwieg at Collaborate14 on our presentation Taking UX and development to the next level.
Fri, Apr 11, 2014 (09:45 AM – 10:45 AM) : Level 3, San Polo 3501A.
Here is our session overview -
Taking the WebCenter Portal User Experience to the Next Level!
|Learn techniques to create unique, award winning portals that not only supports todays need for Mobile responsive and adaptive content but take the next steps towards innovative design – enhancing both the user journey and experience for creating todays modern portal and the way in which developers can expand the reach and potential of the portal with these new modern techniques.
Attendees will not only learn about new approaches but will be shown live portals using these techniques today to create a modern experience.
|Learn how to develop your portal for future and enable marketing/design teams to react and generate interactive content fast with no ADF knowledge.
Designed for users wanting to learn the art of the possible and discover what is achievable with WebCenter Portal and ADF – creating compelling user experiences and keeping up to date with modern techniques and design approaches that can be combined to create a faster more interactive ways of navigating through portlets and the Portal.
This session will demonstrate a couple award winnings examples of live clients who have taken their ADF WebCenter Portal environment to the next level – showing how by combining HTML5 techniques, third party libraries and responsive/adaptive design with ADF; when used in the correct way can not only improve the performance but the way in which users and developers can interact with portal using modern web design techniques.
Learner will be able to:
- Identify art of the possible with ADF. (everything is achievable…)
- Discuss achievable concepts and methods to enhancing the ways in which users can interact with Portal.
- Improved understanding of Responsive and Adaptive techniques – not only targeted for Mobile devices
- Understand how to structure the portal for faster response times with new frontend techniques
- Integrate with Non ADF third party components for a more dynamic experience
- Developers will learn new methods to manage and maintain key core components
[Fishbowl Solutions WebCenter Accelerator] [ADF Mobile]
[Portal, Content And BPM/SOA]
At Fishbowl Solutions we’ve been focusing heavily on Mobile solutions over the last 4 years – working on both award winning native and hybrid apps as well as adaptive and responsive web sites and portals for tablet and mobile devices. Last year we decided to expand our reach with ADF Mobile and Cordova based hybrid applications targeting the WebCenter Suite for Android and IOS (as well as Blackberry, Microsoft for those using plain Cordova or IBM Worklight).
Both Oracle and Fishbowl offer a suite of powerful Native apps available on the Android Google Play and IOS iStore; however these solutions to date are not extendible or brand-able from Oracles side or require customisations and consultancy services from Fishbowl Solutions to extend and enhance the native apps to meet unique client requirements.
With the Oracle ADF Mobile Framework java developers and clients can now easily pull together hybrid applications within JDevelopers visual app designer; however and unfortunately there are currently no Oracle supported open ADF Mobile application for the WebCenter suite that allow clients to easily extend and enhance existing functionality for their corporate users running on mobile devices – and currently the WebCenter apps are not targeted to provide the clean User eXperience for mobile devices and lack features like offline or native device support.
All existing WebCenter Apps that clients want mobile access too, now have to be rebuilt for mobile devices as either native or hybrid applications like the ADF Mobile Framework – so at Fishbowl we’ve decided to build out Fishbowl supported mobile app accelerators for WebCenter Spaces, Content and BPM/SOA (More to come on our Mobile Roadmap). That will allow both your Marketing (Web designers with no ADF knowledge) and ADF Mobile Development teams to extend and quickly and easily customise, enhance and build mobile applications that provide all of the key out of the box features that come with the WebCenter Suite more importantly if you don’t have a requirement for any of the modules these can easily be switched off until you need to enable them in the future – these can also be packaged as a single unified app or multiple individual applications based on your requirements.
The core Fishbowl WebCenter accelerators (Portal, Content, BPM/SOA) are packaged and cannot be customised directly this is so that we can send out software updates as we follow our roadmap for more integrations and accelerators to all our clients without the need to worry that our core accelerators have been tweaked – what we do provide is a key set of APIs and templates that enable you to easily extend, enhance, brand the application as well as create or extend the UI or User Flow of the app to support and integrate with customised bespoke client WebCenter services or custom portal taskflow services or even third party core business applications – empowering you to manage and maintain the app whilst we at Fishbowl provide the key core support, services and UI Shell for future WebCenter OOTB releases.
For more information or a demo – Please contact Fishbowl Solutions here.
Here are a few tips for creating new ADF Templates for WebCenter Portal.
There are 2 approaches widely used – the first option is to use pure ADF for everything – the second and one which I follow is the hybrid approach to use HTML and JSTL tags only for templating; as I feel its easier for web designers to skin and maintain a light weight frontend without the need to learn ADF techniques.
Read on for tips on templating -
So there are a few ways to create portlets, widgets and gadgets for WebCenter -
As an example I will show you the basics to recreating the “OOTB WebCenter Portal forum taskflow” that hooks into JIVE as a light weight Async JS template driven portlet that you can drag and drop from the resource catalogue and supply configurable values.
This will enable marketing or IT teams who have no knowledge of ADF to manage, customise and enhance the look and feel of the portlet with just HTML and CSS skills. Also they will not need to redeploy the portlet via weblogic to apply enhancements – if they have access to the files on the server ie with FTP or SCP – you could also include these files on the content server – if it’s externally facing to handle revisioning version control much like sitestudio.
Click here to see the viewlet
Here’s a quick video that shows the OOTB Spaces Forum on the bottom against a simple one on the top that I created using this approach. You’ll also noticed I added an upload capability that allows the user to upload docs into WebCenter Content associated to the JIVE forum that is not part of the OOTB taskflow capability.
Read on to view the guides on how to recreate this approach and learn some useful tips on the way -
You could present a popup requesting the user to re authenticate; however this isn’t ideal if the user has already authenticated with the portal to access your new JS Components.
Read on to see the options available to you -