intro to jrender
DESCRIPTION
TRANSCRIPT
![Page 1: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/1.jpg)
Intro to jRender
JavaScript Visualization Toolkit
9/30/2008
![Page 2: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/2.jpg)
it is about
• improved browser rendering of the graphical layer
• customization of graphical and form elements
• web services (like face detection)
![Page 3: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/3.jpg)
idea
• toolkit for web developers that
– enrich & optimize the graphical layer jRender.Graphics
– enables skinning for the web form elements jRender.UI
– detect faces jRender.Services
![Page 4: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/4.jpg)
idea
• toolkit for web developers that– enrich & optimize the graphical layer jRender.Graphics
– enables skinning for the web form elements jRender.UI
– detect faces jRender.Services
![Page 5: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/5.jpg)
idea
• toolkit for web developers that– enrich & optimize the graphical layer jRender.Graphics
– enables skinning for the web form elements jRender.UI
– detect faces jRender.Services
based on a simple service-oriented architecture
![Page 6: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/6.jpg)
request flow
![Page 7: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/7.jpg)
functionality
• server image rendering• special effects like
sample:<img src=“{effect: web20;}foo.jpg” class=“foo”/>
![Page 8: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/8.jpg)
implementation
• Prototype-based JavaScript• PHP/C++ backend engine
![Page 9: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/9.jpg)
distribution
• Assembly of tiny JavaScript wrappers enabled to communicate via http with the remote server and perform their job
Ex.jRender.Graphics is wrapper
![Page 10: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/10.jpg)
ValueTag rendering
![Page 11: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/11.jpg)
alpha versionsModule Till Date
jRender.Graphics October/30/2008
jRender.Services -
jRender.UI November/30/2008
![Page 12: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/12.jpg)
demo
![Page 13: Intro To Jrender](https://reader034.vdocuments.net/reader034/viewer/2022051412/54c2026f4a7959326b8b4571/html5/thumbnails/13.jpg)
q & a
jrender.com