1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>script</title> |
2 |
<title>script</title> |
|
3 |
|
|
4 |
|
|
5 |
|
|
8 |
|
|
9 |
|
|
10 |
|
|
11 |
|
|
12 |
|
|
13 |
|
|
14 |
|
|
15 |
|
|
16 |
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> |
|
17 |
</head><body> |
|
18 |
<br> |
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"></head><body> |
19 |
|
This is a rough script for a presentation about our research group's work. <br> |
20 |
|
|
21 |
|
|
22 |
|
|
23 |
<h1>LibPaper basics: unique textures for identity<br> |
<h1>LibPaper basics: unique textures for identity<br> |
26 |
|
|
27 |
|
|
28 |
|
|
29 |
|
|
30 |
|
|
31 |
|
|
32 |
<table cellpadding="2" cellspacing="0" border="0" width="100%"> |
<table cellpadding="2" cellspacing="0" border="0" width="100%"> |
35 |
|
|
36 |
|
|
37 |
|
|
38 |
|
|
39 |
<tbody> |
<tbody> |
40 |
<tr> |
<tr> |
41 |
<td valign="top"><img src="script-img/pdf-plain.png" alt="" width="179" height="184"> |
<td valign="top"><img src="script-img/pdf-plain.png" alt="" width="179" height="184"> |
122 |
</table> |
</table> |
123 |
|
|
124 |
|
|
125 |
|
|
126 |
<br> |
<br> |
127 |
|
|
128 |
|
|
129 |
|
|
130 |
<h1>LibPaper context: connectivity, links<br> |
<h1>LibPaper context: connectivity, links<br> |
131 |
</h1> |
</h1> |
132 |
|
|
133 |
|
|
134 |
|
|
135 |
<br> |
<br> |
136 |
|
|
137 |
|
|
138 |
|
|
139 |
|
|
140 |
<table> |
<table> |
141 |
|
|
142 |
|
|
143 |
|
|
144 |
|
|
145 |
|
|
146 |
<tbody><tr> |
<tbody><tr> |
147 |
<td valign="top"><br> |
<td valign="top"><br> |
148 |
</td> |
</td> |
286 |
<td valign="top"><br> |
<td valign="top"><br> |
287 |
</td> |
</td> |
288 |
</tr> |
</tr> |
289 |
|
|
290 |
|
|
291 |
|
|
292 |
|
</tbody> |
293 |
|
</table> |
294 |
|
|
295 |
|
|
296 |
|
<br> |
297 |
|
|
298 |
|
<h1>Buoys<br> |
299 |
|
</h1> |
300 |
|
|
301 |
|
<p><br> |
302 |
|
</p> |
303 |
|
|
304 |
|
<table cellpadding="2" cellspacing="2" border="0" width="100%"> |
305 |
|
|
306 |
|
<tbody> |
307 |
|
<tr> |
308 |
|
<td valign="top"><img src="file:///home/tjl/gzz/Documentation/Presentations/General2002/script-img/pdf-connectedness.png" alt="" width="195" height="154"> |
309 |
|
<br> |
310 |
|
</td> |
311 |
|
<td valign="top"><img src="file:///home/tjl/gzz/Documentation/Presentations/General2002/script-img/pdf-focusmoved.png" alt="" width="215" height="149"> |
312 |
|
<br> |
313 |
|
</td> |
314 |
|
<td valign="top"><br> |
315 |
|
</td> |
316 |
|
<td valign="top"><br> |
317 |
|
</td> |
318 |
|
</tr> |
319 |
<tr> |
<tr> |
320 |
<td valign="top">CREATING LINKS???!!!<br> |
<td valign="top"><br> |
321 |
</td> |
</td> |
322 |
<td valign="top"><br> |
<td valign="top"><br> |
323 |
</td> |
</td> |
327 |
</td> |
</td> |
328 |
</tr> |
</tr> |
329 |
<tr> |
<tr> |
330 |
|
<td valign="top">As an application of the "paper" stuff I showed a view like this,<br> |
331 |
|
</td> |
332 |
|
<td valign="top">Where you move, animating like this. It might be that |
333 |
|
you haven't seen too many computer interfaces quite like this in the past, |
334 |
|
right? That's because this is new, as well.There have been all kinds of focus+context |
335 |
|
things but the most important innovation here is <b>buoys</b>.<br> |
336 |
|
</td> |
337 |
|
<td valign="top">The analogy is obvious when you think of how real buoys work.<br> |
338 |
|
</td> |
339 |
|
<td valign="top">They float and can be pushed around...<br> |
340 |
|
</td> |
341 |
|
</tr> |
342 |
|
<tr> |
343 |
<td valign="top"><br> |
<td valign="top"><br> |
344 |
</td> |
</td> |
345 |
<td valign="top"><br> |
<td valign="top"><br> |
359 |
<td valign="top"><br> |
<td valign="top"><br> |
360 |
</td> |
</td> |
361 |
</tr> |
</tr> |
362 |
</tbody> |
<tr> |
363 |
|
<td valign="top"><br> |
364 |
|
</td> |
365 |
|
<td valign="top"><br> |
366 |
|
</td> |
367 |
|
<td valign="top"><br> |
368 |
|
</td> |
369 |
|
<td valign="top"><br> |
370 |
|
</td> |
371 |
|
</tr> |
372 |
|
<tr> |
373 |
|
<td valign="top">But in the absence of force, they'll float back to their original position<br> |
374 |
|
</td> |
375 |
|
<td valign="top">Currently we are using a demo version where the buoys don't interact quite as they should...<br> |
376 |
|
</td> |
377 |
|
<td valign="top"><br> |
378 |
|
</td> |
379 |
|
<td valign="top"><br> |
380 |
|
</td> |
381 |
|
</tr> |
382 |
|
<tr> |
383 |
|
<td valign="top"><br> |
384 |
|
</td> |
385 |
|
<td valign="top"><br> |
386 |
|
</td> |
387 |
|
<td valign="top"><br> |
388 |
|
</td> |
389 |
|
<td valign="top"><br> |
390 |
|
</td> |
391 |
|
</tr> |
392 |
|
<tr> |
393 |
|
<td valign="top"><br> |
394 |
|
</td> |
395 |
|
<td valign="top"><br> |
396 |
|
</td> |
397 |
|
<td valign="top"><br> |
398 |
|
</td> |
399 |
|
<td valign="top"><br> |
400 |
|
</td> |
401 |
|
</tr> |
402 |
|
<tr> |
403 |
|
<td valign="top"><br> |
404 |
|
</td> |
405 |
|
<td valign="top"><br> |
406 |
|
</td> |
407 |
|
<td valign="top"><br> |
408 |
|
</td> |
409 |
|
<td valign="top"><br> |
410 |
|
</td> |
411 |
|
</tr> |
412 |
|
<tr> |
413 |
|
<td valign="top">There has been quite a lot of work on so called "fluid text"<br> |
414 |
|
</td> |
415 |
|
<td valign="top">But we think that the right place for these kinds of connected things is in the marginal.<br> |
416 |
|
</td> |
417 |
|
<td valign="top"><br> |
418 |
|
</td> |
419 |
|
<td valign="top"><br> |
420 |
|
</td> |
421 |
|
</tr> |
422 |
|
<tr> |
423 |
|
<td valign="top"><br> |
424 |
|
</td> |
425 |
|
<td valign="top"><br> |
426 |
|
</td> |
427 |
|
<td valign="top"><br> |
428 |
|
</td> |
429 |
|
<td valign="top"><br> |
430 |
|
</td> |
431 |
|
</tr> |
432 |
|
<tr> |
433 |
|
<td valign="top"><br> |
434 |
|
</td> |
435 |
|
<td valign="top"><br> |
436 |
|
</td> |
437 |
|
<td valign="top"><br> |
438 |
|
</td> |
439 |
|
<td valign="top"><br> |
440 |
|
</td> |
441 |
|
</tr> |
442 |
|
<tr> |
443 |
|
<td valign="top"><br> |
444 |
|
</td> |
445 |
|
<td valign="top"><br> |
446 |
|
</td> |
447 |
|
<td valign="top"><br> |
448 |
|
</td> |
449 |
|
<td valign="top"><br> |
450 |
|
</td> |
451 |
|
</tr> |
452 |
|
<tr> |
453 |
|
<td valign="top"><br> |
454 |
|
</td> |
455 |
|
<td valign="top"><br> |
456 |
|
</td> |
457 |
|
<td valign="top"><br> |
458 |
|
</td> |
459 |
|
<td valign="top"><br> |
460 |
|
</td> |
461 |
|
</tr> |
462 |
|
<tr> |
463 |
|
<td valign="top"><br> |
464 |
|
</td> |
465 |
|
<td valign="top"><br> |
466 |
|
</td> |
467 |
|
<td valign="top"><br> |
468 |
|
</td> |
469 |
|
<td valign="top"><br> |
470 |
|
</td> |
471 |
|
</tr> |
472 |
|
<tr> |
473 |
|
<td valign="top"><br> |
474 |
|
</td> |
475 |
|
<td valign="top"><br> |
476 |
|
</td> |
477 |
|
<td valign="top"><br> |
478 |
|
</td> |
479 |
|
<td valign="top"><br> |
480 |
|
</td> |
481 |
|
</tr> |
482 |
|
<tr> |
483 |
|
<td valign="top"><br> |
484 |
|
</td> |
485 |
|
<td valign="top"><br> |
486 |
|
</td> |
487 |
|
<td valign="top"><br> |
488 |
|
</td> |
489 |
|
<td valign="top"><br> |
490 |
|
</td> |
491 |
|
</tr> |
492 |
|
<tr> |
493 |
|
<td valign="top"><br> |
494 |
|
</td> |
495 |
|
<td valign="top"><br> |
496 |
|
</td> |
497 |
|
<td valign="top"><br> |
498 |
|
</td> |
499 |
|
<td valign="top"><br> |
500 |
|
</td> |
501 |
|
</tr> |
502 |
|
<tr> |
503 |
|
<td valign="top"><br> |
504 |
|
</td> |
505 |
|
<td valign="top"><br> |
506 |
|
</td> |
507 |
|
<td valign="top"><br> |
508 |
|
</td> |
509 |
|
<td valign="top"><br> |
510 |
|
</td> |
511 |
|
</tr> |
512 |
|
</tbody> |
513 |
</table> |
</table> |
514 |
|
|
515 |
|
|
516 |
|
<h1>Some more about this "hyperstructure" stuff</h1> |
517 |
|
|
518 |
|
<table cellpadding="2" cellspacing="2" border="0" width="100%"> |
519 |
|
<tbody> |
520 |
|
<tr> |
521 |
|
<td valign="top"><br> |
522 |
|
</td> |
523 |
|
<td valign="top"><br> |
524 |
|
</td> |
525 |
|
<td valign="top"><br> |
526 |
|
</td> |
527 |
|
<td valign="top"><br> |
528 |
|
</td> |
529 |
|
</tr> |
530 |
|
<tr> |
531 |
|
<td valign="top"><small><br> |
532 |
|
</small></td> |
533 |
|
<td valign="top"><small>Screenshot of "normal" "desktop"<br> |
534 |
|
</small></td> |
535 |
|
<td valign="top"><small>Color bg of a window to paper texture<br> |
536 |
|
</small></td> |
537 |
|
<td valign="top"><small><br> |
538 |
|
</small></td> |
539 |
|
</tr> |
540 |
|
<tr> |
541 |
|
<td valign="top">Ok, now I've already talked about two of our group's innovations without getting into the <b>main</b> point. Or - well - of course what's the main point is up to you.<br> |
542 |
|
</td> |
543 |
|
<td valign="top">However, there is a very important point - almost |
544 |
|
the main point for me, beneath all this. Neither the fancy paper stuff nor |
545 |
|
the buoy stuff would be terribly useful on top of current operating systems. |
546 |
|
<br> |
547 |
|
</td> |
548 |
|
<td valign="top">I |
549 |
|
mean, you could color documents differently. It just wouldn't give the same |
550 |
|
boost as with the previous examples. And you could put in buoys to do some |
551 |
|
things. But it wouldn't be even close to this.<br> |
552 |
|
</td> |
553 |
|
<td valign="top">Why is this?<br> |
554 |
|
</td> |
555 |
|
</tr> |
556 |
|
<tr> |
557 |
|
<td valign="top"><br> |
558 |
|
</td> |
559 |
|
<td valign="top"><br> |
560 |
|
</td> |
561 |
|
<td valign="top"><br> |
562 |
|
</td> |
563 |
|
<td valign="top"><br> |
564 |
|
</td> |
565 |
|
</tr> |
566 |
|
<tr> |
567 |
|
<td valign="top"><br> |
568 |
|
</td> |
569 |
|
<td valign="top"><br> |
570 |
|
</td> |
571 |
|
<td valign="top"><br> |
572 |
|
</td> |
573 |
|
<td valign="top"><br> |
574 |
|
</td> |
575 |
|
</tr> |
576 |
|
<tr> |
577 |
|
<td valign="top"><br> |
578 |
|
</td> |
579 |
|
<td valign="top"><br> |
580 |
|
</td> |
581 |
|
<td valign="top"><br> |
582 |
|
</td> |
583 |
|
<td valign="top"><br> |
584 |
|
</td> |
585 |
|
</tr> |
586 |
|
<tr> |
587 |
|
<td valign="top">The current OS paradigm limits you to a tree structure. With some pointers between the leaves possible.<br> |
588 |
|
</td> |
589 |
|
<td valign="top">Even though there's a link from HERE to HERE,<br> |
590 |
|
</td> |
591 |
|
<td valign="top">the target document here doesn't know about it.<br> |
592 |
|
</td> |
593 |
|
<td valign="top">This actually seems to be one of the most difficult |
594 |
|
things for people starting with computers to get used to: the limited structure, |
595 |
|
making it difficult to find things.<br> |
596 |
|
</td> |
597 |
|
</tr> |
598 |
|
<tr> |
599 |
|
<td valign="top"><br> |
600 |
|
</td> |
601 |
|
<td valign="top"><br> |
602 |
|
</td> |
603 |
|
<td valign="top"><br> |
604 |
|
</td> |
605 |
|
<td valign="top"><br> |
606 |
|
</td> |
607 |
|
</tr> |
608 |
|
<tr> |
609 |
|
<td valign="top"><br> |
610 |
|
</td> |
611 |
|
<td valign="top"><br> |
612 |
|
</td> |
613 |
|
<td valign="top"><br> |
614 |
|
</td> |
615 |
|
<td valign="top"><br> |
616 |
|
</td> |
617 |
|
</tr> |
618 |
|
<tr> |
619 |
|
<td valign="top"><small>Two documents side by side<br> |
620 |
|
</small> |
621 |
|
</td> |
622 |
|
<td valign="top"><small>Create a link<br> |
623 |
|
|
624 |
|
</small></td> |
625 |
|
<td valign="top"><small><br> |
626 |
|
|
627 |
|
</small></td> |
628 |
|
<td valign="top"><small><br> |
629 |
|
|
630 |
|
</small></td> |
631 |
|
</tr> |
632 |
|
<tr> |
633 |
|
<td valign="top">All the people |
634 |
|
in this room probably have enough experience that you know that you can't |
635 |
|
expect the computer to remember that THIS belongs together with THIS - they're |
636 |
|
both related to subject X If you're the author of one of them, you can explicitly |
637 |
|
add a "hyperlink". But it only works one way.<br> |
638 |
|
</td> |
639 |
|
<td valign="top">However, there's no fundamental reason why you couldn't say "remember the connection" except that the systems' most fundamental parts were designed with computers, not humans in mind.<br> |
640 |
|
</td> |
641 |
|
<td valign="top"><br> |
642 |
|
</td> |
643 |
|
<td valign="top"><br> |
644 |
|
</td> |
645 |
|
</tr> |
646 |
|
<tr> |
647 |
|
<td valign="top"><br> |
648 |
|
</td> |
649 |
|
<td valign="top"><br> |
650 |
|
</td> |
651 |
|
<td valign="top"><br> |
652 |
|
</td> |
653 |
|
<td valign="top"><br> |
654 |
|
</td> |
655 |
|
</tr> |
656 |
|
<tr> |
657 |
|
<td valign="top"><br> |
658 |
|
</td> |
659 |
|
<td valign="top"><br> |
660 |
|
</td> |
661 |
|
<td valign="top"><br> |
662 |
|
</td> |
663 |
|
<td valign="top"><br> |
664 |
|
</td> |
665 |
|
</tr> |
666 |
|
<tr> |
667 |
|
<td valign="top"><br> |
668 |
|
</td> |
669 |
|
<td valign="top"><br> |
670 |
|
</td> |
671 |
|
<td valign="top"><br> |
672 |
|
</td> |
673 |
|
<td valign="top"><br> |
674 |
|
</td> |
675 |
|
</tr> |
676 |
|
<tr> |
677 |
|
<td valign="top">Relational databases ...<br> |
678 |
|
</td> |
679 |
|
<td valign="top"><br> |
680 |
|
</td> |
681 |
|
<td valign="top"><br> |
682 |
|
</td> |
683 |
|
<td valign="top"><br> |
684 |
|
</td> |
685 |
|
</tr> |
686 |
|
<tr> |
687 |
|
<td valign="top"><br> |
688 |
|
</td> |
689 |
|
<td valign="top"><br> |
690 |
|
</td> |
691 |
|
<td valign="top"><br> |
692 |
|
</td> |
693 |
|
<td valign="top"><br> |
694 |
|
</td> |
695 |
|
</tr> |
696 |
|
<tr> |
697 |
|
<td valign="top"><br> |
698 |
|
</td> |
699 |
|
<td valign="top"><br> |
700 |
|
</td> |
701 |
|
<td valign="top"><br> |
702 |
|
</td> |
703 |
|
<td valign="top"><br> |
704 |
|
</td> |
705 |
|
</tr> |
706 |
|
</tbody> |
707 |
|
</table> |
708 |
<br> |
<br> |
709 |
|
|
710 |
|
|
711 |
<h1>Hyperstructure in teamwork<br> |
<h1>Hyperstructure in teamwork<br> |
712 |
</h1> |
</h1> |
713 |
|
|
714 |
|
|
715 |
<table> |
<table> |
716 |
|
|
717 |
|
|
718 |
|
|
719 |
<tbody><tr> |
<tbody><tr> |
720 |
<td valign="top"><img src="script-img/net-not-tv.png" alt="" width="154" height="149"> |
<td valign="top"><img src="script-img/net-not-tv.png" alt="" width="154" height="149"> |
721 |
<br> |
<br> |
1011 |
|
|
1012 |
|
|
1013 |
|
|
1014 |
|
|
1015 |
<br> |
<br> |
1016 |
|
|
1017 |
|
|
1018 |
|
|
1019 |
|
|
1020 |
|
|
1021 |
|
|
1022 |
<br> |
<br> |
1023 |
|
|
1024 |
|
|
1025 |
|
|
1026 |
|
|
1027 |
|
|
1028 |
|
|
1029 |
<br> |
<br> |
1030 |
|
|
1031 |
|
|
1032 |
|
|
1033 |
|
|
1034 |
|
|
1035 |
|
|
1036 |
<br> |
<br> |
1037 |
|
|
1038 |
|
|
1039 |
|
|
1040 |
|
|
1041 |
|
|
1042 |
|
<br> |
1043 |
</body></html> |
</body></html> |