Uploaded image for project: 'Kogito'
  1. Kogito
  2. KOGITO-6981

SWF Editor - Viewer Look&Feel

XMLWordPrintable

    • 2022 Week 14-16 (from Apr 4), 2022 Week 17-19 (from Apr 25), 2022 Week 20-22 (from May 16)

      See presentation:

      https://docs.google.com/presentation/d/1ZWYtUjz2BKm23Hdmaa3Yzm1qm6YzPZkD24vUIZBN-Wg/edit?usp=sharing

       

      Checklist:

      • Start state present, if no defined by the workflow?
      • Shapes (Bounds, Icons, Backgrounds / borders, other styles) 
      • Text (Font style, Indentation, Wrapping)
      • Viewport (default scale/translation)
      • Layout (space saving, grouping)
      • Lines
        • Type of line: Poly, Curved, Ortho
        • Type of edge: Error, Conditions, Default, Compensation, etc
        • Colors, style (dotted)
        • Labels (eg: data conditions for switch state)

      After UX propsal and checklist above discussed, here are the resulting actions for engineering:

      • Background: grey, no grid
      • Shapes stylings (shapes, icons, connectors, text wrapping not overlapping)
      • Layout. Use preffered TOP-BOTTOM, main flow at LEFT, subflows expanded to RIGHT, no space saving
      • Do not merge line paths (lines must not overlap)
      • No need for icons in the connectors, are styles are already defining each type properly
      • State style management: Hover & Selected
      • Use some bg alpha for Start / End
      • Text should not overlap icons (in states)

        1. SWF State Icons_Call Back_updated.svg
          0.8 kB
        2. SWF State Icons_Call Back.svg
          0.6 kB
        3. SWF State Icons_Checkmark.svg
          0.4 kB
        4. SWF State Icons_Compensation.svg
          0.6 kB
        5. SWF State Icons_Error.svg
          0.4 kB
        6. SWF State Icons_Event.svg
          0.4 kB
        7. SWF State Icons_ForEach.svg
          0.7 kB
        8. SWF State Icons_Function.svg
          0.6 kB
        9. SWF State Icons_Inject.svg
          1.0 kB
        10. SWF State Icons_Operation.svg
          1 kB
        11. SWF State Icons_Parallel.svg
          0.4 kB
        12. SWF State Icons_Sleep.svg
          0.8 kB
        13. SWF State Icons_Switch.svg
          0.6 kB
        14. SWF State Icons_Timeout.svg
          0.6 kB

            handreyrc Handrey Cunha
            romartin@redhat.com Roger Martinez
            Dominik Hanak Dominik Hanak
            Dominik Hanak Dominik Hanak
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: