µjax in 30 minutes

33 %
67 %
Information about µjax in 30 minutes

Published on January 22, 2008

Author: lars3loff

Source: slideshare.net

Description

µ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.

µ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 weblogs.goshaky.com/weblogs/lars

µjax content repository vs. ajax

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

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

What’s JCR?

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.”

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.” ?

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.” ?

Best of both worlds. database fi les yste m content repositor y

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

Some known JCR Applications

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

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

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

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

Introducing µjax Repository based AJAX

Introducing µjax JCR

Introducing µjax JCR

Introducing µjax JCR

Introducing µjax JCR the other side

Introducing µjax JCR the other side de ve h a lope t r “i want to build webapps” me d) (d a v i

Introducing µjax JCR the other side de ve h a lope t r “i want to build webapps” me d) (d a v i

Introducing µjax JCR the other side de ve h a lope t r “i want to build webapps” me d) (d a v i

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

Introducing µjax JCR de ve h a lope t r a rs ) me ( l silve r µjax very simple projection: fits the bill

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”

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

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

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

Getting ready... download a nd install test & mount as a drive

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

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

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 > >

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

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

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

views

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

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

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

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

Add a comment

Related presentations

Related pages

µjax in 30 minutes - Technology - documents.mx

µ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 ...
Read more

My 30 Minutes - EMS Fitness and Personal Training in Dubai ...

My Passion is to Empowering individuals to a healthier lifestyle in just 30 minutes with the most effective, innovative, personal fitness training.
Read more

Home - In 30 Minutes Guides

Twitter In 30 Minutes. Are you interested in using Twitter, but don't know where to start? Mystified by hashtags, retweets, and other strange conventions?
Read more

Kategorie:30 min – Spielwiki

Spiele mit einer Spieldauer von ca. 30 Minuten, also einer halben Stunde plus minus ein paar Minuten. ... Seiten in der Kategorie „30 min ...
Read more

Torten – blitzschnell fertig in max. 30 Minuten | Chefkoch.de

Torten-Rezepte und Tipps für die Zubereitung von Torten innerhalb von maximal 30 Minuten, mit oder ohne Backen sowie Vorschläge für den Vorrat.
Read more

30 Minuten Resilienz Buch portofrei bei Weltbild.de bestellen

Bücher bei Weltbild: Jetzt 30 Minuten Resilienz versandkostenfrei online kaufen & per Rechnung bezahlen bei Weltbild, Ihrem Bücher-Spezialisten!
Read more

My30minutes - EMS Training Wuppertal

Es hat mich sehr motiviert, 20 Minuten zu trainieren und das gleiche Ziel wie 8 Stunden Fitness-Studio zu bekommen. ... Mehdi, 30, mehr als 60 kg abgenommen.
Read more