Customer Display with Advertisement

Version 4 V4 Tutorial
6

Part 1 - Customer Display Setup.

Install IIS Express from here http://www.microsoft.com/web/gallery/install.aspx?appid=IISExpress

Create a new directory c:\IIS

Download live.js and save to c:\IIS. Edit live.js and change interval = 1000 to interval = 50

I am using Google Chrome for this display, so download and install Chrome - DO NOT make Chrome the default browser.

Open Chrome and set http://localhost:9980 as the default page. Move Chrome to the second screen and maximize. Then close Chrome. Windows will now open Chrome on the second screen by default.

The screen I use is WVGA (800x480 resolution), but I am using it in Portrait so the screen is actually 480 wide by 800 high.

Place the following files into the c:\IIS directory

index.html

<html>
<frameset rows="*,200" frameborder=0>
  <frame src="main.html">
  <frame src="bottom.html">
</frameset> 
</html>

main.html

<html>
<body>
Test Screen
</body>
</html>

bottom.html

<html>
<script type="text/javascript">
var slideimages=new Array()
function slideshowimages()
{
     for (i=0;i<slideshowimages.arguments.length;i++){
         slideimages[i]=new Image()
         slideimages[i].src=slideshowimages.arguments[i]
    }
}
</script>

<body bgcolor="#DADAC8">
<center><img src="images/image1.jpg" name="slide" border=0 height=90%></center>
<script type="text/javascript">
slideshowimages("images/image1.jpg","images/image2.jpg","images/image3.jpg","images/image4.jpg","images/image5.jpg")
var slideshowspeed=3000
var whichimage=0
function slideit()
{
     if (!document.images)
           return
     document.images.slide.src=slideimages[whichimage].src
     if (whichimage<slideimages.length-1)
              whichimage++
     else
              whichimage=0
      setTimeout("slideit()",slideshowspeed)
}
 slideit()
</script>
</body>
</html>

Set slideshowspeed=3000 to what ever speed you want between images. 1000 = 1 second.
Create a directory in c:\IIS called images, and place your images in here. Name them image1.jpg, image2.jpg, etc. Image size is ideally 480x200.
To add or remove images to display, update slideshowimages("images/image1.jpg","images/image2.jpg","images/image3.jpg","images/image4.jpg","images/image5.jpg") line in the bottom.html file to list the images that you want to display…

Now create a file on your desktop called CustomerDisplay.bat with the following contents

@echo off
start /MAX "Chrome" chrome --new-window --start-fullscreen
"C:\Program Files (x86)\IIS Express\iisexpress.exe" /path:C:\IIS\ /port:9980

Run CustomerDisplay.bat. A window should open called IISExpress, and Chrome should also open displaying Test Screen and images should be displayed down the bottom of the screen and change every few seconds.

Part 2 - Configure SambaPOS.

I will complete this later.

If you want to have a go, follow @Emre’s setup above, changing the Printer Share Name from C:\Users\Emre\Desktop\asd\index.html to c:\IIS\main.html

5 Likes