2. Plinio Arbizu
Oracle ACE Director
Coautor del libro Web 2.0 solutions with
Oracle WebCenter
Certificado :
◦ Oracle ADF Certified Implementation Specialist
◦ Oracle WebCenter Portal 11g Certified
Implementation Specialist
Líder del Grupo de Usuarios Oracle en
México (ORAMEX)
Consultor de S&P Solutions de México
Instructor de Oracle University en Perú
3.
4. Incremento de la productividad
gracias a la colaboración
contextual
Incrementar la agilidad del
negocio gracias al portal y a las
aplicaciones compuestas
Acceso a la información correcta
en el contexto correcto
FatWire
5. Plataforma para portales y
aplicaciones compuestas.
Brinda experiencias de uso
muy intuitivas.
Se integra a las aplicaciones
de negocios de las
compañias.
6. Librerias “Preconstruida” de componentes para soportar
portales y aplicaciones compuestas
Integración con soluciones de Gestión de Contenidos
Capacidad de Diseñar y Contribuir en tiempo de
ejecución.
7.
8. Un diseño gráfico personalizable.
Navegación pre configurada del sitio.
Administrador del Portal.
Soporte para manejar un catálogo de
componentes
Seguridad pre configurada del sitio.
24. Hoja estilo basada en la sintaxis CSS3, que es
especificada en un lugar para toda la aplicacion
Puede cambiar styles, iconos, properties y textos
de un componente ADF Faces
Permite un consistente cambio del look and feel
de la aplicación
Consiste :
Una hoja de estilo
Imagenes
29. Desarrollar los templates para “maquetar”
convenientemente todos las páginas
Desarrollar los estilos para plasmar el look & feel
definido por los diseñadores
38. Se usó
exclusivamente
Jdeveloper
Se crearon páginas,
templates, estilos,
conexiones
Se incluyeron
Web2.0 Services
Se configuró la
navegación y la
seguridad
Integró con UCM y
Catálogo de
Recursos
39.
40.
41. • Permite una diseño en el browser
en tiempo de ejecución
• Orientada a los usuarios de
negocio
Oracle Composer
• Drag and drop
• Interfaces intuitivas
WebCenter WebCenter
• Operaciones comunes Framework Web 2.0 Services
• Buscar y Adicionar recursos en la
página Application Development Framework
• Reorganizar el layout de la página
Java Server Faces
• Definir propiedades de MDS
componentes y páginas
43. • Páginas
• Jerarquia de Páginas (Seg)
• Modelo de Navegación
• Catálogo de Recursos
• Templates
• Conexiones
• Seguridad
• Configuraciones
44.
45. WebCenter portal brinda toda la infraestructura
para el desarrollo de Portales Corporativos
Es flexible y personalizable.
Permite la colaboración de Desarrolladores,
Contribuidores y Usuarios
Cuenta con varias herramientas “out of the box”
Se integra con múltiples recursos : UCM, Portlets,
Analiticos
Oracle JDeveloper 10 g : Application Development Framework (ADF) The Oracle ADF architecture follows the MVC design pattern, enabling developers to cleanly separate: Business logic and data access User interface Application flow
Oracle Fusion Middleware 11 g : Build Applications with ADF I 10 - Adding to JSF with ADF Faces Oracle ADF Faces is a rich set of user interface components based on the JavaServer Faces JSR. Oracle ADF Faces uses the flexible JSF rendering architecture to combine the power of Ajax and JSF to provide over 100 components with built-in functionality—such as data tables, hierarchical tables, and color and date pickers—that can be customized and reused in your application. Each component also offers complete customization, skinning, and support for internationalization and accessibility. ADF Faces also provides a rich set of Flash and SVG-enabled components that are capable of rendering dynamic charts, graphs, gauges, and other graphics that provide real-time updates. This built-in support for Ajax (asynchronous JavaScript and XML), SVG (scalable vector graphics), and Flash (Adobe’s multimedia playback) enables developers to build rich UIs without an extensive knowledge of the underlying technologies. ADF Faces also simplifies the code necessary to connect application logic in existing business services to UI components. Its components are JSR-227 compliant, enabling developers to easily bind services to their UIs at design time. ADF Faces components can be used in any IDE that supports JSF.
Oracle Fusion Middleware 11 g : Build Applications with ADF II 9 - Skins A skin is a style sheet, based on the CSS3 syntax, that is specified in one place for an entire application. Instead of styling each component, or inserting a style sheet on each page, you can create one skin for the entire application. Every component automatically uses the styles as described by the skin. No design time code changes are required.
Oracle Fusion Middleware 11 g : Build Applications with ADF II 9 - How Skinning Works The syntax in a skin style sheet is based on the CSS3 specification. However, many browsers do not yet adhere to this version. At run time, ADF Faces converts the CSS to the CSS2 specification. Skins act on the entire application. You can also customize individual components. You can adjust the look and feel of any component at design time by changing the style-related properties, inlineStyle and StyleClass . Any style-related property you specify at design time overrides the comparable style specified in the application skin or CSS for that particular instance of the component. The inlineStyle attribute is a semicolon-delimited string of CSS styles that can set individual attributes, for example, background-color:red; color:blue; font-style:italic; padding:3px . The styleClass property is a CSS style class selector used to group a set of inline styles. You can define the style classes by using an ADF public style class; for example, .AFInstructionText sets all the properties for the text displayed in an af:outputText component.
Oracle Fusion Middleware 11 g : Build Applications with ADF II 9 - How Skinning Works The syntax in a skin style sheet is based on the CSS3 specification. However, many browsers do not yet adhere to this version. At run time, ADF Faces converts the CSS to the CSS2 specification. Skins act on the entire application. You can also customize individual components. You can adjust the look and feel of any component at design time by changing the style-related properties, inlineStyle and StyleClass . Any style-related property you specify at design time overrides the comparable style specified in the application skin or CSS for that particular instance of the component. The inlineStyle attribute is a semicolon-delimited string of CSS styles that can set individual attributes, for example, background-color:red; color:blue; font-style:italic; padding:3px . The styleClass property is a CSS style class selector used to group a set of inline styles. You can define the style classes by using an ADF public style class; for example, .AFInstructionText sets all the properties for the text displayed in an af:outputText component.
Oracle Fusion Middleware 11 g : Build Applications with ADF II 9 - How Skinning Works The syntax in a skin style sheet is based on the CSS3 specification. However, many browsers do not yet adhere to this version. At run time, ADF Faces converts the CSS to the CSS2 specification. Skins act on the entire application. You can also customize individual components. You can adjust the look and feel of any component at design time by changing the style-related properties, inlineStyle and StyleClass . Any style-related property you specify at design time overrides the comparable style specified in the application skin or CSS for that particular instance of the component. The inlineStyle attribute is a semicolon-delimited string of CSS styles that can set individual attributes, for example, background-color:red; color:blue; font-style:italic; padding:3px . The styleClass property is a CSS style class selector used to group a set of inline styles. You can define the style classes by using an ADF public style class; for example, .AFInstructionText sets all the properties for the text displayed in an af:outputText component.
Oracle Fusion Middleware 11 g : Build Applications with ADF II 9 - Skins A skin is a style sheet, based on the CSS3 syntax, that is specified in one place for an entire application. Instead of styling each component, or inserting a style sheet on each page, you can create one skin for the entire application. Every component automatically uses the styles as described by the skin. No design time code changes are required.
Oracle Fusion Middleware 11 g : Build Applications with ADF II 9 - Skins A skin is a style sheet, based on the CSS3 syntax, that is specified in one place for an entire application. Instead of styling each component, or inserting a style sheet on each page, you can create one skin for the entire application. Every component automatically uses the styles as described by the skin. No design time code changes are required.