16
Copyright 2005 Digital Enterprise Research Institute. All rights reserved. www.deri.org Atom Interface Flash implementation Krystian Samp [email protected] 08.08.2007 Jedrzej Gontarczyk [email protected]

Atom Interface Flash implementation

  • Upload
    jotjot

  • View
    2.655

  • Download
    1

Embed Size (px)

DESCRIPTION

Presentation about idea behind Atom Interface and technical details behind its ActionScript (flash) implementation. For more details, see: http://hci.deri.ie/~ksamp/atom.mas

Citation preview

Page 1: Atom Interface Flash implementation

Copyright 2005 Digital Enterprise Research Institute. All rights reserved.

www.deri.org

Atom Interface

Flash implementation

Krystian [email protected]

08.08.2007Jedrzej [email protected]

Page 2: Atom Interface Flash implementation

Copyright 2005 Digital Enterprise Research Institute. All rights reserved.

www.deri.org

Atom Interface

The idea

Page 3: Atom Interface Flash implementation

3

The idea behind Atom Interface

• To increase accessibility of nodes having different depth levels

Page 4: Atom Interface Flash implementation

4

The idea behind Atom Interface

• To improve readability of actual structure

Page 5: Atom Interface Flash implementation

5

The idea behind Atom Interface

• To model relations between structure(s) elements

Page 6: Atom Interface Flash implementation

6

The idea behind Atom Interface

• To increase data carried by menu interface

(Explained later)

Page 7: Atom Interface Flash implementation

Copyright 2005 Digital Enterprise Research Institute. All rights reserved.

www.deri.org

Atom Interface

Technical details

Page 8: Atom Interface Flash implementation

8

Why Flash?

• Easy to use in browser• Good support for XML• Allows to display and redraw dynamic content

Great for web user interfaces

(except for right click support!)

Page 9: Atom Interface Flash implementation

9

Flash = Availability

Page 10: Atom Interface Flash implementation

10

Flash menu in browser

• Integrated

Page 11: Atom Interface Flash implementation

11

Flash menu in browser

• Overlay

Page 12: Atom Interface Flash implementation

12

Traditionally:• Node name ---------------------------• Structure (depth level) ----------------

In Atom Interface:• Color -----------------------------------

• Text size --------------

• Parenthood -------------------------------

Information Carried by menu

Page 13: Atom Interface Flash implementation

13

Menu structure generation

• Structure generated dynamically based on XML

Page 14: Atom Interface Flash implementation

14

Customization - TODO

• Node Color

• Support for multiple menus (+ connections between elements)

• Animation

Page 15: Atom Interface Flash implementation

15

Menu and navigation

Page 16: Atom Interface Flash implementation

16

Thank You for attending

• Yes, thank You

• Oh, any questions ?