UNI 2
1: Explain about the Arebrtecture of RIA -G
ments and demerits -
client :
Bnwsey pHa ea
sve he
Plug -t0 “Executton Comleipenn
eee a eee
Presecta- [Reb engine] LL fs
—tfon ea Storage
Layes Business eed
CeSSiO!
|| Components
[Gleb Serv eer
a &
> eer
| |Lewer
|
| a
a
g
i ee
I Monagemen=
|
lye at tpligatkon Facade =
ie Busin ess Tease ie eee
| e ‘ Business
é [ors ons| Conponeots Ei ie
| "| DaraeacceS) + San oe
> Data bs Re
Ba Groponeots pas ew ean d| |
security
Cv0s— Cut 04
|
18]
|
Eile
EIS
ope
[eo Jo (ome) SRin provides HD used experience:
i Psesentatton Layey
RiA
> Ri stands Loy Rech Trkevoet Appkcatron ‘
* Rids typically psovede “op -vetresh look" to the user
snterface «
J
RM “ols
« Adobe Flex
«Open Laszlo
“Microsoft silverlight
Rik Plotforrs
«Adobe Flash
° Java
& 5 88
Goeeasos: WE aa prescokattor logic orponerts
Business Layev
Contains business log
eotrtres Components”
Data Layer? :
Contaros data access and gevvice agent Goroponeots:
ic, business work Plow and business
Aa Core ponert § :
- Users Ca eobevact with the apphcatton- ;
frequive and \altdate data:
ade
pit cotton fac :
oe Combine noultrple business operattons into stogle
operation:
message - based Dato access sine oe ee eed
Mostvacl the logic needed to. access the uodealytng
data Stores:
Tt makes easieY +o confr que and maintain.
Dota helpers )utthtres
Data helpey Cormpnents can be designed +o abstract
the Cornplerity oF a cessing the db:
Sewvice Agents
¢ Bastc mappiog between the format of the data
Cxypos ed by +the sevice and the format tyour applica-
ton peed s~
Advantages of RIA
» More. coteracteve uses interface
€ More advanced Functronalty than’ ttm
R Move effictent applicatror mode!
RK. C085 - Plat-for no Support
Disadvantages oF RIA
w three -trey architecture 1s move Complex:
R Cost of development
Umited access to local vesources
R Usabrlity issues
Chavacteriottes ©
» Excpressiveness
* Rich media iobregatto0
* Responsiveness
Back-end Inteqyato |
| behavioy of vasious elements’ in > Web pages:
UNE T.4-
a Outhne the css Ammattons) land) s6 proper
With ezarmple: ;
© CSS Amymations area pager | tol that ables
uto corte) the moton ord bariay: of elem
on your web pages’ 2
Th Consist of two parts:
Ore thot dearbes the animation of the e
and anothey, +hat Bie keyframes indecadt
she antrncto Properties of the element at
mtervats ‘sd
~» CSS Arieostions change the’ speavanee and
+ they ove defined using the @bupframes
whieh specifies the eee Properties oP fA
element —
Pron otto 0 Properes,
4- Peptmottin name
TH is used +0’ specify the name of the @
clesertbing dhe anwnatton-
2. Prrenation auvatton
sh ts used to spect
the tre. duvatron he
aviratoo £0 eae e@ one cycle. Ee
iy
mucins!) Ine he PIT VON AMIDE ee NOON TU ec
veysframes *
» Specifies bow artmattors make bransttrons trough
Us “Avweatton dela
Tt Spelt ale delay of the star: of an antma-
tpon »
5+ finwnetton atevatton Count
—this specifies the rurmber of tires the antnatroo
will be vepeated « ees
6-Avwvation divector
Le defines the devechod of the anienation . the
amimetton dreckor can be novel > yeverse and
alter nate
A. pornatton Fill-roode
at defines bw
aftey animed
Styles ave apphed befove and
ton
@-frmrrpation Ploy-state
a (operate specrtres whether -+he antmarltoo
2 ee oY faused -
Example Progvare)
div
L
Wedth + 100Px 5
herg he ‘100 PR:
Background - Color) purple ;
5 div: hover
1
| ANivarttoN —Mame + animate- backgrounds
| avimaltten —duvelton 155;
3
@ keyframes aviroate— bacleg round
=
oy.
backg you od ~ colo¥? oxonge +,
loos.
Se
background - Color: 9 e604
4
Tn the above exorvple,
| + anieeoten - nome t onivpate~ background
| >specifies the animatoo name
earimotton —duvetton 15§
sSpecifres +he arimaltion cluyakon ;
+ @ key frame rule binds keypfrarne alyles i
the div element using the avirnate— ba
as fs a result, the baclgvound of the div
yrockally Changes Pon Orange coloy +> or
roloy during the animadn —duvotron. Fnally
coloy falls back to the oviginaly Speci fred |
farple coloy when +he arkrakoo 33 Cor pleted- | Queannorting the new Semantte elements in HTML5
wih exornples:
w Semantte elements axe the elements, +hat destathe
pheiy meavteg -Lo beth the developer as well as
to the brows er -
vd T05 Vides us pant Serna
listed ie s sak ae are
1- davtrcle> ta
» PD axtrete sy ts used to specify 2 part culay
block oY Spate on +the web page thot 1S inde-
Pendent and hos self- contotned Content «
# We Gn_use earticle> fy the blo
9 posts, the
ae yom NewS papers and mere such
aeheader> ta
w The headey 4. as used ty Specify the header
ov tttte of the page hot will be shown at the
top of the page’
3° cnaveta :
* Hav tag 8 used to buld +he navbar oF
+he page:
a teve, we Can defrre the nov hnks that
Perform some acton on clecle to them»
us
tag j idsect
+ Srclenn ele used to define re wi a or)
Part of +the page , wohich can Contato the informa
son about the Content oY whatever a deVeloper
Wants i£ fo display: a the footer element used to peovicle the’ copyyigh
br sane extra |anks that avé available on -+he™
4.