Difference between revisions of "AppSuite:Developing for the UI"

(Tech Overview)
Line 1: Line 1:
<div class="title">Developing the Appsuite User Interface</div>
+
<div class="title">Developing The Appsuite User Interface</div>
  
 
__TOC__
 
__TOC__
Line 13: Line 13:
  
 
=== Developing Style Guide ===
 
=== Developing Style Guide ===
This guide will help you writing the code conform to the Open-Xchange guidelines: http://oxpedia.org/wiki/index.php?title=AppSuite:UI_Development_Style_Guide
+
While developing code for OX products [[AppSuite:UI Development Style Guide | the UI Developement Style Guide]] helps you writing safe, clear and functional code.
  
Colors, Design & Layout. This guide shows how to get the right look and feel for all apps, plugins and widgets running on appsuite. >>link<<
+
Designing apps, plugins and widgets running with the right layout, colors, look and feel is a breeze following the guidelines described in [[AppSuite:UI Design Guide | the UI Design Guide]].
  
Writing an application accessible for everyone is one important aspect when you are developing the user interface. This guide helps you out with this: >>link<<
+
Always keep in mind, that using OX products should be possible for everyone and therefor it's important to follow simple rules regarding [[AppSuite:Accessibility | accessibility]].
  
Writing apps or plugins for appsuite will always include extending the existing user interface. Therefor appsuite provides extension points offering you possibilties to add your own contents to appsuite.
+
Writing apps or plugins for appsuite will often include extending the existing user interface. Appsuite provides extension points offering you possibilties to add your own contents.
Beginning to develop using extension points? Read this guide first having a hands on introduction for developing extending the OX user interface:
+
Beginning to develop using extension points? Read this guide first having [[AppSuite:Extending the UI (Hands-on introduction) | a hands-on introduction]] for extending the OX user interface.
http://oxpedia.org/wiki/index.php?title=AppSuite:Extending_the_UI_%28Hands-on_introduction%29
 
  
All kinds of extension points and further information regarding > [[AppSuite:Extension points |extension points]]
+
Get more information and a complete list of [[AppSuite:Extension points |extension points]] offered by OX products.
  
  

Revision as of 09:01, 16 October 2013

Developing The Appsuite User Interface

This portal contains articles about the inner workings of the web-based graphical user interface. It is aimed at software developers that want to improve on existing features, implement extensions or just gain a general understanding.


Tech Overview

All technologies and frameworks used for developing the UI are listed and described in the following article: Skills needed to develop the UI

In addition to those UI developing technologies you also need the environment for running (at least parts of) the appsuite locally. Therefore you can either copy the source from openxchange git repositories and host it locally using apache or run Appserver (with local parts of the appsuite) automaticly getting the recent stable source packages from the appsuite servers.

Developing Style Guide

While developing code for OX products the UI Developement Style Guide helps you writing safe, clear and functional code.

Designing apps, plugins and widgets running with the right layout, colors, look and feel is a breeze following the guidelines described in the UI Design Guide.

Always keep in mind, that using OX products should be possible for everyone and therefor it's important to follow simple rules regarding accessibility.

Writing apps or plugins for appsuite will often include extending the existing user interface. Appsuite provides extension points offering you possibilties to add your own contents. Beginning to develop using extension points? Read this guide first having a hands-on introduction for extending the OX user interface.

Get more information and a complete list of extension points offered by OX products.


How to get code

What can i build? / Pro and con

How to get it running? As UI dev/ as Backend Dev