1 | <html> |
---|
2 | <head> |
---|
3 | <title>The visualisation project web frontend - generating paper tape images</title> |
---|
4 | </head> |
---|
5 | <body> |
---|
6 | |
---|
7 | <h2>The Paper Tape Project -- The Visualisation Web frontend project</h2> |
---|
8 | |
---|
9 | <p> |
---|
10 | This is a web frontend to the visualisation subproject. It uses |
---|
11 | PHP and Ajax and is capable to render files up to several |
---|
12 | Megabytes (afterwards the generated graphic files get very, very |
---|
13 | huge). Like all the visualisation programs, it is highly |
---|
14 | configurable (every detail you can change at the LOCHSTREIFEN |
---|
15 | object can be changed in the HTML form). Thus the |
---|
16 | HTML form is quite complex, but very friendly to DAUs |
---|
17 | (a german expression for "PEBKAC") due to the ability to fold |
---|
18 | the huge form. It should be running stable but hasn't |
---|
19 | really been tested so far. Thanks to caching every generated image |
---|
20 | it should even stand very much rendering requests. |
---|
21 | |
---|
22 | <h3>Features</h3> |
---|
23 | <ul> |
---|
24 | <li>Generates <b>PNG</b> and <b>SVG</b> pictures</li> |
---|
25 | <li>Takes data by |
---|
26 | <ul> |
---|
27 | <li>HTTP file upload up to 500kb</li> |
---|
28 | <li>direct textarea input in various codes like hex array, |
---|
29 | binary, decimal, octal, IBM hex, etc.</li> |
---|
30 | <li>label generator (interface to the font subproject)</li> |
---|
31 | </ul> |
---|
32 | <li><b>Size</b> of picture can be estimated by constant width, |
---|
33 | constand height or diameter of the holes</li> |
---|
34 | <li><b>Alignment</b> and mirroring of paper tape can be selected |
---|
35 | graphically</li> |
---|
36 | <li>All paper tape components can be dis/enabled for drawing</li> |
---|
37 | <li><b>Nullbytes</b> (with value 0x00) can be attached to the front or |
---|
38 | end of the file</li> |
---|
39 | <li>System will <b>Generate HTML reports</b> with all parameters |
---|
40 | and raw data in a nice layout</li> |
---|
41 | <li>Server side <b>buffering</b> of output data</li> |
---|
42 | </ul> |
---|
43 | |
---|
44 | <h3>Sourcecode</h3> |
---|
45 | <p>Work is shared between two files:</p> |
---|
46 | <ul> |
---|
47 | <li><a href="index.html">index.html</a> displays the big form with CSS |
---|
48 | design and JavaScript interaction</li> |
---|
49 | <li><a href="generator.php">generator.php</a> calls the cli visualisation |
---|
50 | backend (translates HTTP GET variables to command line arguments in a |
---|
51 | secure way) and stores the results in a temporary directory together |
---|
52 | with a report HTML file where the parameters for the generated picture |
---|
53 | are saved.</li> |
---|
54 | </ul> |
---|
55 | |
---|
56 | <p>Sven Köppel, 19.07.2008 19:30 |
---|