How do you make a diagram of a Titanium App ?

Hi all.

I would really like to know what techniques there exist for making design diagram for a titanium app.

I'm talking about the kind of diagram that shows how the system will work, kind of like a Class diagram does for a normal Java program.

I would like to make a diagram of my app before i actually start coding it. I just dont know how to do it, how to structure it. There must be a way to do it, im sure. All those big apps are not written without some kind of design specifications.

Any help would be much appriciated.

Martin

Everyone diagrams their apps differently. Most people map out the apps in Illustrator or Fireworks as you can add links and create vector images as well as diagram. Another popular choice is Keynote because you can do the same things. You can interlink pages in the app and images used can be output in vector format. For large apps, Keynote is my choice because you can design, diagram, and export all from within Keynote.

There are also some online tools like MocksUp or Mockability or 100 others. Some of these allow you to mockup an app and then they have a diagram overview view as well.

Remember, Titanium apps are just javascript, so a pure diagramming solution is not Titanium specific, its javascript specific.

@martin the best way is using pen pencil and paper. Also another beautiful application available which syncs with your google account is Balsamiq. You can have this add on installed in you chrome