Difference between revisions of "Leif-cs488-tasks"

From Earlham CS Department
Jump to navigation Jump to search
(Created page with "===Server Pre-Processing=== – Reads HTTP Request – Identifies language – Sets up Pre-Processing App and sends to client ===Javascript Pre-Processing Package=== – Checks f...")
 
(PHP Post-Processing Package)
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
===Server Pre-Processing===
 
===Server Pre-Processing===
– Reads HTTP Request
+
* <strike>Read HTTP Request</strike>
Identifies language
+
* <strike>Identifies language</strike>
– Sets up Pre-Processing App and sends to client
+
** <strike>Adds language to JS app</strike>
 +
* <strike>Load JS app on client</strike>
 +
 
 
===Javascript Pre-Processing Package===
 
===Javascript Pre-Processing Package===
– Checks for a cookie
+
* <strike>Comes up with a network throughput estimation</strike>
– Identifies screen size
+
** <strike>Sends AJAX request and time</strike>
Comes up with a network throughput estimation
+
** <strike>Loop Script 10 Times</strike>
– Prompts the user for verification if there is no cookie
+
*** <strike>Having problems with order of execution.</strike>
 +
**** <strike>The AJAX requests appear to be happening at once messing up my timings</strike>
 +
**** <strike>Thinking instead of using a for loop to have a function fire on complete of the call</strike>
 +
** <strike>Take average</strike>
 +
* <strike>Reads screen size</strike>
 +
* <strike>Write data to cookie</strike>
 +
 
 
===PHP Post-Processing Package===
 
===PHP Post-Processing Package===
Reads information from the JS app
+
* <strike>Reads information from the cookie</strike>
– Using screen size, the request is categorized
+
** <strike>Stores information in variables</strike>
– Specific CSS matching that category is loaded
+
* <strike>Reads information from HTTP Request</strike>
– Using language, the content is translated
+
** <strike>Stores information in variables</strike>
– Image and video optimization is done that matches the category – Script and styles are run through a compressor
+
* <strike>Runs throughput average against conditions to determine speed</strike>
– HTTP requests are combined
+
* <strike>Runs screen size against conditions to determine device category</strike>
Adds override interface
+
 
Generates cookie
+
* Depending on this information
Sends content
+
** Optimizes scripts
 +
*** Bundles
 +
*** Compresses
 +
** Optimizes styles
 +
*** Chooses styles appropriate to device
 +
*** Bundles
 +
*** Compresses
 +
** Optimizes images
 +
*** Runs through a PHP image quality reducer depending on throughput condition
 +
** Chooses video quality
 +
*** Can't really optimize video in PHP
 +
*** There has to be pre done video qualities
 +
*** Chooses the appropriate quality based on the throughput condition
 +
* Translates
 +
** Sends language variable to Google Translate JS app
 +
* Adds override interface
 +
* Generates cookie
 +
* Sends content to client
 +
----
 +
Deferred

Latest revision as of 11:32, 10 December 2012

Server Pre-Processing

  • Read HTTP Request
  • Identifies language
    • Adds language to JS app
  • Load JS app on client

Javascript Pre-Processing Package

  • Comes up with a network throughput estimation
    • Sends AJAX request and time
    • Loop Script 10 Times
      • Having problems with order of execution.
        • The AJAX requests appear to be happening at once messing up my timings
        • Thinking instead of using a for loop to have a function fire on complete of the call
    • Take average
  • Reads screen size
  • Write data to cookie

PHP Post-Processing Package

  • Reads information from the cookie
    • Stores information in variables
  • Reads information from HTTP Request
    • Stores information in variables
  • Runs throughput average against conditions to determine speed
  • Runs screen size against conditions to determine device category
  • Depending on this information
    • Optimizes scripts
      • Bundles
      • Compresses
    • Optimizes styles
      • Chooses styles appropriate to device
      • Bundles
      • Compresses
    • Optimizes images
      • Runs through a PHP image quality reducer depending on throughput condition
    • Chooses video quality
      • Can't really optimize video in PHP
      • There has to be pre done video qualities
      • Chooses the appropriate quality based on the throughput condition
  • Translates
    • Sends language variable to Google Translate JS app
  • Adds override interface
  • Generates cookie
  • Sends content to client

Deferred