Skip to content

Commit

Permalink
Merge pull request #175 from mit-cml/bobparks-patch-4
Browse files Browse the repository at this point in the history
Update connect_app.html
  • Loading branch information
stezelMIT authored Oct 11, 2024
2 parents 415c7b0 + 9701720 commit 13563d0
Showing 1 changed file with 2 additions and 43 deletions.
45 changes: 2 additions & 43 deletions yr/tutorials/howtos/connect_app.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,48 +2,7 @@
<div class="tutorialNavigationHeader"></div>
<div class="tutorialContentPage">
<h4>Which way will you connect?</h4>
<p>You have <span class="emulator">three</span><span class="noemulator">two</span> ways to run your app.</p>
<ol>
<li class="emulator">Use the <b>emulator</b>, which runs your app in a window in your browser. Click <a href="http://appinventor.mit.edu/explore/ai2/setup-emulator.html" target="_blank">here</a> for instructions to set up your computer to run the emulator.</li>
<li>If you have a phone or tablet but do not have wifi access, you can <b>connect your device to your computer with a USB cable</b>. Instructions to set up your computer to use the USB connection, click <a href="http://appinventor.mit.edu/explore/ai2/setup-device-usb.html" target="_blank">here</a>.</li>
<li><b>Connect your device over wifi</b>. If you choose this option, click the "Next Step" button below to follow instructions to set up your computer.</li>
</ol>
</div>
<div class="tutorialContentPage">
<h4>Connect with your device over wifi</h4>
<p>These instructions will show you how to connect using the MIT AI2 Companion app, so you can see your app on your mobile device.</p>
<img class="enlargeImage" src="../images/moodCounter/companionAppConnect.png" alt="some_text">
</div>
<div class="tutorialContentPage">
<h4>Download and install the MIT AI2 Companion App on your phone</h4>
<p>Download from the Play Store by scanning the QR code below or by opening <a href="https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3" target="_blank">this link</a> on your device.</p>
<img class="enlargeImage" src="../images/hello_bonjour/ai2storecompanionQR.png" style="width:75%" alt="some_text">
<p>If you can't use the Play Store click <a href="http://appinv.us/companion" target="_blank">here</a>.</p>
</div>
<div class="tutorialContentPage">
<h4>Follow the installation instructions on your phone</h4>
<p>After downloading, step though the the instructions to install the Companion app on your device. You only need to install the MIT AI2 Companion once. Then, you can leave it on your phone or tablet for whenever you use App Inventor.</p>
<!-- Should I expand on this/add clip art? -->
</div>
<div class="tutorialContentPage">
<h4>Open your app's QR code</h4>
<p>Click Connect, then AI Companion.</p>
<img class="enlargeImage" src="../images/snap_remix/connectAI.gif" style="width:75%" alt="some_text">
</div>
<div class="tutorialContentPage">
<h4>Connect your app with your phone</h4>
<p>A QR code similar to this should pop up on your screen.</p>
<img class="enlargeImage" src="../images/hello_bonjour/qrCode.png" style="width:75%" alt="some_text">
<p>You can scan the QR code or enter the code in the text box.</p>
<img class="enlargeImage" src="../images/hello_bonjour/phoneScreen.png" style="width:75%" alt="some_text">
</div>
<div class="tutorialContentPage">
<h4>Still confused?</h4>
<p>Click <a href="http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html" target="_blank">here</a> to see a more in-depth explanation of how to connect.</p>
<p>Otherwise, click on the tutorial tab below to start building your app!</p>
</div>
<br/>
<div class="tutorialNextButtonContainer" style="width:100%;text-align:center;">
<button type="button" class="btn btn-success btn-lg tutorialNextButton" style="font-size:24pt;">Next Step</button>
If you need help getting started and set up with App Inventor, please visit
our <a href="https://appinventor.mit.edu/explore/ai2/setup" target="_blank">Setting Up App Inventor</a> page.
</div>
</div>

0 comments on commit 13563d0

Please sign in to comment.