Systems and methods for validating loading of content on user interface

Abstract

Disclosed herein are systems and methods for validating loading of complete electronic form on a user interface of an electronic device. When the electronic form is displayed on the user interface, a server obtains current pixel data from the electronic device. The server then compares the current pixel data with prior pixel data determined from a pixel map. The pixel map is associated with the electronic form and the electronic device. When the current pixel data does not match with the prior pixel data, the server concludes that the electronic form is not fully displayed on the user interface. The server then executes a protocol for display of complete electronic form on the user interface.

What is claimed is: 
     
       1. A method comprising:
 receiving, by a server from an application executing on an electronic client device having a display area, an indication of execution, by a webserver communicatively coupled to the server, of a first protocol configured to display a plurality of media elements on a webpage comprising an electronic form displayed on the electronic client device, wherein at least some of the media elements represent a section of the electronic form or fields of the electronic form; 
 retrieving, by the server from a database based on a size of the display area of the electronic client device, a pixel map unique to the plurality of media elements and the display area, the pixel map indicating a pixel status of each pixel within a set of pixels of the display area when the display area displays the plurality of media elements, wherein the pixel map is unique to a dimensional attribute of the display area; 
 upon receiving the indication of execution of the first protocol, generating, by the server, an instruction to transmit pixel statuses of pixels at a plurality of pixel locations within the display area, and transmitting the instruction to the electronic client device; 
 upon transmitting the instruction to the electronic client device, receiving, by the server, the pixel statuses of the pixels at the plurality of pixel locations; 
 comparing, by the server, a color attribute of the received pixel statuses of the pixels at the plurality of pixel locations of the electronic client device and a color attribute of the pixel statuses of corresponding pixels within the pixel map from the database; and 
 upon determining that the color attribute of one or more of the received pixel statuses does not match the color attribute of the pixel status of a corresponding pixel within the pixel map, determining, by the server, a portion of the electronic form that is not fully displayed by the electronic client device, including determining, by the server, which of the media elements are not fully displayed on the electronic client device, and instructing the application to cause the electronic client device to request the webserver to re-execute the first protocol to display the plurality of media elements on a webpage displayed on the electronic client device. 
 
     
     
       2. The method of  claim 1 , further comprising displaying, by the server, a status bar while the application is instructed to re-execute the first protocol. 
     
     
       3. The method of  claim 2 , wherein the status bar corresponds to a time value associated with re-execution of the first protocol. 
     
     
       4. The method of  claim 1 , upon determining that one or more of the pixel statuses does not match the color attribute of the pixel status of a corresponding pixel within the pixel map, further comprising determining, by the server, a list of the media elements that are not fully displayed on the electronic client device. 
     
     
       5. The method of  claim 1 , further comprising identifying, by the server, the display area of the electronic client device. 
     
     
       6. The method of  claim 1 , further comprising identifying, by the server, the application to terminate execution of the first protocol. 
     
     
       7. The method of  claim 1 , further comprising instructing, by the server, the application to refresh the webpage. 
     
     
       8. The method of  claim 1 , wherein the plurality of media elements represent a plurality of inputs fields configured to receive data from the electronic client device. 
     
     
       9. The method of  claim 8 , further comprising storing, by the server, data corresponding to at least one input field of the plurality of inputs fields received from the electronic client device. 
     
     
       10. The method of  claim 9 , further comprising pre-populating, by the server, at least one input field based on the data stored upon re-execution of the first protocol. 
     
     
       11. A system comprising:
 a database; 
 an electronic client device; and 
 a server configured to:
 receive from an application executing on the electronic device having a display area, an indication of execution, by a webserver communicatively coupled to the server, of a first protocol configured to display a plurality of media elements on a webpage comprising an electronic form displayed on the electronic device, wherein at least some of the media elements represent a section of the electronic form or fields of the electronic form; 
 retrieve from the database, based on a size of the display area of the electronic client device, a pixel map unique to the plurality of media elements and the display area, the pixel map indicating a pixel status of each pixel within a set of pixels of the display area when the display area displays the plurality of media elements wherein the pixel map is unique to a dimensional attribute of the display area; 
 upon receiving the indication of execution of the first protocol, generate an instruction to transmit pixel statuses of pixels at a plurality of pixel locations within the display area, and transmit the instruction to the electronic client device; 
 upon transmitting the instruction to the electronic client device, receive the pixel statuses of the pixels at the plurality of pixel locations; 
 compare a color attribute of the received pixel statuses of the pixels at the plurality of pixel locations of the electronic client device and a color attribute of the pixel statuses of corresponding pixels within the pixel map from the database; and 
 upon determining that the color attribute of one or more of the received pixel statuses does not match the color attribute of the pixel status of a corresponding pixel within the pixel map, determine a portion of the electronic form that is not fully displayed by the electronic client device, including which of the media elements are not fully displayed on the electronic client device, and instruct the application to cause the electronic client device to request the webserver to re-execute the first protocol to display the plurality of media elements on a webpage displayed on the electronic client device. 
 
 
     
     
       12. The system of  claim 11 , the server is further configured to display a status bar while the application is instructed to re-execute the first protocol. 
     
     
       13. The system of  claim 12 , wherein the status bar corresponds to a time value associated with re-execution of the first protocol. 
     
     
       14. The system of  claim 11 , wherein the server is further configured upon determining that one or more of the pixel statuses does not match the color attribute of the pixel status of a corresponding pixel within the pixel map, to determine a list of the media elements that are not fully displayed on the electronic client device. 
     
     
       15. The system of  claim 11 , wherein the server is further configured to identify the display area of the electronic client device. 
     
     
       16. The system of  claim 11 , wherein the server is further configured to identify the application to terminate execution of the first protocol. 
     
     
       17. The system of  claim 11 , wherein the server is further configured to instruct the application to refresh the webpage. 
     
     
       18. The system of  claim 11 , wherein the plurality of media elements represent a plurality of inputs fields configured to receive data from the electronic client device. 
     
     
       19. The system of  claim 18 , wherein the server is further configured to store data corresponding to at least one input field of the plurality of inputs fields received from the electronic client device. 
     
     
       20. The system of  claim 19 , wherein the server is further configured to pre-populate at least one input field based on the data stored upon re-execution of the first protocol.