http://wiki.eclipse.org/index.php?title=Orion/Development_principles&feed=atom&action=historyOrion/Development principles - Revision history2015-08-02T20:43:20ZRevision history for this page on the wikiMediaWiki 1.23.2http://wiki.eclipse.org/index.php?title=Orion/Development_principles&diff=237166&oldid=prevBoris Bokowski.ca.ibm.com at 00:29, 2 February 20112011-02-02T00:29:19Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 00:29, 2 February 2011</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 3:</td>
<td colspan="2" class="diff-lineno">Line 3:</td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==&#160; General ==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==&#160; General ==</div></td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Speed trumps power''' - Given a choice between an implementation that is fast, and an implementation that is powerful, we should err on the side of being fast. Remember that speed is a feature too - if an application is perceived as fast, it is a joy to use, and if it is perceived as slow, it gets in the way of getting work done and may ever so subtly annoy the user. Keep the basic advice for response times in mind: Delays below 0.1 seconds for operation are good because the user will feel in control. Obviously, there are exceptions such as scrolling and entering text which has to be instantaneous. Between 0.1 seconds and 1 second is irritating delay that makes for an unpleasant experience, but does not interrupt the user's flow of thought. Anything over 10 seconds will drive users away. See <del class="diffchange diffchange-inline">[</del>[http://www.useit.com/papers/responsetime.html<del class="diffchange diffchange-inline">]</del>]. &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Speed trumps power''' - Given a choice between an implementation that is fast, and an implementation that is powerful, we should err on the side of being fast. Remember that speed is a feature too - if an application is perceived as fast, it is a joy to use, and if it is perceived as slow, it gets in the way of getting work done and may ever so subtly annoy the user. Keep the basic advice for response times in mind: Delays below 0.1 seconds for operation are good because the user will feel in control. Obviously, there are exceptions such as scrolling and entering text which has to be instantaneous. Between 0.1 seconds and 1 second is irritating delay that makes for an unpleasant experience, but does not interrupt the user's flow of thought. Anything over 10 seconds will drive users away. See [http://www.useit.com/papers/responsetime.html <ins class="diffchange diffchange-inline">http://www.useit.com/papers/responsetime.html</ins>]. &#160;</div></td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Low barrier of entry for adopters''' - We don't want our adopters to have to buy-in to a lot of technologies before they can make use of what we've produced. Instead, we want to provide individual components and services that provide value //on their own//. In other words, we don't want to force people to have to re-write code just so that it fits into Orion, nor do we want them to have to re-write just so they can use one of our components. This means that external dependencies of components should be minimal, and the overall architecture should be modular, without making assumptions about how other components are implemented.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Low barrier of entry for adopters''' - We don't want our adopters to have to buy-in to a lot of technologies before they can make use of what we've produced. Instead, we want to provide individual components and services that provide value //on their own//. In other words, we don't want to force people to have to re-write code just so that it fits into Orion, nor do we want them to have to re-write just so they can use one of our components. This means that external dependencies of components should be minimal, and the overall architecture should be modular, without making assumptions about how other components are implemented.</div></td></tr>
</table>Boris Bokowski.ca.ibm.comhttp://wiki.eclipse.org/index.php?title=Orion/Development_principles&diff=237165&oldid=prevBoris Bokowski.ca.ibm.com at 00:28, 2 February 20112011-02-02T00:28:48Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 00:28, 2 February 2011</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 7:</td>
<td colspan="2" class="diff-lineno">Line 7:</td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Low barrier of entry for adopters''' - We don't want our adopters to have to buy-in to a lot of technologies before they can make use of what we've produced. Instead, we want to provide individual components and services that provide value //on their own//. In other words, we don't want to force people to have to re-write code just so that it fits into Orion, nor do we want them to have to re-write just so they can use one of our components. This means that external dependencies of components should be minimal, and the overall architecture should be modular, without making assumptions about how other components are implemented.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Low barrier of entry for adopters''' - We don't want our adopters to have to buy-in to a lot of technologies before they can make use of what we've produced. Instead, we want to provide individual components and services that provide value //on their own//. In other words, we don't want to force people to have to re-write code just so that it fits into Orion, nor do we want them to have to re-write just so they can use one of our components. This means that external dependencies of components should be minimal, and the overall architecture should be modular, without making assumptions about how other components are implemented.</div></td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Reuse existing technologies''' - Don't re-invent the wheel if one already exists that we can integrate (through HTTP, or as open source that we consume), even if we <del class="diffchange diffchange-inline">//</del>could<del class="diffchange diffchange-inline">// </del>build a better wheel ourselves. We have limited resources and need to focus on those areas where we can provide the most value. We should <del class="diffchange diffchange-inline">//</del>invest<del class="diffchange diffchange-inline">// </del>in those technologies that we decide to use, where necessary. For example, instead of writing our own custom widgets, we should use existing widget toolkits such as Dojo, and contribute changes back to the widget toolkit if the widgets didn't quite fit our needs. The same principle applies to the server side, for example should we use, integrate, or work with an existing HTML validator, such as the W3C validator, instead of implementing HTML validation ourselves.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Reuse existing technologies''' - Don't re-invent the wheel if one already exists that we can integrate (through HTTP, or as open source that we consume), even if we <ins class="diffchange diffchange-inline">''</ins>could<ins class="diffchange diffchange-inline">'' </ins>build a better wheel ourselves. We have limited resources and need to focus on those areas where we can provide the most value. We should <ins class="diffchange diffchange-inline">''</ins>invest<ins class="diffchange diffchange-inline">'' </ins>in those technologies that we decide to use, where necessary. For example, instead of writing our own custom widgets, we should use existing widget toolkits such as Dojo, and contribute changes back to the widget toolkit if the widgets didn't quite fit our needs. The same principle applies to the server side, for example should we use, integrate, or work with an existing HTML validator, such as the W3C validator, instead of implementing HTML validation ourselves.</div></td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Remember the audience''' - We are using a powerful technique to ensure good usability: by self-hosting, i.e. using Orion itself to develop Orion, we create a tight feedback loop that makes us focus on the important things first. However, there is a risk that we think of ourselves as the only target users. We need to remember that not all users and adopters will be like ourselves. For example, it is important that we understand key workflows of our target audience (both end users and adopters!).</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Remember the audience''' - We are using a powerful technique to ensure good usability: by self-hosting, i.e. using Orion itself to develop Orion, we create a tight feedback loop that makes us focus on the important things first. However, there is a risk that we think of ourselves as the only target users. We need to remember that not all users and adopters will be like ourselves. For example, it is important that we understand key workflows of our target audience (both end users and adopters!).</div></td></tr>
</table>Boris Bokowski.ca.ibm.comhttp://wiki.eclipse.org/index.php?title=Orion/Development_principles&diff=234449&oldid=prevAniefer.ca.ibm.com: add Category2011-01-11T18:04:41Z<p>add Category</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 18:04, 11 January 2011</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 30:</td>
<td colspan="2" class="diff-lineno">Line 30:</td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160; &#160;</div></td></tr>
<tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Neutral server technology''' - It should be possible to implement server services in JEE, but also PHP, .net, Ruby, Python, etc. Nothing in the server API assumes particular server technologies over straight HTTP and JSON as a request/response format. Support open authentication/authorization technologies (OpenID, OAuth, SSL, standard W3C validation, etc).</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''Neutral server technology''' - It should be possible to implement server services in JEE, but also PHP, .net, Ruby, Python, etc. Nothing in the server API assumes particular server technologies over straight HTTP and JSON as a request/response format. Support open authentication/authorization technologies (OpenID, OAuth, SSL, standard W3C validation, etc).</div></td></tr>
<tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Orion|Development Principles]]</ins></div></td></tr>
</table>Aniefer.ca.ibm.comhttp://wiki.eclipse.org/index.php?title=Orion/Development_principles&diff=234389&oldid=prevJohn arthorne.ca.ibm.com: New page: On this page, we collect our development principles - things that we believe are important to our success. == General == '''Speed trumps power''' - Given a choice between an implementa...2011-01-11T13:51:18Z<p>New page: On this page, we collect our development principles - things that we believe are important to our success. == General == &#039;&#039;&#039;Speed trumps power&#039;&#039;&#039; - Given a choice between an implementa...</p>
<p><b>New page</b></p><div>On this page, we collect our development principles - things that we believe are important to our success. <br />
<br />
== General ==<br />
<br />
'''Speed trumps power''' - Given a choice between an implementation that is fast, and an implementation that is powerful, we should err on the side of being fast. Remember that speed is a feature too - if an application is perceived as fast, it is a joy to use, and if it is perceived as slow, it gets in the way of getting work done and may ever so subtly annoy the user. Keep the basic advice for response times in mind: Delays below 0.1 seconds for operation are good because the user will feel in control. Obviously, there are exceptions such as scrolling and entering text which has to be instantaneous. Between 0.1 seconds and 1 second is irritating delay that makes for an unpleasant experience, but does not interrupt the user's flow of thought. Anything over 10 seconds will drive users away. See [[http://www.useit.com/papers/responsetime.html]]. <br />
<br />
'''Low barrier of entry for adopters''' - We don't want our adopters to have to buy-in to a lot of technologies before they can make use of what we've produced. Instead, we want to provide individual components and services that provide value //on their own//. In other words, we don't want to force people to have to re-write code just so that it fits into Orion, nor do we want them to have to re-write just so they can use one of our components. This means that external dependencies of components should be minimal, and the overall architecture should be modular, without making assumptions about how other components are implemented.<br />
<br />
'''Reuse existing technologies''' - Don't re-invent the wheel if one already exists that we can integrate (through HTTP, or as open source that we consume), even if we //could// build a better wheel ourselves. We have limited resources and need to focus on those areas where we can provide the most value. We should //invest// in those technologies that we decide to use, where necessary. For example, instead of writing our own custom widgets, we should use existing widget toolkits such as Dojo, and contribute changes back to the widget toolkit if the widgets didn't quite fit our needs. The same principle applies to the server side, for example should we use, integrate, or work with an existing HTML validator, such as the W3C validator, instead of implementing HTML validation ourselves.<br />
<br />
'''Remember the audience''' - We are using a powerful technique to ensure good usability: by self-hosting, i.e. using Orion itself to develop Orion, we create a tight feedback loop that makes us focus on the important things first. However, there is a risk that we think of ourselves as the only target users. We need to remember that not all users and adopters will be like ourselves. For example, it is important that we understand key workflows of our target audience (both end users and adopters!).<br />
<br />
'''Modularity and API''' - Clearly defined and articulated component boundaries are what allows parts of an application to be reused in ways the component author never imagined. It will be a sign of success if consumers take our components and services and use them in wildly different applications. To do this, they need to be able to clearly see the available units of reuse, and be able to build their applications around these components with the expectation that they will continue to behave in the ways they expect. Good APIs also allow the implementation to evolve to meet unexpected future requirements, without breaking existing clients.<br />
<br />
== Client Side ==<br />
<br />
'''Task focused''' - pages should contain appropriate information for the task being worked on, and only that information. It is easy to put more functionality on the pages later, if necessary, but it is hard to disentangle dependencies when you discover that a page is too heavy-weight and needs to be split.<br />
<br />
'''Use native web capabilities''' - Use the browser native behaviour where possible. For example, we should not duplicate menu items that are in the browser's main menu, such as Cut/Copy/Paste, Zoom, Add Bookmark, etc - these should just work as expected. Links should be proper HTML links (&quot;&lt;a href=&quot;) instead of being JavaScript based, so that users can open them in a new tab or window as appropriate. We want the back button to work well, which means that important application state has to be encoded in the URL (before or after the hash). This will also allow bookmarking of pages.<br />
<br />
'''Performant and lightweight''' - The main function of each page should be usable right away. We want to avoid having to display messages like &quot;please wait while the application loads&quot;.<br />
<br />
'''Minimal UI''' - The focus should be on the content (&quot;give the pixels to the data&quot;) and the functionality. We want to keep our UI minimal-looking and neutral so that it can be styled and made more flashy later.<br />
<br />
'''Design with mobile in mind''' - If a web page can be used on a mobile device, where you may have limited screen real estate, no keyboard, and touch instead of a mouse, it is still usable in a desktop browser. The opposite is not true. We don't have enough experience with this yet and thus shouldn't constrain ourselves too much, but we need to keep mobile in mind as one of the more important target devices for certain tasks. For example, browsing code, reviewing patches, or monitoring a build might make sense on a mobile device, but editing a lot of code probably doesn't. <br />
<br />
== Server Side ==<br />
<br />
'''REST server API''' - The API for talking to services uses standard HTTP methods, headers, and response codes. GET and HEAD methods perform read-only functions (and are therefore cacheable). All non-POST methods are idempotent (repeating the same GET/PUT any number of times has the same effect and response, making the API robust over an unreliable connection). Relationships between server-side resources and services are expressed as links within the resources themselves, so the client never has to do URL construction or manipulation. The server maintains no session state (implicit in the principle that the browser back button and history should always work).<br />
<br />
'''Neutral server technology''' - It should be possible to implement server services in JEE, but also PHP, .net, Ruby, Python, etc. Nothing in the server API assumes particular server technologies over straight HTTP and JSON as a request/response format. Support open authentication/authorization technologies (OpenID, OAuth, SSL, standard W3C validation, etc).</div>John arthorne.ca.ibm.com