Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Atom Interface Flash implementation


Published on

Presentation about idea behind Atom Interface and technical details behind its ActionScript (flash) implementation. For more details, see:

Published in: Technology
  • For more details, see:
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

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>