Construyendo Portales Corporativos Usando Oracle WebCemter Portal
•Descargar como PPT, PDF•
0 recomendaciones•1,491 vistas
Presentación de Plinio Arbizu en el OTN Lad Tour Ecuador.
Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Construyendo Portales Corporativos Usando Oracle WebCemter Portal
Similar a Construyendo Portales Corporativos Usando Oracle WebCemter Portal (20)
Construyendo Portales Corporativos Usando Oracle WebCemter Portal
- 1. Plinio Arbizu – Oracle Ace Director
- 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ú
- 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.
- 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.
- 9. Application Sources Backing Beans Bindings Descriptores (templates)
- 10. Web Content Images Catalogo de Recursos Modelo de Navegación Jerarquía de Páginas Pages Templates
- 11. Root Principal Atractivos Reservaciones Atractivos Ecuador Hoteles Atractivos Costa Aviones Rica
- 14. Usuario no Autenticado Usuario Autenticado
- 16. Index.html
- 20. Define la estructura y el contenido común de las páginas de la aplicación web.
- 21. ◦ 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
- 23. Layout, componentes ADF, imagenes, Expresiones, javaScript…….
- 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
- 26. af|commandButton{ width: 120px; height: 30px; font-size: 14px; font-weight: bold; color: #fff; background: Background; border: 0; }
- 27. af|commandButton.button_menu_superior{ width: 120px; height: 30px; font-size: 14px; font-weight: bold; color: #fff; background: Background; border: 0; }
- 29. Desarrollar los templates para “maquetar” convenientemente todos las páginas Desarrollar los estilos para plasmar el look & feel definido por los diseñadores
- 34. Versionamiento Vigencia Flujos de Aprobación Seguridad
- 35. Busquedas Contribución Blogs, Wikis Mensajeria Foros Links Tags Calendario Encuestas
- 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
- 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
- 42. Page Customizable, Layout Customizable
- 43. • Páginas • Jerarquia de Páginas (Seg) • Modelo de Navegación • Catálogo de Recursos • Templates • Conexiones • Seguridad • Configuraciones
- 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
- 46. webcenter.oracle.com • Tutorials • Demos • Software • Discussions • Blogs • And more plinioa.blogspot.com • Curso en Español • Artículos (avanzado) • Eventos
Notas del editor
- 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.