Python / Webpage User Interface

Python / Webpage Interface Application

Synopsis: Application will run on a small Linux system (Odriod xu4) providing a web page user interface to an existing PIC 16F controlled machine. Application will accept text data input from user, and create an oscilloscope – type graphic with values received via serial data-stream from the external micro controller (see graphic below).

Input to application: Input from the user via text and combo boxes. The user keys in desired numeric data (with minimum / maximum values enforced by the application) and uses a combo box to select variables. User initiates Automatic-Mode by clicking a button. During Automatic-Mode application monitors serial port for incoming data and plots it in the oscilloscope-type graphic: data from the serial port represents Y axis graph values, x axis values are increments of 100ms. A Visual Basic 2010 emulator of the serial data stream will be provided. Serial data received while in Automatic-Mode is not handshaked: it’s a stream of numeric data (0.0 through 84.99) with special characters to assist in parsing the data.

Output from application: Output over serial port of variables from the text and combo boxes, then enter “listening mode” to receive Y axis data over the serial port for the oscilloscope – type graph.

Oscilloscope-type graphic: Line-chart graphic updates every 100ms, plotting x/y coordinate pairs (x axis is generated by application, y axis is parsed from incoming data stream). Coordinate pairs are loading into an array with shift function: once array is full, new data will be displayed on the right side of the graphic, as older data is shifted to the left. Graph width is 5 seconds.

Browser Support: Firefox

Sample Data Stream in “Listening Mode” (parsing characters [$=start, %=end] can be modified):

%$696%$684%$699%$701%$703%$703%$705%$706%$703%$701%$702%$700%$699%$697%$695%$697%$691%$689%$686%$685%$682%$679%$678%$673%$672%$667%$666%$661%$658%$656%$650%$649%$643%$640%$635%$628%$628%$628%$620

Python

Project ID: #9623764

About the project