-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
203 lines (160 loc) · 6.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta name="generator" content=
"HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<title>Swarm Developers</title>
<link rel="stylesheet" href="bootstrap/bootstrap.css" type=
"text/css">
<link rel="stylesheet" href="css/this.css" type="text/css">
<link rel="stylesheet" href=
"js/google-code-prettify/prettify.css" type="text/css">
<script src="http://code.jquery.com/jquery-1.5.2.js" type=
"text/javascript">
</script>
<script src="js/google-code-prettify/prettify.js" type=
"text/javascript">
</script>
<script src="js/application.js" type="text/javascript">
</script>
<script src="js/google-analytics.js" type="text/javascript">
</script>
</head>
<body>
<!-- NAVIGATION-->
<div class="topbar">
<div class="topbar-inner">
<div class="container">
<h3><a id="banner" href="http://www.buglabs.net" name=
"banner"><img src="images/bs_logo.png"></a></h3>
<ul class="nav">
<li class="dropdown nav-dropdown">
<a href="documentation.html" class=
"dropdown-toggle">Documentation</a>
<ul class="dropdown-menu">
<li><a href=
"configuration_api.html">Configuration</a></li>
<li><a href=
"participation_api.html">Participation</a></li>
</ul>
</li>
<li><a href="tools.html">Tools</a></li>
<li><a href="libraries.html">Libraries</a></li>
<li><a href="tutorial.html">Tutorial</a></li>
<li><a href="applications.html">Applications</a></li>
<li><a href="hardware.html">Hardware</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div><!-- MASTHEAD-->
<div class="masthead">
<div class="container">
<div class="row">
<div class="span10 columns">
<h1>Welcome to Swarm</h1>
<p id="tagline">Acquire data from and control embedded
devices using JavaScript or plain old HTTP.</p>
</div>
<div class="span6 columns"><img id="cubes" src=
"images/bs_cubes.png" alt="" name="cubes"></div>
</div>
</div>
</div><!-- CONTENT-->
<div class="container">
<!-- Features-->
<div class="row">
<div class="span-one-third">
<h3 class="sub-header">Group Resources</h3>
<p>Combine multiple resources together to create a swarm.
Once a member of a swarm, a resource can communicate and
share data with other resources in that swarm.</p>
</div>
<div class="span-one-third">
<h3 class="sub-header">Control Access</h3>
<p>Control the level of access a resource has to a swarm.
Grant a resource permission to produce data, consume data,
or do both.</p>
</div>
<div class="span-one-third">
<h3 class="sub-header">Share With Others</h3>
<p>Invite another user's resources into your swarms and
accept invitations to place your resources in somebody
else's swarms. Share your data easily and securely.</p>
</div>
</div>
<div class="page-header"></div><!-- System-->
<h2>System <small>Swarms of resources</small></h2>
<div class="row">
<div class="span8">
<h3 class="sub-header">Resources</h3>
<p>A resource is an application or device that is
configured to produce or consume data over Swarm. A
resource may be a physical device, such as a smartphone,
tablet, or Arduino, as well as a web or mobile application.
Anything than can communicate through HTTP can be
configured to join a swarm and being producing and
consuming data.</p>
</div>
<div class="span8">
<h3 class="sub-header">Swarms</h3>
<p>A swarm is a collection of resources. Once a swarm is
created, users may configure it to allow their own
resources to participate as well as invite another user's
resources to become members. The owner of the swarm may
control what level of access (production, consumption, or
both) each resource in the swarm has.</p>
</div>
</div>
<div class="page-header"></div><!-- Getting Started-->
<h2>Getting Started <small>Quick and simple</small></h2>
<div class="row">
<div class="span-one-third">
<h3 class="sub-header">1. Sign Up</h3>
<p>Sign up below for the developer preview. Once you
receive your invitation, create a Bug Labs account and use
the <a href="tools.html">API Key Management Tool</a> to
list your given API keys or create new ones.</p>
</div>
<div class="span-one-third">
<h3 class="sub-header">2. Create Resources and Swarms</h3>
<p>Use the RESTful <a href=
"configuration_api.html">Configuration API</a> to create
resources and swarms. Add resources to swarms as producers,
consumers, or both.</p>
</div>
<div class="span-one-third">
<h3 class="sub-header">3. Produce and Consume Data</h3>
<p>Use the <a href="participation_api.html">Participation
API</a> to connect resources to the swarms they are members
of and begin producing and consuming data.</p>
</div>
</div>
<div class="page-header"></div><!-- Developer Preview-->
<h2>Developer Preview <small>Happening now!</small></h2>
<p>Sign up below to apply for an invitation to the Swarm
developer preview.</p>
<form id="mc-embedded-subscribe-form" action=
"http://bugswarm.us2.list-manage.com/subscribe/post?u=876a1af227de66fbb5520a055&id=5e569d1e96"
method="post" name="mc-embedded-subscribe-form" class=
"validate actions">
<fieldset>
<div class="clearfix">
<label for="mce-EMAIL"><strong>Email</strong></label>
<div class="input">
<input id="mce-EMAIL" type="email" name="EMAIL"
placeholder="email address" required="required" class=
"xlarge email">
</div>
</div>
<div class="clearfix">
<div class="input">
<input id="mc-embedded-subscribe" type="submit" value=
"Sign Me Up!" class="btn danger">
</div>
</div>
</fieldset>
</form>
</div>
</body>
</html>