Website Creator by Mock-Up Images Using Machine Learning.

M, Mrs. Geetha, R, Mr. Jayanth, K R, Mr. Tarun Kumar and Chilamatturu, Mr. Dileep Website Creator by Mock-Up Images Using Machine Learning. Journal of Scholastic Engineering Science and Management, 2023, vol. 2, n. 5, pp. 38-49. [Journal article (Paginated)]

[thumbnail of J_May_Article_5.pdf]
Preview
Text
J_May_Article_5.pdf

Download (4MB) | Preview

English abstract

The first step of designing a website is to build the mock-up images for the particular web pages by operating with the hands or using mock-up developer tools. It is efficiently used for the developer to transfer web pages mock-up to the coding. It is generating the proposed system to create the wireframe to the layout interfaces. There are two techniques mostly used: first is computer vision and second is deep systematic analysis. The automatic code generation is time reducing and cost effective. The goal of this research is to automate the process of creating code from hand-drawn mock-ups. Computer vision techniques are utilised to process hand-drawn mock-ups, and then deep learning approaches are employed to construct the suggested system.

Item type: Journal article (Paginated)
Keywords: Website, Machine Learning, Mock-Up Images
Subjects: L. Information technology and library technology > LJ. Software.
L. Information technology and library technology > LK. Software methodologies and engineering.
Depositing user: Mrs. Akshitha S
Date deposited: 17 May 2023 06:11
Last modified: 17 May 2023 06:11
URI: http://hdl.handle.net/10760/44316

References

B. Aşiroğluetal.,"A Deep Learning Based Object Detection System for User Interface Code Generation,"2022 International Congress on Human-Computer Interaction, Optimization and Robotic Applications (HORA), 2022, pp.1-5, doi:10.1109/HORA55278.2022.9799941.

B. Aşıroğluetal.,"Automatic HTML Code Generation from Mock-Up Images Using Machine Learning Techniques,"2019ScienticMeetingonElectrical-Electronics&BiomedicalEngineeringandComputer Science (EBBT),2019, pp.1-4, doi:10.1109/EBBT.2019.8741736.

D.Yashaswini, Sneha and N.Kumar, "HTML Code Generation from Website Images and Sketches using Deep Learning-Based Encoder-Decoder Model,"2022 IEEE 4th International Conference on Cybernetics, Cognition and Machine Learning Applications (ICCCMLA),2022,pp.133-138, doi: 10.1109/ICCCMLA56841.2022.9989298.

G.Sebastián, R.Tesoriero and J.A.Gallud,"Automatic Code Generation for Language-Learning Applications,"in IEEEL at in AmericaTransactions,vol.18,no.08, pp.1433-1440, August2020, doi: 10.1109/TLA.2020.9111679.

Moran,K.P.,Bernal-Cardenas, C.,Curcio, M.,Bonett,R.,&Poshyvanyk,D.(2018). Machine Learning-Based Prototyping of Graphical User Interfaces for MobileApps. IEEE Transactionson Software Engineering, 1–1. doi:10.1109/tse.2018.2844788

S. Natarajan and C. Csallner,"P2A: A Tool for Converting Pixels to Animated Mobile Application User Interfaces,"2018IEEE/ACM5thInternational Conference on Mobile Software Engineering and Systems (MOBILESoft),2018, pp.224-235.

S.Agrawal, S.Suryawanshi, V.Arsude, N.Maidand M.Kawarkhe, "Factors Involved in Artificial Intelligence-based Automated HTML Code Generation Tool, "2020International Conference on Smart Innovations in Design, Environment, Management, Planning and Computing (ICSIDEMPC), 2020, pp. 238-241, doi:10.1109/ICSIDEMPC49020.2020.9299609

S.Sonje, H.Dave, J.Pardeshi and S.Chaudhari,"draw2code:AI based Auto Web Page Generation from Hand-drawn Page Mock-up,"2022IEEE 7th International conference for Convergence in Technology(I2CT), 2022, pp.1-7,doi:10.1109/I2CT54291.2022.9824521.

T.A.Nguyen and C.Csallner, "Reverse Engineering Mobile Application User Interfaces with REMAUI(T)," 2015 30th IEEE/ACM International Conference on Automated Software Engineering (ASE),2015,pp.248-259, doi:10.1109/ASE.2015.32.

T.Beltramelli,“pix2code:Generatingcodefromagraphicaluserinterfacescreenshot,”CoRR,vol. abs/1705.07962,2017.[Online].Available:http://arxiv.org/abs/1705.07962


Downloads

Downloads per month over past year

Actions (login required)

View Item View Item