The document discusses HTML5 features, focusing on the canvas element for image and video processing, and its potential for real-time applications. It highlights the advantages of using JavaScript, particularly with libraries for graphics and data visualization, over traditional compiled code. The intended learning outcomes include image processing techniques and collaborative development practices.

1. Image/Video Processing and the Canvas Element

2. HTML5 Client-Side Local Storage Canvas Element Video SVG, MathML Other new elements ruby, article, etc. New attributes for elements more ..

3. The Canvas Element 2d graphics and transformations 3D graphics based on WebGL (OpenGL ES for the web) – standard in the works

4. Examples Canvex Canvasdemos.com

5. Javascript Libraries WebD – jQuery, Dojo,YUI, mootools, . . . Web UI dev - MochaUI Image processing with canvas – Pixastic Data visualization with canvas - Processing

6. Project CanvasVisor Port OpenCV to javascript OpenCV – collection of 500+ image processing and computer vision algorithms

7. Why ? allows applications where tasks are accomplished pre-upload ->automatic tagging, editing,filtering With Tracemonkey, javascript CAN compete with natively compiled code Will be easier to work with than a C library (easier to update,modify)‏ Next generation UIs will be on the canvas Hasn’t been done yet : )‏

8. What you'll Learn Image Processing Algorithms and methodologies Learn to use html5 along the way Collaborative Development and Community ethics Standard practices Additional eggs of learning –firefox javascript engine, server-side processing, distributed computing

9. Thank You