Project Ideas

User Interface Storyboard

An interactive program to develop story board for a GUI software. Should contain basic templates of various user interface components. Rubberband feature to create the story board. Associations between UI components. The "Story Teller" software aims at helping GUI Designers/Developers to create a story board connecting the user interaction screens in their application. This is an idea that I had in mind as of 5/23/2003.

Summary

An interactive program to develop story board for a GUI software. Should contain basic templates of various user interface components. Rubberband feature to create the story board. Associations between UI components. The "Story Teller" software aims at helping GUI Designers/Developers to create a story board connecting the user interaction screens in their application.

Implicit Functionality

  • Ease of use. Creation of screens should be intuitive and very easy to develop. The designer or the developer should be encouraged by the simplicity to generate diagrams.
  • Platform independence. The software should be implementation language/platform independent.

Explicit Functionality

Version 1.0

The first version will aim at providing the framework for the software and at devloping the basic components necessary for a designer/developer to get started.

  • A component library for Palm MIDP user screens
    • Components
      • Button (Command)
      • Text Field
      • Choice Group (Radio, Check, Combo)
      • Date Field
      • Gauge
      • ImageItem
      • StringItem
      • Ticker
    • Containers
      • Text Box
      • List
      • Form
      • Screen
      • Alert
  • Associations between screens
    • Positive Association (Yes/OK)
    • Negative Association (No/Cancel)
    • Unsure Association (Cancel)
  • Ability to edit properties of each component/container
  • A simple layout to display the objects neatly
  • Point-and-click mechanism to create components/containers
  • Resize Components
  • Delete Components
  • Delete Associations

Version 2.0

  • Component library for other user screen types
  • More associations
  • Drag & Drop functionality for creating objects
  • Multiple layout facilities
  • Printing option
  • Saving as an image option
  • Add notes

Version 3.0

  • Import and Export via a standardized XML format
  • Custom drawing objects

Version 4.0

  • Generate code from the screenshot for a language (Java for example)

Version 5.0

  • Support for multiple languages