This document provides an overview of JavaServer Faces (JSF) and Asynchronous JavaScript and XML (AJAX). It describes JSF as a server-side user interface framework that uses components like UIForm and UIInput to build web applications. It also explains how AJAX allows for asynchronous client-server communication using XMLHttpRequest to update parts of a page without reloading. The key technologies discussed are JSF tags, configuration files, components and validators as well as the steps involved in an AJAX request like creating an XMLHttpRequest object and processing the response.
This is the most important concept in advance java. Why java is so much popular than other? answer is its implicit objects. It provides many implicit object in the library. So you don't need to declare object to use it. You just have to use whenever you need it.
jsp implicit objects (predefined java objects)
jsp implicit objects are java objects that the jsp container makes available to developers in each page so that developer can call them directly without being explicitly declared......
there are 9 pre defined objects in jsp... which are being discussed in this ppt with diagram representation and fewer points..... not full information in slides ... just prepared for presentation purpose.... so u have to do the research work from internet and you tube.....
this ppt is self prepared and taken reference form you tube
This slide is about basics of java servlet and java server page.
A basic example of JSP using multiple directives.
Further information of setting up and using of Apache Tomcat server.
This is the most important concept in advance java. Why java is so much popular than other? answer is its implicit objects. It provides many implicit object in the library. So you don't need to declare object to use it. You just have to use whenever you need it.
jsp implicit objects (predefined java objects)
jsp implicit objects are java objects that the jsp container makes available to developers in each page so that developer can call them directly without being explicitly declared......
there are 9 pre defined objects in jsp... which are being discussed in this ppt with diagram representation and fewer points..... not full information in slides ... just prepared for presentation purpose.... so u have to do the research work from internet and you tube.....
this ppt is self prepared and taken reference form you tube
This slide is about basics of java servlet and java server page.
A basic example of JSP using multiple directives.
Further information of setting up and using of Apache Tomcat server.
This presentation provides participants with an overview of
the most popular tools for code quality control in Flex. Among them: Sonar with Flex plugin, FlexPMD & FlexPMD Eclipse plugin, SWFScan from HP and FlexFormatting Eclipse plugin.
In this presentation will be presented the basic information about each of the mentioned tools, information how to configure some of these tools, how to use them and How to interpret results of their work.
Agenda:
Sonar with Flex plugin
FlexPMD
-What is FlexPMD
-How does it work
FlexPMD plugin
-Configuration
-Supported workflows
-FlexCPD integration
-FlexPMD Ruleset Creator
SwfScan from HP
FlexCover
ItDepends
FlexFormatting
Google Web Toolkit
Presentation by Assoc.Prof. Dr.Thanachart Numnonda & Asst.Prof. Thanisa Kruawaisayawan, Mini Master of Java Technology KMITL, July 2012
Developing ASP.NET Applications Using the Model View Controller Patterngoodfriday
Learn how to use the model-view-controller (MVC) pattern to take advantage of your favorite .NET Framework language for writing business logic in a way that is de-coupled from the views of the data.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
2. Objectives
What is JSF?
Real-Life Examples of AJAX Apps
What is AJAX and Why AJAX?
Technologies Used In AJAX
XMLHttpRequest
2
3. JavaServer™ Faces (JSF) Framework
Is…
A server side user interface (UI)
component framework for Java™
technology-based web
applications. (Validators)
Drag-and-drop UI components to
build a web Application.
4. Application Configuration File
XML file for configuring resources required at
application startup time
navigation rules, converters, validators, render kits
Usually named as faces-config.xml
A <faces-config> tag must enclose all of the other
declarations
<faces-config>
....
</faces-config>
5. Two Tag Libraries
jsf_core
Definesother JSF related tags
Independent of any rendering technology
html_basic
Defines tags for representing common HTML user
interface components
JSP page need to declare them
<%@ taglib uri="http://java.sun.com/jsf/core/" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html/" prefix="h" %>
6. <f:view> element
Represents UIViewRoot component
All component tags on the page must be
enclosed in the view tag
<f:view>
... other faces tags, possibly mixed with other
content ...
</f:view>
Optional locale attribute
Overrides the Locale stored in the UIViewRoot
7. HTML Tags
Used to control display data or accept data
from the user
Common attributes
id:uniquely identifies the component
value: identifies an external data source mapped
to the component's value
binding: identifies a bean property mapped to
the component instance
8. Built-in UI Component Classes
UIForm:
Encapsulates a group of controls that submit
data to the application. This component is
analogous to the form tag in HTML.
UIInput:
Takes data input from a user
is a subclass of UIOutput
UIOutput:
Displays data output on a page
9. UIForm & <h:form> tag
UIForm UI component
An input form with child components
representing data that is either presented to the
user or submitted with the form
Encloses all of the controls that display or
collect data from the user
Include HTML markup to layout the controls
on the page
<h:form> tag itself does not perform any layout
10. UIInput & UIOutput Components
UIInput component displays a value to a user and
allows the user to modify this data
The most common example is a text field
UIOutput component displays data that cannot be
modified
The most common example is a label
Conversions can occur
Both UIInput and UIOutput components can be
rendered in several different ways
11. UICommand & <h:commandButton>
UICommand component performs an action
when it is activated
Most common renderers are Button and Link
12. UICommand & <h:commandButton>
Additional attributes
action:
is either a logical outcome String or a JSF EL
expression that points to a bean method that returns a
logical outcome String
In either case, the logical outcome String is used by
the navigation system to determine what page to
access when the UICommand component is
activated
13. Example1: <h:commandButton> from
carDetail.jsp
<h:commandButton action="#{carstore.buyCurrentCar}"
value="#{bundle.buy}" />
action attribute
references a method on the CarStore backing bean that
performs some processing and returns an outcome
outcome is passed to the default NavigationHandler, which
matches the outcome against a set of navigation rules defined
in the application configuration file.
value attribute
references the localized message for the button's label
bundle part of the expression refers to the ResourceBundle
that contains a set of localized messages
14. greeting.jsp
<f:view>
<h:form id="helloForm" >
<h2>Hi. My name is Duke. I'm thinking of a number from
<h:outputText value="#{UserNumberBean.minimum}"/> to
<h:outputText value="#{UserNumberBean.maximum}"/>. Can you guess it?
</h2>
<h:graphic_image id="waveImg" url="/wave.med.gif" />
<h:inputText id="userNo" value="#{UserNumberBean.userNumber}“ />
<h:commandButton id="submit" action="success" value="Submit" />
<p>
<h:messages style="color: red; font-family: 'New Century Schoolbook', serif;
font-style: oblique; text-decoration: overline" id="errors1" for="userNo"/>
</h:form>
</f:view>
</HTML>
15. Validation Model
jsf-core tag library also defines a set of tags that
correspond to the standard Validator
implementations
Most of the tags have a set of attributes for
configuring the validator's properties
minimum and maximum
16. Validator Tags
<f:validator>
Registers a custom Validator on a component
<f:validateLength>
Registers a LengthValidator on a component
<f:validateLongRange>
Registers a LongRangeValidator on a component
<f:validateDoubleRange>
Registers a DoubleRangeValidator on a component
17. Real-Life Examples of AJAX Apps
Google maps
http://maps.google.com/
Google Suggest
http://www.google.com/webhp?complete=1&hl=en
Gmail
http://gmail.com/
Yahoo Maps (new)
http://maps.yahoo.com/
Many more are popping everywhere
17
18. What is AJAX?
Asynchronous JavaScript And XML
DHTML plus Asynchronous communication
capability through XMLHttpRequest
Pros
Most viable RIA technology so far
Tremendous industry momentum
Several toolkits and frameworks are emerging
No need to download code & no plug-in required
Cons
Still
browser incompatibility
JavaScript is hard to maintain and debug 18
19. Why AJAX?
Intuitive and natural user interaction
Noclicking required
Mouse movement is a sufficient event trigger
"Partial screen update" replaces the "click, wait, and
refresh" user interaction model
Only user interface elements that contain new information
are updated (fast response)
The rest of the user interface remains displayed without
interruption (no loss of operational context)
Asynchronous communication replaces "synchronous
request/response model."
19
22. Server-Side AJAX Request Processing
Server programming model remains the same
It
receives standard HTTP GETs/POSTs
Can use Servlet, JSP, JSF, ...
With minor constraints
More frequent and finer-grained requests from
client
Response content type can be
text/xml
text/plain
text/json
text/javascript 22
23. Demo Scenario
Runsample AJAX applications within
NetBeans IDE
Auto completion
Data validation
Progress bar
You can try this demo yourself
These applications are provided as built-in sample
applications in NetBeans
23
25. Steps of AJAX Operation
1. A clientevent occurs
2. An XMLHttpRequest object is created
3. The XMLHttpRequest object is configured
4. The XMLHttpRequest object makes an async.
request
5. The ValidateServlet returns an XML document
containing the result
6. The XMLHttpRequest object calls the callback()
function and processes the result
7. The HTML DOM is updated
25
26. 1. A Client event occurs
A JavaScript function is called as the result of
an event
Example: validateUserId() JavaScript function
is mapped as a event handler to a onkeyup
event on input form field whose id is set to
“userid”
<input type="text" size="20" id="userid" name="id"
onkeyup="validateUserId();">
26
27. 2. An XMLHttpRequest object is created
var req;
function initRequest() {
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
isIE = true;
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function validateUserId() {
initRequest();
req.onreadystatechange = processRequest;
if (!target) target = document.getElementById("userid");
var url = "validate?id=" + escape(target.value);
req.open("GET", url, true);
req.send(null);
} 27
28. 3. An XMLHttpRequest object is
configured with a callback function
var req;
function initRequest() {
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
isIE = true;
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function validateUserId() {
initRequest();
req.onreadystatechange = processRequest; // callback function
if (!target) target = document.getElementById("userid");
var url = "validate?id=" + escape(target.value);
req.open("GET", url, true);
req.send(null); 28
}
29. 4. XMLHttpRequest object makes an async.
request
function initRequest() {
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
isIE = true;
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function validateUserId() {
initRequest();
req.onreadystatechange = processRequest;
if (!target) target = document.getElementById("userid");
var url = "validate?id=" + escape(target.value);
req.open("GET", url, true);
req.send(null);
}
URL is set to validate?id=greg
29
30. 5. The ValidateServlet returns an XML
document containing the results (Server)
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws IOException, ServletException {
String targetId = request.getParameter("id");
if ((targetId != null) && !accounts.containsKey(targetId.trim())) {
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
response.getWriter().write("<valid>true</valid>");
} else {
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
response.getWriter().write("<valid>false</valid>");
}
} 30
31. 6. XMLHttpRequest object calls callback()
function and processes the result
The XMLHttpRequest object was configured to
call the processRequest() function when there is
a state change to the readyState of the
XMLHttpRequest object
function processRequest() {
if (req.readyState == 4) {
if (req.status == 200) {
var message = ...;
31
32. 7. The HTML DOM is updated
JavaScript technology gets a reference to any element
in a page using DOM API
The recommended way to gain a reference to an
element is to call
document.getElementById("userIdMessage"), where
"userIdMessage" is the ID attribute of an element appearing
in the HTML document
JavaScript technology may now be used to modify the
element's attributes; modify the element's style
properties; or add, remove, or modify child elements
32
33. 1. <script type="text/javascript">
2. function setMessageUsingDOM(message) {
3. var userMessageElement = document.getElementById("userIdMessage");
4. var messageText;
5. if (message == "false") {
6. userMessageElement.style.color = "red";
7. messageText = "Invalid User Id";
8. } else {
9. userMessageElement.style.color = "green";
10. messageText = "Valid User Id";
11. }
12. var messageBody = document.createTextNode(messageText);
13. // if the messageBody element has been created simple replace it otherwise
14. // append the new element
15. if (userMessageElement.childNodes[0]) {
16. userMessageElement.replaceChild(messageBody,
17. userMessageElement.childNodes[0]);
18. } else {
19. userMessageElement.appendChild(messageBody);
20. }
21. }
22. </script>
23. <body>
24. <div id="userIdMessage"></div>
25. </body> 33
34. Acknowledgement
Most contents are borrowed from the
presentation slides of Sang Shin, Java™
Technology Evangelist, Sun Microsystems,
Inc.
34
35. Thank you
thananum@gmail.com
www.facebook.com/imcinstitute
www.imcinstitute.com
35