{"id":"https://openalex.org/W4311414690","doi":"https://doi.org/10.1109/ict4da56482.2022.9971204","title":"Automatic Code Generation From Low Fidelity Graphical User Interface Sketches Using Deep Learning","display_name":"Automatic Code Generation From Low Fidelity Graphical User Interface Sketches Using Deep Learning","publication_year":2022,"publication_date":"2022-11-28","ids":{"openalex":"https://openalex.org/W4311414690","doi":"https://doi.org/10.1109/ict4da56482.2022.9971204"},"language":"en","primary_location":{"id":"doi:10.1109/ict4da56482.2022.9971204","is_oa":false,"landing_page_url":"https://doi.org/10.1109/ict4da56482.2022.9971204","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"2022 International Conference on Information and Communication Technology for Development for Africa (ICT4DA)","raw_type":"proceedings-article"},"type":"article","indexed_in":["crossref"],"open_access":{"is_oa":false,"oa_status":"closed","oa_url":null,"any_repository_has_fulltext":false},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5057607945","display_name":"Biniam Behailu Adefris","orcid":null},"institutions":[{"id":"https://openalex.org/I57092466","display_name":"Bahir Dar University","ror":"https://ror.org/01670bg46","country_code":"ET","type":"education","lineage":["https://openalex.org/I57092466"]}],"countries":["ET"],"is_corresponding":false,"raw_author_name":"Biniam Behailu Adefris","raw_affiliation_strings":["Bahir Dar Institute of Technology Bahir Dar University,ICT4D research Center,Bahir Dar,Ethiopia","ICT4D research Center, Bahir Dar Institute of Technology Bahir Dar University, Bahir Dar, Ethiopia"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Bahir Dar Institute of Technology Bahir Dar University,ICT4D research Center,Bahir Dar,Ethiopia","institution_ids":["https://openalex.org/I57092466"]},{"raw_affiliation_string":"ICT4D research Center, Bahir Dar Institute of Technology Bahir Dar University, Bahir Dar, Ethiopia","institution_ids":["https://openalex.org/I57092466"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5008164879","display_name":"Ayalew Belay Habtie","orcid":null},"institutions":[{"id":"https://openalex.org/I4537092","display_name":"Addis Ababa University","ror":"https://ror.org/038b8e254","country_code":"ET","type":"education","lineage":["https://openalex.org/I4537092"]}],"countries":["ET"],"is_corresponding":false,"raw_author_name":"Ayalew Belay Habtie","raw_affiliation_strings":["Addis Ababa University,Department of Computer Science,Addis Ababa,Ethiopia","Department of Computer Science, Addis Ababa University, Addis Ababa, Ethiopia"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Addis Ababa University,Department of Computer Science,Addis Ababa,Ethiopia","institution_ids":["https://openalex.org/I4537092"]},{"raw_affiliation_string":"Department of Computer Science, Addis Ababa University, Addis Ababa, Ethiopia","institution_ids":["https://openalex.org/I4537092"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5058255609","display_name":"Yesuneh Getachew Taye","orcid":"https://orcid.org/0000-0003-0517-5822"},"institutions":[{"id":"https://openalex.org/I57092466","display_name":"Bahir Dar University","ror":"https://ror.org/01670bg46","country_code":"ET","type":"education","lineage":["https://openalex.org/I57092466"]}],"countries":["ET"],"is_corresponding":false,"raw_author_name":"Yesuneh Getachew Taye","raw_affiliation_strings":["Bahir Dar Institute of Technology Bahir Dar University,ICT4D research Center,Bahir Dar,Ethiopia","ICT4D research Center, Bahir Dar Institute of Technology Bahir Dar University, Bahir Dar, Ethiopia"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Bahir Dar Institute of Technology Bahir Dar University,ICT4D research Center,Bahir Dar,Ethiopia","institution_ids":["https://openalex.org/I57092466"]},{"raw_affiliation_string":"ICT4D research Center, Bahir Dar Institute of Technology Bahir Dar University, Bahir Dar, Ethiopia","institution_ids":["https://openalex.org/I57092466"]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":3,"corresponding_author_ids":[],"corresponding_institution_ids":[],"apc_list":null,"apc_paid":null,"fwci":0.6775,"has_fulltext":false,"cited_by_count":6,"citation_normalized_percentile":{"value":0.750863,"is_in_top_1_percent":false,"is_in_top_10_percent":false},"cited_by_percentile_year":{"min":90,"max":98},"biblio":{"volume":null,"issue":null,"first_page":"1","last_page":"6"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T12111","display_name":"Industrial Vision Systems and Defect Detection","score":0.9958000183105469,"subfield":{"id":"https://openalex.org/subfields/2209","display_name":"Industrial and Manufacturing Engineering"},"field":{"id":"https://openalex.org/fields/22","display_name":"Engineering"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},"topics":[{"id":"https://openalex.org/T12111","display_name":"Industrial Vision Systems and Defect Detection","score":0.9958000183105469,"subfield":{"id":"https://openalex.org/subfields/2209","display_name":"Industrial and Manufacturing Engineering"},"field":{"id":"https://openalex.org/fields/22","display_name":"Engineering"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T12859","display_name":"Cell Image Analysis Techniques","score":0.9857000112533569,"subfield":{"id":"https://openalex.org/subfields/1304","display_name":"Biophysics"},"field":{"id":"https://openalex.org/fields/13","display_name":"Biochemistry, Genetics and Molecular Biology"},"domain":{"id":"https://openalex.org/domains/1","display_name":"Life Sciences"}},{"id":"https://openalex.org/T10627","display_name":"Advanced Image and Video Retrieval Techniques","score":0.9850000143051147,"subfield":{"id":"https://openalex.org/subfields/1707","display_name":"Computer Vision and Pattern Recognition"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}}],"keywords":[{"id":"https://openalex.org/keywords/computer-science","display_name":"Computer science","score":0.7983822822570801},{"id":"https://openalex.org/keywords/component","display_name":"Component (thermodynamics)","score":0.7080978751182556},{"id":"https://openalex.org/keywords/code-generation","display_name":"Code generation","score":0.6749365329742432},{"id":"https://openalex.org/keywords/code","display_name":"Code (set theory)","score":0.6350294947624207},{"id":"https://openalex.org/keywords/generator","display_name":"Generator (circuit theory)","score":0.6249761581420898},{"id":"https://openalex.org/keywords/process","display_name":"Process (computing)","score":0.5744404792785645},{"id":"https://openalex.org/keywords/fidelity","display_name":"Fidelity","score":0.5466039180755615},{"id":"https://openalex.org/keywords/source-code","display_name":"Source code","score":0.5126308798789978},{"id":"https://openalex.org/keywords/interface","display_name":"Interface (matter)","score":0.5083853602409363},{"id":"https://openalex.org/keywords/software","display_name":"Software","score":0.4772469997406006},{"id":"https://openalex.org/keywords/human\u2013computer-interaction","display_name":"Human\u2013computer interaction","score":0.45809751749038696},{"id":"https://openalex.org/keywords/graphical-user-interface","display_name":"Graphical user interface","score":0.44959133863449097},{"id":"https://openalex.org/keywords/user-interface","display_name":"User interface","score":0.4254518449306488},{"id":"https://openalex.org/keywords/artificial-intelligence","display_name":"Artificial intelligence","score":0.38060787320137024},{"id":"https://openalex.org/keywords/programming-language","display_name":"Programming language","score":0.2632644772529602},{"id":"https://openalex.org/keywords/set","display_name":"Set (abstract data type)","score":0.19868534803390503}],"concepts":[{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.7983822822570801},{"id":"https://openalex.org/C168167062","wikidata":"https://www.wikidata.org/wiki/Q1117970","display_name":"Component (thermodynamics)","level":2,"score":0.7080978751182556},{"id":"https://openalex.org/C133162039","wikidata":"https://www.wikidata.org/wiki/Q1061077","display_name":"Code generation","level":3,"score":0.6749365329742432},{"id":"https://openalex.org/C2776760102","wikidata":"https://www.wikidata.org/wiki/Q5139990","display_name":"Code (set theory)","level":3,"score":0.6350294947624207},{"id":"https://openalex.org/C2780992000","wikidata":"https://www.wikidata.org/wiki/Q17016113","display_name":"Generator (circuit theory)","level":3,"score":0.6249761581420898},{"id":"https://openalex.org/C98045186","wikidata":"https://www.wikidata.org/wiki/Q205663","display_name":"Process (computing)","level":2,"score":0.5744404792785645},{"id":"https://openalex.org/C2776459999","wikidata":"https://www.wikidata.org/wiki/Q2119376","display_name":"Fidelity","level":2,"score":0.5466039180755615},{"id":"https://openalex.org/C43126263","wikidata":"https://www.wikidata.org/wiki/Q128751","display_name":"Source code","level":2,"score":0.5126308798789978},{"id":"https://openalex.org/C113843644","wikidata":"https://www.wikidata.org/wiki/Q901882","display_name":"Interface (matter)","level":4,"score":0.5083853602409363},{"id":"https://openalex.org/C2777904410","wikidata":"https://www.wikidata.org/wiki/Q7397","display_name":"Software","level":2,"score":0.4772469997406006},{"id":"https://openalex.org/C107457646","wikidata":"https://www.wikidata.org/wiki/Q207434","display_name":"Human\u2013computer interaction","level":1,"score":0.45809751749038696},{"id":"https://openalex.org/C37789001","wikidata":"https://www.wikidata.org/wiki/Q782543","display_name":"Graphical user interface","level":2,"score":0.44959133863449097},{"id":"https://openalex.org/C89505385","wikidata":"https://www.wikidata.org/wiki/Q47146","display_name":"User interface","level":2,"score":0.4254518449306488},{"id":"https://openalex.org/C154945302","wikidata":"https://www.wikidata.org/wiki/Q11660","display_name":"Artificial intelligence","level":1,"score":0.38060787320137024},{"id":"https://openalex.org/C199360897","wikidata":"https://www.wikidata.org/wiki/Q9143","display_name":"Programming language","level":1,"score":0.2632644772529602},{"id":"https://openalex.org/C177264268","wikidata":"https://www.wikidata.org/wiki/Q1514741","display_name":"Set (abstract data type)","level":2,"score":0.19868534803390503},{"id":"https://openalex.org/C129307140","wikidata":"https://www.wikidata.org/wiki/Q6795880","display_name":"Maximum bubble pressure method","level":3,"score":0.0},{"id":"https://openalex.org/C157915830","wikidata":"https://www.wikidata.org/wiki/Q2928001","display_name":"Bubble","level":2,"score":0.0},{"id":"https://openalex.org/C38652104","wikidata":"https://www.wikidata.org/wiki/Q3510521","display_name":"Computer security","level":1,"score":0.0},{"id":"https://openalex.org/C62520636","wikidata":"https://www.wikidata.org/wiki/Q944","display_name":"Quantum mechanics","level":1,"score":0.0},{"id":"https://openalex.org/C76155785","wikidata":"https://www.wikidata.org/wiki/Q418","display_name":"Telecommunications","level":1,"score":0.0},{"id":"https://openalex.org/C163258240","wikidata":"https://www.wikidata.org/wiki/Q25342","display_name":"Power (physics)","level":2,"score":0.0},{"id":"https://openalex.org/C97355855","wikidata":"https://www.wikidata.org/wiki/Q11473","display_name":"Thermodynamics","level":1,"score":0.0},{"id":"https://openalex.org/C121332964","wikidata":"https://www.wikidata.org/wiki/Q413","display_name":"Physics","level":0,"score":0.0},{"id":"https://openalex.org/C173608175","wikidata":"https://www.wikidata.org/wiki/Q232661","display_name":"Parallel computing","level":1,"score":0.0},{"id":"https://openalex.org/C26517878","wikidata":"https://www.wikidata.org/wiki/Q228039","display_name":"Key (lock)","level":2,"score":0.0}],"mesh":[],"locations_count":1,"locations":[{"id":"doi:10.1109/ict4da56482.2022.9971204","is_oa":false,"landing_page_url":"https://doi.org/10.1109/ict4da56482.2022.9971204","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"2022 International Conference on Information and Communication Technology for Development for Africa (ICT4DA)","raw_type":"proceedings-article"}],"best_oa_location":null,"sustainable_development_goals":[{"display_name":"Industry, innovation and infrastructure","score":0.47999998927116394,"id":"https://metadata.un.org/sdg/9"}],"awards":[],"funders":[],"has_content":{"grobid_xml":false,"pdf":false},"content_urls":null,"referenced_works_count":14,"referenced_works":["https://openalex.org/W639708223","https://openalex.org/W1604012267","https://openalex.org/W2031489346","https://openalex.org/W2169781274","https://openalex.org/W2601394446","https://openalex.org/W2884561390","https://openalex.org/W2895163674","https://openalex.org/W2898280479","https://openalex.org/W2951173698","https://openalex.org/W2962724148","https://openalex.org/W2963295463","https://openalex.org/W4288090846","https://openalex.org/W6747933535","https://openalex.org/W6769317584"],"related_works":["https://openalex.org/W3180179400","https://openalex.org/W2154998455","https://openalex.org/W2118366689","https://openalex.org/W3122369893","https://openalex.org/W2624709009","https://openalex.org/W2116888309","https://openalex.org/W2281900275","https://openalex.org/W2268684599","https://openalex.org/W2477652530","https://openalex.org/W1936193182"],"abstract_inverted_index":{"In":[0,102],"software":[1],"development,":[2],"the":[3,9,26,47,86,165,172,175,186,192,198,204,223,229,244],"user":[4,234],"interface(UI)":[5],"design":[6,52,87],"process":[7,79],"involves":[8],"part":[10],"from":[11,95,157,174],"an":[12],"imagination":[13],"that":[14,29,113,203],"begins":[15],"on":[16,171,237],"a":[17,37,51,60,65,72,107,125,129,214,233],"piece":[18],"of":[19,39,188,197,219],"paper":[20,40],"where":[21],"designers":[22,35],"share":[23],"thoughts":[24],"to":[25,32,45,64,92,149,184],"final":[27],"prototype":[28],"is":[30,53,56],"ready":[31],"implement.":[33],"UI":[34,94,130,159,167],"use":[36],"technique":[38],"prototyping":[41],"in":[42,117],"low-fidelity":[43],"sketches":[44,97],"implement":[46],"conceptual":[48],"design.":[49],"Once":[50],"drawn,":[54],"it":[55],"usually":[57],"captured":[58],"within":[59],"photograph,":[61],"then":[62],"converted":[63],"high-level":[66],"mockup,":[67],"and":[68,83,120,142,153,190,243],"manually":[69],"translated":[70],"into":[71,128],"working":[73],"client-side":[74],"code":[75,99,111,143,162],"by":[76],"developers.":[77],"The":[78,133,145,161,194],"consumes":[80],"considerable":[81],"effort":[82],"also":[84],"delays":[85],"process.":[88],"Recently,":[89],"researchers":[90],"attempted":[91],"recreate":[93],"their":[96,154],"using":[98],"generation":[100,112],"techniques.":[101],"this":[103],"paper,":[104],"we":[105,231],"present":[106],"system":[108,135],"for":[109,123],"automatic":[110],"combines":[114],"recent":[115],"advances":[116],"computer":[118],"vision":[119],"deep":[121],"learning":[122],"translating":[124],"sketched":[126,158],"wireframe":[127],"skeleton":[131,168],"code.":[132],"proposed":[134],"has":[136,181],"two":[137],"main":[138],"components:":[139],"component":[140,146,199],"recognition":[141,147,200],"generation.":[144],"learns":[148],"extract":[150],"visual":[151,238],"features":[152],"spatial":[155],"layouts":[156],"images.":[160],"generator":[163],"creates":[164],"equivalent":[166],"codes":[169],"based":[170,236],"information":[173],"detection":[176],"model.":[177],"A":[178],"layout":[179],"algorithm":[180],"been":[182],"developed":[183],"resolve":[185],"overlapping":[187],"components":[189],"structure":[191],"layout.":[193],"evaluation":[195],"result":[196],"model":[201,212],"indicates":[202],"Faster":[205],"R-CNN":[206],"with":[207],"Inception":[208],"ResNet":[209],"v2":[210],"backbone":[211],"achieved":[213],"mean":[215],"average":[216],"precision":[217],"(mAP)":[218],"95.5":[220],"%,":[221],"among":[222],"other":[224],"trained":[225],"models.":[226],"To":[227],"evaluate":[228],"generator,":[230],"conducted":[232],"study":[235],"similarities":[239],"between":[240],"input":[241],"image":[242],"rendered":[245],"UI.":[246]},"counts_by_year":[{"year":2026,"cited_by_count":1},{"year":2025,"cited_by_count":1},{"year":2024,"cited_by_count":3},{"year":2023,"cited_by_count":1}],"updated_date":"2026-06-11T09:08:48.828518","created_date":"2025-10-10T00:00:00"}