Forschungszentrum Karlsruhe in der HelmholtzGemeinschaft Using SVGbased Maps

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Using SVG-based Maps for Mobile Guide Systems A Case Study for the Design, Adaptation, and Usage of SVG-based Maps for Mobile Nature Guide Applications By: V. Patalaviciute, Dr. C. Düpmeier, Prof. P. Freckmann, M. Ruchter Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Outline • Motivation • Mobi. Na. G Architecture and Functionality • Concepts for Mobile Nature Guide Maps • Applicability of SVG in the Mobi. Na. G Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 2

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Mobile Nature Guide Direct Experience Natural Environment Visitors of Natural Areas User Interaction Mobi. Na. G Environmental Information Mobile Guide Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 3

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Technical Environment • PDA • GPS for navigation • GPRS / UMTS for internet access • Data upload on PDA with Active. Sync • Central server for – Description of nature experience areas – Additional information Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 4

System Architecture Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 5

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Mobi. Na. G Prototype for Evaluation Navigation service Tour service Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 6

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Symbols for Different Target Groups Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 7

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Interactive Legend (1) (2) function activate. Layer(evt, Layer) {. . . if ( // Layer X is set visible in dialog ) { X. set. Attribute("visibility", „visible"); else { X. set. Attribute("visibility", „hidden"); }. . . Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 8

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Landmark-based Navigation <svg id="Landmark" visibility="hidden“ > … </svg> Function Zoom. Up () {. . . if (cur. Zoom. Step==3) { document. get. Element. By. Id('Landmark'). set. Attribute('visibilit y', 'visible'); else { document. get. Element. By. Id('Landmark'). set. Attribute('visibilit y', ‚hidden'); } }. . . Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 9

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Dynamics of the Natural Environment autumn. css. forest { fill: yellow; stroke-width: 2; } spring. css. forest { fill: lightgreen; strokewidth: 2; } Spring <? xml-stylesheet href= „autumn. css" type="text/css"? > <svg> <g id=„forst" class= „forest" > <path d="M 0. 376, 246. 646 c 17. 234 -18. 837. . />. . . </svg> Autumn Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 10

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Interpretive Maps Autumn POI. xml <POI id="POI_10" category. Ref=„season: autumn; type: sense: observe"> <Position> <Longitude> … </Longitude> <Latitude>… </Latitude> </Position> </POI> Spring Iconlibrary. svg <symbol id=„observe"> … </symbol> Application <svg> <use xlink: href= “Iconlibrary. svg#observe category. Ref=„season: autumn; type: sense: observe"> </svg> Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 11

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Problems with the Applicability of SVG • Limited functionality of SVG engines on mobile devices – SVG implementations do not support multi-line text objects – Use is not fully implemented in used e. SVG engine <use xlink: href=„symbols. svg#telefon“> • SVG file cannot be split into modular components (for example symbol / icon library) • No standard SVG-based user interface elements, like popups, dialog components, etc. • Used SVG component does not support object- oriented integration with embedding application – Calling C++ or. NET components of application from javascript Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 12

Forschungszentrum Karlsruhe in der Helmholtz-Gemeinschaft Future Work • Mobi. Na. G Redesign for First Production Version – Looking for better SVG engine / better SVG support – Presentation of multimedia information by HTML / SMIL component? • Further Developments – GUI-based editor for nature experience area descriptions based on the Java Batik SVG toolkit – Diploma thesis on the Integration of a Pedagogical Agent • Uses SVG-based character animations Patalaviciute/Düpmeier/Freckmann/Ruchter – SVGOpen 2005 13