RichFaces 4 provides a lightweight framework for building rich Ajax applications with JSF 2. It contains UI components like <a4j:ajax> that extend JSF 2's basic Ajax capabilities with additional features. The presentation covered key RichFaces 4 concepts like advanced Ajax behaviors, JavaScript integration, and techniques for optimizing Ajax requests.
Ajax Applications with JSF 2 and New RichFaces 4 - JAX/JSF SummitMax Katz
This document provides information about a presentation given by Max Katz on Ajax applications with JSF 2 and RichFaces 4. It includes details about Max Katz's background and experience, an overview of Exadel as a company, the history and key features of RichFaces, and a demonstration of how to build Ajax functionality into JSF 2 applications using RichFaces 4 components and tags.
Ajax Applications with JSF 2 and New RichFaces 4 - CONFESS 2011Max Katz
This document provides a summary of a presentation given by Max Katz from Exadel on Ajax applications with JSF 2 and the new RichFaces 4 framework. The key points covered include:
- An overview of JSF 2's new features including Facelets, composites, implicit navigation, GET support, and basic Ajax functionality with <f:ajax>.
- Details on the release of RichFaces 4 in March 2011, including updates to use jQuery, redesign components following HTML principles, and improvements to performance, validation, and the new Component Development Kit.
- A demonstration of how <a4j:ajax> extends <f:ajax> with extra features like onbegin, onbeforedom
RichFaces 4 webinar #1: Everything You Need To KnowMax Katz
The document discusses an upcoming webinar from Exadel on their RichFaces 4 framework, which is a lightweight open source JavaServer Faces component library that provides Ajax and rich internet application capabilities and is a 100% JSF 2.0 compliant extension; it highlights new features in RichFaces 4 like improved performance, a component development kit and zero-configuration usage as well as its support for various Java application servers and browsers.
Ajax Applications with JSF 2 and New RichFaces 4 - TSSJSMax Katz
RichFaces is a JavaServer Faces component library that provides rich Ajax functionality and UI components. Version 4 is based on JSF 2 and uses jQuery for JavaScript functionality. It features many improvements over previous versions including redesigned consistent components, improved performance, new client-side validation, and an easy to use component development kit. RichFaces 4 allows building rich Ajax applications that can be deployed on many servers and browsers.
RichFaces 4: Rich Ajax Components For Your JSF ApplicationsMax Katz
RichFaces 4 is a lightweight, open source framework for JSF 2 that provides rich Ajax components and functionality. It extends JSF 2 to add Ajax, client-side validation, and a component development kit. Some key components include <a4j:ajax> for sending Ajax requests, <a4j:commandButton> and <a4j:commandLink> for buttons and links with Ajax behavior, and <a4j:jsFunction> for firing Ajax requests from JavaScript. RichFaces 4 allows building rich client applications with JSF 2.
What You Need To Build Cool Enterprise Applications With JSFMax Katz
This document provides an overview of JavaServer Faces (JSF) and the RichFaces framework for building enterprise applications with Ajax functionality. It discusses key features of JSF 2 such as Facelets, composite components, and the basic <f:ajax> tag. It then describes RichFaces 4 as a lightweight JSF framework that extends JSF 2 with rich UI components, an Ajax tag library (<a4j:>), and features like client-side validation, polling, and pushing. The document provides examples of how to use various RichFaces tags to send Ajax requests and control partial rendering.
Ajax Applications with JSF 2 and New RichFaces 4 - JAX/JSF SummitMax Katz
This document provides information about a presentation given by Max Katz on Ajax applications with JSF 2 and RichFaces 4. It includes details about Max Katz's background and experience, an overview of Exadel as a company, the history and key features of RichFaces, and a demonstration of how to build Ajax functionality into JSF 2 applications using RichFaces 4 components and tags.
Ajax Applications with JSF 2 and New RichFaces 4 - CONFESS 2011Max Katz
This document provides a summary of a presentation given by Max Katz from Exadel on Ajax applications with JSF 2 and the new RichFaces 4 framework. The key points covered include:
- An overview of JSF 2's new features including Facelets, composites, implicit navigation, GET support, and basic Ajax functionality with <f:ajax>.
- Details on the release of RichFaces 4 in March 2011, including updates to use jQuery, redesign components following HTML principles, and improvements to performance, validation, and the new Component Development Kit.
- A demonstration of how <a4j:ajax> extends <f:ajax> with extra features like onbegin, onbeforedom
RichFaces 4 webinar #1: Everything You Need To KnowMax Katz
The document discusses an upcoming webinar from Exadel on their RichFaces 4 framework, which is a lightweight open source JavaServer Faces component library that provides Ajax and rich internet application capabilities and is a 100% JSF 2.0 compliant extension; it highlights new features in RichFaces 4 like improved performance, a component development kit and zero-configuration usage as well as its support for various Java application servers and browsers.
Ajax Applications with JSF 2 and New RichFaces 4 - TSSJSMax Katz
RichFaces is a JavaServer Faces component library that provides rich Ajax functionality and UI components. Version 4 is based on JSF 2 and uses jQuery for JavaScript functionality. It features many improvements over previous versions including redesigned consistent components, improved performance, new client-side validation, and an easy to use component development kit. RichFaces 4 allows building rich Ajax applications that can be deployed on many servers and browsers.
RichFaces 4: Rich Ajax Components For Your JSF ApplicationsMax Katz
RichFaces 4 is a lightweight, open source framework for JSF 2 that provides rich Ajax components and functionality. It extends JSF 2 to add Ajax, client-side validation, and a component development kit. Some key components include <a4j:ajax> for sending Ajax requests, <a4j:commandButton> and <a4j:commandLink> for buttons and links with Ajax behavior, and <a4j:jsFunction> for firing Ajax requests from JavaScript. RichFaces 4 allows building rich client applications with JSF 2.
What You Need To Build Cool Enterprise Applications With JSFMax Katz
This document provides an overview of JavaServer Faces (JSF) and the RichFaces framework for building enterprise applications with Ajax functionality. It discusses key features of JSF 2 such as Facelets, composite components, and the basic <f:ajax> tag. It then describes RichFaces 4 as a lightweight JSF framework that extends JSF 2 with rich UI components, an Ajax tag library (<a4j:>), and features like client-side validation, polling, and pushing. The document provides examples of how to use various RichFaces tags to send Ajax requests and control partial rendering.
Securing JSF Applications Against the OWASP Top TenDavid Chandler
JSF provides built-in validation of user input through converters and validators. While this centralizes validation, developers must still take care to validate all user input, including hidden fields and related fields. Custom converters and validators can be used where needed. Cross-site request forgery is also a risk, but can be prevented by adding random tokens to requests.
The document provides an overview of the DataFX framework, which facilitates data retrieval and rendering in JavaFX applications. It discusses how DataFX allows developers to focus on application logic by abstracting away things like data sources, conversion, and threading. Key aspects covered include DataSources and Readers for retrieving data from various sources; Converters for transforming data formats; DataProviders for populating Observable data in JavaFX; controller APIs for building views; and Flow APIs for linking views and handling user actions. The goal of DataFX is to simplify common tasks in building enterprise JavaFX applications that interact with real-world services and data.
Modernize Your Real-World Application with Eclipse 4 and JavaFXCole Markham
This document discusses modernizing real-world applications with Eclipse 4 (E4) and JavaFX. It provides an overview of how The Welland Company migrated their EXPORT product from Swing to E4 and JavaFX, improving the user interface with FXML, CSS styling, and JavaFX charts. Key aspects covered include using FXML and SceneBuilder for layout, E4 renderers and dependency injection, and tips for styling, loading FXML, and handling events and selections in an E4 application.
The document discusses using JavaFX for enterprise application development. It introduces JavaFX basics and best practices for enterprise development including using background threads to load data from servers. It also discusses client architectures like MVVM and frameworks that support JavaFX and integration with Java EE.
Mastering OmniFaces - A Problem to Solution ApproachAnghel Leonard
OmniFaces is a utility library for JSF and a comprehensive compendium of programming techniques, design patterns and recipes for JSF developers. Mastering OmniFaces is targeted towards JSF page authors/developers that wish to use OmniFaces in their projects and JSF developers interested in going deep into the JSF API ʺbowelsʺ in order to become real JSF masters.
This document provides an overview of the JavaFX community and ecosystem, including key people, blogs, books, tutorials, projects, frameworks, libraries, and more. It encourages joining the JavaFX community and contributing to open source projects to help grow skills. The presentation highlights over 30 frameworks and 45 libraries that have been developed for JavaFX.
This presentation is a brief overview of the JSF custom validators provided by OmniFaces (e.g. cross-field validators). Some OmniFaces validators fixes a suite of gaps of the JSF standard validators, while others are totally new.
Tutorial: extending the zend server ui and web apiYonni Mendes
Our module provides functionality to control an external application called Ahoy World from within Zend Server. It allows retrieving the application's status and toggling its state.
The module overrides the Zend Server navigation bar and displays deployment information and status for Ahoy World. It also implements a Web API with actions to get the current status and toggle the state. The UI integrates with the Web API to allow toggling via a button.
Access control lists are configured to restrict the toggle action to administrators only, while the status action can be accessed by administrators and developers. This secures remote control of the external application according to the requirements.
From Legacy Database to Domain Layer Using a New Cincom VisualWorks ToolESUG
The document discusses updates and new features in GLORP (Generic Lightweight Object Relational Persistence), Cincom's object-relational mapping framework for Smalltalk. Key points include:
- Support for PostgreSQL 3.0 and ODBC 3.0 in the External Database Interface (EXDI).
- Improvements to GLORP including support for composite primary keys, nested iterators in queries, and exempting more literals from rollbacks.
- The mapping process between databases, GLORP modeling tools, and domain objects. A quick-start mapping tool called GlorpAtlasUI is demonstrated.
- Questions are invited about GLORP, EXDI, AppeX,
This document discusses the goals of a new JSR for desktop and embedded application APIs. It aims to target both desktop and embedded environments, support multiple UI toolkits, and leverage existing JSRs for dependency injection and events. The proposed API would provide core features like application lifecycle, localization, configuration, MVC artifacts, and extension points via plugins. It is supported by several Java champions and community members.
Developing Modern Java Web Applications with Java EE 7 and AngularJSShekhar Gulati
This document provides an agenda and overview for a workshop on developing modern Java web applications with Java EE 7 and AngularJS. The workshop will introduce Java EE 7, demonstrate how to build a sample HackerPins application using Java EE 7 for the REST backend and AngularJS for the frontend, and deploy the application to OpenShift. Key topics that will be covered include an introduction to Java EE 7 specifications like CDI, JAX-RS, and WebSockets, and how they allow building modern web applications. Code for the sample HackerPins application will be provided on GitHub.
25+ Reasons to use OmniFaces in JSF applicationsAnghel Leonard
OmniFaces is an utility library that can help you to improve your JSF development experience. This presentation reveals 25+ real cases in which OmniFaces can make JSF life easier.
REX about JavaFX8 used in SlideshowFX. This presentation covers concept from JavaFX as well as technologies like OSGi, Vert.x, LeapMotion, nashorn and friends in order to make them communicate inside one application developed in JavaFX.
This presentation was made at the FinistJUG, NantesJUG and NormandyJUG.
The document discusses stateful controllers in Direct To Web (D2W) applications built with WebObjects. It provides background on D2W and how controllers were traditionally implemented using ERDBranchDelegate and NextPageDelegate. Stateful controllers improve upon this by allowing controller classes to be reused across multiple pages while maintaining state between pages. This is done by overriding branchChoicesForContext to programmatically define branch choices and storing necessary objects like the editing context. The document provides examples of how stateful controllers can implement common page flows and interactions through utility methods while keeping code DRY and reusable.
The document provides an overview of Java EE 6 tooling support in NetBeans, Eclipse, and IntelliJ IDEs. It discusses how each IDE supports key Java EE 6 APIs like JPA, JAX-RS, JSF 2.0, CDI, and how they allow working with GlassFish servers. NetBeans and IntelliJ generally provide the best support for Java EE 6 features out of the box, while Eclipse support has improved but still lacks support for some new APIs and concepts.
JSF is a Java specification and framework for building component-based user interfaces for web applications. It uses the MVC design pattern with reusable UI components, and handles tasks like data conversion, validation, event handling and navigation. The JSF architecture includes a component tree, request processing lifecycle and rendering model. New features in JSF 2 include Facelets as the default view declaration language, annotation-based configuration, standardized Ajax support, and improved error handling. Developing with JSF involves creating managed bean models, registering them, building pages with UI components, defining navigation, and configuring the web application in web.xml.
This document provides an overview of Ruby on Rails for rapid web application development. It discusses key Rails concepts like MVC, conventions over configuration, and scaffolding. It also demonstrates how to build a basic "Hello World" Rails app step-by-step, covering tasks like generating models and controllers, setting routes, and deploying. Additional sections explain ActiveRecord basics, associations, validations, and deploying Rails apps to Java application servers using JRuby on Rails.
The document discusses the JavaFX ecosystem, including layout managers like MigLayout and Medusa, widgets like JideFX and ControlsFX, styling libraries like JFoenix and BootstrapFX, testing tools like TestFX, frameworks like Afterburner.fx and MvvmFX, integration platforms like e(fx)clipse, libraries like AnchorFX and ReactFX, and GroovyFX for writing JavaFX applications in Groovy. It provides an overview of the various options available for building JavaFX user interfaces, styling applications, testing, and developing full applications.
This document provides an agenda and overview for an XPages Blast session presented by Matt White and Tim Clark. The session will cover general programming tips, debugging techniques, user interface best practices, using XPages in the Notes client, and Dojo. It lists 30 tips that will be discussed, such as using scoped variables, repeats, themes/global config, debugging with Firebug, Dojo parsing, and jQuery.
This document provides an overview of Exadel and RichFaces. Exadel is a products and services company focused on Rich enterprise application development using open source technologies like JBoss Tools, RichFaces, and JavaFX. The document discusses Exadel's history and products. It then summarizes the new features in JSF 2, such as Ajax functionality, before focusing on RichFaces 4 which is based on JSF 2 and uses jQuery. RichFaces 4 includes many upgraded and new components.
Ajax Applications with JSF 2 and new RichFaces 4 - HerbstcampusMax Katz
This document provides an overview of a presentation given by Max Katz on Ajax applications with JSF 2 and RichFaces 4. The key points covered include:
- An introduction of Max Katz and his background with JSF, RichFaces, and Exadel
- An overview of Exadel as a products and services company focused on Rich enterprise application development
- A discussion of new features in JSF 2 that enable Ajax and an example of using <f:ajax>
- An overview of the new RichFaces 4 framework which is based on JSF 2 and includes upgraded Ajax components, themes, and a Component Development Kit
- A preview of some of the new and upgraded RichFaces 4
Securing JSF Applications Against the OWASP Top TenDavid Chandler
JSF provides built-in validation of user input through converters and validators. While this centralizes validation, developers must still take care to validate all user input, including hidden fields and related fields. Custom converters and validators can be used where needed. Cross-site request forgery is also a risk, but can be prevented by adding random tokens to requests.
The document provides an overview of the DataFX framework, which facilitates data retrieval and rendering in JavaFX applications. It discusses how DataFX allows developers to focus on application logic by abstracting away things like data sources, conversion, and threading. Key aspects covered include DataSources and Readers for retrieving data from various sources; Converters for transforming data formats; DataProviders for populating Observable data in JavaFX; controller APIs for building views; and Flow APIs for linking views and handling user actions. The goal of DataFX is to simplify common tasks in building enterprise JavaFX applications that interact with real-world services and data.
Modernize Your Real-World Application with Eclipse 4 and JavaFXCole Markham
This document discusses modernizing real-world applications with Eclipse 4 (E4) and JavaFX. It provides an overview of how The Welland Company migrated their EXPORT product from Swing to E4 and JavaFX, improving the user interface with FXML, CSS styling, and JavaFX charts. Key aspects covered include using FXML and SceneBuilder for layout, E4 renderers and dependency injection, and tips for styling, loading FXML, and handling events and selections in an E4 application.
The document discusses using JavaFX for enterprise application development. It introduces JavaFX basics and best practices for enterprise development including using background threads to load data from servers. It also discusses client architectures like MVVM and frameworks that support JavaFX and integration with Java EE.
Mastering OmniFaces - A Problem to Solution ApproachAnghel Leonard
OmniFaces is a utility library for JSF and a comprehensive compendium of programming techniques, design patterns and recipes for JSF developers. Mastering OmniFaces is targeted towards JSF page authors/developers that wish to use OmniFaces in their projects and JSF developers interested in going deep into the JSF API ʺbowelsʺ in order to become real JSF masters.
This document provides an overview of the JavaFX community and ecosystem, including key people, blogs, books, tutorials, projects, frameworks, libraries, and more. It encourages joining the JavaFX community and contributing to open source projects to help grow skills. The presentation highlights over 30 frameworks and 45 libraries that have been developed for JavaFX.
This presentation is a brief overview of the JSF custom validators provided by OmniFaces (e.g. cross-field validators). Some OmniFaces validators fixes a suite of gaps of the JSF standard validators, while others are totally new.
Tutorial: extending the zend server ui and web apiYonni Mendes
Our module provides functionality to control an external application called Ahoy World from within Zend Server. It allows retrieving the application's status and toggling its state.
The module overrides the Zend Server navigation bar and displays deployment information and status for Ahoy World. It also implements a Web API with actions to get the current status and toggle the state. The UI integrates with the Web API to allow toggling via a button.
Access control lists are configured to restrict the toggle action to administrators only, while the status action can be accessed by administrators and developers. This secures remote control of the external application according to the requirements.
From Legacy Database to Domain Layer Using a New Cincom VisualWorks ToolESUG
The document discusses updates and new features in GLORP (Generic Lightweight Object Relational Persistence), Cincom's object-relational mapping framework for Smalltalk. Key points include:
- Support for PostgreSQL 3.0 and ODBC 3.0 in the External Database Interface (EXDI).
- Improvements to GLORP including support for composite primary keys, nested iterators in queries, and exempting more literals from rollbacks.
- The mapping process between databases, GLORP modeling tools, and domain objects. A quick-start mapping tool called GlorpAtlasUI is demonstrated.
- Questions are invited about GLORP, EXDI, AppeX,
This document discusses the goals of a new JSR for desktop and embedded application APIs. It aims to target both desktop and embedded environments, support multiple UI toolkits, and leverage existing JSRs for dependency injection and events. The proposed API would provide core features like application lifecycle, localization, configuration, MVC artifacts, and extension points via plugins. It is supported by several Java champions and community members.
Developing Modern Java Web Applications with Java EE 7 and AngularJSShekhar Gulati
This document provides an agenda and overview for a workshop on developing modern Java web applications with Java EE 7 and AngularJS. The workshop will introduce Java EE 7, demonstrate how to build a sample HackerPins application using Java EE 7 for the REST backend and AngularJS for the frontend, and deploy the application to OpenShift. Key topics that will be covered include an introduction to Java EE 7 specifications like CDI, JAX-RS, and WebSockets, and how they allow building modern web applications. Code for the sample HackerPins application will be provided on GitHub.
25+ Reasons to use OmniFaces in JSF applicationsAnghel Leonard
OmniFaces is an utility library that can help you to improve your JSF development experience. This presentation reveals 25+ real cases in which OmniFaces can make JSF life easier.
REX about JavaFX8 used in SlideshowFX. This presentation covers concept from JavaFX as well as technologies like OSGi, Vert.x, LeapMotion, nashorn and friends in order to make them communicate inside one application developed in JavaFX.
This presentation was made at the FinistJUG, NantesJUG and NormandyJUG.
The document discusses stateful controllers in Direct To Web (D2W) applications built with WebObjects. It provides background on D2W and how controllers were traditionally implemented using ERDBranchDelegate and NextPageDelegate. Stateful controllers improve upon this by allowing controller classes to be reused across multiple pages while maintaining state between pages. This is done by overriding branchChoicesForContext to programmatically define branch choices and storing necessary objects like the editing context. The document provides examples of how stateful controllers can implement common page flows and interactions through utility methods while keeping code DRY and reusable.
The document provides an overview of Java EE 6 tooling support in NetBeans, Eclipse, and IntelliJ IDEs. It discusses how each IDE supports key Java EE 6 APIs like JPA, JAX-RS, JSF 2.0, CDI, and how they allow working with GlassFish servers. NetBeans and IntelliJ generally provide the best support for Java EE 6 features out of the box, while Eclipse support has improved but still lacks support for some new APIs and concepts.
JSF is a Java specification and framework for building component-based user interfaces for web applications. It uses the MVC design pattern with reusable UI components, and handles tasks like data conversion, validation, event handling and navigation. The JSF architecture includes a component tree, request processing lifecycle and rendering model. New features in JSF 2 include Facelets as the default view declaration language, annotation-based configuration, standardized Ajax support, and improved error handling. Developing with JSF involves creating managed bean models, registering them, building pages with UI components, defining navigation, and configuring the web application in web.xml.
This document provides an overview of Ruby on Rails for rapid web application development. It discusses key Rails concepts like MVC, conventions over configuration, and scaffolding. It also demonstrates how to build a basic "Hello World" Rails app step-by-step, covering tasks like generating models and controllers, setting routes, and deploying. Additional sections explain ActiveRecord basics, associations, validations, and deploying Rails apps to Java application servers using JRuby on Rails.
The document discusses the JavaFX ecosystem, including layout managers like MigLayout and Medusa, widgets like JideFX and ControlsFX, styling libraries like JFoenix and BootstrapFX, testing tools like TestFX, frameworks like Afterburner.fx and MvvmFX, integration platforms like e(fx)clipse, libraries like AnchorFX and ReactFX, and GroovyFX for writing JavaFX applications in Groovy. It provides an overview of the various options available for building JavaFX user interfaces, styling applications, testing, and developing full applications.
This document provides an agenda and overview for an XPages Blast session presented by Matt White and Tim Clark. The session will cover general programming tips, debugging techniques, user interface best practices, using XPages in the Notes client, and Dojo. It lists 30 tips that will be discussed, such as using scoped variables, repeats, themes/global config, debugging with Firebug, Dojo parsing, and jQuery.
This document provides an overview of Exadel and RichFaces. Exadel is a products and services company focused on Rich enterprise application development using open source technologies like JBoss Tools, RichFaces, and JavaFX. The document discusses Exadel's history and products. It then summarizes the new features in JSF 2, such as Ajax functionality, before focusing on RichFaces 4 which is based on JSF 2 and uses jQuery. RichFaces 4 includes many upgraded and new components.
Ajax Applications with JSF 2 and new RichFaces 4 - HerbstcampusMax Katz
This document provides an overview of a presentation given by Max Katz on Ajax applications with JSF 2 and RichFaces 4. The key points covered include:
- An introduction of Max Katz and his background with JSF, RichFaces, and Exadel
- An overview of Exadel as a products and services company focused on Rich enterprise application development
- A discussion of new features in JSF 2 that enable Ajax and an example of using <f:ajax>
- An overview of the new RichFaces 4 framework which is based on JSF 2 and includes upgraded Ajax components, themes, and a Component Development Kit
- A preview of some of the new and upgraded RichFaces 4
The article discusses the history of Java web frameworks including Servlets, JSP, Struts, Spring MVC, and the introduction and evolution of JSF from versions 1.0 to 2.0. It provides examples of JSF code including a sample JSF page, managed bean, and configuration file. It also covers JSF implementations, custom component design, and RichFaces as a popular JSF extension framework.
1) This webinar reviewed JBoss RichFaces, a library of AJAX-enabled UI components for JavaServer Faces applications.
2) It covered basic concepts like partial view rendering and processing. It also demonstrated many of the rich UI components in the rich:* tag library.
3) Recent updates to RichFaces were highlighted, including new components in version 3.3.1 like rich:colorPicker and themes with predefined layouts.
4) Future plans for RichFaces 4.0 were discussed, which will integrate fully with JSF 2.0 and focus on consistency and performance.
Going Above JSF 2.0 with RichFaces and SeamLincoln III
This document summarizes a presentation given by Jay Balunas and Lincoln Baxter on going beyond JavaServer Faces (JSF) 2.0 with RichFaces and Seam. It discusses how RichFaces improves upon built-in JSF 2.0 features like Ajax, resource handling, and component development. It also covers how RichFaces adds client-side bean validation. The document concludes by discussing upcoming RichFaces 4.0 releases and ways to get involved with the project.
Extending eZ Platform 2.x with Symfony and ReactPiotr Nalepa
eZ Platform v2 is out and the UI has been fully redeveloped using Symfony as well as libraries such as React. You'll learn to quickly and simply extend eZ Platform's UI to fit your needs and add your own features to the platform. This session will go through the major extension points in the application and how to integrate your code—be it Twig-based classic web pages or with more modern and more interactive React.js code.
We’ll also explain what had changed in the technology stack of eZ Platform 2.x and why.
WebNet Conference 2012 - Designing complex applications using html5 and knock...Fabio Franzini
This document provides an overview of designing complex applications using HTML5 and KnockoutJS. It discusses HTML5 and why it is useful, introduces JavaScript and frameworks like KnockoutJS and SammyJS that help manage complexity. It also summarizes several JavaScript libraries and patterns including the module pattern, revealing module pattern, and MV* patterns. Specific libraries and frameworks discussed include RequireJS, AmplifyJS, UnderscoreJS, and LINQ.js. The document concludes with a brief mention of server-side tools like ScriptSharp.
A Peek At The Future: Going Beyond JavaServer Faces 2.0 With RichFaces 4balunasj
This document provides an overview of JSF 2.0 and RichFaces capabilities for Ajax, component development, and validation. It discusses how RichFaces extends and improves upon features in JSF 2.0 such as built-in Ajax, dynamic resources, and bean validation. RichFaces adds capabilities like Ajax regions and queues, dynamic resources, a component development kit to simplify component creation, and client-side bean validation with fallback options. The document demonstrates how RichFaces enhances JSF 2.0 and goes beyond its capabilities.
This document discusses the JavaFX ecosystem, including open source libraries, frameworks, and platforms that work with JavaFX. It provides examples of popular layout managers (MigLayout), widgets (Medusa, TilesFX, JSilhouette), controls (RichTextFX, CalendarFX, charts), and testing tools (TestFX). It also summarizes several JavaFX frameworks like Afterburner.fx, TornadoFX, Griffon, and Basilisk. Finally, it discusses the goals and core features of JSR 377, the JavaFX application programming interface.
This document discusses the JavaFX ecosystem, including open source libraries, frameworks, and platforms that work with JavaFX. It provides an overview of popular layout, widget, charting, and testing libraries. It also summarizes several prominent JavaFX frameworks, including their key features, goals, and resources. The JavaFX ecosystem is large and covers areas like layout, controls, charts, testing, libraries, frameworks, and platforms.
Extending eZ Platform v2 with Symfony and ReacteZ Systems
This document discusses extending eZ Platform 2.x with Symfony and React. It provides background on the technology stack changes from 1.x to 2.x, including moving from YUI3 to Symfony and React to improve performance and extensibility. It describes various extension points for both frontend and backend developers, such as React modules, field types, and application menus. It demonstrates performance improvements of 2.x over 1.x through examples of login and location pages loading over 10x faster.
The document provides information about React, including:
- React is a JavaScript library for building user interfaces and single-page applications using reusable UI components.
- Additional benefits of React include improved speed, use of a virtual DOM for better performance, readability through components, and support from a large community.
- The history and current versions of React and related tools like Create React App are provided.
- Getting started with React requires Node.js and NPM, and an example React code snippet is given.
- Key concepts in React like components, importing/exporting files, and using JSX syntax are summarized.
This webinar introduced the RichFaces framework for building JavaServer Faces applications. It covered installing RichFaces, basic AJAX concepts like sending requests and partial view rendering, and demonstrated a RichFaces component. Future webinars and training were announced. RichFaces provides over 100 AJAX components, skins for themes, and a component development kit.
This document discusses Java EE 6 and GlassFish. It provides an overview of the new features in Java EE 6 including new APIs, the web profile, pluggability, dependency injection, and improvements to existing APIs. It also summarizes the key components of GlassFish including its support for OSGi, dynamic deployment, web session retention, and integration with tools like Eclipse and Maven.
This document provides an overview and highlights of Build 2017. It discusses Xamarin and Azure, with a focus on Xamarin Part 1. Key points include:
- Visual Studio for Mac allows developing .NET apps on macOS using C# with features like IntelliSense, NuGet, and unit testing.
- Xamarin Forms 3.0 supports .NET Standard and new platforms like Tizen, macOS, Linux and WPF. It introduces FlexLayout for adaptive layouts and allows embedding native controls.
- The Live Player allows previewing Xamarin.Forms layout changes in real-time on a device without a full rebuild. It has limitations but improves the development cycle
RichFaces 4 Component Deep Dive - JAX/JSFSummitbalunasj
Deep dive into some of RichFaces 4.0 most complex and useful components: a4j:queue, a4j:push, rich:validator, rich:graphValidator.
Given at JAX/JSFSummit, San Jose, June 2011.
This document discusses HTML5 and how it can be used to enhance JavaServer Faces (JSF) 2.0 components. It provides an overview of HTML5 features such as new semantic elements, form controls, media elements, graphics with canvas, and JavaScript APIs. It also describes JSF 2.0's composite component model and how components can leverage HTML5 features like media playback and JavaScript integration. The document demonstrates a composite audio component that uses HTML5's audio element and JavaScript to control audio playback from JSF. It encourages leveraging HTML5 to promote rich user interfaces and future-proof JSF applications.
This document discusses module bundling tools for JavaScript applications. It introduces the problems of growing code complexity and need for optimized delivery of code. It then summarizes two popular module bundling tools: Webpack and jspm. Webpack supports CommonJS, AMD and ES6 module syntax and uses loaders and plugins to bundle assets. jspm uses the SystemJS module loader and bundles modules for production, while loading them asynchronously for development. Both tools aim to address the challenges of modular code management and optimized delivery.
This document discusses approaches to mobile development, including web mobile, native, and hybrid approaches. It then covers specific mobile development frameworks and tools that can be used with IBM Notes/Domino including the XPages Extension Library mobile controls, Bootstrap, jQuery Mobile, HTML5 offline capabilities, PhoneGap/Apache Cordova, Titanium, and IBM Worklight. IBM Worklight is described as providing services to augment PhoneGap, including tools like Worklight Studio, the Worklight Application Center, capabilities of the Worklight runtime and server, and the Worklight Console.
Similar to Ajax Applications with JSF2 and New RichFaces 4 at JAX 2011 (20)
Using cloud tools to build enterprise mobile apps with APIs fast Max Katz
The document discusses Appery.io, a cloud-based platform for building mobile apps using visual development tools and integrated backend services. It notes that demand for rapid mobile app development is increasing as businesses need to deploy apps faster to keep up with market changes. Several industry experts are quoted saying that the typical 12-18 month development cycles are no longer acceptable and that companies need ways to develop and update apps within days or weeks to remain competitive. The document proposes that Appery.io is a solution that allows non-technical users to build complete mobile apps visually in a drag-and-drop editor to help companies more quickly deploy apps and incorporate frequent changes.
Wolters Kluwer Tech. Conference: Disrupting Mobile DevelopmentMax Katz
Most mobile apps today are built using traditional desktop tools. These tools are complex, need to be downloaded, installed, frameworks configured, and lack real-time collaboration. To build mobile apps fast, to stay ahead, and innovate in the enterprise, developers need new tools to create mobile apps. The new tools are running entirely in the cloud, offer real time collaboration, sharing, and connections to cloud APIs. In this live coding session attendees will learn about Appery.io platform, and how to build a mobile app connected cloud APIs. Creating re-usable API plug-ins will be shown as well. Attendees will be able to test the app on their phones as its being built.
Max Katz from Tiggzi and Exadel presented on Tiggzi, a cloud-based mobile app builder that allows creating HTML5 and jQuery Mobile apps connected to REST APIs. Tiggzi apps can be tested in the browser or on mobile devices using their tester app, and support features like collaborative development, custom themes, and access to PhoneGap APIs. Developers were encouraged to sign up at tiggzi.com to start building mobile apps with Tiggzi.
Learn How to Build Mobile Apps Using Cloud ServicesMax Katz
The document summarizes a presentation about Tiggr, a cloud-based service for building HTML5 and native mobile apps. Tiggr allows developers to build mobile apps quickly and easily without needing deep coding skills. It was created by Exadel, a global software engineering company with 400+ employees across 7 development offices. The presentation covered how to build a mobile app in 5 steps using Tiggr's visual tools and shared features.
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group MeetupMax Katz
Tiggr is a web-based mobile app builder created by Exadel, a global software engineering company founded in 1998 and headquartered in the San Francisco Bay Area. Tiggr allows developers and non-technical users to easily and quickly build mobile apps using a 5-step approach involving prototyping the UI, defining REST services, mapping services to the UI, adding events and actions, and testing on mobile devices. Upcoming releases will include new features like a brand new UI, support for XML services, and Android and iOS project generation.
Building Mobile Apps With jQuery For Any Device In The Cloud Max Katz
Slides from hands-on tutorial on building mobile apps with jQuery Mobile in the cloud using http://gotiggr.com . We built a Twitter Search mobile app. Want to build the same app? Go to http://help.gotiggr.com.
Mobile Development Choices: Native Apps vs. Web Apps at JAX 2011Max Katz
This document discusses the differences between native mobile apps and web apps. Native apps are developed for a specific platform like iOS or Android, while web apps are built using web technologies like HTML, CSS, and JavaScript and can run on multiple platforms. The document compares native and web apps across categories like platforms, app discovery, user experience, device features, and enterprise development considerations.
Devoxx2010 - Mobile Development Choices: Native Apps vs Web AppsMax Katz
Max Katz presents on the choices between developing native mobile apps versus web apps. Some key factors in making the decision include developer skills required, time to market, performance, ability to access device features, cost of development, and ease of updating across platforms. Native apps allow deeper integration with device services but each platform requires different skills, whereas web apps can be built with common web technologies and more easily ported to multiple mobile platforms. The presenter recommends considering a web app approach unless the app requires device-specific features, offline use, or high performance graphics.
1. The webinar covered JBoss RichFaces skins, including using out-of-the-box skins, creating custom skins, and extending existing skins.
2. Standard controls can be skinned to match RichFaces components using skin parameters or CSS classes.
3. Future plans for RichFaces include full integration with JSF 2.0 in version 4.0, scheduled for release in 2009.
The document summarizes RichFaces concepts and features covered in webinar #2, including sending AJAX requests, partial view rendering, partial view processing, additional tags like a4j:repeat and a4j:queue, and JavaScript interactions. It also announces upcoming webinars on Rich UI components and skins, and provides information about JSF/RichFaces training and a RichFaces demo site.
1. The document introduces JavaFX as a platform for building rich internet applications with Java and discusses how it can be used to create rich user interfaces for enterprise applications.
2. It describes Flamingo, an open source framework that makes it easy to connect a JavaFX front-end to a Java EE, Seam or Spring backend and supports features like CRUD operations, server-side push, and offline use.
3. Examples are provided of using Flamingo to integrate JavaFX clients with Java EE server components and services for tasks like server calls, conversations, binding, and validation.
Ajax Applications with RichFaces and JSF 2Max Katz
The document discusses RichFaces, an open source JavaServer Faces framework that provides Ajax and rich internet application capabilities. It summarizes key RichFaces features like components, skins, the component development kit, and integration with JavaServer Faces 2. It also briefly describes other related JavaServer Faces projects and Exadel's products and services around RichFaces.
Max Katz presents on building rich internet applications (RIA) with JavaFX. Some key points:
- JavaFX is a tool for building RIA applications across devices like web, mobile, and desktop. It focuses on web and enterprise applications.
- JavaFX uses a declarative and procedural expression language called JavaFX Script and integrates with Java classes.
- Exadel has developed a JavaFX plugin for Eclipse that provides features like a JavaFX perspective and project creation wizard to help develop JavaFX applications.
- Exadel also provides frameworks like Flamingo that connect JavaFX and Flex with backend technologies like Seam and Spring, and Fiji that integrates JSF with Flex or JavaFX
Max Katz from Exadel gave a presentation about JBoss RichFaces. Some key points:
- RichFaces is a JSF framework that provides over 100 AJAX components, skins, and a component development kit.
- It allows building RIA applications that run on any servlet container and works with any JSF implementation and frameworks like Seam and Spring.
- Exadel creates and supports RichFaces as well as related products like JBoss Developer Studio. They also do consulting and training on RIA technologies.
- New versions of RichFaces have added components like rich:queue and rich:editor as well as layout capabilities. Future versions will be JSF 2.0 compatible.
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...Jason Yip
The typical problem in product engineering is not bad strategy, so much as “no strategy”. This leads to confusion, lack of motivation, and incoherent action. The next time you look for a strategy and find an empty space, instead of waiting for it to be filled, I will show you how to fill it in yourself. If you’re wrong, it forces a correction. If you’re right, it helps create focus. I’ll share how I’ve approached this in the past, both what works and lessons for what didn’t work so well.
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/how-axelera-ai-uses-digital-compute-in-memory-to-deliver-fast-and-energy-efficient-computer-vision-a-presentation-from-axelera-ai/
Bram Verhoef, Head of Machine Learning at Axelera AI, presents the “How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-efficient Computer Vision” tutorial at the May 2024 Embedded Vision Summit.
As artificial intelligence inference transitions from cloud environments to edge locations, computer vision applications achieve heightened responsiveness, reliability and privacy. This migration, however, introduces the challenge of operating within the stringent confines of resource constraints typical at the edge, including small form factors, low energy budgets and diminished memory and computational capacities. Axelera AI addresses these challenges through an innovative approach of performing digital computations within memory itself. This technique facilitates the realization of high-performance, energy-efficient and cost-effective computer vision capabilities at the thin and thick edge, extending the frontier of what is achievable with current technologies.
In this presentation, Verhoef unveils his company’s pioneering chip technology and demonstrates its capacity to deliver exceptional frames-per-second performance across a range of standard computer vision networks typical of applications in security, surveillance and the industrial sector. This shows that advanced computer vision can be accessible and efficient, even at the very edge of our technological ecosystem.
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
HCL Notes and Domino License Cost Reduction in the World of DLAUpanagenda
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/temporal-event-neural-networks-a-more-efficient-alternative-to-the-transformer-a-presentation-from-brainchip/
Chris Jones, Director of Product Management at BrainChip , presents the “Temporal Event Neural Networks: A More Efficient Alternative to the Transformer” tutorial at the May 2024 Embedded Vision Summit.
The expansion of AI services necessitates enhanced computational capabilities on edge devices. Temporal Event Neural Networks (TENNs), developed by BrainChip, represent a novel and highly efficient state-space network. TENNs demonstrate exceptional proficiency in handling multi-dimensional streaming data, facilitating advancements in object detection, action recognition, speech enhancement and language model/sequence generation. Through the utilization of polynomial-based continuous convolutions, TENNs streamline models, expedite training processes and significantly diminish memory requirements, achieving notable reductions of up to 50x in parameters and 5,000x in energy consumption compared to prevailing methodologies like transformers.
Integration with BrainChip’s Akida neuromorphic hardware IP further enhances TENNs’ capabilities, enabling the realization of highly capable, portable and passively cooled edge devices. This presentation delves into the technical innovations underlying TENNs, presents real-world benchmarks, and elucidates how this cutting-edge approach is positioned to revolutionize edge AI across diverse applications.
Generating privacy-protected synthetic data using Secludy and MilvusZilliz
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
The Microsoft 365 Migration Tutorial For Beginner.pptxoperationspcvita
This presentation will help you understand the power of Microsoft 365. However, we have mentioned every productivity app included in Office 365. Additionally, we have suggested the migration situation related to Office 365 and how we can help you.
You can also read: https://www.systoolsgroup.com/updates/office-365-tenant-to-tenant-migration-step-by-step-complete-guide/
In the realm of cybersecurity, offensive security practices act as a critical shield. By simulating real-world attacks in a controlled environment, these techniques expose vulnerabilities before malicious actors can exploit them. This proactive approach allows manufacturers to identify and fix weaknesses, significantly enhancing system security.
This presentation delves into the development of a system designed to mimic Galileo's Open Service signal using software-defined radio (SDR) technology. We'll begin with a foundational overview of both Global Navigation Satellite Systems (GNSS) and the intricacies of digital signal processing.
The presentation culminates in a live demonstration. We'll showcase the manipulation of Galileo's Open Service pilot signal, simulating an attack on various software and hardware systems. This practical demonstration serves to highlight the potential consequences of unaddressed vulnerabilities, emphasizing the importance of offensive security practices in safeguarding critical infrastructure.
How information systems are built or acquired puts information, which is what they should be about, in a secondary place. Our language adapted accordingly, and we no longer talk about information systems but applications. Applications evolved in a way to break data into diverse fragments, tightly coupled with applications and expensive to integrate. The result is technical debt, which is re-paid by taking even bigger "loans", resulting in an ever-increasing technical debt. Software engineering and procurement practices work in sync with market forces to maintain this trend. This talk demonstrates how natural this situation is. The question is: can something be done to reverse the trend?
Have you ever been confused by the myriad of choices offered by AWS for hosting a website or an API?
Lambda, Elastic Beanstalk, Lightsail, Amplify, S3 (and more!) can each host websites + APIs. But which one should we choose?
Which one is cheapest? Which one is fastest? Which one will scale to meet our needs?
Join me in this session as we dive into each AWS hosting service to determine which one is best for your scenario and explain why!
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsDianaGray10
Join us to learn how UiPath Apps can directly and easily interact with prebuilt connectors via Integration Service--including Salesforce, ServiceNow, Open GenAI, and more.
The best part is you can achieve this without building a custom workflow! Say goodbye to the hassle of using separate automations to call APIs. By seamlessly integrating within App Studio, you can now easily streamline your workflow, while gaining direct access to our Connector Catalog of popular applications.
We’ll discuss and demo the benefits of UiPath Apps and connectors including:
Creating a compelling user experience for any software, without the limitations of APIs.
Accelerating the app creation process, saving time and effort
Enjoying high-performance CRUD (create, read, update, delete) operations, for
seamless data management.
Speakers:
Russell Alfeche, Technology Leader, RPA at qBotic and UiPath MVP
Charlie Greenberg, host
What is an RPA CoE? Session 1 – CoE VisionDianaGray10
In the first session, we will review the organization's vision and how this has an impact on the COE Structure.
Topics covered:
• The role of a steering committee
• How do the organization’s priorities determine CoE Structure?
Speaker:
Chris Bolin, Senior Intelligent Automation Architect Anika Systems
Introduction of Cybersecurity with OSS at Code Europe 2024Hiroshi SHIBATA
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
2. Exadel
Max Katz
● Senior Systems Engineer at Exadel
● JSF,RichFaces, Java EE consulting,
and training
● Manages exadel.org – Exadel's open
source projects and community
● Community manager for gotiggr.com
– tool for creating and sharing
interactive web and mobile HTML
prototypes
3. Exadel
4
Summer 2011
Author of Lead-author of
Practical RichFaces Practical RichFaces, 2/e
(Apress) (Apress, June 2011)
5. Exadel
Exadel is a global software
engineering company.
● Founded in 1998,
headquarters in San Francisco
Bay Area
● 7 development offices in
Europe
● 350+ employees
8. Exadel
Exadel Products
● exadel.org
◦ Flamingo
◦ Fiji
◦ jsf4birt
◦ JavaFX Plug-in for Eclipse
● gotiggr.com– build and share HTML
prototypes
9. Exadel
Exadel Services
● Professional services
● Rich enterprise application
development
● Eclipse development
● Custom rich component development
● Mobile development
● Training
10. Exadel
The Plan Is Simple
1) Ajax features in JSF 2
2) The new RichFaces 4
11. Exadel
JavaServer Faces™ (JSF) is
the standard component-
based user interface (UI)
framework for the
Java EE (5 & 6) platform
JSF 1.2 Java EE 5
JSF 2 Java EE 6
12. Exadel
JSF 2
● JSF 2 is a major upgrade over JSF 1.x
● Many features, ideas taken from
projects such as Seam, and RichFaces,
and others
13. Exadel
JSF 2 new features
● Facelets ● New scopes
● Composite ◦ Flash, View,
components custom
● Implicit ● Configuration
navigation via annotations
● GET ● Bean Validation
support
support
◦ h:link, h:button
● Basic Ajax
● Resource loading
14. Exadel
JSF 2 <f:ajax>
● Very basic Ajax functionality
● Greatly
inspired by RichFaces 3
<a4j:support> tag
● Ajax in JSF in 3 easy steps:
1. Sending an Ajax request
2.Partial view processing
3.Partial view rendering
17. Exadel
Attribute Value
Important
Event on which to fire the
<f:ajax> event
Ajax request
attributes @all
@this (default)
@form
execute
@none
id's
EL
@all
@this
@form
render
@none (default)
id's
EL
18. Exadel
That's good, but where do
you get rich components and
more?
A rich component framework
is still(?) needed to build
real-world
Ajax applications.
23. Exadel
RichFaces 4
● All components are reviewed for
consistency, usability
● Redesigned following semantic
HTML principles
● Server-side
and client-side
performance optimization
● Strict code clean-up and review
24. Exadel
RichFaces 4
Zero-configuration.
Just drop RichFaces into the
application.
31. Exadel
RichFaces 4
Tooling support through
JBoss Tools, IntelliJ,
NetBeans
32. Exadel
RichFaces versions
Version JSF 1.1 JSF 1.2 JSF 2
RichFaces 3.1.x •
RichFaces 3.3.3* • •
RichFaces 4 •
* Note: RichFaces 3.3.3 has basic JSF 2 support
33. Exadel
RichFaces history
2005: started by Alexander Smirnov
2005-2007: Developed by Exadel
Ajax4jsf - open source, free
RichFaces - commercial
2007: JBoss takes over
Exadel team continues to develop
the framework, project is known as
RichFaces
37. Exadel
RichFaces <a4j:ajax>
● 100% based on standard <f:ajax>
● Just replace f: with a4j: and get
exactly the same functionality
● But, you get extra features...
<h:commandButton>
<f:ajax execute="@form" render="output"/>
</h:commandButton>
<h:commandButton>
<a4j:ajax execute="@form" render="output"/>
</h:commandButton>
38. Exadel
<a4j:ajax> attributes
Feature/Attribute Description
JavaScript to execute before Ajax
onbegin
request
JavaScript to execute after response
onbeforedomupdate
comes back but before DOM update
oncomplete JavaScript to execute after DOM update
Allows to skip JSF phases when
bypassUpdates
validating
limitRender Turns off all auto-rendered panels
status Status to display during Ajax request
Ajax queue Advanced RichFaces client queue
40. Exadel
When using standard JSF button:
<h:form>
<h:inputText>
<h:selectOneMenu>
Need to set
<h:commandButton> execute=”@form”
<f:ajax execute="@form"/> (or execute=”id1 id2”)
</h:commandButton>
<h:form>
When using RichFaces button:
<h:form> RichFaces default
<h:inputText>
<h:selectOneMenu>
value for
<a4j:commandButton/> button/link
<h:form> execute=”@form”
41. Exadel
<a4j:jsFunction> – send Ajax
request from any JavaScript
function, HTML event
<table>
...
<td onmouseover="update('yellow')"/>
...
</table>
<h:form>
<a4j:jsFunction name="update"
action="#{bean.change}" render="...">
<a4j:param value="param1" assignTo="#{bean.color}"/>
</a4j:jsFunction>
</h:form>
43. Exadel
<a4j:push>
● Server-side events are pushed to
client using Comet or WebSockets.
● Implemented using Atmosphere
● Providesexcellent integration with
EE containers, and advanced
messaging services
<a4j:push address="topic@chat"
ondataavailable="alert(event.rf.data)" />
45. Exadel
<a4j:outputPanel> – auto
rendered panel
<h:selectOneMenu value="#{bean.fruit}">
<a4j:ajax listener="#{bean.change}"/>
</<h:selectOneMenu>
<a4j:outputPanel ajaxRendered="true">
<h:panelGrid>
...
</h:panelGrid> Rendered on every
</a4j:outputPanel> Ajax request
46. Exadel
Advanced rendering options:
limitRender
<a4j:commandButton render="output"/>
<a4j:commandButton render="output" limitRender="true"/>
<h:panelGrid id="output">
Turns off all auto rendered panels,
...
only renders what is set in current
</h:panelGrid> render
<a4j:outputPanel ajaxRendered="true">
...
</a4j:outputPanel>
47. Exadel
render=”#{bean.renderList}”
JSF RichFaces
1) Ajax request sent 1) Ajax request sent
2) Component id's to be 2) Component id's to
rendered resolved be rendered
3) Component id's are resolved
rendered into the page 3) Component id's
4) 2nd Ajax request is sent. are rendered
In this request the
components (resolved in
step 2 are sent with
request) will be rendered
51. Exadel
JavaScript interactions
<h:commandLink value="Link"
<f:ajax onevent="ajaxEvent();">
</h:commandLink>
Called three times:
1) begin
2) success
3) complete
<a4j:commandLink value="Link"
onbegin="ajaxOnBegin()"
onbeforedomupdate="ajaxOnBeforeDomUpdate()"
oncomplete="ajaxOnComplete()">
</a4j:commandLink>
Events are separated for easier development
52. Exadel
JSF 2 queue
● JSF2 has very basic queue
functionality
● Events are queued and fired one at a
time
● Only one request is processed on the
server at a time
53. Exadel
RichFaces queue upgrades
● Combine
requests from one or more
components
● Delay firing Ajax request
● Cancel DOM updates if “similar” request
was fired
● Define queue as:
◦ Global (all views have queue)
◦ View-based
◦ Form-based
◦ Named (used by particular components only)
54. Exadel
<a4j:queue> – “combining”
events from the same
component
<a4j:queue requestDelay="2000"/>
…
<a4j:commandButton value="Button A1"/>
<a4j:commandButton value="Button AB"/>
Events (clicks) from the same component
are “combined” which results in just one request
from a component being sent. Prevents sending multiple
request from the same component.
55. Exadel
<a4j:queue> – “combining”
events from different
components
<a4j:queue requestDelay="2000"/>
...
<a4j:commandButton>
<a4j:attachQueue requestGroupingId="ajaxGroup"/>
</a4j:commmandButton>
<a4j:commandButton>
<a4j:attachQueue requestGroupingId="ajaxGroup"/>
</a4j:commmandButton>
56. Exadel
<a4j:queue> delay
<a4j:queue requestDelay="2000"/>
... Delay request
by 2 seconds
<a4j:commandButton value="Button1"/>
<a4j:commandButton value="Button2"/>
<a4j:queue requestDelay="2000"/>
... Overwrite default
<a4j:commandButton> delay request
by 1 second
<a4j:attachQueue requestDelay="1000"/>
</a4j:commmandButton>
<a4j:commandButton />
Delay is a “wait” to combine similar events (events from the
same components) together.
60. Exadel
<a4j:param>
● Similar to <f:param> but simpler as it
also assigns the value to a bean
property automatically
<a4j:commandButton value="Save">
<a4j:param name="#{bean.product}" value="1009"/>
</a4j:commandButton>
@ManagedBean
public class Bean {
private String product; // getter and setter
}
78. Exadel
RichFaces client functions
Function Description
rich:client(id) Returns component client id
rich:element(id) Returns DOM element
Returns RichFaces client component
rich:component(id)
instance to call JS API method
rich:isUserInRole(role) Returns if the user has specified role
Returns component instance for given
rich:findComponent(id)
short id
79. Exadel
Many RichFaces components
provide client-side JavaScript API
<rich:popupPanel> JavaScript API
Method name Description
Return the top co-ordinate for the position of
getTop()
the pop-up panel.
Return the left co-ordinate for the position of
getLeft()
the pop-up panel.
Move the pop-up panel to the co-ordinates
moveTo(top,left)
specified with the top and left parameters.
Resize the pop-up panel to the size specified
resize(width,height)
with the width and height parameters.
show() Show the pop-up panel.
hide() Hide the pop-up panel.
86. Exadel
Skins
● Lightweight extension on top of CSS
● Change
look and feel of all rich
component with a few minor changes
● Can
be applied to standard JSF and
HTML tags as well
89. Exadel
Skins
● Modify existing or create your own
<context-param>
<param-name>org.richfaces.skin</param-name>
<param-value>myCoolSkin</param-value>
</context-param>
● Change skins in runtime
<context-param>
<param-name>org.richfaces.skin</param-name>
<param-value>#{bean.skin}</param-value>
</context-param>
90. Exadel
Overwriting skins
<style>
1
.rf-p-hr {
// your custom style, applied to all panels on
// on page
}
.panelHeader { 2
// custom header style
}
</style>
<rich:panel id="panel1">
...
</rich:panel id="panel2">
<rich:panel headerClass="panelHeader">
...
</rich:panel>
91. Exadel
Skinning standard JSF tags
and HTML tags
Apply to each control:
<h:button style="background-color:
'#{richSkin.tableBackgroundColor}'"/>
Apply to all standard controls (JSF and HTML):
<context-param>
<param-name>
org.richfaces.enableControlSkinning
</param-name>
<param-value>true</param-value>
</context-param>
92. Exadel
Skinning standard JSF tags
and HTML tags
<context-param>
<param-name>
org.richfaces.enableControlSkinningClasses
</param-name>
<param-value>true</param-value>
</context-param>
<div class="rfs-ctn">
<h:panelGrid columns="1">
Can be applied to
<h:outputText /> <h:panelGrid>, <rich:panel>, <div>
<h:inputText /> Any standard controls inside the
<h:commandButton /> container will be skinned using
</h:panelGrid> standard controls skinning classes.
</div>
93. Exadel
Where can I try the new
RichFaces 4?
http://richfaces.org/showcase
94. Exadel
How can we help with RichFaces
● Web development
with RichFaces
Training Days
● Version 3 to 4 migration JSF 1.2, 2 1-2
● Performance tune-up RichFaces 3, 4 1-2
JSF and RichFaces 2-3
● Custom component RichFaces 3 to 4 1-2
development
● On-site training
98. Exadel
Tiggr Mobile Demo*
http://gotiggr.com
*Preview version
99. Exadel
Tiggr Prototypes Tiggr Mobile
● Build and share ● First of a
kind, Web-
interactive HTML based IDE for building
prototypes and deploying hybrid
● Highly-interactive,
mobile apps
define events/actions ● Connect and invoke
● View,
remote services
test in any
browser, get feedback