Creating HTML layouts based on client input and processing
Systems and methods of the present invention provide for one or more server computers communicatively coupled to a network and configured to receive a web page, email campaign, and/or desktop publishing document from a client, which has captured a digital image of a hand drawn layout including shapes and/or symbols, and selected a matching shape or symbol defined in a database, which is used to create a content component for an web page, email campaign or desktop publishing template GUI, which a user accesses and edits. The web page or email campaign/desktop publishing document template is then stored within the database.
1. A system, comprising a server hardware computing device coupled to a network and comprising at least one processor executing computer-executable instructions within a memory, which, when executed, cause the system to:
receive, from a client hardware computing device coupled to the network, a template or a layout for a web page, an email campaign, or a desktop publishing document, wherein the client hardware computing device executes computer-executable instructions causing the system to:
capture a digital image including a hand-drawn representation of the template or the layout and comprising at least one received shape or symbol at a position within the hand-drawn representation;
identify, within the digital image:
an image or a text string; and
an aspect ratio according to a relative size or position of the at least one received shape or symbol within the hand-drawn representation;
select, from a plurality of data on the client hardware computing device:
a defined shape or symbol, within a dictionary defining a plurality of shapes or symbols, matching the at least one received shape or symbol;
an industry associated in the database with the image or the text string identified; and
a content component, for incorporation into the layout or the template, associated, within the plurality of data, with:
the defined shape or symbol;
the industry associated with the image or the text string; and
the aspect ratio and the relative size and position of the at least one received shape or symbol;
generate the layout or the template including the content component;
insert, into the layout or the template, a graphical user interface (GUI) including at least one GUI control configured to receive, from an operator of the client hardware computing device, at least one edit to the layout or the template;
receive, via the GUI, a user input data from the operator; and
transmit the layout or the template to the server hardware computing device; and
store the layout or the template on the server hardware computing device or within a database coupled to the network.
2. The system of claim 1 , wherein the digital image is captured using a digital camera, a scanner, or a screen capture.
3. The system of claim 1 , wherein, subsequent to a capture of the digital image, the computer-executable instructions on the client hardware computing device cause the system to:
determine whether the image is clear; and
responsive to a determination that the image is not clear, sharpen the image.
4. The system of claim 1 , wherein the received shape or symbol and the defined shape or symbol comprises a rectangle.
5. The system of claim 1 , wherein the hand-drawn representation comprises a plurality of shapes or symbols in a plurality of positions within the hand-drawn representation.
6. The system of claim 1 , wherein the received shape or symbol is identified according to a relative position within the hand-drawn representation.
7. The system of claim 1 , wherein the received shape or symbol represents a text content, a color, or a GUI control.
8. The system of claim 1 , wherein the user input data comprises a data indicating an approval, by the operator, of the layout or the template.
9. The system of claim 1 , wherein the user input data comprises a data received from a GUI control within the GUI and configured to insert, into the layout or the template, a text, a color, or a layout GUI control.
10. The method of claim 1 , wherein the user input data comprises a data indicating an approval, by the operator, of the layout or the template.
11. A method, comprising:
receiving, by a server hardware computing device coupled to a network and comprising at least one processor executing computer-executable instructions within a memory, from a client hardware computing device coupled to the network, a template or a layout for a web page, an email campaign, or a desktop publishing document, wherein the client hardware computing device executes computer-executable instructions causing the client to:
capture a digital image including a hand-drawn representation of the template or the layout and comprising at least one received shape or symbol at a position within the hand-drawn representation;
identify, within the digital image:
an image or a text string; and
an aspect ratio according to a relative size or position of the at least one received shape or symbol within the hand-drawn representation;
select, from a plurality of data on the client hardware computing device:
a defined shape or symbol, within a dictionary defining a plurality of shapes or symbols, matching the at least one received shape or symbol;
an industry associated in the database with the image or the text string identified; and
a content component, for incorporation into the layout or the template, associated, within the plurality of data, with:
the defined shape or symbol;
the industry associated with the image or the text string; and
the aspect ratio and the relative size and position of the at least one received shape or symbol;
generate the layout or the template including the content component;
insert, into the layout or the template, a graphical user interface (GUI) including at least one GUI control configured to receive, from an operator of the client hardware computing device, at least one edit to the layout or the template;
receive, via the GUI, a user input data from the operator; and
transmit the layout or the template to the server hardware computing device; and
storing, by the server hardware computing device, the layout or the template on the server hardware computing device or within a database coupled to the network.
12. The method of claim 11 , wherein the digital image is captured using a digital camera, a scanner, or a screen capture.
13. The method of claim 11 , further comprising the steps, subsequent to a capture of the digital image, of:
determining whether the image is clear; and
responsive to a determination that the image is not clear, sharpening the image.
14. The method of claim 11 , wherein the received shape or symbol and the defined shape or symbol comprises a rectangle.
15. The method of claim 11 , wherein the hand-drawn representation comprises a plurality of shapes or symbols in a plurality of positions within the hand-drawn representation.
16. The method of claim 11 , wherein the received shape or symbol is identified according to a relative position within the hand-drawn representation.
17. The method of claim 11 , wherein the received shape or symbol represents a text content, a color, or a GUI control.
18. The method of claim 11 , wherein the user input data comprises a data received from a GUI control within the GUI and configured to insert, into the layout or the template, a text, a color, or a layout GUI control.