If you’re interested in WebCenter, chances are you’re into social networks . There’s a pretty active group of people on LinkedIn, discussing WebCenter-related issues, questions. The group has 40+ members and counting… Participants include customers, partners, as well as members of the WebCenter product team. Worth checking it out…

The WebCenter 11g Handbook: Build Rich, Customizable Enterprise 2.0 Applications is now available in online stores and possibly in your nearest book store too.

If you are evaluating the WebCenter Framework, Social Computing Services, or are simply curious what WebCenter is all about – flipping through the book is a pretty time and cost effective way of getting the big picture. If you are using WebCenter, there are a lot of samples that walk you through the capabilities.

Here is some extra information that may help you decide if this is the right book for you. The high level table of contents is at the bottom of the post, and here is the detailed TOC. This is a podcast (mp3), published by McGraw Hill about the book. And here is a sample chapter from a snap shot taken shortly before the book went to print, so it’s very close to the actual one in the book: Chapter 11 – Runtime Customization.

Table of contents

Part I: Introduction to Oracle WebCenter and the Application Development Framework
Chapter 1. Business Application Development: The Journey to WebCenter
Chapter 2. The WebCenter Development Environment
Chapter 3. Oracle Application Development Framework
Part II: Building WebCenter Applications
Chapter 4. Building Your First WebCenter Page
Chapter 5. Consuming and Building Portlets
Chapter 6. Inter-component Communication
Chapter 7. Integrating Content Systems
Chapter 8. Overview of WebCenter Web 2.0 Services
Chapter 9. Social Web 2.0 Services–New Concepts in the Application Landscape
Chapter 10. Setting Up Your Development Environment for Success
Part III: Tailoring Your Applications
Chapter 11. Run-Time Customization
Chapter 12. Resource Catalog
Chapter 13. Skinning Your WebCenter Applications
Chapter 14. Metadata Services Framework
Chapter 15. Extending Oracle Composer
Chapter 16. MDS Under the Hood of WebCenter
Part IV: Administering Your Applications
Chapter 17. Installing and Managing WebCenter
Chapter 18. Security
Chapter 19. Deployment
Part V: Oracle Applications Integration
Chapter 20. Extending Oracle Applications with WebCenter
Chapter 21. Looking to the Future with WebCenter and Fusion Applications

A nice collection of podcasts has been posted on OTN under the OTN Developer Webcast Series, two of which cover WebCenter-related topics: Oracle WebCenter Spaces: Enterprise 2.0 in Action (View Online | Download), presented by Christian Hauser, and Introduction to the Oracle WebCenter Framework and Services (View Online | Download), recorded by myself.

Here is the list of all the topics covered:

• Oracle WebCenter Spaces: Enterprise 2.0 in Action: Christian Hauser, Principal Product Manager – Oracle Enterprise 2.0 & Portal Products
  Bring Web 2.0 into your enterprise with Oracle WebCenter Spaces, a pre-built and customizable application that brings together the latest technology around social computing, communities, personal productivity, and ad-hoc team interactions to enable users from multiple geographies to work more effectively by eliminating or reducing duplication of efforts and content inconsistencies, sharing valuable team resources to solve business problems and tapping into new ideas.
• Introduction to the WebCenter Framework and Services: Peter Moskovits, Senior Principal Product Manager- Oracle Enterprise 2.0 & Portal Products
  Discover how to break the boundaries between web-based portals and enterprise applications with Oracle WebCenter Framework, a development framework that allows you to add the different components to the portal or application when necessary thereby improving the overall application delivery and maintenance.
• Oracle Security Solutions: Amitpal Dhillon, Senior Sales Consultant, Identity Management & Security Specialist
  Gain insight on how to simplify application development and focus on solving business problems with Oracle’s security solutions which provide developers with a standards-based, portable, enterprise-grade security platform across Oracle Database and Oracle Fusion Middleware platform
• High Performance Computing: Arthur Tyde, Senior Manager – High Performance Computing
  Understand how you can leverage on Oracle’s portfolio of High Performance Computing solutions to create a secure, scalable and high-performing environment with centralized enterprise management framework, intelligent storage strategy, data synchronization and high transaction throughput.
• Manageability for Developers and DBAs: Shahid Nizami, Senior Manager – Enterprise Management Solutions
  Deliver enhanced manageability and automation across both your Oracle and non-Oracle technologies while simultaneously controlling the cost of managing the systems and applications in your organization with Oracle’s application management solutions. Learn how you can thoroughly test your applications before deployment, proactively monitor end-user performance, and quickly trace the cause of the performance problems.
• New Oracle Features for .NET Developers: Alex Keh & Christian Shay, Principal Product Managers – .Net Technologies
  Simplify your .Net development and improve your application performance with the latest Oracle database features which includes the ability to tune your application within Visual Studio (Oracle Performance Analyzer & SQL Tuning Advisor); create, modify and administer your queues and queue tables (Advanced Queuing); and promote local transactions to distributed during run time (Promotable Transactions).
• Building a BI Application with Oracle Business Intelligence: James Nguyen, Sales Consultant – Business Intelligence
  Learn how to build your own business intelligence application with Oracle Business Intelligence from our step-by-step demonstration as we walk through how to build a business intelligence repository, add a measure and calculations and create the reports and dashboards.

The first patch set for WebCenter 11g has arrived. The latest version is available on the Fusion Middleware 11g Download Page. To get started with the WebCenter Framework, you need to download the studio edition of JDeveloper and install the WebCenter Extension for JDeveloper through Help > Check for Updates.

The documentation has been revamped as well.

Some of the key new features:

• People Connection: this service allows you to build Facebook or LinkedIn like business networks. The People Connections service includes task flows that show off a user’s profile, visualize the user’s connections list or network, display all the invitations pending and accepted from others, deliver a whiteboard (often called a “wall”) to project out relevant information about one’s role or self, and provide a means to monitor and manage received and given kudos. The People Connections service provides a view of these activity streams and includes filters for the user to determine the type of activities that are of interest.
• Content Presenter: this service allows business users to select a document, apply a template, and publish it in their pages. Content presenter is very similar to the WebLogic Portal Content Presenter Portlet.
• REST APIs:
  • The Discussions service REST APIs enable a client to post, read, update, and delete discussion forums, topics, and messages.
  • The People Connections service REST APIs enable a client to view profile data; manage connection lists, feedback, and messages; and view activities for users, lists, and group spaces.
  • The WebCenter Spaces REST APIs enable a client to retrieve group space metadata and view, create, update, and delete group space lists and list items.
  • The Content Management REST Service uses the CMIS (Content Management Interoperability Services) RESTful server binding to provide access to the CM VCR (Content Management Virtual Content Repository).
• Personal Calendar: the new personal calendar uses the rich ADF-Faces calendar component.
• Composer Improvements: more control over page layout.
• Tighter integration with SES: All Social Computing services are integrated with SES. You can configure Spaces and custom WebCenter applications to be crawled and indexed by SES, resulting in relevancy ranked search results for all data sources.
• Wiki & Blog integration got significantly better with out-of-the-box search integration.
• Extended browser support: IE8, Safari 4.x, Firefox 3.5
• Scalability and performance improvements

Federated Portals Guide – WSRP Interoperability with the WebCenter Framework: This is a very useful part of the WLP documentation discussing the steps you need to take to consume WSRP 2.0 portlets, including the WebCenter Social Computing Services exposed as portlets.

Topics covered:

• Installing the Patch Set
• Consuming WLP Portlets in WebCenter Framework and Oracle Portal Applications
• Consuming WebCenter Framework Portlets in WebLogic Portal
• Configuring Security
• Interportlet Communication Considerations
• Consuming Oracle ADF Faces Rich Client Component Portlets

We’re about to make a hosted version of WebCenter Spaces 11g available to our partners and customers. If you are interested in being among the first ones testing WebCenter 11g in our hosted environment, watch Tom Quigley’s brief announcement and request an invitation.

I’m giving away three copies of the Oracle WebCenter 11g Handbook to the top 3 bloggers/tweeters about Oracle WebCenter during Oracle OpenWorld 2009 (Oct 11-15).

To be considered for the price, all you need to do is post a link to your blog and/or twitter name here as a comment.

The book is scheduled to be released in December 2009. I will announce the winners here and contact them in person to discuss shipping information.

Como decidir se uma solução de portal é boa ou não para meu projeto?

Muitos profissionais se perguntam qual solução adotar no seus projetos. Adoto uma solução de portal? Uma solução de WCM (Web Content Management)? Existem muitas opções de integração de aplicações como, mashups, ferramentas de ECM, widgets, desenvolvimento customizado de sites web e RIA (Rich Internet Application). Como comparar uma solução de portal com uma solução de WCM, colaboração, etc?

9 fatores que devem guiá-lo a decidir se deve ou não usar uma ferramenta de Portal

1. Você tem o “skill” e a mão-de-obra necessária para manter uma solução de portal? Mão-de-obra essa que deve ser especializada de acordo co ma complexidade da integração. Porque o TCO de projetos que envolvem soluções de Portal, variam diretamente com o número de aplicações back-end e repositórios que iremos integrar com o Front-End da nossa solução de Portal. Se você quiser adotar uma solução mais simples, pode-se pensar em uma equipe entre 3-5 colaboradores para manter sua solução de Portal no ar sempre atualizada. A chave aqui é: Quanto mais complexa a integração com múltiplas aplicações back-end, mais mão de obra especializada iremos precisar.

2. Maturidade ciclo de vida do desenvolvimento de aplicações. A equipe de TI deve ter experiência no ciclo de vida do desenvolvimento de uma aplicação. Por exemplo, deve se considerar ambientes separados para desenvolvimento, integração, teste, qualidade e produção. Portais de missão critica requerem mais atenção com Infra-Estrutura, gerenciamento de código fonte, scripts de teste, configuração de arquivos e múltiplas instâncias do Portal. Maturidade do processo e disciplina são fatores chave para o sucesso desses projetos.

3. Os profissionais de Gestão do Conhecimento devem trabalhar com os Arquitetos de Solução e a Equipe de TI para mensurar quais sistemas operacionais, bancos de dados, servidores de aplicações, ERP’s, etc para decidir qual plataforma de Portal irão adquirir. No “frigir dos ovos” quando falamos de portais, falamos de INTEGRAÇÃO, então se pudermos alinhar componentes como WCM e Portal de um único fabricante, isso pode reduzir significativamente nossa “dor-de-cabeça” no que diz respeito à integração dessas aplicações.

4. Necessidade de acesso seguro através de grupos e usuários nomeados. As soluções de portais permitem que os administradores selecionem expor diferentes páginas e portlets para diferentes grupos de usuários dependendo de suas permissões. Empresas que não possuem uma boa política de segurança da informação talvez possam optar por uma solução de WCM com segurança feita pelo servidor Web nativo.

5. Os portais oferecem vários métodos para integração com aplicações de terceiros, mas o mais recomendado é usar portles baseado no JSR-168 e no seu sucessor, o JSR-286 para portais baseados em JAVA. Empresas que necessitem de integrar muitos aplicativos de terceiros em uma única interface irão achar em uma solução de portal a melhor maneira de se fazer isso. Mas aqueles que tem limitações quanto às integrações talvez possam considerar usar uma solução básica de WCM ou uma aplicação Web customizada.

6. Portais oferecem um mecanismo para controlar o “branding” por meio de um Web Site multipart ou por meio de uma aplicação. Branding está relacionado aos elementos visuais, como classificar seu site em um mecanismo de busca, enfim tudo o que você irá fazer para tornar o seu site mais acessado. As tecnologias oferecem isso através de “skins” no quais você pode aplicar elementos XML e CSS para fins específicos de “branding”. Mas quem detém um simples site, sem complexidade de navegação ache melhor usar uma versão standard de algum portal.

7. Necessidade de customização pelos usuários finais. De acordo com uma pesquisa do instituto Forrest, menos de 20% dos funcionários de uma empresa se preocupam em customizar uma página deles em um portal da companhia que trabalham. E a customização eleva a complexidade em futuros upgrades do portal. Se você tem essa necessidade escolha um portal, se não tem, poderá usar alternativas como um WCM ou uma aplicação Web customizada.

8. Customização da interface. Para empresas que investem em design da interface, as tecnologias de portais oferecem frameworks consistentes para executar e renderizar esses designs. Versões mais novas de portais como os da IBM e Oracle começaram a adicionar novas e avançadas tecnologias como AJAX.

9. Reúso dos componentes dos portais. Os profissionais de Gestão do Conhecimento devem considerar o nivel de reuso de componentes específicos – elementos da UI (User Interface), portlests e serviços de back-end – como elementos chave. Construir uma aplicação para no futuro podermos fazer um reuso desses componentes requer um nível de especialização alto o que infelizmente muitas companhias não possuem. Se o reuso de componentes está no topo de suas prioridades considere o uso de alguma tecnologia de portal.

Baseado no paper da Forrest : Deciding Wheter Or Not To Use A Portal Platform

WebCenter Spaces ist ja bekanntlich eine ADF 11g Anwendung und kann, wie im Whitepaper “ExtendingWebCenter Spaces” beschrieben, mit eigenem Navigationsmodell, eigenem Layout (Shell),  mit eigenen Skins,  eigener Resource Palette (Business Repository) usw. erweitert werden. Beim Customizing von WebCenter Spaces werden die Änderungen in ein eigenes Web Application Archive gepackt und zur Spaces Anwendung hinzudeployt. Somit kann durch einfaches Undeployment des eigenen WARs der ursprünglichen Zustand von Spaces wiederhergestellt werden. Das bedeutet also, dass auch ein eigenes Skin nur über das “CustomWebCenterSpacesWAR” erstellt und der Spaces Anwendung hinzugefügt werden kann.

Man definiert also zuerst ein Skingrundgerüst, am besten durch Kopieren eines in der Customizing App vorhandenen Skins und fügt es der Spaces Anwendung wie im Whitepaper beschrieben bei. Hinweis: Bitte achten Sie genau auf die Reihenfolge und die Zeitpunkte des Stoppens und Startens des Managed Servers für Spaces.

Die Herausforderung ist nun, aus den umfangreichen ADF Faces UI Komponenten die in Spaces verwendeten herauszufinden und gezielt in einem eigenen Skin zu verändern. Dazu kann der Blogeintrag “ADF Faces Stylesheet rückverfolgen” als Anleitung dienen. Hier wird beschrieben, das man über die web.xml der Applikation die CSS Komprimierung deaktivieren sollte, um die verwendeten Stylesheetklassen zu erkennen und dann auf den Skineintrag schließen zu können. In unserem Falle bedeutet dies, die web.xml der Spaces Anwendung zu bearbeiten und nicht in der “CustomWebCenterSpacesWAR”.

Hier die Vorgehensweise in der Übersicht. Man muß nun das webcenter.ear Archiv finden, öffnen, das darin enthaltene webcenter.war öffnen und dort die web.xml mit dem entprechenden Parameter wie im o.g. Blogeintrag beschrieben  ändern. Anschließend alle Archive wieder einpacken und das webcenter.ear updaten.

• Webcenter.ear finden

Hierzu geht man am besten auf die WLS Konsole des AdminServers und klickt auf Deployment. In der Liste der deployten Anwendungen geht man zum Eintrag webcenter, wählt den Eintrag an und klickt auf updaten.

Dort sieht man dann den Pfad des Archivs, z.B. . D:\Oracle\Middleware\Oracle_WC1\archives\applications\webcenter.ear

Bitte die Seite so stehen lassen. Hier wird dann später das Update erfolgen.

• Archiv auspacken und Web.xml bearbeiten

In dem angegebenen Pfad finden Sie dann das webcenter.ear. Bitte machen Sie eine Sicherheitskopie davon. Packen Sie das EAR File aus (zum Beispiel mit Zip). Dann finden Sie darin das webcenter.war.

Packen Sie das webcenter.war File aus und Sie finden dann im Pfad  WEB-INF die web.xml. Bearbeiten Sie diese.

Fügen Sie zwischen dem letzen Tag für <context-param> und  dem ersten Tag für <resource-ref> den <Context-param> für die CSS Dekomprimierung ein, also zum Beispiel so:

<context-param>
 <param-name>
 CpxFileName
 </param-name>
 <param-value>
 oracle.webcenter.webcenterapp.bindings.DeploymentDataBindings
 </param-value>
 </context-param>
<!-- Customize Skin-->      
 <context-param>
 <description>Disable CSS Compression</description>
 <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
 <param-value>true</param-value>
 </context-param>
 <resource-ref>
 <res-ref-name>
 jdbc/WebCenterDS
 </res-ref-name>
 <res-type>
 javax.sql.DataSource
 </res-type>
 <res-auth>
 Container
 </res-auth>
 </resource-ref>

• Archive einpacken

Packen Sie als erstes wieder das WAR Archiv zusammen, z.B. mit Zip. Achten Sie bitte dabei auf Beibehaltung der originalen Verzeichnisstruktur. Packen Sie anschließend wieder das EAR  mit dem so geänderten WAR Archiv zusammen. Achten Sie bitte darauf, dass das EAR File im o.g. Pfad liegt und das alte EAR überschrieben wird, in unserem Beispiel D:\Oracle\Middleware\Oracle_WC1\archives\applications\webcenter.ear

• Webcenter Anwendung updaten

Sollte der Managed Server für Spaces nicht laufen, so starten Sie ihn bitte vor dem Update der Anwendung. Kehren Sie zur oben geöffneten Seite in der WLS Console (Update Webcenter Anwendung) Maske und klicken Sie nun auf “Finish”. Damit wird dann Ihre Webcenter Spaces Anwendung redeployt und Sie finden nun im Source Code der Spaces Seite die nicht komprimierten CSS Klassen vor.

Verfahren Sie nun, wie im bereits oben referenzierten Blogeintrag beschrieben, fort, um Ihren Spaces Stylesheet zu definieren.

<DM>

There’s a new WebCenter Extension available that you can install very quickly and easily through JDeveloper’s Help > Check for Update. To confirm that the new version is installed, check the extension version through Help > About. Look for extension version: 11.1.1.1.0.090820.0735.

The updated extension contains fixes for a number of issues; most importantly the incorrect MaxPermSize setting that the WebCenter Extension injected on the project level. This value caused conflicts with the Integrated WebLogic Server settings specified in the SetDomainEnv shell script.

As a result of this fix you will not run out of memory after a few runs of your WebCenter application.

Regardless of whether you do or don’t have the WebCenter Extension already installed, it is safe to install the new version.

Bonus: if you want to download the extension offline and install it off of your file system, here you can get a hold of all the Oracle Fusion Middleware extensions, including the SOA Composite Editor and the Team Productivity Center.
Important note: If you choose to download the WebCenter extension from OTN directly, be sure that you DO NOT extract the extension zip file. Point JDeveloper’s Help > Check for Update to the downloaded zip file directly.

Isn’t it nice to see the JDeveloper extension model work when quick fixes need to be released?

A new version of the not too long ago published ADF and SOA Fusion Order Demo is available for download, featuring many WebCenter capabilities.

The Fusion Order Demo for WebCenter incorporates the following WebCenter services:

• Document Library
• Discussions
• Announcements
• Links (integrated with the Document Library)
• Custom Links
• Tags (integrated with the Document Library)
• Custom Tags
• Search (Documents, Discussions, Announcements, Tags)
• Oracle Composer
  • Runtime page editing
  • Multiple resource catalogs (aka: business dictionaries)
  • Resource catalog filters
  • Composer extensions
  • Skinning of customizable components

The demo also showcases the usage of several public WebCenter APIs, including Composer and Oracle Discussion APIs.

With Tom Quigley we just published a new demo showcasing what it takes to publish ADF or WebCenter applications as Google Gadgets. The demo walks you through the simple steps of building an ADF application, exposing it as a Google Gadget with Ensemble, and consuming the gadget in iGoogle.

I was reading Oracle Web Center announcement few days ago. Browsing top down on Oracle web site, I found it very similar to SharePoint presnetation from new Microsoft SharePoint website (actually interesting side note – SharePoint web site runs on SharePoint).  Web Center announcment came together with Microsoft Social Enterprise vision, published during Enterprise 2.0 conference last week.

Oracle Web Center

Microsoft SharePoint

Interesting combination of facts – Oracle already have dedicated PLM product (Agile PLM) as part of their portfolio. Some of PLM vendors made their commitments and released SharePoint oriented portfolios. Now, my thoughts- what platform will be more beneficial for Product Lifecycle Management?

What do you think about it?

We just released a new Patch Set Update 10.3.1.0.1 for WebLogic Portal 10.3 which enables interoperability with WebCenter 11g via WSRP 2.0. This patch set allows you to consume the WebCenter Social Computing Services (aka: WebCenter Web 2.0 Services) components and task flows in WebLogic Portal, by leveraging the Oracle JSF Portlet Bridge (JSR 301). Also, you can build new capabilities with Oracle ADF and WebCenter and surface them in WebLogic Portal.

This patch is the technical enabler required for interoperability, and it provides variety of product fixes as well. For important information, please see these sections of the Release Notes.

Our plan is that future WebLogic Portal 10.3 patches will be issued on top of Patch Set Update 10.3.1.0.1, so it’s critical that customers install this patch.

Seit 01. Juli ist das Release 11g zum Download auf  OTN verfügbar. Die JDeveloper Studio Edition enthält diesmal nicht die Erweiterungen für WebCenter und SOA. Diese müssen über das Updatecenter geladen werden. Wer dies nicht aus dem JDeveloper heraus tun möchte oder kann, oder wer dies in mehreren JDeveloper Installationen tun möchte, kann auch die Extensions hier runterladen und dann offline über die Updatefunktion einspielen. Die Erweiterungen findet man zum Download auf http://www.oracle.com/technology/products/jdev/101/update/fmw_products.xml

Hier eine kurze Anleitung für das Online Update.

<DM>

If you missed our presentation at ODTUG (or ODTUG in general), you can make up for it by reading Lucas Jellema’s blog post: he gives an excellent summary of what we covered. His write-up gives you an Oracle ACE Director’s perspective as well.

The PDF version of the presentation is available for download here.

The big launch date is set: July 1st, Canadian Independence Day.

Problem:

Wie finde ich die entsprechende Styledefinition einer UI Komponente in einem ADF Faces Skin, um diese wie gewünscht zu gestalten.

Lösungsvariante 1:

Man kennt die ADF Faces UI Komponenten und schaut in deren Dokumentation, um die notwendigen Stylesheet Klassen in einer eigenen Skindefinition anzugeben.

Lösungsvariante 2:

Man verfolgt den im Browser ankommende Stylesheet zurück bis zur Definition im ADF Faces Skin. Aber wie ?

An dieser Stelle sei nochmal erwähnt, dass ein Skin eine auf CSS 3.0 Syntax basierende Stylesheetdefinition ist. Skins benutzen also CSS, um die Darstellung von ADF Faces und Trinidad UI Komponenten zu definieren.

Für Variante 1 ist die im Blogeintrag vom 11.Februar beschriebene Lösung ein gutes Hilfsmittel. Deshalb behandeln wir nun Variante 2. Als Beispiel dazu dient eine ADF Faces Rel. 11 Anwendung, die mit einem Standard ADF Faces Skin („blafplus-rich“) versehen ist.

Bild 1: ADF Beispielanwendung

Wir wollen nun die CSS Definition für bestimmte Oberflächenelemente ermitteln, um sie wunschgemäß anpassen zu können. Schauen wir zunächst auf den im Browser ankommenden HTML Sourceode und suchen den Link zur Stylesheet Definition, die der Browser umsetzt.

… <link rel=”stylesheet” charset=”UTF-8″ type=”text/css” href=”/HRSystem-ViewController-context-root/adf/styles/cache/blafplus-rich-desktop-f72ien-ltr-gecko-1.9.0.8-cmp.css”>…

Hier erkennen wir, dass dies aber nicht die eigentliche CSS Definition aus dem Skin ist, sondern ein vom ADF Faces Renderer zur Laufzeit generierter Stylesheet. Dabei liest der ADF Faces Renderer die Skindefinition aus  und erstellt eine browserspezifische CSS Datei mit dynamischen, komprimierten Klassennamen. Wie schließen wir aber aus den dynamischen CSS Klassen im Browser auf den originär im Skin definierten Style der betreffenden UI Komponente?

Über die Firefox Community gibt es ein paar nützliche Add-Ons, die wir hier gut gebrauchen können. Es empfehlt sich, die Firebug- und die Web Developer – Erweiterungen runterzuladen und zu installieren, falls nicht schon geschehen.

Nach erfolgreicher Installation der Plugins starten wir nocheinmal die ADF Anwendung, um jetzt beispielsweise die Darstellung eines Tabreiters vom Browser bis zur ursprünglichen Definition im Skin zurückzuverfolgen. Dazu klickt man mit der rechten Maustaste auf den Tabreiter und wählt „Inspect Element” aus.

Bild 2: Aufruf Firebug Erweiterung in Firefox

Firebug öffnet sich und stellt im unteren Fenster den HTML Source Code sowie im rechten Fenster die im Browser anliegenden CSS Settings dar.

Bild 3: Ansicht Firebug Erweiterung in Firefox

Bewegt man nun den Mauszeiger im Source Code Fenster über andere Codpassagen, so wird im oberen Darstellungsfenster die betreffende HTML Komponenten markiert.

Eine schöne Möglichkeit, gleich an Ort und Stelle in der laufenden Anwendung verschiedene CSS Attribute auszutesten, bietet die Web Developer Erweiterung. Mit Ctrl + Shift + E gelangt man in den CSS Editor und sieht nocheinmal den geladenen Stylesheet.

Bild 4: Ansicht Web Developer Erweiterung - Stylesheet Editor

Man kann in dieser Liste Attribute von CSS Klassen verändern und gleich die Auswirkungen auf der Seite sehen.

Über Firebug findet man also die gültige CSS Klasse der betreffenden UI Komponente (hier Tabreiter) und über Web Developer kann man diese gezielt verändern. In unserem  Beispiel möchten wir den Text des Tabreiters ShowDetailItem1 rot einfärben. Wir klicken daher im Browserfenster mit der rechten Maustaste auf den Text ShowDetailItem1 und wählen Inspect Element aus. Wir sehen, dass hier die CSS Klasse .xs4 verwendet wird.

Bild 5: Ad-Hoc Änderungen von Stylesheet Attributen im Web Developer

Im CSS Editorfenster links suchen wir nun die CSS Klasse  .xs4. p_AFSelected und deren Attribut [color:#000000], welches wir dann auf [color:#FF0000] ändern. Man sieht sofort, dass sich der Text des Tabreiters rot färbt.

Bleibt nur noch die Frage, wie man von der dynamisch erzeugten CSS Klasse .xs4 im Browser auf die tatsächliche Styledefinition im ADF Faces Skin schließt? Dort werden ja die für die jeweilige UI Komponente festgelegten CSS Klassen definiert, die nicht xs4 oder ähnlich heissen, sondern irgendwie den Komponentennamen enthalten. Man muss zuerst in der web.xml der JSF Anwendung die Kompression der CSS Klassen deaktivieren. Damit werden keine dynamischen Klassennamen vom Renderer generiert, sondern die Klassennamen des Skins verwendet. Man öffnet im JDeveloper im Projekt der JSF unter Web-INF die web.xml und fügt unter Context Initialization Parameters einen neuen Parameter org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION mit dem Wert True hinzu.

Bild 6: Einschalten der CSS Dekompression in der web.xml

Nun startet man die Anwendung neu und schaut über Firebug auf den Tabreiter. Die Stylesheet Klasse des Tabreitertextes heißt in unserem Beispiel nun .af_PanelTabbed _tab-text-link (Zur Erinnerung: vorher war der CSS Klassenname .xs4)

Bild 7: dekomprimierte Stylesheet Klassenamen

Auf OTN kann man sich die Skindefinition dieser UI Komponente anschauen und weiß nun, welche Klassen in der CSS Datei des eigenen Skins definiert werden müssen, um ein gewünschtes Layout der Komponente zu erhalten. Man kann aber auch aus aus dem im Browser anliegenden Klassennamen auf die CSS Klasse im Skin schließen, in dem man .af_ mit .af| und dann jedes weitere _ mit :: ersetzt. In gegebenen Beispiel würde man .af_PanelTabbed _tab-text-link mit .af|PanelTabbed ::tab-text-link ersetzen und hätte ohne nachzuschauen den Klassennamen für die eigene Skindefinition.

Wie man eine eigene ADF Faces Skindefinition anlegt,  ist in der ADF Faces Doku beschrieben oder in diversen BLOG Postings zu finden.

<DM>

Interesante pdf que explica brevemente que dirección que sigue Oracle en cuanto a herramientas de desarrollo se refiere: Forms, ADF, Webcenter, APEX, etc.

Aunque no entra en profundidad si que nos puede servir como una primera orientación sobre que herramienta o herramientas escoger según el tipo desarrollo o de aplicación que se tenga.

Vía:http://forums.oracle.com

Eric Marcoux, the chief architect for Laval University will give a one day class on Oracle WebCenter at Collaborate 09 in May, in Orlando, FL.

Eric is soliciting comments and suggestions for his outline. If you’re attending Collaborate 09, be sure to find Eric; he is always nice to talk to.

Wer sich mit komponentenbasierter Oberflächenentwicklung beschäftigt, wird mit Sicherheit bei JSF, MyFaces und ADF Faces landen. Die Frage, die sich dabei immer wieder stellt ist, welche Komponente nun für das zu bearbeitende Anwendungsdetail geeignet ist. Die mit jedem Release wachsende Zahl an Komponenten in den jeweiligen UI Frameworks kann man kaum noch soweit verinnerlichen, dass man, ohne nachzuschauen, weiß, welche Komponente in der IDE ausgewählt werden soll. Entweder schaut man in irgendwelche statischen Dokumentationen oder man nutzt mehr oder weniger immer die selben Komponenten, die man kennt (Oder man erinnert sich an diesen Blogeintrag ).

Man benötigt also eine irgendwie geartete Übersicht aller Komponenten und deren Anwendungsbereiche und Gestaltungsmöglichkeiten. Für ADF Faces Release 11 ist seit geraumer Zeit eine solche Übersicht in Form einer interaktiven Anwendung entweder Online oder als Offline Version zum Downloaden verfügbar.

Hier kann man gut strukturiert auf Layoutkomponenten und deren Gestaltungsmöglichkeiten schauen. Eine sehr schöne Hilfe und Erleichterung für jeden ADF Entwickler.

<DM>

設計中心擁有專門設計網站的專家團隊，能與您的客戶一起建立他們理想中的網站。

網站內容、版型、產品目錄與其他更多的部份，都可以交給我們博學的網站設計師！

對於不想自己設計網站的潛在客戶，設計中心是一大誘因，並能提供企業完整設計的專業網路形象。

設計中心推出幾種套裝，您的客戶可以選擇最符合需求的網頁數量及功能，設計中心套裝如下：

* 豪華型設計套裝：訂製Flash頁首（根據現有10秒之文字與Flash動畫範本，再依照客戶顏色與內容客製化）、10頁內容網頁、10張照片、50個產品目錄項目與訂製商標。(NT $31999)

* 優質型設計套裝：訂製頁首、10頁內容網頁、10張照片、50個產品目錄項目。(NT $25599)

* 入門型設計套裝：訂製頁首、5頁內容網頁、5張照片。(NT $19199)

您可至設計中心網站參訪：
http://dc.mtwebcenters.com.tw/

此外，請讓您的潛在客戶也看看這些令人興奮的新訂製設計。當他們付款購買網站時，他們會獲得更多設計中心的資訊，也有機會加購設計套裝。

對於已經購買網站的用戶，在他們的管理介面內將有一個「設計中心」選項，方便他們能夠加購設計套裝。

對於沒有時間設計，或是不知道如何使用電腦來應用完整網站解決方案的潛在客戶，設計中心是最完美的解答。

便利的設計中心將為您開啟全新的潛在客戶世界，滿意的客戶會為您推薦更多的顧客，並替您的網路中心事業帶來更多收入。

不要忘記，設計中心團隊會為您包辦從頭到尾一切事務。

TempWorks Software, a Twin-Cities based provider of staffing and recruiting software, announced today the unveiling of major updates to its DocCenter and WebCenter products. DocCenter allows applicants to electronically complete and sign documents at a kiosk, shortening the on-boarding process, eliminating paper, and saving recruiters valuable time. New WebCenter features will allow electronic access to W2’s, saving WebCenter users’ several dollars per employee on year-end expenses.

TempWorks development staff claim that these initiatives are only the beginning of a series of cost-saving product releases that await the staffing industry in 2009.

For more information on TempWorks, please visit www.tempworks.com

 
Matt Lafata, HRchitect