<commit_before><!DOCTYPE html>
<html>
<!--
File: index.html
Description: Evothings Studio documentation.
Author: <NAME>
Copyright (c) 2013-2014 Evothings AB
-->
<head>
<meta charset="utf-8">
<title>Evothings Studio</title>
<script src="js/include-viewport.js"></script>
<script src="js/include-css-scripts.js"></script>
</head>

<body>
<div class="evo-heading">Evothings Studio</div>

<div class="evo-page"><div class="evo-content">

<script src="js/include-main-menu.js"></script>

<div class="evo-box evo-content-index">
	<script src="js/include-evothings-logo.js"></script>
	<a href="#Introduction">Evothings Studio</a><br/>
	<a href="#Screenshots">Screenshots</a><br/>
	<a href="#QuickStart">Getting Started</a><br/>
	<a href="#Troubleshooting">Troubleshooting</a><br/>
	<a href="#ReleaseNotes">Release Notes</a> (<a href="studio/release-notes.html">direct link</a>)<br/>
	<a href="#DeployingApps">Deploying Your Apps</a><br/>
	<a href="#GoodToKnow">Good To Know</a><br/>
	<a href="#SourceCode">Source Code</a><br/>
	<a href="#AboutUs">About Us</a><br/>
</div>

<div id="Introduction" class="evo-box">
	<h1>Evothings Studio</h1>

	<p>Evothings Studio is a set of development tools, designed for development of mobile apps using web technologies. Evothings Studio is specifically designed for development of apps for the Internet of Things.</p>

	<p><b>Evothings Studio consists of:</b></p>
	<ul>
		<li><a href="studio/workbench.html">Evothings Workbench</a> - Desktop IDE that supports fast turn around development and live editing of apps running on mobile devices.</li>
		<li><a href="studio/mobile-app.html">Evothings Client</a> - Mobile application for running IoT apps written in HTML/JavaScript. Connect from any number of mobile devices running the Evothings Client to the Workbench and enjoy simultaneous live reload.</li>
		<li><a href="examples/examples.html">Example Apps</a> - Collection of example apps to get started quickly and get inspiration for making IoT apps.</li>
		<li><a href="studio/api-overview.html#SupportedPlugins">Native Plugins</a> - Plugins implemented in the Cordova framework that provide native IoT functionality from JavaScript.</li>
		<li><b>Universal Editor/IDE support</b> - Use any text editor or programming IDE to code with instant-reload-on-save. Also works with graphics editors. Just press save to reload changes on connected mobile devices.</li>
	</ul>

	<p>With Evothings Workbench you can take advantage of HTML5 technologies and JavaScript to develop mobile web apps and hybrid apps - with very fast turn-around time. Use any text editor or graphical editor to author HTML, CSS and JavaScript. Every time you save, the app is instantly reloaded, and you can directly see the result. This also works with image editors.</p>

	<p>The Evothings mobile app is a native application that you run on your mobile devices. It connects to Evothings Studio to enable live editing of your HTML/CSS/JavaScript code. The app contains native functionality that is accessible from JavaScript, such as Bluetooth Low Energy.</p>
</div>

<div id="Screenshots" class="evo-box">
	<h2>Screenshots</h2>
	<p>
		<a href="studio/workbench.html">
			<img style="width:300px;height:auto;"
				src="images/evothings-workbench-screenshot.png"/>
		</a>
		<span style="width:50px;height:50px;display:inline-block"></span>
		<a href="studio/mobile-app.html">
			<img style="width:150px;height:auto;border:1px solid #000000;"
				src="images/evothings-client-screenshot-1.png"/>
		</a>
	</p>
</div>

<div id="QuickStart" class="evo-box">
	<h2>Getting Started</h2>

	<p><b>Very quick version:</b></p>
	<ul>
		<li>Download and run the Evothings Workbench application on your computer.</li>
		<li>Install and run the Evothings Client app on your mobile device.</li>
		<li>Connect from Evothings Client to the Workbench.</li>
		<li>Click the "Run" button of the "Hello World" example.</li>
	</ul>

	<p><b>Slightly longer version:</b></p>
	<ul>
		<li>Download and run the Evothings Workbench application on your computer.</li>
		<li>Download and install the Evothings Client app on your mobile device.</li>
		<li>Launch the app and select "Scan". Select your computer running Evothings Workbench from the list.</li>
		<li>Alternatively, enter the URL shown in the bottom panel of the Workbench and click "Connect".</li>
		<li>The app should now connect to Evothings Workbench and display the message "Connected".</li>
		<li>Click the "Run" button of one of the apps in Evothings Workbench. Does the mobile display the app you selected? If so, you are up and running!</li>
		<li>You can connect any number of mobile devices, and instantly see the result on each of them!</li>
		<li>To create your own project, just drag and drop an HTML file into the Workbench project list. When you press RUN that file and all included files will be launched on connected mobile devices. Sort the project list using drag and drop.</li>
		<li><b>Mobile devices must be on the same local WiFi network as the computer running the Workbench to be able connect using the "Scan" method, and network client isolation must be turned off.</b></li>
		<li>If your computer has a public IP address, you can connect from anywhere on the Internet!</li>
	</ul>

	<p>Learn more about <a href="studio/workbench.html">Evothings Workbench</a> and <a href="studio/mobile-app.html">Evothings Client</a>.</p>
</div>

<div id="Troubleshooting" class="evo-box">
	<h2>Troubleshooting</h2>
	<p><strong>If Evothings Client can't find or connect to the Workbench:</strong></p>
	<ul>
		<li>Make sure that your mobile device and computer are on the same WiFi network.</li>
		<li>Network client isolation must be turned off. Some WiFi networks such as public networks or enterprise networks have this enabled. Please check your router settings or ask your network administrator. In case client isolation is enabled, Evothings Studio will not work. We are working on a solution for this.</li>
		<li>You may your own WiFi router or mobile phone with WiFi sharing. On iOS, this is called "Personal Hotspot". On Android, it is usually called "Portable hotspot" or "Internet sharing".</li>
		<li>Alternatively, you can:
			<ul>
				<li>Use a Virtual Private Network (VPN).</li>
				<li>Use a Reverse SSH tunnel.</li>
			</ul>
			The details of how to set these up is beyond the scope of this document.
		</li>
	</ul>
</div>

<div id="ReleaseNotes" class="evo-box">
	<h2>Release Notes</h2>
	<p>The <a href="studio/release-notes.html">Release Notes</a> is the place to learn what is new in each release of Evothings Studio.</p>
</div>

<div id="DeployingApps" class="evo-box">
	<h2>Deploying Your Apps</h2><commit_msg>Improved troubleshooting and "slightly longer getting started".<commit_after><!DOCTYPE html>
<html>
<!--
File: index.html
Description: Evothings Studio documentation.
Author: <NAME>
Copyright (c) 2013-2014 Evothings AB
-->
<head>
<meta charset="utf-8">
<title>Evothings Studio</title>
<script src="js/include-viewport.js"></script>
<script src="js/include-css-scripts.js"></script>
</head>

<body>
<div class="evo-heading">Evothings Studio</div>

<div class="evo-page"><div class="evo-content">

<script src="js/include-main-menu.js"></script>

<div class="evo-box evo-content-index">
	<script src="js/include-evothings-logo.js"></script>
	<a href="#Introduction">Evothings Studio</a><br/>
	<a href="#Screenshots">Screenshots</a><br/>
	<a href="#QuickStart">Getting Started</a><br/>
	<a href="#Troubleshooting">Troubleshooting</a><br/>
	<a href="#ReleaseNotes">Release Notes</a> (<a href="studio/release-notes.html">direct link</a>)<br/>
	<a href="#DeployingApps">Deploying Your Apps</a><br/>
	<a href="#GoodToKnow">Good To Know</a><br/>
	<a href="#SourceCode">Source Code</a><br/>
	<a href="#AboutUs">About Us</a><br/>
</div>

<div id="Introduction" class="evo-box">
	<h1>Evothings Studio</h1>

	<p>Evothings Studio is a set of development tools, designed for development of mobile apps using web technologies. Evothings Studio is specifically designed for development of apps for the Internet of Things.</p>

	<p><b>Evothings Studio consists of:</b></p>
	<ul>
		<li><a href="studio/workbench.html">Evothings Workbench</a> - Desktop IDE that supports fast turn around development and live editing of apps running on mobile devices.</li>
		<li><a href="studio/mobile-app.html">Evothings Client</a> - Mobile application for running IoT apps written in HTML/JavaScript. Connect from any number of mobile devices running the Evothings Client to the Workbench and enjoy simultaneous live reload.</li>
		<li><a href="examples/examples.html">Example Apps</a> - Collection of example apps to get started quickly and get inspiration for making IoT apps.</li>
		<li><a href="studio/api-overview.html#SupportedPlugins">Native Plugins</a> - Plugins implemented in the Cordova framework that provide native IoT functionality from JavaScript.</li>
		<li><b>Universal Editor/IDE support</b> - Use any text editor or programming IDE to code with instant-reload-on-save. Also works with graphics editors. Just press save to reload changes on connected mobile devices.</li>
	</ul>

	<p>With Evothings Workbench you can take advantage of HTML5 technologies and JavaScript to develop mobile web apps and hybrid apps - with very fast turn-around time. Use any text editor or graphical editor to author HTML, CSS and JavaScript. Every time you save, the app is instantly reloaded, and you can directly see the result. This also works with image editors.</p>

	<p>The Evothings mobile app is a native application that you run on your mobile devices. It connects to Evothings Studio to enable live editing of your HTML/CSS/JavaScript code. The app contains native functionality that is accessible from JavaScript, such as Bluetooth Low Energy.</p>
</div>

<div id="Screenshots" class="evo-box">
	<h2>Screenshots</h2>
	<p>
		<a href="studio/workbench.html">
			<img style="width:300px;height:auto;"
				src="images/evothings-workbench-screenshot.png"/>
		</a>
		<span style="width:50px;height:50px;display:inline-block"></span>
		<a href="studio/mobile-app.html">
			<img style="width:150px;height:auto;border:1px solid #000000;"
				src="images/evothings-client-screenshot-1.png"/>
		</a>
	</p>
</div>

<div id="QuickStart" class="evo-box">
	<h2>Getting Started</h2>

	<p><b>Very quick version:</b></p>
	<ul>
		<li>Download and run the Evothings Workbench application on your computer.</li>
		<li>Install and run the Evothings Client app on your mobile device.</li>
		<li>Connect from Evothings Client to the Workbench.</li>
		<li>Click the "Run" button of the "Hello World" example.</li>
	</ul>

	<p><b>Slightly longer version:</b></p>
	<ul>
		<li>Download and run the Evothings Workbench application on your computer.</li>
		<li>Download and install the Evothings Client app on your mobile device.</li>
		<li>Connect both your computer running Evothings Workbench and your mobile devices running Evothings Client to the same WiFi network.
		<li>Launch the app and select "Scan". Select your computer running Evothings Workbench from the list.</li>
		<li>If your computer does not appear in the list, please check the Troubleshooting section.</li>
		<li>Alternatively, enter the URL shown in the bottom panel of the Workbench and click "Connect".</li>
		<li>The app should now connect to Evothings Workbench and display the message "Connected".</li>
		<li>Click the "Run" button of one of the apps in Evothings Workbench. Does the mobile display the app you selected? If so, you are up and running!</li>
		<li>You can connect any number of mobile devices, and instantly see the result on all of them!</li>
		<li>To create your own project, just drag and drop an HTML file into the Workbench project list. When you press RUN that file and all included files will be launched on connected mobile devices. Sort the project list using drag and drop.</li>
		<li><b>Mobile devices must be on the same local WiFi network as the computer running the Workbench to be able connect using the "Scan" method, and network client isolation must be turned off.</b></li>
	</ul>

	<p>Learn more about <a href="studio/workbench.html">Evothings Workbench</a> and <a href="studio/mobile-app.html">Evothings Client</a>.</p>
</div>

<div id="Troubleshooting" class="evo-box">
	<h2>Troubleshooting</h2>
	<p><strong>If Evothings Client can't find or connect to the Workbench:</strong></p>
	<ul>
		<li>Make sure that your mobile device and computer are on the same WiFi network.</li>
		<li>Make sure that network client isolation is turned off. It is off by default on most home routers, but some public or enterprise WiFi networks have it on. Please check your router settings or ask your network administrator. In the case where client isolation is enabled, Evothings Studio will not work by using the WiFi network for direct communication between Evothings Client and the Workbench.</li>
		<li>If client isolation is in effect, the easiest solution is usually to use your own WiFi router or a mobile phone with WiFi sharing. On iOS, this is called "Personal Hotspot". On Android, it is usually called "Portable hotspot" or "Internet sharing".</li>
		<li>Alternatively, you can:
			<ul>
				<li>use a Virtual Private Network (VPN), or</li>
				<li>use a Reverse SSH tunnel, or</li>
				<li>run Evothings Workbench on a computer with a public IP address. In that case you can use that address to connect from anywhere on the Internet.</li>
			</ul>
			The details of how to set these up is beyond the scope of this document.
		</li>
	</ul>
</div>

<div id="ReleaseNotes" class="evo-box">
	<h2>Release Notes</h2>
	<p>The <a href="studio/release-notes.html">Release Notes</a> is the place to learn what is new in each release of Evothings Studio.</p>
</div>

<div id="DeployingApps" class="evo-box">
	<h2>Deploying Your Apps</h2>
{'fraction_non_alphanumeric': 0.12037237497293786, 'fraction_numerical': 0.005773255394385509, 'mean_word_length': 4.743058433485288, 'pattern_counts': {'":': 0, '<': 386, '<?xml version=': 0, '>': 386, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5844518', 'n_tokens_mistral': 4415, 'n_tokens_neox': 4106, 'n_words': 1652}