Skip to main content

Dynamic Web with Automatic Code Generation Using Deep Learning

  • Conference paper
  • First Online:
International Conference on Innovative Computing and Communications

Part of the book series: Advances in Intelligent Systems and Computing ((AISC,volume 1087))

Abstract

The typical task assigned to a developer for any design created by a designer is very crucial when it comes to building any software. The process involves tedious and repetitive steps of adapting to rapidly changing client requirements and thus, accommodating those changes in the prototype. This poses a barrier to the software development process. As a solution to this problem, we introduce a model that can be used to automate the process of generating front-end code from hand-drawn wireframes by leveraging deep learning techniques. The image features of the GUI mock-up which is fed to the model as input are extracted to generate markup tags as tokens and rendered in the form of reusable components achieving an overall BLEU score of 0.92.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 169.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 219.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

References

  1. O.S. Ramón, J.G. Molina, J.S. Cuadrado, J. Vanderdonckt, GUI Generation from Wireframes

    Google Scholar 

  2. T. Beltramelli, Pix2code: generating code from a graphical user interface screenshot. Preprint arXiv:1705.07962 (2017), p. 9

  3. M. Balog, DeepCoder: learning to write programs, in International Conference on Learning Representations (2017)

    Google Scholar 

  4. A.L. Gaun, M. Brockschmidt, R. Singh, N. Kushman, P. Kohli, J. Taylor, D. Tarlow, TerpreT: A Probabilistic Programming Language for Program Induction, in arXiv (2016)

    Google Scholar 

  5. Airbnb. [Online]. Available https://airbnb.design/sketching-interfaces (2018)

  6. “Sacha, the A.I. web designer,” Firedrop.ai. [Online]. Available https://sacha.ai/

  7. “Wix ADI,” Wix, [Online]. Available https://support.wix.com/en/article/creating-an-adi-site

  8. K. Simonyan, A. Zisserman, Very deep convolutional networks for large-scale image recognition, in ICLR (2015)

    Google Scholar 

  9. S. Hochreiter, J. Schmidhuber, Long short-term memory, Neural Computation (1997), p. 32

    Google Scholar 

  10. F.A. Gers, J. Schmidhuber, F. Cummins, Learning to forget: continual prediction with LSTM, in Proceedings of ICANN’99 International Conference on Artificial Neural Networks (London, 1999)

    Google Scholar 

  11. A. Graves, Generating sequences with recurrent neural networks. Preprint arxiv:1308.0850 (2013)

  12. A.M. Schafer, S. Udluft, H.G. Zimmermann, Learning long term dependencies with recurrent neural networks, in International Conference on Artificial Neural Networks (2006)

    Google Scholar 

  13. T. Tieleman, G. Hinton, Lecture 6.5-rmsprop: divide the gradient by a running average of its recent magnitude, in COURSERA: Neural Networks for Machine Learning (2012)

    Google Scholar 

  14. W. Zaremba, I. Sutskever, O. Vinyals, Recurrent Neural Network Regularization (2014)

    Google Scholar 

  15. A. Karpathy, L. Fei-Fei, Deep visual-semantic alignments for generating image descriptions (2015)

    Google Scholar 

  16. K. Potdar, T.S. Pardawala, C.D. Pai, A comparative study of categorical variable encoding techniques for neural network classifiers. Int. J. Comput. Appl. 175(4), 7–9 (2017)

    Article  Google Scholar 

  17. I.J. Goodfellow, J. Pouget-Abadie, M. Mirza, B. Xu, D. Warde- Farley, S. Ozair, A. Courville and Y. Bengio, “Generative adversarial nets,” in International Conference on Neural Information Processing Systems, 2014

    Google Scholar 

  18. K. Papineni, S. Roukos, T. Ward, W.J. Zhu, BLEU: a method for automatic evaluation of machine translation, in Proceedings of the 40th Annual Meeting of the Association for Computational Linguistics (ACL) (2002)

    Google Scholar 

  19. C.C. Tuan Anh Nguyen, Reverse Engineering Mobile Application

    Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Nakul Malhotra .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2020 Springer Nature Singapore Pte Ltd.

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Sharma, P., Chaudhary, V., Malhotra, N., Gupta, N., Mittal, M. (2020). Dynamic Web with Automatic Code Generation Using Deep Learning. In: Khanna, A., Gupta, D., Bhattacharyya, S., Snasel, V., Platos, J., Hassanien, A. (eds) International Conference on Innovative Computing and Communications. Advances in Intelligent Systems and Computing, vol 1087. Springer, Singapore. https://doi.org/10.1007/978-981-15-1286-5_61

Download citation

Publish with us

Policies and ethics