User Tools

Site Tools


getting_started:wifi_ide_hot_to

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
getting_started:wifi_ide_hot_to [2021/05/03 14:46]
al4he6 Add How To
getting_started:wifi_ide_hot_to [2021/05/24 16:00]
stevegarman add link to YouTube video
Line 2: Line 2:
 Invoke the DroidScript app on your Android Device, then touch the WIFI Icon (top row, 2nd icon), it will show you an IP address and a password.\\ Invoke the DroidScript app on your Android Device, then touch the WIFI Icon (top row, 2nd icon), it will show you an IP address and a password.\\
 On a PC or Mac open your browser and enter the IP address in the address bar, then enter the password.\\ On a PC or Mac open your browser and enter the IP address in the address bar, then enter the password.\\
 +You will see a screen like this.\\
 +{{getting_started:wifinums.jpg}}
 **To exit the WiFI IDE**\\ **To exit the WiFI IDE**\\
 On your Android Device press BACK (bottom icon on the Android screen.\\ On your Android Device press BACK (bottom icon on the Android screen.\\
 (Make sure you have saved any work.)\\ (Make sure you have saved any work.)\\
 **To open an existing App/Project**\\ **To open an existing App/Project**\\
-On the PC/Mac Click on the top left Icon (9 squares), then click on the App/Project.\\ +On the PC/Mac Click on the top left Icon (see red 1 on screen shot above), then click on the App/Project.\\ 
-(If you hover your mouse over an App iocn you will see mini icons for Rename, Run and Delete)\\ +(If you hover your mouse over an App icon you will see mini icons for Rename, Run and Delete)\\ 
 **To create a new App/Project**\\ **To create a new App/Project**\\
-On the PC/Mac Click on the top left Icon (9 squares), then click on New Javascript App or New HTML App.\\+On the PC/Mac Click on the top left Icon (see red 1 on screen shot above), then click on New Javascript App or New HTML App.\\
 **Editing/Running/Stopping your code**\\ **Editing/Running/Stopping your code**\\
 Just type in your code (as you type the Smart Editor will prompt/autocomplete).\\ Just type in your code (as you type the Smart Editor will prompt/autocomplete).\\
Line 25: Line 27:
 **Expand/Collapse your code**\\ **Expand/Collapse your code**\\
 Click on the small triangles next to the line number to expand/contract blocks of code.\\ Click on the small triangles next to the line number to expand/contract blocks of code.\\
-Click on - icon (top menu) to contract all your functions.\\ +Click on - icon (top menu) to contract all your functions (see red 11 on screen shot above).\\ 
-Click on + icon (top menu) to expand all functions.\\+Click on + icon (top menu) to expand all functions (see red 12 on screen shot above).\\
 **Left Hand menu**\\  **Left Hand menu**\\ 
-Click the Pencil icon to come back to the editor.\\ +Click the Pencil icon to come back to the editor  (see red 2 on screen shot above).\\ 
-Click the Asset icon to add Assets (images etc) to your App (from your PC/Mac).\\+Click the Asset icon  (see red 3 on screen shot above) to add Assets (images etc) to your App (from your PC/Mac) and/or see your existing assets\\ 
 +(Existing assets have mini icons below them to Rename and Delete)\\
 **Using multiple files.**\\ **Using multiple files.**\\
-To create another file in your app, click the circle+ icon in the top menu.\\+To create another file in your app, click the circle+ icon in the top menu  (see red 5 on screen shot above).\\
 To edit a specific file click the file name in the top row.\\ To edit a specific file click the file name in the top row.\\
 (There's a small icon to the top-right of each file to Delete it).\\ (There's a small icon to the top-right of each file to Delete it).\\
Line 37: Line 40:
 (Non_Premium users are limited to 3 files per App).\\ (Non_Premium users are limited to 3 files per App).\\
 **Miscellaneous**\\ **Miscellaneous**\\
-To make your edit area wider/narrower click the Expand Editor icon (top-right of edit area).\\+To make your edit area wider/narrower click the Expand Editor icon (see red 13 on screen shot above).\\
 On the right hand area you can see News about Droidscript, Documentation, Samples, Debug or Chat.\\ On the right hand area you can see News about Droidscript, Documentation, Samples, Debug or Chat.\\
 (You can copy/paste code from Examples in the Documentation, and Samples) (You can copy/paste code from Examples in the Documentation, and Samples)
-To switch between dark and light backgrounds click the moon icon in the top-right.\\ +To switch between dark and light backgrounds click the moon icon in the top-right. 
 +==== YouTube ==== 
 +You may find it useful to view the demo on YouTube at https://youtu.be/7F9ySNFaHJM 
  
  
getting_started/wifi_ide_hot_to.txt · Last modified: 2021/06/01 13:20 by al4he6