Difference between revisions of "UI Layout"

From Apache OpenOffice Wiki
Jump to: navigation, search
(full table)
(UI Examples and Comparison)
Line 21: Line 21:
  
 
==UI Examples and Comparison==
 
==UI Examples and Comparison==
 
+
The following lists the typical applications used on various platforms and the comparison screenshots from OpenOffice.org. The aim is to show that while there are similarities in these platform-specific applications, and much of the actual functionality is quite similar, the actual UI (i.e. '''how''' you accomplish those functions) has differences both on surface and in deeper levels.
  
 
{| border="0" cellpadding="5" cellspacing="0" align="center"  
 
{| border="0" cellpadding="5" cellspacing="0" align="center"  
Line 49: Line 49:
 
! valign="top" align="left" | http://mox.fidisk.fi/opensource/UI/macword2008-tn.png
 
! valign="top" align="left" | http://mox.fidisk.fi/opensource/UI/macword2008-tn.png
 
Latest Microsoft Office (development version) on Mac OS X.<br>  
 
Latest Microsoft Office (development version) on Mac OS X.<br>  
Note the task oriented layout and the new "modes" that are remarkably different from Windows version.
+
Note the layout and the new "modes" that are remarkably different from Windows version.
 
[http://mox.fidisk.fi/opensource/UI/macword2008.png Full view]
 
[http://mox.fidisk.fi/opensource/UI/macword2008.png Full view]
 
| &nbsp;
 
| &nbsp;
Line 66: Line 66:
 
[http://mox.fidisk.fi/opensource/UI/macooo.png Full view]
 
[http://mox.fidisk.fi/opensource/UI/macooo.png Full view]
 
|-
 
|-
|-
 
 
! style="background:#abcdef;" colspan="3" | &nbsp;
 
 
|-
 
|-
  

Revision as of 20:56, 30 January 2007

Contributors

  • Mox Soini: Mox

Introduction and History

This page concerns itself with current and possible future UI Layout in OpenOffice.org, meaning the code methods and file formats used to programmatically create the locations, style and contents of Graphical User interface - the buttons, text boxes, toolbars, menus, dialogs etc.

Historically the UI layout has been hard-coded in individual applications (Writer, Impress, Calc etc.). Later this evolved into slightly de-coupled with the creation of VCL. While VCL makes porting easier for different platforms, such as Linux and Mac OS X, it also makes it very hard to get platform specific features and style into the UI. Some of this difficulty was lessened by the introduction (Since march 2003) of Native Widget Framework, which allows to glue the native widgets (e.g. the blue buttons in Mac OS X) over the OpenOffice.org's default widgets. This is accomplished by copying the look of the native button, while the interaction and the "feel" (how the button behaves) are coming from openoffice.org.

Before Native Widget Framework (pre-2003), OpenOffice.org more or less looked like Windows 95 on all platforms. Between 2004-2006 OpenOffice.org has begun to look more like native application, although purely in the look of widgets. The UI Layout (including menu structures, menu labels,

Complementary and Related projects

The possible future UI Layout work is complementary and not overlapping with:

  • Graphics Rendering re-work: [Mac_OS_X_Porting_-_Canvas|OOo Canvas]
  • [Uno/Effort/Uno_Runtime_Environment|UNO Runtime environment]
  • ODF Toolkit and
  • OOo Runner Separate Apps on Mac OS X

Goals

UI Examples and Comparison

The following lists the typical applications used on various platforms and the comparison screenshots from OpenOffice.org. The aim is to show that while there are similarities in these platform-specific applications, and much of the actual functionality is quite similar, the actual UI (i.e. how you accomplish those functions) has differences both on surface and in deeper levels.

Comparison between OpenOffice.org and platform-specific UI Layouts
     
kword-tn.png

Kword (development version) on Linux.
Note the Photoshop-like toolbar/sidebar on the left.
Full view

  linuxooo-tn.png

OpenOffice.org 2.0 on Linux. Full view

vistaword-tn.png

Latest Microsoft Office on Windows Vista.
Note the task oriented layout and the new "Ribbon" menu, also used in Internet Explorer 7. Full view

  winooo-tn.png

OpenOffice.org 2.0 on all Windows versions.
Full view

macword2008-tn.png

Latest Microsoft Office (development version) on Mac OS X.
Note the layout and the new "modes" that are remarkably different from Windows version. Full view

  macooo-tn.png

OpenOffice.org 2.0 (Aqua development version) on Mac OS X.
Full view

pages-tn.png

Apple's Pages (part of iWork) on Mac OS X.
Note the design oriented, very clean layout and the powerful floating "Inspector" -toolbar/toolbox. Full view

  macooo-tn.png

OpenOffice.org 2.0 (Aqua development version) on Mac OS X.
Full view

Personal tools