{"id":"https://openalex.org/W3003231345","doi":"https://doi.org/10.1145/3374549.3374560","title":"Visual Design and Code Generation of User Interface Based on Responsive Web Design Approach","display_name":"Visual Design and Code Generation of User Interface Based on Responsive Web Design Approach","publication_year":2019,"publication_date":"2019-12-09","ids":{"openalex":"https://openalex.org/W3003231345","doi":"https://doi.org/10.1145/3374549.3374560","mag":"3003231345"},"language":"en","primary_location":{"id":"doi:10.1145/3374549.3374560","is_oa":false,"landing_page_url":"https://doi.org/10.1145/3374549.3374560","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the 2019 3rd International Conference on Software and e-Business","raw_type":"proceedings-article"},"type":"conference-paper","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/A5026924947","display_name":"Suroyya Wongsalam","orcid":null},"institutions":[{"id":"https://openalex.org/I158708052","display_name":"Chulalongkorn University","ror":"https://ror.org/028wp3y58","country_code":"TH","type":"education","lineage":["https://openalex.org/I158708052"]}],"countries":["TH"],"is_corresponding":false,"raw_author_name":"Suroyya Wongsalam","raw_affiliation_strings":["Department of Computer Engineering, Chulalongkorn University, Bangkok, Thailand"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Department of Computer Engineering, Chulalongkorn University, Bangkok, Thailand","institution_ids":["https://openalex.org/I158708052"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5000898716","display_name":"Twittie Senivongse","orcid":"https://orcid.org/0000-0002-3822-9199"},"institutions":[{"id":"https://openalex.org/I158708052","display_name":"Chulalongkorn University","ror":"https://ror.org/028wp3y58","country_code":"TH","type":"education","lineage":["https://openalex.org/I158708052"]}],"countries":["TH"],"is_corresponding":false,"raw_author_name":"Twittie Senivongse","raw_affiliation_strings":["Department of Computer Engineering, Chulalongkorn University, Bangkok, Thailand"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Department of Computer Engineering, Chulalongkorn University, Bangkok, Thailand","institution_ids":["https://openalex.org/I158708052"]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":1,"corresponding_author_ids":[],"corresponding_institution_ids":["https://openalex.org/I158708052"],"apc_list":null,"apc_paid":null,"fwci":0.2195,"has_fulltext":false,"cited_by_count":5,"citation_normalized_percentile":{"value":0.53251952,"is_in_top_1_percent":false,"is_in_top_10_percent":false},"cited_by_percentile_year":{"min":89,"max":97},"biblio":{"volume":null,"issue":null,"first_page":"51","last_page":"59"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T12799","display_name":"Mobile and Web Applications","score":0.996999979019165,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"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/T12799","display_name":"Mobile and Web Applications","score":0.996999979019165,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"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/T12720","display_name":"Multimedia Communication and Technology","score":0.9919999837875366,"subfield":{"id":"https://openalex.org/subfields/3312","display_name":"Sociology and Political Science"},"field":{"id":"https://openalex.org/fields/33","display_name":"Social Sciences"},"domain":{"id":"https://openalex.org/domains/2","display_name":"Social Sciences"}},{"id":"https://openalex.org/T12601","display_name":"Web Applications and Data Management","score":0.9807999730110168,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"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/web-design","display_name":"Web design","score":0.831789493560791},{"id":"https://openalex.org/keywords/web-modeling","display_name":"Web modeling","score":0.7286436557769775},{"id":"https://openalex.org/keywords/computer-science","display_name":"Computer science","score":0.7057689428329468},{"id":"https://openalex.org/keywords/world-wide-web","display_name":"World Wide Web","score":0.6675145626068115},{"id":"https://openalex.org/keywords/web-navigation","display_name":"Web navigation","score":0.6190217733383179},{"id":"https://openalex.org/keywords/web-standards","display_name":"Web standards","score":0.6079657077789307},{"id":"https://openalex.org/keywords/web-development","display_name":"Web development","score":0.6054983735084534},{"id":"https://openalex.org/keywords/web-page","display_name":"Web page","score":0.5258793830871582},{"id":"https://openalex.org/keywords/human\u2013computer-interaction","display_name":"Human\u2013computer interaction","score":0.4824524521827698},{"id":"https://openalex.org/keywords/web-accessibility-initiative","display_name":"Web Accessibility Initiative","score":0.4728579521179199},{"id":"https://openalex.org/keywords/web-api","display_name":"Web API","score":0.47265541553497314},{"id":"https://openalex.org/keywords/web-usability","display_name":"Web usability","score":0.4464937746524811},{"id":"https://openalex.org/keywords/user-interface-design","display_name":"User interface design","score":0.4197404086589813},{"id":"https://openalex.org/keywords/web-application","display_name":"Web application","score":0.41562992334365845},{"id":"https://openalex.org/keywords/usability","display_name":"Usability","score":0.4098902940750122},{"id":"https://openalex.org/keywords/user-experience-design","display_name":"User experience design","score":0.26954185962677},{"id":"https://openalex.org/keywords/web-intelligence","display_name":"Web intelligence","score":0.17597949504852295}],"concepts":[{"id":"https://openalex.org/C521306242","wikidata":"https://www.wikidata.org/wiki/Q190637","display_name":"Web design","level":3,"score":0.831789493560791},{"id":"https://openalex.org/C130436687","wikidata":"https://www.wikidata.org/wiki/Q7978591","display_name":"Web modeling","level":3,"score":0.7286436557769775},{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.7057689428329468},{"id":"https://openalex.org/C136764020","wikidata":"https://www.wikidata.org/wiki/Q466","display_name":"World Wide Web","level":1,"score":0.6675145626068115},{"id":"https://openalex.org/C61096286","wikidata":"https://www.wikidata.org/wiki/Q7978592","display_name":"Web navigation","level":3,"score":0.6190217733383179},{"id":"https://openalex.org/C182321512","wikidata":"https://www.wikidata.org/wiki/Q1153289","display_name":"Web standards","level":3,"score":0.6079657077789307},{"id":"https://openalex.org/C79373723","wikidata":"https://www.wikidata.org/wiki/Q386275","display_name":"Web development","level":3,"score":0.6054983735084534},{"id":"https://openalex.org/C21959979","wikidata":"https://www.wikidata.org/wiki/Q36774","display_name":"Web page","level":2,"score":0.5258793830871582},{"id":"https://openalex.org/C107457646","wikidata":"https://www.wikidata.org/wiki/Q207434","display_name":"Human\u2013computer interaction","level":1,"score":0.4824524521827698},{"id":"https://openalex.org/C197973564","wikidata":"https://www.wikidata.org/wiki/Q636020","display_name":"Web Accessibility Initiative","level":5,"score":0.4728579521179199},{"id":"https://openalex.org/C127613066","wikidata":"https://www.wikidata.org/wiki/Q557770","display_name":"Web API","level":4,"score":0.47265541553497314},{"id":"https://openalex.org/C4237393","wikidata":"https://www.wikidata.org/wiki/Q1636686","display_name":"Web usability","level":3,"score":0.4464937746524811},{"id":"https://openalex.org/C149229913","wikidata":"https://www.wikidata.org/wiki/Q135707","display_name":"User interface design","level":3,"score":0.4197404086589813},{"id":"https://openalex.org/C118643609","wikidata":"https://www.wikidata.org/wiki/Q189210","display_name":"Web application","level":2,"score":0.41562992334365845},{"id":"https://openalex.org/C170130773","wikidata":"https://www.wikidata.org/wiki/Q216378","display_name":"Usability","level":2,"score":0.4098902940750122},{"id":"https://openalex.org/C201025465","wikidata":"https://www.wikidata.org/wiki/Q11248500","display_name":"User experience design","level":2,"score":0.26954185962677},{"id":"https://openalex.org/C544335954","wikidata":"https://www.wikidata.org/wiki/Q2553348","display_name":"Web intelligence","level":4,"score":0.17597949504852295}],"mesh":[],"locations_count":1,"locations":[{"id":"doi:10.1145/3374549.3374560","is_oa":false,"landing_page_url":"https://doi.org/10.1145/3374549.3374560","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the 2019 3rd International Conference on Software and e-Business","raw_type":"proceedings-article"}],"best_oa_location":null,"sustainable_development_goals":[],"awards":[],"funders":[],"has_content":{"grobid_xml":false,"pdf":false},"content_urls":null,"referenced_works_count":4,"referenced_works":["https://openalex.org/W1592525613","https://openalex.org/W2243979147","https://openalex.org/W2404269821","https://openalex.org/W4205433810"],"related_works":["https://openalex.org/W2071503253","https://openalex.org/W2362566723","https://openalex.org/W2366403264","https://openalex.org/W1516568830","https://openalex.org/W2918470374","https://openalex.org/W4244121008","https://openalex.org/W2755346677","https://openalex.org/W4389764712","https://openalex.org/W2038184448","https://openalex.org/W68102627"],"abstract_inverted_index":{"At":[0],"present,":[1],"web":[2,6,18,28,35,54,70,75,91,103,108,116,162,171,193,209],"users":[3],"may":[4],"access":[5,16],"sites":[7,19,71],"from":[8,81],"various":[9],"computing":[10],"devices":[11],"and":[12,43,64,98,123],"the":[13,17,87,115,119,125,130,161,166,169,177,188,199,208,215],"ability":[14],"to":[15,48,184],"on":[20,39,73,220],"all":[21,143,156,221],"screen":[22,50,222],"sizes":[23],"is":[24,30],"very":[25],"important.":[26],"Responsive":[27],"design":[29,63,76,88,104,113,172],"an":[31,146],"approach":[32],"that":[33,78,160,195,205,211],"makes":[34],"contents":[36],"render":[37],"well":[38,137],"desktop,":[40],"notebook,":[41],"tablet,":[42],"smartphone":[44,120],"platforms":[45,135],"by":[46,148,165,198,214],"adapting":[47],"different":[49,82,90],"sizes.":[51,223],"To":[52],"facilitate":[53],"developers,":[55],"this":[56],"paper":[57],"proposes":[58],"a":[59,111,180,191],"visual":[60,112,131],"user":[61],"interface":[62],"front-end":[65,140],"code":[66,141],"generation":[67],"tool":[68,105,126,167,216],"for":[69,118,133,142],"based":[72],"responsive":[74,102,170,192],"principles":[77,85,173],"were":[79],"compiled":[80],"sources.":[83],"The":[84,100,201],"cover":[86],"of":[89,114,187,190,207],"elements":[92],"including":[93],"navigation,":[94],"image,":[95],"layout,":[96],"form,":[97],"text.":[99],"proposed":[101],"lets":[106],"any":[107],"developer":[109],"create":[110,129],"UI":[117,163,189,210],"platform":[121],"first,":[122],"then":[124],"will":[127],"automatically":[128],"designs":[132],"other":[134],"as":[136,138],"generate":[139],"platforms.":[144],"In":[145,175],"evaluation":[147],"experts":[149,157,178,202],"who":[150],"are":[151],"experienced":[152],"web-based":[153],"software":[154],"engineers,":[155],"strongly":[158],"agreed":[159,204],"designed":[164,197,213],"followed":[168],"correctly.":[174],"addition,":[176],"used":[179],"cognitive":[181],"walkthrough":[182],"method":[183],"evaluate":[185],"usability":[186,206],"site":[194],"was":[196,212,217],"tool.":[200],"also":[203],"still":[218],"attained":[219]},"counts_by_year":[{"year":2026,"cited_by_count":1},{"year":2025,"cited_by_count":1},{"year":2023,"cited_by_count":2},{"year":2022,"cited_by_count":1}],"updated_date":"2026-07-29T14:22:42.915294","created_date":"2025-10-10T00:00:00"}