{"id":"https://openalex.org/W3130293857","doi":"https://doi.org/10.5220/0010193600480058","title":"Automatically Generating Websites from Hand-drawn Mockups","display_name":"Automatically Generating Websites from Hand-drawn Mockups","publication_year":2021,"publication_date":"2021-01-01","ids":{"openalex":"https://openalex.org/W3130293857","doi":"https://doi.org/10.5220/0010193600480058","mag":"3130293857"},"language":"en","primary_location":{"id":"doi:10.5220/0010193600480058","is_oa":true,"landing_page_url":"https://doi.org/10.5220/0010193600480058","pdf_url":null,"source":null,"license":"cc-by-nc-nd","license_id":"https://openalex.org/licenses/cc-by-nc-nd","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the 16th International Joint Conference on Computer Vision, Imaging and Computer Graphics Theory and Applications","raw_type":"proceedings-article"},"type":"article","indexed_in":["crossref"],"open_access":{"is_oa":true,"oa_status":"gold","oa_url":"https://doi.org/10.5220/0010193600480058","any_repository_has_fulltext":true},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5059861186","display_name":"Jo\ufffd\u00e3o Jos\u00e9 Pinto Ferreira","orcid":"https://orcid.org/0000-0002-3061-7605"},"institutions":[{"id":"https://openalex.org/I182534213","display_name":"Universidade do Porto","ror":"https://ror.org/043pwc612","country_code":"PT","type":"education","lineage":["https://openalex.org/I182534213"]}],"countries":["PT"],"is_corresponding":true,"raw_author_name":"Jo\u00e3o Ferreira","raw_affiliation_strings":["Faculdade de Engenharia da Universidade do Porto, Portugal, --- Select a Country ---"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Faculdade de Engenharia da Universidade do Porto, Portugal, --- Select a Country ---","institution_ids":["https://openalex.org/I182534213"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5049757924","display_name":"Andr\u00e9 Restivo","orcid":"https://orcid.org/0000-0002-1328-3391"},"institutions":[{"id":"https://openalex.org/I182534213","display_name":"Universidade do Porto","ror":"https://ror.org/043pwc612","country_code":"PT","type":"education","lineage":["https://openalex.org/I182534213"]}],"countries":["PT"],"is_corresponding":false,"raw_author_name":"Andr\u00e9 Restivo","raw_affiliation_strings":["Faculdade de Engenharia da Universidade do Porto, LIACC, Portugal, --- Select a Country ---"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Faculdade de Engenharia da Universidade do Porto, LIACC, Portugal, --- Select a Country ---","institution_ids":["https://openalex.org/I182534213"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5010902066","display_name":"Hugo Sereno Ferreira","orcid":"https://orcid.org/0000-0002-4963-3525"},"institutions":[{"id":"https://openalex.org/I4210166615","display_name":"INESC TEC","ror":"https://ror.org/05fa8ka61","country_code":"PT","type":"nonprofit","lineage":["https://openalex.org/I4210125590","https://openalex.org/I4210166615"]},{"id":"https://openalex.org/I182534213","display_name":"Universidade do Porto","ror":"https://ror.org/043pwc612","country_code":"PT","type":"education","lineage":["https://openalex.org/I182534213"]}],"countries":["PT"],"is_corresponding":false,"raw_author_name":"Hugo Ferreira","raw_affiliation_strings":["Faculdade de Engenharia da Universidade do Porto, INESC TEC, Portugal, --- Select a Country ---"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Faculdade de Engenharia da Universidade do Porto, INESC TEC, Portugal, --- Select a Country ---","institution_ids":["https://openalex.org/I4210166615","https://openalex.org/I182534213"]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":3,"corresponding_author_ids":["https://openalex.org/A5059861186"],"corresponding_institution_ids":["https://openalex.org/I182534213"],"apc_list":null,"apc_paid":null,"fwci":0.2631,"has_fulltext":false,"cited_by_count":6,"citation_normalized_percentile":{"value":0.52298693,"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":"48","last_page":"58"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T10789","display_name":"Interactive and Immersive Displays","score":0.996999979019165,"subfield":{"id":"https://openalex.org/subfields/1709","display_name":"Human-Computer Interaction"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},"topics":[{"id":"https://openalex.org/T10789","display_name":"Interactive and Immersive Displays","score":0.996999979019165,"subfield":{"id":"https://openalex.org/subfields/1709","display_name":"Human-Computer Interaction"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T12290","display_name":"Human Motion and Animation","score":0.9965999722480774,"subfield":{"id":"https://openalex.org/subfields/2207","display_name":"Control and Systems 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/T11714","display_name":"Multimodal Machine Learning Applications","score":0.995199978351593,"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.7242035269737244},{"id":"https://openalex.org/keywords/human\u2013computer-interaction","display_name":"Human\u2013computer interaction","score":0.44082513451576233},{"id":"https://openalex.org/keywords/programming-language","display_name":"Programming language","score":0.40599024295806885},{"id":"https://openalex.org/keywords/world-wide-web","display_name":"World Wide Web","score":0.39252352714538574},{"id":"https://openalex.org/keywords/computer-graphics","display_name":"Computer graphics (images)","score":0.3700184226036072},{"id":"https://openalex.org/keywords/multimedia","display_name":"Multimedia","score":0.329136461019516}],"concepts":[{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.7242035269737244},{"id":"https://openalex.org/C107457646","wikidata":"https://www.wikidata.org/wiki/Q207434","display_name":"Human\u2013computer interaction","level":1,"score":0.44082513451576233},{"id":"https://openalex.org/C199360897","wikidata":"https://www.wikidata.org/wiki/Q9143","display_name":"Programming language","level":1,"score":0.40599024295806885},{"id":"https://openalex.org/C136764020","wikidata":"https://www.wikidata.org/wiki/Q466","display_name":"World Wide Web","level":1,"score":0.39252352714538574},{"id":"https://openalex.org/C121684516","wikidata":"https://www.wikidata.org/wiki/Q7600677","display_name":"Computer graphics (images)","level":1,"score":0.3700184226036072},{"id":"https://openalex.org/C49774154","wikidata":"https://www.wikidata.org/wiki/Q131765","display_name":"Multimedia","level":1,"score":0.329136461019516}],"mesh":[],"locations_count":2,"locations":[{"id":"doi:10.5220/0010193600480058","is_oa":true,"landing_page_url":"https://doi.org/10.5220/0010193600480058","pdf_url":null,"source":null,"license":"cc-by-nc-nd","license_id":"https://openalex.org/licenses/cc-by-nc-nd","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the 16th International Joint Conference on Computer Vision, Imaging and Computer Graphics Theory and Applications","raw_type":"proceedings-article"},{"id":"pmh:oai:repositorio-aberto.up.pt:10216/132439","is_oa":true,"landing_page_url":"https://hdl.handle.net/10216/132439","pdf_url":null,"source":{"id":"https://openalex.org/S4306401934","display_name":"Open Repository of the University of Porto (University of Porto)","issn_l":null,"issn":null,"is_oa":false,"is_in_doaj":false,"is_core":false,"host_organization":"https://openalex.org/I182534213","host_organization_name":"Universidade do Porto","host_organization_lineage":["https://openalex.org/I182534213"],"host_organization_lineage_names":[],"type":"repository"},"license":"other-oa","license_id":"https://openalex.org/licenses/other-oa","version":"submittedVersion","is_accepted":false,"is_published":false,"raw_source_name":"","raw_type":null}],"best_oa_location":{"id":"doi:10.5220/0010193600480058","is_oa":true,"landing_page_url":"https://doi.org/10.5220/0010193600480058","pdf_url":null,"source":null,"license":"cc-by-nc-nd","license_id":"https://openalex.org/licenses/cc-by-nc-nd","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the 16th International Joint Conference on Computer Vision, Imaging and Computer Graphics Theory and Applications","raw_type":"proceedings-article"},"sustainable_development_goals":[],"awards":[],"funders":[],"has_content":{"grobid_xml":false,"pdf":false},"content_urls":null,"referenced_works_count":27,"referenced_works":["https://openalex.org/W639708223","https://openalex.org/W1905882502","https://openalex.org/W1977890980","https://openalex.org/W2031454541","https://openalex.org/W2062118960","https://openalex.org/W2102605133","https://openalex.org/W2241093273","https://openalex.org/W2302086703","https://openalex.org/W2304348237","https://openalex.org/W2507461720","https://openalex.org/W2508920351","https://openalex.org/W2613718673","https://openalex.org/W2740254106","https://openalex.org/W2794908093","https://openalex.org/W2809912499","https://openalex.org/W2884367402","https://openalex.org/W2887168202","https://openalex.org/W2896801338","https://openalex.org/W2962724148","https://openalex.org/W2963037989","https://openalex.org/W2963102152","https://openalex.org/W2963295463","https://openalex.org/W2964254765","https://openalex.org/W2971087218","https://openalex.org/W2985936292","https://openalex.org/W3159371062","https://openalex.org/W4300212670"],"related_works":["https://openalex.org/W2748952813","https://openalex.org/W323219885","https://openalex.org/W4292559016","https://openalex.org/W4231937131","https://openalex.org/W1589342014","https://openalex.org/W598950423","https://openalex.org/W304855073","https://openalex.org/W4256673449","https://openalex.org/W2143331802","https://openalex.org/W2160964171"],"abstract_inverted_index":{"Designers":[0],"often":[1,31],"use":[2,80],"physical":[3],"hand-drawn":[4,276],"mockups":[5,56,277],"to":[6,10,46,57,108,148,161,183,239,251,269],"convey":[7],"their":[8],"ideas":[9],"stakeholders.":[11],"Unfortunately,":[12],"these":[13],"sketches":[14,114],"do":[15,37],"not":[16,38],"depict":[17],"the":[18,40,52,67,79,88,95,131,138,156,168,176,181,228,253,260],"exact":[19],"final":[20,68],"look":[21,117],"and":[22,27,136,150,165,171,209],"feel":[23],"of":[24,54,81,113,134,141,158,175,199,223,227,266],"web":[25,143],"pages,":[26],"communication":[28],"errors":[29],"will":[30],"occur,":[32],"resulting":[33],"in":[34,51,180,256],"prototypes":[35],"that":[36,104,115,128,196,259],"reflect":[39],"stakeholder's":[41],"vision.":[42],"Multiple":[43],"suggestions":[44],"exist":[45],"tackle":[47],"this":[48],"problem,":[49],"mainly":[50],"translation":[53],"visual":[55],"prototypes.":[58],"Some":[59],"authors":[60],"propose":[61,78],"end-to-end":[62],"solutions":[63],"by":[64,188,192],"directly":[65],"generating":[66,200],"code":[69],"from":[70,119,153],"a":[71,101,110,121,126,142,146,221,263],"single":[72],"(black-box)":[73],"Deep":[74],"Neural":[75],"Network.":[76],"Others":[77],"object":[82,249],"detectors,":[83],"providing":[84],"more":[85,163],"control":[86,166],"over":[87,167],"acquired":[89],"elements":[90],"but":[91],"missing":[92],"out":[93],"on":[94,234],"mockup's":[96],"layout.":[97],"Our":[98],"approach":[99],"provides":[100],"real-time":[102],"solution":[103],"explores:":[105],"(1)":[106],"how":[107],"achieve":[109],"large":[111],"variety":[112],"would":[116,123],"indistinguishable":[118],"something":[120],"human":[122],"draw,":[124],"(2)":[125],"pipeline":[127],"clearly":[129],"separates":[130],"different":[132],"responsibilities":[133],"extracting":[135],"constructing":[137],"hierarchical":[139],"structure":[140],"mockup,":[144],"(3)":[145],"methodology":[147],"segment":[149],"extract":[151],"containers":[152],"mockups,":[154],"(4)":[155],"usage":[157],"in-sketch":[159],"annotations":[160],"provide":[162,243],"flexibility":[164],"generated":[169],"artifacts,":[170],"(5)":[172],"an":[173,194,244],"assessment":[174],"synthetic":[177,201,254],"dataset":[178,255],"impact":[179],"ability":[182],"recognize":[184],"diagrams":[185],"actually":[186],"drawn":[187],"humans.":[189],"We":[190,203,219,241],"start":[191],"presenting":[193],"algorithm":[195],"is":[197],"capable":[198],"mockups.":[202],"trained":[204],"our":[205],"model":[206],"(N=8400,":[207],"Epochs=400)":[208],"subsequently":[210],"fine-tuned":[211],"it":[212],"(N=74,":[213],"Epochs=100)":[214],"using":[215,275],"real":[216],"human-made":[217],"diagrams.":[218],"accomplished":[220],"mAP":[222,264],"95.37%,":[224],"with":[225,247],"90%":[226],"tests":[229],"taking":[230],"less":[231],"than":[232,273],"430ms":[233],"modest":[235],"commodity":[236],"hardware":[237],"(approximate":[238],"2.3fps).":[240],"further":[242],"ablation":[245],"study":[246],"well-known":[248],"detectors":[250],"evaluate":[252],"isolation,":[257],"showing":[258],"generator":[261],"achieves":[262],"score":[265],"95%,":[267],"approximate":[268],"1.5":[270],"x":[271],"higher":[272],"training":[274],"alone.":[278]},"counts_by_year":[{"year":2025,"cited_by_count":4},{"year":2024,"cited_by_count":1},{"year":2023,"cited_by_count":1}],"updated_date":"2026-04-30T09:15:22.047038","created_date":"2025-10-10T00:00:00"}