change-log.html 7.6 KB
Newer Older
William Paul Liggett's avatar
William Paul Liggett committed
1 2 3
<!DOCTYPE html>
<html>
    <head>
4
        <meta charset="utf-8" />
William Paul Liggett's avatar
William Paul Liggett committed
5 6
        <title>OpenVigilance Task: Change Log</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
        <style>
William Paul Liggett's avatar
William Paul Liggett committed
8 9 10 11 12 13 14 15 16 17 18 19 20
            h1 {
                margin-bottom: 0.2rem;
            }
            
            
            h2 {
                margin-top: 0;
                font-size: 12pt;
            }
            
            
            .version_info {
                text-decoration: underline;
21
                margin-top: 2rem;
William Paul Liggett's avatar
William Paul Liggett committed
22 23 24 25
            }
            
            
            li {
26
                margin-bottom: 0.5rem;
William Paul Liggett's avatar
William Paul Liggett committed
27 28 29 30 31 32
            }
        </style>
    </head>
    <body>
        <h1>OpenVigilance Task: Change Log</h1>
        <h2>Programmer: William Paul Liggett (junktext@junktext.com)</h2>
33
        <p><em>Total labor time: <span id="total_labor_hours"></span> hours.</em></p>
34
        
35 36
        
        <p class="version_info"><strong>TO DO:</strong></p>
37 38 39 40 41
        <ol>
            <li>Subject Login Page: Allow a test participant to login if they have a test scheduled.</li>
            <li>Vigilance Tests: Record the activity of each subject during the test and save it as a CSV data file on the server.</li>
            <li>Admin Page: Add a section to show the stored CSV files so that they can be downloaded or deleted at will.</li>
        </ol>
42

43 44 45 46 47 48 49 50
        <p class="version_info">Version 1.5.2 (2018-02-27):</p>
        <p><em>Estimated labor time: <span id="hours_logged_for_update_9">3</span> hours.</em></p>
        <ul>
            <li>Admin Page: The capability to remove user tests now works.</li>
            <li>Improved the interface to be more seamless and less confusing when adding, editing, and removing tests.</li>
            <li>Fixed a database permission issue.</li>
        </ul>
        
51
        <p class="version_info">Version 1.5.1 (2018-02-26):</p>
52
        <p><em>Estimated labor time: <span id="hours_logged_for_update_8">2.5</span> hours.</em></p>
53
        <ul>
54
            <li>Admin Page: The capability to add user tests with an auto-generated login code works!</li>
55 56
            <li>Admin Page: Made the process to update a scheduled test to be less fragile by confirming the database was updated correctly.</li>
        </ul>
57 58
        
        <p class="version_info">Version 1.5.0 (2018-02-21 to 2018-02-25):</p>
59
        <p><em>Estimated labor time: <span id="hours_logged_for_update_7">8</span> hours.</em></p>
60 61 62 63 64 65 66
        <ul>
            <li>
                Admin Page: The capability to edit tests have been fully implemented! Utilizes advanced JavaScript, GUI controls,
                Ajax, and PHP to keep the front-and-backend aspects in sync.
            </li>
            <li>Implemented PHP user sessions to help improve the security and to incorporate more advanced web app functionality.</li>
        </ul>
67 68

        <p class="version_info">Version 1.4.1 (2018-02-20):</p>
69
        <p><em>Estimated labor time: <span id="hours_logged_for_update_6">1</span> hour.</em></p>
70 71 72 73
        <ul>
            <li>Placed form buttons on the scheduled tests control section. However, the buttons don't do much yet.</li>
            <li>Styled the buttons to be centered correctly and to react as intended (e.g., radio grouping).</li>
        </ul>
74 75
        
        <p class="version_info">Version 1.4.0 (2018-02-19):</p>
76
        <p><em>Estimated labor time: <span id="hours_logged_for_update_5">2.5</span> hours.</em></p>
77 78 79 80 81
        <ul>
            <li>Built a web database to store and manage the user tests.</li>
            <li>Put mock tests in the database and have confirmed it is accurate for both when there are tests scheduled and when they are not.</li>
            <li>Styled the table and the other layout elements so that everything is easy to understand.</li>
        </ul>
82 83
        
        <p class="version_info">Version 1.3.0 (2018-02-18):</p>
84
        <p><em>Estimated labor time: <span id="hours_logged_for_update_4">1.5</span> hours.</em></p>
85 86
        <ul>
            <li>Added an admin page. The login process works. The rest of the functionality will be incorporated later.</li>
87
            <li>Made the admin login form look a bit nicer.</li>
88
        </ul>
89 90
        
        <p class="version_info">Version 1.2.0 (2018-02-16):</p>
91
        <p><em>Estimated labor time: <span id="hours_logged_for_update_3">1.5</span> hours.</em></p>
92 93 94
        <ul>
            <li>The duration of the random letters have been set to only show on the screen for 50 ms.</li>
        </ul>
William Paul Liggett's avatar
William Paul Liggett committed
95
        
96
        <p class="version_info">Version 1.1.0 (2018-02-07 to 2018-02-09):</p>
97
        <p><em>Estimated labor time: <span id="hours_logged_for_update_2">6</span> hours.</em></p>
William Paul Liggett's avatar
William Paul Liggett committed
98 99
        <ul>
            <li>Randomization function added and the capability for a random letter to update automatically works at the rate of 57.5 events per minute.</li>
100 101
            <li>Older MATLAB code from Mr. Adamo: I installed Octave and Psychtoolbox-3 on my computer and ran the old MATLAB code, but it wasn't able to fully run correctly. Nonetheless I have explored some of the older code and determined the color value used for the random letters.</li>
            <li>Constrast Ratios: I found a web tool from the Utah State University to help in determining the contrast ratios for the random letters of the 59% (easy) and 45% (hard) gray values. Awaiting confirmation that these colors I found were accurate.</li>
William Paul Liggett's avatar
William Paul Liggett committed
102 103 104
        </ul>
        
        <p class="version_info">Version 1.0.0 (2018-01-31):</p>
105
        <p><em>Estimated labor time: <span id="hours_logged_for_update_1">8</span> hours.</em></p>
William Paul Liggett's avatar
William Paul Liggett committed
106 107 108 109 110 111 112
        <ul>
            <li>Initial codebase. Main HTML and CSS files were created, with a focus on display precision by using a real-world ruler (in millimeters)!</li>
            <li>Smaller Background Circles: Exact dimensions in millimeters to 1360x768 pixel resolution. This took a while as converting a pixel-based image to the correct millimeter equivalent was extremely tedious.</li>
            <li>CSS: The random letter is at the exact millimeter dimensions (8x6mm), and it is precisely in the middle of the image, and uses the same gray color from the older paper.</li>
            <li>CSS: Backwards D letter renders correctly.</li>
            <li>Font: TeX Gyre Adventor Bold is an open source font replacement for the costly and legally-restrictive ITC Avant Garde Gothic font. The ITC font was designed by Herb Lubalin and Tom Carnase in 1970. Here is the EULA for that ITC Avant Garde font (which is why we're not using this font): <br /><a href="https://www.fonts.com/info/legal/eula/monotype-imaging" target="_blank">https://www.fonts.com/info/legal/eula/monotype-imaging</a></li>
        </ul>
113 114 115 116 117 118 119 120 121 122 123 124 125 126
        <script src="js/jquery-3.3.1.min.js"></script>
        <script>
            var calculated_labor_time = parseFloat($("#hours_logged_for_update_1").html()) +
                                        parseFloat($("#hours_logged_for_update_2").html()) +
                                        parseFloat($("#hours_logged_for_update_3").html()) +
                                        parseFloat($("#hours_logged_for_update_4").html()) +
                                        parseFloat($("#hours_logged_for_update_5").html()) +
                                        parseFloat($("#hours_logged_for_update_6").html()) +
                                        parseFloat($("#hours_logged_for_update_7").html()) +
                                        parseFloat($("#hours_logged_for_update_8").html()) +
                                        parseFloat($("#hours_logged_for_update_9").html());
                           
            $("#total_labor_hours").html(calculated_labor_time);
        </script>
William Paul Liggett's avatar
William Paul Liggett committed
127 128
    </body>
</html>