Presenting at SVG Open 2009: Workshop on Raphaël JS
We were accepted! Here is our finished abstract, also available on the SVG Open 2009 workshop page: http://www.svgopen.org/2009/registration.php?section=workshops.
The module, which will be used to demonstrate a number of techniques in creating both interactive and layered elements in SVG, will be sufficiently advanced as to cover many topics, but so in-depth that it cannot be built entirely from scratch in the time allotted for the course--including time used for demonstrating Raphal.
The 150 minute course will consist of 3 parts, with questions taken throughout:
- Introduction to Raphael (35 min)
- 5 minutes: Introduction and Overview of the People Connection widget
- 10 minutes: Looking at the Raphael JS Library's methods and documentation
- 10 minutes: Setting up data for the module to be used in drawing
- 10 minutes: Loading data into Raphael
- Drawing the widget (45 min)
- 10 minutes: Images
- 15 minutes: Shapes
- 20 minutes: Lines, straight and curved (quadratic and bicubic)
- Interaction model (60 min)
- 20 minutes: Handling user/triggered events
- 15 minutes: Animation
- 25 minutes: Interacting with the DOM and jQuery
There is a time buffer built into each part, and if there is extra time, we will be prepared to discuss:
- Other projects built on Raphael
- Browser compatibility with Raphael
For each section of the course, we plan to discuss:
- Implementation and coding conventions
- Potential pitfalls with certain techniques (browser incompatibilities, misconceptions, and common mistakes)
- Building the widget by coding in real-time (and not using blobs of code already written).
The flow of this walk-through course will be aligned with the building of the module, where we will start with a empty file and progress over each step used in creating the overall effect and feel of the finished widget. Each piece of the widget puzzle will be complemented with a demonstration of the incremental improvement. At the end of the course, a complete module, with all of its pieces, will be fully functional and fully explained. Participants will also have all of these Raphal resources to use in their own SVG projects.