51. Artificial intelligence based sketch to webpage conversion system.
- Author
-
Naseer, Joodh Ahmed and Thorig, Ibrahim
- Subjects
- *
ARTIFICIAL intelligence , *WEB development , *GRAPHICS processing units , *WEB-based user interfaces , *INDIVIDUALITY , *CASCADING style sheets - Abstract
The web development process can be a tedious task, depending on the scale of the project, particularly when it comes to designing and developing the frontend of a website. However, these tools, like WordPress or Squarespace, may not be suitable for all scenarios, despite their ability to simplify the process. Moreover, most solutions depend on pre-established templates, which may restrict a user's ability to showcase their originality and individuality. As a result, the development of a website, particularly a web application might become laborious or unattainable. The objective of the study is to streamline the frontend procedure of web development using artificial intelligence by transforming basic sketches of a webpage into a fully functional webpage composed of HTML and CSS. The YOLOv5 model was used for developing the proposed solution. Approximately 70% of the dataset was used for training, while the remaining 30% was used for validation. The proposed approach consists of four primary components: a pre-processor, an element generator, element detection, and the generation of HTML elements. The proposed solution is evaluated based on the accuracy of element placement, the correctness of text elements, and the computing speed. The proposed solution performs exceptionally well on simple, single-column webpages. The accuracy of placement is above 80%. Nevertheless, it lacks the necessary capabilities to handle complex webpages. The computational speeds demonstrate satisfactory performance. There is a difference of 0.283 milliseconds between the fastest and slowest generation. Further testing with a Graphics Processing Unit (GPU) is necessary to assess the performance of the detection approach in combination with the hardware. Furthermore, improving the accuracy of both the process of producing elements and the procedures for detecting them will result in a greater level of precision in the final result. [ABSTRACT FROM AUTHOR]
- Published
- 2024
- Full Text
- View/download PDF