Experience sharing in industrial touch screen system development

Recently engaged in the development of industrial touch screen computer system, the system installed is a streamlined WinXP system. Given that the system is streamlined, there are some features that might not be available if you use WinForm technology directly, not to mention WPF. and the traditional C/s development deployment, modification is a problem, so in the B/s development can be competent, the preferential consideration of B/s structure.

The system technology is relatively simple and is developed using conventional techniques.

Here's a list of the techniques used:

1. JavaScript (jQuery)

This is needless to say, JavaScript programming is a browser-oriented client-side programming technology, browser and user interaction is implemented through JavaScript. And the part of database operation, all use jquery Ajax technology, implement no flush operation.

2. JQuery Easy UI

The DataGrid component of the jquery Easy UI is used to display the list. Later, the system upgrade will consider using bootstrap to implement.

3, MSChart

Due to the more familiar with Microsoft server-side programming technology, the statistical Chart section I prefer to use Microsoft's MSChart components. In fact, we can consider the use of more rich client statistics plug-ins, such as Echarts (Baidu), ExtJS and so on.

4. GDI +

As the system needs to see the relationship between virtual goods and physical objects through intuitive graphs, this effect can be achieved through GDI + drawing technology (which is one of the biggest features of our system).

5. Other jquery plugins

Some other tips:

1, browser full screen and no Trace mode

I'm using the Chrome browser, which uses the WebKit kernel and runs faster.

Then, in the target of the Chrome browser shortcut, add the following settings:

--incognito-kiosk http://www.baidu.com

Drag this shortcut into the system startup item to enable automatic full screen display.

2. Barcode Login System

Because it is a touchscreen, there is no keyboard input, so we log in using a barcode to log in to the system.

$(function () {       $("#<% =loginid.clientid%>"). Bind ("Input propertychange change",function () {            varValue = $ ( This). Val (); if(Value.length = = 10) {$.post ("Service/loginhandler.ashx", {loginid:value},function(data, status) {if(data = "Success")) {$.cookie ("UserID", value); Window.location.href= "Main.aspx?userid=" +value; } Else {                         $("#<%=loginid.clientid%>"). Focus (). val ("");            }                });  }       });  }); 

The cursor defaults to the loginID text box, once the barcode reader is used to scan the barcode, the recognized barcode content can be output to the loginID text box, automatically triggering the PropertyChange event for automatic login.

In addition, you can use the following method to determine whether the cursor is always in the loginID text box.

var id = $ ("#<%=loginid.clientid%>");   if (id ! = document.activeElement.id) {      $ (ID). focus ()  ;  }

Can be set to be detected every 2 seconds:

SetInterval ("Fresh ()", 2000); // The fresh function is encapsulated  as above code

Experience sharing in industrial touch screen system development