Professional Documents
Culture Documents
By
Sandeep(CITI)
Copyright 2012 Tata Consultancy Services Limited
Introduction
It is an ORM Tool
Implements JPA
Mapping relationships
Hibernate Architecture
Configuration Object
SessionFactory Object
Session Object
Required Things
i)Hibernate.cfg.xml
iii)POJO Class
iv)Test Class
10
POJO Class
11
Hibernate.cfg.xml
12
13
Test Class
14
Cache in Hibernate
15
16
17
18
19
20
21
22
Query Cache
23
Query Cache
24
Just 15 characters!
The DOCTYPE tells the browser which type and version of document to
expect.
25
Simplier in HTML 5
<meta charset="UTF-8">
26
Aim Of HTML5
27
Semantics
Forms
Geolocation
Web Storage
Server Sent Events
28
29
<aside>
<details>
<header>
<footer>
<time>
<section>
<nav>
30
Semantic Elements
<nav>
<a href="/tcs/">TCS</a>
<a href="/event/">Events</a>
</nav>
31
Semantic Elements
<header>
</header>
32
Semantic Elements
<footer>
<p>Conducted by:Sandeep</p>
contact</a>.</p>
</footer>
33
Semantic Elements
<h1>WWF</h1>
</section>
34
Semantic Elements
<header>
</header>
35
Semantic Elements
<article>
</article>
36
37
HTML 5 Forms
38
HTML 5 Forms
Search,email,url,tel,datetime,date,month,week,time,
Number,range,color,datetime-local
39
Auto complete
Required
Pattern
Maxlength,Minlength
Title
Placeholder
Autofocus
Novalidate
40
Form Elements
41
One of the most exciting buzz these days in web circles is about
HTML5 and specifically video on HTML5. HTML5 video tag has
solved the age old problem site owners and designers face on how to
best embed video on websites.
Prior to the new HTML5 video tag you basically had two options for
embedding video on your site to get a video player or to use a 3rd
party service like YouTube to host your video and then use their
embed code to put the video on your site.
Most people are currently using the 2nd option of using services like
YouTube to host their videos and them embedding them on their own
site.
42
43
Autoplay
Autoplay
Controls
Controls
Loop
Muted
Muted
Src
Src
Height
Width
Poster
44
Video
Audio
45
Geo Location
The Geolocation API of HTML5 helps in identifying the users location,
which can be used to provide location specific information or route
navigation details to the user.
i)IP-based or
ii)GPS
iii)Cell tower
46
Geo Location
With geo location, you can determine the users current position. You can
also be notified of changes to their position, which could be used, for
example, in a web application that provided real-time driving directions.
Geolocation: methods
These different tasks are controlled through the three methods
currently available
i)getCurrentPosition
ii)watchPosition
iii)clearPostion
47
GeoLocation
navigator.geolocation.getCurrentPosition(showPosition ,Error);
48
GeoLocation
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
}
function showPosition(position) {
49
Geo Location
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "User denied the request for
Geolocation.";
break;
case error.POSITION_UNAVAILABLE:
break;
50
GeoLocation
51
Geolocation
52
Web Storage
53
Cookies Disabled
54
Web Storage
The Web Storage API defines a standard for how we can save
simple data locally
With Web Storage, we now have a standardized definition for
how to store up to 5MB of simple data created by our websites
or web applications
Web Storage is a great complement to Offline Web
Applications, because you need somewhere to store all that
user data while youre working offline,
55
Web Storage
Simply put, its a way for web pages to store named key/value pairs locally,
within the client web browser.
Unlike cookies, this data is never transmitted to the remote web server (unless
you go out of your way to send it manually)
HTML local storage provides two objects for storing data on the client:
56
Web Storage
57
Web Storage
removeItem(String key);
Clear()
58
59
60
New EventSource(url)
61
62
Queries
63