<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="generator" content="HelpNDoc Professional Edition 7.9.1.631">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="favicon.ico"/>
<title>Network</title>
<meta name="description" content="" />
<meta name="keywords" content="">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Network">
<meta name="twitter:description" content="">
<!-- Open Graph data -->
<meta property="og:title" content="Network" />
<meta property="og:type" content="article" />
<meta property="og:description" content="" />
<meta property="og:site_name" content="The StellarMate X Manual" />
<!-- Bootstrap core CSS -->
<link href="vendors/bootstrap-3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="vendors/bootstrap-3.4.1/css/ie10-viewport-bug-workaround.css" rel="stylesheet"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="vendors/html5shiv-3.7.3/html5shiv.min.js"></script>
<script src="vendors/respond-1.4.2/respond.min.js"></script>
<![endif]-->
<!-- JsTree styles -->
<link href="vendors/jstree-3.3.10/themes/default/style.min.css" rel="stylesheet"/>
<!-- Hnd styles -->
<link href="css/layout.min.css" rel="stylesheet" />
<link href="css/effects.min.css" rel="stylesheet" />
<link href="css/theme-light-blue.min.css" rel="stylesheet" />
<link href="css/print.min.css" rel="stylesheet" media="print" />
<style type="text/css">nav { width: 350px} @media screen and (min-width:769px) { body.md-nav-expanded div#main { margin-left: 350px} body.md-nav-expanded header { padding-left: 364px} }</style>
<style type="text/css">.navigation #inline-toc { width: auto !important}</style>
<!-- Content style -->
<link href="css/hnd.content.css" rel="stylesheet" />
</head>
<body class="md-nav-expanded">
<div id="skip-link">
<a href="#main-content" class="element-invisible">Skip to main content</a>
</div>
<header class="headroom">
<button class="hnd-toggle btn btn-default">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<h1>The StellarMate X Manual</h1>
<a href="https://www.stellarmate.com"><img src="StellarMate_Logo_Text_Black.png" alt="logo" class="logo"/></a>
</header>
<nav id="panel-left" class="md-nav-expanded">
<!-- Nav tabs -->
<ul class="tab-tabs nav nav-tabs" role="tablist">
<li id="nav-close">
<button class="hnd-toggle btn btn-default">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
</li>
<li role="presentation" class="tab active">
<a href="#contents" id="tab-contents" aria-controls="contents" role="tab" data-toggle="tab">
<i class="glyphicon glyphicon-list"></i>
Contents
</a>
</li>
<li role="presentation" class="tab">
<a href="#index" id="tab-index" aria-controls="index" role="tab" data-toggle="tab">
<i class="glyphicon glyphicon-asterisk"></i>
Index
</a>
</li>
<li role="presentation" class="tab">
<a href="#search" id="tab-search" aria-controls="search" role="tab" data-toggle="tab">
<i class="glyphicon glyphicon-search"></i>
Search
</a>
</li>
</ul> <!-- /Nav tabs -->
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="contents">
<div id="toc" class="tree-container unselectable"
data-url="_toc.json"
data-openlvl="1"
>
</div>
</div> <!-- /contents-->
<div role="tabpanel" class="tab-pane" id="index">
<div id="keywords" class="tree-container unselectable"
data-url="_keywords.json"
data-openlvl="1"
>
</div>
</div> <!-- /index-->
<div role="tabpanel" class="tab-pane" id="search">
<div class="search-content">
<div class="search-input">
<form id="search-form">
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" id="input-search" name="input-search" placeholder="Search..." />
<span class="input-group-btn">
<button class="btn btn-default" type="submit">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
</span>
</div>
</div>
</form>
</div> <!-- /search-input -->
<div class="search-result">
<div id="search-info"></div>
<div class="tree-container unselectable" id="search-tree"></div>
</div> <!-- /search-result -->
</div> <!-- /search-content -->
</div> <!-- /search-->
</div> <!-- /Tab panes -->
</nav>
<div id="main">
<article>
<div id="topic-content" class="container-fluid"
data-hnd-id="Network1"
data-hnd-context="79"
data-hnd-title="Network"
>
<div class="navigation">
<ol class="breadcrumb">
<li><a href="StellarMateControlPanel.html">StellarMate Control Panel</a></li>
</ol>
<div class="nav-arrows">
<div class="btn-group btn-group" role="group"><a class="btn btn-default" href="StellarMateControlPanel.html" title="StellarMate Control Panel" role="button"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a><a class="btn btn-default" href="Software1.html" title="Software" role="button"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a><a class="btn btn-default" href="Diagnostics.html" title="Diagnostics" role="button"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span></a></div>
</div>
</div>
<a id="main-content"></a>
<h2>Network</h2>
<div class="main-content">
<p class="rvps3"><img width="1000" height="537" alt="" style="padding : 1px;" src="lib/sm_dash_network_hotspot.jpg"></p>
<p class="rvps3"><span class="rvts6"><br/></span></p>
<p class="rvps17"><span class="rvts22">Wireless</span></p>
<p class="rvps17"><span class="rvts22"><br/></span></p>
<p class="rvps17"><span class="rvts6">You can connect to StellarMate through a </span><span class="rvts22">WiFi Router</span><span class="rvts6"> or the broadcasted</span><span class="rvts22"> HotSpot network.</span></p>
<p class="rvps17"><span class="rvts22"><br/></span></p>
<p class="rvps17"><span class="rvts6">To connect to StellarMate through a WiFi Router, you have to connect StellarMate to the WiFi Router first by following these steps:</span></p>
<p class="rvps17"><span class="rvts6"><br/></span></p>
<ol style="text-indent: 0px; padding: 0; margin: 0 0 0 24px; list-style-position: outside;">
<li class="rvps17"><span class="rvts6">Click on </span><span class="rvts22">Connect</span><span class="rvts6"> on the WiFi Router card</span></li>
</ol>
<p class="rvps3"><span class="rvts6"><br/></span></p>
<p class="rvps3"><img alt="" style="padding : 1px;" src="lib/sm_dash_network_wifi_connect.jpg"></p>
<p class="rvps3"><span class="rvts6"><br/></span></p>
<ol style="text-indent: 0px; padding: 0; margin: 0 0 0 24px; list-style-position: outside;">
<li value="2" class="rvps17"><span class="rvts22">Select</span><span class="rvts6"> your WiFi Router network connection and then put in the password if there is one, then click on </span><span class="rvts22">Connect</span><span class="rvts6">.</span></li>
</ol>
<p class="rvps17"><span class="rvts6"><br/></span></p>
<p class="rvps3"><img alt="" style="padding : 1px;" src="lib/sm_dash_network_wifi_connect2.jpg"></p>
<p class="rvps17"><span class="rvts6"><br/></span></p>
<ol style="text-indent: 0px; padding: 0; margin: 0 0 0 24px; list-style-position: outside;">
<li value="3" class="rvps17"><span class="rvts6">Connect to the same WiFi network on your computer/laptop and then refresh the page, the network page should look like the image below.</span></li>
</ol>
<p class="rvps3"><span class="rvts6"><br/></span></p>
<p class="rvps3"><img width="895" height="484" alt="" style="padding : 1px;" src="lib/sm_dash_network.jpg"><span class="rvts22">W</span></p>
<p class="rvps17"><span class="rvts6"><br/></span></p>
<p class="rvps17"><span class="rvts6">You can always switch back to </span><span class="rvts22">HotSpot</span><span class="rvts6"> mode whenever you want by clicking on the </span><span class="rvts22">Turn On</span><span class="rvts6"> button under HotSpot.</span></p>
<p class="rvps17"><span class="rvts6"><br/></span></p>
<p class="rvps17"><span class="rvts22">Wired</span></p>
<p class="rvps17"><span class="rvts22"><br/></span></p>
<p class="rvps17"><span class="rvts6">StellarMate can be connected through </span><span class="rvts22">Router Ethernet</span><span class="rvts6"> or </span><a class="rvts73" href="DirectEthernet.html">Direct Ethernet</a></p>
<p class="rvps17"><span class="rvts22"><br/></span></p>
<p class="rvps17"><span class="rvts6">To connect to StellarMate through Router Ethernet, just connected an Ethernet cable to StellarMate and connected the other end to your Router.</span></p>
<p class="rvps17"><span class="rvts6"><br/></span></p>
<p class="rvps17"><span class="rvts6">Now connect to the same network on your computer and refresh the page.</span></p>
<p class="rvps17"><span class="rvts6"><br/></span></p>
<p class="rvps17"><span class="rvts6">To connect to StellarMate through Direct Ethernet, follow the video tutorial on</span><span class="rvts6"> </span><a class="rvts73" href="DirectEthernet.html">this page</a><span class="rvts6">.</span><span class="rvts6"></span></p>
</div>
<div id="topic_footer"><div id="topic_footer_content">Copyright © 2018-2023 by Ikarus Technologies. All Rights Reserved.</div></div>
</div> <!-- /#topic-content -->
</article>
<footer></footer>
</div> <!-- /#main -->
<div class="mask" data-toggle="sm-nav-expanded"></div>
<!-- Modal -->
<div class="modal fade" id="hndModal" tabindex="-1" role="dialog" aria-labelledby="hndModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="hndModalLabel"></h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary modal-btn-close" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Splitter -->
<div id="hnd-splitter" style="left: 350px"></div>
<!-- Scripts -->
<script src="vendors/jquery-3.5.1/jquery.min.js"></script>
<script src="vendors/bootstrap-3.4.1/js/bootstrap.min.js"></script>
<script src="vendors/bootstrap-3.4.1/js/ie10-viewport-bug-workaround.js"></script>
<script src="vendors/markjs-8.11.1/jquery.mark.min.js"></script>
<script src="vendors/uri-1.19.2/uri.min.js"></script>
<script src="vendors/imageMapResizer-1.0.10/imageMapResizer.min.js"></script>
<script src="vendors/headroom-0.11.0/headroom.min.js"></script>
<script src="vendors/jstree-3.3.10/jstree.min.js"></script>
<script src="vendors/interactjs-1.9.22/interact.min.js"></script>
<!-- HelpNDoc scripts -->
<script src="js/polyfill.object.min.js"></script>
<script src="_translations.js"></script>
<script src="js/hndsd.min.js"></script>
<script src="js/hndse.min.js"></script>
<script src="js/app.min.js"></script>
<!-- Init script -->
<script>
$(function() {
// Create the app
var app = new Hnd.App({
searchEngineMinChars: 3
});
// Update translations
hnd_ut(app);
// Instanciate imageMapResizer
imageMapResize();
// Custom JS
// Boot the app
app.Boot();
});
</script>
</body>
</html>