{"id":"https://openalex.org/W4283068904","doi":"https://doi.org/10.1145/3531706.3536462","title":"Style-Aware Sketch-to-Code Conversion for the Web","display_name":"Style-Aware Sketch-to-Code Conversion for the Web","publication_year":2022,"publication_date":"2022-06-17","ids":{"openalex":"https://openalex.org/W4283068904","doi":"https://doi.org/10.1145/3531706.3536462"},"language":"en","primary_location":{"id":"doi:10.1145/3531706.3536462","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3531706.3536462","pdf_url":"https://dl.acm.org/doi/pdf/10.1145/3531706.3536462","source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Companion of the 2022 ACM SIGCHI Symposium on Engineering Interactive Computing Systems","raw_type":"proceedings-article"},"type":"article","indexed_in":["crossref"],"open_access":{"is_oa":true,"oa_status":"gold","oa_url":"https://dl.acm.org/doi/pdf/10.1145/3531706.3536462","any_repository_has_fulltext":null},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5063606956","display_name":"Tommaso Cal\u00f2","orcid":"https://orcid.org/0000-0002-3200-2348"},"institutions":[{"id":"https://openalex.org/I177477856","display_name":"Politecnico di Torino","ror":"https://ror.org/00bgk9508","country_code":"IT","type":"education","lineage":["https://openalex.org/I177477856"]}],"countries":["IT"],"is_corresponding":false,"raw_author_name":"Tommaso Cal\u00f2","raw_affiliation_strings":["Politecnico di Torino, Italy"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Politecnico di Torino, Italy","institution_ids":["https://openalex.org/I177477856"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5023909289","display_name":"Luigi De Russis","orcid":"https://orcid.org/0000-0001-7647-6652"},"institutions":[{"id":"https://openalex.org/I177477856","display_name":"Politecnico di Torino","ror":"https://ror.org/00bgk9508","country_code":"IT","type":"education","lineage":["https://openalex.org/I177477856"]}],"countries":["IT"],"is_corresponding":false,"raw_author_name":"Luigi De Russis","raw_affiliation_strings":["Politecnico di Torino, Italy"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Politecnico di Torino, Italy","institution_ids":["https://openalex.org/I177477856"]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":1,"corresponding_author_ids":[],"corresponding_institution_ids":["https://openalex.org/I177477856"],"apc_list":null,"apc_paid":null,"fwci":0.6092,"has_fulltext":true,"cited_by_count":7,"citation_normalized_percentile":{"value":0.66733482,"is_in_top_1_percent":false,"is_in_top_10_percent":false},"cited_by_percentile_year":{"min":90,"max":97},"biblio":{"volume":null,"issue":null,"first_page":"44","last_page":"47"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T11439","display_name":"Video Analysis and Summarization","score":0.9994999766349792,"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"}},"topics":[{"id":"https://openalex.org/T11439","display_name":"Video Analysis and Summarization","score":0.9994999766349792,"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"}},{"id":"https://openalex.org/T10812","display_name":"Human Pose and Action Recognition","score":0.9986000061035156,"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"}},{"id":"https://openalex.org/T10331","display_name":"Video Surveillance and Tracking Methods","score":0.9925000071525574,"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/sketch","display_name":"Sketch","score":0.8922277688980103},{"id":"https://openalex.org/keywords/computer-science","display_name":"Computer science","score":0.8608797192573547},{"id":"https://openalex.org/keywords/code","display_name":"Code (set theory)","score":0.5571917295455933},{"id":"https://openalex.org/keywords/set","display_name":"Set (abstract data type)","score":0.5223775506019592},{"id":"https://openalex.org/keywords/graphical-user-interface","display_name":"Graphical user interface","score":0.5167062282562256},{"id":"https://openalex.org/keywords/human\u2013computer-interaction","display_name":"Human\u2013computer interaction","score":0.48937004804611206},{"id":"https://openalex.org/keywords/programming-language","display_name":"Programming language","score":0.4854510426521301},{"id":"https://openalex.org/keywords/interface","display_name":"Interface (matter)","score":0.4791114330291748},{"id":"https://openalex.org/keywords/web-application","display_name":"Web application","score":0.474566251039505},{"id":"https://openalex.org/keywords/user-interface","display_name":"User interface","score":0.4523613452911377},{"id":"https://openalex.org/keywords/component","display_name":"Component (thermodynamics)","score":0.43273305892944336},{"id":"https://openalex.org/keywords/software-engineering","display_name":"Software engineering","score":0.3605000376701355},{"id":"https://openalex.org/keywords/engineering-drawing","display_name":"Engineering drawing","score":0.33086276054382324},{"id":"https://openalex.org/keywords/world-wide-web","display_name":"World Wide Web","score":0.23526740074157715},{"id":"https://openalex.org/keywords/algorithm","display_name":"Algorithm","score":0.09978887438774109},{"id":"https://openalex.org/keywords/operating-system","display_name":"Operating system","score":0.0823831558227539}],"concepts":[{"id":"https://openalex.org/C2779231336","wikidata":"https://www.wikidata.org/wiki/Q7534724","display_name":"Sketch","level":2,"score":0.8922277688980103},{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.8608797192573547},{"id":"https://openalex.org/C2776760102","wikidata":"https://www.wikidata.org/wiki/Q5139990","display_name":"Code (set theory)","level":3,"score":0.5571917295455933},{"id":"https://openalex.org/C177264268","wikidata":"https://www.wikidata.org/wiki/Q1514741","display_name":"Set (abstract data type)","level":2,"score":0.5223775506019592},{"id":"https://openalex.org/C37789001","wikidata":"https://www.wikidata.org/wiki/Q782543","display_name":"Graphical user interface","level":2,"score":0.5167062282562256},{"id":"https://openalex.org/C107457646","wikidata":"https://www.wikidata.org/wiki/Q207434","display_name":"Human\u2013computer interaction","level":1,"score":0.48937004804611206},{"id":"https://openalex.org/C199360897","wikidata":"https://www.wikidata.org/wiki/Q9143","display_name":"Programming language","level":1,"score":0.4854510426521301},{"id":"https://openalex.org/C113843644","wikidata":"https://www.wikidata.org/wiki/Q901882","display_name":"Interface (matter)","level":4,"score":0.4791114330291748},{"id":"https://openalex.org/C118643609","wikidata":"https://www.wikidata.org/wiki/Q189210","display_name":"Web application","level":2,"score":0.474566251039505},{"id":"https://openalex.org/C89505385","wikidata":"https://www.wikidata.org/wiki/Q47146","display_name":"User interface","level":2,"score":0.4523613452911377},{"id":"https://openalex.org/C168167062","wikidata":"https://www.wikidata.org/wiki/Q1117970","display_name":"Component (thermodynamics)","level":2,"score":0.43273305892944336},{"id":"https://openalex.org/C115903868","wikidata":"https://www.wikidata.org/wiki/Q80993","display_name":"Software engineering","level":1,"score":0.3605000376701355},{"id":"https://openalex.org/C199639397","wikidata":"https://www.wikidata.org/wiki/Q1788588","display_name":"Engineering drawing","level":1,"score":0.33086276054382324},{"id":"https://openalex.org/C136764020","wikidata":"https://www.wikidata.org/wiki/Q466","display_name":"World Wide Web","level":1,"score":0.23526740074157715},{"id":"https://openalex.org/C11413529","wikidata":"https://www.wikidata.org/wiki/Q8366","display_name":"Algorithm","level":1,"score":0.09978887438774109},{"id":"https://openalex.org/C111919701","wikidata":"https://www.wikidata.org/wiki/Q9135","display_name":"Operating system","level":1,"score":0.0823831558227539},{"id":"https://openalex.org/C157915830","wikidata":"https://www.wikidata.org/wiki/Q2928001","display_name":"Bubble","level":2,"score":0.0},{"id":"https://openalex.org/C127413603","wikidata":"https://www.wikidata.org/wiki/Q11023","display_name":"Engineering","level":0,"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/C129307140","wikidata":"https://www.wikidata.org/wiki/Q6795880","display_name":"Maximum bubble pressure method","level":3,"score":0.0},{"id":"https://openalex.org/C97355855","wikidata":"https://www.wikidata.org/wiki/Q11473","display_name":"Thermodynamics","level":1,"score":0.0}],"mesh":[],"locations_count":1,"locations":[{"id":"doi:10.1145/3531706.3536462","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3531706.3536462","pdf_url":"https://dl.acm.org/doi/pdf/10.1145/3531706.3536462","source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Companion of the 2022 ACM SIGCHI Symposium on Engineering Interactive Computing Systems","raw_type":"proceedings-article"}],"best_oa_location":{"id":"doi:10.1145/3531706.3536462","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3531706.3536462","pdf_url":"https://dl.acm.org/doi/pdf/10.1145/3531706.3536462","source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Companion of the 2022 ACM SIGCHI Symposium on Engineering Interactive Computing Systems","raw_type":"proceedings-article"},"sustainable_development_goals":[],"awards":[],"funders":[],"has_content":{"grobid_xml":true,"pdf":true},"content_urls":{"pdf":"https://content.openalex.org/works/W4283068904.pdf","grobid_xml":"https://content.openalex.org/works/W4283068904.grobid-xml"},"referenced_works_count":9,"referenced_works":["https://openalex.org/W1993176724","https://openalex.org/W2016053056","https://openalex.org/W2020879429","https://openalex.org/W2108598243","https://openalex.org/W2241093273","https://openalex.org/W2794908093","https://openalex.org/W2884561390","https://openalex.org/W2943691840","https://openalex.org/W2962724148"],"related_works":["https://openalex.org/W3180179400","https://openalex.org/W2118366689","https://openalex.org/W2154998455","https://openalex.org/W2116888309","https://openalex.org/W2477652530","https://openalex.org/W2039055059","https://openalex.org/W2381088774","https://openalex.org/W963721989","https://openalex.org/W2183494409","https://openalex.org/W3121870801"],"abstract_inverted_index":{"While":[0],"sketching":[1],"a":[2,8,15,21,30,36,41,71,103,127,143],"graphical":[3],"user":[4],"interface":[5],"(GUI)":[6],"is":[7,28],"necessary":[9],"step":[10],"towards":[11],"the":[12,25,61,68,75,83,89,95,108,118,131,135,138,153,157,170,178,183,186],"creation":[13],"of":[14,43,60,74,137,185],"Web":[16],"application,":[17],"its":[18],"transformation":[19],"into":[20,70,156],"coded":[22],"GUI,":[23],"with":[24,177],"proper":[26],"styles,":[27,100],"still":[29],"tedious":[31],"and":[32,141,160],"time-consuming":[33],"task":[34],"that":[35,129],"designer":[37,109,132],"should":[38],"perform.":[39],"Recently,":[40],"set":[42],"Machine":[44],"Learning":[45],"techniques":[46,65],"has":[47],"been":[48],"applied":[49,87],"to":[50,56,81,85,88,97,121,133,146,168],"automatically":[51,151],"generate":[52],"code":[53,165],"from":[54,102],"sketches":[55,69],"ease":[57],"this":[58,114,123],"part":[59],"design":[62],"process.":[63],"These":[64],"effectively":[66],"convert":[67],"skeleton":[72],"structure":[73],"GUI":[76,140],"but":[77],"are":[78],"not":[79],"designed":[80],"consider":[82],"styles":[84,155],"be":[86,147],"generated":[90],"HTML":[91],"page.":[92],"Moreover,":[93],"having":[94],"possibility":[96],"explore":[98],"different":[99],"starting":[101],"sketch,":[104],"might":[105],"further":[106],"support":[107],"in":[110],"their":[111],"work.":[112],"In":[113],"paper,":[115],"we":[116],"move":[117],"first":[119],"steps":[120],"enable":[122],"opportunity":[124],"by":[125],"proposing":[126],"method":[128,150],"allows":[130],"input":[134],"sketch":[136,158],"Web-based":[139],"select":[142],"reference":[144,154],"style":[145],"applied.":[148],"Our":[149],"injects":[152],"components":[159],"then":[161],"uses":[162],"an":[163],"automatic":[164],"generation":[166],"technique":[167],"obtain":[169],"final":[171],"code.":[172],"Preliminary":[173],"experiments":[174],"carried":[175],"out":[176],"navigation":[179],"bar":[180],"component":[181],"show":[182],"effectiveness":[184],"proposed":[187],"method.":[188]},"counts_by_year":[{"year":2026,"cited_by_count":1},{"year":2025,"cited_by_count":3},{"year":2024,"cited_by_count":1},{"year":2023,"cited_by_count":2}],"updated_date":"2026-06-26T08:34:08.712188","created_date":"2025-10-10T00:00:00"}