Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Atom Interface Flash implementation

2.896 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • For more details, see: http://hci.deri.ie/~ksamp/atom.mas
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Gehören Sie zu den Ersten, denen das gefällt!

Atom Interface Flash implementation

  1. 1. Atom Interface Flash implementation Krystian Samp [email_address] 08.08.2007 Jedrzej Gontarczyk [email_address]
  2. 2. Atom Interface The idea
  3. 3. The idea behind Atom Interface <ul><li>To increase accessibility of nodes having different depth levels </li></ul>
  4. 4. The idea behind Atom Interface <ul><li>To improve readability of actual structure </li></ul>
  5. 5. The idea behind Atom Interface <ul><li>To model relations between structure(s) elements </li></ul>
  6. 6. The idea behind Atom Interface <ul><li>To increase data carried by menu interface </li></ul><ul><li>(Explained later) </li></ul>
  7. 7. Atom Interface Technical details
  8. 8. Why Flash? <ul><li>Easy to use in browser </li></ul><ul><li>Good support for XML </li></ul><ul><li>Allows to display and redraw dynamic content </li></ul><ul><li>Great for web user interfaces </li></ul><ul><li>(except for right click support!) </li></ul>
  9. 9. Flash = Availability
  10. 10. Flash menu in browser <ul><li>Integrated </li></ul>
  11. 11. Flash menu in browser <ul><li>Overlay </li></ul>
  12. 12. <ul><li>Traditionally: </li></ul><ul><li>Node name --------------------------- </li></ul><ul><li>Structure (depth level) ---------------- </li></ul><ul><li>In Atom Interface: </li></ul><ul><li>Color ----------------------------------- </li></ul><ul><li>Text size -------------- </li></ul><ul><li>Parenthood ------------------------------- </li></ul>Information Carried by menu
  13. 13. Menu structure generation <ul><li>Structure generated dynamically based on XML </li></ul>
  14. 14. Customization - TODO <ul><li>Node Color </li></ul><ul><li>Support for multiple menus (+ connections between elements) </li></ul><ul><li>Animation </li></ul>
  15. 15. Menu and navigation
  16. 16. Thank You for attending <ul><li>Yes, thank You </li></ul><ul><li>Oh, any questions ? </li></ul>

×