Workshops

Workshops will be held on Thursday, September 2nd, after the main conference.

There are six workshops, each is 150 minutes in length (2.5h), with two parallel tracks. Participants are encouraged to bring along their own laptops for hands on exercises. The workshop fee is €75.- per person. This includes participation in up to three 150 minute workshops, lunch and coffee breaks. Please note that the workshop list may still change slightly.

List of Workshops:


Accessibility of DAISY SVG Graphical Information

Prof John Gardner (ViewPlus, President)

INTRODUCTION

The DAISY (Digital Accessible Information SYstem, www.daisy.org) organization has developed an XML specification designed for excellent accessibility of a wide range of written literature. Math is included in the form of the math markup language MathML. DAISY uses SVG as the markup language of choice for accessible graphics. A DAISY SVG Working Group is developing authoring guidelines and expanding SVG to permit excellent accessibility to graphics by people who are blind, dyslexic, or have other severe print disabilities. This workshop will include a demonstration by the presenter (who is blind) of how DAISY SVG graphics are read by blind people. The workshop will include a qualitative discussion of the DAISY enhancements to SVG and what capabilities they add to SVG.

BRIEF DESCRIPTION

DAISY is an international consortium of libraries and other organizations serving needs of blind and dyslexic people. ViewPlus is a commercial Friend of DAISY and a leading presence on the DAISY SVG working group. ViewPlus' "Hands-On Learning" IVEO technology (http://www.viewplus.com/solutions/touch-audio-learning/) is being expanded to develop authoring end user access tools encompassing the DAISY developments. The American Physical Society and a group of publishing-associated organizations [1] are also collaborating in the development and testing of DAISY SVG. This group intends to begin using DAISY SVG in their journals within a year.

SVG 1.0 and 2.0 include two features, title and description properties for graphical objects, intended to promote accessibility. ViewPlus has exploited these two fields in its IVEO technology to permit SVG images to be accessible to blind readers. Its IVEO Viewer is used along with a tactile copy of the image to allow "Audio-Touch" access to graphical information. The blind reader typically has a tactile copy (made by printing from IVEO Viewer to a ViewPlus embosser) mounted on a touchpad

When a text span or graphical object is tapped, it is selected and the text span or object title respectively is spoken by the computer. An object description is spoken by double tapping the object.

The IVEO Creator software permits graphic object titles and descriptions to be created and inserted into SVG files. It also has editing capabilities for improving the SVG text information to be most useful to the end user. Typically most graphical authoring applications do not export text in semantically meaningful spans, so the end user will have difficulty understanding text labels on "as-exported" graphics. Assuring that text labels are semantically meaningful and that important graphical objects have titles and, if necessary, descriptions, can make most graphical information equally accessible to people with and without print disabilities. Some graphics, in particular scientific graphics, are not equally accessible with these simple enhancements however. Equations appearing in text labels often cannot be coded in SVG. Even if they could be, speech engines cannot transform such coded equations into understandable speech.

DAISY SVG is being expanded to include a number of tags and attributes to ensure equal accessibility to scientific graphics, in fact to make them even more accessible to all users whether print disabled or not. A number of data-containing fields are being added so that figures can be their own data archives. Including the data in figures as well as images of the data makes those images far more accessible to everybody. Such smart figures have been a dream of foresighted scientists for decades. It is ironic that this dream is reaching reality through a project originally begun to serve needs of blind people. Smart figures will become a practical reality in a few years after authoring applications develop "save-as" capabilities that will automatically include data, titles of data collections, descriptions of fitting curves, etc. ViewPlus is developing a number of such "save-as" additions to popular GIS and scientific graphing software. These will be discussed and accessibility methods to the resulting DAISY SVG images demonstrated.

REFERENCE

1. Making journals accessible to the visually impaired: the future is near. John A. Gardner, Vladimir Bulatov, and Robert A. Kelly. Learned Publishing 22(4) 2009 pp. 314-319. http://www.viewplus.com/about/abstracts/09learnpubgardner.html

c


Filter Effects in SVG

Dr. David Dailey (Slippery Rock University, Professor of Computer Science)

This workshop will present a practical overview of SVG filters applied to both vector and bitmapped graphics. Participants will learn how to use simple filter effects in isolation as well as more complex filters including compound filters including animation effects and scripting. The workshop will present numerous examples, providing each participant with an illustrated handout containing code and examples.

The workshop is intended for anyone who already has a good working knowledge of SVG basic elements (rect, line, path, image, gradients and the like).

A. Introduction to Filters: what they are

B. The basic filter tag, filter primitives and syntax.

C. Simpler filter primitives

* Controlling the extent of the filter through its height and width

* feGaussianBlur

* feColorMatrix

* feConvolveMatrix

* feComponentTransfer

* feSpecularLighting

* feMorphology

D. Filter primitives that stand alone

* feFlood

* feImage

* feTurbulence

E. feDiffuseLighting and feSpecularLighting

F. Utility Filters

* feTile

* feOffset

G. Combining Filter Primitives

* in, SourceGraphic, and result

* feMerge and feMergeNode

* BackgroundImage

* feBlend

* feComposite

* feDisplacementMap

H. Animation and Scripting


RIMapperWMS

Barend Köbben (ITC – University of Twente, Faculty of Geo-Information Science and Earth Observ, Senior Lecturer)

In this course, the participants will first learn the principles of generating SVG server-side from database content.

Then they learn how to set up and deploy RIMapperWMS, a light-weight web mapping application that conforms to the Open Geospatial Consortium's Web Map Service specification. RIMapperWMS serves interactive web maps from a spatial database back-end. Compared to existing WMS implementations, it stands out firstly because it serves its maps in the Scalable Vector Graphics format. This allows it to offer high-quality vector cartography, specially suitable for mobile devices such as PDA's and smartphones.
Secondly, RIMapperWMS produces the SVG output with a built-in Graphical User Interface, allowing the data to be disseminated to any SVG-capable application, without the need for a separate WMS client.

RIMapperWMS is an Open Source software suite, that uses a spatial database back-end (PostgreSQL/PostGIS) for storing both the configuration of the Web Map Services as well as the actual spatial and attribute data the maps are derived from. The software itself consists of a set of Java servlets that respond to WMS compliant requests from wireless or wired web clients by providing maps in SVG, with a built in GUI that consequently can be used to generate further request to the WMS, for zooming, panning, information retrieval, etcetera. The maps can then be used in a mobile or desktop web client capable of rendering SVG to view and interact with the maps.

The course will teach you how to set up the application on any standard Java application server (we will use Apache Tomcat) and focusses on building the PostGIS database that forms the heart of the WMS. Loading spatial and attribute data from various sources, setting up the metadata and configuration tables that configure the Webmaps and setting up the various styling options that make the SVG output look good and become interactive.


SVG Fonts Course

Domenico Strazzullo (Dotuscomus) and Jayne De Sesa (Dotuscomus)

SVG FONTS COURSE

Author: Domenico Strazzullo, nst@dotuscomus.com (+33)142622421

COURSE

The SVG Font format. Inheritance and relation with other digital formats. Conversion and creation. Usage. Legal matters. Typography.

Target audience

Intermediate, advanced.

Outline

1. Characteristics.

2. Conversion and creation. Tools.

3. Porting existing types to SVG: Trade Mark and Copyright; defining what is ethical and what is not; existing jurisprudence.

4. Technical aspects. How the format relates to other formats.

5. Glyph description. The PostScript flavor of the Open Font format.

6. Analysis of some reference type faces.

8. History.

Development

1. CHARACTERISTICS

– Review of the elements of the format and how to use it.

2. CONVERSION AND CREATION

– Introduction to specialized tools: Font Forge (free) and Font Lab.

– SVG export in Font Forge.

– A survival kit of typography essentials is necessary before attempting porting or creation.

– The desire to design a font face does not make a font designer. Although an artistic background would be a minimum requirement, thorough knowledge of the craft’s history and analytical study and reproduction of popular cuts can give a good insight.

– The aspiring font designer must become aware of the craft’s tips and tricks as well as the trade’s practices.

3. TRADE MARK AND COPYRIGHT

– Understanding their differences and limits. The trade mark on the name of the font. The copyright of the design.

– The copyright of the digital cut. How a powerful foundry was able to sell to a judge, in a historical court case, the idea that placing a control point on a path with discernment, is art, against the dictionary’s definitions of “art” and of “craft”.

– Imitation: ethical or not ethical? The attempts of profit oriented jurisprudence to redefine ethics in opposition with traditional scholar practices.

– The notion of common cultural patrimony.

– What are the required minima to stay clear of design copyright infringement.

– Generating profit from SVG fonts, an unlikely probability but not impossible.

– Donations to the Open Source as one argument to obtain authorization.

4. TECHNICAL ASPECTS

– A survey of some of the essentials: the metrics; the width and the bearings of the glyph; the ligatures; the kerning pairs.

– Units-per-em. A higher value allows for more precise details of the design, while adding an extra digit to a good share of the numbers in the paths. We must consider the type of design we are projecting to determine the UPM we need.

– SVG Font provides no hinting. What does it mean?

5. GLYPH DESCRIPTION

– The outline’s description in True Type and Post Script formats, quadratic versus cubic Bezier curves.

– The PostScript flavor of the Open Font format can generate a considerably smaller file.

– Manual optimization, a minimal time investment can save precious Kilobytes. But is it still worthwhile?

6. ANALYSIS OF TYPE FACES.

– The essentials of the aesthetics of some legendary types.

– The design as a strict correlation between aesthetics and visual ergonomics, an exercise that requires talent, taste and expertise.

7. HISTORY

– Landmarks in the evolution of typography.

Note: contents subject to variations.


The Batik Java SVG Toolkit

Ignatius Yuwono (PayPal, Staff Software Engineer) and Johnny Martin (San Jose State University)

This course will equip the Java SVG developer with hands-on experience to get started using the Batik Java SVG Toolkit for various applications.

Learning Objectives

  • Understand what Batik is
  • Learn about the Batik SVG DOM Implementation, and how to read SVG files into Batik
  • Learn to use the Batik SVG Generator to render SVG onto the Batik Canvas
  • Learn the internals of Batik and how to manipulate them

Requirements

  • Basic working knowledge of Java, Java2D, and Java Swing
  • Basic working knowledge of XML and SVG
  • A computer with Eclipse, Java, and Batik installed

Outline

1. Batik overview

2. The Batik DOM

  • Reading in an SVG file into the Batik DOM
  • Introducing change into the SVG DOM
  • Using Parsers

3. The Batik SVG Generator

  • My first Batik-generated SVG Document

4. The Batik SVG Canvas

  • My first Batik SVG Viewer

5. Advanced topics

  • Customizing the Batik Parser: Have Batik read a custom element
  • Customizing the Batik Renderer: Have Batik render the custom element


XSLT for Beginners

Margit Becher (University of Applied Sciences and Arts, Hannover, Lecturer)

XSLT, the eXtensible Stylesheet Language Transformation, is a XML application for transforming XML documents into other (XML-)documents. In particular it is possible to generate documents for different output formats e. g. print (PDF) , online (HTML) or SVG and so realizing the so called single-source publishing. This tutorial gives you an introduction in the most important language concepts and the programming paradigma of XSLT. Many examples will show how to generate SVG from data.

Outline:

  • The language familiy XSL
  • Structure of an XSLT-stylesheet
  • Structure and meaning of templates
  • The transformation process of XSLT
  • Built-In templates
  • Excursus: XPath data model
  • Control structures: <xsl:if>, <xsl:choose>, <xsl:for-each>
  • Advanced Concepts: sorting, numbering, multiple output documents, functions, parameter