Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
µjax in 30
 minutes

                   lars.trieloff@day.com
      weblogs.goshaky.com/weblogs/lars
µjax in 30
 minutes
   JCR m
        eets
    AJAX




                            lars.trieloff@day.com
               we...
µjax
content repository vs. ajax
µjax
           content repository vs. ajax




What’s JCR (elevator pitch)
Introducing µjax
                           si...
µjax
           content repository vs. ajax




What’s JCR (elevator pitch)
Introducing µjax
                           si...
What’s JCR?
What’s JCR?

“The API should be a standard,
implementation independent, way
to access content bi-directionally
on a granul...
What’s JCR?

“The API should be a standard,
implementation independent, way
to access content bi-directionally
on a granul...
What’s JCR?

“The API should be a standard,
implementation independent, way
to access content bi-directionally
on a granul...
Best of both worlds.
   database      fi les yste m




        content repositor y
Best of both worlds.
                     database                fi les yste m
                                           ...
Some known JCR Applications
Some known JCR Applications


                                                                           Fast
            ...
µjax
           content repository vs. ajax




What’s JCR (elevator pitch)
Introducing µjax
                           si...
µjax
         content repository vs. ajax




What’s JCR
Introducing µjax
µjax
         content repository vs. ajax




What’s JCR
Introducing µjax
                         silve
                 ...
Introducing µjax




Repository based AJAX
Introducing µjax

       JCR
Introducing µjax

       JCR
Introducing µjax
              JCR
Introducing µjax
                     JCR




    the other side
Introducing µjax
                                                           JCR




                                      ...
Introducing µjax
                                                           JCR




                                      ...
Introducing µjax
                                                           JCR




                                      ...
Introducing µjax
                                   JCR
   de
     ve
    h a lope
       t r



         a rs )
me ( l   ...
Introducing µjax
                                         JCR
   de
     ve
    h a lope
       t r



         a rs )
me ...
Introducing µjax
                                                    JCR
   de
     ve
    h a lope
       t r



        ...
Introducing µjax
 I   browser & ujax.js
     reading: json & resource GET’s
     writing: form-POST & GET
                ...
Introducing µjax
 I   browser & ujax.js
     reading: json & resource GET’s
     writing: form-POST & GET
                ...
Introducing µjax
 I   browser & ujax.js
     reading: json & resource GET’s
     writing: form-POST & GET
                ...
Getting ready...




download a
          nd install      test & mount as a drive
hello, world.

                                                                                      tle>
                ...
simple write example
                                                                                                   tl...
simple read example
                                                                                                 title...
add new entry
                                                                                           itle>
           ...
list entries                                            itle>
                                                            ...
views
                                                 [...]
                                                        t>
  ...
views
µjax
         content repository vs. ajax




What’s JCR
Introducing µjax
µjax
         content repository vs. ajax




What’s JCR
Introducing µjax
                         silve
                 ...
If you remember only 2 things.


I dev.day.com
  Download CRX and play with µjax.
2 keep an eye on “
                 apac...
If you remember only 2 things.


I dev.day.com
  Download CRX and play with µjax.
2 keep an eye on “
                 apac...
µjax in 30 minutes
Upcoming SlideShare
Loading in …5
×

of

µjax in 30 minutes Slide 1 µjax in 30 minutes Slide 2 µjax in 30 minutes Slide 3 µjax in 30 minutes Slide 4 µjax in 30 minutes Slide 5 µjax in 30 minutes Slide 6 µjax in 30 minutes Slide 7 µjax in 30 minutes Slide 8 µjax in 30 minutes Slide 9 µjax in 30 minutes Slide 10 µjax in 30 minutes Slide 11 µjax in 30 minutes Slide 12 µjax in 30 minutes Slide 13 µjax in 30 minutes Slide 14 µjax in 30 minutes Slide 15 µjax in 30 minutes Slide 16 µjax in 30 minutes Slide 17 µjax in 30 minutes Slide 18 µjax in 30 minutes Slide 19 µjax in 30 minutes Slide 20 µjax in 30 minutes Slide 21 µjax in 30 minutes Slide 22 µjax in 30 minutes Slide 23 µjax in 30 minutes Slide 24 µjax in 30 minutes Slide 25 µjax in 30 minutes Slide 26 µjax in 30 minutes Slide 27 µjax in 30 minutes Slide 28 µjax in 30 minutes Slide 29 µjax in 30 minutes Slide 30 µjax in 30 minutes Slide 31 µjax in 30 minutes Slide 32 µjax in 30 minutes Slide 33 µjax in 30 minutes Slide 34 µjax in 30 minutes Slide 35 µjax in 30 minutes Slide 36 µjax in 30 minutes Slide 37 µjax in 30 minutes Slide 38 µjax in 30 minutes Slide 39 µjax in 30 minutes Slide 40 µjax in 30 minutes Slide 41 µjax in 30 minutes Slide 42 µjax in 30 minutes Slide 43
Upcoming SlideShare
Prachatai's Blogazine How To Write Blog
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

µjax in 30 minutes

Download to read offline

µjax is a lightweight AJAX library for accessing content in a Java Content Repository (JCR) over the web. This presentation was given at Web Montag in Berlin, 01-21-2008.

Related Books

Free with a 30 day trial from Scribd

See all

µjax in 30 minutes

  1. µjax in 30 minutes lars.trieloff@day.com weblogs.goshaky.com/weblogs/lars
  2. µjax in 30 minutes JCR m eets AJAX lars.trieloff@day.com weblogs.goshaky.com/weblogs/lars
  3. µjax content repository vs. ajax
  4. µjax content repository vs. ajax What’s JCR (elevator pitch) Introducing µjax silve r
  5. µjax content repository vs. ajax What’s JCR (elevator pitch) Introducing µjax silve r
  6. What’s JCR?
  7. What’s JCR? “The API should be a standard, implementation independent, way to access content bi-directionally on a granular level to a content repository.”
  8. What’s JCR? “The API should be a standard, implementation independent, way to access content bi-directionally on a granular level to a content repository.” ?
  9. What’s JCR? “The API should be a standard, implementation independent, way to access content bi-directionally on a granular level to a content repository.” ?
  10. Best of both worlds. database fi les yste m content repositor y
  11. Best of both worlds. database fi les yste m hier- integ archi rity structu re es read streams tx query write locking access control multi- value g un- versionin structured “full- sort obser- text” order vation content repositor y
  12. Some known JCR Applications
  13. Some known JCR Applications Fast Enterprise BEA Portal Oracle Portal Interface 21 Search Sun JBoss Portal OpenPortal Day Spring Communique Framework DAM Day magnolia WCMS Communique Apache Sling Mindquarry Collab Alfresco ECMS Collaboration Apache Tapestry QSLabs Day Apache Compliance Communiqué Cocoon WCMS IBM FileNet Artifactory medic-2-medic WebSiteManager Apache James Maven Proxy mapofmedicine Exo ECMS Platform TYPO3 GX WebManager v5.0 WCM InfoQ Online Hippo Liferay Nuxeo ECM Community CMS Enterprise Portal Jahia Sakai Percussion Framework E-learning Rhythmix QuickWCM Sourcemix WCMS Lutece Sourcemix Portal
  14. µjax content repository vs. ajax What’s JCR (elevator pitch) Introducing µjax silve r
  15. µjax content repository vs. ajax What’s JCR Introducing µjax
  16. µjax content repository vs. ajax What’s JCR Introducing µjax silve r
  17. Introducing µjax Repository based AJAX
  18. Introducing µjax JCR
  19. Introducing µjax JCR
  20. Introducing µjax JCR
  21. Introducing µjax JCR the other side
  22. Introducing µjax JCR the other side de ve h a lope t r “i want to build webapps” me d) (d a v i
  23. Introducing µjax JCR the other side de ve h a lope t r “i want to build webapps” me d) (d a v i
  24. Introducing µjax JCR the other side de ve h a lope t r “i want to build webapps” me d) (d a v i
  25. Introducing µjax JCR de ve h a lope t r a rs ) me ( l silve r µjax
  26. Introducing µjax JCR de ve h a lope t r a rs ) me ( l silve r µjax very simple projection: fits the bill
  27. Introducing µjax JCR de ve h a lope t r a rs ) me ( l silve r µjax very simple projection: “usecas fits the bill driven e”
  28. Introducing µjax I browser & ujax.js reading: json & resource GET’s writing: form-POST & GET s s J2EE Web Server 3 2 Browser I 2 UjaxServlet.java translating requests to JCR calls 3 JCR Compliant Content Repository
  29. Introducing µjax I browser & ujax.js reading: json & resource GET’s writing: form-POST & GET s s J2EE Web Server 3 2 Browser I very simple js A 2 UjaxServlet.java translating requests read content, FoPI to to JCR calls rms to write conten t 3 JCR Compliant Content Repository
  30. Introducing µjax I browser & ujax.js reading: json & resource GET’s writing: form-POST & GET s s J2EE Web Server 3 2 handles all the h particularly se eavy lifting, curity Browser I 16 t ons very simple js A 2 UjaxServlet.java translating requests read content, FoPI to to JCR calls rms to write conten t 3 JCR Compliant Content Repository
  31. Getting ready... download a nd install test & mount as a drive
  32. hello, world. tle> world</ti ello, <html> itle>rjax:h <t <head> /h2> </he ad> o, world< <h 2>hell <body> > </body > </html drag, drop, done http://localhost:7402/ firststeps/0_hello.htm l
  33. simple write example tle> examp le</ti write simple <html> itle>rjax: OSTquot;> <hea d><t hod=quot;P y> aquot; met d><bod ion=quot;/mydat </hea m act or --> <f <!-- title > equot; /> /h2 <h2>Title< textquot; name =quot;Titl =quot; <input type ion --> pt ionquot;> <!-- descri on</h2> script ti quot;De <h2>Descrip s=quot;5quot; name= ow <textarea r area> </text --> olor <!-- c r</h2> <h2>Colo orquot;> e=quot;Col redquot;>red <select nam alue=quot; v >green <option lue=quot;greenquot; <option va </select> write me! http://localhost:7402/firs tsteps/1_write.html rm> </ </body fo > > </html
  34. simple read example title> mple</ ad exa simple re <html> itle>rjax: <t <head> </head > cript ax.jsquot;></s <body> pt src=quot;/rj +'quot;>'; <scr i ataquot;); +node.Color (quot;/myd :' <s cri pt> getContent round-color =Rjax. backg va r node div style=quot; v='< ; var di .write(div) nt docume > pt </scri ript> Title) ; 2><sc e(node. <h cument.writ d o ></h2> ion); </script t> script rip de.De <p><sc nt.write(no docume p> pt></ </scri div> </ read me! http://localhost:7402/firs tsteps/2_read.html </body </html > >
  35. add new entry itle> ple</t y exam w entr add ne <html> itle>rjax: <t <head> body> es/*quot; taquot;> /entri art/form-da >< mydata p </head m action=quot;/ type=quot;multi or nc <f od=quot;POSTquot; e meth lequot; /> tle </h2> quot; name=quot;Tit <h2>Ti ype=quot;text <input t tarea> ></tex 2> ptionquot; cription</h ame=quot;Descri <h2>Des rows=quot;5quot; n <textarea /h2> <h2> Color< =quot;Colorquot;> e red <select nam alue=quot;redquot;> green v quot;> <option alue=quot;green v <option </select> agequot;/> add new http://localhost:7402/firststeps/3_addnew.html age</h2> equot; name=quot;Im <h2>Im ype=quot;fil <inp ut t nput t ype=quot;s ubmitquot; ></p> ><i <p form> </ > </body > </html
  36. list entries itle> ple</t s exam list entrie <html> itle>rjax: ; <head> <t riesquot;) ata/ent [...] (quot;/myd t> .getC ontent <scrip ntries=Rjax var e pt> </scri quot;>'); olor+' <div> ntry.C t> r ies) { lor:'+e <scrip ar a in ent s[a]; und-co ackgro h3>'); for (v ntry=entrie iv style=quot;b le+'</ var e .write('<d +entry.Tit nt >' ); docume .write('<h2 Description nt y. docume .write(entr nt docume ge) { ry.Ima if(ent [...] } ove=' ax:rem ; ies?rj /div>') mydata/entr ite('< quot;/ cum ent.wr e('<a href= list entries do .writ document move</a>'); re http://lo +a+'quot;> calhost:7 402/first steps/4_l ist.html } > ew</a> pt tmlquot;>add n </scri quot;3_addnew.h f= <a hre </div> > </body
  37. views [...] t> <scrip wizard(); Rjax. pt> </scri [...] rd(); ! Rja x.w iza ! ript> resource or ! </sc http://l iented urls ocalhost :7402/my data/ent ries.lis t.html
  38. views
  39. µjax content repository vs. ajax What’s JCR Introducing µjax
  40. µjax content repository vs. ajax What’s JCR Introducing µjax silve r
  41. If you remember only 2 things. I dev.day.com Download CRX and play with µjax. 2 keep an eye on “ apache sling”
  42. If you remember only 2 things. I dev.day.com Download CRX and play with µjax. 2 keep an eye on “ apache sling” riously! se
  • pthivent

    Feb. 27, 2008

µjax is a lightweight AJAX library for accessing content in a Java Content Repository (JCR) over the web. This presentation was given at Web Montag in Berlin, 01-21-2008.

Views

Total views

4,631

On Slideshare

0

From embeds

0

Number of embeds

24

Actions

Downloads

102

Shares

0

Comments

0

Likes

1

×