Ajax Toolkit Framework Ajax World 2

download Ajax Toolkit Framework Ajax World 2

of 43

Transcript of Ajax Toolkit Framework Ajax World 2

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    1/43

    ®

    Emerging Internet Technologies

    © Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

     %&%' Tool(it )rame*or(

     

    Robert Goodman ([email protected])

    IBM Software Group

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    2/43

    IBM +o,t*are -ro!p

    2© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

     %genda

    vervie*

     %&%' Tool(it )rame*or( Components

    Component /etails

    &ava+criptTM

     /evelopment Tools "roect1here to get %&%' Tool(it )rame*or(

    /emonstrations thro!gho!t

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    3/43

    IBM +o,t*are -ro!p

    3© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    vervie*

    The %&%' Tool(it )rame*or( 4%T)5 is an Integrated /evelopment Environment

    4I/E5 ,or %&%' developers and an e6tensile ,rame*or( ,or adding %&%'

    r!ntimes in to the I/E. It is an openso!rce proect in inc!ation phase on

    Eclipse.

    "rovides

    Tools to develop any /TM#8%&%' application

    Tooling to ,acilitate !se o, vario!s %&%' tool(its

    Tight integration *ith the e6isting Eclipse !ser inter,ace and development

    paradigm

    Targets %&%' %pplication /evelopers and Tool(it /evelopers

     %ims to provide an evere6panding set o, high,!nction tools ,or %&%' developers

    M!ltiplat,orm s!pport

    1indo*s9 #in!6 6:9 Mac OS X (New)

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    4/43

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    5/43

    IBM +o,t*are -ro!p

    A© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

     %&%' Tool(it )rame*or( Components

    Creating %&%' applications

    Bro*ser Tooling

    /M +o!rce vie*9 /M Inspector9 Bro*ser Console9 '?e!est Monitor9and C++ Tools

    &ava+criptTM Editor 

    Integrated &ava+cript editor *ith atch and asyo!type synta6 validation

    &ava+cript /e!gger 

    +tac( )rame9 ariales and +cript vie*

    Emedded Mo=illa Bro*ser 

    ?!n8/e!g an %a6 application in the Emedded Mo=illa Bro*ser %pplication /eployment

    /eployment o, an %&%' %pplication to a server.

    "ersonality B!ilder 

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    6/43

    IBM +o,t*are -ro!p

    © Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Mo=illa

    '>#?!nner @ &avaConnectEclipse 1eTools

    Eclipse Plugins

     %&%' Tool(it )rame*or( Components

    &ava+cript +ynta6

     alidator 

    Personalities/M Inspector

     %nd &ava+cript

    Console

    &ava +cript

    /e!gger 

    Emedded Mo=illa Bro*ser

    "ersonality B!ilder 

    ?ico

    "ersonality

    Dimra

    "ersonality

    /oo

    "ersonality

    ?ico Dimra /oo

    "ersonality Common #iraries

     %&%' 'F

    "ersonality

     %a66

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    7/43

    IBM +o,t*are -ro!p

    7© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

     %a6 %pplication Creation

    +!pport a n!mer o, %&%' r!ntimes today/oo9 ?ico9 +cript.ac!lo.!s9 and Dimra

    "ersonality B!ilder s!pports adding other %&%' r!ntimes.

     %pplication Creation 1i=ard

    Template to create initial %a6 %pplication/rag and /rop snippets to %pplication +o!rce )ile

    Eclipse "roects+tatic 1e "roect9 /ynamic 1e "roect9 and "" "roects

     %le to add in %&%' to e6isting proect.

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    8/43

    IBM +o,t*are -ro!p

    :© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    &ava+cript Tooling

    Enhanced Editor *ith alidationIntegrated &ava+cript editor 

    Batch and asyo!type synta6 validation

    +ynta6 chec(er ased on the Mo=illa ?hino engine

    alidator ased on &+#intG /etects !ndesirale or amig!o!s constr!cts considered to e ad practice

    G &+#int errors are consider *arnings.

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    9/43

    IBM +o,t*are -ro!p

    H© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

     %a6 %pplication Creation

    )!t!re Enhancements-eneric ?!ntime s!pport.

    G +!pport ,or con,ig!ring and !sing most %&%' Tool(it ?!ntimes

    G ot as e6tensive as e6isting personalities

    E6isting "ersonalities to ecome e6ample r!ntime implementations

    G >sed as re,erence implementation

    G Can e e6tended8enhanced y providers o, %T).

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    10/43

    IBM +o,t*are -ro!p

    $0© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    &ava+cript Tooling

    )!t!re Enhancements&ava+cript /evelopment Tools

     % ne* 1+T component to provide ?o!st &ava+cript Tooling

    ?eal &ava+cript Model

    Enhanced code completion

    Enhanced !tline vie*

    Code ,ormatting

    Code re,actoring

    #ang!age levelF searching

    Etc.

    "rovide &/T level o, ,!nctionality ,or &ava+cript.

    >sale as a stand alone editor and integrated into 1T"

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    11/43

    IBM +o,t*are -ro!p

    $$© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

     %pplication /eployment

    M!ltiple +erver Types

    TT" 1e +erver 

    &2EE +ervers

    TT" 1e +erver 

    +!pport de,ining a TT" 1e +erver in Eclipse

     %ility to speci,y p!lish directory/e,ining the TT" server port

    +!pport ,or ome "age >?#s 4J!sername5

    &2EE +ervers

    M!ltiple &2EE +ervers 4Tomcat9 &B++. etc.5

    Testing done !sing Tomcat

    "!lishing ptions

     %!tomatically p!lish to server 

    ever p!lish to server 

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    12/43

    IBM +o,t*are -ro!p

    $2© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Emedded Bro*ser 

    Integrated the Mo=illa Bro*ser

    >sing '>#?!nner 

    "rovides the engine ,or %&%' Tooling

    /e!gger 

    &ava+cript Engine

    Bro*ser ie*s

    Mo=illa perspective

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    13/43

    IBM +o,t*are -ro!p

    $3© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Emedded Bro*ser 

    #atest Improvements+!pport ,or Mac + '

    +!pport ,or IBMKs &M

    +!pport ,or TT"+

    Bro*ser *idget pro,ile s!pport

    )!t!re Enhancements

    -eneric M!ltiple Bro*ser +!pport

    I.E s!pport

    ther Bro*sers

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    14/43

    IBM +o,t*are -ro!p

    $

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    15/43

    IBM +o,t*are -ro!p

    $A© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    >?# /e!gging8?!nning

    TT" or )ile >?# s!pport %le to la!nch and de!g an %&%' application !sing a >?#.

     %pplication doesnKt have to reside in Eclipse.

     %ll tooling s!pports handling ,iles y >?#.

    Editor /e!gger 

    Bro*ser tooling

    Brea(point Management

    >ser has to man!ally delete rea(points

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    16/43

    IBM +o,t*are -ro!p

    $© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    /e!gging

    #atest ImprovementsBro*ser ?e,resh s!pport

    /e!g a proect *itho!t r!nning on +erver 

    E6pression s!pport

    )!t!re Enhancements&ava+cript Eval45 s!pport

    I.E /e!gging s!pport

    ther Bro*sers /e!gging s!pport

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    17/43

    IBM +o,t*are -ro!p

    $7© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Bro*ser Tooling

    /M Inspector  +ho*s the /M tree rendered y the Bro*ser/ynamically !pdated to re,lect changes *ithin the ro*ser

     %ttri!tes o, a node can e edited9 added to9 and removed

     % readcr!m trail o, hyperlin(s is created ,or the nodeLs path 

    /M +o!rce vie*

    /isplays the TM# so!rce o, the selected /M node

    +o!rce can edited9 validated9 and !pdated ac( to the ro*ser 

    oti,ication o, a /M elementLs so!rce eing o!t o, sync *ith the

    ro*ser 

    /M *atcher 

    1atch events ,or a selected node.

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    18/43

    IBM +o,t*are -ro!p

    $:© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Bro*ser Tooling

    /M Compare %llo*s nodes to e compared

    Bro*ser Console

    +ho*s all ro*ser 4i.e &ava+cript9 C++5 errors9 *arnings9 and logging

    messages/o!le clic(ing on an error opens to the relevant line o, code

     'M#TT"?e!est Monitor 

    serve 'M#TT"?e!est re!est8response in,ormation

    )ormatting o, the response ody ased on contenttypes

    &ava+cript Eval vie*

    Interactive &ava+cript Eval!ation

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    19/43

    IBM +o,t*are -ro!p

    $H© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Bro*ser Tooling

    C++ ie*+tyle ?!les +ho*s the r!les and their de,ined properties

     %le to edit and add a property

    pen C++ ,ile ,or the r!le and property

    ighlights the /M elements !sing a selected style r!le or propertyComp!ted +tyles+ho*s every style r!le comp!ted y the ro*ser

    Bo6 Model+ho*s the dimensions9 6y coordinates9 padding9 order9 and margin

    in,ormation 

    /i,,s +ho*s the changes made to C++ r!les and properties 

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    20/43

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    21/43

    IBM +o,t*are -ro!p

    2$© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Installing8Con,ig!ring %&%' Tool(it )rame*or(

    '>#?!nner $.:.2M!st e Man!ally do*nloaded and con,ig!red.

    >se Eclipse >pdate Manager to install %T).

     %!tomatically do*nloads some dependences that have een

    pac(aged as eclipse pl!gins."re,erence options ,or con,ig!ring %&%' r!ntimes

    M!st e man!ally do*nloaded and con,ig!red.

     %ll %a6 r!ntimes are optional

    nly need to con,ig!re r!ntimes that *ill e !sed.

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    22/43

    IBM +o,t*are -ro!p

    22© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    Installing8Con,ig!ring %&%' Tool(it )rame*or(

    #atest Improvements"re,erence options ,or con,ig!ring %&%' r!ntimes %a6 ?!ntimes are no* optional

    "lat,orm independent do*nload

    )!t!re Enhancements

    "ac(aging '>#?!nnner as a pl!gin

    ?estr!ct!ring o, %T)

    G  %T) core

    Based ,!nctionality *itho!t r!ntimes and personality !ilder 

    ?ed!ced dependencies on other parts o, EclipseG  %T) "ersonalities

    /o&o9 +cript.ac!lo.!s9 etc.

    Improve install

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    23/43

    IBM +o,t*are -ro!p

    23© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    "ersonality B!ilder 

     % set o, 1i=ards *hich accept %rti,act data 4%&%' tool(it liraries5

    B!ild re!irements data

    e* application templates

    Code patterns

    /eployment data

    1i=ards o!tp!t a NasicK "ersonality "l!gin

    The !ilder *ill provide necessary asic development ,eat!res

    targeted ,or %&%' tool(itsEnales c!stomi=ation and addition o, ,!nctionality

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    24/43

    IBM +o,t*are -ro!p

    2

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    25/43

    IBM +o,t*are -ro!p

    2A© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

     %&%' Tool(it )rame*or(

    1o!ld li(e %&%' developers to !se the toolTell !s *hat yo! li(e or disli(e

    Enhancements that sho!ld e made.

    1o!ld li(e %&%' ?!ntime vendors to pl!gin their r!ntimes

    #oo(ing ,or Contri!tors

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    26/43

    IBM +o,t*are -ro!p

    2© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    #egal otices

    &ava and all &avaased trademar(s are trademar(s o, +!nMicrosystems9 Inc. in the >nited +tates9 other co!ntries9 or

    oth.

    ther company9 prod!ct9 or service names may etrademar(s or service mar(s o, others.

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    27/43

    ®

    Emerging Internet Technologies

    © Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    +creen +hots %&%' Tool(it )rame*or( in %ction

     

    + , -

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    28/43

    IBM +o,t*are -ro!p

    2:© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    "roect creation

    >se standard 1e proects ,or

     %&%' application

    +tatic 1e "roect

    /ynamic 1e "roect

    IBM + ,t -

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    29/43

    IBM +o,t*are -ro!p

    2H© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    "roect Creation

     %dding a /oo r!ntime to a +tatic

    1e "roect !sing ,acets

    IBM + ,t -

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    30/43

    IBM +o,t*are -ro!p

    30© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    >?# /e!gging and ?!nning

    Creating a /e!g

    con,ig!ration to de!g an

     %&%' application !sing an

    >?#.

    IBM + ,t -

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    31/43

    IBM +o,t*are -ro!p

    3$© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    >?# /e!gging and ?!nning

     % ,ile opened in the

    &ava+cript editor !sing an

    >?#

    IBM +o,t are -ro p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    32/43

    IBM +o,t*are -ro!p

    32© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    /e!gger Brea(points

    Brea(point can e set y

    do!le clic(ing in r!ler.

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    33/43

    IBM +o,t*are -ro!p

    33© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    /e!gger "re,erences

    e* de!g options can e set

    ,rom the pre,erence men!.

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    34/43

    IBM +o,t*are -ro!p

    3

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    35/43

    IBM +o,t*are -ro!p

    3A© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    /M +o!rce ie*

    The /M +o!rce vie* is no* noti,ied o, changes in the ro*ser.

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    36/43

    IBM +o,t*are -ro!p

    3© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    /M Inspector 

    The /M Inspector no* has a

    lin(ed readcr!m trail created,rom root TM# node to

    c!rrently selected node. +ee

    +electionF in the screen shot.

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    37/43

    IBM +o,t*are -ro!p

    37© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    '? Monitor 

    '? Monitor no* has the aility to ,ormat '? response ody according

    to contenttype speci,ied

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    38/43

    IBM +o,t*are -ro!p

    3:© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    C++ ie*

    E6ample o, the -raphical o6 model created ,or selected /M element

    *ith dimension9 padding9 order9 and margin in,ormation

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    39/43

    IBM +o,t*are -ro!p

    3H© Copyright 2007 IBM Corp. ; made availale !nder the E"# v$.0

    C++ ie*

     %ility to add9 remove9 and edit C++ properties and sho* C++ changes in the

    ro*ser page

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    40/43

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    41/43

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    42/43

    IBM +o,t*are -ro!p

  • 8/18/2019 Ajax Toolkit Framework Ajax World 2

    43/43

    +o t a e - o!p

    C++ ie*

    The aility to open the C++ ,ile containing the C++ r!le or

    property. '>#?!nner $.:.$ only