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
install-web-interface [2017/01/25 15:53]
arthur
install-web-interface [2019/03/06 18:11] (current)
arthur
Line 1: Line 1:
 == Installing the web interface to the SD card == Installing the web interface to the SD card
  
-You are here either because your SD card is [http://​smoothieware.org/​missing-web-interface missing it's web interface] or because you want to upgrade your currently installed web interface.+You are here either because your SD card is [[http://​smoothieware.org/​missing-web-interface|missing it's web interface]] or because you want to upgrade your currently installed web interface.
  
 This page explains how to grab the web interface off the internet, and then install it to your SD card. This page explains how to grab the web interface off the internet, and then install it to your SD card.
  
-The basic process is simply to [https://​github.com/​Smoothieware/​Webif-pack download it] then copy it to your SD card.+The basic process is simply to [[https://​github.com/​Smoothieware/​Webif-pack|download it]] then copy it to your SD card.
  
-The process in more detail is as such : +The process in more detail is as such : 
  
 === 1. Download the web interface === 1. Download the web interface
Line 13: Line 13:
 The web interface is stored in a Github repository so that the community can contribute and help make it better. Please don't hesitate to help. The web interface is stored in a Github repository so that the community can contribute and help make it better. Please don't hesitate to help.
  
-Go to this address : [https://​github.com/​Smoothieware/​Webif-pack https://​github.com/​Smoothieware/​Webif-pack]+Go to this address : [[https://​github.com/​Smoothieware/​Webif-pack|https://​github.com/​Smoothieware/​Webif-pack]]
  
-Then click on the Green Â« Clone or Download » button+Then click on the Green «Clone ​or Download» ​button
  
-Then click on Â« Download Zip »+Then click on «Download Zip»
  
-Or alternatively,​ you can also download the Zip directly by going to this link : [https://​github.com/​Smoothieware/​Webif-pack/​archive/​gh-pages.zip https://​github.com/​Smoothieware/​Webif-pack/​archive/​gh-pages.zip]+Or alternatively,​ you can also download the Zip directly by going to this link : [[https://​github.com/​Smoothieware/​Webif-pack/​archive/​gh-pages.zip|https://​github.com/​Smoothieware/​Webif-pack/​archive/​gh-pages.zip]]
  
  
Line 26: Line 26:
 First, make sure you can access your Smoothieboard'​s SD card, either by plugging the Smoothieboard'​s USB cable into your computer, or by plugging the Smoothieboard'​s microSD card into your computer'​s MicroSD slot. This will allow to copy the new files to it. First, make sure you can access your Smoothieboard'​s SD card, either by plugging the Smoothieboard'​s USB cable into your computer, or by plugging the Smoothieboard'​s microSD card into your computer'​s MicroSD slot. This will allow to copy the new files to it.
  
-Now that you have downloaded the {{gh-pages.zip}} file, open it in your file navigator.+Now that you have downloaded the <kbd>gh-pages.zip</​kbd> ​file, open it in your file navigator.
  
-Next, select ​« Extract » to extract the files from the ZIP file.+Next, select ​«Extract» ​to extract the files from the ZIP file.
  
 The file extraction tool will ask you Where to extract the files. ​ The file extraction tool will ask you Where to extract the files. ​
Line 34: Line 34:
 Select the Smoothieboard'​s SD card, then extract the files. Select the Smoothieboard'​s SD card, then extract the files.
  
-Next, rename the {{Webif-pack-gh-pages}} folder to simply ​{{webif}}+Next, rename the <kbd>Webif-pack-gh-pages</​kbd> ​folder to simply ​<kbd>webif</​kbd>​
  
-Finally, ​« safely eject » the SD card from the computer ( this is a software function not a physical action ).+Finally, ​«safely eject» ​the SD card from the computer (this is a software function not a physical action).
  
 Now, your web interface is ready to use Now, your web interface is ready to use
  
-<callout type="​warning"​ icon="​true" ​type=" Unzipping problems">​+<callout type="​warning"​ icon="​true" ​title=" Unzipping problems">​
  
 Some users have reported problems extracting the Zip file using the normal Windows unzipping program. Some users have reported problems extracting the Zip file using the normal Windows unzipping program.
  
-If this happens to you, please try using 7zip ( [http://​www.7-zip.org/​ http://​www.7-zip.org/​] ), it has been reported to work fine.+If this happens to you, please try using 7zip ( [[http://​www.7-zip.org/​|http://​www.7-zip.org/​]] ), it has been reported to work fine.
 </​callout>​ </​callout>​
  
Line 51: Line 51:
 Now, restart your Smoothieboard. Now, restart your Smoothieboard.
  
-If your Smoothieboard is located on your network at the {{192.168.0.20}} IP Address, you can access the Smoothieboard'​s internal web interface ( stored in flash ) by typing ​{{http://​192.168.0.20/​}} in your browser'​s address bar.+If your Smoothieboard is located on your network at the <kbd>192.168.0.20</​kbd>​ IP Address, you can access the Smoothieboard'​s internal web interface ( stored in flash ) by typing ​<kbd>http://​192.168.0.20/​</​kbd> ​in your browser'​s address bar.
  
-To access the new web interface you just installed to your SD card, you now need to use the following address : +To access the new web interface you just installed to your SD card, you now need to use the following address :
  
-{{http://​192.168.0.20/​sd/​webif/​index.html}}+<kbd>http://​192.168.0.20/​sd/​webif/​index.html</​kbd>​
  
-And there you go, you now have access to your new interface, bookmark it and you are done !+And there you go, you now have access to your new interface ​( make sure you empty your cache of course ), bookmark it and you are done !
  
-If you need any help, don't [mailto:​wolf.arthur@gmail.com hesitate to ask].+If you need any help, don'​t ​[[mailto:​wolf.arthur@gmail.com|hesitate to ask]].
  
 === All steps in a video === All steps in a video
  
-[[html]] +https://​www.youtube.com/​embed/​mvWzaHfcL1k 
-<iframe width="​100%"​ height="​640"​ src="https://​www.youtube.com/​embed/​mvWzaHfcL1k" frameborder="​0"​ allowfullscreen></​iframe>​ + 
-[[/html]]+=== 4. Bonus : skip copying files 
 + 
 +You can also skip copying files simply by accessing http://​smoothieware.github.io/​Webif-pack/​new-web-interface/​index.html and entering your machine'​s IP address, but this requires having internet access.