-
Notifications
You must be signed in to change notification settings - Fork 0
/
pad.html
99 lines (90 loc) · 2.84 KB
/
pad.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<title>biographer: Google Summer of Code 2012</title>
<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
<div>
<div>
<h1>Tablet and gesture support for the visualization</h1>
<h2>Motivation</h2>
<p>
During the last Google Summer of Code (GSoC 2011), a JavaScript library for
interactive reaction graphs was developed. Currently, this library makes
use of Scalable Vector Graphics for rendering, as well as HTML to support
editing. The library and tooling around it, i.e., an editor, are focused on
traditional input peripherals. Mouse and keyboard are used in combination
to activate certain features like modification of node dimensions and
position.
</p>
<p>
In the recent years, new peripherals and devices like tablets became popular
and widely used. With the help of these devices, we hope to change and
simplify the way users interact with visualizations. For instance, a tablet
could be used in meetings to control a presentation or in locations where
desktop computers or notebooks are not an option or to cumbersome, for
instance, on the train.
</p>
<p>
For this Google Summer of Code, we hope to find a student who is interested in
implementing support for common tablets and gestures. Ideally, the application
wouldn't need to be ported to a native application, but instead executed in
the users' browsers as a web application thus facilitating the already
existing library. Due to the limited performance of these devices, this project
will include some optimizations for biographer's SVG generation.
</p>
<h2>Core specification</h2>
<ol>
<li>
Improve performance of the visualization by deferring activation of
editing support.
</li>
<li>
Rendering of visualization on (common) touchscreen devices, especially on
smartphones and tablets.
</li>
<li>
Support for basic panning / scrolling and zooming.
</li>
<li>
Usage of gestures to replace or improve desktop application input
mechanism, especially with respect to navigation in a graph, for instance,
by clicking (tapping) on a node, and changing of node dimensions and
positions.
</li>
</ol>
<h2>Further resources</h2>
<ul>
<li>
<a href="http://code.google.com/p/biographer/wiki/BiographerUIIntroduction">
Visualization component documentation
</a>
</li>
<li>
<a href="http://biographer.biologie.hu-berlin.de/">
Existing graph editor
</a>
</li>
<li>
<a href="http://www.youtube.com/watch?v=gUeGPAnSBVk">
Video showing some of the library's functionality
</a>
</li>
</ul>
<h2>Useful knowledge</h2>
<ul>
<li>JavaScript</li>
<li>HTML</li>
<li>some CSS</li>
</ul>
<h2>Mentors</h2>
<ul>
<li><a href="http://bripkens.de">Ben Ripkens</a></li>
<li>Falko Krause</li>
<li>Thomas Handorf</li>
</ul>
</div>
</div>
</body>
</html>