-
Notifications
You must be signed in to change notification settings - Fork 0
/
toolkit.html
156 lines (147 loc) · 9.38 KB
/
toolkit.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://www.bettertogethertoolkit.org/">
<meta name="author" content="Better Together project team">
<meta name="description" content="The Better Together Toolkit">
<meta property="og:site_name" content="Better Together Toolkit">
<meta property="og:title" content="The Better Together Toolkit">
<meta property="og:description" content="An open source Android platform to help separate complex applications and services between multiple devices">
<meta property="og:image" content="https://www.bettertogethertoolkit.org/css/bt-banner.png">
<meta property="og:image:width" content="1430">
<meta property="og:image:height" content="628">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_GB">
<meta property="og:url" content="https://www.bettertogethertoolkit.org/">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="The Better Together Toolkit">
<meta property="twitter:description" content="An open source Android platform to help separate complex applications and services between multiple devices">
<meta property="twitter:image" content="https://www.bettertogethertoolkit.org/css/bt-banner.png">
<meta property="twitter:url" content="https://www.bettertogethertoolkit.org/">
<link rel="icon" href="css/favicon.png">
<title>The Better Together Toolkit</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="site-wrapper">
<div class="site-wrapper-inner wrapper-faded">
<div class="cover-container">
<div class="masthead masthead-faded clearfix">
<div class="inner">
<a href="index.html"><h1 class="masthead-brand">Innovation for the Next Billion Users<br><span class="masthead-brand-inner">The Better Together Toolkit</span></h1></a>
<ul class="nav masthead-nav">
<li><a href="index.html">About</a></li>
<li class="active"><a href="toolkit.html">Get the Toolkit</a></li>
</ul>
</div>
</div>
<div class="inner cover">
<div class="content">
<h1>The Better Together Framework</h1>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<p>To try out Better Together, simply <a href="https://bettertogethertoolkit.org/app/">download the app from Google Play</a>.</p>
<p>Developing your own plugin is the easiest way to add your own functionality using the framework. To get started, visit the <a href="https://github.com/reshaping-the-future/better-together-api">API documentation</a> on GitHub. A simple <a href="https://github.com/reshaping-the-future/better-together-chat-sample">example plugin</a> is also provided, giving a basic, fully-documented overview of how to develop a plugin.</p>
<p>If you'd prefer deeper integration, it is also possible to add the Better Together's connectivity functionality to your own app. See, for example, <a href="https://github.com/IDC-IITBombay/swarachakra-android/tree/bt_remote_keyboard">swarachakra keyboard</a>, which enables remote text input in Indic scripts.</p>
<p>All aspects of the framework are open-source, licensed under Apache 2.0</p>
<p style="padding-top: 20px; padding-bottom: 20px"><a href="https://bettertogethertoolkit.org/app/"><img src="css/google-play-badge.png"></a></p>
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/connection-setup.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/video-activities.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/shopping-activities.png">
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h1>Example Solutions</h1>
<p>To help you get started, we have provided three examples that build on the Better Together framework for you to download and use.</p>
</div>
</div>
<h2>Videos</h2>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<p>This plugin separates the components of a video streaming service, allowing a group of devices to each represent a single component of the interaction. For example, one can display search queries and results, another the video screen, and another the controller. Additional devices can also be added to view related videos or comments.</p>
<p>This functionality allows users to utilise the best parts of each device. For instance, if one device in the group is a tablet, this could be used as the screen, whereas if another had more airtime or higher quality speakers it could be used to provide these functions to the group.</p>
<ul type="2">
<li><a href="https://play.google.com/store/apps/details?id=ac.robinson.bettertogether.plugin.video">Download the plugin</a></li>
<li><a href="guides/videos.pdf">Download the plugin guide</a></li>
<li><a href="https://github.com/reshaping-the-future/better-together">Get the source code</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/video-search.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/video-controls.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/video-playlist.png">
</div>
</div>
<h2>Shopping</h2>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<p>This plugin demonstrates how the components of a shopping website could be separated, allowing different devices to display either a single item for purchase, a category, or the shopping basket.</p>
<p>Users interact with the system by touching the screen or gesturing with any of the devices.</p>
<p>This functionality allows users to see products and categories laid out across multiple devices, and can be useful to allow multiple people to shop together.</p>
<ul type="2">
<li><a href="https://play.google.com/store/apps/details?id=ac.robinson.bettertogether.plugin.shopping">Download the plugin</a></li>
<li><a href="guides/shopping.pdf">Download the plugin guide</a></li>
<li><a href="https://github.com/reshaping-the-future/better-together">Get the source code</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/shopping-categories.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/shopping-items.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/shopping-basket.png">
</div>
</div>
<h2>Keyboard</h2>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<p>Built on the popular Swarachakra keyboard, this plugin allows you to enter text on one phone from any other connected device. Once connected, the controlling device can manipulate the keyboard in any other app, making it useful in many situations.</p>
<p>Currently supporting both Marathi and English, the Better Together keyboard integration can be used to aid learning – for example, to help children with spelling or grammar. It can also be beneficial for those who do not speak a language (or have little to no written literacy) to get help entering text. Other benefits of the keyboard include being able to enter text remotely using a personal device, and providing the ability for multiple people to edit the same document at the same time using independent devices with no internet connection required.</p>
<p style="padding-top: 20px; padding-bottom: 20px"><a href="https://bettertogethertoolkit.org/keyboard/"><img src="css/google-play-badge.png"></a></p>
<ul type="2">
<li><a href="https://bettertogethertoolkit.org/keyboard/">Download the app</a></li>
<li><a href="guides/keyboard.pdf">Download the app guide</a></li>
<li><a href="https://github.com/IDC-IITBombay/swarachakra-android/tree/bt_remote_keyboard">Get the source code</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/keyboard-options.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/keyboard-local.png">
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<img class="img-responsive" src="screenshots/keyboard-remote.png">
</div>
</div>
</div>
<div class="mastfoot"><a href="mailto:[email protected]">Contact</a></div>
</div>
</div>
</div>
</div>
</body>
</html>