Automatic HTML Code Generation from Mock-up Images Using Machine Learning Techniques

Asiroglu B., Mate B. R., YILDIZ E., Nalcakan Y., Sezen A., DAĞTEKİN M., ...More

International Scientific Meeting on Electrical-Electronics and Biomedical Engineering and Computer Science (EBBT), İstanbul, Turkey, 24 - 26 April 2019 identifier identifier

  • Publication Type: Conference Paper / Full Text
  • Doi Number: 10.1109/ebbt.2019.8741736
  • City: İstanbul
  • Country: Turkey
  • Istanbul Kültür University Affiliated: Yes

Abstract

The design cycle for a web site starts with creating mock-ups for individual web pages either by hand or using graphic design and specialized mock-up creation tools. The mock-up is then converted into structured HTML or similar markup code by software engineers. This process is usually repeated many more times until the desired template is created. In this study, our aim is to automate the code generation process from hand-drawn mock-ups. Hand drawn mock-ups are processed using computer vision techniques and subsequently some deep learning methods are used to implement the proposed system. Our system achieves 96% method accuracy and 73% validation accuracy.