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:44]
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.
 +
 +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 process in more detail is as such : 
 +
 +=== 1. Download the web interface
 +
 +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]]
 +
 +Then click on the Green «Clone or Download» button
 +
 +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]]
 +
 +
 +=== 2. Extract the web interface to your SD card.
 +
 +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 <​kbd>​gh-pages.zip</​kbd>​ file, open it in your file navigator.
 +
 +Next, select «Extract» to extract the files from the ZIP file.
 +
 +The file extraction tool will ask you Where to extract the files. ​
 +
 +Select the Smoothieboard'​s SD card, then extract the files.
 +
 +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).
 +
 +Now, your web interface is ready to use
 +
 +<callout type="​warning"​ icon="​true"​ title="​ Unzipping problems">​
 +
 +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.
 +</​callout>​
 +
 +=== 3. Use your web interface.
 +
 +Now, restart your Smoothieboard.
 +
 +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 :
 +
 +<​kbd>​http://​192.168.0.20/​sd/​webif/​index.html</​kbd>​
 +
 +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]].
 +
 +=== All steps in a video
 +
 +https://​www.youtube.com/​embed/​mvWzaHfcL1k
 +
 +=== 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.