Construyendo Portales Corporativos Usando Oracle WebCemter Portal

1,416 views

Published on

Presentación de Plinio Arbizu en el OTN Lad Tour Ecuador.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,416
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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.
  • Construyendo Portales Corporativos Usando Oracle WebCemter Portal

    1. 1. Plinio Arbizu – Oracle Ace Director
    2. 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. 3.  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 correctoFatWire
    4. 4.  Plataforma para portales y aplicaciones compuestas. Brinda experiencias de uso muy intuitivas. Se integra a las aplicaciones de negocios de las compañias.
    5. 5.  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.
    6. 6.  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.
    7. 7. Application Sources Backing Beans Bindings Descriptores (templates)
    8. 8. Web Content Images Catalogo de Recursos Modelo de Navegación Jerarquía de Páginas Pages Templates
    9. 9. RootPrincipal Atractivos Reservaciones Atractivos Ecuador Hoteles Atractivos Costa Aviones Rica
    10. 10. Usuario no Autenticado Usuario Autenticado
    11. 11. Index.html
    12. 12. Define la estructura y el contenido común de las páginas de la aplicación web.
    13. 13. ◦ Construido basado sobre JSF◦ Más de 100 Componentes◦ Caracteristicas avanzadas  Partial-page rendering  Scrollable, sortable table◦ Usa Ajax, SVG, Flash◦ Integrado al ADF model
    14. 14. Layout, componentes ADF, imagenes, Expresiones, javaScript…….
    15. 15.  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
    16. 16. af|commandButton{ width: 120px; height: 30px; font-size: 14px; font-weight: bold; color: #fff; background: Background; border: 0;}
    17. 17. af|commandButton.button_menu_superior{ width: 120px; height: 30px; font-size: 14px; font-weight: bold; color: #fff; background: Background; border: 0;}
    18. 18.  Desarrollar los templates para “maquetar” convenientemente todos las páginas Desarrollar los estilos para plasmar el look & feel definido por los diseñadores
    19. 19.  Versionamiento Vigencia Flujos de Aprobación Seguridad
    20. 20.  Busquedas Contribución Blogs, Wikis Mensajeria Foros Links Tags Calendario Encuestas
    21. 21.  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
    22. 22. • 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
    23. 23. Page Customizable, Layout Customizable
    24. 24. • Páginas• Jerarquia de Páginas (Seg)• Modelo de Navegación• Catálogo de Recursos• Templates• Conexiones• Seguridad• Configuraciones
    25. 25.  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
    26. 26. webcenter.oracle.com• Tutorials• Demos• Software• Discussions• Blogs• And moreplinioa.blogspot.com• Curso en Español• Artículos (avanzado)• Eventos
    27. 27. Preguntas y Respuestas

    ×