~cdparra/gelee/trunk

« back to all changes in this revision

Viewing changes to webui/about.html

  • Committer: parra
  • Date: 2010-03-15 02:39:02 UTC
  • Revision ID: svn-v4:ac5bba68-f036-4e09-846e-8f32731cc928:trunk/gelee:1433
merged gelee at svn

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
2
<html class="ext-strict"><head>
 
3
 
 
4
 
 
5
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
6
    <title>Welcome to Gelee!</title>
 
7
    <link rel="stylesheet" type="text/css" href="css/ext-all.css">
 
8
    <link rel="stylesheet" type="text/css" href="css/gelee.css">
 
9
    <style type="text/css">
 
10
    .x-panel {
 
11
        margin:15px;
 
12
    }
 
13
    .x-panel-body p {
 
14
        margin:5px;
 
15
        font-size:11px;
 
16
    }
 
17
    </style>
 
18
        
 
19
<!-- Load the Google AJAX API Loader -->
 
20
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
 
21
 
 
22
<!-- Load the Google Friend Connect javascript library. -->
 
23
<script type="text/javascript">
 
24
google.load('friendconnect', '0.8');
 
25
</script>
 
26
 
 
27
<!-- Initialize the Google Friend Connect OpenSocial API. -->
 
28
<script type="text/javascript">
 
29
google.friendconnect.container.setParentUrl('/gelee/' /* location of rpc_relay.html and canvas.html */);
 
30
 
 
31
google.friendconnect.container.loadOpenSocialApi({
 
32
  site: '18107995734265541519',
 
33
  onload: function() {
 
34
    if (!window.timesloaded) {
 
35
      window.timesloaded = 1;
 
36
    } else {
 
37
      window.timesloaded++;
 
38
    }
 
39
    if (window.timesloaded > 1) {       
 
40
      window.top.location.href = "http://demo.liquidpub.org/gdesign";
 
41
          
 
42
    }
 
43
  }
 
44
});
 
45
 
 
46
 
 
47
</script>       
 
48
        
 
49
        
 
50
</head>
 
51
<body id="ext-gen6" class="ext-gecko ext-gecko3 x-aero">
 
52
<div >
 
53
<div style="width: 700px" id="ext-comp-1001" class="x-panel">
 
54
<table border="0"><tr><td>
 
55
<a href="http://project.liquidpub.org/gelee"><img src="images/gelee-logo.png"></a></td>
 
56
<td valign="middle"> 
 
57
<span class="title-desc">: Modeling and managing the lifecycle of web artifacts</span>
 
58
 
 
59
 
 
60
</td>
 
61
</tr>
 
62
</table>
 
63
</div>
 
64
<div style="width: 700px; float:left;" id="ext-comp-1001" class="x-panel">
 
65
 
 
66
<div style="-moz-user-select: none;" id="ext-gen7" class="x-panel-header x-unselectable">
 
67
<span id="ext-gen20" >The Gelee Project</span>
 
68
 
 
69
</div>
 
70
   <div id="ext-gen9" class="x-panel-body">
 
71
        <div class="x-panel">   
 
72
Nearly every artifact, from web pages, documents, wikis, code, to non-software resources (houses in construction, purchase orders, etc.) 
 
73
goes through a lifecycle. In a few cases, the lifecycle of these artifacts is supported by a tool that allows their modeling, automation, 
 
74
monitoring, and management. This typically happens when the lifecycle is formalized and strictly followed. For example, the process of approving
 
75
purchase orders and procuring the goods is, in some large companies, supported by a workflow management system. In these cases, a system can 
 
76
interpret a formal definition of the lifecycle and execute/enforce it.
 
77
 
 
78
<br><br>In the majority of cases however, the lifecycle is informally defined, and is executed, monitored, and managed <i>by hand</i>, if at all.  This 
 
79
is because generic process management tools are too complex and too rigid for this purpose, and are tightly coupled with the artifact they manage.
 
80
 
 
81
<br><br>
 
82
In Gelee we aim at providing an abstractions framework and a supporting environment that overcome these 
 
83
limitations and enable <b>universal resource lifecycle management</b>. We use the terms <i>universal</i> and <i>resource</i> as we want the system to manage
 
84
whatever can be identified by an URI, regardless of its nature, managing application, owner, or location. We realize that such universality 
 
85
can often be at odds with ease of use, and indeed this is one of the challenges we face and address. The main characteristics of the proposed 
 
86
approach are the following:
 
87
<br><br>
 
88
<ul class="cool-list">
 
89
<li>    The system is targeted at advanced web users (e.g., users comfortable with writing on wikis), not only programmers.  The lifecycle model is very simple, essentially based on state machines. There are no complex features such as path conditions, transactions or exceptions. 
 
90
<li>    There is no need for modeling the resource being managed and its properties. The resource can be a &quot;black box&quot; from the lifecycle perspective. This is key both to universality and to keep the model simple from the perspective of the lifecycle designer who does not 
 
91
need to worry about the specifics of each resource.
 
92
<li>    We support automation of operations on the resources (e.g., changing access rights, submitting for reviews, etc.), achieved by actions that can be associated to phases (states) and executed upon entering a phase. Actions are where both the complexity and the resource 
 
93
type-specific behavior reside (e.g., sending a Google doc for review also requires setting access rights, and the way this is done is Google docs-specific). They are written by programmers, who populate a library of useful actions. 
 
94
<li>    The model is targeted at unstructured lifecycles, where there is a high potential variability and the need to place the human in the driver's seat. For example, the lifecycle owner can determine when the resource transitions to the next phase or which is the next phase among the possible ones.
 
95
<li>    The lifecycle management tool is hosted and available as a service, together with the lifecycle design interface and the monitoring interface, i.e., the interface a project manager would use to visualize status and history of the resources under her responsibility. 
 
96
</ul>
 
97
 
 
98
 
 
99
         </div>  
 
100
   </div>       
 
101
 
 
102
<br>
 
103
<div style="-moz-user-select: none;" id="ext-gen7" class="x-panel-header x-unselectable">
 
104
<span id="ext-gen20" >Project members</span>
 
105
 
 
106
</div>
 
107
   
 
108
<div id="ext-gen8" class="x-panel-bwrap">
 
109
   <div id="ext-gen9" class="x-panel-body">     
 
110
     <div class="x-panel">       
 
111
         <table width="100%">
 
112
         <tr><td>
 
113
          <h2>Research Staff</h2>
 
114
      <ul>
 
115
          <li>Fabio Casati</li>
 
116
          <li>Maurizio Marchese</li>
 
117
          <li>Florian Daniel</li>
 
118
          <li>Marcos Baez</li>
 
119
          <li>Cristhian Parra</li>        
 
120
          </ul>
 
121
          </td>
 
122
          <td>
 
123
          <h2>Students</h2>
 
124
      <ul>
 
125
          <li>Kasia di Meo</li>
 
126
          <li>Silvia Zobele</li>
 
127
          <li>Carlo Menapace</li>
 
128
          <li>Andrea Cristelli</li>
 
129
          <li>Iliaria Eccher</li>         
 
130
          </ul>   
 
131
          </td>
 
132
          </tr>
 
133
          </table>
 
134
         </div>  
 
135
        </div>
 
136
</div>
 
137
 
 
138
 
 
139
</div>
 
140
<div>
 
141
<div style="width: 205px; float:left;" id="ext-comp-1002" class="x-panel">
 
142
<div style="-moz-user-select: none;" id="ext-gen7" class="x-panel-header x-unselectable">
 
143
<span id="ext-gen20" class="x-panel-header-text">Login</span>
 
144
 
 
145
</div>
 
146
<div id="ext-gen8" class="x-panel-bwrap">
 
147
 
 
148
<div style="-moz-user-select: none;" id="ext-gen7" class="x-panel-header x-unselectable">
 
149
                
 
150
                <p>Use your existing accounts to connect with us!</p>
 
151
 
 
152
                <div id="fc-login"></div>
 
153
                <script type="text/javascript">
 
154
                google.friendconnect.renderSignInButton({ 'id': 'fc-login', 'text' : 'Sign in to Gelee', 'style': 'standard' });
 
155
                </script><br>
 
156
                <!--
 
157
        <p>Login with your OpenID </p>
 
158
                <input type="text" width="20" class="openid-identifier"><br> <input type="submit" value="Enter"><br><br>
 
159
                -->
 
160
                <img src="http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_white_large_long.gif?8:121638">             
 
161
</div>     
 
162
         
 
163
         
 
164
</div>
 
165
<br>
 
166
 
 
167
<br>
 
168
<div style="-moz-user-select: none;" id="ext-gen7" class="x-panel-header x-unselectable">
 
169
Brought to you by:
 
170
</div>
 
171
<div id="ext-gen7" class="x-panel-header x-unselectable">
 
172
<a href="http://project.liquidpub.org" alt="LiquidPub project" style="margin-left:-5px;" ><img src="images/lp-logo.png"></a>
 
173
<a href="http://www.unitn.it" alt="University of Trento"  style="margin-left:-5px;"><img src="images/unitn-logo.jpg"></a>
 
174
</div>
 
175
 
 
176
 
 
177
</div>
 
178
 
 
179
<br>
 
180
<br>
 
181
<div style="width: 935px; float:left;" id="ext-comp-1003" class="x-panel">
 
182
 
 
183
   <div id="ext-gen9" class="main-footer">
 
184
     <div id="ext-comp-1002" class="x-panel-header x-unselectable">
 
185
         <table width="100%">
 
186
         <tr>
 
187
          <td width="25%" valign="top" align="center">
 
188
          <span id="ext-gen20" class="x-panel-header-text"><a href="developers.html">Developers</a></span>
 
189
          </td>
 
190
          <td width="25%" valign="top" align="center">
 
191
          <span id="ext-gen20" class="x-panel-header-text"><a href="ecosystem.html">Ecosystem</a></span>
 
192
          </td>
 
193
          <td width="25%" valign="top" align="center">
 
194
          <span id="ext-gen20" class="x-panel-header-text"><a href="publications.html">Publications</a> </span>
 
195
          </td>
 
196
          <td width="25%" valign="top" align="center">
 
197
          <span id="ext-gen20" class="x-panel-header-text"><a href="about.html">About</a></span>
 
198
          </td>   
 
199
     </tr>       
 
200
        </table>
 
201
         </div>   
 
202
        </div>
 
203
 
 
204
<!--
 
205
<div id="ext-gen8" class="main-footer">
 
206
   <div id="ext-gen9" class="x-panel-tbar">
 
207
     <div id="ext-comp-1002">
 
208
 
 
209
                 <table width="100%">
 
210
                 <tr>
 
211
                  <td width="25%" valign="top">
 
212
                        <ul class="footer-list">
 
213
                                   <li><a href="https://dev.liquidpub.org/svn/holms/">Checkout the source code!</a></li>
 
214
                                   <li><a href="https://dev.liquidpub.org/trac/holms/">Report a bug or ask for a feature in our track system</a></li>                     
 
215
                                   <li><a href="https://dev.liquidpub.org/svn/holms/trunk/client/">Integrate Gelee with you system. Checkout the client Code </a></li>                                             
 
216
                        </ul>
 
217
                  </td>
 
218
                  <td width="25%" valign="top">
 
219
                        <ul class="footer-list">
 
220
                                   <li><a href="https://dev.liquidpub.org/svn/holms/trunk/widgets/">Embed Gelee widgets in your Netvibes or iGoogle dashboards</a></li>
 
221
                        </ul>
 
222
                  </td>
 
223
                  <td width="25%" valign="top">
 
224
                        <ul class="footer-list">
 
225
                                   <li><a href="http://www.sap.com/china/company/sapresearch/en/wiss09/files/wiss09_r4.pdf">Publications</a></li>
 
226
                                   <li><a href="#">Tutorial (coming soon)</a></li>                                 
 
227
                        </ul>
 
228
                  </td>
 
229
                  <td width="25%" valign="top">
 
230
                        <ul class="footer-list">
 
231
                                   <li><a href="#">The project</a></li>
 
232
                                   <li><a href="#">Collaborator</a></li>                                   
 
233
                                   <li><a href="#">Contact us</a></li>                                                             
 
234
                        </ul>
 
235
                  </td>   
 
236
                 </tr>   
 
237
                </table>                
 
238
         </div>  
 
239
        </div>
 
240
</div>
 
241
-->
 
242
</div>
 
243
 
 
244
</div>
 
245
</body>
 
246
</html>
 
 
b'\\ No newline at end of file'