The media frame features the title bar, the tool bar and the status bar. The title bar contains the name of the media currently being displayed. The tool bar provides buttons to perform actions. The status bar helps the user to be aware of which media is currently being displayed. The buttons provided in the toolbar are also available from a menu on the status bar.

On limited-size screens, the tool bar may be hidden, appearing only when the user hovers over the top part of the screen.

The form frame features the title bar, the tool bar and the status bar. The title bar contains the name of the form currently being displayed. The tool bar provides buttons to perform actions. The status bar helps the user to be aware of which part of the form is currently being displayed, since the form might be broken into several parts. The buttons provided in the toolbar are also available from a menu on the status bar.

On limited-size screens, the tool bar may be hidden, appearing only when the user hovers over the top part of the screen.

Since browsing services is fundamental, a navigation bar is available on the left corner. The navigation bar allows the user to go back and forth, refresh, check the history, and access shortcuts. On limited-size screens, the navigation bar may be hidden, appearing only when the user hovers over the left part of the screen.

Besides the navigation bar, the list frame also features the title bar, the tool bar and the status bar. The title bar contains the name of the list currently being displayed. The tool bar provides buttons, as well as a search box, which allows users to perform actions or filter the list. The status bar helps the user to be aware of the current services being displayed. To navigate, a user may click on one of the items in the list. A user may also select one or more items to perform an action. The buttons provided in the toolbar are also available from a menu on the status bar.

Each application window is divided in 3 frames: list, form and media. The framebar may be used to show or hide these frames. The three frames might appear simultaneously, or any combination of two, or just one.

On limited-size screens, only one of the frames may be visible at a time. The framebar may be hidden, appearing only when the user hovers over the right part of the screen.

On the lower part of the screen, we have the taskbar. The right corner of the taskbar is reserved for status information. The tasks are represented by icons on the left corner of the taskbar. When the user hovers the mouse over one of these icons, four options appear: maximize, minimize, replicate and close.

On limited-size screens, such as mobile phones for example, the taskbar may be hidden, appearing only when the user hovers over the lower part of the screen.

Overview of an ITOP Application

Graphics:

• GIMP: Image editor;
• Inkscape: SVG editor;
• gThumb: Image resizer;
• Xsane: Image scanner.
• pdftk: PDF editor.

Internet & Netwok:

• Skype: Landline caller;
• Samba: File and printer sharer.

Sound & Video:

• Audacity: Sound editor;
• RecordMyDesktop: Screen recorder;
• FFmpeg: Video editor;
• WinFF: FFmpeg frontend;
• VLC: Video player;
• Ubuntu-Restricted-Extras: Proprietary video, sound, flash formats.

Web Development:

• Apache: Web server;
• MySQL: Database;
• PHP: Script language;
• PhpMyAdmin:  Database frontend;
• Drupal: CMS;
• ExtJS: JavaScript library;
• Firebug: Bug tracking for Firefox;
• FireFTP: FTP for Firefox;
• CVS, SVN, Git: Version-control system.

Language Support:

• Portuguese (language-support-pt);
• French (language-support-fr).

Now imagine a generic content type called iContent that could be transformed into anything instantly by the average user. This content type would include all available types of fields (text, number, date, file, etc) with an unlimited cardinality (i.e. the fields could be repeated if necessary).

So let us suppose a user wants to enter a Recipe. He selects the iContent and starts building the structure on the fly. He adds the Title, then the Ingredients, later the Instructions, and finally a Photo. Now, he might want to enter a Movie. So he adds a Title, then the Director, later the Duration, then the Release Date, the Genre, a Picture, and finally the Plot. He might want to save both the Recipe and Movie structures for later use as templates. But notice that only one content type was necessary to build such different content structures.

This is a simple idea, but a very powerful one. It makes us rethink how we create information today. Email, for example. You only have the option to enter the Title and the Body. No other fields are allowed, with the exception of Attachments, which provide the flexibility we are looking for since it has an unlimited cardinality. Why not extend that same flexibility to the other fields? Blogs are another example. Imagine how much richer would the Web be (semantically) if blogs had this kind of flexibility?